/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      1.1
*/

/*
 * Styling to make the web dev site display correctly.
 * This styling is not needed for copying to other sites.
 */
.entry-content {
	overflow: hidden;
}
.entry-title {
	max-width: 1200px;
	margin: auto;
}

#map {
	height: 650px;
}
#more-user-guides {
	display: none;
}
.gb-grid-wrapper-user-guide-grid > .gb-grid-column {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.lower-case {
	
}
/************************************************************
 * Fonts
 ************************************************************/
@media (max-width:1366px) {
	h1 { font-size: 60px !important }
	h2 { font-size: 35px !important }
	h3 { font-size: 28px !important }
	p { font-size: 18px !important }
}
@media (max-width:1024px) {
	h1 { font-size: 45px !important }
	h2 { font-size: 30px !important }
	h3 { font-size: 25px !important }
	p { font-size: 17px !important }
}
@media (max-width:1024px) {
	h1 { font-size: 30px !important }
	h2 { font-size: 26px !important }
	h3 { font-size: 21px !important }
	p { font-size: 17px !important }
}
.lower-case {
	text-transform: lowercase;
}
.no-show {
	display: none;
}
/************************************************************
 * Header Top Bar
 ************************************************************/
#header-top-bar a.email-address,
#header-top-bar a.phone-number {
	font-weight: 500; 
	margin-left: 20px;
}
.header-top-bar-inside {
	padding: 10px 40px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#header-top-bar {
	width: 100%;
}
.inside-header {
	flex-wrap: wrap;
}
/************************************************************
 * Main Navigation
 ************************************************************/
#masthead {
	background-image: linear-gradient(90deg, #008bc1, #082f5d);
}
/************************************************************
 * Mobile Menu
 ************************************************************/
#mobile-header {
	background-image: linear-gradient(90deg, #008bc1, #082f5d);
}
body.slide-opened {
	overflow: hidden;
}
#generate-slideout-menu .main-nav {
	width: 100%;
	margin-bottom: 1.5em;
	min-width: unset;
}
.slideout-menu > li {
	text-align: left !important;
	margin-bottom: 0 !important;
	border-bottom: 2px solid #082F5D;
}
.slideout-menu > li a {
	display: flex !important;
    justify-content: space-between !important;
	padding: 0 !important;
}
.slideout-exit {
	position: absolute !important;
}
.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.slideout-navigation.do-overlay .site-logo {
	width: 100%;
}
.slideout-navigation.do-overlay .site-logo img {
	height: 60px;
}
#mobile-menu-bottom-items {
	width: 100%;
	text-align: left;
}
#menu-main-menu a:hover {
	color: #BAD341 !important;
}
#menu-main-menu > li > .sub-menu {
	position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
	text-align: center;
	padding-top: 22px;
	border-radius: 20px;
	width: 300px !important;
	margin-top: 0px !important;
	background-color: transparent !important;
	background-size: 113px 36px;
	background-position: top center;
	background-repeat: no-repeat;
	transition: unset !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='113' height='36' viewBox='0 0 113 36'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%23ffffff%3c/style%3e%3c/defs%3e%3cpath class='a' d='M56.5,0,113,36H0Z'/%3e%3c/svg%3e");
}
#menu-main-menu > li > .sub-menu > li > ul {
	background-color: transparent;
	padding-left: 5px;
	border-radius: 20px;
}
.sub-menu li {
	text-align: center;
	background-color: white;
	border-bottom: 1px solid #082f5d;
	font-size: 16px;
}
.sub-menu li a {
	font-weight: 700;
	font-size: 16px !important;
}
.sub-menu li:first-child {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.sub-menu li:last-child {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom: 0;
}
@media (max-width:1024px) {
	#menu-main-menu > li > .sub-menu {
		position: relative;
    	left: 0 !important;
    	transform: unset;
		text-align: left;
		margin-top: 0 !important;
		background-color: transparent !important;
		background-size: unset;
		background-position: unset;
		background-repeat: unset;
		transition: unset !important;
		background-image: unset;
	}
	.sub-menu li {
		text-align: left;
		border-radius: 0;
		background-color: unset;
		font-size: 16px;
	}
	.sub-menu li a {
		font-weight: 500;
		color: white !important;
		font-size: 16px !important;
	}
	#header-top-bar.desktop-bar {
		display: none;
	}
	.site-logo { margin-top: 0px; }
	
	#header-top-bar {
	justify-content: flex-end;
	flex-direction: column;
	padding: 10px 40px;
	align-items: center;
	}
}
/*************************************************************
 * Default Slick Dots
 *************************************************************/
