/*--
Theme Name: Parking Eye Solutions - Wordpress Theme.
Theme URI: https://www.parkingeye.co.uk/
Description: Custom Wordpress theme for Parking Eye Solutions
Version: 1.0.1
Author: Embryo Digital (@EmbryoDigital)
Author URI: https://www.embryodigital.co.uk/
Tags: Parking Eye
--*/

/*------------------------------------*\
	Fonts
\*------------------------------------*/

/*--Tondo Adobe Fonts Import--*/
@import url("https://use.typekit.net/xhd5kwf.css");

/*--Montserrat Font Weights--*/
@font-face {
	font-family: 'montserratbold';
	src: url('/wp-content/themes/parking-eye-theme/fonts/montserrat-bold-webfont.woff2') format('woff2'),
		 url('/wp-content/themes/parking-eye-theme/fonts/montserrat-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'montserratmedium';
	src: url('/wp-content/themes/parking-eye-theme/fonts/montserrat-medium-webfont.woff2') format('woff2'),
		 url('/wp-content/themes/parking-eye-theme/fonts/montserrat-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'montserratregular';
	src: url('/wp-content/themes/parking-eye-theme/fonts/montserrat-regular-webfont.woff2') format('woff2'),
		 url('/wp-content/themes/parking-eye-theme/fonts/montserrat-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'montserratsemibold';
	src: url('/wp-content/themes/parking-eye-theme/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
		 url('/wp-content/themes/parking-eye-theme/fonts/montserrat-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

/*------------------------------------*\
	Global Variables
\*------------------------------------*/

:root{
	/*Colours*/
	--lightBlue: #77C9D8;
	--lime: #D1D709;
	--blue: #324D9C;
	--navy: #223458;
	--black: #050502;
	--white: #ffffff;
	--grey: #efefef;
	--lightgrey: #ececec;
	--error: #ff0033;
	/*Fonts*/
	--font-tondo: tondo, sans-serif;
	--font-regular: 'montserratregular';
	--font-medium: 'montserratmedium';
	--font-semibold: 'montserratsemibold';
	--font-bold: 'montserratbold';
	/*Text Sizes*/
	--xlarge: 7rem;
	--large: 5rem;
	--medium: 3rem;
	--small: 2.5rem;
	--body: 2rem;
	--body-s: 1.6rem;
	--base: 1rem;
}

/*------------------------------------*\
	Typography
\*------------------------------------*/

h1, h2, h3, h4{
	font-family: var(--font-tondo);
}

h1{
	font-size: var(--xlarge);
}

h2{
	font-size: var(--large);
}

h3{
	font-size: var(--medium);
}

h4{
	font-size: var(--small);
}

p{
	font-family: var(--font-regular);
	font-size: var(--body);
}

strong, p strong{
	font-family: var(--font-bold);
}

.content-small p{
	font-size: var(--body-s);
}

a{
	word-break: break-all;
}

ul li, ol li{
	font-family: var(--font-regular);
	font-size: var(--body);
}

table{
	width: 100%;
	max-width: 100%;
	font-family: var(--font-regular);
	font-size: var(--body);
	background: var(--grey);
	border: 2px solid #b7b7b7;
}

table strong{
	font-family: var(--font-bold);
}

table tr td{
	padding: 20px;
	border: 2px solid #b7b7b7;
}

em{
	color: var(--lightBlue);
}

/*------------------------------------*\
	Animation Classes
\*------------------------------------*/

.ani{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.ani:hover{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
	Button Styles
\*------------------------------------*/

.button{
	display: inline-block;
	font-family: var(--font-semibold);
	font-size: var(--body);
}

/*--Radius Button--*/
.button.primary{
	padding: 15px 30px;
	border-radius: 50px;
}

.button.primary:hover{
	text-decoration: none;
}

/*--Lime--*/
.button.primary.lime{
	background: var(--lime);
	color: var(--black);
}

.button.primary.lime:hover{
	background: var(--lightBlue);
}

/*--Light Blue--*/
.button.primary.lightBlue{
	background: var(--lightBlue);
	color: var(--black);
}

.button.primary.lightBlue:hover{
	background: var(--navy);
	color: var(--white);
}

/*--White--*/
.button.primary.white{
	background: var(--white);
	color: var(--black);
}

.button.primary.white:hover{
	background: var(--lightBlue);
	color: var(--black);
}

/*--Navy--*/
.button.primary.navy{
	background: var(--navy);
	color: var(--white);
}

.button.primary.navy:hover{
	background: var(--lightBlue);
	color: var(--black);
}
/*--/Radius Button--*/

/*--Text Only Button--*/
.button.text{
	text-decoration: underline;
}
/*--/Text Only Button--*/

/*--Light Blue Button hover over-rides--*/
.section-lightBlue .button.primary.white:hover{
	background-color: var(--navy);
	color: var(--white);
}

.section-lightBlue .button.primary.lime:hover{
	background-color: var(--navy);
	color: var(--white);
}

.section-lightBlue .button.primary.navy:hover{
	background-color: var(--lime);
	color: var(--navy);
}
/*--/Light Blue Button hover over-rides--*/

/*------------------------------------*\
	Global builder styles
\*------------------------------------*/

.section{
	padding: 80px 0px;
}

.section-large{
	padding: 120px 0px;
}

.section.section-page-header{
	padding: 0px 0px 80px 0px;
	overflow: hidden;
}

/*--Background Colours--*/
/*Navy BG*/
.section-navy{
	background-color: var(--navy);
}
/*Grey BG*/
.section-grey{
	background-color: var(--grey);
}
/*Light Blue*/
.section-lightBlue{
	background-color: var(--lightBlue);
}
/*Light Blue*/
.section-lime{
	background-color: var(--lime);
}
/*White*/
.section-white{
	background-color: var(--white);
}

/*Light blue gradient (New)*/
.section-lightBlueGrad{
	background: rgb(4,140,209);
	background: linear-gradient(90deg, rgba(4,140,209,1) 0%, rgba(119,200,216,1) 100%);
}

/*Navy gradient (New)*/
.section-navyGrad{
	background: rgb(34,52,88);
	background: linear-gradient(90deg, rgba(34,52,88,1) 0%, rgba(60,109,209,1) 100%);
}

/*Lime gradient (New)*/
.section-limeGrad{
	background: rgb(209,215,9);
	background: linear-gradient(90deg, rgba(209,215,9,1) 0%, rgba(251,255,117,1) 100%);
}

.section-accreditations h2, .section-download-call-to-action .section-white h2, .section-download-call-to-action .section-grey h2, .section-grey h2, .section-white h2{
	color: var(--navy);
}

.section-lightBlue h2, .section-lightBlue p, .section-lightBlue ul li{
	color: var(--black);
}

.section-navy p, .section-navy ul li{
	color: var(--white);
}

.section-navy .ordered-card p{
	color: var(--black);
}

.section-navy .button.lightBlue:hover{
	background: var(--lime);
	color: var(--black);
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* GDPR Bar */

#cookie-law-info-bar{
	width: 350px !important;
	border-radius: 10px !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;
}

#cookie_action_close_header{
	display: inline-block;
	font-family: var(--font-semibold);
	font-size: var(--body-s);
	padding: 15px 30px;
	border-radius: 50px;
	background-color: var(--lime) !important;
	color: var(--black) !important;
}

.cli_settings_button{
	text-decoration: underline;
	display: inline-block;
	font-family: var(--font-semibold);
	font-size: var(--body-s);
}

.cli-bar-message{
	font-family: var(--font-regular);
	font-size: var(--body-s);
	line-height: normal;
}

/* header */
.header {
	padding: 40px 20px;
	position: relative;
	z-index: 10;
}

.header .header-links, .header .burger-wrapper{
	display: inline-block;
	vertical-align: middle;
}

.logo-img{
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

/* header - Active */
.header.active .logo-img path{
	fill: var(--white) !important;
}

.header.active .button.primary{
	background: var(--white);
	color: var(--navy);
}

.header.active .button.primary:hover{
	background: var(--lightBlue);
}

.header.active .button.text{
	color: var(--white);
}

.header.active .burger-wrapper a.burger-trigger span.burger-bars, .header.active .burger-wrapper a.burger-trigger span.burger-bars:after, .header.active .burger-wrapper a.burger-trigger span.burger-bars:before{
	background-color: var(--white);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.header.active .burger-wrapper a.burger-trigger span.burger-bars:after{
	width: 0;
	height: 0;
}

.header.active .burger-wrapper a.burger-trigger span.burger-bars{
	transform: rotate(45deg);
}

.header.active .burger-wrapper a.burger-trigger span.burger-bars:before{
	top: -1px;
    transform: rotate(-90deg);	
}

/* header - Scroll Active */
.header.uk-active{
	background: var(--white);
	padding: 20px 0px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.header.uk-active .logo-img{
	max-width: 290px;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

/*--Body fixed class--*/

body.fixed{
	overflow: hidden
}

/* Burger Menu */
.burger-wrapper{
	width: 50px;
	height: 50px;
	margin-left: 40px;
}

.burger-wrapper a.burger-trigger{
	display: block;
	width: 100%;
	position: relative;
	height: 50px;
}

.burger-wrapper a.burger-trigger span.burger-bars{
	position: absolute;
	width: 100%;
	height: 5px;
	background: var(--navy);
	left: 0;
	top: 50%;
	margin-top: -2.5px;
	border-radius: 50px;
}

.burger-wrapper a.burger-trigger span.burger-bars:after, .burger-wrapper a.burger-trigger span.burger-bars:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background: var(--navy);
	left: 0;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-wrapper a.burger-trigger span.burger-bars:after{
	bottom: -12.5px;
}

.burger-wrapper a.burger-trigger span.burger-bars:before{
	top: -12.5px;
}

a.burger-trigger:hover span.burger-bars:after, a.burger-trigger:hover span.burger-bars:before{
	width: 40px;
}

/* Full Menu */

#fullMenu{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	pointer-events: none;
}

#fullMenu.active{
	opacity: 1;
	pointer-events: all;
}

#fullMenu .burger-nav-wrapper{
	padding: 120px 120px 120px 120px;
	width: 1600px;
	max-width: 100%;
}


#fullMenu .burger-nav-wrapper li a{
	color: var(--white);
	font-family: var(--font-bold);
	font-size: var(--body);
}

/*--Main Site styles--*/

#fullMenu.main-site ul{
	padding: 0px;
}

#fullMenu.main-site ul li{
	list-style: none;
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children{
	width: 50%;
	float: left;
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children:first-of-type{
	border-right: 3px solid rgba(255,255,255,0.1);
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children:last-of-type{
	padding-left: 80px;
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children a:first-of-type{
	font-size: var(--medium);
	margin-bottom: 60px;
	display: inline-block;
}

#fullMenu .burger-nav-wrapper li a:hover{
	text-decoration: none;
	color: var(--lime)
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children .sub-menu{
	padding: 0px;
	margin: 0px;
}

#fullMenu .burger-nav-wrapper li.menu-item-has-children .sub-menu li{
	list-style: none;
}

#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li a{
	font-size: var(--small);
	margin-bottom: 10px;
}

/*--/Main Site styles--*/

/*--Sub Site styles--*/

/*--Vertical hover state--*/

#fullMenu.sub-site .burger-nav-wrapper ul{
	position: relative;
}

#fullMenu.sub-site .burger-nav-wrapper li{
	display: block;
	max-width: 400px;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu{
	position: absolute;
    top: 0;
    left: 28%;
    opacity: 0;
    pointer-events: none;
    min-width: 400px;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li{
	width: 100%;
	max-width: 100%;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li .sub-menu{
	position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#fullMenu.sub-site .burger-nav-wrapper li a{
	font-size: var(--medium);
	padding: 5px 0px;
	display: block;
	position: relative;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu a{
	transform: scale(0.9);
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li .sub-menu a{
	transform: scale(0.8)	
}

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children:hover .sub-menu li.menu-item-has-children .sub-menu{
	opacity: 0;
	pointer-events: none;
} 

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children:hover .sub-menu, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{
	opacity: 1;
	pointer-events: all;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#fullMenu.sub-site .navImage{
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
}

#fullMenu.sub-site .navImage:before{
	content: "";
	background: linear-gradient(90deg, rgba(34,52,88,1) 10%, rgba(34,52,88,0.7) 100%);
	position: absolute;
	top: 0;
	left: -1px;
	width: 101%;
	height: 100%;
}

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li a.ani:after, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li .sub-menu li a.ani:after{
	opacity: 0;
	height: 0px;
	width: 0px;
	background: none;
}

/*--Horizontal hover style--*/

/*
#fullMenu.sub-site .burger-nav-wrapper{
	margin: 0 auto;
}

.burger-wrapper-inner{
	padding-top: 120px;
}

#fullMenu.sub-site .burger-nav-wrapper ul{
	position: relative;
}

#fullMenu.sub-site .burger-nav-wrapper li{
	display: block;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu{
	position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0px;
    pointer-events: none;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li{
	width: 100%;
	max-width: 100%;
}

#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li .sub-menu{
	position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0px;
    pointer-events: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#fullMenu.sub-site .burger-nav-wrapper li a{
	font-size: var(--medium);
	padding: 5px 0px;
	display: block;
	position: relative;
}

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children:hover .sub-menu li.menu-item-has-children .sub-menu{
	opacity: 0;
	height: 0px;
	pointer-events: none;
} 

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children:hover .sub-menu, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{
	opacity: 1;
	height: 100%;
	pointer-events: all;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

#fullMenu.sub-site .navImage{
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
}

#fullMenu.sub-site .navImage:before{
	content: "";
	background: linear-gradient(90deg, rgba(34,52,88,1) 10%, rgba(34,52,88,0.7) 100%);
	position: absolute;
	top: 0;
	left: -1px;
	width: 101%;
	height: 100%;
}

*/

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li a.ani:after, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li .sub-menu li a.ani:after{
	opacity: 0;
	height: 0px;
	width: 0px;
	background: none;
}

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children a.ani:first-child:after, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li.menu-item-has-children a.ani:after{
	content: "";
	position: absolute;
	top: 14px;
	height: 20px;
	width: 20px;
	background-image: url(img/nav-child.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 10px;
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children a.ani:hover:after{
	transform: rotate(-90deg);
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


/*--/Sub Site styles--*/

/* Traditional Menu */

.header.traditional{
	box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
	padding: 20px 0px 0px 0px;
}

.header.traditional.active{
	background: var(--navy);
}

.traditional-nav{
	padding: 10px 0px 0px 0px;
}

.traditional-nav ul{
	margin: 0px;
	padding: 0px;
}

.traditional-nav ul li{
	display: inline-block;
	margin: 0px 5px;
	padding: 20px 25px;
}

.traditional-nav ul li{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav ul li a{
	font-family: var(--font-semibold);
	font-size: var(--body);
	display: inline-block;
}

.traditional-nav ul li.menu-item-has-children{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.traditional-nav ul li:hover{
	text-decoration: none;
	background: var(--lightgrey);
	color: var(--navy);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav ul li a:hover{
	color: var(--navy);
	text-decoration: none;
}

.traditional-nav ul.sub-menu{
	position: absolute;
	width: 100%;
	background: var(--lightgrey);
	left: 0;
	top: 220px;
	padding: 40px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children:hover ul.sub-menu{
	opacity: 1;
	pointer-events: all;
	top: 156px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children:hover .linkAfter{
	transform: rotate(-180deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children ul.sub-menu{
	
}

.traditional-nav li.menu-item-has-children ul.sub-menu li{
	padding: 15px 15px;
}

.traditional-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children{
	max-width: 25%;
	float: right;
	text-align: left;
}

.traditional-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children{
	width: 25%;
}

.traditional-nav li.menu-item-has-children ul.sub-menu li a{
	font-family: var(--font-semibold);
	color: var(--navy);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children ul.sub-menu li a:hover{
	color: var(--lightBlue);
	background: transparent;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children ul.sub-menu ul.sub-menu{
	position: relative;
	opacity: 1;
	top: auto;
	padding: 0px;
	background: transparent;
	padding-left: 27px;
}

.traditional-nav li.menu-item-has-children ul.sub-menu ul.sub-menu {
	
}

.traditional-nav li.menu-item-has-children ul.sub-menu li ul.sub-menu li{
	max-width: 100%;
	float: none;
	text-align: left;
	display: block;
}

.traditional-nav li.menu-item-has-children ul.sub-menu li ul.sub-menu li a{
	font-family: var(--font-regular);
}

.traditional-nav li.menu-item-has-children ul.sub-menu li .nav-icon{
	max-width: 30px;
	height: auto;
	margin-right: 10px;
}

.traditional-nav li .linkAfter{
	display: none;
}

.traditional-nav li.menu-item-has-children .linkAfter{
	display: inline-block;
	margin-left: 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.traditional-nav li.menu-item-has-children li .linkAfter{
	display: none;
}

/*--Traditional Mob Nav--*/
#mobMenu{
	position: fixed;
    background: var(--navy);
    top: 0;
    width: 100%;
    height: 100%;
    padding: 180px 20px 0px 20px;
    opacity: 0;
    pointer-events: none;
    overflow: scroll;
}

#mobMenu.active{
	opacity: 1;
	pointer-events: all;
}

#mobMenu ul{
	margin: 0px;
	padding: 0px;
}

#mobMenu ul li{
	list-style: none;
	display: block;
	margin: 15px 0px;
	position: relative;
}

#mobMenu ul li .linkAfter{
	display: none;
}

#mobMenu ul li.menu-item-has-children .linkAfter{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: var(--lime);
	color: var(--black);
	border-radius: 100%;
	text-align: center;
	position: absolute;
	margin-left: 10px;
	line-height: 27px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#mobMenu ul li.menu-item-has-children .linkAfter.active{
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#mobMenu ul li.menu-item-has-children li .linkAfter{
	display: none;
}

#mobMenu ul li.menu-item-has-children li.menu-item-has-children .linkAfter{
	display: inline-block;
}

#mobMenu ul li.menu-item-has-children li.menu-item-has-children li .linkAfter{
	display: none;
}

#mobMenu ul li a{
	color: var(--white);
	font-size: var(--small);
	font-family: var(--font-semibold);
}

#mobMenu ul li.menu-item-has-children ul.sub-menu{
	padding-left: 20px;
	display: none;
	border-left: 2px solid var(--lightBlue);
}

#mobMenu ul li a svg{
	max-width: 25px;
	height: auto;
	margin-right: 15px;
}

/* footer */
.footer {
	position: relative;
	padding: 60px 0px;
}

.footer .footer-menu{
	padding-bottom: 60px;
}

.footer .footer-menu ul{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.footer .footer-menu ul li{
	color: var(--white);
	display: inline-block;
	list-style: none;
}

.footer .footer-menu ul li a{
	color: var(--white);
	font-family: var(--font-regular);
	font-size: var(--body);
	margin: 0px 10px;
	display: inline-block;
}

/*--Breadcrumbs--*/
.breadcrumbs{
	position: relative;
	z-index: 2;	
}

.rank-math-breadcrumb p{
	font-size: var(--body-s);
}

.rank-math-breadcrumb p a{
	font-family: var(--font-semibold);
	color: var(--navy);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.rank-math-breadcrumb p a:hover{
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*--/Breadcrumbs--*/

/*------------------------------------*\
    Post Types
\*------------------------------------*/

/*--Step Forms--*/

.form-primary, .forminator-pagination{
	position: relative;
}

.form-primary .forminator-field input[type="text"].forminator-input, .form-primary .forminator-field input[type="email"].forminator-input, .forminator-pagination .forminator-field input[type="text"].forminator-input, .forminator-pagination .forminator-field input[type="email"].forminator-input{
	background-color: var(--grey);
	border-radius: 10px;
	border: 0px;
	padding: 20px;
	font-family: var(--font-regular);
	font-size: var(--body-s);
}

.forminator-pagination .forminator-field input[type="text"].forminator-input, .forminator-pagination .forminator-field input[type="email"].forminator-input{
	border: 1px solid var(--navy);
	background: var(--white) !important;
}

.form-primary .forminator-ui.forminator-custom-form[data-design=default] .forminator-label, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-label, .forminator-pagination .forminator-ui.forminator-custom-form[data-design=default] .forminator-label, .forminator-pagination .forminator-ui.forminator-custom-form[data-design=default] .forminator-label{
	font-family: var(--font-semibold);
	display: block;
	margin-bottom: 20px;
	color: var(--navy);
	font-size: var(--body-s);
}

.form-primary .forminator-pagination, .contact-form-wrapper .forminator-pagination, .form-primary .forminator-pagination, .contact-form-wrapper .forminator-pagination{
	-webkit-transition: all 1s;
	transition: all 1s;
	display: block !important;
}

.form-primary .forminator-field h2.forminator-title, .contact-form-wrapper .forminator-field h2.forminator-title{
	font-family: var(--font-semibold) !important;
	line-height: normal !important;
	font-size: var(--medium) !important;
}

.form-primary .forminator-checkbox, .contact-form-wrapper .forminator-checkbox{
	width: 50%;
	float: left;
	font-family: var(--font-semibold) !important;
	align-items: center;
	margin-bottom: 40px !important;
}

.contact-form-wrapper [id*='consent'] .forminator-checkbox{
	width: auto !important;
	margin-right: 20px;
}

.form-primary .forminator-ui.forminator-design--default .forminator-checkbox span[aria-hidden], .contact-form-wrapper .forminator-checkbox span[aria-hidden]{
	background-color: rgba(35, 53, 90, 0.58) !important;
	width: 35px !important;
    height: 35px !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px !important;
    flex: 0 0 35px !important;
    border-radius: 100% !important;
}

.form-primary .forminator-ui.forminator-design--default .forminator-checkbox input:checked + span[aria-hidden], .contact-form-wrapper .forminator-checkbox input:checked + span[aria-hidden]{
	color: var(--white) !important;
	border-color: var(--navy) !important;
	background-color: rgba(35, 53, 90, 1) !important;
}

.form-primary .forminator-checkbox:hover span[aria-hidden], .contact-form-wrapper .forminator-checkbox .forminator-checkbox:hover span[aria-hidden]{
	background-color: rgba(35, 53, 90, 0.8) !important;
}

.form-primary .forminator-progress-label, .contact-form-wrapper .forminator-progress-label{
	display: inline-block;
	font-family: var(--font-semibold) !important;
	font-size: var(--body) !important;
	color: var(--navy) !important;
}

.form-primary .forminator-progress-bar, .contact-form-wrapper .forminator-progress-bar{
	height: 30px !important;
	border-radius: 50px !important;
	background-color: var(--navy) !important;
}

.form-primary .forminator-progress-bar span, .contact-form-wrapper .forminator-progress-bar span{
	height: 100% !important;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	background-color: var(--lightBlue) !important;
	position: relative;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.form-primary .forminator-progress-bar span:before, .contact-form-wrapper .forminator-progress-bar span:before{
	content: "";
    position: absolute;
    top: 0;
    background-image: url(img/car-icon.svg);
    width: 20px;
    height: 30px;
    background-size: cover;
    transform: rotate(-90deg);
    right: 12px;
}

.form-primary .forminator-ui .forminator-pagination-footer .forminator-button, .contact-form-wrapper .forminator-ui .forminator-pagination-footer .forminator-button{
	background-color: var(--lightBlue) !important;
	color: var(--black) !important;
	border-radius: 50px !important;
	font-family: var(--font-semibold) !important;
	font-size: var(--body) !important;
	padding: 15px 40px !important;
}

.form-primary .forminator-ui .forminator-pagination-footer .forminator-button:hover, .contact-form-wrapper .forminator-ui .forminator-pagination-footer .forminator-button:hover{
	background-color: var(--navy) !important;
	color: var(--white) !important;
}

.form-primary .forminator-ui .forminator-pagination-footer .forminator-button.forminator-button-back, .contact-form-wrapper .forminator-ui .forminator-pagination-footer .forminator-button.forminator-button-back{
	background-color: var(--grey) !important;	
}


/*--/Step Forms--*/

/*------------------------------------*\
    Blocks
\*------------------------------------*/

/*--Page Header--*/
.section-page-header .page-header-image{
	float: right;
	right: -161px;
	position: relative;
	width: 60%;
	max-width: 60%;
}

.section-page-header .back-swoosh{
	top: 58px;
	right: 6px;
	position: absolute;
}

.section-page-header .back-swoosh img{
	margin-top: 5px;
}

.section-page-header .back-swoosh-grad{
	display: inline-block;
	right: 0;
}

.section-page-header .back-swoosh .swoosh-clip{
	-webkit-clip-path: url(#pageHeadClip);
	clip-path: url(#pageHeadClip);
	position: relative;
	-webkit-transform: translateZ(1px)
}

.section-page-header h1{
	color: var(--navy);
}

.section-page-header.gradient-lightBlue h1, .section-page-header.gradient-lightBlue h2, .section-page-header.gradient-lightBlue p, .section-page-header.gradient-lime h1, .section-page-header.gradient-lime h2, .section-page-header.gradient-lime p{
	color: var(--white) !important;
}

.button-group{
	margin-top: 40px;
}

.button-group a{
	margin-right: 10px;
}

.button-group a:last-of-type{
	margin-right: 0px;
}

#scrollTo{
	display: inline-block;
	width: auto;
	margin: 0 auto;
	bottom: 80px;
}

#scrollTo.breadcrumbs-active{
	bottom: 130px;
}

#pageHeadClip{
	transform: scale(.0011,.00145);
}

/*--Gradient Version--*/
.section.page-header-gradient{
	background-repeat: no-repeat;
	background-position: right top;
	padding: 80px 0px;
	background-size: 80%;
}

.section.page-header-gradient:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(260deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 45%);
}

.section.page-header-gradient.gradient-white:before{
	background: linear-gradient(260deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%);
}

.section.page-header-gradient.gradient-grey:before{
	background: linear-gradient(260deg, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 45%);
}

.section.page-header-gradient.gradient-lime:before{
	background: linear-gradient(260deg, rgba(209,215,9,0) 0%, rgba(209,215,9,1) 45%);
}

.section.page-header-gradient.gradient-lightBlue:before{
	background: linear-gradient(260deg, rgba(119, 203, 217, 0) 0%, rgba(119, 203, 217, 1) 45%);
}

.section.page-header-gradient.gradient-navy:before{
	background: linear-gradient(260deg, rgba(35, 53, 90, 0) 0%, rgba(35, 53, 90, 1) 45%);
}

.section.page-header-gradient.gradient-navy .rank-math-breadcrumb p a{
	color: var(--white);
}

.section.page-header-gradient #scrollTo.breadcrumbs-active{
	bottom: 40px;
}

.section-page-header.page-header-gradient h1{
	color: inherit;
}

.section-page-header.page-header-gradient.gradient-navy #scrollTo svg path{
	fill: var(--white) !important;
}

.section.page-header-gradient.gradient-navy h1, .section.page-header-gradient.gradient-navy p{
	color: var(--white) !important;
}

/*--/Page Header--*/

/*--Media & Content--*/

.mediaWrapper img{
	border-radius: 10px;
}

.mediaWrapper .media-button svg path{
	fill: var(--white);
}

/*--/Media & Content--*/

/*--Link Blocks--*/

.linkBlock{
	padding: 40px 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    word-break: normal;
}

.linkBlock:hover{
	text-decoration: none;
}

.linkBlock:before{
	content: "";
	background: var(--navy);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0.9;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.linkBlock.lightBlue-bg:before{
	background: var(--lightBlue);
}

.linkBlock.lime-bg:before{
	background: var(--lime);
}

.linkBlock.navy-bg:before{
	background: var(--navy);
}

.section-navy .linkBlock:before{
	background: var(--white);
}

/*navy*/
.linkBlock.hover-navy:hover:before{
	background: var(--navy);
	-webkit-transition: background .3s;
	transition: background .3s;
}

.linkBlock.hover-navy:hover h3, .linkBlock.hover-navy:hover p{
	color: var(--white);
}

/*Light Blue*/
.linkBlock.hover-lightBlue:hover:before{
	background: var(--lightBlue);
	-webkit-transition: background .3s;
	transition: background .3s;
}

.linkBlock.hover-lightBlue:hover h3, .linkBlock.hover-lightBlue:hover p{
	color: var(--navy);
}

.linkBlock.hover-lightBlue:hover .button{
	background: var(--navy);
	color: var(--white);
}

.linkBlock.lightBlue-bg h3, .linkBlock.lightBlue-bg p{
	color: var(--navy);
}

/*Lime*/
.linkBlock.hover-lime:hover:before{
	background: var(--lime);
	-webkit-transition: background .3s;
	transition: background .3s;
}

.linkBlock.hover-lime:hover h3{
	color: var(--navy);
}

.linkBlock.hover-lime:hover .button{
	background: var(--navy);
	color: var(--white);
}

.linkBlock.lime-bg h3, .linkBlock.lime-bg p{
	color: var(--navy);
}

.section-navy .linkBlock h3{
	color: var(--navy);
}

.section-navy .linkBlock p{
	color: var(--black);
}

.section-navy .linkBlock .button{
	background-color: var(--lightBlue);
}

/*--/Link Blocks--*/

/*--Icon Link Blocks--*/

.section-icon-link-list.section-white h2{
	color: var(--navy);
}

.iconLink{
	position: relative;
	word-break: normal;
}

.iconLink .icon{
	display: inline-block;
	border-radius: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	width: 160px;
	max-width: 160px;
	height: 160px;
	max-height: 160px;
	line-height: 118px;
	padding-top: 26px;
	background-color: var(--white);
}

.iconLink .icon img, .iconLink .icon svg{
	max-width: 78px;
}

.iconLink .icon svg path{
	fill: var(--lightBlue);
	-webkit-transition: fill .3s;
	transition: fill .3s;
}

.iconLink:hover .icon svg path{
	fill: var(--lime);
	-webkit-transition: fill .3s;
	transition: fill .3s;
}

.iconLink:hover{
	text-decoration: none;
}

.iconLink:hover .icon{
	text-decoration: none;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

/*--/Icon Link Blocks--*/

/*--Challanges Section--*/

.challanges-section{
	border-radius: 10px;
	padding: 60px;
}

.challanges-section .challenge-list{
	padding: 0px;
	margin: 0px;
	counter-reset: challenges;
}

.challanges-section .challenge-list li{
	font-family: var(--font-regular);
	font-size: var(--body);
	margin-bottom: 40px;
	list-style: none;
	position: relative;
	padding-left: 90px;
	min-height: 60px;
}

.challanges-section .challenge-list li:last-of-type{
	margin-bottom: 0px;
}

.challanges-section .challenge-list li:before{
	counter-increment: challenges;
	content: counter(challenges);
	position: absolute;
	font-family: var(--font-bold);
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
	border-radius: 100%;
	text-align: center;
	font-size: var(--medium);
	line-height: 57px;
}

.challanges-section.section-navy .challenge-list li:before{
	color: var(--navy);
	background: var(--lime);
}

.challanges-section.section-lime .challenge-list li:before{
	color: var(--lime);
	background: var(--navy);
}

.challanges-section.section-lightBlue .challenge-list li:before{
	color: var(--lightBlue);
	background: var(--navy);
}

.challanges-section.section-grey .challenge-list li:before{
	color: var(--grey);
	background: var(--navy);
}

.challanges-section.section-white .challenge-list li:before{
	color: var(--grey);
	background: var(--navy);
}

.challanges-section.section-white .challenge-list li, .challanges-section.section-grey .challenge-list li{
	color: var(--black);
}

/*--/Challanges Section--*/

/*--Accreditations section--*/

.accreditation-image{
	position: relative;
}

.accreditation-image img{
	max-width: 150px;
	height: auto;
}

.accreditation-image.black-white img{
	filter: grayscale(100%);
}


/*--/Accreditations section--*/

/*--FAQ Section - list--*/

.faq-list a.uk-accordion-title{
	background: var(--white);
	font-family: var(--font-semibold);
	font-size: var(--body);
	color: var(--black);
	text-align: left;
	padding: 30px 80px 30px 30px;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	word-break: normal;
}

.faq-list.uk-accordion>:nth-child(2){
	margin-top: 0px;
}

.faq-list li.uk-open a.uk-accordion-title{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.faq-list a.uk-accordion-title:hover, .faq-list li.uk-open .uk-accordion-title{
	color: var(--navy);
}

.faq-list .uk-accordion-content{
	background: var(--white);
	color: var(--black);
	text-align: left;
	margin-top: -20px;
	padding: 60px 40px 40px 40px;
	border-radius: 0px 0px 10px 10px;
}

.faq-list li .uk-accordion-title:before{
	content: "";
	background-image: url(img/faq-arrow.svg);
	width: 40px;
	height: 40px;
	position: absolute;
	right: 30px;
	top: 24px;
}

.faq-list li.uk-open .uk-accordion-title:before{
	content: "";
	background-image: url(img/faq-close.svg);
}

.section-navy .uk-accordion-content p{
	color: var(--black);
}


/*--/FAQ Section - list--*/

/*--Call to action large blocks--*/

.cta-large{
	padding: 80px;
	border-radius: 10px;
}

.cta-large.section-white h3, .cta-large.section-grey h3{
	color: var(--navy);
}

.cta-large.section-white p, .cta-large.section-grey p{
	color: var(--black);
}

/*--/Call to action large blocks--*/

/*--Blog List Section--*/

.blogImage{
	margin-bottom: 40px;
}

.blogImage img{
	border-radius: 10px;
}

/*--/Blog List Section--*/

/*--Content & Card--*/

.cardInner{
	padding: 40px 40px 100px 40px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	position: relative;
}

.section-navy .cardInner p{
	color: var(--black);
}

.cardInner.section-white h3, .cardInner.section-grey h3{
	color: var(--navy);
}

.cardInner a{
	position: absolute;
	bottom: 40px;
	transform: translateX(-50%);
	left: 50%;
}

/*--/Content & Card--*/

/*--Form Section-*/

.contact-form-wrapper .forminator-field{
	position: relative;
}

.contact-form-wrapper .forminator-label, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default]  .forminator-label{
	font-family: var(--font-semibold) !important;
	font-size: var(--body);
	margin-bottom: 10px;
	display: block;
}

.contact-form-wrapper .forminator-label .forminator-required{
	color: var(--error);
}

.contact-form-wrapper .forminator-input, .contact-form-wrapper .forminator-textarea, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-input, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea{
	background-color: var(--white) !important;
	font-family: var(--font-regular) !important;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	border-radius: 10px;
	border: none;
	padding: 20px;
	font-size: var(--body);
}

.contact-form-wrapper .forminator-phone{
	width: 100%;
}

.contact-form-wrapper #gdprcheckbox-1 span{
	display: inline-block;
	max-width: 95%;
	vertical-align: text-top;
}

.contact-form-wrapper .recaptcha-field, .contact-form-wrapper .forminator-g-recaptcha{
	display: none !important;
}

.contact-form-wrapper .forminator-error-message{
	background: var(--error);
	padding: 5px 5px 5px 20px;
	color: var(--white);
	font-family: var(--font-semibold);
	font-size: var(--body-s);
	width: 100%;
	display: block;
	margin-top: 5px;
	border-radius: 10px;
}

.contact-form-wrapper .forminator-checkbox{
	font-family: var(--font-regular);
	font-size: var(--body-s);
}

.contact-form-wrapper .forminator-checkbox a{
	font-family: var(--font-semibold);
}

.contact-form-wrapper .forminator-checkbox span{
	margin-left: 10px;
}

.contact-form-wrapper .forminator-checkbox span[aria-hidden]{
	margin: 0px;
	background-color: rgba(35, 53, 90, 0.58) !important;
    width: 35px !important;
    height: 35px !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px !important;
    flex: 0 0 35px !important;
    border-radius: 100% !important;
}

.contact-form-wrapper .forminator-custom-form .forminator-checkbox .forminator-checkbox-box:before{
	content: "✓";
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: inherit;
    font-size: 12px;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
}

.forminator-ui .forminator-select2 {
    padding: 20px !important;
    border: none !important;
    font-family: var(--font-regular) !important;
    font-size: 17px !important;
    border-radius: 10px !important;
    width: 100% !important;
}

.contact-form-wrapper .forminator-button, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-button{
	padding: 15px 30px !important;
	border-radius: 50px !important;
	font-family: var(--font-semibold) !important;
	font-size: var(--body) !important;
	border: none !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] div[id*="gdprcheckbox"] label{
	width: 100% !important;
}

.contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-row.forminator-hidden{
	margin: 0px !important;
}

.contact-form-wrapper .forminator-button:hover, .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-form-wrapper .dynamics-form form *[data-layout="true"]{
	max-width: 100%;
}

.contact-form-wrapper .dynamics-form form label{
	font-family: var(--font-semibold);
}

.contact-form-wrapper .dynamics-form form input, .contact-form-wrapper .dynamics-form form textarea{
	background-color: var(--white);
	font-family: var(--font-regular);
	width: 100%;
	border-radius: 10px;
	border: none;
	padding: 15px;
	font-size: var(--body);
	height: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	text-indent: 0px;
}

.contact-form-wrapper .dynamics-form form button{
	padding: 15px 30px;
	border-radius: 50px;
	font-family: var(--font-semibold);
	font-size: var(--body);
	border: none;
	height: auto;
	width: auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-form-wrapper .dynamics-form form button:hover{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/*--Color switching--*/

.section-form-section.section-navy .contact-form-wrapper .forminator-button, .section-form-section.section-navy .contact-form-wrapper .dynamics-form form button, .section-form-section.section-navy .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-button{
	color: var(--navy);
	background-color: var(--white);
}

.section-form-section.section-navy .contact-form-wrapper .forminator-button:hover, .section-form-section.section-navy .contact-form-wrapper .dynamics-form form button:hover{
	background-color: var(--lightBlue);
}

.section-form-section.section-white .forminator-input, .section-form-section.section-white textarea, .section-form-section.section-white .contact-form-wrapper .dynamics-form form input, .section-form-section.section-white .contact-form-wrapper .dynamics-form form textarea{
	background: var(--grey);
}

.section-form-section.section-white .contact-form-wrapper .forminator-button, .section-form-section.section-white .contact-form-wrapper .dynamics-form form button, .section-form-section.section-white .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-button{
	color: var(--white);
	background-color: var(--navy);
}

.section-form-section.section-white .contact-form-wrapper .forminator-button:hover, .section-form-section.section-white .contact-form-wrapper .dynamics-form form button:hover{
	color: var(--navy);
	background-color: var(--lightBlue);
}

.section-form-section.section-lime .contact-form-wrapper .forminator-button, .section-form-section.section-lime .contact-form-wrapper .dynamics-form form button{
	color: var(--white);
	background-color: var(--navy);
}

.section-form-section.section-lime .contact-form-wrapper .forminator-button:hover, .section-form-section.section-lime .contact-form-wrapper .dynamics-form form button:hover{
	color: var(--navy);
	background-color: var(--lightBlue);
}

.section-form-section.section-lightBlue .contact-form-wrapper .forminator-button, .section-form-section.section-lightBlue .contact-form-wrapper .dynamics-form form button{
	color: var(--white);
	background-color: var(--navy);
}

.section-form-section.section-lightBlue .contact-form-wrapper .forminator-button:hover, .section-form-section.section-lightBlue .contact-form-wrapper .dynamics-form form button:hover{
	color: var(--navy);
	background-color: var(--lime);
}

.section-form-section.section-grey .contact-form-wrapper .forminator-button, .section-form-section.section-grey .contact-form-wrapper .dynamics-form form button, .section-form-section.section-grey .contact-form-wrapper .forminator-ui.forminator-custom-form[data-design=default] .forminator-button{
	color: var(--white) !important;
	background-color: var(--navy) !important;
}

.section-form-section.section-grey .contact-form-wrapper .forminator-button:hover, .section-form-section.section-grey .contact-form-wrapper .dynamics-form form button:hover{
	color: var(--navy);
	background-color: var(--lightBlue);
}

/*--Form Section-*/

/*--Full Width Call To Action-*/

.section-full-width-call-to-action .gradBg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.section-full-width-call-to-action .gradBg.grey{
	background: linear-gradient(180deg, var(--grey) 62.5%, rgba(255,255,255,0) 100%);
}

.section-full-width-call-to-action .gradBg.white{
	background: linear-gradient(180deg, var(--white) 62.5%, rgba(255,255,255,0) 100%);
}

.section-full-width-call-to-action .gradBg.lime{
	background: linear-gradient(180deg, var(--lime) 62.5%, rgba(255,255,255,0) 100%);
}

.section-full-width-call-to-action .gradBg.lightBlue{
	background: linear-gradient(180deg, var(--lightBlue) 62.5%, rgba(255,255,255,0) 100%);
}

.section-full-width-call-to-action .gradBg.navy{
	background: linear-gradient(180deg, var(--navy) 62.5%, rgba(255,255,255,0) 100%);
}

/*--/Full Width Call To Action-*/

/*--Download CTA--*/

.download-container{
	padding: 80px;
}

.download-container.new{
	padding: 0px;
	position: relative;
}

.download-container.new .content{
	padding: 100px;
}

.download-container.new .content p {
	margin-bottom: 20px;
}

.download-container.new .cta-img{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 45%;
	background-size: cover;
}

/*-- /Download CTA--*/

/*--Order cards--*/

.card-container.numbered{
	counter-reset: numberedCards;
}

.ordered-card{
	background-color: var(--white);
	border-radius: 10px;
	padding: 70px 30px 120px 30px;
	position: relative;
}

.ordered-card h4{
	color: var(--navy);
}

.ordered-card a{
	position: absolute;
	bottom: 40px;
	transform: translateX(-50%);
	left: 50%;
	word-break: keep-all;
}

.ordered-card:before{
	content: "";
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: 10px solid var(--grey);
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
}

.section-ordered-cards.section-grey .ordered-card:before{
	border-color: var(--grey);
}

.section-ordered-cards.section-navy .ordered-card:before{
	border-color: var(--navy);
}

.section-ordered-cards.section-lightBlue .ordered-card:before{
	border-color: var(--lightBlue);
}

.section-ordered-cards.section-lime .ordered-card:before{
	border-color: var(--lime);
}

.section-ordered-cards.section-white .ordered-card:before{
	border-color: var(--white);
}

.section-ordered-cards.section-white .ordered-card{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.ordered-card.numbered:before{
	counter-increment: numberedCards;
	content: counter(numberedCards);
	font-family: var(--font-tondo);
	font-size: var(--body);
	line-height: 58px;
}

.ordered-card.numbered.navy:before{
	color: var(--white);
}

.ordered-card.checks:before{
	content: url(/wp-content/themes/parking-eye-theme/img/check.svg);
	padding: 18px;
}

.ordered-card.checks.navy:before{
	content: url(/wp-content/themes/parking-eye-theme/img/check-white.svg);
}

.ordered-card.lime:before{
	background: var(--lime);
}

.ordered-card.lightBlue:before{
	background: var(--lightBlue);
}

.ordered-card.navy:before{
	background: var(--navy);
}

.number-block{
	padding-left: 80px;
	position: relative;
}

.number-block h4:first-of-type{
	position: absolute;
	left: 0;
	display: inline-block;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	background: var(--lime);
	text-align: center;
	line-height: 53px;
}

.number-block.lime h4:first-of-type{
	background: var(--lime);
	color: var(--navy)
}

.number-block.lightBlue h4:first-of-type{
	background: var(--lightBlue);
	color: var(--navy);
}

.number-block.navy h4:first-of-type{
	background: var(--navy);
	color: var(--white);
}

/*--/Order cards--*/

/*--Testimonials-*/

.slider-item .testQuote{
	font-family: var(--font-regular);
	padding: 0px 80px;
	position: relative;
}

.section-testimonials.section-navy .testQuote{
	color: var(--white);
}

.slider-item .testQuote .testQuoteIcon{
	opacity: 0.4;
	fill: var(--lightBlue) !important;
	position: absolute;
}

.slider-item .testQuote .testQuoteIcon path{
	fill: var(--lightBlue) !important;
}

.slider-item .testQuote .testQuoteIcon.left{
	top: 0px;
	left: 50px;
}

.slider-item .testQuote .testQuoteIcon.right{
	bottom: 0px;
	right: 50px;
}

.slider-item .testimonial-meta p{
	font-size: var(--body-s);
	margin: 0px;
}

.section-testimonials.section-navy .slider-item .testimonial-meta p{
	color: var(--white);
}

.section-testimonials.section-navy .slider-item .testimonial-meta p:first-of-type{
	margin-top: 20px;
	margin-bottom: 5px;
}

.slider-item .client-logo{
	max-width: 80px;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	background: var(--white);
	margin: 0 auto;
	overflow: hidden;
}

.plain-test-nav{
	justify-content: center;
	margin-top: 40px;
}

.section-testimonials.testimonials-video .testQuote{
	font-family: var(--font-bold);
	padding: 0px 0px;
	position: relative;
}

.testimonial-vid-image{
	position: relative;
	width: 50%;
}

.testimonial-vid-image .back-swoosh{
	position: absolute;
	top: 0;
}

.section-testimonials.testimonials-video .slider-item .testQuote .testQuoteIcon.left{
	left: -40px;
	top: -20px;
}

.section-testimonials.testimonials-video .slider-item .testQuote .testQuoteIcon.right{
	right: -40px;
	bottom: -20px;
}

.section-testimonials.testimonials-video .media-button svg path{
	fill: var(--lightBlue);
}

.section-testimonials.testimonials-video .play-button{
	top: 43%;
    left: 53%;
}

/*--/Testimonials-*/

/*--Content Cards--*/

.content-card{
	padding: 80px;
	border-radius: 10px;
	background-color: var(--white);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.content-card h4{
	color: var(--navy);
}

.content-card.image{
	box-shadow: none;
	background-size: cover;
	background-repeat: no-repeat;
}

.content-card p{
	color: var(--black);
}

/*--/Content cards--*/

/*--Stat Blocks--*/

.statBlock{
	position: relative;
	font-family: var(--font-tondo);
	font-size: var(--large);
}

.statBlock span.stat{
	width: 200px;
	height: 200px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	line-height: 200px;
}

.statBlock span.stat.stat-navy{
	background: var(--navy);
}

.statBlock span.stat.stat-lime{
	background: var(--lime);
}

.statBlock span.stat.stat-lightBlue{
	background: var(--lightBlue);
}

.statBlock span.stat.lightBlue{
	color: var(--lightBlue);
}

.statBlock span.stat.navy{
	color: var(--navy);
}

.statBlock span.stat.lime{
	color: var(--lime);
}

.statBlock p{
	font-family: var(--font-semibold);
}

/*--/Stat Blocks--*/

/*--Large Stat Block--*/

.stat-swoosh{
	position: absolute;
	width: 660px;
    top: 50px;
    opacity: 0.1 !important;
}

.stat-swoosh path{
	fill: var(--navy) !important;
}

.section-navy .stat-swoosh path{
	fill: var(--white) !important;
}

.stat-inner{
	padding: 80px;
	position: relative;
	z-index: 4;
}

.stat-inner p{
	font-family: var(--font-semibold);
	margin: 0px;
}

.stat-inner h2{
	margin: 15px 0px;
	font-size: var(--xlarge);
}

.section-navy .stat-inner p{
	color: var(--white);
}

/*--/Large Stat Block--*/

/*--Images Block--*/

.section-images .image-wrapper{
	max-height: 420px;
	overflow: hidden;
	border-radius: 10px;
}

/*--/Images Block--*/

/*--Icon Bullet List--*/

.primary-point{
	position: relative;
	background: var(--lightBlue);
	border-radius: 5px;
	padding: 30px 10px 10px 10px;
	text-align: center;
	color: var(--navy);
}

.primary-point p{
	font-family: var(--font-semibold);
}

.primary-point .icon{
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: var(--navy);
	color: var(--white);
	left: 50%;
	margin-left: -35px;
	top: -35px;
	border: 5px solid var(--white);
	line-height: 55px;
}

.primary-point .icon .icon-img{
	max-width: 35px;
	height: auto;
}

/*--/Icon Bullet List--*/

/*--Knowledge hub--*/

.intro-links .intro-link{
	padding: 60px;
	background: var(--grey);
	display: block;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.intro-links .intro-link h3{
	margin: 20px 0px 0px 0px;
}

.intro-links .intro-link.navy{
	background-color: var(--navy);
	color: var(--white);
}

.intro-links .intro-link.navy svg path{
	fill: var(--lightBlue) !important;
}

.intro-links .intro-link.navy h3{
	color: var(--white);
}

.intro-links .intro-link.lightBlue{
	background-color: var(--lightBlue);
}

.intro-links .intro-link.lightBlue svg path, .intro-links .intro-link.lime svg path, .intro-links .intro-link.white svg path{
	fill: var(--navy) !important;
}

.intro-links .intro-link.lime{
	background-color: var(--lime);
}

.intro-links .intro-link.lightBlue h3, .intro-links .intro-link.lime h3, .intro-links .intro-link.white h3{
	color: var(--navy);
}

.intro-links .intro-link.white{
	background-color: var(--white);
}

/*--/Knowledge hub--*/

/*--Latest news Listing--*/

/*--Featured item--*/
.featured-post .featured-meta span{
	font-family: var(--font-semibold);
	color: var(--white);
	font-size: var(--body-s);
}

/*--Global Cat Pill Style--*/
.cat-pill{
	display: inline-block;
	padding: 5px 15px;
	border-radius: 50px;
	font-family: var(--font-semibold);
	font-size: var(--body-s);
}

.cat-pill svg{
	max-width: 15px;
	max-height: 15px;
	vertical-align: middle;
	margin-right: 5px;
}

.cat-pill.lime{
	background-color: var(--lime);
	color: var(--navy) !important;
}

.cat-pill.lightBlue{
	background-color: var(--lightBlue);
	color: var(--navy) !important;
}

.cat-list .cat-pill.blank{
	background-color: transparent;
	border: 2px solid #000;
	margin: 0px 5px;
}

.cat-list .cat-pill.blank.lime{
	border-color: var(--lime);
}

.cat-list .cat-pill.blank.lightBlue{
	border-color: var(--lightBlue);
}

.cat-list .cat-pill.blank.lightBlue:hover{
	background: var(--lightBlue);
	color: var(--navy);
}

.cat-list .cat-pill.blank.lightBlue:hover a{
	color: var(--navy);
}

.cat-list .cat-pill.blank.lime:hover{
	background: var(--lime);
	color: var(--navy);
}

.cat-list .cat-pill.blank.lime:hover a{
	color: var(--navy);
}

.cat-list .cat-pill.blank a{
	display: inline-block;
}

.cat-list .cat-pill.blank:hover a, .cat-list .cat-pill.blank a:hover{
	text-decoration: none;
}

/*--/Global Cat Pill Style--*/

/*--/Latest news Listing--*/

/*--Single News Item--*/

.postHeader{
	padding-top: 60px;
}

.postHeader h1{
	color: var(--navy);
}

.postMeta span{
	display: inline-block;
	font-family: var(--font-semibold);
	font-size: var(--body);
	margin-bottom: 20px;
}

.postMeta span.date{
	margin-right: 20px;
}

.featured-image{
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0px 40px 0px;
}

/*--Global Social Share--*/
.social-share{
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.social-share li{
	display: inline-block;
	margin: 0px 10px;
}

.social-link{
	display: inline-block;
	width: 50px;
	height: 50px;
	background: var(--grey);
	text-align: center;
	border-radius: 100%;
	color: var(--navy);
	line-height: 46px;
}
/*--/Global Social Share--*/

/*--Global Pagination--*/
.pagination{
	position: relative;
}

.pagination .page-numbers{
	display: inline-block;
	width: 40px;
	height: 40px;
	font-family: var(--font-semibold);
	font-size: var(--body);
	background: var(--grey);
	color: var(--navy);
	border-radius: 100%;
	line-height: 40px;
	margin: 0px 5px;
}

.pagination .page-numbers.next, .pagination .page-numbers.prev{
	width: auto;
	border-radius: 50px;
	padding: 0px 20px;
}

.pagination .page-numbers.next{
	margin-left: 10px;
}

.pagination .page-numbers.prev{
	margin-right: 10px;
}

/*--Single News Item--*/

/*---Popup IN---*/


#pop-in, #pop-exit{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
}

#pop-exit{
	display: none;
}

#pop-in .popup-container, #pop-exit .popup-container{
	min-width: 800px;
	max-width: 100%;
}

#pop-in .modal-inner, #pop-exit .modal-inner{
	background: var(--white);
	padding: 0px;
	border-radius: 10px;
	position: relative;
}

#pop-in .modal-inner h2, #pop-exit .modal-inner h2{
	margin-top: 0px;
	color: var(--navy);
}

#pop-in .modal-inner .close, #pop-exit .modal-inner .close{
	position: absolute;
	right: -20px;
	top: -20px;
	background: var(--navy);
	color: var(--white);
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 46px;
	text-align: center;
}

#pop-in .modal-inner .close:hover, #pop-exit .modal-inner .close:hover{
	cursor: pointer;
	background: var(--lightBlue);
}

#pop-in .modal-inner .popup-image, #pop-exit .modal-inner .popup-image{
	min-height: 450px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-size: cover;
}

#pop-in .modal-inner .popup-content, #pop-exit .modal-inner .popup-content{
	padding: 60px;
}

/*---/Popup IN---*/

/*--Careers--*/

.job-details{
	background-color: var(--navy);
	padding: 50px;
	border-radius: 10px;
}

.job-details p.small{
	font-family: var(--font-tondo);
	font-size: 1.6rem;
	margin-bottom: 0px;
	color: var(--lime)
}

.job-details h4{
	color: var(--white);
}

.job-details p{
	margin-top: 0px;
	color: var(--white);
}

#single-career h1{
	color: var(--navy);
}

.forminator-multi-upload button{
	border-radius: 50px;
	-webkit-appearance: none !important;
	appearance: none !important;
	border: none !important;
	background: var(--navy);
	color: var(--white);
}

/*--/Careers--*/

/*--Step Forms--*/

.form-primary{
	position: relative;
}

.form-primary .forminator-field input[type="text"].forminator-input, .form-primary .forminator-field input[type="email"].forminator-input{
	background-color: var(--grey) !important;
	border-radius: 10px !important;
	border: 0px !important;
	padding: 20px !important;
	font-family: var(--font-regular) !important;
	font-size: var(--body-s) !important;
	width: 100%;
}

.form-primary .forminator-ui.forminator-custom-form[data-design=none] .forminator-label{
	font-family: var(--font-semibold) !important;
	display: block !important;
	margin-bottom: 20px !important;
	color: var(--navy) !important;
	font-size: var(--body-s) !important;
}

.form-primary .forminator-pagination{
	-webkit-transition: all 1s !important;
	transition: all 1s !important;
	display: block !important;
}

.form-primary .forminator-field h2.forminator-title{
	font-family: var(--font-semibold) !important;
	line-height: normal !important;
	font-size: var(--medium) !important;
}

.form-primary .forminator-checkbox{
	width: 50% !important;
	float: left !important;
	font-family: var(--font-semibold) !important;
	align-items: center !important;
	margin-bottom: 40px !important;
}

.form-primary .forminator-ui.forminator-custom-form[data-design=none] .forminator-checkbox span[aria-hidden]{
	background-color: rgba(35, 53, 90, 0.58) !important;
	width: 35px !important;
    height: 35px !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 35px !important;
    flex: 0 0 35px !important;
    border-radius: 100% !important;
    display: inline-block;
}

.form-primary .forminator-ui.forminator-custom-form[data-design=none] .forminator-checkbox input:checked + span[aria-hidden]{
	color: var(--white) !important;
	border-color: var(--navy) !important;
	background-color: rgba(35, 53, 90, 1) !important;
}

.form-primary .forminator-ui.forminator-custom-form[data-design=none] .forminator-checkbox:hover span[aria-hidden]{
	background-color: rgba(35, 53, 90, 0.8) !important;
}

.form-primary .forminator-progress-label{
	display: inline-block;
	font-family: var(--font-semibold) !important;
	font-size: var(--body) !important;
	color: var(--navy) !important;
	position: absolute;
    z-index: 9;
    left: 11px;
}

.form-primary .forminator-progress-bar{
	height: 30px !important;
	border-radius: 50px !important;
	background-color: var(--navy) !important;
}

.form-primary .forminator-progress-bar span{
	height: 100% !important;
	height: 30px !important;
	border-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
	background-color: var(--lightBlue) !important;
	position: relative !important;
	-webkit-transition: all 1s;
	transition: all 1s;
	display: block;
	
}

.form-primary .forminator-progress-bar span:before{
	content: "";
    position: absolute !important;
    top: 0 !important;
    background-image: url(img/car-icon.svg);
    width: 20px !important;
    height: 30px !important;
    background-size: cover !important;
    transform: rotate(-90deg) !important;
    right: 12px !important;
}

.form-primary .forminator-ui .forminator-pagination-footer .forminator-button{
	background-color: var(--lightBlue) !important;
	color: var(--black) !important;
	border-radius: 50px !important;
	font-family: var(--font-semibold) !important;
	font-size: var(--body) !important;
	padding: 15px 40px !important;
	border: none !important;
}

.form-primary .forminator-ui .forminator-pagination-footer .forminator-button:hover{
	background-color: var(--navy) !important;
	color: var(--white) !important;
}
/*--/Step Forms--*/

/*--Before & After --*/

.cd-image-container {
	position: relative;
	width: 90%;
	max-width: 768px;
	margin: 0em auto;
}
.cd-image-container img {
	display: block;
}

.cd-image-label {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #ffffff;
	padding: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
	visibility: hidden;
}
.is-visible .cd-image-label {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	font-family: var(--font-tondo);
	font-size: var(--body-s);
}

.cd-resize-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-resize-img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}
.cd-resize-img .cd-image-label {
	right: auto;
	left: 0;
}
.is-visible .cd-resize-img {
	width: 50%;
	/* bounce in animation of the modified image */
	-webkit-animation: cd-bounce-in 0.7s;
	-moz-animation: cd-bounce-in 0.7s;
	animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@-moz-keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
.cd-handle {
	position: absolute;
	height: 44px;
	width: 44px;
	/* center the element */
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border-radius: 50%;
	background: #dc717d url("./img/cd-arrows.svg") no-repeat center center;
	cursor: move;
	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	-moz-transform: translate3d(0, 0, 0) scale(0);
	-ms-transform: translate3d(0, 0, 0) scale(0);
	-o-transform: translate3d(0, 0, 0) scale(0);
	transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
	/* change background color when element is active */
	background-color: #445b7c;
}
.is-visible .cd-handle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.hideDesk{
	display: none;
}

.header.traditional .burger-wrapper{
	display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	.ie-visible{
		display: block !important;
	}
	
	.page-header-image{
		display: none;
	}
	
	.ie-fallback{
		max-width: 100%;
		position: relative;
		right: -160px;
	}
	
}

@media only screen and (max-width:1600px) {

	.stat-swoosh{
		position: absolute;
		width: 600px;
	    top: 50px;
	    opacity: 0.1 !important;
	    left: -50px;
	}

}

@media only screen and (max-width:1570px) {
	
	.section-page-header .back-swoosh img{
		max-width: 840px;
	}
	
}

@media only screen and (max-width:1450px) {
	
	.section-page-header .back-swoosh{
		top: 48px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 770px;
	}
	
}

@media only screen and (max-width:1440px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 5.5rem;
		--large: 5rem;
		--medium: 2.5rem;
		--small: 2rem;
		--body: 1.8rem;
		--body-s: 1.4rem;
		--base: 1rem;
	}
	
	.traditional-nav li.menu-item-has-children:hover ul.sub-menu{
		top: 140px;
	}
	
	#pageHeadClip{
		transform: scale(.0011,.0015);
	}
	
	.section-page-header .back-swoosh img{
		margin-top: 0px;
		max-width: 773px;
	}
	
	.section-page-header .back-swoosh{
		top: 42px;
	}
	
	.header.sub-site.traditional li.menu-item a{
		padding: 0px 0px;
	}
	
	.traditional-nav ul li{
		padding: 15px 9px;
	}
	
}

@media only screen and (max-width:1430px) {
	
	.section-page-header .back-swoosh img{
		max-width: 766px;
	}
	
}

@media only screen and (max-width:1410px) {
	
	.section-page-header .back-swoosh img{
		max-width: 756px;
	}
	
}

@media only screen and (max-width:1400px) {
	
	.section-page-header .back-swoosh img{
		max-width: 746px;
	}
	
}

@media only screen and (max-width:1370px) {
	
	.section-page-header .back-swoosh img{
		max-width: 729px;
	}
	
}

/*--iPad Pro--*/
@media only screen and (max-width:1366px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 5.5rem;
		--large: 4rem;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 727px;
	}
	
	.button-group a{
		margin-right: 5px;
	}
	
	.header{
		padding: 20px 0px;
	}
	
	/* header - Scroll Active */
	.header.uk-active{
		background: var(--white);
		padding: 20px 0px;
	}
	
	.header.uk-active .logo-img{
		max-width: 270px;
	}
	
	.traditional-nav ul li{
		padding: 10px 6px;
	}
	
}

@media only screen and (max-width:1320px) {
	
	.section-page-header .back-swoosh img{
		max-width: 697px;
	}
	
}

@media only screen and (max-width:1280px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 5rem;
		--large: 4rem;
		--medium: 2.5rem;
		--body: 1.6rem;
	}
	
	.stat-swoosh{
		position: absolute;
		width: 550px;
	    top: 50px;
	    opacity: 0.1 !important;
	    left: -70px;
	}
	
	.traditional-nav li.menu-item-has-children ul.sub-menu{
		padding: 20px 40px;
	}
	
	.traditional-nav li.menu-item-has-children:hover ul.sub-menu{
		top: 125px;
	}
	
	.header{
		padding: 20px 0px;
	}
	
	.header .logo-img{
		max-width: 250px;
	}
	
	.header .button.uk-margin-medium-right{
		margin-right: 20px !important;
	}
	
	.header.uk-active .logo-img{
		max-width: 200px;
	}
	
	.section-page-header .page-header-image{
		right: -81px;
	}
	
	.section-page-header .back-swoosh img{
		margin-top: 0px;
		max-width: 674px;
	}
	
	/*--Link Blocks--*/
	.linkBlock{
		padding: 30px 40px;
	}
	
	/*--Icon Blocks --*/
	.iconLink .icon img, .iconLink .icon svg{
		max-width: 60px;
	}
	
	.iconLink .icon{
	    width: 140px;
	    max-width: 140px;
	    height: 140px;
	    max-height: 140px;
	    padding-top: 13px;
	}
	
	/*--Accreditations--*/
	.accreditation-image img{
		max-width: 100px;
	}
	
	/*--FAQ's--*/

}

/*--Ipad landscape--*/
@media only screen and (max-width:1080px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 4rem;
		--large: 3rem;
		--medium: 2.2rem;
		--body: 1.6rem;
	}
	
	.traditional-nav ul li{
		margin: 0px 5px;
	}
	
	.section-page-header .back-swoosh{
		top: 30px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 534px;
	}
	
	#scrollTo, #scrollTo.breadcrumbs-active{
		bottom: 30px;
	}
	
	.section.section-page-header{
		padding: 40px 0px 80px 0px;
	}
	
	.section-large{
		padding: 50px 0px;
	}
	
	.cta-large{
		padding: 40px;
	}
	
	.challanges-section{
		padding: 40px;
	}
	
	.challanges-section .challenge-list li:before{
		width: 45px;
		height: 45px;
		line-height: 43px;
	}
	
	.challanges-section .challenge-list li{
		margin-bottom: 20px;
		padding-left: 60px;
	}
	
}

/*--Small screens - Old iPad landscape & ipad Pro Portrait--*/
@media only screen and (max-width:1024px) {
	
	.section-page-header .back-swoosh{
		top: 37px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 525px;
	}
		
}

/*--Ipad Portrait--*/
@media only screen and (max-width:810px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 4rem;
		--large: 3.5rem;
		--medium: 2.5rem;
		--small: 2rem;
		--body: 1.4rem;
		--body-s: 1.4rem;
		--base: 1rem;
	}
	
	.hideTab{
		display: none;
	}
	
	.showTab{
		display: block;
	}
	
	.header.traditional .burger-wrapper{
		display: inline-block;
	}
	
	.header .logo-img{
		max-width: 100%;
	}
	
	.section-page-header .back-swoosh{
		top: 26px;
	}
	
	.section.section-page-header{
		padding: 40px 0px 40px 0px;
	}
	
	#scrollTo{
		bottom: 40px;
	}
	
	.section-page-header .page-header-image{
		width: 40%;
		padding-left: 0px !important;
	}
	
	.section-page-header .page-header-image{
		right: -31px;
	}
	
	.section-page-header .back-swoosh{
		top: 16px;
		right: 0px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 285px;
	}
	
	.breadcrumbs{
		margin-top: 20px;
	}
	
	#scrollTo, #scrollTo.breadcrumbs-active{
		position: relative !important;
		left: 50%;
		transform: none;
		bottom: 0;
		margin-left: -47px;
		margin-top: 40px;
	}
	
}

