/*
Theme Name: Race-Equality-Commission
Author: Aubergine 262
Author URI: https://aubergine262.com/
Description: A custom theme for Race Equality Commission!
Version: 3.0
*/



/**
 * --------------------------------------------------------------------------------------------------------------------
 * Reset, headings, general defaults
 * @see http://git.io/normalize
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Reset and default heading tags  */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	outline: none !important;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
body,
button,
input,
select,
textarea {

}

body {
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:active,
a:hover {
	outline: 0;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	clear: both;
	padding: 0;
}

h1, .h1 {
	margin: 0;
}

h2, .h2 {
	margin: 0;
}

h3, .h3 {
	margin: 0;
}

h4, .h4 {
	margin: 0;
}

h5, .h5 {
	margin: 0;
}

h6, .h6 {
	margin: 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 25px;
}
p:last-child {
	margin-bottom: 0;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-style: italic;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-weight: 600;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: circle;
}

nav ul,
nav ol {
	list-style: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	outline: 0;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

button,
input,
select,
textarea {
	margin: 0;
	padding: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 20px;
	width: 100%;
}


th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-bottom: 1px solid #ededed;
	padding: 5px 10px 5px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}

.screen-reader-text{
	display: none;
}
.grecaptcha-badge {
	visibility: hidden;
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Form fields, and general form classes checkbox, radio
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region  Form fields, and general form classes  */
button,
input,
textarea {
	font-family: inherit;
}
input,
textarea{
	border: 1px solid #cccccc;
	padding: 12px 10px 11px;
}
input[type="checkbox"],
input[type="radio"]{
	padding: 0;
}

/* Fix the autofill bug where it changes the line height */
input:-webkit-autofill{
	line-height: 1.4;
}

button:focus,
input:focus,
textarea:focus {
	outline: 0;
}

/* Buttons */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
div.nf-form-content button,
div.nf-form-content input[type=button],
div.nf-form-content input[type=submit]{
	border: none;
	border-radius: 40px;
	display: inline-block;
	padding: 8px 23px;
	text-decoration: none;
	line-height: 1;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	min-width: 180px;
	text-align: center;
	transition: all ease-out 300ms;
	cursor: pointer;
}
.button.square,
button.square,
input[type="submit"].square,
input[type="button"].square,
input[type="reset"].square{
	border-radius: 0;
	min-width: 0;
}


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	outline: none;
	text-decoration: none;
	opacity: 0.8;
	transition: all ease-in 200ms;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	outline: none;
	text-decoration: none;
	opacity: 0.8;
	transition: all ease-in 200ms;
}


.button.transparent__border,
button.transparent__border,
input[type="submit"].transparent__border,
input[type="button"].transparent__border,
input[type="reset"].transparent__border{
	background-color: transparent;
	border: solid 1px #fff;
	color: #fff;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #ccc;
}

:-moz-placeholder {
	color: #ccc;
}

::-moz-placeholder {
	color: #ccc;
}

:-ms-input-placeholder {
	color: #ccc;
}

/* Styled checkboxes */
input.fancy-chk  {
	background: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	position: relative;
}
input.fancy-chk:after {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f096";
	position: absolute;
	top: -1px;
	left: -1px;
}
input.fancy-chk:checked:after {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f046";
	position: absolute;
	top: -1px;
	left: -1px;
}
input.fancy-rdo  {
	background: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	position: relative;
}
input.fancy-rdo:after {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f10c";
	position: absolute;
	top: -1px;
	left: -1px;
}
input.fancy-rdo:checked:after {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f05d";
	position: absolute;
	top: -1px;
	left: -1px;
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * WP embeds - images alignment and gallery
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Images Alignment for wp embeds  */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Style wp gallery */
.gallery{
	margin-bottom: 15px;
}
.gallery:after{
	content: "";
	clear: both;
	display: table;
}
.gallery-item{
	float: left;
	width: 100%;
}
.gallery-item img{
	max-width: 100%;
}
.gallery-columns-1 .gallery-item{
	width: 98%;
	margin: 0 auto 10px;
}
.gallery-columns-2 .gallery-item{
	width: 49%;
	margin: 0 1% 10px 0;
}
.gallery-columns-3 .gallery-item{
	width: 32%;
	margin: 0 1% 10px 0;
}
.gallery-columns-4 .gallery-item{
	width: 23%;
	margin: 0 2% 10px 0;
}
.gallery-columns-5 .gallery-item{
	width: 18%;
	margin: 0 2% 10px 0;
}
.gallery-columns-6 .gallery-item{
	width: 14%;
	margin: 0 2% 10px 0;
}
.gallery-columns-7 .gallery-item{
	width: 12%;
	margin: 0 2% 10px 0;
}
.gallery-columns-8 .gallery-item{
	width: 10%;
	margin: 0 2% 10px 0;
}
.gallery-columns-9 .gallery-item{
	width: 8%;
	margin: 0 2% 10px 0;
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Content Colours and List Styles
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Content Colours and List Styles  */
/* Lists */
.site-main ol{
	counter-reset: ol-counter;
	list-style-type: none;
	padding: 0 0 0 22px;
}
.site-main ol li{
	position: relative;
	margin-bottom: 10px;
}
.site-main ol li:last-child{
	margin-bottom: 0;
}
.site-main ol li:before {
	content: counter(ol-counter) '.';
	counter-increment: ol-counter;
	top: 0;
	left: -17px;
	position: absolute;
	display: inline-block;
	font-weight: 400;
}
.site-main ul{
	list-style-type: none;
	padding: 0 0 0 22px;
}

.site-main ul li{
	position: relative;
	margin-bottom: 10px;
}
.site-main ul li:last-child{
	margin-bottom: 0;
}
.site-main ul li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	top: 7px;
	left: -17px;
	position: absolute;
}

/* Comments */

#comments ol li:before{
	display:none;
}
.comment-author.vcard {
	display: none;
}
ol.comment-list{
	padding: 0;
}
ol.comment-list li{
	border-bottom: solid 1px #260a0a;
	padding-bottom: 10px;
}
ol.comment-list li .children{
	padding-top: 10px;
}
ol.comment-list li .children li{
	border-top: solid 1px #260a0a;
	padding-top: 10px;
	border-bottom: 0;
}
ol.comment-list li:last-child{
	border-bottom: none;
}
.comment .children li {
	margin-top: 10px;
}
.comment-metadata {
	color: #582222;
	margin-bottom: 10px;
}
.comment-content {
	margin-bottom: 10px;
}
.comment-body .reply a{
	color: #582222;
}
.comment-respond #reply-title small{
	color: #582222;
	font-size: 12px;
}
.comment .children .comment-body{
	padding: 0 10px;
}
#commentform label {
	display: block;
}
p.comment-form-cookies-consent {
	display: flex;
}
p.comment-form-cookies-consent input {
	margin-right: 5px;
}

/* Errors */
.notice {
	background: #fff;
	border-left: 4px solid #0061b2;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	margin: 6px 15px 7px 0;
	padding: 6px 12px 5px;
}
.notice-success {
	border-left-color: #016934;
}
.notice-error {
	border-left-color: #b40700;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Columns and layouts
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Columns and layouts */
/* Main content width */
.site-width{
	width:95%;
	max-width:1280px;
	margin:0 auto;
}
/* If site-width max-width is changed
   then the max-width of .two-col-site-width should also change to be half of site-width */
.left .two-col-site-width,
.right .two-col-site-width{
	width:100%;
	max-width: 640px;
}
.left .two-col-site-width{
	padding-right: 10%;
	float: right;
}
.right .two-col-site-width{
	padding-left: 10%;
	float: left;
}
.clear{
	clear: both;
	width:100%;
	display: block;
}

.left{
	float: left;
	width:50%;
}

.right{
	float: right;
	width:50%;
}

/* Basic Columns - 2,3,4,5 */
.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
	justify-content: space-around;
}
.columns-1 .item,
.columns-2 .item,
.columns-3 .item,
.columns-4 .item,
.columns-5 .item,
.columns-6 .item{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
}
/*1*/
.columns-1 .item{
	width: 98%;
	margin: 0 auto 10px;
}
/*2*/
.columns-2 .item{
	width: 48%;
	margin: 0 0 2% 0;
}
/*3*/
.columns-3 .item{
	width: 31.5%;
	margin: 0 0 2% 0;
}
/*4*/
.columns-4 .item{
	width: 23%;
	margin: 0 0 2% 0;
}
/*5*/
.columns-5 .item{
	width: 17.8%;
	margin: 0 0 2% 0;
}
/*5*/
.columns-6 .item{
	width: 14.6%;
	margin: 0 0 2% 0;
}
@media screen and (max-width: 1290px) {
	.left .two-col-site-width{
		padding:0 5%;
	}
	.right .two-col-site-width{
		padding:0 5%;
	}
}
@media screen and (max-width: 1000px) {
	/* All columns into 3 column mode */
	/*4*/
	.columns-4 .item{
		width: 31.5%;
	}
	/*5*/
	.columns-5 .item{
		width: 31.5%;
	}
	/*5*/
	.columns-6 .item{
		width: 31.5%;
	}
}
@media screen and (max-width: 850px) {
	/* All columns into 2 column mode */
	/*3*/
	.columns-3 .item{
		width: 48%;
		margin-bottom: 6%;
	}
	/*4*/
	.columns-4 .item{
		width: 48%;
		margin-bottom: 6%;
	}
	/*5*/
	.columns-5 .item{
		width: 48%;
		margin-bottom: 6%;
	}
	/*5*/
	.columns-6 .item{
		width: 48%;
		margin-bottom: 6%;
	}
}
@media screen and (max-width: 550px) {
	/* All columns into 1 column mode */
	/*2*/
	.columns-2 .item{
		width: 98%;
		margin-bottom: 6%;
	}
	/*3*/
	.columns-3 .item{
		width: 98%;
	}
	/*4*/
	.columns-4 .item{
		width: 98%;
	}
	/*5*/
	.columns-5 .item{
		width: 98%;
	}
	/*5*/
	.columns-6 .item{
		width: 98%;
	}
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Header, Main Navigation, hamburger
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region pre-header*/
#pre-header .site-width{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#pre-header .inner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
}
#pre-header .social a{
	margin-left: 15px;
}
#pre-header .social a:first-child{
	margin-left: 0;
}
.search-form button {
	font-size: 13px;
	vertical-align: top;
	padding: 12px 9px 6px 12px;
}
.search-form button img{
	width: 20px;
	height: auto;
	vertical-align: top;
}
.search-form input{
	border: none;
	font-size: 13px;
	padding: 14px 10px 14px;
	width: 228px;
}
.search-form input::-webkit-input-placeholder {
	color: currentColor;
}
.search-form input:-moz-placeholder {
	color: currentColor;
}
.search-form input::-moz-placeholder {
	color: currentColor;
}
.search-form input:-ms-input-placeholder {
	color:currentColor;
}
.header_buttons .button{
	font-size: 13px;
	text-transform: none;
	font-weight: 400;
	padding: 11px 25px 7px;
}
.header-email,
.header-tel {
	margin-right: 25px;
	font-size: 13px;
}
.header-email .fa,
.header-tel .fa {
	font-size: 22px;
	float:left;
	padding-top: 1px;
	padding-right: 5px;
}
@media screen and (max-width: 600px) {
	#pre-header .site-width{
		width: 100%;
	}
	.search-form input::-webkit-input-placeholder {
		color:transparent;
	}

	.search-form input:-moz-placeholder {
		color:transparent;
	}

	.search-form input::-moz-placeholder {
		color:transparent;
	}

	.search-form input:-ms-input-placeholder {
		color:transparent;
	}
}