.slick-dots {
    list-style: none;
    text-align: center;
    margin: 0;
	margin-top: 25px;
}
.slick-dots li {
    display: inline-block;
    margin-left: 15px;
}
.slick-dots li:first-child {
    margin-left: 0;
}
.slick-dots li button {
    width: 20px;
    height: 20px;
    content: "";
    font-size: 0;
    padding: 0;
    border-radius: 50%;
    color: transparent;
    border: 2px solid #045D8F;
    background-color: transparent;
	box-shadow: 0 0 0 2px #4F9DA7;
}
.slick-dots li.slick-active button {
    width: 22px;
    height: 22px;
	border: 2px solid #045D8F;
    background-color: #BAD341;
	box-shadow: 0 0 0 2px #4F9DA7;
}

.benefits-slider.white-dots .slick-dots li button {
	border-color: white;
}
.benefits-slider .slick-dots {
	margin-top: 0;
	margin-bottom: 25px;
}
/*************************************************************
 * Buttons
 *************************************************************/
.gb-button {
	cursor: pointer;
}
/*************************************************************
 * Social Icons
 *************************************************************/
.social-icons-holder {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.social-icons-holder .social-icon {
	width: 25px;
	height: 25px;
	margin-left: 10px;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	transition: all .2s ease-in-out;
}
.social-icons-holder .social-icon:first-child { margin-left:0 }
.footer-contact .social-icons-holder .social-icon:first-child { margin-left: 0 }

.social-icon.twitter { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30.781' height='25' viewBox='0 0 30.781 25'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3cpath class='a' d='M27.617,9.611c.02.273.02.547.02.82,0,8.34-6.348,17.949-17.949,17.949A17.828,17.828,0,0,1,0,25.549a13.05,13.05,0,0,0,1.523.078,12.634,12.634,0,0,0,7.832-2.7,6.32,6.32,0,0,1-5.9-4.375,7.956,7.956,0,0,0,1.191.1,6.672,6.672,0,0,0,1.66-.215A6.309,6.309,0,0,1,1.25,12.248V12.17a6.353,6.353,0,0,0,2.852.8A6.318,6.318,0,0,1,2.148,4.533a17.932,17.932,0,0,0,13.008,6.6A7.122,7.122,0,0,1,15,9.689,6.315,6.315,0,0,1,25.918,5.373a12.42,12.42,0,0,0,4-1.523,6.292,6.292,0,0,1-2.773,3.477,12.647,12.647,0,0,0,3.633-.977,13.561,13.561,0,0,1-3.164,3.262Z' transform='translate(0 -3.381)'/%3e%3c/svg%3e") }

.social-icon.facebook { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='13.39' height='25' viewBox='0 0 13.39 25'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3cpath class='a' d='M14.122,14.063l.694-4.524H10.475V6.6a2.262,2.262,0,0,1,2.551-2.444H15V.306A24.068,24.068,0,0,0,11.5,0C7.92,0,5.584,2.167,5.584,6.09V9.538H1.609v4.524H5.584V25h4.891V14.063Z' transform='translate(-1.609)'/%3e%3c/svg%3e") }

.social-icon.linkedin { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24.999' viewBox='0 0 25 24.999'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3cpath class='a' d='M5.6,25H.413V8.309H5.6ZM3,6.033A3.016,3.016,0,1,1,6,3,3.027,3.027,0,0,1,3,6.033ZM24.994,25H19.823V16.875c0-1.936-.039-4.42-2.695-4.42-2.695,0-3.108,2.1-3.108,4.28V25H8.843V8.309h4.971v2.277h.073a5.446,5.446,0,0,1,4.9-2.7c5.246,0,6.21,3.454,6.21,7.941V25Z' transform='translate(0 -0.001)'/%3e%3c/svg%3e") }

.social-icons-holder .social-icon:hover { transform: scale(1.1); }
/*************************************************************
 * Text
 *************************************************************/
.text-green {
	color: #BAD341;
}
/*************************************************************
 * Forms
 *************************************************************/
.wpforms-field { margin-bottom: 1em !important }
.wpforms-label-hide { display: none }
.wpforms-field-large { width: 100% }
input, textarea {
	font-size: 18px;
	padding: 5px 20px !important;
	border-radius: 10px !important;
	border: 0;
	box-sizing: border-box;
}
input::placeholder, textarea::placeholder {
	color: #082F5D;
}
.wpforms-error {
	font-size: 16px;
	color: #b72a2a;
}
.wpforms-submit-container {
	text-align: right;
}
.wpforms-submit {
	background-color: #BAD341;
	padding: 5px 40px 5px 40px;
	border-radius: 10px;
	color: #082F5D !important;
	font-weight: 600;
}
.contact-page-form input, .contact-page-form textarea {
	font-size: 17px !important;
	font-weight: 500 !important;
	padding: 10px 20px !important;
	border-radius: 10px !important;
	border: 2px solid #172F5D !important;
}
.contact-page-form textarea {
	min-height: 150px;
}
.contact-page-form label {
	color: #1D3157;
	font-size: 20px;
	font-weight: 500;
}
.contact-page-form .wpforms-submit {
	border-radius: 5px;
	font-weight: 600;
	padding: 12px 40px 12px 40px !important;
	background-size: 20px;
}
@media (max-width:768px) {
	.contact-page-form input, textarea {
		font-size: 16px;
		padding: 12px 20px !important;
	}
	.contact-page-form textarea { min-height: 100px }
	.contact-page-form label { font-size: 20px }
	.contact-page-form .wpforms-submit {
		padding: 10px 30px 10px 30px !important;
		background-size: 15px;
	}
}
.sgpb-main-html-content-wrapper h2 {
	color: white;
}
/*************************************************************
 * Image and Text Element
 ************************************************************/
/**
 * Apply defaults styles to the element.
 * Main class is: image-with-text.
 **/
.image-with-text .image-container img {
	/* Add the default shadow */
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	
	/* Make the image greyscale 0% - 100% */
	filter: grayscale(100%);
	
	/* Blur the image 1px - 10px */
	filter: blur(1px);
	
	/* You'll need to combind filters like this if you want multiple ones */
	filter: blur(1px) grayscale(100%);
}
/************************************************************
 * Service Slider
 ************************************************************/
.service-slider-container > .gb-inside-container {
	position: relative;
}
.service-slider-container .slick-arrow {
	top: 50%;
	left: 0;
	width: 70px;
	height: 70px;
	position: absolute;
	background-color: unset;
	transform: translateY(-50%);
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 87 87'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:url(%23linear-gradient);%7d.cls-2%7bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7d%3c/style%3e%3clinearGradient id='linear-gradient' x1='-249.82' y1='459.38' x2='-249.82' y2='458.38' gradientTransform='matrix(69, 0, 0, -69, 17281, 31706.39)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23082f5d'/%3e%3cstop offset='1' stop-color='%23008bc1'/%3e%3c/linearGradient%3e%3c/defs%3e%3ccircle class='cls-1' cx='43.5' cy='43.5' r='34.5'/%3e%3cpath class='cls-2' d='M33.55,43.5h19.9'/%3e%3cpath class='cls-2' d='M43.5,53.45l-10-10,10-10'/%3e%3c/svg%3e");
}
.service-slider-container .slick-next.slick-arrow {
	left: unset;
	right: 0;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 87 87'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:url(%23linear-gradient);%7d.cls-2%7bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7d%3c/style%3e%3clinearGradient id='linear-gradient' x1='-249.82' y1='459.38' x2='-249.82' y2='458.38' gradientTransform='matrix(69, 0, 0, -69, 17281, 31706.39)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23082f5d'/%3e%3cstop offset='1' stop-color='%23008bc1'/%3e%3c/linearGradient%3e%3c/defs%3e%3ccircle class='cls-1' cx='43.5' cy='43.5' r='34.5'/%3e%3cpath class='cls-2' d='M33.55,43.5h19.9'/%3e%3cpath class='cls-2' d='M43.5,33.55l10,10-10,10'/%3e%3c/svg%3e");
}
@media (max-width:1024px) {
	.service-slider-container .slick-arrow {
		width: 70px;
		height: 70px;
		top: calc(100% - 50px);
		left: 50%;
		transform: translateX(-100%);
	}
	.service-slider-container .slick-next.slick-arrow {
		right: unset;
		left: 50%;
		transform: translateX(0);
	}
}
.service-slider .slick-track,
.service-slider1 .slick-track {
	display: flex;
}
.service-slider .slick-slide,
.service-slider1 .slick-slide {
	height: auto;
	display: flex !important;
}
.service-slider .slick-track > .slick-slide > .gb-container > .gb-inside-container {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.service-slider .slick-track > .slick-slide > .gb-container > .gb-inside-container p {
	flex-grow: 1;
}
.square-box {
	width: 100%;
	display: block;
	position: relative;
	padding-bottom: 100%;
}
@media (max-width:768px) {
	.square-box {
		width: 150px;
		height: 150px;
		margin: auto;
		padding-bottom: 150px;
	}
}
.square-box p {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
/*************************************************************
 * Facts Slider
 *************************************************************/
.facts-slider {
	position: relative;
}
.facts-slider .slick-dots {
	margin-top: 0;
	left: unset;
	right: 0;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}
.facts-slider .slick-dots li {
    display: block;
    margin-left: 0;
	margin-top: 15px;
}
.testimonial-image img {
	border: 4px solid #082f5d;
}
.white-border-image img {
	border: 4px solid white;
}

.partner-logos .slick-track {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
/************************************************************
 * Call to action
 ************************************************************/
/**
 * Apply defaults styles to the element.
 * Main class is: image-with-text.
 **/
.call-to-action {
	background-color: red;
}
/*************************************************************
 * Blog
 *************************************************************/
body.blog .page-hero {
	background-image: linear-gradient(90deg, #008bc1, #082f5d);
}
body.blog h1 {
	color: white;
}
body.blog .header-text {
	color: white;
	font-weight: 600;
	font-size: 30px;
	max-width: 1000px;
	font-family: "Lato", sans-serif;
}
body.blog .blog-title {
	border-left: 10px solid #BAD341;
	margin: 100px 40px 0;
	padding-left: 20px;
}
body.blog h2.entry-title a {
	color: #082F5D;
	text-transform: initial;
}

body.blog time.entry-date,
.blog-container .news-date {
	color: #082F5D;
	font-size: 18px;
	padding-left: 30px;
	background-size: 25px;
	min-height: 30px;
	line-height: 30px;
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='23.038' height='23.038' viewBox='0 0 23.038 23.038'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:%23082f5d;%7d%3c/style%3e%3c/defs%3e%3cpath class='a' d='M12.081.563A11.519,11.519,0,1,0,23.6,12.081,11.517,11.517,0,0,0,12.081.563Zm2.652,16.261-4.1-2.977a.561.561,0,0,1-.228-.451V5.579a.559.559,0,0,1,.557-.557H13.2a.559.559,0,0,1,.557.557v6.4L16.7,14.12a.557.557,0,0,1,.121.78l-1.31,1.8A.561.561,0,0,1,14.734,16.824Z' transform='translate(-0.563 -0.563)'/%3e%3c/svg%3e");
}
body.blog .read-more-container a,
.blog-container .button {
	border: 2px solid #082F5D;
	background-color: white;
	font-weight: 600;
}
body.blog .read-more-container a:hover {
	color: white;
	background-color: #082F5D;
}
body.blog .nav-links {
	display: flex;
	justify-content: center;
}
body.blog h2 {
	font-size: 30px;
}
body.blog .generate-columns-container {
    margin-left: 0;
}
body.blog .generate-columns-container > article {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
}
body.blog .generate-columns-container > article {
	
}
body.single-post .entry-title {
	margin: 0 !important;
}
body.single-post h1 {
	color: #082F5D;
}
.blog-container .gb-inside-container {
	display: flex;
	flex-wrap: wrap;
}
.blog-container > .gb-inside-container > .news-item {
	margin: 30px;
	width: calc(33.333% - 60px);
}
.blog-container .news-title a {
	color: #082F5D;
	text-transform: initial;
}
.blog-container .news-date {
	display: block;
}
.blog-container .news-desc {
	margin-bottom: 20px;
}
.blog-container .button {
	margin-top: 20px;	
}
@media (max-width:1024px) {
	.blog-container .news-item {
		width: calc(50% - 40px) !important;
		margin: 20px !important;
	}
}
@media (max-width:768px) {
	.blog-container .news-item {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 30px !important;
	}
}
.legal-documents-grid > .gb-grid-column {
	margin-left: unset;
	margin-right: unset;
}
/************************************************************
 * Survey
 ************************************************************/
body.page-id-15716 {
	background-color: #082f5d;
}
body.page-id-15764 {
	background-color: #f3f5f7;
}
body.page-id-15716 #page,
body.page-id-15764 #page {
	background-color: unset;
}
@media (min-width:1201px) {
  #survey-page-container {
	  height: 100vh;
  }
  body.admin-bar #survey-page-container {
	  height: calc(100vh - 32px);
	}
}
#survey-page-container .gb-grid-wrapper > .gb-grid-column:last-child .gb-inside-container {
	overflow: scroll;
}
@media (max-width: 1200px) {
	#survey-page-container .gb-grid-wrapper > .gb-grid-column {
		width: 100%;
	}
}
#survey-page-container .gb-inside-container,
#survey-page-container .gb-grid-wrapper,
#survey-page-container .gb-grid-column:last-child {
	height: 100%;
}
#survey .survey-item {
	display: none;
}
#survey #step-1 {
	display: block;
}
#survey-progress {
	width: 100%;
	padding: 2px;
	border: 2px solid black;
	border-radius: 50px;
	margin-bottom: 20px;
}
#survey-progress-inner {
	width: 16%;
	background-color: #bad341;
	height: 30px;
	text-align: center;
	border-radius: 50px;
}
#survey-progress.progress-1 #survey-progress-inner {
	background-color: #f3f5f7;
}
#survey-progress.progress-2 #survey-progress-inner {
	width: 16%;
}
#survey-progress.progress-3 #survey-progress-inner {
	width: 33%;
}
#survey-progress.progress-4 #survey-progress-inner {
	width: 50%;
}
#survey-progress.progress-5 #survey-progress-inner {
	width: 66%;
}
#survey-progress.progress-6 #survey-progress-inner {
	width: 82%;
}
#survey-progress.progress-7 #survey-progress-inner {
	width: 100%;
}
.question-heading {
	font-size: 35px;
	font-family: "lato";
	margin-bottom: 10px;
}
.hidden-survey-content {
	display: none;
	color: #333333;
	font-size: 16px;
}
.survey-content {
	display: flex;
}
.survey-content > .survey-content-left {
	width: 60%;
	padding: 15px;
}
.survey-content > .survey-content-right {
	width: 40%;
	padding: 15px;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	background-color: #f3f5f7;
}
@media (max-width:768px) {
	.survey-content {
		flex-direction: column;
	}
	.survey-content > .survey-content-left,
	.survey-content > .survey-content-right {
		width: 100%;
	}
}
.wpcf7-radio {
	display: flex;
	flex-direction: column;
}
.wpcf7-radio > span {
	margin-left: 0;
	color: #333333;
	font-size: 16px;
	font-weight: 600;
}
.wpcf7-list-item {
	display: flex;
	padding: 10px 0;
	align-items: center;
}
.wpcf7-list-item-label {
	line-height: 1em !important;
}
.survey-details label {
	display: inline-block;
	margin-bottom: 15px;
}
.survey-details input {
	height: 50px;
	background-color: white;
	border: 2px solid #333333;
}
.button-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#step-1 .button-container {
	justify-content: flex-end;
}
#survey #step-7 .wpcf7-submit {
	order: 3;
}
#survey #step-7 .survey-button {
	order: 2
}
#survey .ajax-loader {
	order: 1;
	width: 100%;
}
.survey-button, #survey .wpcf7-submit {
	color: white;
	max-height: 48px;
	width: calc(50% - 10px);
	padding: 10px 0;
	border-radius: 10px;
	background-color: #082f5d;
	display: inline-block;
	text-align: center;
}
.survey-button:hover,
#survey .wpcf7-submit:hover {
	cursor: pointer;
	background-color: #bad341;
}
.survey-next {
	visibility: hidden;
}
#survey #step-5 .survey-end {
	display: none;
}
#survey.skip-step-6 #step-5 .survey-next {
	display: none;
}
#survey.skip-step-6 #step-5 .survey-end {
	display: inline-block;
}
.survey-heading {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em
}
.survey-info-text {
	max-width: 250px;
	margin: auto;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #333333;
	padding-top: 70px;
	background-size: 50px;
	line-height: 1.2em;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M20,512A20,20,0,0,1,1.46,484.5L46.87,372.17C16.16,332.25,0,285.42,0,236,0,172.62,26.85,113.14,75.62,68.51,123.89,24.33,188,0,256,0S388.11,24.33,436.38,68.51C485.14,113.14,512,172.62,512,236c0,45.45-14,89.58-40.6,127.61a20,20,0,1,1-32.8-22.9C460.45,309.42,472,273.21,472,236c0-108.07-96.9-196-216-196S40,127.93,40,236c0,43.78,15.58,85.2,45.05,119.77a20,20,0,0,1,3.32,20.47L57,453.83l91.35-40.26a20,20,0,0,1,15.91-.1,236,236,0,0,0,197-6.3,20,20,0,1,1,18.11,35.66,276.17,276.17,0,0,1-222.68,10.76L28.07,510.3A20.06,20.06,0,0,1,20,512ZM276,325V217a20,20,0,0,0-40,0V325a20,20,0,0,0,40,0ZM256,128a20,20,0,0,0-20,20h0a20,20,0,0,0,40,0h0A20,20,0,0,0,256,128Z' fill='%23333333'/%3e%3c/svg%3e");
}
.survey-knowledge-text {
	max-width: 250px;
	margin: auto;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #333333;
	padding-top: 60px;
	padding-bottom: 10px;
	background-size: 50px;
	line-height: 1.2em;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512'%3e%3cg%3e%3cg fill='%23231F20'%3e%3cpath d='m338.6,136.1c-23.6-22.7-54.6-34.4-87.4-33.2-62.9,2.5-114.2,55.7-114.4,118.7-0.1,27.9 9.7,55.1 27.6,76.5 25.8,31 40,70.1 40,110.2 0,0-2.7,18.4 10.4,18.4h82.4c13.4,0 10.4-18.4 10.4-18.4 0-39.2 14.4-78 41.7-112.2 16.9-21.3 25.9-46.9 25.9-74.1 0-32.7-13-63.3-36.6-85.9zm-5.6,147c-29.7,37.2-45.6,79.6-46.2,122.8h-61.6c-0.6-44.1-16.4-87-44.8-121.1-14.7-17.7-22.8-40.1-22.7-63.1 0.2-52 42.5-95.9 94.4-98 27.1-1 52.7,8.7 72.1,27.4 19.5,18.7 30.2,43.9 30.2,70.9-0.1,22.5-7.4,43.6-21.4,61.1z'/%3e%3cpath d='m393.2,67.8c-4.1-4.1-10.7-4.1-14.7,0l-25.4,25.4c-4.1,4.1-4.1,10.7 0,14.7s10.7,4.1 14.7,0l25.4-25.4c4.1-4 4.1-10.6 0-14.7z'/%3e%3cpath d='m297.6,440.9h-83.2c-5.8,0-10.4,4.7-10.4,10.4 0,5.8 4.7,10.4 10.4,10.4h83.2c5.8,0 10.4-4.7 10.4-10.4 0-5.7-4.7-10.4-10.4-10.4z'/%3e%3cpath d='m281.9,480.1h-51.7c-5.8,0-10.4,4.7-10.4,10.4 0,5.8 4.7,10.4 10.4,10.4h51.7c5.8,0 10.4-4.7 10.4-10.4 5.68434e-14-5.7-4.7-10.4-10.4-10.4z'/%3e%3cpath d='M256,67.7c5.8,0,10.4-4.7,10.4-10.4V21.4c0-5.8-4.7-10.4-10.4-10.4s-10.4,4.7-10.4,10.4v35.9 C245.6,63.1,250.2,67.7,256,67.7z'/%3e%3cpath d='m158.9,108c4.1-4.1 4.1-10.7 0-14.7l-25.4-25.4c-4.1-4.1-10.7-4.1-14.7,0s-4.1,10.7 0,14.7l25.4,25.4c4.1,4 10.7,4 14.7,0z'/%3e%3cpath d='m439.6,194.6h-35.9c-5.8,0-10.4,4.7-10.4,10.4s4.7,10.4 10.4,10.4h35.9c5.8,0 10.4-4.7 10.4-10.4s-4.7-10.4-10.4-10.4z'/%3e%3cpath d='m108.3,194.6h-35.9c-5.8,0-10.4,4.7-10.4,10.4s4.7,10.4 10.4,10.4h35.9c5.8,0 10.4-4.7 10.4-10.4s-4.6-10.4-10.4-10.4z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
/* ---------- Radio Button ---------- */
#survey input[type='radio'] {
	padding: 2px !important;
	margin: 3px;
	line-height: 0;
	margin-right: 10px;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}