/*--Global mobile Styles--*/
@media only screen and (max-width:480px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 3.5rem;
		--large: 2.8rem;
		--medium: 2.5rem;
		--small: 2rem;
		--body: 1.4rem;
		--body-s: 1.2rem;
		--base: 1rem;
	}
	
	.stat-swoosh{
		position: absolute;
		width: 550px;
	    top: 20px;
	    opacity: 0.1 !important;
	    left: -10px;
	}
	
	.cat-list .cat-pill.blank, .cats .cat-pill{
		margin: 5px 5px;
	}
	
	.form-primary .forminator-ui .forminator-pagination-footer .forminator-button:hover{
		background-color: var(--lightBlue) !important;
		color: var(--black) !important;
		box-shadow: none !important;
		
	}
	
	.form-primary .forminator-ui .forminator-pagination-footer .forminator-button{
		margin-bottom: 10px !important;
	}
	
	.form-primary .forminator-ui .forminator-pagination-footer .forminator-button.forminator-button-back:hover{
		background-color: var(--grey) !important;
		color: var(--black) !important;
	}
	
	.form-primary .forminator-ui .forminator-pagination-footer{
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
	.page-header-image{
		display: none !important;
	}
	
	#pop-in .popup-container, #pop-exit .popup-container{
		min-width: 100%;
	}
	
	#pop-in .modal-inner .close, #pop-exit .modal-inner .close{
		right: 10px;
		top: 20px;
	}
	
	#pop-in .modal-inner .popup-image, #pop-exit .modal-inner .popup-image{
		min-height: 200px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
	}
	
	#pop-in .popup-container, #pop-exit .popup-container{
		padding: 10px;
	}
	
	#pop-in .modal-inner .popup-content, #pop-exit .modal-inner .popup-content{
		padding: 30px;
	}
	
	.section-download-call-to-action.new .content{
		padding: 20px 20px 150px 20px;
	}
	
	.section-download-call-to-action.new .cta-img{
		width: 100%;
		height: 40%;
		bottom: 0;
		top: auto;
	}
	
	.hideMob{
		display: none !important;
	}
	
	.uk-grid-large>.uk-grid-margin{
		margin-top: 20px !important;
	}
	
	.hideDesk{
		display: block;
	}
	
	.header .logo-img{
		max-width: 210px;
	}
	
	.header .header-links{
		display: block;
		margin-top: 10px;
		text-align: center;
	}
	
	.header .header-links .button{
		width: 48%;
		float: left;
		text-align: center;
		padding: 10px;
	}
	
	.header .header-links .button:first-of-type{
		margin: 0px 5px 0px 0px !important;
	}
	
	.header .header-links .button:last-of-type{
		margin: 0px 0px 0px 5px !important;
	}
	
	/*--Menu - Burger--*/
	
	#fullMenu{
		overflow: scroll;
	}
	
	#fullMenu .burger-nav-wrapper{
		max-width: 100%;
		padding: 5px 20px 0px 20px;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper ul{
		padding-left: 0px;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li{
		max-width: 100% !important
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li a{
		transform: scale(0.9)
	}
	
	#fullMenu.burger-menu .uk-position-center, #fullMenu.burger-menu .uk-position-bottom-center{
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
		margin-top: 180px;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li .sub-menu{
		position: relative;
		left: 0;
		height: 0px;
		min-width: auto;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children:hover .sub-menu, #fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{
		height: auto;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li .sub-menu li .sub-menu{
		position: relative;
		left: 0;
		height: 0px !important;
	}
	
	#fullMenu.sub-site .burger-nav-wrapper li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{
		height: auto !important;
	}
	
	/*--Menu Main Site--*/
	
	#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children{
		width: 100%;
	}
	
	#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children:last-of-type{
		padding-left: 0px;
		margin-top: 40px;
	}
	
	#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children a:first-of-type{
		margin-bottom: 20px;
	}
	
	#fullMenu.main-site .burger-nav-wrapper li.menu-item-has-children:first-of-type{
		border: none;
	}
	
	/*--Footer--*/
	
	.footer .footer-menu ul li{
		margin: 10px 0px;
	}
	
	/*--Global Section--*/
	.section{
		padding: 40px 0px;
	}
	
	/*--Page Header--*/
	.section.section-page-header{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.section-page-header .page-header-image{
		width: 100%;
		max-width: 100%;
		right: -20px;
		padding-left: 0px !important;
	}
	
	.section-page-header .back-swoosh{
		right: -2px;
		top: 22px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 397px;
		max-height: 298px;
	}
	
	.section-page-header .breadcrumbs{
		text-align: center;
		margin-top: 40px;
	}
	
	/*--Challenges Section--*/
	.challanges-section{
		padding: 30px;
	}
	
	.challanges-section .challenge-list li{
		padding-left: 60px;
		padding-top: 0px;
	}
	
	.challanges-section .challenge-list li:before{
		width: 40px;
		height: 40px;
		font-size: var(--font-small);
		line-height: 41px;
	}
	
	/*--Accreditations--*/
	.accreditation-image{
		text-align: center;
	}
	
	/*--Download block--*/
	.download-container{
		padding: 40px;
	}
	
	.download-container .button{
		margin-top: 0px !important;
	}
	
	/*--Testimonials--*/
	
	.slider-item .testQuote .testQuoteIcon.left{
		left: 0px;
	}
	
	.slider-item .testQuote .testQuoteIcon.right{
		right: 0px;
	}
	
	.slider-item .testQuote{
		padding: 0px 50px;
	}
	
	/*--Large CTA--*/
	
	.cta-large{
		padding: 40px;
	}
	
	/*--FAQ--*/
	
	.faq-list.uk-accordion>:nth-child(2){
		margin-top: 30px;
	}
	
	.button-group .button:nth-child(2){
		margin-top: 20px;
	}
	
}