/*#endregion*/

/*#region Main Navigation, hamburger*/
.site-header{
	position: relative;
	z-index: 10;
}
.transparent-header{
	position: absolute;
	z-index: 400;
	width: 100%;
	/*top: 46px;*/
	left: 0;
	/*background-color: transparent;*/
}
/*.admin-bar .transparent-header{*/
/*	top: 78px;*/
/*}*/
.site-header .inner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0;
}
.mobile-inner{
	display: none;
}
.site-logo{
	width: 180px;
	flex: 0 0 180px;
}
.site-logo img{
	width: 100%;
}
#navbar{
	width: 92%;
	margin-left: 8%;
}
#mega-hamburger{
	margin-right: 23px;
}
#navbar #primary-menu{
	margin: 0;
	padding: 0
}
#navbar #primary-menu > li{
	display: inline-block;
	margin-right: 2.7%;
	position: relative;
}
#navbar #primary-menu > li:last-child{
	margin-right: 0;
}
#navbar #primary-menu li a:hover{
	text-decoration: none;
}
#navbar #primary-menu > li a{
	padding: 9px 12px;
	display: block;
}

/** Navigation Sub Menu **/
#primary-menu > li > ul.sub-menu:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -8px);
}
#navbar ul.sub-menu {
	margin: 0;
	position: absolute;
	display: none;
	z-index: 100;
	-webkit-box-shadow: 0 2px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0 2px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 		0 2px 6px -2px rgba(0,0,0,0.75);
	padding: 10px 0;
}
#primary-menu > li > ul.sub-menu {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#navbar ul.sub-menu ul.sub-menu {
	left: 100%;
	top: -3px;
	display: none;
	min-height: calc(100% + 3px);
}
/* Show Sub Menu on hover */
#navbar li.menu-item-has-children:hover > ul.sub-menu {
	display: block;
	z-index: 1;
}
/* Sub Menu links */
#navbar ul.sub-menu li {
	margin: 0;
	width: 100%;
	white-space:nowrap
}
#navbar #primary-menu > li > ul.sub-menu li a {
	padding: 10px 17px;
	display: block;
	text-align: center;
}
#navbar #primary-menu > li > ul.sub-menu ul.sub-menu li:first-child a {
	padding-top: 6px;
}
#navbar #primary-menu > li > ul.sub-menu ul.sub-menu li:last-child a {
	padding-bottom: 6px;
}
#navbar #primary-menu > li > ul.sub-menu > li > a {
	padding: 5px 33px;
	display: block;
	text-align: left;
}
#primary-menu > li > ul.sub-menu > li:after {
	content: '';
	display: block;
	margin: 0 auto;
	max-width: calc(100% - 34px);
}
#primary-menu > li > ul.sub-menu li:last-child:after {
	display: none;
}

.mega-nav-wrapper{
	display: none;
	position: relative;
	z-index: 400;
	min-height: 470px;
	width: 100%;
}
/* Base position, can be overridden in functions js position_mega_nav()*/
.transparent-header ~ .mega-nav-wrapper{
	position: absolute;
	top: 123px;
}
.admin-bar .transparent-header ~ .mega-nav-wrapper{
	top: 155px;
}

.mega-nav-wrapper.open{
	display: block;
}
.mega-nav-wrapper .site-width{
	position: relative;
}

.mega-nav-wrapper .mega-cols{
	width: 80%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px 0;
}
.mega-nav-wrapper .mega-cols .mega-row{
	margin-bottom: 20px;
}
.mega-nav-wrapper .mega-cols .mega-row .mega-col-title {

}
.mega-menu-final ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mega-menu-final ul li{
	margin-top: 10px;
}
.mega-menu-final ul li a{

}
.mega-menu-final ul li a:hover{
	text-decoration: none;
}

#mega-hamburger.hamburger .line{
	width: 28px;
	height: 2px;
	margin: 6px auto;
}

/* Mobile Navigation Burger */
.hamburger {
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 100;
}
.hamburger .line {
	width: 40px;
	height: 5px;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger.is-active .line{

}
.hamburger.is-active .line:nth-child(1) {
	-webkit-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(2) {
	opacity: 0;
}
.hamburger.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}
#mega-hamburger.hamburger.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
#mega-hamburger.hamburger.is-active .line:nth-child(1) {
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}



.show_nav-yes .site-nav {
	opacity: 1;
	visibility: visible;
}
.show_nav-no .site-nav {
	opacity: 0;
	visibility: hidden;
}

.drawer-mobile-nav .mobile-nav {
	position: relative;
	top: initial;
	left: initial;
	width: 100%;
}
.drawer-mobile-nav ul, .drawer-mobile-nav ul li, .drawer-mobile-nav ul li a {
	display: block;
}
.drawer-mobile-nav .sub-menu{
	display: none;
	width:100%;
	left:0;
}
.drawer-mobile-nav .sub-nav-open{
	display: block;
}
.drawer-mobile-nav .hide-other > .menu-item:not(.sub-nav-open):not(.open-sub-nav-parent){
	display: none;
}
.drawer-mobile-nav .hide-other .menu-item.sub-nav-open > a, .drawer-mobile-nav .hide-other .menu-item.open-sub-nav-parent > a{
	display: none;
}
.drawer-mobile-nav .sub-nav-open > .sub-menu{
	display: block;
	padding:0;
}
.drawer-mobile-nav .sub-nav-open > .sub-menu > .menu-item{
	display: block;
}
.drawer-mobile-nav .open-sub-nav-parent > .sub-menu{
	display: block;
	padding:0;
}
.drawer-mobile-nav .open-sub-nav-parent .menu-item{
	display: none;
}
.drawer-mobile-nav .open-sub-nav-parent .menu-item.sub-nav-open, .drawer-mobile-nav .menu-item.open-sub-nav-parent{
	display: block;
}
.drawer-mobile-nav .nav-header{
	z-index: 1;
	position: relative;
}
.drawer-mobile-nav .mobile-nav{
	z-index: 1;
	padding:0 20px 80px;
	margin-top: 85px;
}
.body-overlay{
	position: fixed;
	visibility: hidden;
	z-index: 0;
	background: rgba(0,0,0,0.0);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: all ease-in .4s;
}
.mobile-nav-open .body-overlay{
	visibility: visible;
	background: rgba(0,0,0,0.4);
	transition: all ease-in .4s;
}
/* drawer-mobile-nav style */

.drawer-mobile-nav.open{
	right: 0;

	transition: all ease-in .4s;
}

body.mobile-nav-open header .logo {
	position: relative;
	z-index: 10;
}
header .site-nav nav{
	display: block !important;
	position: unset !important;
}
.drawer-mobile-nav{
	position: fixed;
	top: 0;
	width: 80%;
	right:-80%;
	max-width: 500px;
	height: 100%;
	z-index: 10;
	transition: all ease-in .4s;
}
.drawer-nav-wrapper{
	height: 100%;
	z-index: 1;
	width: 100%;
	position: relative;
	overflow-y: auto;
}
.drawer-mobile-nav .sub-nav-open, .drawer-mobile-nav .mobile-nav {

}
.drawer-mobile-nav .nav-header{
	display: flex;
	padding-top: 60px;
	min-height: 86px;
}
.drawer-mobile-nav .nav-header .drawer-nav-back{
	background: initial;
	width:30px;
	min-width: unset;

	padding:3px 0 0 14px !important;
	display: none;
	font-size: 24px;
}
button.drawer-nav-back:focus{
	outline: none;
}
.drawer-mobile-nav .nav-header .drawer-nav-title{
	width: calc(100% - 80px);
	text-align: center;

	font-size: 20px;
	line-height: initial;
	margin-top: initial;
	margin-bottom: initial;
	display: flex;
	justify-content: center;
	align-self: center;
}
.drawer-mobile-nav .mobile-nav li:not(li.sub-nav-open):not(li.open-sub-nav-parent) {
	border-bottom: 1px solid #ddd;
}
.drawer-mobile-nav .mobile-nav li a {
	padding: 14px 0;
	transition: all .2s;
	text-align: left;
	font-size: 20px;
	max-width: calc(100% - 25px);
}
.drawer-mobile-nav .has-sub-menu > a:after{
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	margin-left: 15px;
	transition: all .25s ease-in-out;
	position: absolute;
	padding-top: 10px;
	top: unset;
	right: 30px;
	transform: unset;
}
.drawer-mobile-nav .mobile-nav li.nav-request-button{
	padding: 4px 0px;
}
.drawer-mobile-nav .mobile-nav li.nav-request-button .button.request-demo {
	text-align: center;
	margin: 10px;
	float: none;
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
}
.drawer-mobile-nav .mobile-nav .nav-search-form-row {
	margin-bottom: 0;
	margin-top:0;
}
.drawer-mobile-nav .mobile-nav .nav-search-form-row a{
	padding: 14px 10px;
}
.drawer-mobile-nav .mobile-nav .nav-search-form-row #searchsubmitmobile {
	top: unset;
	right: 10px;
}