#survey input[type='radio']:after {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        position: relative;
        background-color: white;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
		box-shadow: 0 0 0 3px #333333;
    }

#survey input[type='radio']:checked:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.16 26.61'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23333;%7d%3c/style%3e%3c/defs%3e%3cpolygon class='cls-1' points='12.84 26.61 0 13.71 4.25 9.48 12.84 18.11 30.92 0 35.16 4.24 12.84 26.61'/%3e%3c/svg%3e") !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
#survey input[type='radio'].solid-radio-button:after {
	border: 4px solid white;
	background-color: white;
	box-shadow: 1px 1px 5px 0 rgb(3 3 3 / 20%);
}
#survey input[type='radio'].solid-radio-button:checked:after {
	background-color: #333333;
}
#survey input[type='radio'].shadow-radio-button:after {
	border: 5px solid white;
	background-color: white;
	box-shadow: 1px 1px 5px 0 rgb(3 3 3 / 20%);
}
#survey input[type='radio'].shadow-radio-button:checked:after {
	border-color: #333333;
	background-color: white;
}
/**********************************************************************
*                          Service Squares                            *
**********************************************************************/
.service-squares > .gb-inside-container .gb-grid-wrapper {
	justify-content: space-around;
}
.service-squares .square-boxes {
	background-color: transparent;
}
@media (max-width:1024px) {
	.square-box-container > .gb-grid-column:not(:first-child) {max-width: 500px;}
	.square-box-container.three-boxes > .gb-grid-column {max-width: 500px;}
}
@media (max-width:1366px) {
	.flip-container > .gb-grid-column {
		width: 28%;
	}
}
@media (max-width:1200px) {
	.flip-container > .gb-grid-column {
		width: 32%;
	}
}
@media (max-width:1024px) {
	.flip-container > .gb-grid-column {
		width: 100%;
	}
}
.square-boxes{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.flip-card {
	border: 0 !important;
  	perspective: 500px; /* Remove this if you don't want the 3D effect */
}
.flip-card .gb-inside-container {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover > .gb-inside-container {
  transform: rotateY(180deg);
	background-color: #008bc1;
}
.flip-card > .gb-inside-container > .gb-container {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	padding-bottom: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
}
.flip-card > .gb-inside-container > .gb-container > .gb-inside-container {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 0;
	padding-bottom: 100%;
}
.flip-card.trans-box > .gb-inside-container > .gb-container > .gb-inside-container {
	box-shadow: unset;
}
.flip-card > .gb-inside-container > .gb-container > .gb-inside-container p {
	
}
.flip-card > .gb-inside-container > .gb-container:last-child {
	transform: rotateY(180deg) translateZ(1px);
	
}
.flip-card.lime > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #bad341;
}
.flip-card.blue > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #008bc1;
}
.flip-card.gold > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #c9984b;
}
.flip-card.red > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #dc3232;
}