/*--Pixel 3a--*/
@media only screen and (max-width:393px) {
	
	.section-page-header .back-swoosh img{
		max-width: 378px;
		max-height: 283px;
	}
	
}

/*--iphone 12, 11, XS & X--*/
@media only screen and (max-width:390px) {
	
	.header{
		padding: 10px 0px;
	}
	
	.header .header-links .button{
		padding: 10px 8px;
	}
	
	.header .header-links{
		margin-top: 20px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 373px;
	}
		
}

/*--iphone 6, 6s, 7, 8--*/
@media only screen and (max-width:375px) {
	
	.header .header-links .button{
		padding: 8px 5px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 363px;
	}
	
	.section-page-header .back-swoosh{
		top: 19px;
		right: -2px;
	}
	
}

/*--iphone 5/SE --*/
@media only screen and (max-width:320px) {
	
	.burger-wrapper{
		margin-left: 0px;
	}
	
	.section-page-header .back-swoosh{
		top: 17px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 308px;
	}
	
	.header .logo-img{
		max-width: 180px;
	}
	
	.header .header-links .button:first-of-type, .header .header-links .button:last-of-type{
		margin: 0px !important;
	}
	
	.header .header-links .button:last-of-type{
		margin-top: 5px !important;
	}
	
	.header .header-links .button{
		width: 100%;
		float: none;
		margin: 0px !important;
	}
	
	.ordered-card{
		padding: 60px 20px 20px 20px;
	}
	
	.slider-item .testQuote{
		padding: 0px 20px;
	}
	
	.cardInner{
		padding: 20px;
	}
	
}

/*-- Glaxy fold - hlaf screen size --*/
@media only screen and (max-width:280px) {
	
	:root{
		/*Text Sizes*/
		--xlarge: 3.5rem;
		--large: 2.8rem;
		--medium: 2rem;
		--small: 2rem;
		--body: 1.4rem;
		--body-s: 1.2rem;
		--base: 1rem;
	}
	
	.iconLink .icon{
		width: 100px;
		max-width: 100px;
		height: 100px;
		max-height: 100px;
		line-height: 80px;
	}
	
	.iconLink .icon img, .iconLink .icon svg{
		max-width: 50px;
	}
	
	.section-page-header .back-swoosh{
		top: 16px;
	}
	
	.section-page-header .back-swoosh img{
		max-width: 269px;
	}
	
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}