@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");
html, body {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
}
@media (min-width: 1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1400px;
}
}
.container-large {
max-width: 1820px;
margin: 0 auto;
}
ul, ol {
padding-left: 1.5rem;
}
a {
color: #2393E9;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  
}
a:hover {
color: #333;
text-decoration: none;
}
a:focus {
outline: none;
}
strong, b {
font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem;
color: #152B48;
font-weight: 700;
}
a:focus, button:focus {
outline: none;
box-shadow: none;
}
a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 1;
padding: 1rem 1.5rem;
background: #2393E9;
border: 1px solid #2393E9;
border-radius: 4px;
white-space: nowrap;
}
a.btn:hover, a.wp-block-button__link:hover, .wpcf7-form input[type="submit"]:hover {
box-shadow: 0px 2px 5px #00000061;
}
a.btn:focus, .wpcf7-form input[type="submit"]:focus {
outline: none;
box-shadow: none;
}
@media (max-width: 991px) {
a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
padding: 1rem 1.5rem;
}
}
@media (max-width: 767px) {
a.btn, a.wp-block-button__link, .wpcf7-form input[type="submit"] {
padding: 0.75rem 1.25rem;
}
}
a.btn-dark {
background: #152B48;
border-color: #152B48;
}
@media (max-width: 1199px) {
html, body {
font-size: 15px;
}
}
.slick-slide:focus {
outline: none;
}
.page-banner {
position: relative;
}
.page-banner-inner {
background: #DDE5E7 url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-1.png) no-repeat left top;
border-radius: 8px;
overflow: hidden;
}
.page-banner-image {
position: relative;
padding-bottom: 40%;
min-height: 250px;
}
.page-banner-image img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-banner-content {
position: absolute;
top: 50%; left: 0; right: 0;
transform: translate(0, -50%);
z-index: 1;
}
h1.page-title {
font-size: 3.25rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 0;
}
.single-service h1.page-title {
font-size: 2.5rem;
}
ul.breadcrumbs {
list-style: none;
padding: 0;
}
ul.breadcrumbs li {
display: inline-block;
}
ul.breadcrumbs li:before {
content: '/';
margin: 0 15px 0 10px;
}
ul.breadcrumbs li:first-of-type:before {
content: none;
}
ol.breadcrumb {
margin-bottom: 1rem;
}
.breadcrumb-item.active {
color: #333;
}
span.separate {
padding: 0 15px;
}
@media (max-width: 1399px) {
h1.page-title {
font-size: 2.75rem;
}
}
@media (max-width: 1199px) {
.page-header {
padding-left: 2rem;
}
.single-post .page-header {
padding-right: 1rem;
}
h1.page-title {
font-size: 2.5rem;
}
ol.breadcrumb, ul.breadcrumbs {
margin-bottom: 0.5rem;
}
}
@media (max-width: 991px) {
h1.page-title, .single-service h1.page-title {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.page-banner-content {
position: static;
top: initial;
transform: none;
overflow: hidden;
}
.page-banner .container-fluid, .page-banner-content .container-xl {
padding: 0;
}
.home-banner .container-fluid {
padding: 0;
}
.page-header {
position: relative;
padding: 2rem 1rem;
text-align: center;
}
.page-header:before {
content: '';
background: #DDE5E7 url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-1.png) no-repeat left top;
opacity: 0.75;
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
z-index: -1;
}
.page-banner-inner {
border-radius: 0;
}
.single-post .page-banner-inner, .single-case-study .page-banner-inner {
display: none;
}
ol.breadcrumb, ul.breadcrumbs {
font-size: 0.875rem;
justify-content: center;
}
span.separate {
padding: 0 10px;
}
ul.breadcrumbs li:before {
margin: 0 10px 0 5px;
}
h1.page-title, .single-service h1.page-title {
font-size: 1.75rem;
}
}
@media (max-width: 575px) {
ol.breadcrumb, ul.breadcrumbs {
font-size: 0.75rem;
}
h1.page-title, .single-service h1.page-title {
font-size: 1.25rem;
}
}
.posts-container {
margin: 4rem 0;
}
.posts-grid {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.posts-grid-item {
width: 33.3333%;
padding: 0 20px;
margin: 20px 0;
}
.blog .posts-grid .posts-grid-item:nth-of-type(1), .blog .posts-grid .posts-grid-item:nth-of-type(2),
.category .posts-grid .posts-grid-item:nth-of-type(1), .category .posts-grid .posts-grid-item:nth-of-type(2) {
width: 50%;
}
.case-study-grid .posts-grid-item {
width: 50%;
}
@media (max-width: 575px) {
.case-study-grid .posts-grid-item {
width: 100%;
}
}
.posts-grid-item-inner {
height: 100%;
display: flex;
flex-direction: column;
border: 1px solid #DDE5E7;
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.post-grid-image {
position: relative;
padding-bottom: 65%;
}
.post-grid-image img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.post-grid-cats {
position: absolute;
left: 2rem;
top: 1.5rem;
z-index: 1;
}
.post-grid-cats a {
font-size: 12px;
color: #fff;
background: #2393E9;
padding: 0.25rem 0.5rem;
display: inline-block;
margin-right: 0.25rem;
margin-bottom: 0.5rem;
border-radius: 4px;
white-space: nowrap;
}
.post-grid-cats a:hover {
background: #152B48;
}
.post-grid-content {
padding: 1.25rem 1.5rem;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
time.entry-date {
display: block;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.post-grid-content h6.h6 {
font-size: 1.125rem;
}
.post-grid-content h6.h6 a {
color: #152B48;
}
.post-grid-content h6.h6 a:hover {
color: #2393E9;
}
a.read-more-link {
color: #2393E9;
font-weight: 500;
white-space: nowrap;
}
a.read-more-link i {
font-size: 0.75rem;
margin-left: 0.5rem;
}
a.read-more-link:hover {
color: #172B49;
}
@media (max-width: 1199px) {
.posts-grid {
margin-left: -10px;
margin-right: -10px;
}
.posts-grid-item {
padding: 0 10px;
margin: 10px 0;
}
}
@media (max-width: 991px) {
.posts-grid-item {
width: 50%;
}
}
@media (max-width: 575px) {
.posts-grid-item,
.blog .posts-grid .posts-grid-item:nth-of-type(1), .blog .posts-grid .posts-grid-item:nth-of-type(2),
.category .posts-grid .posts-grid-item:nth-of-type(1), .category .posts-grid .posts-grid-item:nth-of-type(2) {
width: 100%;
}
}
.pagination {
justify-content: center;
margin-bottom: 4rem;
}
.pagination .page-link {
border-radius: 4px !important;
margin-right: 0.5rem;
color: #2393E9;
width: 40px;
height: 40px;
padding: initial;
text-align: center;
line-height: 40px;
border: 1px solid #DDE5E7;
font-weight: 700;
}
.pagination .page-item.active .page-link {
background: #2393E9;
border-color: #2393E9;
color: #fff;
}
.page-link:focus {
outline: none;
box-shadow: none;
}
.post-content {
margin: 4rem 0;
position: relative;
}
.post-thumb img {
border-radius: 8px;
display: block;
margin: 0 auto 2rem;
}
.post-share {
position: absolute;
right: 0;
text-align: center;
}
.post-share ul {
list-style: none;
padding: 0;
}
.post-share ul li {
margin: 10px 0;
}
.post-share ul li a {
display: block;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid #DDE5E7;
line-height: 32px;
text-align: center;
color: #999;
margin: 0 auto;
}
.post-share ul li a:hover {
color: #fff;
background: #2393E9;
border-color: #2393E9;
}
a.back-link {
color: #2393E9;
font-weight: 500;
}
a.back-link i {
font-size: 0.75rem;
margin-right: 5px;
}
a.back-link:hover {
color: #172B49;
}
.post-end {
text-align: center;
position: relative;
margin-bottom: 5rem;
}
.post-end span {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 50%;
background: #F4F4F4;
color: #2393E9;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.post-end hr {
background: #ddd;
margin-bottom: 3rem;
}
.section-head {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
align-items: center;
}
h2.section-title {
font-size: 1.875rem;
margin-bottom: 0;
}
@media (max-width: 991px) {
h2.section-title {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
.post-content .wrap-lg {
padding: 0;
}
.section-head {
flex-direction: column;
}
h2.section-title {
font-size: 1.25rem;
margin-bottom: 1rem;
}
.post-share {
position: static;
text-align: right;
}
.post-share ul li {
float: right;
margin: 10px 0px 20px 10px;
}
}
.related .posts-container {
background: #DDE5E7;
padding: 4rem 0.5rem;
margin: 0;
}
@media (max-width: 767px) {
.related .container-fluid {
padding: 0;
}
}
footer.site-footer {
position: relative;
margin-top: 5rem;
color: #fff;
}
footer.site-footer a {
color: #fff;
}
footer.site-footer a:hover {
color: #2393E9;
}
.contact-btns-container {
background: #2393E9;
color: #fff;
position: relative;
padding: 2.5rem 3rem;
border-radius: 8px;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.contact-btns-container:before, .contact-btns-container:after {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
background-size: 100%;
position: absolute;
width: 27rem;
height: 27rem;
top: 50%;
left: -2rem;
opacity: 0.1;
}
.contact-btns-container:after {
top: initial;
bottom: 50%;
left: initial;
right: -2rem;
}
.footer-head {
position: relative;
z-index: 1;
}
h6.contact-btns-title {
color: #fff;
font-size: 1.25rem;
line-height: 1.1;
margin-bottom: 0;
}
ul.contact-btns {
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
position: relative;
}
ul.contact-btns li {
display: inline-block;
margin-left: 2.5rem;
}
ul.contact-btns li:first-of-type {
margin-left: 0;
}
ul.contact-btns li a {
color: #fff;
font-size: 1.25rem;
font-weight: 700;
}
ul.contact-btns li a:hover {
color: #27446A;
}
ul.contact-btns li a i {
color: #27446A;
margin-right: 5px;
}
.footer-body {
background: #152B48;
position: relative;
color: #fff;
padding: 5rem 0 0;
margin-top: -3.5rem;
}
.footer-body-inner {
padding-top: 3.5rem;
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.footer-body .col {
border-left: 1px solid rgb(255 255 255 / 10%);
}
a.footer-logo {
display: inline-block;
margin-bottom: 2rem;
}
a.footer-logo img {
height: 4.5rem;
width: auto;
}
.footer-contact {
padding: 0 2rem 2.5rem 0;
max-width: 32rem;
}
.footer-contact h2.h6 {
font-size: 1.125rem;
color: #fff;
margin-top: 4rem;
}
.footer-widget-area {
max-width: 45rem;
margin: 0 0 0 auto;
padding-left: 2rem;
}
.footer-widget {
margin-bottom: 2.5rem;
}
.footer-widget h2.h4 {
font-size: 1rem;
color: #fff;
}
.footer-widget ul.menu {
list-style: none;
padding: 0;
}
.footer-widget ul.menu li {
line-height: 1.2;
margin-bottom: 12px;
}
.footer-widget ul.menu li.current-menu-item a {
color: #2393E9;
}
@media (max-width: 1599px) {
h6.contact-btns-title {
font-size: 1.25rem;
}
}
@media (max-width: 1399px) {
.contact-btns-container {
padding: 2rem;
}
h6.contact-btns-title {
font-size: 1.2rem;
}
ul.contact-btns li {
margin-left: 1.5rem;
}
ul.contact-btns li a {
font-size: 1.2rem;
}
}
@media (max-width: 991px) {
a.footer-logo img {
height: 3.5rem;
}
h6.contact-btns-title {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.contact-btns-container:before {
content: none;
}
ul.contact-btns li a {
font-size: 1rem;
}
}
@media (max-width: 767px) {
.contact-btns-container {
flex-direction: column;
padding: 1.5rem;
text-align: center;
}
.footer-head h6.h1 {
margin-bottom: 0.5rem;
}
.footer-contact {
max-width: initial;
padding: 0 0 2rem;
text-align: center;
}
.footer-widget-area {
max-width: initial;
padding: 0.5rem;
}
}
@media (max-width: 575px) {
footer.site-footer {
margin-top: 2rem;
}
ul.contact-btns li {
display: block;
margin: 0.5rem 0 0;
}
.footer-widget {
margin-bottom: 2rem;
}
.footer-widget.widget_nav_menu > div {
display: none;
}
.footer-widget.widget_nav_menu.active > div {
display: block;
}
.footer-widget.widget_nav_menu > h2.h4 {
position: relative;
cursor: pointer;
}
.footer-widget.widget_nav_menu > h2.h4:after {
content: '+';
position: absolute;
right: 0;
font-size: 1.5rem;
line-height: 1;
color: #2393E9;
}
.footer-widget.widget_nav_menu.active > h2.h4:after {
content: '-';
}
}
ul.social {
list-style: none;
padding: 0;
margin: 1rem 0;
}
ul.social li {
display: inline-block;
margin-right: 1rem;
}
ul.social li a {
color: #fff;
font-size: 1.125rem;
}
ul.social li a:hover {
color: #2393E9;
}
.form-control:focus {
outline: none;
box-shadow: none;
}
.mc4wp-form label {
font-weight: 500;
margin-bottom: 0.4rem;
}
.mc4wp-form input.form-control {
border-radius: 0.25rem;
height: 3rem;
margin-bottom: 1.25rem;
}
.mc4wp-form input.btn {
font-size: 1rem;
font-weight: 600;
border: 1px solid #2393E9;
padding: 0.75rem 4.875rem;
background: #152B48;
border-radius: 0.25rem;
color: #fff;
text-transform: capitalize;
}
.mc4wp-form input.btn:focus {
outline: none;
box-shadow: none;
}
.mc4wp-form input.btn:hover {
color: #2393E9;
}
@media (max-width: 575px) {
.mc4wp-form input.btn {
padding: 0.75rem 3rem;
}
}
.bottom-line {
background: #152B48;
color: #fff;
padding: 2rem 0;
}
.bottom-line-container {
padding-left: 40px;
padding-right: 40px;
}
.bottom-line .row {
align-items: center;
}
.bottom-line p {
margin: 5px 0 4px;
}
.bottom-line a {
color: #fff;
}
.bottom-line a:hover {
opacity: 0.8;
}
.bottom-line img {
height: 2.25rem;
}
@media (max-width: 1399px) {
.bottom-line {
padding: 1.5rem 0;
}
}
@media (max-width: 991px) {
.bottom-line {
padding: 1rem 0;
}
.bottom-line-container {
padding-left: 15px;
padding-right: 15px;
}
}
h2.title {
font-size: 1.875rem;
margin-bottom: 1.6rem;
}
h3.title {
font-size: 1.4rem;
margin-bottom: 1.6rem;
}
@media (max-width: 991px) {
h2.title {
font-size: 1.5rem;
}
h3.title {
font-size: 1.25rem;
}
}
section.contact-section {
margin: 4rem 0;
}
.contact-info {
max-width: 39rem;
}
.contact-section-content.dark-bg {
background: #152B48;
color: #fff;
padding: 3rem 3rem 2rem;
}
.contact-section-content.dark-bg .contact-info {
max-width: 38rem;
}
.contact-section-content.dark-bg h3.title,
.contact-section-content.dark-bg .wpcf7-form label,
.contact-section-content.dark-bg .contact-info h6 {
color: #fff;
}
@media (max-width: 991px) {
.contact-info {
margin-bottom: 2rem;
}
}
@media (max-width: 767px) {
.contact-section {
overflow: hidden;
}
.contact-section-content  {
padding: 0 1rem;
}
.contact-section .container-xl {
padding: 0;
}
.contact-section-content.dark-bg {
padding: 2rem 1.5rem;
}
}
@media (max-width: 575px) {
section.contact-section {
margin: 2rem 0;
}
}
.form-element {
margin-bottom: 1.2rem;
}
.wpcf7-form label {
color: #000;
margin-bottom: 0.5rem;
}
.form-control {
height: 3.125rem;
border: 1px solid #DDDDDD;
border-radius: 0;
padding: 0 1rem;
}
.form-control:focus {
outline: none;
box-shadow: none;
border-color: inherit;
}
textarea.form-control {
height: 6rem;
padding: 0.6rem 1rem;
}
select.form-control {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
}
.wpcf7 form .wpcf7-response-output {
margin: 1rem 0 0.5rem;
border-width: 1px;
padding: 0.5rem 1rem;
}
.wpcf7-radio input[type="radio"], .wpcf7-acceptance input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -1;
}
.wpcf7-radio .wpcf7-list-item-label, .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
line-height: 1.2;
}
.wpcf7-radio .wpcf7-list-item-label:before, .wpcf7-acceptance .wpcf7-list-item-label:before {
content: '';
background: #fff;
border: 0.5rem solid #DDDDDD;
display: inline-block;
vertical-align: middle;
width: 1.5rem;
height: 1.5rem;
padding: 4px;
margin-right: 10px;
text-align: center;
margin-top: 1px;
}
.wpcf7-radio .wpcf7-list-item-label:before {
border-radius: 50%;
}
.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label:before {
border-color: #2393E9;
}
.wpcf7-acceptance .wpcf7-list-item-label:before {
background: #ddd;
}
.wpcf7-acceptance .wpcf7-list-item-label:after {
content: "✔";
position: absolute;
font-size: 20px;
left: 4px;
color: #fff;
}
.wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
background-color: #2393E9;
border-color: #2393E9;
}
.wpcf7-acceptance {
display: block;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label {
font-family: inherit;
}
@media (max-width: 767px) {
.wpcf7-radio {
flex-direction: column;
}
.wpcf7-radio .wpcf7-list-item {
width: 100%;
}
.wpcf7-form input[type="submit"] {
width: 100%;
}
.wpcf7-spinner {
display: none;
}
}
.form-element .intl-tel-input {
display: block;
}
.locations-container {
background: #ebf0f1;
padding: 5rem 0 4rem;
position: relative;
overflow: hidden;
}
.locations-container.slider a.slick-arrow {
position: absolute;
left: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.locations-container.slider a.slick-arrow:hover {
background: #162B40;
}
.locations-container.slider a.slick-next {
left: initial;
right: 0;
transform: translate(0, -50%);
}
.locations-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 27rem;
height: 27rem;
position: absolute;
right: -5rem;
top: -5rem;
opacity: 0.5;
}
.location-grid {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -20px;
margin-right: -20px;
}
.location-grid-item {
width: 33.3333%;
padding: 0 20px;
margin: 20px 0;
}
.location-grid-item-inner {
border-radius: 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
color: #fff;
overflow: hidden;
}
.location-grid-item-inner:before {
content: '';
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
background: #152B48;
opacity: 0.95;
}
.location-grid-content {
padding: 2.5rem 2rem 2rem;
position: relative;
}
.location-grid-address {
min-height: 13.5rem;
}
ul.location-grid-contact {
list-style: none;
padding: 0;
margin-bottom: 1.5rem;
}
ul.location-grid-contact li {
margin-top: 5px;
}
ul.location-grid-contact li i {
width: 25px;
}
ul.location-grid-contact a {
color: #2393E9;
}
ul.location-grid-contact a:hover {
color: #fff;
}
.location-grid-address h6 {
color: #fff;
}
.location-grid-map {
margin-top: 2rem;
}
.location-grid-map iframe {
width: 100%;
height: 13rem;
display: block;
}
.slider .location-grid {
display: block;
}
.slider .location-grid:before {
content: '';
width: 100%;
height: 100%;
background: #ebf0f1;
position: absolute;
right: 100%;
top: 0;
z-index: 1;
}
.slider .location-grid .slick-list {
overflow: visible;
}
@media (max-width: 1199px) {
.location-grid {
margin-left: -10px;
margin-right: -10px;
}
.location-grid-item {
width: 50%;
}
}
@media (max-width: 991px) {
.location-grid-item {
padding: 0 10px;
margin: 10px 0;
}
}
@media (max-width: 767px) {
.locations-section .container-fluid {
padding: 0;
}
.location-grid-content {
padding: 2rem 1.5rem 1.5rem;
}
.grid .location-grid-item {
width: 100% !important;
max-width: 28rem;
}
.slider .location-grid {
width: 100% !important;
max-width: 28rem;
margin: 0 auto;
}
.slider .location-grid .slick-list {
overflow: hidden;
}
.slider .location-grid-item {
width: 100%;
}
.locations-container.slider a.slick-arrow {
left: -20px;
}
.locations-container.slider a.slick-next {
left: initial;
right: -20px;
}
} .home-banner .page-banner-image {
padding-bottom: 75%;
min-height: 450px;
}
.home-contact {
background: #152B48;
color: #fff;
padding: 1.5rem 2rem;
position: relative;
margin-top: calc(-50% - 2rem);
overflow: hidden;
border-radius: 0 8px 8px 8px;
}
.home-contact:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 22rem;
height: 20rem;
position: absolute;
right: -10rem;
top: -12rem;
opacity: 0.1;
background-size: 100%;
}
.home-contact .wpcf7-form label {
color: #fff;
}
.home-cta {
margin: 4rem 0;
position: relative;
z-index: 1;
}
.home-cta-content {
position: relative;
max-width: 37rem;
}
.home-cta-content:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
background-size: 100%;
width: 25rem;
height: 23rem;
position: absolute;
left: -2rem;
top: -2rem;
z-index: -1;
opacity: 0.3;
}
.client-carousel {
padding: 0 4rem 0 0;
}
.client-carousel .slide {
padding: 0 1rem;
}
.client-carousel a.slick-arrow {
position: absolute;
right: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.client-carousel a.slick-arrow:hover {
background: #162B40;
}
.client-carousel a.slick-prev { display: none !important;
}
@media (max-width: 767px) {
.home-banner .page-banner-image {
min-height: 250px;
}
.home-cta {
margin-top: 0;
text-align: center;
}
.home-cta > .container-xl > .row {
flex-direction: column-reverse;
}
.home-contact {
width: 98%;
margin: -3rem auto 0;
border-radius: 8px;
text-align: left;
padding: 1.5rem 2rem 2rem;
}
.home-cta-content {
margin: 0 auto;
}
}
section.contact-cta-section {
margin: 4rem 0;
}
.contact-box {
background: #2393E9;
color: #fff;
border-radius: 8px;
overflow: hidden;
}
.contact-box-content {
max-width: 40rem;
padding: 2.5rem;
position: relative;
overflow: hidden;
}
.contact-box-content:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
background-size: 100%;
position: absolute;
width: 27rem;
height: 27rem;
bottom: 70%;
left: 80%;
opacity: 0.1;
}
.contact-box-content h3.h3 {
color: #fff;
font-size: 1.875rem;
max-width: 32rem;
}
.contact-box-img {
position: relative;
padding-bottom: 40%;
}
.contact-box-img img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.contact-cta-content {
max-width: 38rem;
}
@media (max-width: 991px) {
.contact-box-content {
padding: 1.5rem;
}
.contact-box-content h3.h3 {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
.contact-cta-content {
margin: 0 auto 2rem;
}
.contact-box {
max-width: 40rem;
margin: 0 auto;
}
}
section.services-section {
margin: 4rem 0;
}
.services-container {
background: rgb(221 229 231 / 51%);
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.services-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 27rem;
height: 27rem;
position: absolute;
right: -5rem;
top: -5rem;
z-index: -1;
opacity: 0.5;
}
.services-container .posts-grid-item-inner {
border-radius: 8px;
overflow: hidden;
}
.tabs-slider-section {
margin: 4rem 0;
}
.services-cta {
background: rgb(221 229 231 / 50%);
padding: 4rem 0;
}
.tabs-slider-container {
background: rgb(221 229 231 / 50%);
padding: 4rem 0.5rem;
position: relative;
overflow: hidden;
}
.tabs-slider-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 27rem;
height: 27rem;
position: absolute;
right: -5rem;
top: -5rem;
z-index: -1;
opacity: 0.5;
}
.tabs-slider .slide {
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.tab-slide-image {
position: relative;
padding-bottom: 70%;
height: 100%;
}
.tab-slide-image > img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.tab-slide-image span.icon {
background: #fff;
width: 6.25rem;
height: 6.25rem;
position: absolute;
right: 0;
top: 50%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: translate(50%, -50%);
}
.tab-slide-image span.icon img {
width: 2.5rem;
height: auto;
}
.tab-slide-content {
padding: 2.5rem 2.5rem 2rem 2rem;
max-width: 38.5rem;
position: relative;
}
.tab-slide-content h3 {
font-size: 1.5rem;
border-bottom: 2px solid #E6ECED;
padding-bottom: 1rem;
}
.tab-slide-content h3 a {
color: #152B48;
}
.tab-slide-content h3 a:hover {
color: #2393E9;
}
.tabs-slider a.slick-arrow {
position: absolute;
left: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translateX(-50%);
}
.tabs-slider a.slick-arrow:hover {
background: #162B40;
}
.tabs-slider a.slick-next {
left: initial;
right: 0;
transform: translateX(50%);
}
.tabs-slider-dots ul {
list-style: none;
padding: 0;
margin: 2rem 0;
background: #fff;
display: flex;
border: 2px solid #E6ECED;
border-radius: 8px;
overflow: hidden;
}
.tabs-slider-dots ul li {
flex-grow: 1;
border-right: 2px solid #E6ECED;
display: flex;
}
.tabs-slider-dots ul li:last-of-type {
border-right: none;
}
.tabs-slider-dots ul li button {
border: none;
background: none;
width: 100%;
text-align: center;
padding: 2rem 1rem;
line-height: 1.2;
font-weight: 600;
transition: all 0.3s ease-in-out;
}
.tabs-slider-dots ul li button:hover, .tabs-slider-dots ul li.slick-active button {
background: #2393E9;
color: #fff;
}
@media (max-width: 991px) {
.tab-slide-content {
padding: 2rem 1.5rem 2rem 1rem;
}
}
@media (max-width: 767px) {
.tabs-slider-section .container-fluid {
padding: 0;
}
.tab-slide-content {
padding: 2rem;
}
.tabs-slider-dots ul li button {
font-size: 0.875rem;
padding: 1rem 0.5rem;
}
.tab-slide-image span.icon {
top: initial;
right: initial;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
}
@media (max-width: 575px) {
.tabs-slider-container {
text-align: center;
}
.tabs-slider-dots ul {
display: none !important;
}
.tabs-slider {
text-align: initial;
margin-top: 2rem;
}
}
section.icons-section {
margin: 4rem 0;
}
.icons-container {
background: #152B48;
color: #fff;
padding: 4rem 0.5rem;
position: relative;
overflow: hidden;
}
.icons-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-1.png) no-repeat;
background-size: 100%;
position: absolute;
width: 27rem;
height: 27rem;
bottom: 0;
right: -2rem;
opacity: 0.08;
}
.icons-container h2.title {
color: #fff;
}
ul.icons {
list-style: none;
padding: 0;
margin: 2rem 0 0;
text-align: center;
display: flex;
justify-content: space-around;
}
ul.icons li {  padding: 1rem 1rem 0;
position: relative;
}
ul.icons li img {
height: 4.5rem;
width:  auto;
}
ul.icons.icons-large li img {
height: 10rem;
}
ul.icons.width-arrows li:after {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
}
ul.icons.width-arrows li:last-of-type:after {
content: none;
}
@media (max-width: 991px) {
ul.icons {
flex-wrap: wrap;
justify-content: center;
}
ul.icons.icons-large {
justify-content: space-around;
}
ul.icons li {
width: 20%;
}
ul.icons.icons-large li {
width: 25%;
}
}
@media (max-width: 767px) {
.icons-section .container-fluid {
padding: 0;
}
ul.icons li, ul.icons.icons-large li {
font-size: 0.875rem; width: 25%;
}
ul.icons li img,  ul.icons.icons-large li img {
height: 5rem;
}
}
@media (max-width: 575px) {
ul.icons li, ul.icons.icons-large li {
width: 33.33%;
}
ul.icons li img,  ul.icons.icons-large li img {
height: 4rem;
}
}
@media (max-width: 419px) {
ul.icons li, ul.icons.icons-large li {
width: 50%;
}
}
section.logo-slider-section {
margin: 4rem 0;
}
.logo-carousel {
padding: 0 4rem;
}
.logo-carousel .slide {
padding: 0 2rem;
}
.logo-carousel a.slick-arrow {
position: absolute;
left: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.logo-carousel a.slick-arrow:hover {
background: #162B40;
}
.logo-carousel a.slick-next {
left: initial;
right: 0;
transform: translate(0, -50%);
}
@media (max-width: 767px) {
.logo-carousel a.slick-arrow {
transform: translate(0, -50%);
}
.logo-carousel a.slick-next {
transform: translate(0, -50%);
}
}
section.testimonials-section, section.cta-carousel-section {
margin: 4rem 0;
position: relative;
}
a#testimonials-anchor {
position: absolute;
top: -10rem;
}
.testimonials-slider-container, .cta-carousel-container {
background: #152B48;
color: #fff;
padding: 4rem 0.5rem;
}
.testimonials-slider-container {
text-align: center;
}
.testimonials-slider .slick-list {
padding: 0 150px !important;
}
.cta-carousel .slick-list {
padding: 0 100px !important;
}
.testimonial-block {
background: #27446A;
padding: 4.5rem 2rem 1.5rem;
margin: 3rem 1.5rem 1.5rem;
border-radius: 8px;
position: relative;
}
.testimonial-block:before {
content: '';
width: 30px;
height: 30px;
border-radius: 6px;
background: #27446A;
position: absolute;
bottom: -8px;
left: 50%;
transform: rotate(45deg);
margin-left: -15px;
}
.testimonials-slider .slide {
opacity: 0.3;
position: relative;
}
.testimonials-slider .slide.slick-active {
opacity: 1;
}
.testimonials-slider .slide h6 {
color: #fff;
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.testimonials-slider .slide .address {
font-size: 0.875rem;
margin: 0;
}
span.testimonial-image {
width: 5rem;
height: 5rem;
border-radius: 50%;
background: #fff;
display: block;
overflow: hidden;
border: 8px solid #fff;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
}
.testimonials-slider a.slick-arrow, .cta-carousel a.slick-arrow {
position: absolute;
left: 150px;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.testimonials-slider a.slick-arrow:hover, .cta-carousel a.slick-arrow:hover {
background: #162B40;
}
.testimonials-slider a.slick-next, .cta-carousel a.slick-next {
left: initial;
right: 150px;
transform: translate(0, -50%);
}
.cta-carousel a.slick-arrow {
left:  100px;
}
.cta-carousel a.slick-next {
left: initial;
right: 100px;
}
.cta-carousel .slide {
margin: 3rem 1.5rem 1.5rem;
}
.cta-carousel .slick-track {
display: flex !important;
}
.cta-carousel .slick-slide {
height: inherit !important;
}
.cta-carousel-block {
position: relative;
border-radius: 8px;
background: #fff;
color: #152B48;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.cta-carousel-content {
padding: 2rem 2rem 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.cta-carousel-content h4.h5 {
border-bottom: 3px solid #E6ECED;
padding-bottom: 0.75rem;
}
.cta-carousel-content h4.h5 a {
color: #152B48;
}
.cta-carousel-content h4.h5 a:hover {
color: #2393E9;
}
.cta-carousel-image {
padding-bottom: 70%;
position: relative;
}
.cta-carousel-image img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.cta-carousel .slick-list {
padding: 0 !important;
}
.cta-carousel a.slick-arrow {
left: 0;
}
.cta-carousel a.slick-next {
left: initial;
right: 0;
}
a#testimonials-anchor {
top: -4rem;
}
}
@media (max-width: 767px) {
.cta-carousel-section .container-fluid, .testimonials-section .container-fluid {
padding: 0;
}
.cta-carousel-container {
text-align: center;
}
.cta-carousel {
text-align: initial;
}
.testimonials-slider .slick-list {
padding: 0 !important;
}
.testimonials-slider a.slick-arrow {
left: 0;
}
.testimonials-slider a.slick-next {
left: initial;
right: 0;
}
.testimonials-slider, .cta-carousel {
max-width: 38rem;
margin: 0 auto;
}
}
section.cta-section {
margin: 4rem 0;
}
.cta-content .row {
align-items: center;
}
.cta-text {
padding-left: 2rem;
max-width: 40rem;
margin-left: auto;
}
@media (max-width: 991px) {
.cta-text {
padding-left: 0;
}
}
@media (max-width: 767px) {
.cta-content {
max-width: 40rem;
margin: 0 auto;
}
.cta-image {
margin-bottom: 2rem;
}
}
section.image-slider-section {
margin: 4rem 0;
}
.image-slider:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
background-size: 100%;
width: 25rem;
height: 23rem;
position: absolute;
left: 10%;
top: -2rem;
z-index: -1;
opacity: 0.3;
}
.image-slider:after {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
background-size: 100%;
width: 25rem;
height: 23rem;
position: absolute;
right: 10%;
bottom: -2rem;
z-index: -1;
opacity: 0.3;
}
.image-slider .slide {
position: relative;
margin: 0 1.5rem;
border-radius: 8px;
overflow: hidden;
}
.image-slider .slide:before {
content: '';
display: block;
padding-bottom: 66.66%;
}
.image-slider .slide img {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-slider .slick-list {
padding: 0 20% !important;
}
.image-caption {
background: #27446A;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1rem 2rem;
}
.image-slider a.slick-arrow {
position: absolute;
left: 20%;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.image-slider a.slick-arrow:hover {
background: #162B40;
}
.image-slider a.slick-next {
left: initial;
right: 20%;
transform: translate(0, -50%);
}
@media (max-width: 991px) {
.image-slider:before {
width: 12rem;
height: 11rem;
}
.image-slider:after {
width: 12rem;
height: 11rem;
}
}
@media (max-width: 575px) {
.image-slider .slick-list {
padding: initial !important;
}
.image-slider a.slick-arrow {
left: 0;
}
.image-slider a.slick-next {
left: initial;
right: 0;
}
}
.cta-image-slider {
position: relative;
}
.cta-image-slider a.slick-arrow {
position: absolute;
left: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translateX(-50%);
}
.cta-image-slider a.slick-arrow:hover {
background: #162B40;
}
.cta-image-slider a.slick-next {
left: initial;
right: 0;
transform: translateX(50%);
}
.image-text-content {
margin: 4rem 0;
}
.image-text-content .cta-text {
padding-left: 0;
padding-right: 2rem;
margin-left: 0;
margin-right: auto;
}
.image-text-content.dark-bg {
background: #152B48;
color: #fff;
padding: 4rem 2rem;
}
.image-text-content.dark-bg .cta-text h2 {
color: #fff;
}
.image-text-content.direction-reverse .col {
order: 2;
}
.image-text-content.direction-reverse .cta-text {
padding-right: 0;
padding-left: 2rem;
margin-left: auto;
margin-right: 0;
}
@media (max-width: 991px) {
.image-text-content .cta-text, .image-text-content.direction-reverse .cta-text {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.image-text-content-container {
overflow: hidden;
}
.image-text-content-container .container-fluid {
padding: 0;
}
.image-text-content {
margin: 3rem auto;
padding: 0 0.5rem;
}
.image-text-content.dark-bg {
padding: 3rem 1rem;
}
.image-text-content .col {
order: 2;
}
}
.wp-block-quote {
border: none !important;
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/quote.svg) no-repeat;
padding-left: 80px;
}
.wp-block-quote > * {
margin: initial !important;
}
.wp-block-quote cite:before {
content: '- ';
}
.wp-block-embed {
margin: 2rem 0;
}
section.case-study-section {
margin: 4rem 0;
}
.case-study-cta-container {
background: rgb(221 229 231 / 50%);
padding: 5rem 0.5rem 4rem;
position: relative;
overflow: hidden;
}
.case-study-cta-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 27rem;
height: 27rem;
position: absolute;
right: -5rem;
top: -5rem;
z-index: -1;
opacity: 0.5;
}
.case-study-cta {
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.case-study-cta .row {
align-items: center;
}
.case-study-cta .cta-text {
padding-right: 2rem;
max-width: 38rem;
margin-left: initial;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.case-study-cta .cta-text h2.h3 a {
color: #152B48;
}
.case-study-cta .cta-text h2.h3 a:hover {
color: #2393E9;
}
@media (max-width: 767px) {
.case-study-section .container-fluid {
padding: 0;
}
.case-study-cta {
max-width: 40rem;
margin: 0 auto;
}
.case-study-cta .cta-text {
padding: 0 2rem 2rem;
}
}
section.manual-posts-section {
margin: 4rem 0;
}
.manual-posts-container {
background: #ebf0f1;
padding: 4rem 0.5rem;
position: relative;
overflow: hidden;
}
.manual-posts-container:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 27rem;
height: 27rem;
position: absolute;
right: -5rem;
top: -5rem;
opacity: 0.5;
}
.manual-posts-container .slick-track {
display: flex;
}
.manual-posts-container .posts-grid-item {
width: 50%;
height: auto;
}
.manual-posts-container .posts-grid-item-inner {
border-radius: 8px;
overflow: hidden;
}
.slider .posts-grid {
display: block;
position: relative;
}
.slider .posts-grid:before {
content: '';
width: 100%;
height: 100%;
background: #ebf0f1;
position: absolute;
right: 100%;
top: 0;
z-index: 1;
}
.slider .posts-grid .slick-list {
overflow: visible;
}
.manual-posts-container a.slick-arrow {
position: absolute;
left: 0;
top: 50%;
background: #2393E9;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 4px;
z-index: 1;
transform: translate(0, -50%);
}
.manual-posts-container a.slick-arrow:hover {
background: #162B40;
}
.manual-posts-container a.slick-next {
left: initial;
right: 0;
transform: translate(0, -50%);
}
@media (max-width: 767px) {
.manual-posts-section .container-fluid {
padding: 0;
}
}
@media (max-width: 575px) {
.manual-posts-container .posts-grid-item {
width: initial;
}
}
section.related-section {
margin: 4rem 0;
} .related-section-download {
position: relative;
}
.related-section-download:before {
content: '';
background: #DDE5E7;
height: 50%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.map-cta .row {
align-items: center;
}
.coverage-map iframe, .coverage-map img {
width: 100%;
height: 32rem;
display: block;
object-fit: cover;
}
@media (max-width: 767px) {
.map-cta .cta-text {
margin: 2rem auto 0;
}
}
.modal-dialog {
max-width: 680px;
}
.modal-content {
background: #152B48;
color: #fff;
padding: 2rem 2.5rem 1rem;
border-radius: 0.4rem;
overflow: hidden;
}
.modal-content:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 22rem;
height: 20rem;
position: absolute;
right: -10rem;
top: -12rem;
opacity: 0.1;
background-size: 100%;
}
.modal-content .wpcf7-form label {
color: #fff;
}
a.btn-close {
background: none;
color: #fff;
font-size: 1.5rem;
opacity: 0.8;
padding: 0;
display: inline-block;
height: auto;
width: auto;
line-height: 1;
position: absolute;
top: 1rem;
right: 1rem;
}
a.btn-close:hover {
color: #fff;
opacity: 1;
}
@media (max-width: 575px) {
.modal-content {
padding: 1.5rem;
}
}
.blogcta {
background: #2393E9;
color: #fff;
border-radius: 8px;
margin: 2rem 0;
position: relative;
overflow: hidden;
padding: 4rem 4rem 3rem 5rem;
}
.blogcta:before {
content: '';
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/dots-bg-2.png) no-repeat;
width: 23rem;
height: 20rem;
position: absolute;
opacity: 0.15;
left: 85%;
bottom: 70%;
background-size: 100%;
}
.blogcta h2 {
color: #fff;
}
a.cta-button {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 1;
padding: 1rem 1.5rem;
background: #152B48;
border: 1px solid #152B48;
border-radius: 4px;
white-space: nowrap;
display: inline-block;
margin-top: 0.5rem;
}
@media (max-width: 767px) {
.blogcta {
padding: 3rem 3rem 2.5rem;
}
}
@media (max-width: 575px) {
.blogcta {
padding: 2rem 2rem 1.25rem;
}
}
h6.title {
font-size: 2rem;
margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
h6.title {
font-size: 1.5rem;
}
}
section.faqs-section {
margin: 4rem 0;
}
.accordion {
margin: 2rem 0;
}
h2.accordion-header {
font-size: 1rem;
padding: 1rem 1.25rem;
}
h2.accordion-header a {
color: #152B48;
}
h2.accordion-header a:hover {
color: #2393E9;
}
.accordion-body {
padding-top: 0.25rem;
}
section.client-logos-section {
margin: 4rem 0;
}
.client-logos {
display: flex;
align-items: center;
justify-content: center;
}
.client-logo {
padding: 0 1rem 1rem;
}
.client-logo img {
height: 8rem;
width: auto;
object-fit: contain;
}
@media (max-width: 991px) {
.client-logo {
padding: 0 0.5rem 1rem;
}
}
@media (max-width: 575px) {
.client-logos {
flex-wrap: wrap;
}
.client-logo {
width: 50%;
text-align: center;
}
}
section.cta-download-section {
margin: 4rem 0;
}
.download-guide-block section.cta-download-section {
width: 100vw;
max-width: 100vw;
margin: 2rem 0 2rem 50%;
transform: translateX(-50%);
}
.cta-download-wrapper {
background: #2393E9;
padding: 0 3rem;
display: flex;
align-items: center;
position: relative;
}
.cta-download-wrapper:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 7.375rem;
height: 5.75rem;
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/cta-dots-bg.png) no-repeat top right;
}
.cta-download {
flex-grow: 1;
position: relative;
overflow: hidden;
}
.download-img-form-wrapper {
position: relative;
width: calc(100% - 15.375rem);
}
.download-img-form-wrapper:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6.125rem;
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/cta-dots-bg.png) no-repeat bottom left;
}
.download-content,
.download-content h3.title {
color: #fff;
}
.download-content h3.title {
max-width: 13.375rem;
}
.download-content {
padding: 2rem 0;
max-width: 15.375rem;
margin-right: 1.25rem;
}
.brochure-img {
position: relative;
z-index: 1;
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/images/mockup.png) no-repeat center center;
margin-top: -0.5rem;
margin-bottom: 0;
height: calc(100% + 1.5rem);
background-size: contain;
}
.brochure-img img {
height: 100%;
display: none;
}
.download-img-form-wrapper .mc4wp-form {
padding: 3rem 0;
position: relative;
z-index: 1;
}
.download-img-form-wrapper .mc4wp-form-fields p {
color: #fff;
margin: 2rem 0 0;
font-size: 0.95rem;
}
@media (max-width: 1399px) {
.download-img-form-wrapper .mc4wp-form {
padding: 2.5rem 0 2rem;
}
.download-img-form-wrapper .mc4wp-form-fields p {
margin: 1rem 0 0;
}
}
@media (max-width: 991px) {
.download-content h3.title,
.download-content {
max-width: initial;
}
.download-content {
margin: 0 auto;
text-align: center;
}
.download-img-form-wrapper {
width: 100%;
}
.download-img-form-wrapper .mc4wp-form {
padding: 0 0 2rem;
}
.download-img-form-wrapper .row.gx-lg-0 {
align-items: flex-end;
}
}
@media (max-width: 767px) {
.cta-download-wrapper {
padding: 0 1.5rem;
}
.download-content {
padding: 2rem 0 0;
}
.brochure-img {
text-align: center;
height: 12rem;
margin: 1rem 0;
}
}
@media (max-width: 575px) {
section.cta-download-section {
margin: 2rem 0;
}
.brochure-img {
height: 10rem;
}
}
.cf7-contact-container {
position: relative;
}
.cf7-contact-thankyou {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
max-width: 34rem;
padding: 0 1rem;
margin: 0 auto;
text-align: center;
font-size: 1.66667rem;
display: none;
}
.cf7-contact-thankyou p.h1 {
font-size: 3.2rem;
line-height: 1.1;
}
.cf7-contact-thankyou img {
height: 7.5rem;
width: auto;
}
.cf7-complete .cf7-contact-thankyou {
display: flex;
}
.cf7-complete .cf7-contact-form {
visibility: hidden;
}
.dark-bg .cf7-contact-thankyou p.h1, .home-contact .cf7-contact-thankyou p.h1, .modal-content .cf7-contact-thankyou p.h1 {
color: #fff;
}
@media (max-width: 1399px) {
.cf7-contact-thankyou {
font-size: 1.5rem;
}
.cf7-contact-thankyou p.h1 {
font-size: 3rem;
}
.cf7-contact-thankyou img {
height: 7rem;
}
}
@media (max-width: 991px) {
.cf7-contact-thankyou {
font-size: 1.25rem;
}
.cf7-contact-thankyou p.h1 {
font-size: 2.5rem;
}
.cf7-contact-thankyou img {
height: 6rem;
}
}
@media (max-width: 767px) {
.cf7-contact-thankyou {
font-size: 1.125rem;
}
.cf7-contact-thankyou p.h1 {
font-size: 2rem;
}
.cf7-contact-thankyou img {
height: 5rem;
}
}nav.navbar {
background: #fff;
position: fixed;
top: 0; left: 0; right: 0;
z-index: 2;
padding: 0;
display: block; }
.top-padding {
height: 8.75rem;
}
a.navbar-brand {
padding: 0.5rem 0;
margin: 0;
text-align: center;
}
a.navbar-brand h1 {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1;
font-size: 0.5rem;
}
a.navbar-brand img {
width: 20rem;
height: auto;
transition: all 0.3s ease-in-out;
}
.navbar-container {
width: 100%;
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-container-inner {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
display: none;
}
.navbar-container-inner form {
width: 27.5rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
ul.navbar-nav {
padding-left: 1rem;
margin: 1.5rem 0 1rem;
}
ul.navbar-nav > li {
margin: 0 0.25rem;
text-align: center;
}
ul.navbar-nav > li:last-of-type {
margin-right: 0;
}
ul.navbar-nav > li > a {
color: #000;
font-weight: 600;
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
ul.navbar-nav > li:last-of-type > a {
padding-right: 0 !important;
}
ul.navbar-nav > li > a:hover, ul.navbar-nav > li.current-menu-item > a, ul.navbar-nav > li.current-menu-ancestor > a {
color: #2393E9;
}
#searchform input {
background: #F7F7F9;
border: none;
border-radius: 0;
padding: 0 1rem;
font-size: 0.9rem;
}
@media (max-width: 1499px) {
nav.navbar .container-xxl {
max-width: initial;
}
}
@media (max-width: 1399px) {
.top-padding {
height: 9rem;
}
ul.navbar-nav {
margin: 1.25rem 0 0.75rem;
}
a.navbar-brand img {
width: 15rem;
}
ul.navbar-nav > li {
margin: 0 0.25rem;
}
ul.navbar-nav > li > a {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
}
@media (max-width: 1299px) {
a.navbar-brand img {
width: 12rem;
}
}
@media (max-width: 1199px) {
a.navbar-brand img {
width: 11rem;
}
}
@media (max-width: 1023px) {
nav.navbar {
position: relative;
}
.top-padding {
display: none;
}
a.navbar-brand img {
height: 2.5rem;
width: auto;
}
}
@media (min-width: 1024px) {
.navbar-container-inner {
display: flex;
}
.simple-menu-container {
display: none;
}
} nav.navbar ul.navbar-nav li:hover .dropdown-menu,
nav.navbar ul.navbar-nav li .dropdown-menu.show {
display: block;
}
.navbar-nav .dropdown-menu {
background-color: #f5f5f5;
border: none;
border-radius: 0;
}
.navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .current-menu-item .dropdown-item {
background: none;
color: #3AAA35;
}
button.navbar-toggler {
position: absolute;
right: 15px;
top: 1rem;
height: 25px;
width: 32px;
}
button.navbar-toggler:focus {
outline: none;
box-shadow: none;
border: none;
} .navbar-toggler-icon {
background-image: none;
transition-duration: 0.5s;
position: absolute;
height: 4px;
width: 32px;
top: 11px;
background-color: #232323;
left: 0;
}
.navbar-toggler-icon:before {
transition-duration: 0.5s;
position: absolute;
width: 32px;
height: 4px;
background-color: #232323;
content: "";
top: -10px;
right: 0;
}
.navbar-toggler-icon:after {
transition-duration: 0.5s;
position: absolute;
width: 32px;
height: 4px;
background-color: #232323;
content: "";
top: 10px;
right: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
transition-duration: 0.5s;
background: transparent;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
-webkit-transform: rotateZ(45deg) scaleX(1) translate(7px, 7px);
-moz-transform: rotateZ(45deg) scaleX(1) translate(7px, 7px);
transform: rotateZ(45deg) scaleX(1) translate(7px, 7px);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
-webkit-transform: rotateZ(-45deg) scaleX(1) translate(7px, -7px);
-moz-transform: rotateZ(-45deg) scaleX(1) translate(7px, -7px);
transform: rotateZ(-45deg) scaleX(1) translate(7px, -7px);
}
.navbar-toggler {
border: none;
}
.top-contact {
display: flex;
align-items: center;
}
a.top-phone {
display: block;
font-size: 1.125rem;
background: #2393E9;
color: #fff;
font-weight: 600;
height: 3.75rem;
line-height: 3.75rem;
padding: 0 1.5rem;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
a.top-phone i {
margin-right: 10px;
}
a.top-phone:hover {
color: #333;
}
a.top-email {
color: #2393E9;
font-weight: 600;
margin-right: 2rem;
}
a.top-email:hover {
color: #333;
}
@media (max-width: 991px) {
.top-contact {
display: none;
}
} .mega-menu-item ul.menu {
list-style: none;
padding: 0;
}
.mega-menu-item ul.menu {
list-style: none;
padding: 0;
margin: 0;
}
.mega-menu-item ul.menu > li.menu-item-has-children {
padding-left: 0;
border: none;
}
.mega-menu-item ul.menu > li.menu-item-has-children > a {
font-weight: 700;
margin-bottom: 8px;
display: block;
}
.mega-menu-item ul.menu > li, .mega-menu-item ul.menu > li ul.sub-menu li {
line-height: 1.4;
padding: 15px 0 15px 20px;
border-bottom: 1px solid #DDE5E7;
position: relative;
}
.mega-menu-item ul.menu > li > a, .mega-menu-item ul.menu > li ul.sub-menu li a {
display: block;
color: #333;
}
.mega-menu-item ul.menu > li > a:hover, .mega-menu-item ul.menu > li ul.sub-menu li a:hover,
.mega-menu-item ul.menu > li.current-menu-item > a, .mega-menu-item ul.menu > li ul.sub-menu li.current-menu-item a {
color: #2393E9;
}
.mega-menu-item ul.menu > li:before, .mega-menu-item ul.menu > li ul.sub-menu li:before {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0;
font-size: 0.6rem;
top: 18px;
color: #2393E9;
}
.mega-menu-item ul.menu > li.menu-item-has-children:before {
content: none;
}
.mega-menu-item ul.menu li ul.sub-menu {
list-style: none;
padding: 0;
} a.mega-menu-link span.mega-indicator {
font-size: 12px !important;
color: #ccc !important;
}
#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
color: #2393e9;
}
#mega-menu-wrap-mega-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-mega-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-mega-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background: #333;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item:last-of-type > a.mega-menu-link {
padding-right: 0;
}
@media (max-width: 1399px) {
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 12px 0px 12px;
}
}
@media (max-width: 1199px) {
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 10px 0px 10px;
font-size: 15px;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin: 0 0 0 4px;
}
}
@media (max-width: 1099px) {
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 6px 0px 6px;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin: 0 0 0 3px;
}
}
@media (max-width: 991px) {
#mega-menu-wrap-mega-menu .mega-menu-toggle.mega-menu-open + #mega-menu-mega-menu {
border-top: 1px solid #ddd;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item {
border-bottom: 1px solid #ddd;
padding: 5px 0;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-item > a {
padding: 0 20px !important;
font-weight: 500 !important;
}
#mega-menu-wrap-mega-menu #mega-menu-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
padding: 0 10px;
}
a.mega-menu-link span.mega-indicator {
color: #2393E9 !important;
font-size: 20px !important;
}
.mega-menu-flyout > ul.mega-sub-menu {
border-bottom: 1px solid #ddd !important;
padding: 0 25px 15px !important;
}
}
.menu-button {
display: block;
position: absolute;
top: 20px;
left: 20px;
background: url(//safeguardsystems.co.uk/wp-content/themes/safeguard-theme/theme/css/menu.gif) no-repeat;
overflow: hidden;
width: 34px;
height: 31px;
text-indent: -9999px;
}
.menu-button.right {
right: 20px;
left: auto;
}
.menu-button.bottom {
top: 100px;
}
.menu-button.fixed {
position: fixed;
}
#overlay {
position: absolute;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 999998;
display: none;
}
.sidr-open #overlay {
display: block;
} .sidr.fullwidth {
width: 100vw;
}
.sidr.left.fullwidth {
left: -100vw;
}
.sidr.right.fullwidth {
right: -100vw;
}
.sidr ul li.current-menu-item > a, .sidr ul li.current-menu-ancestor > a {
color: #2393E9;
}
a#close-menu-button {
padding: 0.5rem 1rem;
display: inline-block;
font-size: 1.5rem;
background: #152B48;
color: #fff;
}
a#simple-menu {
padding: 0.44rem 0.6rem;
display: inline-block;
font-size: 2.5rem;
line-height: 1;
background: #152B48;
color: #fff;
position: absolute;
right: 0;
top: 0;
} .sidr {
background: #fff;
color: #333;
box-shadow: none;
}
.sidr ul.mobile_menu {
border-top: 1px solid #1a1a1a;
}
.sidr ul {
border: none;
}
.sidr ul li {
border-top: none;
}
.sidr ul li a, .sidr ul li span {
color: #333;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span,
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
box-shadow: none;
}
.sidr ul li ul li a, .sidr ul li ul li span {
color: #333;
}
.sidr ul.submenu {
display: none;
border-top: 1px solid #4d4d4d;
}
.sidr li.open > ul.submenu {
display: block;
}
.sidr li.menu-item-has-children {
position: relative;
}
.sidr li.menu-item-has-children i {
display: inline-block;
width: 4rem;
height: 100%;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 1;
line-height: 3rem;
cursor: pointer;
}
.sidr ul.submenu ul.submenu li a {
padding-left: 45px;
opacity: 0.75;
}