.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.wp-list-table .validation_rules li{ font-size:13px; line-height:18px; padding-bottom:10px;}
table.jvcf7p_form td{ border:none !important; padding:5px;}
.wpcf7-form label.error{color:#900; font-size:11px; float:none; padding-left:5px;} .theme_1.wpcf7-form input:not([type='checkbox']).error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error{border-bottom:2px solid #900 !important;outline: none !important;} .theme_2.wpcf7-form input:not([type='checkbox']).error, .theme_2.wpcf7-form select.error, .theme_2.wpcf7-form textarea.error{border-right:4px solid #900 !important;outline: none !important;}
.theme_2.wpcf7-form input:not([type='checkbox']).valid, .theme_2.wpcf7-form select.valid, .theme_2.wpcf7-form textarea.valid{border-right:4px solid #060 !important;outline: none !important;} .theme_3.wpcf7-form input:not([type='checkbox']).error, .theme_3.wpcf7-form select.error, .theme_3.wpcf7-form textarea.error{ background:url(//salesbond.co.uk/wp-content/plugins/jquery-validation-for-contact-form-7-pro/includes/assets/img/error.png) no-repeat right 5px center !important;}
.theme_3.wpcf7-form input:not([type='checkbox']).valid, .theme_3.wpcf7-form select.valid, .theme_3.wpcf7-form textarea.valid{background:url(//salesbond.co.uk/wp-content/plugins/jquery-validation-for-contact-form-7-pro/includes/assets/img/valid.png) no-repeat right 5px center !important;} .theme_4.wpcf7-form input:not([type='checkbox']).error, .theme_4.wpcf7-form select.error, .theme_4.wpcf7-form textarea.error{border:1px solid #900 !important;outline: none !important;} .noErrorMsg.wpcf7-form label.error{ display:none !important; height:0px !important; width:0px !important; overflow:hidden !important;}
.jvcf7p_btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding: 10px 15px 10px 15px;
text-decoration: none;
}
.jvcf7p_btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
color: #ffffff;
}
strong.invalid{ color:red;}
strong.valid{ color:green;}
#email-verification-code-error{display: none !important; height: 0px !important; width: 0px !important;}
span.verification_code_holder{display: block !important; padding: 10px 0px 0px 0px !important; margin: 0px !important; position: relative;}
input.verifyEmailCode{ width: 100%; }
input.jvcf7_verify_email_btn{ position: absolute; right: 0; transform: scale(0.9); }* {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1,
.sectors-grid h2,
.meet-the-team h2,
.services-overview h2, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  body {
font-family: "Lexend", sans-serif;
font-size: 20px;
line-height: 1.5;
color: #2D2F38;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-ligatures: none;
font-weight: 300;
}
h1,
.sectors-grid h2,
.meet-the-team h2,
.services-overview h2, h2, h3, h4 {
font-weight: 400;
}
h1,
.sectors-grid h2,
.meet-the-team h2,
.services-overview h2 {
font-size: 48px;
line-height: 56px;
}
h2 {
font-size: 36px;
line-height: 48px;
}
h3 {
font-size: 30px;
line-height: 40px;
}
h4 {
font-size: 25px;
line-height: 36px;
}
strong {
font-weight: 400;
}
p {
margin-bottom: 25px;
}
p:last-child {
margin-bottom: 0;
}
.feature-text {
font-size: 28px;
line-height: 36px;
font-weight: 400;
}
@media only screen and (min-width: 768px) {
h1,
.sectors-grid h2,
.meet-the-team h2,
.services-overview h2 {
font-size: 63px;
line-height: 76px;
}
h2 {
font-size: 40px;
line-height: 60px;
}
h3 {
font-size: 30px;
line-height: 40px;
}
h4 {
font-size: 25px;
line-height: 36px;
}
.feature-text {
font-size: 40px;
line-height: 60px;
font-weight: 400;
}
}
.green-underline {
position: relative;
}
.green-underline:after {
content: '';
position: absolute;
bottom: -20px;
left: -30px;
width: calc(100% + 20px);
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/longer-underline.svg) left center/contain no-repeat;
opacity: 0;
transform: translateX(-20px);
transition: .25s .35s all ease-in-out;
}
.green-underline.animate:after {
opacity: 1;
transform: translateX(0);
}
.circle-word {
position: relative;
}
.circle-word:after {
content: '';
position: absolute;
bottom: -10px;
left: -15px;
width: 100%;
height: 65px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/word-circle.svg) center/contain no-repeat;
opacity: 0;
transition: .25s .5s all ease-in-out;
}
.circle-word.animate:after {
opacity: 1;
}
.body-style h1, .body-style .sectors-grid h2, .sectors-grid .body-style h2, .body-style .meet-the-team h2, .meet-the-team .body-style h2, .body-style .services-overview h2, .services-overview .body-style h2, .body-style h2, .body-style h3, .body-style h4, .body-style h5 {
color: #2D2F38;
margin-bottom: 10px;
}
.body-style ul, .body-style ol {
margin-bottom: 25px;
list-style: disc;
margin-left: 20px;
}
.body-style ul:first-child, .body-style ol:first-child {
margin-top: 0;
}
.body-style ol {
list-style: decimal;
}
.body-style li {
margin-bottom: 15px;
}
.body-style li:last-of-type {
margin-bottom: 0;
}
.body-style a {
color: #1DAFA4;
}
.body-style a:hover {
color: #FB7268;
} a, a:visited {
color: inherit;
text-decoration: none;
}
a.btn, .wpcf7 a.wpcf7-submit, .btn, .wpcf7 .wpcf7-submit {
display: inline-block;
position: relative;
padding: 10px 50px;
min-width: 160px;
text-align: center;
border-radius: 100px;
background: #2D2F38;
color: #FFF;
cursor: pointer;
overflow: hidden;
font-size: 20px;
line-height: 35px;
transition: .25s all ease-in-out;
font-weight: 400;
}
a.btn:hover, .wpcf7 a.wpcf7-submit:hover, .btn:hover, .wpcf7 .wpcf7-submit:hover {
background: #1DAFA4;
}
a.btn.accent, .wpcf7 a.accent.wpcf7-submit, .btn.accent, .wpcf7 .accent.wpcf7-submit {
background: #FB7268;
}
a.btn.accent:hover, .wpcf7 a.accent.wpcf7-submit:hover, .btn.accent:hover, .wpcf7 .accent.wpcf7-submit:hover {
background: #1DAFA4;
}
a.btn.white, .wpcf7 a.white.wpcf7-submit, .btn.white, .wpcf7 .white.wpcf7-submit {
background: #FFF;
color: #2D2F38;
}
a.btn.white:hover, .wpcf7 a.white.wpcf7-submit:hover, .btn.white:hover, .wpcf7 .white.wpcf7-submit:hover {
background: #1DAFA4;
color: #FFF;
}
a.btn.custom-btn, .wpcf7 a.custom-btn.wpcf7-submit, .btn.custom-btn, .wpcf7 .custom-btn.wpcf7-submit {
position: relative;
background: #FB7268;
text-align: left;
padding: 15px 110px 15px 35px;
}
a.btn.custom-btn:after, .wpcf7 a.custom-btn.wpcf7-submit:after, .btn.custom-btn:after, .wpcf7 .custom-btn.wpcf7-submit:after {
position: absolute;
content: '';
width: 18px;
height: 72px;
top: 50%;
right: 55px;
transform: translateY(-50%) rotate(-90deg);
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/white-scroll-arrow.svg) center/contain no-repeat;
}
a.btn.custom-btn:hover, .wpcf7 a.custom-btn.wpcf7-submit:hover, .btn.custom-btn:hover, .wpcf7 .custom-btn.wpcf7-submit:hover {
background: #1DAFA4;
}
a.btn.custom-btn.disabled, .wpcf7 a.custom-btn.disabled.wpcf7-submit, .btn.custom-btn.disabled, .wpcf7 .custom-btn.disabled.wpcf7-submit {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
body.noscroll {
overflow: hidden;
}
.wrap {
max-width: 1240px;
padding: 0 20px;
margin: 0 auto;
width: 100%;
}
.scroll-down {
position: absolute;
left: calc(50% - 12px);
max-width: 24px;
height: auto;
display: block;
-webkit-animation: scroll infinite 2s forwards ease-in-out;
animation: scroll infinite 2s forwards ease-in-out;
}
.circle {
transform: scale(0);
}
@-webkit-keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes scroll {
0% {
transform: translateY(0);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0);
}
}
@keyframes scroll {
0% {
transform: translateY(0);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0);
}
}
.cc-window, .cc-dismiss {
font-family: "Lexend", sans-serif !important;
}
.circle {
display: block;
z-index: 10;
}
.animateelement.faderight {
will-change: transform, opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animateelement.faderight.animate {
-webkit-animation-name: fadeRight;
animation-name: fadeRight;
}
.animateelement.fadeup {
will-change: transform, opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animateelement.fadeup.animate {
-webkit-animation-name: fadeUp;
animation-name: fadeUp;
}
.animateelement.fade {
will-change: transform, opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animateelement.fade.animate {
-webkit-animation-name: fade;
animation-name: fade;
}
@-webkit-keyframes fadeRight {
0% {
transform: translateX(-10px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes fadeRight {
0% {
transform: translateX(-10px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes fadeUp {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes fadeUp {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} img.alignright, img.alignleft, img.aligncenter, img.alignnone {
display: block;
max-width: 100%;
height: auto;
}
img.alignright {
margin: 1em 0;
}
img.alignleft {
margin: 1em 0;
}
img.alignnone {
margin: 1em 0;
}
img.aligncenter {
display: block;
margin: 1em;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.section {
padding: 65px 0;
}
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}   html.remodal-is-locked {
overflow: hidden;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}   .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\D7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 20px;
display: flex;
align-items: center;
z-index: 15;
transition: .25s all ease-in-out;
}
header .logo {
display: block;
margin-right: auto;
}
header .logo svg {
display: block;
max-width: 175px;
width: 100%;
height: auto;
transition: .25s all ease-in-out;
}
header .logo svg path, header .logo svg rect {
transition: .25s all ease-in-out;
}
header.white-header .logo svg path, header.white-header .logo svg rect {
fill: #FFF;
}
header.headerscrolled.white-header .logo svg path, header.headerscrolled.white-header .logo svg rect {
fill: #000;
}
@media only screen and (max-width: 1023px) {
header.headerscrolled {
background: #FFF;
padding: 5px 20px;
}
}
@media only screen and (min-width: 1024px) {
header {
position: absolute;
}
}
@media only screen and (min-width: 1280px) {
header {
padding: 30px 40px;
}
}
.single-post header .logo svg path, .single-post header .logo svg rect {
fill: #FFF;
}
.single-post header.headerscrolled.white-header .logo svg path, .single-post header.headerscrolled.white-header .logo svg rect {
fill: #000;
}
.white-header .menu-toggle .hamburger span {
background: #FFF;
}
.white-header .menu-toggle:before {
color: #FFF;
}
.white-header.headerscrolled .menu-toggle .hamburger span {
background: #2D2F38;
}
.single-post header .menu-toggle .hamburger span {
background: #FFF;
}
.single-post header .menu-toggle:before {
color: #FFF;
}
.single-post header.headerscrolled .menu-toggle .hamburger span {
background: #2D2F38;
}
.menu-toggle {
display: flex;
align-items: center;
width: 30px;
height: 30px;
position: relative;
z-index: 25;
cursor: pointer;
}
.menu-toggle:before {
content: 'MENU';
position: absolute;
left: -70px;
bottom: 0px;
font-weight: bold;
color: #2D2F38;
font-size: 18px;
transition: .25s ease-in-out;
}
.menu-toggle * {
transition: .25s ease-in-out;
}
.menu-toggle span {
background: #2D2F38;
display: block;
}
.menu-toggle .hamburger {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0;
}
.menu-toggle .hamburger span {
width: 100%;
height: 2px;
position: relative;
}
.menu-toggle .hamburger span:first-of-type {
margin: 0 0 5px;
}
.menu-toggle .hamburger span:last-of-type {
margin: 5px 0 0;
}
.menu-toggle .hamburger span:nth-child(1) {
transition-delay: .5s;
}
.menu-toggle .hamburger span:nth-child(2) {
transition-delay: .625s;
}
.menu-toggle .hamburger span:nth-child(3) {
transition-delay: .75s;
width: 60%;
}
.menu-toggle .cross {
position: relative;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
.menu-toggle .cross span:nth-child(1) {
height: 0%;
width: 2px;
position: absolute;
top: 0;
left: 13px;
transition-delay: 0s;
}
.menu-toggle .cross span:nth-child(2) {
width: 0%;
height: 2px;
position: absolute;
left: 0;
top: 13.5px;
transition-delay: .25s;
}
.menu-toggle.active:before {
color: #FFF;
}
.menu-toggle.active span {
background: #FFF;
}
.menu-toggle.active .hamburger span {
width: 0%;
}
.menu-toggle.active .hamburger span:nth-child(1) {
transition-delay: 0s;
}
.menu-toggle.active .hamburger span:nth-child(2) {
transition-delay: .125s;
}
.menu-toggle.active .hamburger span:nth-child(3) {
transition-delay: .25s;
}
.menu-toggle.active .hamburger span:not(:first-of-type) {
width: 0%;
}
.menu-toggle.active .cross span:nth-child(1) {
height: 100%;
transition-delay: .625s;
}
.menu-toggle.active .cross span:nth-child(2) {
width: 100%;
transition-delay: .375s;
}
nav:not(.pagination) {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
z-index: 20;
overflow: auto;
transition: background .01s;
}
nav:not(.pagination).open {
transition-delay: .5s;
background: #FB7268;
pointer-events: auto;
}
nav:not(.pagination).open:before, nav:not(.pagination).open:after {
transition-delay: .25s;
transform: translateY(0%);
}
nav:not(.pagination).open ul {
transform: translateX(0px);
opacity: 1;
transition: .25s .6s all ease-in-out;
}
nav:not(.pagination):before {
content: '';
height: 100%;
width: 100%;
left: 0;
position: absolute;
background: #FB7268;
transform: translateY(calc(-100% - 40px));
transition: .25s all ease-in-out;
}
nav:not(.pagination) ul, nav:not(.pagination) .form-container {
opacity: 0;
transform: translateX(-10px);
transition: .25s all ease-in-out;
}
nav:not(.pagination) .wrap {
position: relative;
z-index: 5;
display: flex;
align-items: center;
}
nav:not(.pagination) ul {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
padding-left: 10px;
}
nav:not(.pagination) li {
display: inline-block;
position: relative;
font-size: 36px;
line-height: 50px;
margin-bottom: 20px;
}
nav:not(.pagination) li:after {
position: absolute;
bottom: -10px;
left: -30px;
height: 12px;
width: 160px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/menu-underline.svg) right/contain no-repeat;
content: '';
display: block;
transform: translateX(-20px);
opacity: 0;
transform-origin: left;
transition: .25s all ease-in-out;
}
nav:not(.pagination) li.current-menu-item:after, nav:not(.pagination) li:hover:after, nav:not(.pagination) li.current-page-ancestor:after, nav:not(.pagination) li.current_page_parent:after {
transform: translateX(0px);
opacity: 1;
}
nav:not(.pagination) li:last-of-type {
margin-bottom: 0;
}
nav:not(.pagination) .form-container {
display: none;
}
@media only screen and (max-height: 600px) {
nav:not(.pagination) {
padding: 20px 0 20px 0;
display: block;
}
nav:not(.pagination) li {
font-size: 36px;
line-height: 50px;
}
}
@media only screen and (min-height: 800px) {
nav:not(.pagination) li {
font-size: 50px;
line-height: 65px;
}
nav:not(.pagination) li:after {
bottom: -15px;
left: -60px;
height: 12px;
width: 230px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/menu-underline.svg) right/contain no-repeat;
}
}
@media only screen and (min-width: 768px) and (min-height: 700px) {
nav:not(.pagination).open {
background: none;
}
nav:not(.pagination).open:before, nav:not(.pagination).open:after {
transform: translateY(0%);
transition-delay: .8s;
}
nav:not(.pagination).open:after {
transition-delay: .25s;
}
nav:not(.pagination).open ul, nav:not(.pagination).open .form-container {
transform: translateX(0px);
opacity: 1;
transition: .25s .7s all ease-in-out;
}
nav:not(.pagination).open ul {
transition-delay: 1.2s;
}
nav:not(.pagination):before, nav:not(.pagination):after {
content: '';
height: 100%;
width: 50%;
left: 0;
position: absolute;
background: #FB7268;
transform: translateY(-100%);
transition: .25s all ease-in-out;
}
nav:not(.pagination):after {
left: 50%;
}
nav:not(.pagination) .form-container {
display: block;
width: calc(50% - 20px);
}
nav:not(.pagination) .form-container h2 {
font-size: 34px;
line-height: 44px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-height: 779px) {
nav:not(.pagination) .wpcf7 input:not([type=checkbox]):not(.wpcf7-submit), nav:not(.pagination) .wpcf7 textarea {
margin-bottom: 15px;
padding-left: 15px;
}
nav:not(.pagination) .wpcf7 textarea {
height: 80px;
}
}
@media only screen and (min-width: 768px) and (min-height: 780px) {
nav:not(.pagination) .form-container h2 {
font-size: 40px;
line-height: 60px;
}
}
@media only screen and (min-width: 1024px) {
nav:not(.pagination) .form-container {
max-width: 450px;
width: 100%;
}
}
footer {
background: #2D2F38;
color: #FFF;
padding: 95px 0 110px 0;
border-radius: 0 150px 0 0;
}
footer .top-row {
margin-bottom: 35px;
}
footer .logo {
display: inline-block;
}
footer svg {
display: block;
max-width: 160px;
width: 100%;
height: auto;
}
footer svg path, footer svg rect {
fill: #FFF;
}
footer .col {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 50px;
}
footer .col:last-of-type {
margin-bottom: 0;
}
footer .form-container {
max-width: 270px;
margin-bottom: 30px;
}
footer .form-container.mail-sent h4 {
opacity: 0;
}
footer .form-container .thank-you-message h4 {
opacity: 1;
}
footer .form-container p {
margin-top: 15px;
margin-bottom: 0;
font-size: 12px;
line-height: 14px;
}
footer .form-container p a {
text-decoration: underline;
}
footer .form-title {
position: relative;
margin-bottom: 35px;
transition: .25s all ease-in-out;
}
footer .form-title:after {
position: absolute;
content: '';
bottom: -25px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/newsletter-underline.svg) center/contain no-repeat;
left: -20px;
width: 100%;
height: 30px;
opacity: 0;
transform: translateX(-10px);
transition: .25s .5s all ease-in-out;
}
footer .form-title.animate:after {
opacity: 1;
transform: none;
}
footer .wpcf7 input {
padding-left: 15px !important;
margin-bottom: 0 !important;
}
footer .wpcf7 .wpcf7-submit {
position: absolute;
right: 15px;
top: 15px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/email-arrow.svg) center/contain no-repeat;
font-size: 0;
height: 20px;
width: 22px;
border-radius: 0;
padding: 0;
min-width: auto;
}
footer .wpcf7 .wpcf7-submit:hover {
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/email-arrow.svg) center/contain no-repeat;
transform: translateX(5px);
}
footer .wpcf7 .ajax-loader {
display: none;
}
footer .footer-link {
position: relative;
font-size: 25px;
margin-bottom: 15px;
display: block;
transition: .25s all ease-in-out;
}
footer .footer-link:hover {
color: #1DAFA4;
}
footer .footer-link:after {
position: absolute;
content: '';
bottom: -10px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/ts-cs-underline.svg) center/contain no-repeat;
left: -10px;
width: calc(100% + 10px);
height: 10px;
}
footer .footer-link:last-of-type {
margin-bottom: 0;
}
footer .footer-link:last-of-type:after {
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/pp-underline.svg) center/contain no-repeat;
}
footer .address:first-of-type {
margin-bottom: 30px;
}
footer .contact-link {
transition: .25s all ease-in-out;
}
footer .contact-link:hover {
color: #1DAFA4;
}
footer .social {
margin-top: auto;
display: flex;
}
footer .social a {
display: block;
max-width: 39px;
margin-right: 20px;
}
footer .social a:last-of-type {
margin-right: 0px;
}
footer .social a svg {
display: block;
width: 100%;
height: auto;
}
footer .social a svg path {
transition: .25s all ease-in-out;
}
footer .social a svg:hover path {
fill: #1DAFA4;
}
footer.grey-behind-footer {
position: relative;
background: #F5F4F4;
border-radius: 0;
}
footer.grey-behind-footer .wrap {
position: relative;
z-index: 2;
}
footer.grey-behind-footer:after {
border-radius: 0 150px 0 0;
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2D2F38;
}
@media only screen and (min-width: 768px) {
footer .columns {
display: flex;
flex-wrap: wrap;
}
footer .col {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
footer {
border-radius: 0 309px 0 0;
}
footer .columns {
flex-wrap: nowrap;
}
footer .col {
width: auto;
margin-right: 50px;
margin-bottom: 0;
}
footer .col:last-of-type {
margin-right: 0;
}
footer.grey-behind-footer:after {
border-radius: 0 309px 0 0;
}
}
@media only screen and (min-width: 1280px) {
footer .col {
margin-right: 150px;
}
footer .col:last-of-type {
margin-right: 0;
}
} .masthead {
display: flex;
align-items: center;
position: relative;
padding: 100px 0;
background: #F5F4F4;
min-height: 100vh;
position: relative;
overflow: hidden;
}
.masthead .wrap {
display: flex;
position: relative;
z-index: 4;
}
.masthead .image-container .masthead-circle {
display: none;
}
.masthead .image-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (min-height: 768px) {
.masthead {
padding: 0;
}
}
@media only screen and (min-width: 1024px) {
.masthead {
position: relative;
overflow: hidden;
min-height: auto;
height: clamp(700px, 100vh, 800px);
}
.masthead:after {
content: '';
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
border-radius: 0 0 0 350px;
}
.masthead .wrap {
display: flex;
position: relative;
z-index: 4;
}
.masthead .image-container .masthead-circle {
display: block;
position: absolute;
top: 50px;
left: 20px;
height: 110px;
width: 110px;
background: #FB7268;
border-radius: 50%;
}
.masthead .image-container img {
border-radius: 309px 0 0 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.form-container {
position: relative;
}
.form-container h2, .form-container h5 {
transition: .25s all ease-in-out;
}
.form-container.mail-sent .thank-you-message {
opacity: 1;
pointer-events: auto;
}
.form-container.mail-sent .wpcf7, .form-container.mail-sent h2, .form-container.mail-sent h5 {
opacity: 0;
pointer-events: none;
}
.thank-you-message {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: .25s .25s all ease-in-out;
pointer-events: none;
opacity: 0;
}
.wpcf7 {
position: relative;
width: 100%;
transition: .25s all ease-in-out;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7 input:not([type=checkbox]):not(.wpcf7-submit), .wpcf7 textarea {
display: block;
-webkit-appearance: none;
border-radius: 40px;
border: none;
font-family: "Lexend", sans-serif;
padding: 15px 30px;
width: 100%;
font-size: 15px;
margin-bottom: 20px;
outline: 0;
border: 1px solid #FFF;
transition: .25s all ease-in-out;
resize: none;
}
.wpcf7 input:not([type=checkbox]):not(.wpcf7-submit).valid, .wpcf7 textarea.valid {
border-color: green;
}
.wpcf7 textarea {
padding-top: 20px;
margin-bottom: 30px;
height: 130px;
}
.wpcf7 .acceptance {
margin-bottom: 30px;
font-size: 15px;
cursor: pointer;
}
.wpcf7 .acceptance label {
cursor: pointer;
display: flex;
}
.wpcf7 .acceptance input {
margin-right: 15px;
}
.wpcf7 .acceptance a {
text-decoration: underline;
}
.wpcf7 .wpcf7-list-item {
margin-left: 0;
}
.wpcf7 input[type=checkbox] {
-webkit-appearance: none;
border-radius: 50%;
background: #FFF;
height: 17px;
width: 17px;
display: block;
flex-shrink: 0;
transition: .25s all ease-in-out;
border: 2px solid #FFF;
cursor: pointer;
}
.wpcf7 input[type=checkbox]:checked {
background: #2D2F38;
}
.wpcf7 .wpcf7-response-output {
display: none !important;
}
.wpcf7 .wpcf7-submit {
-webkit-appearance: none;
margin-bottom: 0;
width: auto;
font-family: "Lexend", sans-serif;
transition: .25s all ease-in-out;
border: none;
}
.wpcf7 .wpcf7-submit:disabled {
opacity: 0.3;
} .light-masthead {
display: flex;
align-items: center;
position: relative;
max-height: 900px;
padding: 100px 0;
background: #F5F4F4;
}
.light-masthead:after {
display: none;
}
.light-masthead .content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.light-masthead h1, .light-masthead .sectors-grid h2, .sectors-grid .light-masthead h2, .light-masthead .meet-the-team h2, .meet-the-team .light-masthead h2, .light-masthead .services-overview h2, .services-overview .light-masthead h2 {
position: relative;
margin-bottom: 45px;
}
.light-masthead .btn, .light-masthead .wpcf7 .wpcf7-submit, .wpcf7 .light-masthead .wpcf7-submit {
margin-top: 30px;
}
.light-masthead .scroll-down {
display: none;
}
.light-masthead .image-container {
height: 100%;
width: 100%;
position: absolute;
right: 0;
z-index: 3;
margin: 0;
bottom: 0;
opacity: 0.3;
}
.light-masthead .image-container img {
border-radius: 0;
}
.light-masthead.home-masthead:after {
display: none;
}
.light-masthead.home-masthead .content {
max-width: 560px;
}
.light-masthead.home-masthead .scroll-down {
display: block;
bottom: 60px;
z-index: 4;
}
.light-masthead.home-masthead h1, .light-masthead.home-masthead .sectors-grid h2, .sectors-grid .light-masthead.home-masthead h2, .light-masthead.home-masthead .meet-the-team h2, .meet-the-team .light-masthead.home-masthead h2, .light-masthead.home-masthead .services-overview h2, .services-overview .light-masthead.home-masthead h2 {
margin-bottom: 0;
}
.light-masthead.home-masthead h1 span, .light-masthead.home-masthead .sectors-grid h2 span, .sectors-grid .light-masthead.home-masthead h2 span, .light-masthead.home-masthead .meet-the-team h2 span, .meet-the-team .light-masthead.home-masthead h2 span, .light-masthead.home-masthead .services-overview h2 span, .services-overview .light-masthead.home-masthead h2 span {
position: relative;
}
.light-masthead.home-masthead h1 span:after, .light-masthead.home-masthead .sectors-grid h2 span:after, .sectors-grid .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .meet-the-team h2 span:after, .meet-the-team .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .services-overview h2 span:after, .services-overview .light-masthead.home-masthead h2 span:after {
content: '';
position: absolute;
top: calc(50%);
left: calc(50%);
transform: translate(-100%, 0%);
width: 30px;
height: 30px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
opacity: 0;
transition: .25s .5s all ease-in-out;
}
.light-masthead.home-masthead h1 strong span, .light-masthead.home-masthead .sectors-grid h2 strong span, .sectors-grid .light-masthead.home-masthead h2 strong span, .light-masthead.home-masthead .meet-the-team h2 strong span, .meet-the-team .light-masthead.home-masthead h2 strong span, .light-masthead.home-masthead .services-overview h2 strong span, .services-overview .light-masthead.home-masthead h2 strong span {
color: rgba(255, 255, 255, 0);
}
.light-masthead.home-masthead h1 strong span:after, .light-masthead.home-masthead .sectors-grid h2 strong span:after, .sectors-grid .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .meet-the-team h2 strong span:after, .meet-the-team .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .services-overview h2 strong span:after, .services-overview .light-masthead.home-masthead h2 strong span:after {
top: auto;
bottom: -4px;
height: 30px;
width: 24px;
transform: translate(-50%, 0%);
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-n.svg) left center/contain no-repeat;
transition-delay: .75s;
}
.light-masthead.home-masthead .content.animate h1 span:after, .light-masthead.home-masthead .content.animate .sectors-grid h2 span:after, .sectors-grid .light-masthead.home-masthead .content.animate h2 span:after, .light-masthead.home-masthead .content.animate .meet-the-team h2 span:after, .meet-the-team .light-masthead.home-masthead .content.animate h2 span:after, .light-masthead.home-masthead .content.animate .services-overview h2 span:after, .services-overview .light-masthead.home-masthead .content.animate h2 span:after {
transform: translate(-50%, -50%);
opacity: 1;
}
.light-masthead.about-masthead h1:after, .light-masthead.about-masthead .sectors-grid h2:after, .sectors-grid .light-masthead.about-masthead h2:after, .light-masthead.about-masthead .meet-the-team h2:after, .meet-the-team .light-masthead.about-masthead h2:after, .light-masthead.about-masthead .services-overview h2:after, .services-overview .light-masthead.about-masthead h2:after {
content: '';
position: absolute;
bottom: -35px;
left: -60px;
width: 400px;
height: 200px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/masthead-circling.svg) center/contain no-repeat;
transform: none;
}
.light-masthead.about-masthead .content.animate h1 span:after, .light-masthead.about-masthead .content.animate .sectors-grid h2 span:after, .sectors-grid .light-masthead.about-masthead .content.animate h2 span:after, .light-masthead.about-masthead .content.animate .meet-the-team h2 span:after, .meet-the-team .light-masthead.about-masthead .content.animate h2 span:after, .light-masthead.about-masthead .content.animate .services-overview h2 span:after, .services-overview .light-masthead.about-masthead .content.animate h2 span:after {
transform: none;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.light-masthead .content {
max-width: 470px;
}
.light-masthead .content.animate h1:after, .light-masthead .content.animate .sectors-grid h2:after, .sectors-grid .light-masthead .content.animate h2:after, .light-masthead .content.animate .meet-the-team h2:after, .meet-the-team .light-masthead .content.animate h2:after, .light-masthead .content.animate .services-overview h2:after, .services-overview .light-masthead .content.animate h2:after {
opacity: 1;
transform: none;
}
.light-masthead h1:after, .light-masthead .sectors-grid h2:after, .sectors-grid .light-masthead h2:after, .light-masthead .meet-the-team h2:after, .meet-the-team .light-masthead h2:after, .light-masthead .services-overview h2:after, .services-overview .light-masthead h2:after {
content: '';
position: absolute;
left: -20px;
width: 230px;
bottom: -40px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
opacity: 0;
transform: translateX(-20px);
transition: .25s 1s all ease-in-out;
}
.light-masthead .scroll-down {
display: block;
bottom: 60px;
z-index: 4;
}
.light-masthead.home-masthead .content {
max-width: 560px;
}
.light-masthead.home-masthead h1 span:after, .light-masthead.home-masthead .sectors-grid h2 span:after, .sectors-grid .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .meet-the-team h2 span:after, .meet-the-team .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .services-overview h2 span:after, .services-overview .light-masthead.home-masthead h2 span:after {
width: 44px;
height: 44px;
}
.light-masthead.home-masthead h1 strong span:after, .light-masthead.home-masthead .sectors-grid h2 strong span:after, .sectors-grid .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .meet-the-team h2 strong span:after, .meet-the-team .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .services-overview h2 strong span:after, .services-overview .light-masthead.home-masthead h2 strong span:after {
bottom: -2px;
height: 36px;
width: 30px;
}
.light-masthead.about-masthead .content {
margin: 0 auto;
}
.light-masthead.about-masthead h1:after, .light-masthead.about-masthead .sectors-grid h2:after, .sectors-grid .light-masthead.about-masthead h2:after, .light-masthead.about-masthead .meet-the-team h2:after, .meet-the-team .light-masthead.about-masthead h2:after, .light-masthead.about-masthead .services-overview h2:after, .services-overview .light-masthead.about-masthead h2:after {
bottom: -45px;
left: -80px;
width: 450px;
height: 260px;
}
}
@media only screen and (min-width: 1024px) {
.light-masthead {
padding-left: 30px;
}
.light-masthead .image-container {
width: 42%;
max-width: none;
position: absolute;
right: 0;
height: calc(100% - 125px);
z-index: 3;
margin: 0;
bottom: 0;
opacity: 1;
}
.light-masthead .image-container img {
border-radius: 309px 0 0 0;
}
.light-masthead.home-masthead:after {
display: block;
}
.light-masthead.about-masthead {
padding-right: 500px;
}
.grey-w-white {
background: #F5F4F4;
}
.grey-w-white:after {
display: block;
content: '';
background: #FFF;
}
.blue-w-white {
background: #2D2F38;
}
.blue-w-white:after {
display: block;
content: '';
background: #FFF;
}
.teal-w-white {
background: #1DAFA4;
}
.teal-w-white:after {
display: block;
content: '';
background: #FFF;
}
}
@media only screen and (min-width: 1280px) {
.light-masthead {
padding-left: 0;
}
}
@media only screen and (min-height: 9999px) {
.light-masthead {
display: flex;
align-items: center;
position: relative;
height: 100vh;
max-height: 900px;
padding-top: 0;
background: #F5F4F4;
}
.light-masthead:after {
content: '';
background: #FFF;
}
.light-masthead .content {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
max-width: 470px;
}
.light-masthead h1, .light-masthead .sectors-grid h2, .sectors-grid .light-masthead h2, .light-masthead .meet-the-team h2, .meet-the-team .light-masthead h2, .light-masthead .services-overview h2, .services-overview .light-masthead h2 {
margin-bottom: 45px;
}
.light-masthead h1:after, .light-masthead .sectors-grid h2:after, .sectors-grid .light-masthead h2:after, .light-masthead .meet-the-team h2:after, .meet-the-team .light-masthead h2:after, .light-masthead .services-overview h2:after, .services-overview .light-masthead h2:after {
content: '';
position: absolute;
left: -20px;
width: 230px;
bottom: -40px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
}
.light-masthead .btn, .light-masthead .wpcf7 .wpcf7-submit, .wpcf7 .light-masthead .wpcf7-submit {
margin-top: 30px;
}
.light-masthead .scroll-down {
bottom: 60px;
z-index: 4;
}
.light-masthead .image-container {
width: 42%;
max-width: none;
position: absolute;
right: 0;
height: calc(100% - 125px);
z-index: 3;
margin: 0;
bottom: 0;
}
.light-masthead .image-container img {
border-radius: 309px 0 0 0;
}
.light-masthead.home-masthead .content {
max-width: 560px;
}
.light-masthead.home-masthead h1, .light-masthead.home-masthead .sectors-grid h2, .sectors-grid .light-masthead.home-masthead h2, .light-masthead.home-masthead .meet-the-team h2, .meet-the-team .light-masthead.home-masthead h2, .light-masthead.home-masthead .services-overview h2, .services-overview .light-masthead.home-masthead h2 {
margin-bottom: 0;
}
.light-masthead.home-masthead h1 span, .light-masthead.home-masthead .sectors-grid h2 span, .sectors-grid .light-masthead.home-masthead h2 span, .light-masthead.home-masthead .meet-the-team h2 span, .meet-the-team .light-masthead.home-masthead h2 span, .light-masthead.home-masthead .services-overview h2 span, .services-overview .light-masthead.home-masthead h2 span {
position: relative;
}
.light-masthead.home-masthead h1 span:after, .light-masthead.home-masthead .sectors-grid h2 span:after, .sectors-grid .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .meet-the-team h2 span:after, .meet-the-team .light-masthead.home-masthead h2 span:after, .light-masthead.home-masthead .services-overview h2 span:after, .services-overview .light-masthead.home-masthead h2 span:after {
content: '';
position: absolute;
top: calc(50%);
left: calc(50%);
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
}
.light-masthead.home-masthead h1 strong span, .light-masthead.home-masthead .sectors-grid h2 strong span, .sectors-grid .light-masthead.home-masthead h2 strong span, .light-masthead.home-masthead .meet-the-team h2 strong span, .meet-the-team .light-masthead.home-masthead h2 strong span, .light-masthead.home-masthead .services-overview h2 strong span, .services-overview .light-masthead.home-masthead h2 strong span {
color: #FFF;
}
.light-masthead.home-masthead h1 strong span:after, .light-masthead.home-masthead .sectors-grid h2 strong span:after, .sectors-grid .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .meet-the-team h2 strong span:after, .meet-the-team .light-masthead.home-masthead h2 strong span:after, .light-masthead.home-masthead .services-overview h2 strong span:after, .services-overview .light-masthead.home-masthead h2 strong span:after {
top: auto;
bottom: -2px;
height: 36px;
width: 30px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-n.svg) left center/contain no-repeat;
}
.light-masthead.grey-w-white {
background: #F5F4F4;
}
.light-masthead.blue-w-white {
background: #2D2F38;
}
}
.dark-masthead {
color: #FFF;
background: #999;
}
.dark-masthead .wrap {
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.dark-masthead .content {
position: relative;
}
.dark-masthead h1, .dark-masthead .sectors-grid h2, .sectors-grid .dark-masthead h2, .dark-masthead .meet-the-team h2, .meet-the-team .dark-masthead h2, .dark-masthead .services-overview h2, .services-overview .dark-masthead h2 {
font-size: 54px;
line-height: 70px;
position: relative;
}
.dark-masthead h1:after, .dark-masthead .sectors-grid h2:after, .sectors-grid .dark-masthead h2:after, .dark-masthead .meet-the-team h2:after, .meet-the-team .dark-masthead h2:after, .dark-masthead .services-overview h2:after, .services-overview .dark-masthead h2:after {
content: '';
position: absolute;
top: -60px;
left: 100px;
transform: rotate(90deg);
width: 46px;
height: 46px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
}
.dark-masthead .scroll-down {
position: absolute;
left: 0;
bottom: -140px;
}
.dark-masthead .image-container {
position: absolute;
right: 0;
width: 100%;
height: 100%;
z-index: 3;
top: 0;
max-width: none;
margin: 0;
opacity: 0.3;
}
.dark-masthead.our-approach-masthead h1:after, .dark-masthead.our-approach-masthead .sectors-grid h2:after, .sectors-grid .dark-masthead.our-approach-masthead h2:after, .dark-masthead.our-approach-masthead .meet-the-team h2:after, .meet-the-team .dark-masthead.our-approach-masthead h2:after, .dark-masthead.our-approach-masthead .services-overview h2:after, .services-overview .dark-masthead.our-approach-masthead h2:after {
content: '';
position: absolute;
top: 20px;
right: 0;
width: 46px;
height: 46px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
opacity: 0;
transform: rotate(90deg) translate(-20px, 20px);
transition: .25s .75s all ease-in-out;
}
.dark-masthead.our-approach-masthead .content.animate h1:after, .dark-masthead.our-approach-masthead .content.animate .sectors-grid h2:after, .sectors-grid .dark-masthead.our-approach-masthead .content.animate h2:after, .dark-masthead.our-approach-masthead .content.animate .meet-the-team h2:after, .meet-the-team .dark-masthead.our-approach-masthead .content.animate h2:after, .dark-masthead.our-approach-masthead .content.animate .services-overview h2:after, .services-overview .dark-masthead.our-approach-masthead .content.animate h2:after {
opacity: 1;
transform: rotate(90deg) translate(0, 0);
}
.dark-masthead.blog-masthead .content {
margin-right: auto;
max-width: 650px;
}
.dark-masthead.blog-masthead h1, .dark-masthead.blog-masthead .sectors-grid h2, .sectors-grid .dark-masthead.blog-masthead h2, .dark-masthead.blog-masthead .meet-the-team h2, .meet-the-team .dark-masthead.blog-masthead h2, .dark-masthead.blog-masthead .services-overview h2, .services-overview .dark-masthead.blog-masthead h2 {
font-size: 36px;
line-height: 42px;
margin-bottom: 20px;
}
.blog {
background: #F5F4F4;
}
.blog .dark-masthead {
background: #2D2F38;
}
.blog .dark-masthead .content.animate h1:before, .blog .dark-masthead .content.animate .sectors-grid h2:before, .sectors-grid .blog .dark-masthead .content.animate h2:before, .blog .dark-masthead .content.animate .meet-the-team h2:before, .meet-the-team .blog .dark-masthead .content.animate h2:before, .blog .dark-masthead .content.animate .services-overview h2:before, .services-overview .blog .dark-masthead .content.animate h2:before {
opacity: 1;
transform: rotate(90deg) translate(0, 0);
}
.blog .dark-masthead .content.animate h1:after, .blog .dark-masthead .content.animate .sectors-grid h2:after, .sectors-grid .blog .dark-masthead .content.animate h2:after, .blog .dark-masthead .content.animate .meet-the-team h2:after, .meet-the-team .blog .dark-masthead .content.animate h2:after, .blog .dark-masthead .content.animate .services-overview h2:after, .services-overview .blog .dark-masthead .content.animate h2:after {
opacity: 1;
transform: none;
}
.blog .dark-masthead h1, .blog .dark-masthead .sectors-grid h2, .sectors-grid .blog .dark-masthead h2, .blog .dark-masthead .meet-the-team h2, .meet-the-team .blog .dark-masthead h2, .blog .dark-masthead .services-overview h2, .services-overview .blog .dark-masthead h2 {
position: relative;
}
.blog .dark-masthead h1:after, .blog .dark-masthead .sectors-grid h2:after, .sectors-grid .blog .dark-masthead h2:after, .blog .dark-masthead .meet-the-team h2:after, .meet-the-team .blog .dark-masthead h2:after, .blog .dark-masthead .services-overview h2:after, .services-overview .blog .dark-masthead h2:after {
top: auto;
content: '';
position: absolute;
left: calc(50% - 110px);
bottom: -30px;
width: 200px;
height: 35px;
transform: none;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/orange-underline.svg) left center/contain no-repeat;
opacity: 0;
transform: translateX(-20px);
transition: .25s .5s all ease-in-out;
}
.blog .dark-masthead h1:before, .blog .dark-masthead .sectors-grid h2:before, .sectors-grid .blog .dark-masthead h2:before, .blog .dark-masthead .meet-the-team h2:before, .meet-the-team .blog .dark-masthead h2:before, .blog .dark-masthead .services-overview h2:before, .services-overview .blog .dark-masthead h2:before {
content: '';
position: absolute;
top: -20px;
left: -40px;
transform: rotate(90deg);
width: 32px;
height: 32px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/orange-title-arrow.svg) left center/contain no-repeat;
opacity: 0;
transform: rotate(90deg) translate(-20px, 20px);
transition: .25s .75s all ease-in-out;
}
.blog .dark-masthead .scroll-down {
z-index: 10;
bottom: 100px;
left: 40px;
}
.blog .dark-masthead:after {
background: #999;
}
@media only screen and (min-width: 768px) {
.dark-masthead h1, .dark-masthead .sectors-grid h2, .sectors-grid .dark-masthead h2, .dark-masthead .meet-the-team h2, .meet-the-team .dark-masthead h2, .dark-masthead .services-overview h2, .services-overview .dark-masthead h2 {
position: relative;
font-size: 64px;
line-height: 72px;
}
.dark-masthead h1:after, .dark-masthead .sectors-grid h2:after, .sectors-grid .dark-masthead h2:after, .dark-masthead .meet-the-team h2:after, .meet-the-team .dark-masthead h2:after, .dark-masthead .services-overview h2:after, .services-overview .dark-masthead h2:after {
content: '';
position: absolute;
top: -60px;
left: 60px;
opacity: 0;
transform: rotate(90deg) translate(-20px, 20px);
transition: .25s .75s all ease-in-out;
width: 46px;
height: 46px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
}
.dark-masthead .content.animate h1:after, .dark-masthead .content.animate .sectors-grid h2:after, .sectors-grid .dark-masthead .content.animate h2:after, .dark-masthead .content.animate .meet-the-team h2:after, .meet-the-team .dark-masthead .content.animate h2:after, .dark-masthead .content.animate .services-overview h2:after, .services-overview .dark-masthead .content.animate h2:after {
opacity: 1;
transform: rotate(90deg) translate(0, 0);
}
.dark-masthead .scroll-down {
position: absolute;
left: 0;
bottom: -180px;
}
.dark-masthead .image-container {
width: 50%;
}
.dark-masthead .image-container img {
border-radius: 309px 0 0 0;
}
.dark-masthead.our-approach-masthead h1:after, .dark-masthead.our-approach-masthead .sectors-grid h2:after, .sectors-grid .dark-masthead.our-approach-masthead h2:after, .dark-masthead.our-approach-masthead .meet-the-team h2:after, .meet-the-team .dark-masthead.our-approach-masthead h2:after, .dark-masthead.our-approach-masthead .services-overview h2:after, .services-overview .dark-masthead.our-approach-masthead h2:after {
content: '';
position: absolute;
top: 20px;
left: 140px;
width: 46px;
height: 46px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
}
.dark-masthead.blog-masthead .content {
margin-right: auto;
max-width: 600px;
}
.dark-masthead.blog-masthead h1, .dark-masthead.blog-masthead .sectors-grid h2, .sectors-grid .dark-masthead.blog-masthead h2, .dark-masthead.blog-masthead .meet-the-team h2, .meet-the-team .dark-masthead.blog-masthead h2, .dark-masthead.blog-masthead .services-overview h2, .services-overview .dark-masthead.blog-masthead h2 {
font-size: 52px;
line-height: 64px;
margin-bottom: 20px;
}
.dark-masthead.blog-masthead .date {
font-size: 24px;
}
.blog .dark-masthead h1:after, .blog .dark-masthead .sectors-grid h2:after, .sectors-grid .blog .dark-masthead h2:after, .blog .dark-masthead .meet-the-team h2:after, .meet-the-team .blog .dark-masthead h2:after, .blog .dark-masthead .services-overview h2:after, .services-overview .blog .dark-masthead h2:after {
left: calc(50% - 176px);
bottom: -40px;
width: 354px;
height: 35px;
}
.blog .dark-masthead h1:before, .blog .dark-masthead .sectors-grid h2:before, .sectors-grid .blog .dark-masthead h2:before, .blog .dark-masthead .meet-the-team h2:before, .meet-the-team .blog .dark-masthead h2:before, .blog .dark-masthead .services-overview h2:before, .services-overview .blog .dark-masthead h2:before {
top: -25px;
left: -60px;
width: 46px;
height: 46px;
}
}
@media only screen and (min-width: 1024px) {
.dark-masthead {
background: none;
max-height: 450px;
}
.dark-masthead:after {
background: #999;
}
.dark-masthead.blog-masthead {
max-height: 550px;
}
.dark-masthead.blog-masthead .scroll-down {
display: none;
}
.blog .dark-masthead {
background: #999;
border-radius: 0 0 350px 0;
}
}
.illustrated-masthead {
padding-top: 120px;
padding-bottom: 0;
}
.illustrated-masthead .wrap {
display: flex;
flex-direction: column;
height: 100%;
padding-bottom: 250px;
}
.illustrated-masthead:after {
border-radius: 0 0 350px 0;
}
.illustrated-masthead .content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 0;
margin-bottom: 40px;
}
.illustrated-masthead h1, .illustrated-masthead .sectors-grid h2, .sectors-grid .illustrated-masthead h2, .illustrated-masthead .meet-the-team h2, .meet-the-team .illustrated-masthead h2, .illustrated-masthead .services-overview h2, .services-overview .illustrated-masthead h2 {
position: relative;
margin-bottom: 25px;
}
.illustrated-masthead .btn, .illustrated-masthead .wpcf7 .wpcf7-submit, .wpcf7 .illustrated-masthead .wpcf7-submit {
margin-top: 30px;
}
.illustrated-masthead .scroll-down {
bottom: 60px;
}
.illustrated-masthead .illustration {
display: block;
max-width: 630px;
width: 100%;
height: auto;
}
@media only screen and (min-width: 1024px) {
.illustrated-masthead {
padding: 0;
}
.illustrated-masthead .wrap {
flex-direction: row;
align-items: center;
height: 100%;
padding: 0 20px;
}
.illustrated-masthead:after {
border-radius: 0 0 350px 0;
}
.illustrated-masthead .content {
margin-right: auto;
max-width: 480px;
margin-bottom: 0;
}
.illustrated-masthead .content.animate h1:after, .illustrated-masthead .content.animate .sectors-grid h2:after, .sectors-grid .illustrated-masthead .content.animate h2:after, .illustrated-masthead .content.animate .meet-the-team h2:after, .meet-the-team .illustrated-masthead .content.animate h2:after, .illustrated-masthead .content.animate .services-overview h2:after, .services-overview .illustrated-masthead .content.animate h2:after {
opacity: 1;
transform: none;
}
.illustrated-masthead h1, .illustrated-masthead .sectors-grid h2, .sectors-grid .illustrated-masthead h2, .illustrated-masthead .meet-the-team h2, .meet-the-team .illustrated-masthead h2, .illustrated-masthead .services-overview h2, .services-overview .illustrated-masthead h2 {
margin-bottom: 45px;
}
.illustrated-masthead h1:after, .illustrated-masthead .sectors-grid h2:after, .sectors-grid .illustrated-masthead h2:after, .illustrated-masthead .meet-the-team h2:after, .meet-the-team .illustrated-masthead h2:after, .illustrated-masthead .services-overview h2:after, .services-overview .illustrated-masthead h2:after {
content: '';
position: absolute;
left: -20px;
width: 230px;
bottom: -40px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
opacity: 0;
transform: translateX(-20px);
transition: .25s .75s all ease-in-out;
}
.illustrated-masthead .btn, .illustrated-masthead .wpcf7 .wpcf7-submit, .wpcf7 .illustrated-masthead .wpcf7-submit {
margin-top: 30px;
}
.illustrated-masthead .scroll-down {
bottom: 60px;
}
.illustrated-masthead .illustration {
display: block;
max-width: 630px;
width: 100%;
height: auto;
}
}
.module-carousel {
padding: 115px 0 80px 0;
overflow: hidden;
}
.module-carousel .wrap {
position: relative;
z-index: 2;
}
.module-carousel .module-intro-content {
display: flex;
margin-bottom: 60px;
}
.module-carousel .module-intro-content .left-col {
margin-right: auto;
}
.module-carousel h2 br {
display: none;
}
.module-carousel .custom-arrows {
display: none;
}
.module-carousel .inner-module-carousel {
position: relative;
z-index: 2;
margin-left: 20px;
padding-right: 20px;
}
.module-carousel .inner-module-carousel .slick-list {
overflow: visible;
margin: 0 -20px;
}
.module-carousel .inner-module-carousel .module {
margin: 0 20px;
}
.module-carousel .inner-module-carousel .post-image {
position: relative;
margin-bottom: 50px;
}
.module-carousel .inner-module-carousel .post-image .btn, .module-carousel .inner-module-carousel .post-image .wpcf7 .wpcf7-submit, .wpcf7 .module-carousel .inner-module-carousel .post-image .wpcf7-submit {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -30px;
right: 0px;
box-shadow: 0px 3px 10px #00000014;
width: 180px;
height: 60px;
padding: 0;
}
.module-carousel .inner-module-carousel img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 100px 0px 100px;
}
.module-carousel .inner-module-carousel .post-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.module-carousel .inner-module-carousel h4 {
max-width: 400px;
position: relative;
margin-bottom: 25px;
}
.module-carousel .inner-module-carousel h4:after {
content: '';
width: 100%;
display: block;
position: absolute;
bottom: -20px;
left: -30px;
height: 10px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/news-underline.svg) center/cover no-repeat;
transform: translateX(-10px);
opacity: 0;
transform-origin: left;
transition: .25s all ease-in-out;
}
.module-carousel.case-studies-carousel {
position: relative;
}
.module-carousel.case-studies-carousel .module:hover h4 {
background: #1DAFA4;
}
.module-carousel.case-studies-carousel h4 {
position: absolute;
top: 0;
left: 0;
background: #FB7268;
color: #FFF;
border-radius: 0 0 55px 0;
padding: 15px 55px 20px 25px;
transition: .25s all ease-in-out;
}
.module-carousel.case-studies-carousel h4:after {
display: none;
}
.module-carousel.grey {
background: #F5F4F4;
}
.module-carousel.home-news-carousel {
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.module-carousel {
padding: 115px 0 150px 0;
}
.module-carousel .module-intro-content {
display: flex;
margin-bottom: 60px;
}
.module-carousel .module-intro-content .left-col {
margin-right: auto;
}
.module-carousel h2 br {
display: block;
}
.module-carousel .custom-arrows {
position: relative;
display: flex;
align-items: center;
}
.module-carousel .custom-arrows .slick-arrow {
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/dark-carousel-arrow.svg) center/contain no-repeat;
height: 25px;
width: 97px;
display: block;
border: none;
outline: 0;
transition: .25s all ease-in-out;
font-size: 0;
cursor: pointer;
margin-bottom: 0;
transform-origin: 50%;
padding: 0;
}
.module-carousel .custom-arrows .slick-arrow.slick-prev {
transform: rotate(180deg);
margin-right: 30px;
}
.module-carousel .custom-arrows .slick-arrow.slick-prev:hover {
transform: rotate(180deg) scale(1.2);
}
.module-carousel .custom-arrows .slick-arrow:hover {
transform: scale(1.2);
}
.module-carousel .custom-arrows .slick-arrow.slick-disabled {
pointer-events: none;
opacity: 0;
}
.module-carousel .inner-module-carousel {
padding-right: 40px;
}
.module-carousel .inner-module-carousel .slick-list {
margin: 0 -20px;
}
.module-carousel .inner-module-carousel .module {
margin: 0 20px;
padding-right: 40px;
}
.module-carousel .inner-module-carousel .post-image .btn, .module-carousel .inner-module-carousel .post-image .wpcf7 .wpcf7-submit, .wpcf7 .module-carousel .inner-module-carousel .post-image .wpcf7-submit {
bottom: -37px;
right: -40px;
width: 215px;
height: 74px;
}
.module-carousel .inner-module-carousel img {
height: 350px;
}
.module-carousel.grey {
background: #F5F4F4;
}
}
@media only screen and (min-width: 1024px) {
.module-carousel.case-studies-carousel {
padding-top: 200px;
}
.module-carousel.case-studies-carousel:after {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: '';
border-radius: 280px 0 0 0;
background: #FFF;
}
.module-carousel.case-studies-carousel h4 {
padding: 25px 75px 30px 25px;
}
.module-carousel.case-studies-carousel.blue {
background: #2D2F38;
color: #2D2F38;
}
}
@media only screen and (min-width: 1240px) {
.module-carousel .inner-module-carousel {
margin-left: calc((100vw - 1200px) / 2);
padding-right: 40px;
}
.module-carousel .inner-module-carousel .module:hover h4:after {
transform: translateX(0px);
opacity: 1;
}
.module-carousel .inner-module-carousel .module:hover .btn, .module-carousel .inner-module-carousel .module:hover .wpcf7 .wpcf7-submit, .wpcf7 .module-carousel .inner-module-carousel .module:hover .wpcf7-submit {
background: #1DAFA4;
color: #FFF;
}
.module-carousel.case-studies-carousel {
position: relative;
padding-top: 200px;
}
.module-carousel.case-studies-carousel:after {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: '';
border-radius: 280px 0 0 0;
background: #FFF;
}
.module-carousel.case-studies-carousel .module:hover h4 {
background: #1DAFA4;
}
.module-carousel.case-studies-carousel h4 {
position: absolute;
top: 0;
left: 0;
background: #FB7268;
color: #FFF;
border-radius: 0 0 55px 0;
padding: 25px 75px 30px 25px;
transition: .25s all ease-in-out;
}
}
.testimonial-carousel {
position: relative;
background: #1DAFA4;
color: #FFF;
}
.testimonial-carousel .wrap {
position: relative;
padding: 60px 20px;
}
.testimonial-carousel .circle {
display: none;
}
.testimonial-carousel img {
width: 100%;
max-width: 250px;
height: auto;
display: block;
margin-bottom: 40px;
}
.testimonial-carousel p {
opacity: 0;
font-size: 26px;
line-height: 34px;
font-weight: 500;
max-width: 880px;
margin-bottom: 0;
}
.testimonial-carousel h4 {
font-size: 20px;
line-height: 26px;
}
.testimonial-carousel .testimonial-info {
opacity: 0;
margin-top: 45px;
opacity: 0.5;
}
.testimonial-carousel .slick-track {
display: flex;
align-items: center;
}
.testimonial-carousel .slick-active p {
will-change: transform opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.testimonial-carousel .slick-active .testimonial-info {
will-change: transform opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-delay: 1s;
animation-delay: 1s;
opacity: 1;
}
.testimonial-carousel .slick-arrow {
position: absolute;
right: 30px;
bottom: 30px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/carousel-arrow.svg) center/contain no-repeat;
height: 25px;
width: 97px;
display: block;
border: none;
outline: 0;
transition: .25s all ease-in-out;
font-size: 0;
transform-origin: 505;
cursor: pointer;
}
.testimonial-carousel .slick-arrow.slick-prev {
display: none !important;
}
.testimonial-carousel.half-grey:before {
height: 50%;
width: 100%;
background: #F5F4F4;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) {
.testimonial-carousel {
color: #FFF;
border-radius: 0 350px 350px 0;
}
.testimonial-carousel .wrap {
position: relative;
padding: 120px 50px 150px 20px;
}
.testimonial-carousel .circle {
display: block;
position: absolute;
bottom: 50px;
right: 50px;
height: 110px;
width: 110px;
background: #FB7268;
border-radius: 50%;
}
.testimonial-carousel p {
font-size: 26px;
line-height: 34px;
max-width: 880px;
margin-bottom: 0;
}
.testimonial-carousel h4 {
font-size: 26px;
line-height: 34px;
}
.testimonial-carousel .testimonial-info {
margin-top: 45px;
opacity: 0.5;
}
.testimonial-carousel .slick-arrow {
right: 250px;
bottom: 50px;
}
.testimonial-carousel.half-grey:before {
height: 50%;
width: 100%;
background: #F5F4F4;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
}
@media only screen and (min-width: 1024px) {
.testimonial-carousel .wrap {
padding: 80px 50px 80px 20px;
}
.testimonial-carousel .circle {
bottom: 25px;
}
}
@media only screen and (min-width: 1280px) {
.testimonial-carousel .circle {
bottom: 50px;
}
.testimonial-carousel .slick-arrow {
right: 125px;
bottom: 50%;
transform: translateY(-50%);
}
.testimonial-carousel .slick-arrow:hover {
transform: translateY(-50%) scale(1.2);
}
.testimonial-carousel.half-grey:before {
height: 50%;
width: 100%;
background: #F5F4F4;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
}
.under-masthead-intro {
position: relative;
padding: 80px 0 90px 0;
overflow: hidden;
}
.under-masthead-intro .wrap {
position: relative;
z-index: 3;
}
.under-masthead-intro h5 {
opacity: 0.5;
margin-bottom: 25px;
}
.under-masthead-intro h3 {
margin-bottom: 30px;
}
.under-masthead-intro .btn, .under-masthead-intro .wpcf7 .wpcf7-submit, .wpcf7 .under-masthead-intro .wpcf7-submit {
margin-top: 25px;
}
.under-masthead-intro .image-container {
display: none;
position: absolute;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
opacity: 0.3;
}
.under-masthead-intro .image-container .circle {
display: none;
}
.under-masthead-intro .image-container img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.under-masthead-intro.circle-lower-content .content {
max-width: 445px;
}
.under-masthead-intro.circle-lower-content .content:after {
content: '';
position: absolute;
bottom: -60px;
left: -80px;
width: 540px;
height: 270px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/circling.svg) center/contain no-repeat;
}
.under-masthead-intro.grey {
background: #F5F4F4;
}
.under-masthead-intro.blue {
background: #2D2F38;
color: #FFF;
}
.under-masthead-intro.blue:after {
display: none;
}
@media only screen and (min-width: 768px) {
.under-masthead-intro {
padding: 140px 0 130px 0;
}
}
@media only screen and (min-width: 1024px) {
.under-masthead-intro .content {
max-width: 445px;
}
.under-masthead-intro .image-container {
width: 50%;
height: 510px;
opacity: 1;
z-index: 5;
display: block;
}
.under-masthead-intro .image-container .circle {
position: absolute;
bottom: 100px;
left: 20px;
height: 110px;
width: 110px;
background: #FB7268;
display: block;
border-radius: 50%;
}
.under-masthead-intro .image-container img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 0 0 309px;
}
.under-masthead-intro .content.full-width {
max-width: none !important;
}
.under-masthead-intro.wide-content .content {
max-width: 560px;
}
.under-masthead-intro.circle-lower-content .content:after {
content: '';
position: absolute;
bottom: -60px;
left: -80px;
width: 540px;
height: 270px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/circling.svg) center/contain no-repeat;
}
.under-masthead-intro.grey-w-white {
background: #F5F4F4;
}
.under-masthead-intro.grey-w-white:after {
content: '';
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
border-radius: 0 0 350px 0;
}
.under-masthead-intro.narrow-image .image-container {
width: 42%;
}
}
.centralised-content {
padding: 95px 0 95px 0;
background: #F5F4F4;
text-align: center;
}
.centralised-content.additional-padding-bottom {
padding-bottom: 120px;
}
.centralised-content .wrap {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
max-width: 1075px;
}
.centralised-content .wrap.animate .thick-underline {
opacity: 1;
transform: none;
}
.centralised-content h5 {
margin-bottom: 25px;
opacity: 0.5;
}
.centralised-content h2 {
margin-bottom: 25px;
}
.centralised-content p:last-of-type {
margin-bottom: 0;
}
.centralised-content .btn, .centralised-content .wpcf7 .wpcf7-submit, .wpcf7 .centralised-content .wpcf7-submit {
margin-top: 60px;
}
.centralised-content .thick-underline {
margin-top: 50px;
display: block;
transition: .25s .75s all ease-in-out;
opacity: 0;
transform: translateX(-20px);
}
.centralised-content .scroll-down {
left: auto;
right: 20px;
bottom: 0px;
}
.content-and-image {
position: relative;
padding: 150px 0 115px 0;
overflow: hidden;
}
.content-and-image .wrap {
position: relative;
z-index: 3;
}
.content-and-image .content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.content-and-image .content.animate h2 span:after {
transform: none;
opacity: 1;
}
.content-and-image h2 {
position: relative;
font-size: 48px;
line-height: 56px;
margin-bottom: 35px;
}
.content-and-image h2 span {
position: relative;
}
.content-and-image h2 span:after {
content: '';
position: absolute;
top: 15px;
right: -55px;
width: 35px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
transform: translate(-100%, 0%);
opacity: 0;
transition: .25s .5s all ease-in-out;
}
.content-and-image h2 span:nth-of-type(2) {
color: rgba(255, 255, 255, 0);
}
.content-and-image h2 span:nth-of-type(2):after {
right: auto;
left: 3px;
top: 20px;
height: 30;
width: 24px;
transform: translate(0%, 50%);
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-n.svg) left center/contain no-repeat;
transition-delay: .75s;
}
.content-and-image .btn, .content-and-image .wpcf7 .wpcf7-submit, .wpcf7 .content-and-image .wpcf7-submit {
margin-top: 45px;
}
.content-and-image .image-container {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
margin-left: auto;
top: 0;
right: 0;
opacity: 0.3;
z-index: 2;
}
.content-and-image .image-container .circle {
display: none;
}
.content-and-image .image-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (min-width: 1024px) {
.content-and-image {
padding: 200px 0 115px 0;
}
.content-and-image:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
content: '';
border-radius: 350px 0 0 0;
}
.content-and-image .content {
max-width: 470px;
}
.content-and-image h2 {
font-size: 63px;
line-height: 76px;
}
.content-and-image h2 span {
position: relative;
}
.content-and-image h2 span:after {
top: 25px;
right: -55px;
width: 35px;
height: 35px;
}
.content-and-image h2 span:nth-of-type(2):after {
left: 4px;
top: 26px;
height: 36px;
width: 30px;
}
.content-and-image .image-container {
position: absolute;
max-width: 50%;
height: 100%;
overflow: hidden;
margin-left: auto;
top: 80px;
right: 0;
opacity: 1;
}
.content-and-image .image-container .circle {
display: block;
position: absolute;
top: 50px;
left: 20px;
height: 110px;
width: 110px;
background: #FB7268;
content: '';
border-radius: 50%;
}
.content-and-image .image-container img {
border-radius: 309px 0 0 0;
}
}
@media only screen and (min-width: 1280px) {
.content-and-image .image-container {
height: 100%;
}
}
.callout-content {
position: relative;
text-align: center;
padding: 100px 0 160px 0;
}
.callout-content .green-underline:after {
content: '';
position: absolute;
left: -20px;
width: calc(100% + 40px);
bottom: -30px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/approach-underline.svg) left center/contain no-repeat;
transition-duration: .25s;
transform: translateX(-60px);
}
.callout-content .green-underline.animate:after {
transform: translateX(0px);
}
.callout-content .wrap {
position: relative;
z-index: 2;
}
.callout-content p {
font-size: 58px;
line-height: 86px;
}
@media only screen and (min-width: 768px) {
.callout-content {
padding: 100px 0 150px 0;
}
.callout-content .green-underline:after {
left: -20px;
bottom: -40px;
}
.callout-content p {
font-size: 125px;
line-height: 160px;
}
}
@media only screen and (min-width: 1024px) {
.callout-content:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F5F4F4;
content: '';
border-radius: 350px 0 350px 0;
}
}
.complex-content {
padding: 120px 0 110px 0;
}
.complex-content .top-row {
margin-bottom: 75px;
}
.complex-content .bottom-row {
margin-bottom: 40px;
}
.complex-content .left-col {
margin-bottom: 20px;
flex-shrink: 0;
}
@media only screen and (min-width: 667px) {
.complex-content .bottom-row {
display: flex;
margin-bottom: 60px;
}
.complex-content .left-col {
margin-right: 100px;
width: 160px;
flex-shrink: 0;
}
}
.approach-diagram {
padding: 70px 0 95px 0;
}
.approach-diagram .wrap {
position: relative;
}
.approach-diagram .intro-content {
margin-bottom: 60px;
}
.approach-diagram .intro-content h2 {
margin-bottom: 25px;
}
.approach-diagram .diagram-content-block {
position: relative;
display: flex;
flex-direction: column;
align-content: flex-start;
max-width: 280px;
margin-right: auto;
}
.approach-diagram .diagram-content-block h3 {
position: relative;
margin-bottom: 20px;
line-height: 35px;
}
.approach-diagram .diagram-content-block h3:after {
content: '';
position: absolute;
bottom: -15px;
left: -15px;
width: 100%;
height: 8px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
}
.approach-diagram .diagram-content-block p {
font-size: 18px;
line-height: 25px;
}
.approach-diagram .discovery-content-block {
margin-bottom: 60px;
}
.approach-diagram .right-content {
position: relative;
}
.approach-diagram .right-content .diagram-content-block {
margin-bottom: 60px;
}
.approach-diagram .right-content .diagram-content-block h3:after {
left: 0%;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) center left/contain no-repeat;
}
@media only screen and (min-width: 768px) {
.approach-diagram .wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.approach-diagram .intro-content {
margin-right: auto;
}
.approach-diagram .intro-content h2 {
font-size: 63px;
line-height: 76px;
margin-bottom: 25px;
}
.approach-diagram .diagram-content-block {
opacity: 0;
will-change: opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.approach-diagram .diagram-content-block:after, .approach-diagram .diagram-content-block:before {
opacity: 0;
will-change: opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.approach-diagram .diagram-content-block h3:after {
content: '';
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) center/contain no-repeat;
opacity: 0;
transform: translateX(-60%);
transition: .25s .35s all ease-in-out;
}
.approach-diagram .diagram-content-block.animate {
-webkit-animation: none;
animation: none;
}
.approach-diagram .diagram-content-block.animate h3:after {
opacity: 1;
transform: translateX(-50%);
}
.approach-diagram .discovery-content-block {
margin: 0 auto;
max-width: 330px;
margin-bottom: 80px;
text-align: center;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.approach-diagram .discovery-content-block h3:after {
opacity: 0;
transform: translate(-20px);
}
.approach-diagram .discovery-content-block.animate h3:after {
transform: translateX(0%);
}
.approach-diagram .discovery-content-block:after {
content: '';
position: absolute;
left: 90%;
top: 100%;
width: 149px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/discovery-arrow.svg) center/contain no-repeat;
transform: rotate(90deg) scaleY(-1);
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.approach-diagram .right-content {
height: 700px;
position: relative;
width: 100%;
max-width: 728px;
}
.approach-diagram .right-content .diagram-content-block {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
text-align: center;
max-width: 330px;
margin-bottom: 0;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.approach-diagram .right-content .diagram-content-block:after {
content: '';
position: absolute;
left: 90px;
top: -150px;
width: 70px;
height: 103px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/diagram-arrow.svg) center/contain no-repeat;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.approach-diagram .right-content .diagram-content-block h3:after {
left: 50%;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) center/contain no-repeat;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(2) {
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(2):after {
display: none;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(3) {
top: 50%;
left: auto;
right: 0px;
transform: translateY(-50%);
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(3):before {
content: '';
position: absolute;
transform: translateX(-50%);
width: 70px;
height: 103px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/diagram-arrow.svg) center/contain no-repeat;
left: auto;
right: 50px;
top: -155px;
transform: translateX(-50%) rotate(120deg);
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(3) h3, .approach-diagram .right-content .diagram-content-block:nth-of-type(3) p {
opacity: 0;
-webkit-animation-delay: 3s;
animation-delay: 3s;
will-change: opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(3):after {
top: auto;
left: auto;
right: 50px;
bottom: -145px;
transform: translateX(-50%) rotate(188deg);
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(4) {
top: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.approach-diagram .right-content .diagram-content-block:nth-of-type(4):after {
top: auto;
left: -110px;
top: -60px;
transform: rotate(285deg);
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.approach-diagram .wrap.animate .diagram-content-block {
-webkit-animation-name: fade;
animation-name: fade;
}
.approach-diagram .wrap.animate .diagram-content-block:before, .approach-diagram .wrap.animate .diagram-content-block:after, .approach-diagram .wrap.animate .diagram-content-block h3, .approach-diagram .wrap.animate .diagram-content-block p {
-webkit-animation-name: fade;
animation-name: fade;
}
}
@media only screen and (min-width: 1024px) {
.approach-diagram {
padding: 0 0 95px 0;
}
.approach-diagram .wrap {
flex-direction: row;
align-items: center;
margin-top: 165px;
}
.approach-diagram .intro-content {
position: absolute;
top: -85px;
left: 20px;
max-width: 470px;
}
.approach-diagram .discovery-content-block {
text-align: left;
padding-right: 30px;
max-width: 310px;
margin: 0;
}
.approach-diagram .discovery-content-block h3:after {
background-position: left;
}
.approach-diagram .discovery-content-block:after {
right: 0;
left: auto;
top: -60px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/discovery-arrow.svg) center/contain no-repeat;
transform: none;
transform: scaleY(-1);
}
}
@media only screen and (min-width: 1280px) {
.approach-diagram .discovery-content-block {
padding-right: 30px;
max-width: 310px;
margin-right: auto;
}
.approach-diagram .discovery-content-block:after {
left: 100%;
right: auto;
top: 50%;
}
}
.content-and-image-rows {
position: relative;
padding: 90px 0 150px 0;
background: #F5F4F4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-and-image-rows.no-padding-bottom {
padding-bottom: 0;
}
.content-and-image-rows .row {
width: 100%;
position: relative;
min-height: 500px;
align-items: center;
margin-bottom: 105px;
}
.content-and-image-rows .row:last-of-type {
margin-bottom: 120px;
}
.content-and-image-rows .row:nth-of-type(2n) .content {
margin-left: auto;
}
.content-and-image-rows .row:nth-of-type(2n) .image-container {
right: auto;
left: 0;
}
.content-and-image-rows .row:nth-of-type(2n) .image-container .circle {
bottom: 25px;
top: auto;
left: auto;
right: 50px;
height: 110px;
width: 110px;
}
.content-and-image-rows .row:nth-of-type(2n) .image-container img {
border-radius: 290px 0 290px 0;
}
.content-and-image-rows .content {
margin-bottom: 60px;
}
.content-and-image-rows .image-container {
position: relative;
height: 510px;
z-index: 3;
top: 0;
max-width: none;
margin: 0;
}
.content-and-image-rows .image-container .circle {
position: absolute;
top: -55px;
left: 200px;
height: 110px;
width: 110px;
background: #FB7268;
border-radius: 50%;
}
.content-and-image-rows .image-container img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 290px 0 0 0;
}
@media only screen and (min-width: 768px) {
.content-and-image-rows .row {
display: flex;
align-items: center;
min-height: 510px;
margin-bottom: 105px;
}
.content-and-image-rows .row:last-of-type {
margin-bottom: 120px;
}
.content-and-image-rows .content {
max-width: 300px;
margin-bottom: 0;
}
.content-and-image-rows .image-container {
position: absolute;
right: 0;
width: 50%;
height: 510px;
z-index: 3;
top: 0;
max-width: none;
margin: 0;
}
.content-and-image-rows .image-container img {
border-radius: 290px 0 0 0;
}
}
@media only screen and (min-width: 1024px) {
.content-and-image-rows .content {
max-width: 400px;
}
}
@media only screen and (min-width: 1280px) {
.content-and-image-rows .content {
max-width: 470px;
}
}
.sectors-grid {
position: relative;
padding: 90px 0 120px 0;
background: #2D2F38;
color: #FFF;
}
.sectors-grid .wrap {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
z-index: 3;
}
.sectors-grid h2 {
text-align: center;
margin-bottom: 80px;
}
.sectors-grid h2:after {
bottom: -30px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) center/contain no-repeat;
}
.sectors-grid .sector {
padding: 60px 0;
display: flex;
flex-direction: column;
align-items: center;
background: #FFF;
border-radius: 39px;
text-align: center;
transition: .25s all ease-in-out;
margin-bottom: 40px;
color: #2D2F38;
}
.sectors-grid .sector img {
display: block;
margin-bottom: 30px;
max-height: 140px;
height: 100%;
width: auto;
}
.sectors-grid .sector:hover {
transform: scale(1.05);
box-shadow: 0px 3px 10px #00000014;
}
.sectors-grid .grid-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FB7268;
text-align: center;
color: #FFF;
border-radius: 39px;
padding: 60px 50px;
}
.sectors-grid .grid-item h4 {
margin-bottom: 30px;
line-height: 30px;
}
@media only screen and (min-width: 768px) {
.sectors-grid .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 45px;
width: 100%;
}
.sectors-grid .sector {
padding-top: 70px;
min-height: 355px;
padding-bottom: 45px;
margin-bottom: 0;
}
.sectors-grid .grid-item {
padding: 0 50px;
}
.sectors-grid .grid-item h4 {
margin-bottom: 30px;
line-height: 30px;
}
}
@media only screen and (min-width: 1024px) {
.sectors-grid {
padding: 90px 0 185px 0;
background: #2D2F38;
}
.sectors-grid:after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: '';
background: #2D2F38;
border-radius: 0 350px 0 0;
}
.sectors-grid .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 45px;
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.sectors-grid .grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 45px;
width: 100%;
}
}
.contact {
margin-top: 125px;
}
.contact.home-contact-block {
margin-bottom: 125px;
}
.contact .card {
position: relative;
background: #F5F4F4;
padding: 110px 0 0 0;
overflow: hidden;
border-radius: 0 150px 150px 0;
}
.contact .wrap {
position: relative;
max-width: 1020px;
z-index: 2;
}
.contact .left-col {
margin-bottom: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.contact .left-col a {
transition: .25s all ease-in-out;
}
.contact .left-col a:hover {
color: #1DAFA4;
}
.contact h1, .contact .sectors-grid h2, .sectors-grid .contact h2, .contact .meet-the-team h2, .meet-the-team .contact h2, .contact .services-overview h2, .services-overview .contact h2 {
margin-bottom: 90px;
}
.contact .address {
margin-bottom: 50px;
}
.contact .contact-details {
margin-bottom: 65px;
}
.contact .social {
display: flex;
}
.contact .social a {
width: 30px;
display: block;
}
.contact .social a:first-of-type {
margin-right: 10px;
}
.contact .social a svg {
display: block;
width: 100%;
height: auto;
}
.contact .social a svg path {
transition: .25s all ease-in-out;
fill: #2D2F38;
}
.contact .social a svg:hover path {
fill: #1DAFA4;
}
.contact .form-container {
width: calc(100% + 40px);
margin-left: -20px;
background: #FB7268;
color: #FFF;
padding: 60px 20px;
}
.contact .form-container h2 {
margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
.contact .card {
padding: 110px 0;
border-radius: 0 255px 255px 0;
overflow: hidden;
}
.contact .card:after {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
content: '';
background: #FB7268;
}
.contact .wrap {
display: flex;
}
.contact .left-col {
max-width: 340px;
margin-right: auto;
}
.contact .form-container {
padding: 0 50px 0 0;
width: 100%;
margin: 0;
background: none;
max-width: 450px;
}
}
@media only screen and (min-width: 1280px) {
.contact .card {
border-radius: 255px 0 425px 0;
}
.contact .form-container {
padding: 0;
}
}
.dark-content-strip {
position: relative;
background: #F5F4F4;
}
.dark-content-strip .wrap {
position: relative;
padding: 80px 20px;
}
.dark-content-strip .content-shape {
background: #2D2F38;
color: #FFF;
}
.dark-content-strip .inner-content {
max-width: 1030px;
}
.dark-content-strip.margin-top {
padding-top: 40px;
}
.dark-content-strip.margin-bottom {
padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.dark-content-strip .wrap {
padding: 120px 20px;
}
}
@media only screen and (min-width: 1024px) {
.dark-content-strip.margin-top {
padding-top: 80px;
}
.dark-content-strip.margin-bottom {
padding-bottom: 80px;
}
.dark-content-strip .content-shape {
border-radius: 0 350px 350px 0;
}
.dark-content-strip .wrap {
position: relative;
padding: 120px 60px 120px 20px;
}
.dark-content-strip .inner-content {
max-width: 1030px;
}
}
.meet-the-team {
position: relative;
padding: 80px 0 120px 0;
background: #F5F4F4;
}
.meet-the-team .wrap {
position: relative;
z-index: 2;
}
.meet-the-team h2 {
text-align: center;
margin-bottom: 80px;
}
.meet-the-team .team-member {
display: flex;
flex-direction: column;
position: relative;
color: #FFF;
cursor: pointer;
margin-bottom: 80px;
}
.meet-the-team .team-member .image-container {
position: relative;
height: 270px;
overflow: hidden;
border-radius: 115px 0 0 0;
}
.meet-the-team .team-member h5 {
position: absolute;
bottom: 0;
left: 0;
background: #FFF;
border-radius: 0 45px 0 0;
color: #2D2F38;
height: 60px;
display: flex;
align-items: center;
padding: 0 35px 0 25px;
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.meet-the-team .team-member img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.meet-the-team .team-member .content {
flex: 1;
padding: 50px;
background: #2D2F38;
border-radius: 0 0 100px 0;
}
.meet-the-team .team-member h4 {
position: relative;
margin-bottom: 35px;
}
.meet-the-team .team-member h4:after {
content: '';
position: absolute;
bottom: -30px;
left: -10px;
width: 120px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
}
.meet-the-team .team-member .btn, .meet-the-team .team-member .wpcf7 .wpcf7-submit, .wpcf7 .meet-the-team .team-member .wpcf7-submit {
position: absolute;
left: -13px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -27px;
box-shadow: 0px 3px 10px #00000014;
width: 185px;
height: 54px;
padding: 0;
}
.meet-the-team .team-member:hover .btn, .meet-the-team .team-member:hover .wpcf7 .wpcf7-submit, .wpcf7 .meet-the-team .team-member:hover .wpcf7-submit {
background: #1DAFA4;
color: #FFF;
}
@media only screen and (min-width: 768px) {
.meet-the-team .team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 55px;
width: 100%;
}
.meet-the-team .team-member {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.meet-the-team {
padding: 150px 0 160px 0;
background: #2D2F38;
}
.meet-the-team:after {
height: 100%;
width: 100%;
background: #F5F4F4;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: 350px 0 0 0;
}
.meet-the-team .team-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 55px;
width: 100%;
}
}
.remodal-close {
background: #2D2F38;
color: #FFF;
}
.remodal-close:hover {
color: #FFF;
}
.remodal-wrapper {
padding: 20px;
}
.team-content {
padding: 15px;
text-align: left;
}
.team-content .remodal-close {
left: auto;
right: 0;
}
.team-content .inner-modal {
display: none;
}
.team-content img {
display: block;
height: auto;
max-height: 375px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-content .inner-team-content {
overflow: auto;
margin-top: 30px;
}
.team-content ::-webkit-scrollbar {
width: 2px;
}
.team-content ::-webkit-scrollbar-track {
background: #F4F4F4;
}
.team-content ::-webkit-scrollbar-thumb {
background: #2D2F38;
}
.team-content h4 {
margin-bottom: 25px;
line-height: 30px;
}
.team-content h4 span {
font-weight: 300;
font-size: 20px;
}
.team-content p {
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.team-content .remodal-close {
left: auto;
right: 0;
}
.team-content .inner-modal {
display: flex;
}
.team-content img {
height: 375px;
width: 335px;
}
.team-content .inner-team-content {
height: 345px;
padding: 0 0 30px 30px;
overflow: auto;
margin-top: 30px;
}
}
.join-the-team {
background: #F5F4F4;
padding-bottom: 160px;
}
.join-the-team .card {
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
border-radius: 0 150px 150px 0;
background: #FFF;
}
.join-the-team .left-col {
order: 2;
padding: 30px;
margin-bottom: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.join-the-team .left-col a {
transition: .25s all ease-in-out;
}
.join-the-team .left-col a:hover {
color: #1DAFA4;
}
.join-the-team .address {
margin-bottom: 50px;
}
.join-the-team .contact-details {
margin-bottom: 65px;
}
.join-the-team .social {
display: flex;
}
.join-the-team .social a {
width: 30px;
display: block;
}
.join-the-team .social a:first-of-type {
margin-right: 10px;
}
.join-the-team .social a svg {
display: block;
width: 100%;
height: auto;
}
.join-the-team .social a svg path {
transition: .25s all ease-in-out;
fill: #2D2F38;
}
.join-the-team .social a svg:hover path {
fill: #1DAFA4;
}
.join-the-team .right-col {
order: 1;
padding: 30px;
}
.join-the-team h5 {
font-size: 15px;
opacity: 0.5;
}
.join-the-team h2 {
position: relative;
margin-bottom: 85px;
}
.join-the-team h2:after {
content: '';
position: absolute;
bottom: -30px;
left: -20px;
width: calc(100% + 0px);
height: 20px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/orange-underline.svg) left center/contain no-repeat;
transform: translateX(-20px);
opacity: 0;
transition: .25s .75s all ease-in-out;
}
.join-the-team .form-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.join-the-team .form-container.animate h2:after {
opacity: 1;
transform: none;
}
.join-the-team .wpcf7 {
border: none;
}
.join-the-team .wpcf7 .wpcf7-form-control-wrap {
margin-bottom: 50px;
}
.join-the-team .wpcf7 .wpcf7-form-control-wrap.your-telephone {
margin-bottom: 30px;
}
.join-the-team .wpcf7 input:not([type=checkbox]):not(.wpcf7-submit) {
border-radius: 0;
padding: 0 0 15px 0;
background: none;
border: none;
border-bottom: 1px solid rgba(44, 47, 57, 0.3);
}
.join-the-team .wpcf7 input:not([type=checkbox]):not(.wpcf7-submit).valid {
border: none;
border-bottom: 1px solid green;
}
.join-the-team .wpcf7 input:not([type=checkbox]):not(.wpcf7-submit).error {
border: none !important;
border-bottom: 1px solid #900 !important;
}
.join-the-team .wpcf7 .acceptance {
max-width: none;
}
.join-the-team .wpcf7 input[type=checkbox] {
-webkit-appearance: none;
border-radius: 50%;
background: #E3E3E4;
height: 17px;
width: 17px;
display: block;
flex-shrink: 0;
transition: .25s all ease-in-out;
border: 2px solid #E3E3E4;
cursor: pointer;
margin-left: 0;
}
.join-the-team .wpcf7 input[type=checkbox]:checked {
background: #FB7268;
}
.join-the-team .wpcf7 textarea {
-webkit-appearance: none;
border-bottom: 1px solid rgba(44, 47, 57, 0.3);
border-radius: 0;
padding: 0 0 15px 0;
height: 80px;
}
.join-the-team .wpcf7 .wpcf7-submit {
display: none;
}
@media only screen and (min-width: 768px) {
.join-the-team .right-col {
padding: 60px;
}
.join-the-team h2 {
position: relative;
font-size: 60px;
line-height: 65px;
margin-bottom: 85px;
}
.join-the-team h2:after {
bottom: -30px;
left: -50px;
width: calc(100% + 0px);
height: 20px;
}
}
@media only screen and (min-width: 1024px) {
.join-the-team .card {
display: flex;
flex-direction: row;
width: 100%;
overflow: hidden;
border-radius: 0 230px 0 250px;
}
.join-the-team .left-col {
order: 1;
padding: 125px 30px 90px 50px;
margin-right: auto;
}
.join-the-team .right-col {
order: 2;
padding: 125px 30px 90px 50px;
}
.join-the-team h2 br {
display: none;
}
}
@media only screen and (min-width: 1280px) {
.join-the-team .right-col {
padding: 125px 80px 90px 80px;
}
.join-the-team h2 br {
display: block;
}
}
.news-posts {
padding: 100px 0 85px 0;
}
.news-posts .article {
display: flex;
flex-direction: column;
position: relative;
cursor: pointer;
margin-bottom: 80px;
}
.news-posts .article .image-container {
position: relative;
height: 250px;
overflow: hidden;
border-radius: 115px 0 0 0;
}
.news-posts .article h5 {
position: absolute;
bottom: 0;
left: 0;
background: #FFF;
border-radius: 0 45px 0 0;
color: #2D2F38;
height: 60px;
display: flex;
align-items: center;
padding: 0 35px 0 25px;
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.news-posts .article img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-posts .article .content {
flex: 1;
padding: 30px 35px 50px 35px;
background: #FFF;
border-radius: 0 0 100px 0;
box-shadow: 0px 3px 10px #00000014;
}
.news-posts .article p {
font-size: 15px;
line-height: 25px;
}
.news-posts .article h4 {
position: relative;
margin-bottom: 35px;
}
.news-posts .article h4:after {
content: '';
position: absolute;
bottom: -30px;
left: -10px;
width: 120px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
}
.news-posts .article .btn, .news-posts .article .wpcf7 .wpcf7-submit, .wpcf7 .news-posts .article .wpcf7-submit {
position: absolute;
left: -13px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -27px;
box-shadow: 0px 3px 10px #00000014;
width: 185px;
height: 54px;
padding: 0;
}
.news-posts .article:hover .btn, .news-posts .article:hover .wpcf7 .wpcf7-submit, .wpcf7 .news-posts .article:hover .wpcf7-submit {
background: #1DAFA4;
color: #FFF;
}
.news-posts .pagination {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.news-posts .pagination ul {
padding: 30px 50px;
display: flex;
align-items: center;
background: #FFF;
border-radius: 60px;
}
.news-posts .pagination li {
margin-right: 20px;
text-align: center;
}
.news-posts .pagination li:last-of-type {
margin-right: 0;
}
.news-posts .pagination li .page-numbers {
font-weight: 400;
transition: .25s all ease-in-out;
}
.news-posts .pagination li .page-numbers:not(.current):not(.next):not(.prev) {
opacity: 0.3;
}
.news-posts .pagination li .page-numbers:not(.current):not(.next):not(.prev):hover {
opacity: 1;
color: #1DAFA4;
}
.news-posts .pagination li .prev {
display: block;
font-size: 0;
width: 86px;
height: 22px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/dark-carousel-arrow.svg) center/contain no-repeat;
transform: scaleX(-1);
}
.news-posts .pagination li .next {
display: block;
font-size: 0;
width: 86px;
height: 22px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/dark-carousel-arrow.svg) center/contain no-repeat;
}
@media only screen and (min-width: 768px) {
.news-posts .grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 85px 65px;
margin-bottom: 85px;
}
.news-posts .article {
margin-bottom: 0;
}
.news-posts .article .image-container {
height: 270px;
}
.news-posts .article .content {
padding: 40px 35px 50px 35px;
}
}
@media only screen and (min-width: 1024px) {
.news-posts .grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.service-grid {
position: relative;
background: #F5F4F4;
padding: 170px 0 100px 0;
}
.service-grid:after {
content: '';
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
border-radius: 0 150px 0 0;
}
.service-grid .wrap {
position: relative;
z-index: 3;
}
.service-grid .intro-grid-item {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 15px;
margin-bottom: 50px;
}
.service-grid .intro-grid-item p {
opacity: 0.5;
}
.service-grid .intro-grid-item .btn, .service-grid .intro-grid-item .wpcf7 .wpcf7-submit, .wpcf7 .service-grid .intro-grid-item .wpcf7-submit {
margin-top: 30px;
}
.service-grid .service-mod {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
box-shadow: 0px 3px 10px #00000014;
border-radius: 40px;
padding: 20px;
height: 350px;
transition: .25s all ease-in-out;
margin-bottom: 50px;
}
.service-grid .service-mod:hover {
transform: scale(1.1);
}
.service-grid .service-mod img {
display: block;
margin-bottom: 15px;
max-width: 280px;
height: auto;
}
.service-grid .service-mod h4 {
line-height: 30px;
}
@media only screen and (min-width: 768px) {
.service-grid .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 45px;
}
.service-grid .intro-grid-item {
margin-bottom: 0;
}
.service-grid .service-mod {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.service-grid:after {
border-radius: 0 390px 0 0;
}
.service-grid .grid {
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
}
@media only screen and (min-width: 1280px) {
.service-grid .grid {
gap: 45px;
}
}
.services-overview {
position: relative;
padding: 100px 0 90px 0;
}
.services-overview:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #F4F3F3;
}
.services-overview .wrap {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
}
.services-overview h2 {
position: relative;
text-align: center;
margin-bottom: 120px;
}
.services-overview h2:after {
content: '';
position: absolute;
left: -20px;
width: calc(100% + 20px);
bottom: -35px;
height: 35px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/text-underline.svg) left center/contain no-repeat;
opacity: 0;
transform: translateX(-20px);
transition: .25s .75s all ease-in-out;
}
.services-overview h2.animate:after {
opacity: 1;
transform: none;
}
.services-overview .service {
width: 100%;
background: #FFF;
border-radius: 55px;
padding: 35px;
margin-bottom: 60px;
min-height: 385px;
transition: .25s all ease-in-out;
}
.services-overview .service:last-of-type {
margin-bottom: 0;
}
.services-overview .service img {
display: block;
width: 100%;
height: auto;
margin-bottom: 60px;
max-width: 430px;
}
.services-overview .service .content {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 585px;
flex-shrink: 0;
}
.services-overview .service .content h3 {
margin-bottom: 20px;
}
.services-overview .service .content h3 br {
display: none;
}
.services-overview .service .content .btn, .services-overview .service .content .wpcf7 .wpcf7-submit, .wpcf7 .services-overview .service .content .wpcf7-submit {
margin-top: auto;
}
@media only screen and (min-width: 768px) {
.services-overview {
padding: 170px 0 150px 0;
}
.services-overview .service {
padding: 55px;
}
.services-overview .service img {
max-width: 350px;
margin: 0 auto 60px auto;
}
}
@media only screen and (min-width: 1024px) {
.services-overview:after {
border-radius: 350px 0 0 0;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #F4F3F3;
}
.services-overview .service {
display: flex;
align-items: center;
}
.services-overview .service .content h3 br {
display: block;
}
.services-overview .service img {
margin: 0 80px 0 0;
}
.services-overview .service:hover {
transform: scale(1.05);
box-shadow: 0px 3px 10px #00000014;
}
.services-overview .service:hover .btn, .services-overview .service:hover .wpcf7 .wpcf7-submit, .wpcf7 .services-overview .service:hover .wpcf7-submit {
background: #1DAFA4;
}
.services-overview .service:nth-of-type(2n) img {
order: 2;
margin: 0 0 0 80px;
}
.services-overview .service:nth-of-type(2n) .content {
order: 1;
}
}
.generic-content {
padding: 120px 0 100px 0;
}
.statistics {
padding: 60px 0;
background: #FFF;
}
.statistics h2 {
text-align: center;
margin-bottom: 50px;
}
.statistics .stat {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 20px;
width: 100%;
margin-bottom: 35px;
}
.statistics .stat:last-of-type {
margin-right: 0;
}
.statistics .image-container {
display: flex;
align-items: flex-end;
height: 100px;
margin-bottom: 20px;
}
.statistics img {
max-width: 90px;
width: 100%;
display: block;
height: auto;
}
.statistics .statistic {
font-size: 60px;
line-height: 70px;
font-weight: 500;
margin: 0;
}
.statistics sup {
vertical-align: super;
font-size: 40px;
line-height: 40px;
}
.statistics .description {
font-size: 22px;
}
@media only screen and (min-width: 768px) {
.statistics {
padding: 100px 0 65px 0;
}
.statistics .wrap {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.statistics .stat {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 50%;
}
.statistics .stat:last-of-type {
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.statistics .wrap {
justify-content: space-between;
}
.statistics .stat {
padding: 0 25px;
width: 33.3333%;
}
}
.sectors-overview {
background: #1DAFA4;
padding: 80px 0 90px 0;
color: #FFF;
}
.sectors-overview .wrap {
position: relative;
}
.sectors-overview h2 {
position: relative;
margin-bottom: 120px;
font-weight: 200;
}
.sectors-overview h2:after {
position: absolute;
background: #FFF;
height: 1px;
width: 30px;
left: 0;
bottom: -20px;
content: '';
}
.sectors-overview .sectors-container {
width: 100%;
display: flex;
position: relative;
}
.sectors-overview .sectors {
position: relative;
margin: 0 auto;
}
.sectors-overview .sector-nav {
display: none;
}
.sectors-overview .sector {
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 0 40px 0;
opacity: 0;
}
.sectors-overview .sector:first-of-type {
padding-top: 0;
}
.sectors-overview .sector:last-of-type {
padding-bottom: 0;
}
.sectors-overview .content {
order: 2;
}
.sectors-overview .sector-head {
display: inline-flex;
align-items: center;
position: relative;
font-size: 18px;
line-height: 18px;
margin-bottom: 20px;
padding: 10px 20px 10px 0;
border-right: 1px solid #FFF;
}
.sectors-overview .sector-head:after {
position: absolute;
right: -40px;
top: calc(50% - 10px);
height: 20px;
width: 20px;
border: 1px solid #FFF;
content: '';
border-radius: 50%;
}
.sectors-overview h3 {
font-weight: 200;
margin-bottom: 30px;
}
.sectors-overview p:last-of-type {
margin-bottom: 0;
}
.sectors-overview a.btn, .sectors-overview .wpcf7 a.wpcf7-submit, .wpcf7 .sectors-overview a.wpcf7-submit {
margin-top: 35px;
font-weight: 300;
}
.sectors-overview a.btn:hover, .sectors-overview .wpcf7 a.wpcf7-submit:hover, .wpcf7 .sectors-overview a.wpcf7-submit:hover {
background: #2D2F38;
}
.sectors-overview .image-container {
position: relative;
margin: 0 auto 30px auto;
overflow: hidden;
border-radius: 50%;
}
.sectors-overview .image-container:before {
position: absolute;
content: '';
top: 0;
left: 0;
background: #2D2F38;
opacity: 0.17;
height: 100%;
width: 100%;
z-index: 2;
}
.sectors-overview .image-container:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
z-index: 4;
content: '';
background: transparent linear-gradient(180deg, #2C2F3900 0%, #2C2F39 100%) 0% 0% no-repeat padding-box;
}
.sectors-overview img {
width: 325px;
height: 325px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
@media only screen and (min-width: 1024px) {
.sectors-overview {
padding: 120px 0 130px 0;
}
.sectors-overview h2 {
font-size: 46px;
line-height: 46px;
margin-bottom: 150px;
}
.sectors-overview h2:after {
width: 50px;
bottom: -20px;
}
.sectors-overview .sector {
flex-direction: row;
padding: 5vh 0 5vh 0;
}
.sectors-overview .sector:nth-of-type(2n) .content {
order: 2;
}
.sectors-overview .sector:nth-of-type(2n) .image-container {
margin: 0 50px 0 0;
}
.sectors-overview .content {
order: 0;
max-width: 440px;
}
.sectors-overview h3 {
margin-bottom: 20px;
}
.sectors-overview .image-container {
margin-bottom: 0;
margin-left: 50px;
}
.sectors-overview img {
height: 300px;
width: 300px;
}
}
@media only screen and (min-width: 1300px) {
.sectors-overview .sectors {
right: -10px;
}
.sectors-overview .sector-nav {
position: sticky;
top: 0;
right: 0;
height: 100vh;
display: flex;
align-items: center;
}
.sectors-overview .sector-nav .indicator {
position: relative;
height: 10px;
width: 10px;
border-radius: 50%;
background: #FFF;
margin-bottom: 65px;
cursor: pointer;
}
.sectors-overview .sector-nav .indicator:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
height: 50px;
width: 50px;
border: 1px solid #FFF;
transition: .25s all ease-in-out;
content: '';
border-radius: 50%;
}
.sectors-overview .sector-nav .indicator.active:after {
transform: translate(-50%, -50%) scale(1);
}
.sectors-overview .sector:nth-of-type(2n) .image-container {
margin: 0 150px 0 0;
}
.sectors-overview .image-container {
margin-left: 150px;
}
} .our-approach-masthead h1:after, .our-approach-masthead .sectors-grid h2:after, .sectors-grid .our-approach-masthead h2:after, .our-approach-masthead .meet-the-team h2:after, .meet-the-team .our-approach-masthead h2:after, .our-approach-masthead .services-overview h2:after, .services-overview .our-approach-masthead h2:after {
content: '';
position: absolute;
top: 30px;
left: 180px;
transform: rotate(90deg);
width: 46px;
height: 46px;
background: url(//salesbond.co.uk/wp-content/themes/salesbond/library/images/title-arrow.svg) left center/contain no-repeat;
}
.services-masthead {
background: #FFF;
}
.services-masthead:after {
display: none;
}
.page-template-page-single-service .full-width-centralised-content {
padding-bottom: 0;
}
.page-template-page-single-service .full-width-centralised-content p {
max-width: 1030px;
font-weight: 400;
font-size: 40px;
line-height: 60px;
}
.page-template-page-single-service .full-width-centralised-content p strong {
font-weight: bold;
}
.page-template-page-single-service .full-width-centralised-content .scroll-down, .page-template-page-single-service .full-width-centralised-content .thick-underline {
display: none;
}
.sectors-under-masthead-intro {
background: #FFF !important;
color: #2D2F38 !important;
}
.sectors-under-masthead-intro .scroll-down {
display: none;
}
@media only screen and (min-width: 1024px) {
.sectors-under-masthead-intro {
background: #2D2F38 !important;
color: #2D2F38 !important;
}
.sectors-under-masthead-intro:after {
display: block !important;
content: '';
background: #F5F4F4;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
border-radius: 0 350px 0 0;
}
}
.error404__content {
padding: 100px 0 150px;
text-align: center;
}
.error404__content h1, .error404__content .sectors-grid h2, .sectors-grid .error404__content h2, .error404__content .meet-the-team h2, .meet-the-team .error404__content h2, .error404__content .services-overview h2, .services-overview .error404__content h2 {
font-size: 7em;
color: #2D2F38;
line-height: 170px;
margin-bottom: 30px;
}
.single-post {
background: #F5F4F4;
}
.single-post .module-carousel {
background: #F5F4F4;
position: relative;
padding-top: 140px;
}
.single-post .module-carousel:after {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
content: '';
border-radius: 0 280px 0 0;
background: #FFF;
}
.news-masthead {
position: relative;
height: 60vh;
max-height: 800px;
}
.news-masthead:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 535px;
width: 100%;
background: linear-gradient(to bottom, rgba(42, 45, 54, 0.7) 0%, rgba(42, 45, 54, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2d36', endColorstr='#002a2d36',GradientType=0 );
}
.news-masthead img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media only screen and (min-width: 1024px) {
.news-masthead {
height: 100vh;
}
.news-masthead img {
border-radius: 0 0 0 395px;
}
}
.single-post-content {
padding: 60px 0 80px 0;
background: #F5F4F4;
}
.single-post-content .featured-image {
display: block;
margin-bottom: 40px;
}
.single-post-content .featured-image img {
height: auto;
width: 100%;
}
.single-post-content .wrap {
position: relative;
}
.single-post-content h1, .single-post-content .sectors-grid h2, .sectors-grid .single-post-content h2, .single-post-content .meet-the-team h2, .meet-the-team .single-post-content h2, .single-post-content .services-overview h2, .services-overview .single-post-content h2 {
margin-bottom: 30px;
}
.single-post-content h1 br, .single-post-content .sectors-grid h2 br, .sectors-grid .single-post-content h2 br, .single-post-content .meet-the-team h2 br, .meet-the-team .single-post-content h2 br, .single-post-content .services-overview h2 br, .services-overview .single-post-content h2 br {
display: block;
}
.single-post-content .date {
opacity: 0.5;
margin-bottom: 40px;
}
.single-post-content .inner-content {
position: relative;
max-width: 885px;
}
.single-post-content .scroll-down {
display: none;
}
@media only screen and (min-width: 768px) {
.single-post-content .date {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1024px) {
.single-post-content {
padding: 100px 0 120px 0;
}
.single-post-content .scroll-down {
display: block;
right: 20px;
left: auto;
top: 25%;
}
}