:root {
--darkgrey: #282e34; 
--darkblue: #0098c1; 
--lightblue: #00cfff;
--lightgrey: #f1f1f1; 
--white: #fff; 
}
html {	font-family: sans-serif;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust:     100%; scroll-padding-top: 7rem;}
body {	margin: 0;}
article,aside,
details,figcaption,
figure,footer,
header,main,
menu,nav,
section,summary {	display: block;}
audio,canvas,
progress,video {	display: inline-block;	vertical-align: baseline;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden],template {	display: none;}
a {	background-color: transparent;}
a:active,a:hover {	outline: 0;}
abbr[title] {	border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn {	font-style: italic;}
h1 {	font-size: 1.8em;	margin: 0.67em 0;}
mark {	background: #ff0;	color: #000;}
small {	font-size: 80%;}
sub,sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img {	border: 0;}
svg:not(:root) {	overflow: hidden;}
figure {	margin: 1em 40px;}
hr {	box-sizing: content-box;	height: 0;}
pre {	overflow: auto;}
code,kbd,
pre,samp {	font-family: monospace, monospace;	font-size: 1em;}
button,input,
optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],
input[type="reset"],input[type="submit"] {	appearance:button; -webkit-appearance: button;	cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}
input {	line-height: normal;}
input[type="checkbox"],
input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {	height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em;}
legend {	border: 0;	padding: 0;}
textarea {	overflow: auto;}
optgroup {	font-weight: bold;}
table {	border-collapse: collapse;	border-spacing: 0;}
td,th {	padding: 0;} body,button,
input,select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,h2,
h3,h4,
h5,h6 {	clear: both;}
p {margin-bottom: 1rem; color: var(--darkgrey)}
dfn,cite,
em,i {	font-style: italic;}
blockquote {	margin: 0 1.5em;}
address {	margin: 0 0 1.5em;}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,kbd,tt,var {	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;	font-size: 15px;	font-size: 0.9375rem;}
abbr,acronym {	border-bottom: 1px dotted #666;	cursor: help;}
mark,ins {	background: #fff9c0;	text-decoration: none;}
big {	font-size: 125%;} html {	box-sizing: border-box;}
*,*:before,
*:after { box-sizing: inherit;
}
body {	background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {	content: "";}
blockquote,
q {	quotes: "" "";}
hr {	background-color: #ccc;	border: 0;	height: 1px;	margin-bottom: 1.5em;}
ul,
ol {	margin: 0 0 1.5em 3em;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,
li > ol {	margin-bottom: 0;	margin-left: 1.5em;}
dt {	font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}
img {height: auto; max-width: 100%; display: block;}
figure {	margin: 1em 0; }
table {	margin: 0 0 1.5em;	width: 100%;} button,input[type="button"],
input[type="reset"],input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,input[type="button"]:hover,
input[type="reset"]:hover,input[type="submit"]:hover {	border-color: #ccc #bbb #aaa;}
button:focus,input[type="button"]:focus,
input[type="reset"]:focus,input[type="submit"]:focus,
button:active,input[type="button"]:active,
input[type="reset"]:active,input[type="submit"]:active {	border-color: #aaa #bbb #bbb;}
input[type="text"],input[type="email"],
input[type="url"],input[type="password"],
input[type="search"],input[type="number"],
input[type="tel"],input[type="range"],
input[type="date"],input[type="month"],
input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],
input[type="color"],textarea {
color: #666;
padding: 10px;
width:100%;
border: none;
font-family: inherit;
font-size: 1rem;
margin-top: .5rem;
}
select {	border: 1px solid #ccc;}
input[type="text"]:focus,input[type="email"]:focus,
input[type="url"]:focus,input[type="password"]:focus,
input[type="search"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="range"]:focus,
input[type="date"]:focus,input[type="month"]:focus,
input[type="week"]:focus,input[type="time"]:focus,
input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="color"]:focus,textarea:focus {
color: #111;
}
textarea {width: 100%;}  a {	color: var(--darkblue);}
a:focus {	outline: thin dotted;}
a:hover,a:active {	outline: 0;}
.contact {display: block; text-align: center; margin: 0 auto;}
.contact a, .contact a:visited, .contact span {color: #fff; font-size: 1rem;line-height: 2rem;}
.contact a i {margin-right: 10px}
.contact span i {margin: 0 10px}
.contact a:hover {color: var(--lightblue);} 
.contactLink {margin-top: -.25rem}
.contactLink a {
background-color: var(--lightblue); border: 2px solid var(--lightblue); font-weight: 600;
}
.contactLink a:hover {
background-color: var(--white);
}
@media screen and (max-width: 767px) {
.contact a, .contact a:visited, .contact span {display: block;}
}
@media screen and (max-width: 655px) {
.contact a, .contact a:visited, .contact span {font-size: 0.8rem;line-height: 1.5rem;}
} .main-navigation, .top-navigation {	clear: both;	display: block;	float: left;	width: 100%; position: relative}
.main-navigation ul, .top-navigation ul {	display: none;	list-style: none;	margin: 0;	padding-left: 0;}
.main-navigation li, .top-navigation li {	float: left;	position: relative;}
.main-navigation a {color: var(--darkgrey); display: block;text-decoration: none;}
.top-navigation a {color:var(--white);display: block;text-decoration: none;}
.main-navigation ul ul, 
.top-navigation ul ul {
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
min-width: 275px;
width: 100%;
box-shadow: 0px 3px 8px 0px rgba(126,126,126,0.25);
text-align: center;
}
.main-navigation .sub-menu:before {
content: "";
display: block;
position: absolute;
top: -10px;
left: 50%;
margin-left: -12px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--lightblue);
}
.main-navigation ul ul ul, 
.top-navigation ul ul ul {	left: -999em;	top: 0;}
.main-navigation ul ul a, 
.top-navigation ul ul a {	min-width: 16rem}
.main-navigation ul ul li, 
.top-navigation ul ul li {
background-color: var(--lightblue);
width: 100%;
color: var(--darkgrey);
line-height: 1em; padding: .5rem 0;
}
.main-navigation ul ul li:last-child {padding-bottom: 1rem;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {	left: -60%;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {	left: 100%;}
.top-navigation ul li:hover ul{
left: auto;
}
.main-navigation ul.sub-menu li:hover a {
color: var(--white);} .menu-toggle,.main-navigation.toggled ul {	display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {		display: none;	}
.main-navigation ul, 
.top-navigation ul {		display: block;}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {	margin: 0 0 1.5em;	overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {	float: left;	width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {	float: right;	text-align: right;	width: 50%;}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: var{--lightgrey};
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {	outline: 0;} .alignleft {	display: inline;	float: left;	margin-right: 1.5em;}
.alignright {	display: inline;	float: right;	margin-left: 1.5em;}
.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;} .clear:before,.clear:after,
.entry-content:before,.entry-content:after,
.comment-content:before,.comment-content:after,
.site-header:before,.site-header:after,
.site-content:before,.site-content:after,
.site-footer:before,.site-footer:after {	content: "";	display: table;	table-layout: fixed;}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {	clear: both;} .widget {	margin: 0 0 1.5em;} .widget select {	max-width: 100%;} #section-1 .slide_content {text-align: center; margin-top: 10rem}
@media screen and (min-width: 1025px) {
#section-1 .slick-initialized .slick-slide {min-height: 75vh}
#section-1 .slide_content {margin-top: 35vh}
} .sticky {	display: block;}
.byline,.updated:not(.published) {	display: none;}
.single .byline,
.group-blog .byline {	display: inline;}
.page-content,.entry-content,.entry-summary {	margin: 1.5em 0 0;}
.page-links {	clear: both;	margin: 0 0 1.5em;}
.single .content-area h1, .single .content-area h2 {
margin-top: 1.5rem;
}
.sp-pcp-post .sp-pcp-post-meta ul li .fa, .sp-pcp-post .sp_pcp_cf_list .fa {display: none;} .comment-content a {	word-wrap: break-word;}
.bypostauthor {	display: block;}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;} .infinity-end.neverending .site-footer {	display: block;} .page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {	border: none;	margin-bottom: 0;	margin-top: 0;	padding: 0;} embed,iframe,object {	max-width: 100%;} .wp-caption {	margin-bottom: 1.5em;	max-width: 100%;}
.wp-caption img[class*="wp-image-"] {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption .wp-caption-text {	margin: 0.8075em 0;}
.wp-caption-text {	text-align: center;} .gallery {	margin-bottom: 1.5em;}
.gallery-item {	display: inline-block;	text-align: center;	vertical-align: top;	width: 100%;}
.gallery-columns-2 .gallery-item {	max-width: 50%;}
.gallery-columns-3 .gallery-item {	max-width: 33.33%;}
.gallery-columns-4 .gallery-item {	max-width: 25%;}
.gallery-columns-5 .gallery-item {	max-width: 20%;}
.gallery-columns-6 .gallery-item {	max-width: 16.66%;}
.gallery-columns-7 .gallery-item {	max-width: 14.28%;}
.gallery-columns-8 .gallery-item {	max-width: 12.5%;}
.gallery-columns-9 .gallery-item {	max-width: 11.11%;}
.gallery-caption {	display: block;} .w-container {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
padding:0px 20px;
}
.w-container:before,.w-container:after {  content: " ";  display: table;}
.w-container:after {  clear: both;}
.w-container .w-row {  margin-left: -10px;  margin-right: -10px;}
.w-row:before,.w-row:after {  content: " ";  display: table;}
.w-row:after { clear: both;}
.w-col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
} .w-col-1 {  width: 8.33333333%;}
.w-col-2 {  width: 16.66666667%;}
.w-col-3 {  width: 25%;}
.w-col-4 {  width: 33.33333333%;}
.w-col-5 {  width: 41.66666667%;}
.w-col-6 {  width: 50%;}
.w-col-7 {  width: 58.33333333%;}
.w-col-8 {  width: 66.66666667%;}
.w-col-9 {  width: 75%;}
.w-col-10 {  width: 83.33333333%;}
.w-col-11 {  width: 91.66666667%;}
.w-col-12 {  width: 100%;}
.w-col-push-1 {  left: 8.33333333%;}
.w-col-push-2 {  left: 16.66666667%;}
.w-col-push-3 {  left: 25%;}
.w-col-push-4 {  left: 33.33333333%;}
.w-col-push-5 {  left: 41.66666667%;}
.w-col-push-6 {  left: 50%;}
.w-col-push-7 {  left: 58.33333333%;}
.w-col-push-8 {  left: 66.66666667%;}
.w-col-push-9 {  left: 75%;}
.w-col-push-10 {  left: 83.33333333%;}
.w-col-push-11 {  left: 91.66666667%;}
.w-col-pull-1 {  right: 8.33333333%;}
.w-col-pull-2 {  right: 16.66666667%;}
.w-col-pull-3 {  right: 25%;}
.w-col-pull-4 {  right: 33.33333333%;}
.w-col-pull-5 {  right: 41.66666667%;}
.w-col-pull-6 {  right: 50%;}
.w-col-pull-7 {  right: 58.33333333%;}
.w-col-pull-8 {  right: 66.66666667%;}
.w-col-pull-9 {  right: 75%;}
.w-col-pull-10 {  right: 83.33333333%;}
.w-col-pull-11 {  right: 91.66666667%;}
.w-col-offset-1 {  margin-left: 8.33333333%;}
.w-col-offset-2 {  margin-left: 16.66666667%;}
.w-col-offset-3 {  margin-left: 25%;}
.w-col-offset-4 {  margin-left: 33.33333333%;}
.w-col-offset-5 {  margin-left: 41.66666667%;}
.w-col-offset-6 {  margin-left: 50%;}
.w-col-offset-7 {  margin-left: 58.33333333%;}
.w-col-offset-8 {  margin-left: 66.66666667%;}
.w-col-offset-9 {  margin-left: 75%;}
.w-col-offset-10 {  margin-left: 83.33333333%;}
.w-col-offset-11 {  margin-left: 91.66666667%;}
.w-hidden-main {  display: none !important;}
@media screen and (max-width: 991px) {
.w-container {    max-width: 728px;  }
.w-hidden-main {    display: inherit !important;  }
.w-hidden-medium {    display: none !important;  }
.w-col-medium-1 {    width: 8.33333333%;  }
.w-col-medium-2 {    width: 16.66666667%;  }
.w-col-medium-3 {    width: 25%;  }
.w-col-medium-4 {    width: 33.33333333%;  }
.w-col-medium-5 {    width: 41.66666667%;  }
.w-col-medium-6 {    width: 50%;  }
.w-col-medium-7 {    width: 58.33333333%;  }
.w-col-medium-8 {    width: 66.66666667%;  }
.w-col-medium-9 {    width: 75%;  }
.w-col-medium-10 {    width: 83.33333333%;  }
.w-col-medium-11 {    width: 91.66666667%;  }
.w-col-medium-12 {    width: 100%;  }
.w-col-medium-push-1 {    left: 8.33333333%;  }
.w-col-medium-push-2 {    left: 16.66666667%;  }
.w-col-medium-push-3 {    left: 25%;  }
.w-col-medium-push-4 {    left: 33.33333333%;  }
.w-col-medium-push-5 {    left: 41.66666667%;  }
.w-col-medium-push-6 {    left: 50%;  }
.w-col-medium-push-7 {    left: 58.33333333%;  }
.w-col-medium-push-8 {    left: 66.66666667%;  }
.w-col-medium-push-9 {    left: 75%;  }
.w-col-medium-push-10 {    left: 83.33333333%;  }
.w-col-medium-push-11 {    left: 91.66666667%;  }
.w-col-medium-pull-1 {    right: 8.33333333%;  }
.w-col-medium-pull-2 {    right: 16.66666667%;  }
.w-col-medium-pull-3 {    right: 25%;  }
.w-col-medium-pull-4 {    right: 33.33333333%;  }
.w-col-medium-pull-5 {    right: 41.66666667%;  }
.w-col-medium-pull-6 {    right: 50%;  }
.w-col-medium-pull-7 {    right: 58.33333333%;  }
.w-col-medium-pull-8 {    right: 66.66666667%;  }
.w-col-medium-pull-9 {    right: 75%;  }
.w-col-medium-pull-10 {    right: 83.33333333%;  }
.w-col-medium-pull-11 {    right: 91.66666667%;  }
.w-col-medium-offset-1 {    margin-left: 8.33333333%;  }
.w-col-medium-offset-2 {    margin-left: 16.66666667%;  }
.w-col-medium-offset-3 {    margin-left: 25%;  }
.w-col-medium-offset-4 {    margin-left: 33.33333333%;  }
.w-col-medium-offset-5 {    margin-left: 41.66666667%;  }
.w-col-medium-offset-6 {    margin-left: 50%;  }
.w-col-medium-offset-7 {    margin-left: 58.33333333%;  }
.w-col-medium-offset-8 {    margin-left: 66.66666667%;  }
.w-col-medium-offset-9 {    margin-left: 75%;  }
.w-col-medium-offset-10 {    margin-left: 83.33333333%;  }
.w-col-medium-offset-11 {    margin-left: 91.66666667%;  }
.w-col-stack {      width: 100%;    left: auto;    right: auto;  }
}
@media screen and (max-width: 767px) {
.w-hidden-main {    display: inherit !important;  }
.w-hidden-medium {    display: inherit !important;  }
.w-hidden-small {    display: none !important;  }
.w-row,  .w-container .w-row {    margin-left: 0;    margin-right: 0;  }
.w-col {    width: 100%;    left: auto;    right: auto;  }
.w-col-small-1 {    width: 8.33333333%;  }
.w-col-small-2 {    width: 16.66666667%;  }
.w-col-small-3 {    width: 25%;  }
.w-col-small-4 {    width: 33.33333333%;  }
.w-col-small-5 {    width: 41.66666667%;  }
.w-col-small-6 {    width: 50%;  }
.w-col-small-7 {    width: 58.33333333%;  }
.w-col-small-8 {    width: 66.66666667%;  }
.w-col-small-9 {    width: 75%;  }
.w-col-small-10 {    width: 83.33333333%;  }
.w-col-small-11 {    width: 91.66666667%;  }
.w-col-small-12 {    width: 100%;  }
.w-col-small-push-1 {    left: 8.33333333%;  }
.w-col-small-push-2 {    left: 16.66666667%;  }
.w-col-small-push-3 {    left: 25%;  }
.w-col-small-push-4 {    left: 33.33333333%;  }
.w-col-small-push-5 {    left: 41.66666667%;  }
.w-col-small-push-6 {    left: 50%;  }
.w-col-small-push-7 {    left: 58.33333333%;  }
.w-col-small-push-8 {    left: 66.66666667%;  }
.w-col-small-push-9 {    left: 75%;  }
.w-col-small-push-10 {    left: 83.33333333%;  }
.w-col-small-push-11 {    left: 91.66666667%;  }
.w-col-small-pull-1 {    right: 8.33333333%;  }
.w-col-small-pull-2 {    right: 16.66666667%;  }
.w-col-small-pull-3 {    right: 25%;  }
.w-col-small-pull-4 {    right: 33.33333333%;  }
.w-col-small-pull-5 {    right: 41.66666667%;  }
.w-col-small-pull-6 {    right: 50%;  }
.w-col-small-pull-7 {    right: 58.33333333%;  }
.w-col-small-pull-8 {    right: 66.66666667%;  }
.w-col-small-pull-9 {    right: 75%;  }
.w-col-small-pull-10 {    right: 83.33333333%;  }
.w-col-small-pull-11 {    right: 91.66666667%;  }
.w-col-small-offset-1 {    margin-left: 8.33333333%;  }
.w-col-small-offset-2 {    margin-left: 16.66666667%;  }
.w-col-small-offset-3 {    margin-left: 25%;  }
.w-col-small-offset-4 {    margin-left: 33.33333333%;  }
.w-col-small-offset-5 {    margin-left: 41.66666667%;  }
.w-col-small-offset-6 {    margin-left: 50%;  }
.w-col-small-offset-7 {    margin-left: 58.33333333%;  }
.w-col-small-offset-8 {    margin-left: 66.66666667%;  }
.w-col-small-offset-9 {    margin-left: 75%;  }
.w-col-small-offset-10 {    margin-left: 83.33333333%;  }
.w-col-small-offset-11 {    margin-left: 91.66666667%;  }
}
@media screen and (max-width: 479px) {
.w-container {    max-width: none;  }
.w-hidden-main {    display: inherit !important;  }
.w-hidden-medium {    display: inherit !important;  }
.w-hidden-small {    display: inherit !important;  }
.w-hidden-tiny {    display: none !important;  }
.w-col {    width: 100%;  }
.w-col-tiny-1 {    width: 8.33333333%;  }
.w-col-tiny-2 {    width: 16.66666667%;  }
.w-col-tiny-3 {    width: 25%;  }
.w-col-tiny-4 {    width: 33.33333333%;  }
.w-col-tiny-5 {    width: 41.66666667%;  }
.w-col-tiny-6 {    width: 50%;  }
.w-col-tiny-7 {    width: 58.33333333%;  }
.w-col-tiny-8 {    width: 66.66666667%;  }
.w-col-tiny-9 {    width: 75%;  }
.w-col-tiny-10 {    width: 83.33333333%;  }
.w-col-tiny-11 {    width: 91.66666667%;  }
.w-col-tiny-12 {    width: 100%;  }
.w-col-tiny-push-1 {    left: 8.33333333%;  }
.w-col-tiny-push-2 {    left: 16.66666667%;  }
.w-col-tiny-push-3 {    left: 25%;  }
.w-col-tiny-push-4 {    left: 33.33333333%;  }
.w-col-tiny-push-5 {    left: 41.66666667%;  }
.w-col-tiny-push-6 {    left: 50%;  }
.w-col-tiny-push-7 {    left: 58.33333333%;  }
.w-col-tiny-push-8 {    left: 66.66666667%;  }
.w-col-tiny-push-9 {    left: 75%;  }
.w-col-tiny-push-10 {    left: 83.33333333%;  }
.w-col-tiny-push-11 {    left: 91.66666667%;  }
.w-col-tiny-pull-1 {    right: 8.33333333%;  }
.w-col-tiny-pull-2 {    right: 16.66666667%;  }
.w-col-tiny-pull-3 {    right: 25%;  }
.w-col-tiny-pull-4 {    right: 33.33333333%;  }
.w-col-tiny-pull-5 {    right: 41.66666667%;  }
.w-col-tiny-pull-6 {    right: 50%;  }
.w-col-tiny-pull-7 {    right: 58.33333333%;  }
.w-col-tiny-pull-8 {    right: 66.66666667%;  }
.w-col-tiny-pull-9 {    right: 75%;  }
.w-col-tiny-pull-10 {    right: 83.33333333%;  }
.w-col-tiny-pull-11 {    right: 91.66666667%;  }
.w-col-tiny-offset-1 {    margin-left: 8.33333333%;  }
.w-col-tiny-offset-2 {    margin-left: 16.66666667%;  }
.w-col-tiny-offset-3 {    margin-left: 25%;  }
.w-col-tiny-offset-4 {    margin-left: 33.33333333%;  }
.w-col-tiny-offset-5 {    margin-left: 41.66666667%;  }
.w-col-tiny-offset-6 {    margin-left: 50%;  }
.w-col-tiny-offset-7 {    margin-left: 58.33333333%;  }
.w-col-tiny-offset-8 {    margin-left: 66.66666667%;  }
.w-col-tiny-offset-9 {    margin-left: 75%;  }
.w-col-tiny-offset-10 {    margin-left: 83.33333333%;  }
.w-col-tiny-offset-11 {    margin-left: 91.66666667%;  }
} body {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-style: normal;
line-height: 1.5;
color: #000;
font-size: 16px;
}
p:last-child {  margin-bottom: 0;}
a { text-decoration: underline;  color: var(--darkgrey)}
a:focus, a:active, a:hover { color:  var(--lightblue);}
p .wpcf7-submit{text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {
display: block;
line-height: 1.25;
font-family: 'Poppins', sans-serif;;
font-weight: 300;
font-style: normal;
margin-bottom: 1rem;
margin-top: 1.5em;
text-transform: none !important;
}
h1:first-child, h2:first-child, h3:first-child {  margin-top: 0;}
h1 {color: var(--darkgrey);font-size: 2rem;line-height: 1.2; }
h2 {  color: var(--darkgrey);  font-size: 1.8rem;  line-height: 1.2;}
h2 span {color:var(--lightgrey)}
@media only screen and (min-width: 768px) { 
h1 {font-size: 3rem;} 
h2 {font-size: 2.5rem; margin: 0;}
}
h3 {font-size: 1.125rem;color: var(--darkgrey); font-weight: 300;}
@media only screen and (min-width: 768px) {  
h3 {    font-size: 1.3rem;  }
}
strong {  font-weight: bold !important;}
em {  font-style: italic;} p{line-height: 1.6rem; text-align: left;}
p:first-child{
margin-top: 0;
}  a.w-inline-block.logo{
color: #000;display: inline-flex; margin-top: .25rem; text-decoration: none;
align-items: center; justify-content: center;}
a.w-inline-block.logo span {
color: var(--darkgrey);
line-height: 1.5rem;
font-weight: 500;
font-size: 1.8rem;
}
@media only screen and (min-width: 1024px) and (max-width: 1178px) {
a.w-inline-block.logo{top: 4rem;}
}
@media only screen and (max-width: 525px){
a.w-inline-block.logo span{font-size: 1.2rem;}
}  footer{
background-color: var(--lightgrey);
color:var(--white);
font-size: .875rem;
line-height: 1.25rem;
}
footer section:first-child{padding:0; background-color: transparent;}
footer ul{
margin:0;
padding:0;
list-style-type: none;
}
footer .widget ul li a {color: var(--darkgrey); font-weight: 400; text-decoration: none;}
footer .widget ul li a:hover {color: var(--lightblue);}
footer p {margin-bottom: 0; line-height: 1.25rem;}
footer .social_icons a{
font-size: 2rem;
padding: 5px;
}
footer .social_icons a:hover{
color: var(--lightgrey)
}
footer .greysection {padding: 2rem 0}
footer .whitesection {padding: 2rem 0 1rem 1rem}
footer .widget-title {
font-size: .875rem; font-weight: 600;
}
.copyright p {font-size: 12px; line-height: 20px; color: var(--darkgrey)}
@media screen and (min-width: 769px) {
footer .greysection {padding: 3rem 0}
footer .whitesection {padding: 3rem 0 3rem 2rem}
} html {  height: 100%;  min-height: 100%;}
body, body * {  box-sizing: border-box;}
body {
position: relative;
text-align: left; 
margin-bottom: 0;
overflow-x: hidden;
background-color: white;
height: 100%;
min-height: 100%;
margin: 0;
width: 100%;
} .whitesection {
background-color: var(--white);
}
.greysection {
background-color: var(--lightgrey); 
}
.darkgreysection {
background-color: var(--darkgrey); 
}
.colorsection {
background-color: var(--darkblue);  color: var(--white)}
#homeServices .w-col-4 {position: relative; overflow: hidden;}
#homeServices .w-col-4:nth-child(1)::before {
background-image: url(//www.southlondonnotaries.com/wp-content/uploads/2024/04/icon-global-300x300.png); 
}
#homeServices .w-col-4:nth-child(2)::before {
background-image: url(//www.southlondonnotaries.com/wp-content/uploads/2024/04/icon-services-300x300.png); 
}
#homeServices .w-col-4:nth-child(3)::before {
background-image: url(//www.southlondonnotaries.com/wp-content/uploads/2024/04/icon-appointment-300x300.png); 
}
#homeServices .w-col-4::before {
content: '';
position: absolute;
top: 1.5rem;
right: -4rem; 
bottom: 0;
width: 200px;
height: 200px;
background-repeat: no-repeat;
background-position: 150% center;
background-size: contain;
opacity: .1;
pointer-events: none;
z-index: 9;
}
#homeServices2 {padding: 4rem 0 !important}
@media screen and (min-width: 768px) {
#homeServices2 .w-row, #homeServices2 .w-col-4 {display: flex;}
}
@media only screen and (max-width: 600px){
#homeServices2 .w-row, #homeServices2 .w-col-4 {display: block;width: 100%;padding-bottom: 1rem;}
}
section.pageHeading {padding: 3rem 0 0}
#contactBox a {color: #fff; font-size: 1.5rem;}
#contactBox a:hover {color:  var(--lightblue)}
.services {
background: #fff; padding: 0 !important
}
.reviews {text-align: center}
.reviews a {margin: 1rem 0}
@media screen and (min-width: 769px) {
#contactBox a {font-size: 1.75rem;}
}
.centered {
display: block;
margin: 0 auto;
float: none;
max-width: 1200px;
}
.left {
display: block;
margin: 0 auto;
float: none;
max-width: 1240px;
}
.centered h1, .centered h2, .centered h3 {
text-align: center;
font-weight: 300;
}
.left h1, .left h2, .left h3 {
text-align: left;
font-weight: 300;
}
@media screen and (max-width: 768px) {
.centeredCol {text-align: center}
}
@media screen and (min-width: 769px) {
.left h1, .left h2, .left h3 {
max-width: 60%;
}
} .banner h2{font-size: 2rem;}
.banner h3.subheading{
font-size: 1.8rem;
font-weight: normal;
color:#FFF;
margin:0;
}
.banner-content{
margin:1rem 0;
font-size: 30px;
max-width: 50%;
text-align: center;
line-height: 1.2;
padding-bottom:2rem;
position: relative;
}
.banner-content::before {
visibility: visible;
width: 30%;
opacity: 1;
background-color:#fff;
bottom: 0;
content: "";
height: 0.18rem;
left: 50%;
position: absolute;
transform: translate(-50%);
transition: all .3s ease-in-out 0s;
}
.banner-content::after {
content: "";
display: block;
height: 10px;
width: 100%;
}
@media screen and (max-width: 640px) {
.banner{padding:1rem 3rem;}
}
@media screen and (max-width: 640px) {
.banner{padding:1rem 3rem;}
.banner h2{line-height: 2.5rem;}
} @media only screen and (max-width: 768px) {
.single_solution{ }	
} .benefit { text-align: center;}
.benefit-12 {  padding-left: 100px;}
.benefit i {  font-size: 2.5rem;  width: 60px;  top: 3rem; text-align: center; transition: 0.3s ease-in-out;}
.benefit-12 i {  top: 3.5rem;  font-size: 3.5rem;}
.benefit h3 {  margin-top: 0.5rem;  margin-bottom: 0.5rem;}
.benefit div{
margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
.benefit{
margin-bottom: 2rem;
}	
} .sideimage {  margin-top: 1rem; background-size:cover; background-position:center;}
.sidelinks {
top: 0;
left: 0;
right: 0;
border-radius: 5px;
background-color: var(--lightblue); 
padding: 1rem;
max-height: 50vh;
margin-bottom: 5rem;
}
.sidelinks::before {
border-radius: 16px;
left: calc(50% - 50px);
height: 100px;
width: 100px;
bottom: -34px;
content: '';
display: block;
background-color: inherit;
border: inherit;
position: absolute;
-webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
transform: rotate(-45deg);
}
.sidelinks h2 {text-align: center !important;}
.sidelinks a {
color: var(--darkgrey);
text-decoration: underline;
font-weight: 500;
}
.sidelinks a:hover {color: var(--white);}
.sidelinks ul {margin: 0; padding: 0}
.sidelinks li {
padding: .75rem 0;
}
.sideForm {
padding: 6rem 4%;
display: flex;
justify-content: center;
flex-direction: column;
}
@media screen and (min-width: 769px) {
.sidelinks {
top: -4rem;
left: 0;
right: -2rem;
padding: 3rem;
max-height: 50vh;
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {  .sideimage {margin-top: 0;}}
@media only screen and (max-width: 991px) {
.sideimage {background-image: none !important}
} .ticks ul{
list-style-type: none;
}
.ticks li:before {    
font-family: "Font Awesome 5 Free";
content: '\f00c';
font-weight: 600;
margin:0 5px 0 -15px;
color: #c80019;
} 
@media only screen and (max-width: 768px) {
.txt .w-col-4{
margin-bottom: 2rem;
}	
} .gallery-header{margin-bottom: 1rem;}
.photo-gallery button.slick-next.slick-arrow{top:10rem;right:-0.8rem; z-index:-999; }
.photo-gallery button.slick-prev.slick-arrow{top:10rem; left:-0.8rem; z-index:-999; }
.photo-gallery .slick-dots{bottom:-50px;} a.sidebar_box {display: block;margin-bottom: 1rem;box-shadow: 0px 12px 24px -12px rgb(45 64 74 / 34%);-webkit-box-shadow: 0px 12px 24px -12px rgb(45 64 74 / 34%);border-radius: 5px;overflow: hidden;}
a.sidebar_box:last-child {  margin-bottom: 0;}
a.sidebar_box h3 {
width: 100%;
color: white;
background-color:#313131;
padding: 0.5rem 20px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 0;
}
.sidebar_box_content {
padding: 20px;
}
.greysection .sidebar_box_content{
background-color: #FFF;
} .responsiveTabs {  display: block;  margin-top: 1rem;}
div.r-tabs .r-tabs-nav .r-tabs-anchor {
padding:10px 5px;
text-align: center;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  border-top-right-radius: 0px;  border-top-left-radius: 0px;}
div.r-tabs {
position: relative;
background: #f5f5f5;
border-top: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
border-radius: 0px;
}
div.r-tabs .r-tabs-panel {
background-color: transparent;
}
div.r-tabs .r-tabs-panel p {
font-size: 1.2rem; line-height: 2rem;
}
div.r-tabs .r-tabs-nav {text-align: center;}
div.r-tabs .r-tabs-nav .r-tabs-tab {  
background-color: #f7f7f7; padding: 0 25px}
div.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
background-color: transparent;
color: #313131;
text-transform: uppercase; 
font-size: 16px;
text-align: center;
position: relative;
}
div.r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {
font-family: "Font Awesome 5 Free";
content: '\f078';
position: absolute;
right: 0;
top: .5rem;
color: #313131;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after, 
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
font-family: "Font Awesome 5 Free";
content: '\f077';
position: absolute;
right: 0;
top: .5rem;
color: #313131;
}
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor,
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  
color: #313131;
background-color: #f7f7f7;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before,
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::before {
visibility: visible;
width: 15%;
opacity: 1;
background-color:#313131;
bottom: 0;
content: "";
height: 0.18rem;
left: 50%;
position: absolute;
transform: translate(-50%);
transition: all .3s ease-in-out 0s;
}
.tabContentRight {
background-color: #fff;
padding: 2rem;
}
.tabContentRight .tab-content {}
@media screen and (min-width: 768px) {
div.r-tabs .r-tabs-panel {padding: 3rem;}
.tabContentRight {padding: 3rem}
div.r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {display: none;}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::after,
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after {
content: "";
display: block;
height: 10px;
width: 100%;
}
}
@media screen and (min-width: 991px) {
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before,
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::before {width: 40%}
.tabContentRight {min-height: 28.5rem;}
}
@media screen and (min-width: 1025px) {
div.r-tabs .r-tabs-nav .r-tabs-tab {padding: 0 35px}
} .features {
text-align: left;
margin: 0;
list-style: none;
padding-left: 0;
}
.features li {  position: relative;  padding-left: 2rem;}
.features li:before {
font-family: "Font Awesome 5 Free";
content: '\f00c';
position: absolute;
left: 0;
top: 0;
color: #313131;
} .pf_title{
text-align: center;
margin-bottom:40px;
}
.examples {
margin-top: 2rem;
}
.example_container {margin-bottom: 2rem;position: relative;}
.examples .slick-dots {  bottom: -2rem;  text-align: center;  padding: 0 20px 0 0;}
.examples .slick-dots li button:before {  color: #313131;  opacity: 1;  font-size: 1rem;}
.examples .slick-dots li.slick-active button:before { color: #313131;} .grid_single {
display: block;
margin-bottom: 1rem;
text-align: center;
}
.grid_image_wrap {
position: relative;
overflow: hidden;
margin-top: 1rem;
}
.grid_single img {
display: block;
width: 100%;
height: auto;
margin-bottom: 0.5rem;
transition: 0.5s;
}
.grid_single:hover img {
transform: scale(1.05);
opacity: .8;
}
.gridtitle {font-size: 1.3rem;} .testimonial p{
margin: 0;
}
.clientname {
display: inline-block;
color: #313131;
margin-top: 0;
text-align: left;
width: 100%;
text-align: center;
color: #FFF;
font-size: 1rem;
margin-bottom: 2rem;
}
.greysection .testimonial{
background-color: #FFF;
}
#testimonials-owners .testimonial h3 {
font-size: 1.65rem; 
text-align: center;
margin-top: 2rem;
}
#testimonials-owners .testimonial p {
margin-bottom: 2rem;
text-align: center;
}
#testimonials-owners .testimonial a {
text-decoration: none;
font-size: 1.25rem;
}
#testimonials-owners .testimonial img {
margin-bottom: 3rem;
}
@media only screen and (max-width: 640px) {	
.testimonial{padding:0px 10px;}
#testimonials-owners .testimonial img {
margin-left: auto; margin-right: auto;
}
}
.testimonial br {
display: block;
margin: 1rem 0;
content: "";
} .single_resource{
padding: 20px;
box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 12px 24px -12px rgb(72 95 104 / 20%);
}
.whitesection .single_resource{
background-color: #f2fbff;
border: 1px solid #ddd;
}
.greysection .single_resource,
.colorsection .single_resource{
background-color: #FFF;
}
.cta, input[type="submit"], header .cta_container a {
display: block;
background-color: #313131;
color: white;
padding: 0.75rem 20px;
border: none;
text-align: center;
transition: 0.5s;
}
.cta:visited, input[type="submit"]:visited, header .cta_container a:visited {color:  var(--lightblue);}
.cta:focus, input[type="submit"]:focus, header .cta_container a:focus {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  color: white;}
.cta:active, input[type="submit"]:active, header .cta_container a:active {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  background-color: #302956;}
@media only screen and (min-width: 768px) {  .cta, input[type="submit"], header .cta_container a {    display: inline-block;    padding: 0.5rem 20px; }} .solutions {  text-align: left;}
.solution_container {  margin-bottom: 1rem;}
.solution_container .solution {  margin-bottom: 0;}
a.solution, .blog-teaser h3 a {text-decoration: none}
a.solution:hover h3, .blog-teaser:hover h3 a {text-decoration: underline; color: var(--darkgrey);}
a.solution h3, a.solution p, .blog-teaser .blogMeta,
.blog-teaser h3, .blog-teaser p {padding: 0 .5rem}
a.solution p:last-child, .blog-teaser p:last-child {padding-bottom: 2rem;}
.readmore {
display: inline-block;
font-size: 1rem;
background-color: #063567;
color: #fff !important;
padding: .75rem 2rem; 
border-radius: 5px;
}
.readmore:hover {
background-color:  var(--lightblue);
}
.blogWrap {
padding: 3rem;
}
.blogWrap .w-col-4 {
padding: 0; border: 1px solid var(--lightgrey);
}
.blogWrap .w-col-4:hover {
border: 1px solid var(--darkgrey);
}
.blogSlider .wp-spaios-content-wrp {
position: absolute; bottom: 0; 
background-color: var(--white);
padding: 0 2rem 1rem .5rem; 
}
.blogSlider .wp-spaios-slider-wrap .wp-spaios-title {
font-size: 1.25rem !important; text-align: left;
}
.blogSlider a {text-decoration: none;}
.blogSlider a:hover {color: var(--darkgrey); text-decoration: underline;}
.blogSlider .swiper-button-next:after, .blogSlider .swiper-button-prev:after {color: var(--white);}
.blogMeta {font-size: .8rem; font-weight: 600;}
.blogCat {padding: 3rem;}
.blogCat .centered {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.blogCat .centered select {
height: 3rem;
padding: .5rem 6rem .5rem 1rem;
border-radius: 2px;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.blogCat .selectWrap {
position: relative; 
}
.blogCat .selectWrap::after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 48px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
background-color: var(--lightblue);
background-image: url(//www.southlondonnotaries.com/wp-content/themes/mintcake-flexible/images/icon-arrow-dark.svg);
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
pointer-events: none;
}
.blogCat h1, .blogCat h2, .blogCat h3, .blogCat h4 {
color: var(--white); text-align: center !important;
}
.blogCat h4 {
padding-bottom: 1rem;
}
.single .singleBlog {
padding: 1rem 0;
}
.single .singleBlogHeader {
padding: 2rem 0 1rem;
border-bottom: 2px solid var(--lightgrey);
margin-bottom: 2rem;
}
.single .content-area h1, .single .content-area h2, 
.single .content-area h3, .single .content-area h4, 
.single .content-area p {
text-align: left !important;
}
.single .content-area h1, .single .singleCat {
padding-left: .5rem;
}
.single .singleBlogMeta {
display: block;
}
.single .singleBlogMeta span {
padding-top: .3rem;
}
.single .singleCat a {
text-transform: uppercase; font-weight: 600;
color: var(--darkblue); text-decoration: none;
}
.single .singleCat a:hover {
text-decoration: underline;
}
.single .shareIcons {
list-style: none; padding-top: .5rem;
padding-left: 0; margin-left: 0;
}
.single .shareIcons li {
display: inline-block;
background-color: var(--lightblue);
padding: .5rem; margin: 0 .25rem;
}
.single .shareIcons li:hover {
background-color: var(--darkblue);
}
.single .shareIcons .icon img {
width: 1.15rem;
}
.single .contact-form-section h1,
.single .contact-form-section h2{
text-align: center !important;
width: 100%;
margin-bottom: 2rem;
color: var(--white);
}
.single .singleRelated {
padding: 1rem 0 1rem;
border-top: 2px solid var(--lightgrey);
margin-bottom: 1rem;
}
.single .singleRelated h2 {
padding-bottom: 2rem;
}
.single_sol_img {
display: block;
margin: auto;
width: 5rem;
margin-top: 2rem;
}
.single_service_img {
display: block;
margin: auto;
width: 100%;
}
h3.single_sol_h3 {
font-size: 1.5rem;
line-height: 1.2;
margin-top: 2rem;
}
.single_solution p 	{  margin-top: 0; font-size: .8rem;}
.single_service p 	{  font-size: .8rem; color: #fff; text-align: center; padding: 1.5rem 0}
@media only screen and (min-width: 769px) {
a.solution h3, a.solution p, .blog-teaser .blogMeta,
.blog-teaser h3, .blog-teaser p {padding: 0 1.5rem}
.single_solution {
padding: 1.5rem 2rem !important;
}
.single_solution p  {
max-width: 60%
}
.single .singleBlog {
padding: 3rem 0;
}
.single .singleBlogMeta {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.single .singleBlogMeta .w-col:nth-child(2) {
display: inline-flex;
justify-content: flex-end;
}
.single .shareIcons {
padding-left: 1rem; padding-top: 0;
}
.single .singleRelated {
padding: 2rem 0 1rem;
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 1025px) {
.blogWrap .w-col-4 {
max-width: 30.333333%;
margin: 0 1rem; 
}
} .slider-nav {  display: none;}
@media only screen and (min-width: 768px) {
.slider-nav {
display: block;
z-index: 100;
}
}
.slider-nav-link {  padding: 10px;  outline: none !important;  cursor: pointer;}
.slider_nav_link_internal {
text-align: center;
background-color: #e1e1e1;
padding: 20px;
}
.slick-slide:not(.slick-current) {opacity: .6;}
.slick-current {opacity: 1}
.slick-current .slider_nav_link_internal {  background-color: #313131;  color: white;}
.slider-nav-link i {  display: block;  font-size: 1.5rem;}
.slider-for {  background-color: white;} .feature_slide {  padding: 3rem 20px;}
.slideimage {  width: 60%;  display: block;  margin: 1rem auto 0;}
.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300; top: 60% !important}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #313131;  font-size: 2rem;}
.slider-for .slick-prev {  left: 5% !important; right: auto !important}
.slider-for .slick-next {  right: 5% !important; left: auto !important}
@media only screen and (min-width: 768px) {
.feature_slide {    padding: 5rem 20px 3rem;  }
}
.slideimage {
width: 60%;
display: block;
margin: 1rem auto 0;
}
@media only screen and (min-width: 768px) {
.slideimage {
width: 100%;
margin: 0;
}
}
.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #313131;  font-size: 2rem;}
.slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}
@media only screen and (max-width: 680px) {
.feature_title{display: none;}
} div.matrixwrapper {  position: relative;}
div.matrix {
width: 100%;
overflow-x: scroll;
padding-left: 200px;
overflow-y: visible;
padding-bottom: 1px;
padding-top: 1rem;
}
@media only screen and (min-width: 768px) {
div.matrix {
overflow: auto;
}
}
div.matrix table {
border-collapse: collapse;
width: 100%;
min-width: 650px;
}
div.matrix td, div.matrix th {
margin: 0;
border: 1px solid #e1e1e1;
white-space: nowrap;
padding: 5px 10px;
text-align: center;
font-size: 0.875rem;
line-height: 1rem;
}
div.matrix th {
color: white;
padding: 1rem 10px;
font-size: 1.25rem;
}
div.matrix th.purple {
background-color: #555;
border: 1px solid #555;
}
div.matrix th.red {
background-color: #313131;
border: 1px solid #313131;
}
div.matrix th.green {
background-color: #1abc9c;
border: 1px solid #1abc9c;
}
div.matrix td.purple {
background-color: #f5f4f6;
border: 1px solid #d9d4db;
}
div.matrix td.red {
background-color: #f8f6fb;
border: 1px solid #e7dbf2;
}
div.matrix td.green {
background-color: #f4f8f8;
border: 1px solid #d5e3e3;
}
div.matrix .headcol {
position: absolute;
width: 200px;
left: 0;
top: auto;
background-color: white;
z-index: 10;
text-align: left;
font-size: 1rem;
}
div.matrix .headcol.empty {
border-top: 1px solid white;
border-left: 1px solid white;
}
div.matrix tr:nth-child(even) .headcol {  background-color: #f5f5f5;}
div.matrix .fa-times {  color: #b7b7b7;}
div.matrix .fa-check {  color: #59918f;}
@media only screen and (max-width: 680px) {
.headcol{display: inline-block;}
} section.googlemap{
padding:0;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
} .acf-map img {
max-width: inherit !important;
} .sample-pack{
background-color: #313131;
overflow: hidden;
}
.sample-content h2{
color:#FFF;
}
.sample-content{
color:#FFF;
padding:40px;
}
.sample-image{
position: relative;
display: block;
}
.sample-image img{
position: absolute;
top: 0;
left:-10px;
}
.sample-content a.readmore{
background-color:#FFF;
display:inline-block;
padding:10px 20px;
}
@media only screen and (max-width: 780px) {
.sample-image{
display: none;
}
} a.anchor .fa{
color: white;
font-size: 2em;
margin-top: 2em;
cursor: pointer;
}
.slider-section{padding:0;}
.gen_slider.slider{
height:500px;
padding:5rem 0;
}
.gen_slider .centered{margin-top: 9rem;}
.gen_slider h1{color:white; margin-bottom:2rem;font-weight: bold; }
.gen_slider h2{color:white; margin:0; font-weight: normal; font-size: 2rem; }
.slider-section ul.slick-dots{bottom:0;}
.slider-section .slick-dots li button:before,
.slider-section .slick-dots li.slick-active button:before{color:white;}
.slider-section .slick-dotted.slick-slider{margin-bottom: 0;}
.slider-section button.slick-next.slick-arrow{right:25px;}
.slider-section button.slick-prev.slick-arrow {left:25px; z-index: 50;}
.slider-section .slide {padding: 0;}
.slide_link{
background-color: #46cfd4;
padding: 10px 20px;
margin-top: 10px;
border-radius: 5px;
transition: 0.5s;
color:white;
font-size:1.1rem;
}
.slide_link:hover{
color:white;
background-color: #29b2b7;
}
.slide_link:visited{color:#fff;}
.slider-content{margin-bottom: 1rem; color:white}
.slider-content p{margin-top:1rem;}
.slider-section .slide{
height: 70vh;
padding:3rem 0;
}
.slide_content h2{
color:#fff;
display: inline-block;
padding: 10px 20px;
font-size: 1.5rem;
margin:0;
text-shadow: 2px 2px #000;
}
.slider_text{
display: block;
margin: 0 0 1rem;
}
img.slide_image{
margin:0 auto;
}
.message{
color:#fff;
display: inline-block;
padding:5px 10px;
font-size: 1rem;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 2px 2px #000;
}
.slick-prev, .slick-next{
z-index: 1;
}
.slider-section button.slick-next.slick-arrow {right: 3%; top: 75%; left: auto}
.slider-section button.slick-prev.slick-arrow {left: 3%; top: 75%; right: auto}
@media only screen and (max-width: 768px) {
.slide_content{
margin-right: 1rem;
}
}
@media only screen and (max-width: 480px) {
.slide_content{
margin: 0 2rem;
}
}
@media only screen and (min-width: 769px) {
.slide_content h2{
font-size: 2rem;
}
.message{
font-size: 1.3rem;
}
} .table-container table th{
border:1px solid #313131;
padding:10px;
text-align: center;
background-color: #313131;
color:#FFF;
}
.table-container table td{
border:1px solid #313131;
padding:10px;
text-align: center;
}
.greysection .table-container table tr{
background-color: #FFF;
}
.table-container table tr:nth-child(even),
.greysectoin .table-container table tr:nth-child(even){
background-color: #f1ebff;
} .faq-question {
margin-bottom: 1rem;
border-bottom: 1px solid var(--white)
}
.faq-question:nth-child(1) {
border-top: 1px solid var(--white)
}
.faq-question .entry-content{
display: none;
margin:0;
background-color:#FFF;
padding: 1.5rem 0;
padding-top:0;
}
.faq-question .entry-content ul{
margin:0;
text-align:left;
}
.faq-question h3{
background-color:#FFF;
margin:0;
padding:1.5rem 0;
position: relative;
cursor: pointer;
}
.darkgreysection .faq-question * {
background-color: transparent;
color: var(--white)
}
.colorsection .faq-question * {
background-color: #063567;
}
.darkgreysection h1, .darkgreysection h2 {
color: var(--white); text-align: left;
padding: 0 0 1rem;
}
.whitesection .faq-question h3{
background-color: var(--darkblue); 
color: var(--white)
}
.whitesection .faq-question .entry-content{
background-color:#f7f7f7;
padding-top:1rem;
}
.faq-question h3:after{
content:'\f078';
font-family: "Font Awesome 5 Free";
font-weight: 600;
position:absolute;
right:20px;
}
.faq-question h3.open:after{
content:'\f106';
font-family: "Font Awesome 5 Free";
font-weight: 600;
}  .whitesection#contact input, .whitesection#contact textarea, .greysection#contact input, .greysection#contact textarea{
background-color: transparent;
border:2px solid #888;
color:#888;
padding:0.5rem;
font-family: inherit;
border-radius: 0px;
}
.whitesection#contact form p, .greysection#contact form p{margin:1rem 0;}
.whitesection#contact textarea, .greysection#contact textarea{margin-bottom: 0;}
.whitesection#contact input.wpcf7-submit, .greysection#contact input.wpcf7-submit{padding:1rem 2rem; background-color: #313131; color:#FFF; font-size: 1.2rem;     border:none}
.whitesection#contact input.wpcf7-submit:hover, .greysection#contact input.wpcf7-submit:hover{background-color: #302956; color:#FFF;}
.whitesection#contact span.wpcf7-form-control-wrap, .greysection#contact span.wpcf7-form-control-wrap {color:#888;} #contact input, #contact textarea{
background-color: transparent;
border:2px solid #FFF;
color:white;
padding:0.5rem;
font-family: inherit;
border-radius: 0px;
}
#contact form p{margin:1rem 0;}
#contact textarea{margin-bottom: 0;}
#contact input.wpcf7-submit{padding:1rem 2rem; background-color: #FFF; color:#313131; font-size: 1.2rem;}
#contact input.wpcf7-submit:hover{background-color: transparent; color:#FFF;}
#contact span.wpcf7-form-control-wrap {color:#FFF;} #contact span input::-webkit-input-placeholder,#contact span input::-moz-placeholder,
#contact span input:-moz-placeholder,#contact span input:-ms-input-placeholder,
#contact span input:placeholder-shown{color:#FFF;}
#contact textarea::-webkit-input-placeholder,#contact textarea::-moz-placeholder,
#contact textarea:-ms-input-placeholder,#contact textarea:-moz-placeholder,
#contact textarea:placeholder-shown{color:#FFF;}
.wpcf7-form h1, .wpcf7-form h2,.pims_search h1, .pims_search h2 {font-size: 2rem; margin-bottom: 1rem}
#section-2 .subheading {display: none;}
@media only screen and (min-width: 768px) {
body {    text-align: left;  }
} section {
position: relative;
padding: 3rem 0;
}  .w-row.overflow, .w-container.overflow {  overflow: visible !important;} @media only screen and (max-width: 991px) {
.main-navigation{display: none;}
}
.mobile_button {
position: absolute;
top: 0px;
right: 5px;
padding: 10px 12px;
color: #000;
font-size: 50px;
opacity: 1;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 1.5rem;
z-index: 999;
}
@media only screen and (min-width: 991px) {  .mobile_button {    display: none;  }}
.mobile_button.fa-close {
color: #000;
top: 0;
font-size:2rem;
cursor: pointer;
}
header#masthead.mini-header .mobile_button {color:  var(--lightblue);}
#mobile_nav {  display: none;}
#masthead i.fa-close, #masthead i.fa-bars {  display: none;}
@media screen and (max-width: 991px) {
#mobile-menu{
margin-top: 4rem;
}
#mobile_nav {
display: block;
position: fixed;
right: 0;
top: 0;
height: 100vh;
z-index: 20;
-webkit-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
width: 250px;
transition: 1s ease;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
z-index: 9999999;
background-color: var(--white); 
}
#mobile_nav.notvisible {
transform: translateX(320px);
-webkit-transform: translateX(320px);
-moz-transform: translateX(320px);
}
div#cart-head {
display: inline-block;
background-color: #f5f5f5;
}
.mobile_icons {
padding-left: 10px;
padding-top: 3rem;
display: block;
background-color: #f5f5f5;
}
.mobile_icons i {
font-size: 1.25rem;
padding: 10px;
cursor: pointer;
}
.mobile_icons, .searchicon {    color: #00A0DF;  }
#mobile_nav .search_form {
display: block;
padding: 0.5rem 20px;
background-color: #f5f5f5;
margin-right: 0;
position: relative;
height: auto;
display: none;
}
#mobile_nav .search_form .search_field {    width: 100%;  }
#mobile_nav form input.searchicon {
margin-right: 15px;
margin-top: 0.25rem;
}
#mobile_nav ul {
list-style: none;
padding: 3rem 0 0.5rem;
margin: 0;
font-size: 1.125rem;
}
#mobile_nav ul ul {
padding: 0;
}
#mobile_nav ul li a {
color: #000;
padding: 0.25rem 20px;
display: block;
text-align: left;
text-transform: uppercase; 
font-size: 14px;
text-decoration: none;
}
#mobile_nav #mobile_products_links {
position: absolute;
top:3.5rem;
padding-top: 0.5rem;
font-size: 1rem;
opacity: 0.85;
padding-bottom: 3rem;
}
#mobile_nav #mobile_products_links li a {    color: white;  }
#masthead i.fa-bars {
position: relative;
top: auto;
right: auto;
left: auto;
display: block;
cursor: pointer;
font-size: 28px;
color:  var(--lightblue);
transition: 1s ease;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
opacity: 1;
margin-top: .5rem;
}
.home #masthead i.fa-bars {color: #002654;}
#masthead i.fa-close.notvisible {
margin-right: -60px;
opacity: 0;
-webkit-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform:rotate(180deg);
}
#masthead i.fa-bars.notvisible {
margin-right: 60px;
opacity: 0;
-webkit-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform:rotate(-180deg);
} #mobile-menu li,
#mobile_nav #menu-primary li{
background-color: var(--white)
}
#mobile-menu li:hover,
#mobile_nav #menu-primary li:hover {
background-color: var(--lightblue)
}
#mobile-menu li:hover a,
#mobile_nav #menu-primary li:hover a {
color: var(--white)
}
#mobile-menu li a, #mobile_nav #menu-primary li a{
padding:10px 15px;
line-height: 2rem;
}
#mobile-menu li.menu-item-has-children, #mobile_nav #menu-primary li.menu-item-has-children{
position: relative;
transition: 0.2s;
}
#mobile-menu li.menu-item-has-children:after, #mobile_nav #menu-primary li.menu-item-has-children:after{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f077';
display: block;
position: absolute;
right: 10px;
top: -4px;
padding: 10px 10px 10px 40px;
cursor: pointer;
transition: 0.3s;
color:var(--darkgrey);
font-size: 1rem;
display: block;
z-index:999999;
}
#mobile-menu li.active-parent:after, #mobile_nav #menu-primary li.active-parent:after{
transform: translateX(30px) rotate(180deg);
-webkit-transform: translateX(30px) rotate(180deg) ;
-ms-transform: translateX(30px) rotate(180deg) ;
-moz-transform: translateX(30px) rotate(180deg);
-o-transform: translateX(30px) rotate(180deg) ;
color: var(--white);
}
#mobile-menu li.active-parent,
#mobile_nav #menu-primary li.active-parent{
background-color: var(--lightblue)
}
#mobile-menu li.active-parent a,
#mobile_nav #menu-primary li.active-parent a{
color: var(--white)
}
#menu-mobile-menu ul.sub-menu,
#mobile_nav #menu-primary ul.sub-menu{
background-color: var(--darkgrey);
padding: 0;
}
#mobile-menu ul.sub-menu li,
#mobile_nav #menu-primary ul.sub-menu li{
overflow: hidden;
display: none;
transition: 0.3s;
background-color: transparent;
}
#mobile-menu ul.sub-menu li a,
#mobile_nav #menu-primary ul.sub-menu li a{
color:var(--white);
font-size: .8rem;
padding: 5px 20px;
}
#mobile-menu ul.sub-menu.active li,
#mobile_nav #menu-primary ul.sub-menu.active li{
display: block;
}
} .blog-box{	background-color: #FFF;}
h2.entry-title{font-size: 1.5rem;margin-bottom: 1rem;text-align: left;}
.entry-meta{margin-bottom: 1em;}
a.blog-link{background-color: #663300; padding:10px 15px; color:white; border-radius: 5px; margin-top: 1rem;}
a.blog-link:hover{background-color: #663300;}
.blog-teaser{padding: 15px 0;margin-bottom: 22px;}
#categories-2 ul{margin-left:1rem; padding:0; list-style-type:none;}
#archives-3 ul{margin-left:1rem; padding:0; list-style-type:none;}
.widget-area section{padding-bottom:2rem;}
.post-sidebar{margin-top: 5rem;}
.blog-header h1{
display: block;
width: 100%;
max-width: 1000px;
margin: auto;
text-align: left !important;
color: #FFF;
}
.blog-header img {width: 100%;} .widget ul {list-style: none; margin-left: 0; padding-left: 1rem;}
section.widget{padding:1rem;} section.removepadding{
padding-top: 0;
}
section.pt-3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
section.portfolio{
padding-top: 3rem;
}
header{
position: fixed;
width:100%;
top:0;
left:0;
z-index: 999;
transition:0.2s;
padding: 0;
background-color: #fff;
}
#content header {
position: relative;
box-shadow: none;
z-index: 1;
}
#container-header{
display:flex;
line-height: 2.5;
justify-content: space-between;
}
#container-header-top {
display: flex;
}
#container-header-top .navbar {
display: none;
}
.header-top {
max-width: 100%;
background-color: var(--darkgrey);
min-height: 35px;
}
.top-navigation a, .top-navigation a:visited {
color: #fff
}
.top-navigation a:hover {
color:  var(--lightblue);
}
.top-navigation .sub-menu a, .top-navigation .sub-menu a:visited {
color: var(--darkgrey)
}
.top-navigation .sub-menu a:hover {
color:  var(--lightblue);
}
.logo img {height: 4rem;}
@media screen and (min-width: 769px) {
section.pt-3 {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media screen and (min-width: 991px) {
#container-header-top .navbar {display: block}
}
@media screen and (min-width: 1025px) {
#container-header{
align-items:center;
justify-content: space-between;
}
}
@media screen and (min-width: 1180px) {
.logo img {height: 10rem}
#container-header{
line-height: 3.5;
}
}
#primary-menu {padding-top: 1rem;}
.main-navigation a {margin-top: .5rem}
.main-navigation a,
.main-navigation a:visited {
font-size: 14px;
padding: 0 20px;
}
.top-navigation a {
font-size: 11px;
padding:5px 8px;
}
.top-navigation .sub-menu a {
font-size: 11px;
padding:0 10px;
line-height: 2.1rem;
}
.main-navigation a:hover {
color:  var(--lightblue);
}
header.mini-header{
background-color: #FFF;
}
@media screen and (min-width: 1199px) {
.top-navigation a {
font-size: 12px;
padding: 10px 20px;
}
.top-navigation ul ul {
margin-top:2rem;
}
.top-navigation .sub-menu a {
font-size: 12px;
padding:5px 15px;
line-height: 2.5rem;
}	
}
.video_banner{
padding:0;
overflow: hidden;
height:500px;
}
.home .video_banner{
height: 100vh;
}
.video-overlay{
position: absolute;
top:0;
right:0;
width:100%;
height:100%;
display:flex;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.3);
flex-direction: column;
}
.video-overlay h1,.video-overlay h2{
color:#FFF;
font-family: 'Poppins', sans-serif;;
font-weight: 400;
font-style: normal;
font-size: 4.2rem;
text-align: center;
max-width:1000px;
text-shadow: 2px 2px #000;
margin-top: 2rem;
}
.home .video-overlay h2{
color:#FFF;
font-family: 'Poppins', sans-serif;;
font-weight: 300;
font-style: normal;
font-size: 94px;
text-align: center;
max-width:800px;
}
.archive .video-overlay h1{
margin: 0.5rem 0 0.2rem;
}
.archive .video-overlay h2{
margin:0;
font-size:1.2rem;
}
.video-overlay i {
position: absolute;
bottom:5rem;
left:49%;
color: #FFF;
font-size: 3rem;
}
.video-overlay img{
max-width: 800px;
}
.home-logo{
display:none;
}
.home .logo img{
display:none;
}
.home img.home-logo{
display:block;
}
.home .mini-header .logo img{
display:block;
}
.home .mini-header img.home-logo{
display: none;
} .mini-header .main-navigation a,
.mini-header .main-navigation a:visited{
color:#002654;
}
h1,h2{
text-align: center;
text-transform: uppercase;
margin-bottom: 0.5rem;
margin-top:
}
#content header h1 {
text-align: left;
font-size: 2.5rem;
}
.image-container{
position: relative;
margin-bottom: .75rem;
}
.portfolio .image-container {
width: auto;
}
.image-container img{
display:block;
}
a.overlay{
position: absolute;
top:0;
right:0;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
display:flex;
justify-content: center;
align-items: center;
color:#FFF;
text-transform: uppercase;
font-weight: 600;
opacity:0;
transition: 0.2s;
font-size:1.5rem;
}
.slick-prev, .slick-next{
top:50%;
margin:0;
}
.slick .slick-prev{
right: 135px;
top: -40px;
width: auto;
height: auto;
}
.slick .slick-next{
left: 146px;
top: -40px;
width: auto;
height: auto;
}
.slick .slick-prev:before,
.slick .slick-next:before{
text-shadow: none;
color:#000;
}
.slick .slick-prev:before{
content:'\f060';
font-family: 'Fontawesome';
}
.slick .slick-next:before{
content:'\f061';
font-family: 'Fontawesome';
}
.sliderContent {
width: 100%; height: 100%; display: grid;
}
.sliderContent:before {
position: absolute; top: 0; bottom: 0; left: 0; 
background: rgba(0, 0, 0, .25); height: 100%; width: 100%;
}
.slider_counter {
position: absolute;
bottom: 12%;
right: 4%;
background: rgba(255,255,255,.75);
color: #000;
padding: 1rem;
border-radius: 15px;
}
.image-container:hover .overlay{
opacity:1;
}
h3.subheading{
margin-top:0;
font-weight:300;
text-align: center;
}
@media screen and (min-width: 992px) {
.slider_counter {
bottom: 13%;
right: 30%;
}
}
footer ul,
footer .widget ul{
margin:0;
padding:0;
}
footer h3{
color: var(--darkgrey);
text-transform: uppercase;
font-size: 1.2rem;
}
footer a{
color:var(--darkgrey); overflow-wrap: break-word;
}
a.cta{
background-color: transparent;
border-bottom:2px solid  var(--lightblue);
color: var(--lightblue);
padding:5px 0;
text-decoration: none;
}
a.cta:hover{
background-color: transparent;
color: var(--lightblue);
}
.banner a.cta{
background-color:  var(--lightblue);
color:#FFF;
border-radius: 50px;
text-transform: uppercase;
padding:10px 20px;
border:none;
}
section.testimonials{
padding:0;
}
section.testimonials .w-row{
display:flex;
justify-content: center;
align-items: center;
}
section.testimonials .w-col{
flex-grow:1;
padding: 3rem 0;
min-height: 450px;
}
.test-centered{
display:flex;
align-items: center;
justify-content: center;
padding: 0 40px;
position:relative;
}
.slick-slide.testimonial{
text-transform: uppercase;
padding: 0 130px;
font-size: 1.5rem;
min-height: 300px;
}
.slick-slide.testimonial .content {
align-items: center;
justify-content: center;
flex-direction: row;
}
.test-centered .slick-dots li button:before{
display:none;
}
.test-centered .slick-dots li button{
display:none;
}
.test-centered .slick-dots li{
background-color: #FFF;
width:100%;
margin:0;
opacity:0.5;
height:2px;
}
.test-centered .slick-dots li.slick-active{
opacity:1;
}
.test-centered .slick-dots{
display:flex!important;
justify-content: center;
margin:0;
left:0;
padding:0 40px;
}
.test-centered .slick-next{
right:50px;
margin:0;
top:60%;
width: auto;
height: auto;
}
.test-centered .slick-prev{
left:50px;
margin:0;
top: 60%;
width: auto;
height: auto;
}
.test-centered .slick-prev:before{
font-family:'Fontawesome';
content:'\f060';
color:#FFF;
opacity: 1;
font-size:2rem;
}
.test-centered .slick-next:before{
font-family:'Fontawesome';
content:'\f061';
color:#FFF;
opacity: 1;
font-size:2rem;
}
a.social_link,
a.social_link:visited{
color: var(--lightblue);
font-size:1.5rem;
padding:10px;
display: inline-block;
}
a.social_link:hover {
color:#063567;
}
.single_solution{
background: var(--white);
padding: 1.5rem 1rem;
border-radius: 5px;
border-bottom: 4px solid var(--lightblue);
position: relative;
}
.single_service {
background-color: #282e34;
position: relative;
}
.single_service_content {
padding: 1.5rem 2.5rem;
text-align: center;
}
.single_service .cta.rounded:hover {
color: var(--lightblue);
}
.logo-gallery{
display:flex;
justify-content: center;
}
#content{
padding-top: 8rem;
}
.page-template-default #content{
padding-top: 12rem;
padding-bottom: 3rem;
}
.page-template-pimssearch #content{
padding-top: 8.7rem;
padding-bottom: 3rem;
}
.single-properties #content{
padding-top: 8.6rem;
}
.archive #content{
padding-top:8.7rem;
}
.error404 #content {
padding-top: 7.5rem;
}
@media screen and (min-width: 1025px) {
#content{
padding-top: 12rem;
}
}
@media screen and (max-width: 991px) {
.page-template-default #content{
padding-top: 10rem;
padding-bottom: 3rem;
}
.page-template-pimssearch #content{
padding-top: 6rem;
padding-bottom: 3rem;
}
.single-properties #content{
padding-top: 6.6rem;
}
.single-properties #main .w-container{
max-width:880px;
}
.archive #content{
padding-top:6.7rem;
}	
.single_service_content {
padding: 1.5rem;
}
}
#related .example_container{
padding: 0;
}
.description{
margin:1rem 0 0;
text-align: left;
}
.shortdesc{
color: #666;
font-weight: bold;
}
h3.address{
font-size:1.8rem;
margin-top:0;
color: #797979;
}
h3.label{
margin-top:1rem;
}
.lightbox{
display:none;
}
#portfolio_filter{
display: flex;
justify-content: center;
list-style-type: none;
padding:0;
margin:0;
margin-bottom: 2rem;
}
#portfolio_filter li{
padding:0 10px;
cursor: pointer;
text-transform: uppercase;
border-bottom:3px solid transparent;
}
#portfolio_filter li.active{
border-bottom:3px solid  var(--lightblue);
color: var(--lightblue);
}
.banner{
min-height:300px;
}
.banner h1{
color:#FFF;
}
.cta.rounded{
background-color: var(--lightblue);
color:#000;
padding:10px;
border-radius: 5px;
border:2px solid  var(--lightblue);
transition: 0.2s;
font-weight: 600;
font-size: .85rem;
}
.cta.rounded:hover{
border:2px solid  var(--lightblue);
color:#000;
}
.img-w-txt{
padding:0;
}
.img-txt-flex, .form-txt-flex{
display: flex;
}
.img-txt-flex .sidetext, .form-txt-flex .sidetext {
padding: 4rem 7%;
display: flex;
justify-content: center;
flex-direction: column;
}
.img-txt-flex .sidetext ul {
margin: 0; padding: 0; 
list-style: none;
}
.img-txt-flex .sidetext ul li {
position: relative;
padding: 0 0 .4rem 2rem;
text-align: left;
}
.img-txt-flex .sidetext ul li::before {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background-image: url(//www.southlondonnotaries.com/wp-content/themes/mintcake-flexible/images/icon-mark.png);
background-repeat: no-repeat;
background-size: contain;
}
.img-txt-flex .button-row{
display:flex;
column-gap: 30px;
align-items: flex-start;
height: auto;
min-height: auto;
width: 100%;
margin-top: 3rem;
}
section.usp-slider{
padding:2rem 0;
}
.testimonial h4{
margin-top:0;
}
.img-txt-flex h1,
.img-txt-flex h2{
text-align:left;
font-size: 2.5rem;
line-height: 3.25rem;
font-weight: 300;
}
@media screen and (min-width: 769px) {
.img-txt-flex div, .form-txt-flex {
min-height:25vh;
}
.img-txt-flex div{
min-height:300px;
}
.cta.rounded{
padding:10px 20px;
font-size: 1rem;
}
}
section.usp-slider .test-centered .slick-dots{padding: 0 20%;}
section.grid .w-col{
padding:0 20px;
}
.singl-col{
min-height:400px;
}
.home .singl-col h2{
margin-bottom: 1rem;
font-size: 45px;
color:#000;
}
.header-video{
height:100vh;
}
#bg-video{
width: 100%;
height:100%;
object-fit: cover;
}
.contact-form-section ul {
margin:0;
padding:0;
list-style:none;
font-size: 25px;
margin-bottom: 1rem;
}
.contact-form-section ul li{
padding:5px 0;
}
.contact-form-section ul i{
font-size:2rem;
color: var(--lightblue);
margin-right:10px;
}
.contact-form-section h1,
.contact-form-section h2{
text-align: center;
width: 100%;
margin-bottom: 2rem;
color: var(--white);
}
.contact-form-section .sideForm h3 {
border-bottom: 1px solid var(--white); padding-bottom: .5rem;
}
.contact-form-section .sideForm h3, .contact-form-section .sideForm p {
color: var(--white);
}
.contact-form-section .sideForm p, .contact-form-section .sideForm label {
font-size: .9rem;
}
.contact-form-section p a{
text-decoration: none;
}
.contact-form-section select {min-height: 3rem;}
.contact-form-section .social_media{
display: flex;
justify-content: flex-start;
margin-bottom: 1rem;
column-gap: 40px;
}
.contact-form-section .social_media a{
font-size:3rem;
color: var(--lightblue);
padding:10px;
}
.contact-form-section form * {
font-size: 1rem;
}
.contact-form-section form label {
color: var(--white)}
input[type="submit"].wpcf7-submit{
background-color:  var(--darkgrey);
border-radius: 5px;
font-family: inherit;
font-size: .8rem;
line-height: 1.2;
padding:10px 30px;
text-decoration: none;
border: 2px solid  var(--lightblue);
float: right;
border-color:  var(--darkgrey);
}
input[type="submit"].wpcf7-submit:hover{
background-color: var(--white); 
color:  var(--darkgrey);
}
.slick .slick-next:before{
content:"\f054";
width:40px;
height:30px;
display: inline-block; 
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #fff;
font-size: 3rem; 
}
.slick .slick-prev:before{
content:"\f053";
width:40px;
height:30px;
display: inline-block;
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #fff;
font-size: 3rem; 
}
.colorsection .slick .slick-next:before,
.colorsection .slick .slick-prev:before{
filter: contrast(0) brightness(2.8);
}
.lightbox{
position: fixed;
z-index: -10000;
}
.featherlight .lightbox{
display: block;
position: relative;
z-index: 1;
}
.underline {
line-height: 1.2;
padding-bottom: .75rem;
position: relative;
}
.underline::before {
visibility: visible;
width: 40%;
opacity: 1;
background-color: rgba(255,255,255,.55);
bottom: 0;
content: "";
height: 0.18rem;
left: 50%;
position: absolute;
transform: translate(-50%);
transition: all .3s ease-in-out 0s;
}
.underline::after {
content: "";
display: block;
height: 5px;
width: 100%;
}
#post-1909 p.p1{
font-size: 20px;
}
.banner-head{
padding:0;
}
.banner-head .w-container{
display:flex;
height:400px;
justify-content: center;
align-items: center;
flex-direction: column;
}
.banner-head h1,
.banner-head h3{
color:#FFF;
margin:0;
}
.blog-featured {
position: relative;
display: flex;
align-items: center;
padding: 0;
}
.blog-header h1{
font-size: 2.3rem;
max-width: 80%;
}
.blog-featured img {
width: 100%;
}
.banner-head h3{
font-size: 35px;
font-weight: normal;
}
#secondary{
background-color: #F7F7F7;
padding:20px;
}
h2.widget-title{
font-size:24px;
text-align:left;
margin-bottom: 0.5rem;
}
.widget ul{
padding:0;
margin:0;
}
.widget ul li a{
color: var(--lightblue);
padding:0.25rem 0;
display: inline-block;
width: 100%;
font-size: 14px;
}
.widget ul li:hover a {
color: #002654;
}
.blog-header{
text-align:left;
padding: 2rem 0;
}
@media screen and (min-width: 769px) {
.blog-featured {
max-height: 25rem;
min-height: 15rem;
}
}
@media only screen and (max-width: 1536px) {
.video-overlay h1,.video-overlay h2{
font-size:3.6rem;
}
}
@media only screen and (max-width: 1024px) {
.slick-slide.testimonial{
padding:0 50px;
}
}
@media only screen and (max-width: 768px) {
#container-header{}
.video-overlay h2{
font-size:3rem;
margin:0 5rem;
}
.centered h1, .centered h2, .centered h3{
width:90%; margin-right: auto; margin-left: auto;
}
section.testimonials .w-row{
flex-direction: column;
}
section.testimonials .w-col{
min-height:300px;
}
.slick-slide.testimonial{
min-height: auto;
}
.img-txt-flex{ flex-direction:column!important;
}
.img-txt-flex div{
width:100%;
}
.img-txt-flex .sidetext{
padding:2rem 20px;
}
.logo-gallery-section .w-container{
max-width: none;
}
footer aside img{
margin:0 auto!important;
}
section#container-no-padding {
padding-left: 0px;
padding-right: 0px;
}
.example_container {
padding: 0px;
}
.blog-featured {
display: inline-block;
}
.blog-header h1{
font-size: 2rem;
padding-top: 1rem;
}
}
@media only screen and (max-width: 480px) {
section{
padding:2rem 0;
}
.pf_title{
margin-bottom:2rem;
}
.video-overlay h2,
.centered h1, .centered h2, .centered h3{
font-size:3rem;
}
.test-centered{
padding: 0;
}
.test-centered .slick-next{
right:15px;
}
.test-centered .slick-prev{
left:15px;
}
a.cta{
display: inline-block;
}
.logo-gallery .photo-tile{
max-width:150px;
}
.testimonial h4 {
font-size: 1.1rem;
}
footer img{
margin:0 auto;
}
section.logo-gallery-section{
padding:2rem 0;
}
.logo-gallery{
flex-wrap:wrap;
}
.logo-gallery .photo-tile{
width:27%;
}
.banner-content{
max-width:none;
padding:0 40px;
font-size:1.1rem;
border-bottom:none;
}
.home .video-overlay h2{
font-size:2rem;
margin-bottom: 0;
}
.slick .slick-prev{
left:0;
}
.slick .slick-next{
right:0;
}
.singl-col{
background-position:center!important;
min-height:300px;
}
.video-overlay h1, .video-overlay h2 {
font-size: 2.6rem;
}	
.graphiclinks .w-col-6 .single_solution p{
font-size:14px;
}
.img-txt-flex h1, .img-txt-flex h2{
text-align:center;
margin-bottom:1rem;
}
.single_sol_img{
max-height:200px;
}
.video-overlay{
padding:0 20px;
}
.img-txt-flex .button-row{
justify-content:center;
}
.centered h3.subheading,
#post-2310 #section-2 h3{
font-size:24px;
}
var{
.contact-form-section h2{
text-align: center;
}
}
@media only screen and (max-width: 480px) {
h3.single_sol_h3 {
font-size: 1.4rem;
}
div.centered h1, div.centered h2 {
font-size: 1.5rem;
}
div.video-overlay h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 768px) {
.testimonial h4 {
font-size: 1.2rem;
}
}
.slide {
background-position:center; 
background-repeat:no-repeat; 
background-size: cover; 
} .searchform {width: 48%; margin-right: 1%; display: inline-block; overflow: hidden;}
.searchform input {border-radius: 5px; color: #000; margin-top: 0; font-size: 13px;}
.searchform input::placeholder {color: #666}
.searchform select {border-radius: 5px; height: 40px; min-width: 100%;max-width: 100%;}
.searchform select, .searchform option {background-color: #fff; color: #666; font-size: 13px;}
.searchform input[type=submit] {
font-size: 14px; border-radius: 5px; height: 46px; margin: 2rem auto 0; 
vertical-align: middle; text-align: center; color: #fff}
.searchform input[type=submit]:hover {color: #002654; background-color: #fff; border-color: #002654}
.searchform:last-child {vertical-align: middle;}
.searchform input:focus-visible {outline: 0;}
::placeholder {color: #000; opacity: 1;}
::-ms-input-placeholder {color: #000;}
@media screen and (min-width: 768px) {
.searchform {width: 18%; margin-right: 1%; display: inline-block;}
.searchform label {margin-bottom: 1rem}
.searchform input[type=submit] {margin: 0 auto}
.searchform input, .searchform select {margin-top: 1rem}
.searchform input, .searchform select, .searchform option {font-size: 15px;}
.searchform select {height: 45px}
}
@media screen and (min-width: 748px) and (max-width: 1130px) {
.searchform input[type=submit] {margin: 0 auto -2.4rem auto;}
}
.hidden {
display: none;
}
#pims-iframe body { max-wdith:100%; }
.flex-container {
display: flex;
flex-wrap: wrap; justify-content: space-around;*/
} .flex-column {
display: flex;
flex-direction: column;
align-items: center; }
.flex-column-box {
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
padding: 10px;
height: 100%;
background-color: #FFF;
margin-bottom: 1rem;
}