.flip-card.rich > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #D5EBF0;
}
.flip-card.lewis > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #F2AE30;
}
.flip-card.steve > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #DCE2D6;
}
.flip-card.mike > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #99D5B9;
}
.flip-card.ben > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #A8D6DD;
}
.flip-card.jade > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #DF4C73;
}
.flip-card.liam > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #FCCEDA;
}
.flip-card.jono > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #EF5B3E;
}
.flip-card.pete > .gb-inside-container > .gb-container:last-child > .gb-inside-container {
	background-color: #FFDFA5;
}
.square-box-text,
.square-box-text1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 30px);
	transform: translate(-50%,-100%);
}
.square-box-text1 {
	width: 100%;
}
.square-box-text.align-center,
.square-box-text1.align-center {
	transform: translate(-50%,-50%);
}
@media (max-width:1024px) {
	.square-box-text {width: calc(100% - 20px);}
}
.square-box-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,50%) rotate(-90deg);
}
.service-squares > .gb-inside-container .gb-grid-wrapper {
	justify-content: space-around;
}
.service-squares .square-boxes {
	background-color: transparent;
}
.flip-card .white-text {
	color: white;
}
/************************************************************
 * Footer
 ************************************************************/
.site-footer, .footer-widgets {
	background-image: linear-gradient(90deg, #008bc1, #082f5d);
}

/************************************************************
 * Button ICON
 **********r**************************************************/
.sg-popup-id-18808 .gb-icon svg path {
    fill: rgb(255,255,255) !important;
}


/************************************************************
 * Countdown Timer
 **********r**************************************************/

@media (max-width: 415px) {
	.countdown-timer-container {
		bottom: unset;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		height: max-content;
	}
	
	.countdown-timer-container > div:nth-child(2) {
		transform: scale(0.7);
	}
}

@media (max-width: 260px) {
	.countdown-grid > div:nth-child(1) {
		display: none;
	}
}

.countdown-timer-container {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background-color: var(--base-3);
	position: fixed;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 9px -2px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 9px -2px rgba(0,0,0,1);
	box-shadow: 0px 0px 9px -2px rgba(0,0,0,1);
	bottom: 0;
	right: 0;
}

.countdown-timer-container.hidden {
	display: none;
}

.countdown-grid {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 10px;
	padding: 10px;
	flex-wrap: nowrap !important;
}

.close-container {
	position: relative;
}

.close-text {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #ffffff;
	font-size: 8px !important;
}

.close-text:hover {
	cursor: pointer;
}

.countdown-grid .eapps-countdown-timer-item-group{
	width: 100%;
}

.countdown-grid .eapps-countdown-timer-item .eapps-countdown-timer-item-group{
	background-color: #C18C49;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

.countdown-timer-container .cta-button-container {
    background-color: black;
    margin: 10px;
    border-radius: 25px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.countdown-timer-container .cta-button-container a {
	color: white;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.eapps-countdown-timer-has-background {
    padding: unset !important;
}

.countdown-timer-container .clock-container {
	display: flex;
}

#eapps-countdown-timer-1 .eapps-countdown-timer-item-container {
    margin-top: 12px !important;
}