@media only screen and (max-width: 880px){
	#pre-header .social{
		display: none;
	}
	#pre-header .inner{
		width: 100%;
	}
}
@media only screen and (max-width: 710px){
	.search-form input{
		width: 85px;
	}
}
@media only screen and (max-width: 600px){
	.search-form input{
		width: 85px;
	}
	.hamburger {
		display:block;
	}
	.site-header .inner{
		display: none;
	}
	.mobile-inner{
		display: block;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		align-content: center;
		flex-direction: row;
		padding: 18px 0;
	}
	.mobile-inner .site-logo{
		display: inline-block;
	}
	/*#site-navigation {*/
	/*	display:none;*/
	/*}*/
	#navbar ul {
		padding:0;
	}
	#navbar li {
		width: 100%;
	}
	#navbar a {

	}
	.menu-item-has-children > a:after {
		content: "\f054";
		font: normal normal normal 14px/1 FontAwesome;
		display: inline-block;
		margin-left: 15px;
		transition: all 0.25s ease-in-out;
	}
	.menu-item-has-children > a.children-visible:after {
		transform: rotate(-90deg);
	}
	#navbar li.menu-item-has-children:hover ul.sub-menu {

	}
	.header-email,
	.header-tel{
		display: none;
	}

}
/*#endregion*/

/*#region Advert and pink block*/
#mega-Post{
	width: 322px;
	position: absolute;
	right: 10%;
	top: 65px;
	z-index: 20;
}
#mega-Post img{
	width: 100%;
	height: 182px;
	object-fit: cover;
	object-position: top center;
}
#mega-Post a:hover{
	text-decoration: none;
}
#mega-Post .info{
	background: #fff;
	padding: 22px 8%;
}
#mega-Post .info .pre-title{
	margin-bottom: 5px;
	text-transform: uppercase;
}
#mega-Post .info .title{
	margin-bottom: 10px;
}
#mega-Post .info .excerpt{
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 73px;
}
#mega-Post .info .button{

}

.mega-block-arrow{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: -15px;
	right: 23px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #000;
}
.mega-block{
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	height: 100%;
	z-index: 10;
}

/* Move the pink block*/
@media only screen and (min-width: 1940px){
	.mega-block{
		width: 22%;
	}
}
@media only screen and (min-width: 2080px){
	.mega-block{
		width: 24%;
	}
}
@media only screen and (min-width: 2250px){
	.mega-block{
		width: 26%;
	}
}
@media only screen and (max-width: 1780px){
	.mega-block{
		width: 18%;
	}
}
@media only screen and (max-width: 1620px){
	.mega-block{
		width: 15%;
	}
}
@media only screen and (max-width: 1450px){
	.mega-block{
		width: 11%;
	}
}
@media only screen and (max-width: 1140px){
	.mega-block{
		width: 9%;
	}
}
@media only screen and (max-width: 830px){
	.mega-block{
		width: 10%;
	}
}
/*Move the advert*/
@media only screen and (min-width: 2080px){
	#mega-Post{
		right: 13%;
	}
}
@media only screen and (min-width: 2250px){
	#mega-Post{
		right: 15%;
	}
}
@media only screen and (max-width: 1830px){
	#mega-Post{
		right: 5%;
	}
}
@media only screen and (max-width: 1600px){
	#mega-Post{
		right: 2%;
	}
}
@media only screen and (max-width: 1500px){
	#mega-Post {
		width: 250px;
	}
}
@media only screen and (max-width: 1320px){
	.mega-nav-wrapper .mega-cols {
		width: 75%;
	}
}
/* Mega Advert removed */
@media only screen and (max-width: 1040px){
	.mega-nav-wrapper .mega-cols {
		width: 100%;
	}
	#mega-Post,
	.mega-block,
	.mega-block-arrow{
		display: none;
	}
}

/*#endregion*/



/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Notice Bar
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Notice Bar */
.site-notice{
	margin: 0;
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	min-height: 65px;
	width: 100%;
	z-index: 1000;
}
.notice-text{
	width: 100%;
	margin-bottom: 20px;
}
.notice-text .text p:last-child,
.notice-text .text li:last-child,
.notice-text .text ol:last-child{
	margin-bottom:0;
}
.notice-actions{
	position: relative;
}

@media only screen and (max-width: 780px){
	.site-notice .infinite-blue{
		width: 100px;
		height: 100% !important;
	}
}
@media only screen and (max-width: 690px){
	.notice-image {
		display: none;
	}
	.site-notice .site-width{
		width: 97.5%;
		margin: 0 0 0 2.5%;
	}
	.site-notice .infinite-blue{
		display: none;
	}
	.notice-text{
		width: calc(100% - 125px);
		margin-left:0;
	}
	.notice-actions{
		height: 60px !important;
		width: 120px;
	}
	.notice-actions .round-end{
		display: none;
	}
	.site-notice.lines-2 .notice-actions .round-end{
		left: -50px;
	}
	.notice-link{
		left:5px;
	}
	.notice-close{
		left:62px;
	}
}



/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * All Page Builders, Styles used by several row types
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region All PageBuilders */
.page-row,
.page-row-inner{
	width: 100%;
	display: block;
	position: relative;
}
.page-row-mt{
	margin-top: 0;
}
.page-row-mb{
	margin-bottom: 0;
}
.page-row-pt{
	padding-top: 95px;
}
.page-row-pb{
	padding-bottom: 95px;
}
.content-align-center{
	text-align: center;
}
.content-align-right{
	text-align: right;
}
.content-align-left{
	text-align: left;
}
.page-row .intro{
	margin-bottom: 50px;
}
.btn-padding{
	padding: 4px 11px;
}
.lbl{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.015em;
}
.lbl-lower{
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0.015em;
}
.btn{
	font-size: 13.5px;
	font-weight: 400;
	text-transform: uppercase;
}
.builder-buttons{
	margin: 10px 0 0;
	display: block;
}
.builder-buttons .button{
	margin-right: 20px;
	margin-top: 10px;
}
.builder-buttons .button:last-child{
	margin-right: 0;
}
.builder-links{
	margin: 10px 0 0;
	display: block;
}
.arrow-link{
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}
.arrow-link:before{
	font: normal normal normal 17px/1 FontAwesome;
	content: "\f054";
	position: absolute;
	left: 0;
	top: 2px;
	color: currentColor;

}
.inner-content h1,
.inner-content h2,
.inner-content h3,
.inner-content h4,
.inner-content h5,
.inner-content h6{
	line-height: 1.3;
	margin-bottom: 10px;
}
h1.main-title,
h2.main-title,
h3.main-title,
h4.main-title,
h5.main-title,
h6.main-title,
.main-title{
	margin-bottom: 35px;
}
h1.main-title:last-child,
h2.main-title:last-child,
h3.main-title:last-child,
h4.main-title:last-child,
h5.main-title:last-child,
h6.main-title:last-child,
.main-title:last-child{
	margin-bottom: 0;
}

.page-row.bgImage{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 600px) {
	.page-row-pt{
		padding-top: 45px;
	}
	.page-row-pb{
		padding-bottom: 50px;
	}
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: One Column
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region One Column */
.one-column-image{
	margin-bottom: 15px;
	max-height: 300px;
	width: auto;
}
.one-column-image img{
	max-height: 300px;
	width: auto;
}
.content-width-full{

}
.content-width-less{
	width: 80%;
}
.content-width-narrow{
	width: 50%;
}

@media screen and (max-width: 600px) {
	.content-width-less,
	.content-width-narrow{
		width: 100%;
	}

}




/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Two Column
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Two Column */

.two-column{

}
.two-column.page-row .intro {
	margin-bottom: 0;
}

.the-two-columns{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: stretch;
}
.the-two-columns.flex-reverse{
	flex-direction: row-reverse;
}
.the-two-columns .left,
.the-two-columns .right{
	float: none;
	width: 100% !important;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.the-two-columns.has-title .left,
.the-two-columns.has-title .right{
	align-items: flex-start;
}
.the-two-columns .left{
	flex-direction: row-reverse;
}
.the-two-columns .right{
	flex-direction: row;
}

.two-column-content-width-narrow .left .two-col-site-width,
.two-column-content-width-narrow .right .two-col-site-width{
	max-width: 440px;
}

@media screen and (max-width: 600px) {
	.the-two-columns{
		flex-direction: column;
	}
	.the-two-columns.flex-reverse{
		flex-direction: column;
	}
	.two-column-content-width-narrow .left .two-col-site-width,
	.two-column-content-width-narrow .right .two-col-site-width{
		max-width: 640px;
	}
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Image + text
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Image + text */


.image-text .image-half .two-col-site-width{
	padding: 0;
	height: 100%;
}

.image-text .content-half{
	padding: 95px 0;
	min-height: 550px;
}
/* if the image is set to site width */
.image-text .image-site{
	padding: 95px 0;
}
.image-text .image-half.image-full{
	display: block;
}
.image-text .image-text-main-image{
	height: 100%;
	position: relative;
}
.image-text .image-text-main-image img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: top;
}

/* if the image is set to site width */
.image-text .image-site .image-text-main-image img{
	height: auto;
	position: relative;
}

.image-text .content-half .inner-content{
	margin-bottom: 20px;
}

.image-text .video-half .embed-container{
	padding: 0;
}
.image-text .video-half .video-yt{
	width: 100%;
	height: 400px;
}
.image-text .video-half .embed-container .wp-video{
	width: 100%!important;
}

@media screen and (max-width: 600px) {
	.image-text .content-half{
		min-height: 0;
	}
	.image-text .left,
	.image-text .right{
		float: none;
		width: 100%;
		margin-top: 0 !important;
	}
	.image-text .image-text-main-image{
		min-height: 300px;
	}
	.image-text .content-half{
		padding: 45px 0;
	}
	.image-text .image-site{
		padding: 20px 0;
	}
	.image-text .embed-container{
		margin-top: 45px;
	}
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Any Post Picker
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Any Post Picker */


/*#endregion*/


/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Logo slider
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region  slider */

.logo-slider{

}
.logo-slider .item{
	padding:50px;
}
.hero-constant{
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero-slider .embed-container,
.hero-slider .image-container{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.hero-slider .embed-container:before,
.hero-constant .image-container:before,
.hero-slides .hero-slide.Image:before{
	content: '';
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}
/* Self host */
.hero-slider .embed-container .wp-video .mejs-controls{
	display: none;
}
.hero-slider .embed-container .wp-video,
.hero-slider .embed-container .wp-video .mejs-container{
	height: 100% !important;
	width: 100% !important;
}
.hero-slider .embed-container .wp-video .mejs-container video{
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	object-position: top;
}
/* Vimio and YouTube */
.hero-slider .embed-container iframe{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* Image */
.hero-constant .image-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.hero-slides{
	position: relative;
	z-index: 300;
	width: 100%;
	height: 100%;
}
.hero-slides .slick-list,
.hero-slides .slick-track,
.hero-slides .hero-slide {
	height: 100%;
}
.hero-slides .hero-slide{
	position: relative;
}
.hero-slides .hero-slide.Image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.hero-slides .hero-slide .slide-video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.hero-slides .hero-slide .site-width{
	display: block;
	height: 100%;
	position: relative;
}
.hero-slides .hero-slide .site-width .inner{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	z-index: 400;
	transform: translateY(-50%);
	max-width: 650px;
	width: 90%;
}

.hero-slides .slick-dots{
	position: absolute;
	bottom: 5%;
	left: 0;
	z-index: 300;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
.hero-slides .slick-dots li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
.hero-slides .slick-dots li:last-child{
	margin-right: 0;
}
.hero-slides .slick-dots li:before{
	display: none;
}
.hero-slides .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 7px;
	height: 7px;
	padding: 2px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #fff;
	opacity: 0.7;
	min-width: 0;
}
.hero-slides .slick-dots li.slick-active{
	position: relative;
	top: -1px;
}
.hero-slides .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	opacity: 0.9;
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Logo Slider
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Logo Slider */
#award-logos{

}
.logo-slides .item{
	margin-left: 20px;
}
.logo-slides .slick-list{
	padding: 0;
	margin: 0 auto;
	width: 90%;

}
.logo-slides .slick-arrow{
	position: absolute;
	top: 90px;
}
.logo-slides .slick-arrow.partner-left {
	left: 0;
}
.logo-slides .slick-arrow.partner-right {
	right: 0;
}
.partner-slides .slide{

}
.logo-slides .item img{
	transition: all 300ms;
	max-height:115px;
	width:auto;
}
.logo-slides .item img:hover{
	transform: scale(1.5) translateY(10px);
	background-color: currentColor;
}

/*#endregion*/


/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Hero slider
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Hero slider */

.hero-slider{
	height: 80vh;
}
.hero-constant{
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hero-slider .overlay-graphic {
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
	display: flex;
	z-index: 200;
	top: 0px;
}
.hero-slider .overlay-graphic img {
	 max-width: 630px;
	 float: right;
	max-height: 500px;
 }
.hero-slider .embed-container,
.hero-slider .image-container{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.hero-slider .embed-container:before,
.hero-constant .image-container:before,
.hero-slides .hero-slide.Image:before{
	content: '';
	background-color: transparent;
	background: transparent linear-gradient(240deg, #8C493966 0%, #8C4939 80%) 0% 0% no-repeat padding-box;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 95%;
	z-index: 0;
}
/* Self host */
.hero-slider .embed-container .wp-video .mejs-controls{
	display: none;
}
.hero-slider .embed-container .wp-video,
.hero-slider .embed-container .wp-video .mejs-container{
	height: 100% !important;
	width: 100% !important;
}
.hero-slider .embed-container .wp-video .mejs-container video{
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	object-position: top;
}
/* Vimio and YouTube */
.hero-slider .embed-container iframe{
	position: absolute;
	height: 150%;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* Image */
.hero-constant .image-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.hero-slides{
	position: relative;
	z-index: 300;
	width: 100%;
	height: 100%;
}
.hero-slides .slick-list,
.hero-slides .slick-track,
.hero-slides .hero-slide {
	height: 100%;
}
.hero-slides .hero-slide{
	position: relative;
}
.hero-slides .hero-slide .main-title {
	margin-bottom: 35px;
	margin-bottom: 35px;
}
.hero-slides .hero-slide.Image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.hero-slides .hero-slide .slide-video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.hero-slides .hero-slide .site-width{
	display: block;
	height: 100%;
	position: relative;
}
.hero-slides .hero-slide .site-width .inner{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	z-index: 400;
	transform: translateY(-50%);
	max-width: 650px;
	width: 90%;
}

.hero-slides .slick-dots{
	position: absolute;
	bottom: 5%;
	left: 0;
	z-index: 300;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
.hero-slides .slick-dots li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
.hero-slides .slick-dots li:last-child{
	margin-right: 0;
}
.hero-slides .slick-dots li:before{
	display: none;
}
.hero-slides .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 7px;
	height: 7px;
	padding: 2px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #fff;
	opacity: 0.7;
	min-width: 0;
}
.hero-slides .slick-dots li.slick-active{
	position: relative;
	top: -1px;
}
.hero-slides .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	opacity: 0.9;
}
@media screen and (max-width: 1250px) {
	.hero-slider .overlay-graphic img {
		max-width: 400px;
	}
}
@media screen and (max-width: 1150px) {
	.hero-slider.with-overlay-graphic .hero-slides .hero-slide .site-width .inner {
		max-width: 550px;
	}
}
@media screen and (max-width: 1050px) {
	.hero-slider .overlay-graphic img {
		max-width: 300px;
	}
}
@media screen and (max-width: 930px) {
	.hero-slider.with-overlay-graphic .hero-slides .hero-slide .site-width .inner {
		max-width: 650px;
	}
	.hero-slider .overlay-graphic {
		position: relative;
		height: 250px;
		text-align: center;
	}
	.hero-slider .overlay-graphic img {
		float:none;
		max-height: 200px;
	}
	.hero-slider.with-overlay-graphic {
		height: calc(80vh + 250px);
	}
	.hero-slider.with-overlay-graphic .hero-slides, .hero-slider.with-overlay-graphic .hero-constant {
		height: calc(100% - 250px);
		top: 0;
		bottom: unset;
	}
}
@media screen and (max-width: 650px) {
	.hero-slider{
		height:auto;
		padding: 50px 0 70px;
	}
	.hero-slides{
		padding-top: 75px;
	}
	.hero-slides .hero-slide .site-width .inner {
		position: relative;
		top: 10%;
		transform: translateY(0);
	}
	.hero-slides .slick-dots{
		bottom: -45px;
	}
	.hero-slides .hero-slide .main-title {
		font-size: 40px;
		line-height: 50px;
	}
	.hero-slider.with-overlay-graphic {
		padding-bottom: 0px;
		height: auto;
	}
	.hero-slider.with-overlay-graphic .hero-slides, .hero-slider.with-overlay-graphic .hero-constant {
		height: auto;
		bottom: 0;
	}
	.hero-slider .overlay-graphic {
		margin-top: 80px;
	}
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Contact form
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Contact form */
.contact-form{

}
.contact-form .image-half{
	width: 30%;
	position: relative;
}
.contact-form .content-half{
	width: 67%;
}
.contact-form .content-half .inner-content{
	margin-bottom: 25px;
}

@media screen and (max-width: 600px) {
	.contact-form .image-half{
		display: none;
	}
	.contact-form .content-half{
		width: 100%;
	}
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Ninja Forms
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Ninja Forms */

fieldset{
	border: none;
}
fieldset legend{/* Dont show the legend */
	display: none;
}
.site-main .nf-form-content ul li:before {/* remove bullet points */
	display: none;
}
.list-checkbox-wrap .nf-field-element li label,
.list-image-wrap .nf-field-element li label,
.list-radio-wrap .nf-field-element li label{/* make sure the labels lineup correctly */
	text-align: left;
}

div.nf-form-content{
	padding: 0;
 	max-width: 100%;
}
div.nf-multi-cell .nf-cell{
	padding: 0 5px 0 0;
}
div.nf-field-label label{

}
div.nf-error div.nf-error-msg {
}
span.ninja-forms-req-symbol{
	color: #c40000;
}
div.nf-error .ninja-forms-field{
}
div.nf-error.field-wrap .nf-field-element:after{
	height: auto;
	line-height: 45px;
}
div.nf-form-content .listselect-wrap .nf-field-element div,
div.nf-form-content input.ninja-forms-field,
div.nf-form-content select.ninja-forms-field:not([multiple]){
	height: 44px;
}
div.nf-form-content .list-select-wrap>div div:after{
	height: 47px;
}
div.nf-form-content button,
div.nf-form-content input[type=button],
div.nf-form-content input[type=submit]{
	height: auto;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: FAQ
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region FAQ */

.question-and-answers .q-and-a { /* */
	margin: 0 auto 20px;
	max-width: 750px;
}
.question-and-answers .question a {
	display: block;
	padding: 5px 20px 5px 35px;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	border-bottom: none;
	width: 100%;
}
.question-and-answers .answer {
	padding: 0 0 20px 35px;
	width: 100%;
	display: none;
}
.question-and-answers .answer ul:first-child,
.question-and-answers .answer ol:first-child{
	margin-top: 0;
}
.flip-arrow {
	position: absolute;
	top: 4px;
	left: 0;
	transform: rotate(-90deg);
	height: 29px;
	width: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.2s ease;
}
.flip-arrow:before,
.flip-arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 15px;
	height: 3px;
	display: block;
}
.flip-arrow:before {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.flip-arrow:after {
	right: 0;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
/* Change arrow direction
.toggleActive .flip-arrow:before {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
.toggleActive .flip-arrow:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}*/
.toggleActive .flip-arrow{
	transform: rotate(0deg);
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Maps
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Maps */

.map-wrap{
	width: 100%;
	height: 100%;
	min-height: 450px;
	position: relative;
}
.map-canvas {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.map-row .content-half .title{
	margin-bottom: 30px;
}
.map-row .content-half .contact-row{
	margin-bottom: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.map-row .content-half .contact-row:last-child{
	margin-bottom: 0;
}
.map-row .content-half .contact-row .ico{
	width: 50px;
	height: 50px;
	margin-right: 20px;
	display: inline-block;
	background-repeat: no-repeat;
}
.map-row .content-half .contact-row .info{
	display: inline-block;
	width: calc(100% - 70px);
}
.map-row .content-half .contact-row .ico img{
	width: 100%;
}

@media screen and (max-width: 600px) {
	.map-row .content-half .inner-content{
		padding: 20px 0;
	}
}


/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Reviews List
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Reviews List */


.the-reviews-list {
	margin:0 auto;
}

.the-reviews-list .info {
	text-align:center;
	padding-right:15px;
	padding-left:15px;
	margin-bottom:46px;
}
.the-reviews-list .info .short_content {
	margin-bottom: 8px;
}
.the-reviews-list .name-bold, .the-reviews-list .bold-bold {
	font-weight:bold;
}






/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Reviews Columns
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Reviews Columns */


.the-reviews-columns{
	display:flex;
	margin:0 auto;

}

.the-reviews-columns .item {
	flex:1;
	text-align:center;
	padding:10px;

}

.the-reviews-columns .info{
	text-align:center;

}

.the-reviews-columns .name-bold, .the-reviews-columns .bold-bold {
	font-weight:bold;
}

.the-reviews-columns .short_content{
	padding:15px;
	padding-right:50px;
	padding-left:50px;
}

.reviews-columns .wrapper .open-quotemarks {
	position:absolute;
	left:-50px;
	height:100px;
	width:100px;
	top:-52px;
}
.reviews-columns .wrapper .close-quotemarks{
	position:absolute;
	bottom:-50px;
	right:-30px;
	height:100px;
	width:100px;
	z-index:1;
}
.reviews-columns .wrapper {
	position:relative;
}
@media screen and (max-width: 800px) {
	.the-reviews-columns {
		flex-direction: column;
	}
}
@media screen and (max-width: 1115px) {
	.reviews-columns img {
		display:none;
	}

}




/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: File Picker
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region File Picker */

.file-picker {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}
.file-picker .item{
	width: 30%;
	margin-right: 3.5%;
	flex: 0 1 22.032%;
	margin-bottom: 30px;
	position: relative;
}
.file-picker .item:nth-child(4n){
	margin-right: 0;
}
.file-picker .item:last-child{
	margin-right: 0;
}

.file-picker .item{
	width: 100%;
	max-width:385px;
	min-width: 200px;
	background-color: #f2f2f2;
	text-align:left;
	padding-bottom:10px;

}
.file-picker .item .info{
	display:flex;
	flex-direction:column;
}

.file-picker .item .icon{
float:left;
padding:15px 30px 15px 15px;
}

.file-picker .item .info .title{
	font-weight:bold;
	padding:10px 10px 15px 0px;
}

.file-picker .item a:hover{
	text-decoration:none;
}

.file-picker .item .info .link{
	padding-top:10px;
	text-decoration:underline;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Team
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Team */
.archive-wrapper .archive-block.team .archive-info .excerpt {

}
.team-single .header{

}

.team-single .header .site-width{
	display:flex;
}

.team-single .header .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.team-single .header .left-column .image-wrap{
	width:100%;
}

.team-single .header .left-column img{
	display:inline-block;
	width:100%;
	object-fit:cover;
}

.team-single .header .site-width .right-column{
	flex:0 0 60%;
	text-align:left;
	margin-top:150px;
	line-height: 3;
	text-transform:uppercase;
	font-weight:600;
}

.team-single .body .site-width{
	display:flex;
}



.team-single .body .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.team-single .body .site-width .right-column{
	margin-top:70px;
	margin-bottom:50px;
	flex:0 0 60%;
}

.team-single .body .site-width .right-column .info-wrapper{
	max-width:100%;
}



.team-single .body .site-width .left-column .contact{
	background-color:#F2F2F2;
	width:100%;
	margin-bottom:105px;
}

.team-single .body .site-width .left-column .contact .email{

	font-family: 'Nunito', sans-serif;
	margin-left:37px;
	padding-top:33px;
	padding-bottom:9px;
}

.team-single .body .site-width .left-column .contact .socials{
	font-weight:bold;
	margin-left:37px;
	padding-bottom:33px;
	padding-top:9px;
}

.team-single .body .site-width .left-column .contact .socials .icons {
	font-size: 10px;
	text-align:left;
	padding-top:4px;
}

.team-single .body .site-width .left-column .contact .socials .icons a:hover{
	text-decoration:none;
}

.team-single .body .site-width .left-column .quote-wrap .quote {

	margin-left:-150px;
}

.team-single  .body .site-width .right-column h4 {
	padding-top:20px;
	padding-bottom:20px;
}

.team-single .body .right-column .at-a-glance{
	padding-top:45px;
}

.team-single .quote-wrap {
	position: relative;
}


.team-single .quote-wrap .quote .item{
	padding-left:150px;
	margin-right:146px;
	text-align:left;

}

.team-single .quote-wrap .quote .quote-title{
	padding-top:43px;
	padding-left:150px;
	margin-right:146px;
	text-align:left;

}

.team-single .quote-wrap .quote .item .quoter{
	font-weight:bold;
	padding-bottom:30px;
}

.team-single .quote-wrap .quote .open-quotemarks{

	position:absolute;
	width:100px;
	height:100px;
	left:-115px;
	top:40px;
}

.team-single .quote-wrap .quote .closed-quotemarks{

	position:absolute;
	bottom:-10px;
	right:30px;
	width:100px;
	height:100px;
}

.team-single .right-column .team-title{
	margin-bottom: 10px;
}
.team-single .right-column .job-title {
	font-weight:400;
}
@media screen and (max-width: 1175px) {
	.team-single .body .site-width .left-column{
		margin-right:2%;
	}
	.team-single .header .site-width .left-column {
		margin-right:2%;
	}

}

@media screen and (max-width: 850px){
	.team-single .body .site-width{
		flex-direction:column;
		display:block;
	}
	.team-single .body .site-width .right-column{
		margin-top:10px;
	}
	.team-single .body .site-width .left-column .contact{
		margin-bottom:0px;

	}
	.team-single .body .site-width .left-column .quote-wrap .quote{
		display:none;
	}
	.team-single .body .site-width .left-column{
		min-width:100%;
	}
}



/*#endregion*/

/**
* --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Case Studies
 * --------------------------------------------------------------------------------------------------------------------
 **/

/*#region Case Studies */

.case-single .header{
	background-color:#F2F2F2;
}

.case-single .header .site-width{
	display:flex;
}

.case-single .header .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.case-single .header .left-column .image-wrap{
	width:100%;
}

.case-single .header .left-column img{
	inline:block;
	width:100%;

}

.case-single .header .site-width .right-column{
	flex:0 0 60%;
	text-align:left;
	margin-top:50px;
	margin-bottom:20px;
}

.case-single .header .site-width .right-column .organisation-wrap{
	display:block;
	padding-bottom:30px;
}

.case-single .header .site-width .right-column img{
	height:40px;
	width:auto;
}

.case-single .body .site-width{
	display:flex;
}

.case-single .body .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.case-single .body .site-width .right-column{
	flex:0 0 60%;
	margin-top:70px;
	margin-bottom:50px;
}

.case-single .body .site-width .left-column .about-me{
	background-color:#F2F2F2;
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
}

.case-single .body .site-width .left-column .download-case{
	padding-top:10px;
	padding-bottom:100px;
}

.case-single .body .site-width .left-column .more-download-case{
	padding-bottom:50px;
}
.more-download-case .archive-wrapper{
	justify-content: space-between;
}
.case-single .body .site-width .left-column .consultant_content{
	padding:25px;
	background-color:#F2F2F2;
	width:100%;
	margin-bottom:40px;
}

.case-single .body .site-width .left-column .about-me .details {
	padding-left:20px;
	padding-bottom:10px;
	font-weight:700;
}
.case-single .body .site-width .left-column .about-me h5{
	padding-top:20px;
}

.case-single .body .site-width .left-column .about-me img {
	height:auto;
	width:130px;
}

.case-single .body .site-width .right-column .info-wrapper{
	max-width:100%;
}

.case-single .info-wrapper h1, h2, h3, h4, h5, h6{
	margin-top:15px;
	margin-bottom:20px;
}



.case-single .quote-wrap {
	position: relative;
	margin-bottom:50px;
	margin-left:-120px;
	overflow:hidden;
}

.case-single h5,h4{
	padding-bottom:20px;
}
.case-single .quote-wrap .quote .item{
	text-align:left;
	padding-right:87px;
	padding-left:120px;
	padding-bottom:40px;
}

.case-single .quote-wrap .quote .quote-title{
	text-align:left;
	padding:50px 145px 0px 150px;
}

.case-single .quote-wrap .quote .open-quotemarks{
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:-10px;
}

.case-single .quote-wrap .quote .closed-quotemarks{
	position:absolute;
	bottom:-35px;
	right:-5px;
	width:90px;
	height:90px;
}


@media screen and (max-width: 1200px) {
	.case-single .body .site-width .left-column{
		margin-right:5%;
	}
	.case-single .header .site-width .left-column {

	}
	.case-single .body .site-width .right-column .info-wrapper{
		margin-right:5%;
	}

}
@media screen and (max-width: 850px){
	.case-single .body .site-width{
		flex-direction:column;
		display:block;
	}
	.case-single .body .site-width .right-column .info-wrapper{
		margin-right:0%;
	}
	.case-single .body .site-width .right-column{
		margin-top:10px;
	}
	.case-single .body .site-width .left-column .quote-wrap .quote{
		display:none;
	}
	.case-single .body .site-width .left-column{
		min-width:100%;
	}
	.case-single .body .site-width .left-column .download-case{
		padding-bottom:0px;
	}
}



/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Download Brochure
 * --------------------------------------------------------------------------------------------------------------------
 **/

/*#region Download Brochure */


.brochure-title {
	text-align:center;
	background-color: #f2f2f2;
	padding-top:75px;
}

.brochure-title p{
	padding-top:15px;
}

.download-brochure-wrap{
	background-color: #f2f2f2;
	display:flex;
	align-items:center;
}

.download-brochure-wrap .download-brochure-cover{
	flex:0 0 40%;
	text-align:center;
}

.download-brochure-wrap .download-brochure-cover > img {
	max-width: 420px;
}

.download-brochure-wrap input[type=text], .download-brochure-wrap select{
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

.download-brochure-wrap label {
	padding: 12px 12px 12px 0;
	display: block;
	text-align:left;
}

.download-brochure-wrap input[type=submit] {
	color: white;
	padding: 5px 20px;
	border: none;
	border-radius: 30px;
	cursor: pointer;
}

.download-brochure-wrap .form-wrapper {
	flex:0 0 60%;
	padding:20px;
}

.download-brochure-wrap .row{
	display:inline-block;
	padding-right:10px;
	width:49%;
}

.download-brochure-wrap .email-row{
	width:100%;
}

.download-brochure-wrap .row:after {
	content: "";
	display: table;
	clear: both;
}

.download-brochure-wrap .form-wrapper .row-submit{
	padding-top:30px;
	text-align:center;
}

@media screen and (max-width: 600px) {
	.download-brochure-wrap{

		flex-direction: column;
	}
	.download-brochure-wrap input[type=submit] {
		width: 100%;
		margin-top: 0;
	}
	.download-brochure-wrap .row{
		width: 100%;
	}
}



	/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: newsletter
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region newsletter */
.newsletter-wrap {
	text-align:center;
}

.newsletter-wrap .newsletter-input {
	padding:20px 0;
}

.newsletter-wrap .newsletter-input input[type=email]{
	border: none;
	border-radius: 30px;
	padding: 12px 20px 13px;
	display: inline-block;
	vertical-align: top;
	width: calc(60% - 200px);
	min-width: 200px;
}

.newsletter-wrap .newsletter-input input[type=submit] {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}

.newsletter-wrap .newsletter-terms p{
	padding:20px;
}

.newsletter-input button[type=submit] {
	background-color: transparent;
	border: solid 1px #fff;
	color: #fff;
}

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

	.newsletter-wrap .newsletter-input input[type=email]{
		margin-bottom: 20px;
	}
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Blog
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Blog */
#posts-archive{
	width: 100%;
}

.blog-single .header .site-width {
	display:flex;
}

.blog-single .header{
}

.blog-single .header .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.blog-single .header .left-column .image-wrap{
	width:100%;
}

.blog-single .header .left-column img{
	inline:block;
	width:100%;
}


.blog-single .body .site-width{
	display:flex;
}

.blog-single .body .site-width .left-column{
	flex:0 0 40%;
	margin-right:100px;
	max-width:385px;
}

.blog-single .body .site-width .right-column{
	margin-top:70px;
	margin-bottom:50px;
	flex:0 0 60%;
}
.blog-single .body .site-width .right-column img{
	max-width: 100%;
}

.blog-single .body .site-width .right-column .info-wrapper {
	max-width: 100%;
}

.blog-single .body .site-width .left-column .caption-box{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 30px;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	background-color:#F2F2F2;
}
.blog-single .body .site-width .left-column .author-box{
	text-align: left;
	width: 70%;
	padding-left: 30px;
}
.blog-single .body .site-width .left-column .time-stamp{
	width:30%;
	color:#fff;
	padding:20px;
	text-align:center;
	font-weight:bold;
}

.blog-single .body .site-width .left-column .share-article{
	padding-bottom:52px;
	font-size: 30px;
	opacity: 0.5;
}

.blog-single .body .site-width .left-column .share-article a{
	padding-right:45px;
}

.blog-single .body .site-width .left-column .about-author{
	padding-bottom:20px;
	display:flex;
}

.blog-single .body .site-width .left-column .tags {

}

.blog-single .body .site-width .left-column .tags a{
	background-color: #F2F2F2;
	display:inline-block;
	margin-right:20px;
	text-transform: uppercase;
	padding: 5px 10px;
}

.blog-single .header .site-width .right-column .author{
	margin-top:100px;
	margin-bottom:45px;
}
.blog-single .header .site-width .right-column .author .written-by {
	font-weight: 700;
	margin-bottom: 10px;
}
.blog-single  .body .site-width .right-column h4 {
	padding-top:20px;
	padding-bottom:20px;
}
.blog-single  .body .site-width .left-column h4 {
	padding-bottom:20px;
}

.blog-single .body .site-width .left-column .about-author img {
	width:100px;
	height:auto;
	object-fit: cover;
}

.blog-single .body .site-width .left-column .about-author .description {
	margin-left:22px;
	margin-top:10px;
}

.blog-single .body .extra-reading h3{
	text-align:center;
	padding-bottom:30px;
}

.blog-single .body .extra-reading .site-width{
	justify-content:space-around;
	margin-bottom:100px;
}


@media screen and (max-width: 1175px) {
	.blog-single .body .site-width .left-column{
		margin-right:2%;
	}
	.blog-single .header .site-width .left-column {
		margin-right:2%;
	}

}

@media screen and (max-width: 850px){
	.blog-single .body .site-width{
		flex-direction:column;
		display:block;
	}
	.blog-single .body .site-width .right-column{
		margin-top:10px;
	}
	.blog-single .body .site-width .left-column .contact{
		margin-bottom:0px;
	}
	.blog-single .body .site-width .left-column{
		min-width:100%;
	}
	.blog-single .body .site-width .left-column .share-article {
		display: none;
	}
	.blog-single .body .site-width .left-column .hidden-header {
		display: none !important;
	}
	.blog-single .body .site-width .right-column img{
		width: 100%;
	}
}
@media screen and (max-width: 600px){
	.blog-single .header .site-width{
		display: block;
	}
	.blog-single .header .site-width .left-column{
		
	}
	.blog-single .header .site-width .right-column{
		padding: 0 0 1px 0;
	}
	
}


/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Link boxes
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Link Boxes */


.link-boxes-wrapper{
	margin: 0 auto;
	justify-content: space-evenly;
}

.link-boxes-wrapper .item{
	position: relative;
}
.link-boxes-wrapper .item .inner{
	display: block;
	padding: 42px;
	height: 100%;
	transition: opacity ease-in 300ms;
}
.link-boxes-wrapper .item a.inner:hover{
	text-decoration: none;
	opacity: 0.8;
	transition: opacity ease-out 300ms;
}
.link-boxes-wrapper .link-box-arrow{
	width: 30px;
	height: auto;
}
.link-boxes-wrapper .item .inner .title{
	margin-bottom: 20px;
}
.link-boxes-wrapper .item .inner .excerpt{
	margin-bottom: 20px;
}
.link-boxes-wrapper .item .inner > *:last-child{
	margin-bottom: 0;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Step by Step
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region The Process */
.step_by_step .content-width-narrow{
	margin: 0 auto;
}
.steps{

}
.steps .item{
	margin-bottom: 30px;
}
.steps .item:last-child{
	margin-bottom: 0;
}
.steps .item .head{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom: 10px;
}
.steps .item .head .step{
	flex: 1 1 300px;
	text-align: center;
	padding: 30px 20px;
	display:flex;
	align-items: center;
	justify-content: center;
}
.steps .item .head .title{
	flex: 1 1 100%;
	text-align: left;
	padding: 30px 20px;
	display:flex;
	align-items: center;
}
.steps .item .content{

}

.arrow-right {
	position:relative;
	right:20px;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 10px solid #1A3349;
}


@media screen and (max-width: 980px) {
	.step_by_setp .content-width-narrow{
		width: 80%;
	}
}

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

	.steps .item .head{
		flex-direction: column;
	}
	.steps .item .head .step {
		flex: 1;
	}
	.steps .item .head .title{
		text-align: center;
	}

}




/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: quote
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region quote */


.quote{
	overflow: hidden;
}
.quote .inner{
	position: relative;
	width: 75%;
	margin: 0 auto;
	max-width: 760px;
}
.quote .inner .open-quotemarks{
	position:absolute;
	top: 0;
	left:-140px;
	height:100px;
	width:100px;
	z-index: 40;
}
.quote .inner .close-quotemarks{
	position:absolute;
	top: 0;
	right:-140px;
	height:100px;
	width:100px;
	z-index: 40;
}
.quote .inner .h4{
	position: relative;
	z-index: 50;
}





/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Intro block
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Intro block */

.intro-title{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.intro-title.Tall{
	min-height: 292px;
	position: relative;
}
.intro-title.Short.page-row-pt {
	padding-top: 50px;
}
.intro-title.Short.page-row-pb {
	padding-bottom: 50px;
}

.intro-title.Tall .main-title{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}


@media screen and (max-width: 650px) {
	.intro-title.Tall .main-title {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Two columns with icons
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Two columns with icons */

.two-column-width-icons{

}
.two-column-width-icons .two-col-site-width .inner-content{
	padding: 45px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}
.two-column-width-icons .two-col-site-width .inner-content a:hover{
	text-decoration: none;
}
.two-column-width-icons .two-col-site-width .inner-content .icon{
	flex: 0 0 113px;
	margin-right: 40px;
}
.two-column-width-icons .two-col-site-width .inner-content .icon .inner{
	background-color: rgba(255,255,255,0.7);
	border-radius: 50%;
	padding: 100% 0 0 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.two-column-width-icons .two-col-site-width .inner-content .icon .inner img{
	width: 60%;
	height: 60%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.two-column-width-icons .two-col-site-width .inner-content .info{
	flex: 1 1 calc(100% - 113px);
}
.two-column-width-icons .two-col-site-width .inner-content .info .link-box-arrow{
	width: 30px;
}
.two-column-width-icons .two-col-site-width .inner-content .info .title{
	margin-bottom: 20px;
}
.two-column-width-icons .two-col-site-width .inner-content .info .excerpt{
	margin-bottom: 20px;
}
.two-column-width-icons .two-col-site-width .inner-content .info > *:last-child{
	margin-bottom: 0;
}


@media screen and (max-width: 850px) {
	.two-column-width-icons .two-col-site-width .inner-content .icon {
		flex: 0 0 90px;
		margin-right: 10px;
	}
	.two-column-width-icons .two-col-site-width .inner-content .info{
		flex: 1 1 calc(100% - 90px);
	}
}



/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Reviews Premium
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Reviews Premium */

.the-reviews-premium{
	width: calc(100% - 100px);
	margin: 70px auto 0;
	position: relative;
}
.the-reviews-premium .item{
	display: flex;
}
.the-reviews-premium .item .review-image{
	flex: 0 0 280px;
	margin-right: 30px;
}
.the-reviews-premium .item .info{
	flex: 1 1 80%;
}
.the-reviews-premium .item .info .name-bold{
	font-weight: 700;
}
.the-reviews-premium .item .info .long_content{
	margin-top: 30px;
}
.the-reviews-premium .slick-dots{
	position: absolute;
	bottom: -10%;
	left: 0;
	z-index: 300;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
.the-reviews-premium .slick-dots li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
.the-reviews-premium .slick-dots li:last-child{
	margin-right: 0;
}
.the-reviews-premium .slick-dots li:before{
	display: none;
}
.the-reviews-premium .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 7px;
	height: 7px;
	padding: 2px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #666;
	opacity: 0.7;
	min-width: 0;
}
.the-reviews-premium .slick-dots li.slick-active{
	position: relative;
	top: -1px;
}
.the-reviews-premium .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	opacity: 0.9;
}
.the-reviews-premium .slick-arrow{
	position: absolute;
	top: 50%;
	opacity: 0.7;
}
.the-reviews-premium .slick-arrow.partner-left {
	left: -125px;
}
.the-reviews-premium .slick-arrow.partner-right {
	right: -125px;
}

@media screen and (max-width: 1480px) {
	.the-reviews-premium .slick-arrow.partner-left {
		left: -50px;
	}
	.the-reviews-premium .slick-arrow.partner-right {
		right: -50px;
	}
}
@media screen and (max-width: 800px) {
	.the-reviews-premium .item {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: space-around;
		justify-content: space-evenly;
		align-items: center;
	}
	.the-reviews-premium .item .review-image{
		margin-bottom: 40px;
	}
	.the-reviews-premium .item .info{
		text-align: center;
	}
}
/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Column images
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region column images */

@media screen and (max-width: 600px) {
	.column-images .images .item{
		text-align: center;
	}
}




/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * icon boxes horizontal
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region icon boxes horizontal */

.icon-boxes-horizontal .icon-box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.icon-boxes-horizontal .icon-box-container > :nth-child(n+4) {
	margin-top: 30px;
}

.icon-boxes-horizontal .icon-box-single {
	display: flex;
	width: 32%;
	background: #F2F2F2;
	border-radius: 5px;
	padding: 20px;
	transition: ease-in 0.2s;
}

.icon-boxes-horizontal .icon-box-container a {
	text-decoration: none;
	color: #000;
}

.icon-boxes-horizontal .icon-box-single span {
	margin: auto 15px;
	font-weight: 500;
}

.icon-boxes-horizontal .icon-box-single:hover img, .icon-boxes-horizontal .icon-box-single:hover span {
	filter: brightness(5.5);
	color: #fff;
}

@media screen and (max-width: 900px) {
	.icon-boxes-horizontal .icon-box-single {
		width: 49%;
	}

	.icon-boxes-horizontal .icon-box-container > :nth-child(n+3) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 600px) {
	.icon-boxes-horizontal .icon-box-single {
		width: 100%;
	}

	.icon-boxes-horizontal .icon-box-container > :nth-child(n+2) {
		margin-top: 20px;
	}
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * icon boxes vertical
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region icon boxes vertical */

.icon-boxes-vertical{

}
.icon-boxes-vertical .item{
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	padding: 30px 30px;
}
.icon-boxes-vertical .item img.ico{
	display: block;
	height: 70px;
	width: auto;
	margin: 0 auto 20px;
}
.icon-boxes-vertical .item .title{
	display: block;
	margin: 0 auto 20px;
}
.icon-boxes-vertical .item .excerpt{
	display: block;
	margin: 0 auto 20px;
}
.icon-boxes-vertical .item .builder-buttons{
	margin-top: 0;
}
.icon-boxes-vertical .item .builder-buttons .button:first-child{
	margin-top: 0;
}


/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: TPL
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region TPL */






/*#endregion*/


/**
 * --------------------------------------------------------------------------------------------------------------------
 * Page Builder: Three or Four Columns
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Three or Four Columns */
.three-four-columns .archive-wrapper.columns-3 .archive-block {
	flex: 0 1 384px;
}
@media only screen and (max-width:1230px){
	.three-four-columns .archive-wrapper.columns-3 .archive-block {
		flex: 0 0 282px;
	}
}
@media only screen and (max-width:850px){
	.three-four-columns .archive-wrapper.columns-3 .archive-block {
		flex: 0 0 250px;
		margin: 20px 2% 0;
	}
}



/*#endregion*/


/**
 * --------------------------------------------------------------------------------------------------------------------
 * Post Archive All
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region Post Archive All */

.archive-title.intro-title{
	margin-bottom: 50px;
}

.archive-wrapper{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}
.archive-wrapper .archive-block{
	width: 30%;
	margin-right: 3.5%;
	flex: 0 1 22.032%;
	margin-bottom: 30px;
	position: relative;
}
.archive-wrapper .archive-block:nth-child(4n){
	margin-right: 0;
}
.archive-wrapper .archive-block:last-child{
	margin-right: 0;
}
.archive-wrapper .archive-block a{
	display: block;
	height: 100%;
	padding-bottom: 50px;
}
.archive-wrapper .archive-block.team a{
	padding-bottom: 15px;
}
.archive-wrapper .archive-block:hover a{
	text-decoration: none;
}
.archive-wrapper .archive-block .archive-image{
	position: relative;
	width: 100%;
	padding-top: 74.5%;
	overflow: hidden;
}
.archive-wrapper .archive-block.team .archive-image{
	padding-top: 100%;
}
.archive-wrapper .archive-block:hover .archive-image:before,
.archive-wrapper .archive-block:hover .archive-image:after{
	opacity: 1;
	transition: opacity 300ms ease-in;
}
.archive-wrapper .archive-block .archive-image img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms ease-out;
}
.archive-wrapper .archive-block:hover .archive-image img{
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	transition: all 300ms ease-in;
}
.archive-wrapper .archive-block .archive-info{
	padding: 15px 15px 0 15px;
}
.archive-wrapper .archive-block .archive-info .pre-title{
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #005f75;
}
.archive-wrapper .archive-block .archive-info .title{
	margin-bottom: 10px;
}
.archive-wrapper .archive-block .archive-info .excerpt{
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 110px;
	margin-bottom: 10px;
}
.archive-wrapper .archive-block .archive-info .arrow-link{
	margin-bottom: 0;
	margin-top: 10px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-weight: 400;
}

.archive-block-featured .pre-title{
	margin-bottom: 20px;
}
.archive-block-featured .inner-content{
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 100px;
}

/* Mobile for the portrait archives  */

@media screen and (max-width: 1100px) {
	.archive-wrapper .archive-block {
		margin-right: 3%;
		flex: 0 1 31.333%;
	}
	.archive-wrapper .archive-block:nth-child(4n){
		margin-right: 3%;
	}
	.archive-wrapper .archive-block:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (max-width: 850px) {
	.archive-wrapper{
		justify-content: center;
		transform: none;
		padding-bottom: 20px;
	}
	.archive-wrapper .archive-block{
		flex: 0 1 45%;
		margin: 20px 2% 0;
	}
	.archive-wrapper .archive-block:nth-child(4n){
		margin-right: 2%;
	}
	.archive-wrapper .archive-block:nth-child(3n){
		margin-right: 2%;
	}
	.archive-wrapper .archive-block:nth-child(2n){
		margin-right: 2%;
	}
}
@media screen and (max-width: 600px) {
	.archive-wrapper .archive-block .archive-info .title{
		font-size: 18px;
		line-height: 23px;
	}
}

/*
For blog layout is landscape image left info right This class added above the archive wrapper will make the change.
The .archive-wrapper class is still required
*/
.landscape-posts .archive-wrapper .archive-block {
	width: 45%;
	flex: 0 1 45%;
	margin-right: 10%;
}
.landscape-posts .archive-wrapper .archive-block:nth-child(4n) {
	margin-right: 0;
}
.landscape-posts .archive-wrapper .archive-block:nth-child(3n) {
	margin-right: 10%;
}
.landscape-posts .archive-wrapper .archive-block:nth-child(2n) {
	margin-right: 0
}
.landscape-posts .archive-block a{
	padding-bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-around;
	align-items: flex-start;
}
.landscape-posts .archive-block a .archive-image{
	flex: 0 1 35%;
	width: 35%;
	height: 100%;
	padding-top: 0;
}
.landscape-posts .archive-block a .archive-info{
	flex: 1 1 65%;
}
.landscape-posts .archive-block a .archive-info .excerpt{
	display: none;
}
.landscape-posts .archive-block a .archive-info .pre-title{
	margin-bottom: 7px;
}
.landscape-posts .archive-block a .archive-info .title{
	margin-bottom: 25px;
}
.landscape-posts .archive-block a .archive-info .arrow-link{
	display: none;
}
/* Mobile for the landscape archives  */
@media screen and (max-width: 850px) {
	.landscape-posts .archive-wrapper .archive-block {
		width: 95%;
		flex: 0 1 95%;
		margin-right: 2%;
	}
	.landscape-posts .archive-wrapper .archive-block:nth-child(3n) {
		margin-right: 2%;
	}
}
@media screen and (max-width: 350px) {
	.archive-wrapper .archive-block {
		flex: 0 0 80%;
	}
}

/*#endregion*/

/*#region Post Archive filter */
.archive-filter {
	padding: 40px 0;
	margin-bottom: 40px;
}
.archive-filter .site-width{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;

}
.archive-filter label{
	white-space: nowrap;
	margin-right: 10px;
}
.archive-filter select{
	width: 100%;
	max-width: 500px;
	padding: 10px 20px;
	border-radius: 20px;
	border: none;
	background-color: #f2f2f2;
}

/*#endregion*/

/*#region Page numbers */
.post-archive-navigation{
	text-align: right;
	margin: 10px 0;
}
.post-archive-navigation ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-archive-navigation ul li:before{
	display: none;
}
.post-archive-navigation ul li{
	display: inline-block;
	margin: 0 10px;
}
.post-archive-navigation .fa{
	position:relative;
	top:1px;
}


/*#endregion*/

/*#region Loader */
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* If loader used inside a button make it half the size*/
button .lds-roller{
	width: 32px;
	height: 32px;
}
button .lds-roller div {
	 animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	 transform-origin: 16px 16px;
 }
button .lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	margin: -1.5px 0 0 -1.5px;
}
button .lds-roller div:nth-child(1):after {
	top: 25px;
	left: 25px;
}
button .lds-roller div:nth-child(2):after {
	top: 27px;
	left: 22.5px;
}
button .lds-roller div:nth-child(3):after {
	top: 28.5px;
	left: 19.5px;
}
button .lds-roller div:nth-child(4):after {
	top: 29px;
	left: 16px;
}
button .lds-roller div:nth-child(5):after {
	top: 28.5px;
	left: 12.5px;
}
button .lds-roller div:nth-child(6):after {
	top: 27px;
	left: 9.5px;
}
button .lds-roller div:nth-child(7):after {
	top: 25px;
	left: 7px;
}
button .lds-roller div:nth-child(8):after {
	top: 22.5px;
	left: 5px;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * WooCommerce
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region product archives  */
.woocommerce .archive-functions{
	margin: 30px auto;
	text-align: right;
}
.woocommerce-result-count{
	display: inline-block;
}
.woocommerce-ordering{
	display: inline-block;
}
.product-archive-filter{
	margin-top: 40px;
}

/*#endregion*/

/*#region product single  */

.single-product .quote-wrap .quote {

	min-height: 133px;
	margin-left:-150px;
}

.single-product .quote-wrap {
	position: relative;
}

.single-product .quote-wrap .quote .item{
	padding-left:150px;
	padding-top:60px;
	padding-top:60px;
	padding-right:80px;
	text-align:left;

}

.single-product .quote-wrap .quote .quote-title{
	padding:43px 80px 60px 150px;
	padding-bottom:60px;
	text-align:left;
	font-weight: 600;
}

.single-product .quote-wrap .quote .item .quoter{
	font-weight:bold;
	padding-bottom:30px;
}

.single-product .quote-wrap .quote .open-quotemarks{

	position:absolute;
	width:100px;
	height:100px;
	left:-115px;
	top:40px;
}

.single-product .quote-wrap .quote .closed-quotemarks{

	position:absolute;
	bottom:-20px;
	right:30px;
	width:100px;
	height:100px;
}

.single-product .product-type-simple .cart{
	margin-top: 40px;
}
.single-product .product-type-simple .cart .quantity{
	display: inline-block;
}
.single-product .stock.out-of-stock{
	display: none;
}


@media screen and (max-width: 1250px) {
	.course-single .product-head .site-width .right-column .intro,
	.course-single .site-width .product-body .product-content{
		padding-left: 5%;
	}
	.course-single .site-width .product-body .left-column {
		max-width: 32%;
	}
	.course-single .product-head .site-width .left-column{
		max-width: 32%;
	}
	.course-single .product-head .site-width .left-column .image{
		width: 100%;
	}
}
@media screen and (max-width: 1100px) {

	.course-single .product-head .site-width .right-column .intro h1{
		padding-top: 10px;
	}
}
@media screen and (max-width: 850px) {
	.course-single .product-head .site-width .left-column .image .product-image{
		max-width:200px;
	}
	.course-single .product-head .site-width .right-column .intro {
		padding: 0 0 0 15px;
	}
	.course-single .product-head .site-width .right-column .intro h1{
		padding: 10px 0;
		font-size: 30px;
		line-height: 30px;
	}
	.course-single .site-width .product-body {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}
	.course-single .site-width .product-body .product-content {
		padding: 0;
		width: 95%;
	}
	.course-single .site-width .product-body .left-column {
		max-width: 100%;
		width: 90%;
	}
	.single-product .quote-wrap .quote{
		margin-left:0;
	}
	.single-product .quote-wrap .quote .quote-title,
	.single-product .quote-wrap .quote .item{
		padding:20px 0 20px 20px;
	}
	.single-product .quote-wrap .quote .open-quotemarks{
		display: none;
	}
}


@media screen and (max-width: 600px) {
	.course-single .product-head .site-width .left-column .image .product-image {
		width: 150px;
	}

	.mobileIntroText{
		padding: 20px;
		background-color: #F2F2F2;
	}

	.course-single .site-width .product-body .product-content .main-description{
		margin-bottom: 30px;
	}
}



/*#endregion*/

/*#region cart  */

.woocommerce-cart .product-thumbnail{
	display: none;
}
.woocommerce-cart .quantity input{
	border-color: #CCCCCC;
}
.woocommerce-cart .coupon{
	display: inline-block;
}
.woocommerce-cart .coupon label{
	display: none;
}
.woocommerce-cart .coupon input[name="coupon_code"]{
	border-color: #CCCCCC;
}
.woocommerce-cart button[name="update_cart"][disabled]{
	background-color: #CCCCCC;
	color: #333;
}
.woocommerce-cart .product-remove a{
	color: transparent;
	text-decoration: none;
}
.woocommerce-cart .product-remove a:before{
	content: "\f057";
	font: normal normal normal 14px/1 FontAwesome;
	opacity: 0.7;
}
.woocommerce-cart .product-remove a:hover:before{
	opacity: 1;
}
.woocommerce-cart .actions{
	text-align: right;
	padding: 30px 0;
}
.woocommerce-cart .cart_item td{
	padding-top: 30px;
	padding-bottom: 30px;
}

.woocommerce-cart .cart_totals{
	float: right;
	width: 30%;
	min-width: 250px;
	margin-top: 30px;
}
.woocommerce-cart .cart_totals h2{
	display: none;
}
.woocommerce-cart .cart_totals table{
	border-bottom: none;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
	border-bottom: 1px solid #cccccc;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout{
	text-align: right;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a{

}


/*#endregion*/

/*#region checkout */

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	width: 100% !important;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{
	margin-bottom: 50px;
}

.woocommerce-checkout .woocommerce{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.woocommerce-checkout .woocommerce #payment #place_order{
	background-color: #fff;
	color: #333;
	border: none;
	border-radius: 40px;
	display: inline-block;
	padding: 4px 23px;
	text-decoration: none;
	line-height: 1;
	font: inherit;
	font-weight: 700;
	text-transform: uppercase;
	min-width: 180px;
	text-align: center;
	transition: all ease-out 300ms;
}
.woocommerce table.shop_table {
	border-top:none;
	border-right:none;
	border-left:none;
}
#payment li::before{
	background-color:transparent;
}
.woocommerce-cart .cart_totals table th{
	border-bottom:none;
	padding-bottom:25px;
}
.woocommerce-cart .cart_totals table td {
	border-bottom:none;
	padding-bottom:25px;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message{
	margin-bottom:30px;
}
.woocommerce-cart .quantity input{
	text-align:center;
	width:55px;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Footer
 * --------------------------------------------------------------------------------------------------------------------
 **/

/*#region Footer */

.site-footer{
	position:relative;
}
.site-info{

}
.site-info .footer-logo{
	width: 150px;
	flex: 0 0 150px;
}
.site-info .footer-logo img{
	width: 100%;
	margin-bottom: 10px;
}
.site-info .footer-logo .footer-copy{

}
.site-info .inner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: space-around;
	justify-content: space-between;
	align-items: center;
	padding: 18px 0;
}
.site-info .aubergine-logo-footer{

}
.site-info .aubergine-logo-footer a img{
	width: 63px;
	height: auto;
	opacity: 0.6;
}
.footer-nav{
	width: 92%;
	margin-left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-size: 12px;
}
.footer-nav span {
	margin-right: 10px;
	margin-left: 10px;
}
.footer-nav > div{
	display: block;
}
.footer-nav ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.footer-nav ul li{
	display: inline-block;
	margin-right: 2.7%;
}
.footer-nav ul li a{
	padding: 9px 12px;
	display: block;
	white-space: nowrap;
}
.footer-copy{
	border-left: solid 1px currentColor;
	padding-left: 20px;
	margin-left: 10px;
}
.back-to-top{
	position: absolute;
	right: 15%;
	top: -25px;
	text-align: center;
}
.top-tag{
	display:block;
	text-align:center;
	padding-top:15px;
}

@media screen and (max-width: 850px) {
	.site-info .inner{
		display: block;
		text-align: center;
	}
	.site-info .footer-logo{
		margin: 0 auto 20px;
	}
	.footer-nav{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.back-to-top{
		display:none;
	}
}
@media screen and (max-width: 600px) {
	.footer-nav {
		flex-direction: column;
	}
	.footer-copy {
		border-left: none;
		padding-left: 0;
		margin-left: 0;
		margin-top: 20px;
	}
}
/*#endregion*/


/**
 * --------------------------------------------------------------------------------------------------------------------
 * Popup
 * --------------------------------------------------------------------------------------------------------------------
 **/
/*#region popup */

.thePopup{
	display: block;
	z-index: 10;
	width: 95%;
	max-width: 750px;
	padding: 10px 20px 30px 30px;
	position: fixed;
	top: 5vh;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	max-height: 90vh;
	overflow-y: scroll;
}
.aubergine-modal{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	display: none;
	cursor: pointer;
}
.closePopup{
	float: right;
	color: #ccc;
	font-size: 20px;
	font-weight: 400;
}

/*#endregion*/

/**
 * --------------------------------------------------------------------------------------------------------------------
 * Download file form
 * --------------------------------------------------------------------------------------------------------------------
 **/
 /*#region Download file form */
.download-file-form{

}
.download-file-form .row{
	width: 47%;
	display: inline-block;
	margin: 0 2% 20px 0;
}
.download-file-form .email-row{
	width: 97%;
	display: inline-block;
	margin: 0 2% 20px 0;
}
.download-file-form label{
	width: 130px;
	display: inline-block;
}
.download-file-form input{
	width: calc(100% - 135px);
}
.download-file-form .recaptcha-replacement{
	color: #ccc;
	font-size: 89%;
	margin: 10px 0;
}
.download-file-form .errors{
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #850000;
	color: #850000;
}

@media screen and (max-width: 600px) {
	.download-file-form .row{
		width: 100%;
	}
}

/*#endregion*/