/**
 - Dekode updates November 2018
**/

/**
	- COLOURS
	-- yellow #F4C600
	-- beige #F0EDE5
	-- off-black #1E1E1E

	- BREAKPOINTS
	-- 420px
	-- 960px
	-- 1200px
**/

/**
 - BASE
**/

html {
	scroll-behavior: smooth;
}

body {}

body.page-template-template-modules .section-main {
	background-color: #1e1e1e;
}

body.page-template-template-modules #global-header:after,
body.page-template-default #global-header:after,
body.single-post #global-header:after {
	display: none !important;
}

/**
 - HEADER
**/


/**
 -- SUB NAV
 */



.dekode-sub-nav {
	background-color: #424242;
	width: 100%;
}

.dekode-sub-nav .container {
	padding: 0 !important;
	width: 100%;
	height: 52px;
	overflow: hidden;
	position: relative;
}

.dekode-sub-nav .container::after{
	background: -moz-linear-gradient(90deg, rgba(66,66,66,0) 0%, rgba(66,66,66,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(90deg, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, rgba(66,66,66,0) 0%,rgba(66,66,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 34px;
	height: 52px;
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 0px;
}

.dekode-sub-nav ul.scroll-items {
	direction: ltr;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.374px;
	line-height: 25px;
	margin: 0px 15px 0px 15px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0px 0px 50px 0px;
	text-align: left;
	white-space: nowrap;
}



.dekode-sub-nav ul.scroll-items li {
	display: inline-block;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.374px;
	line-height: 25px;
	margin: 7px 8px 8px 8px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}

.dekode-sub-nav ul.scroll-items li:last-child {
	margin-right: 60px;
}

.dekode-sub-nav ul.scroll-items li a {
	padding: 4px 4px 2px 4px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

.dekode-sub-nav ul.scroll-items li a:hover,
.dekode-sub-nav ul.scroll-items li.current-menu-item a:hover{
	border-bottom: 2px solid #C8C8C8;
}

.dekode-sub-nav ul.scroll-items li.current-menu-item a {
	border-bottom: 2px solid #F4C600;
}


/**
 -- SINGLE NEWS
 */
.dekode-single {}

.dekode-single-title {
	font-size: 42px;
	font-weight: 400;
	margin-bottom: 30px;
}

.dekode-single-lead-text {
	font-size: 24px;
	font-weight: 200;
	color: #000;
}

.dekode-single-featured-image {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}

.dekode-single-content {
	font-weight: 200;
}

.dekode-single-content strong {
	font-weight: 400;
}

.dekode-single-content h1,
.dekode-single-content h2,
.dekode-single-content h3,
.dekode-single-content h4,
.dekode-single-content h5,
.dekode-single-content h6 {
	font-weight: 400;
}

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

	.dekode-single-featured-image {
		margin-left: -30px;
		margin-right: -30px;
	}

	.dekode-single-lead-text {
		font-size: 20px;
	}
}

/**
 -- FACT BOX SHORTCODE
 */
.dekode-fact-box {
	background: #F4C600 !important;
	color: #000 !important;
	padding: 1em;
	padding-top: 0;
	overflow: auto;
	margin-bottom: 1em;
}

.dekode-fact-box-inner {
	margin-top: -1em;
}

@media screen and ( min-width: 600px ) {

	.dekode-fact-box {
		padding: 2em;
		padding-top: 0;
		width: 50%;
		margin: 1em;
		margin-top: 0;
		float: right;
	}

	.dekode-fact-box-inner {
		margin-top: 0;
	}
}

/**
 -- FOOTER
 */


/**
 - FORMS
**/
.dekode-form {
	width: 100%;
	font-size: 14px !important;
}

.dekode-form-inline {
	display: flex;
}

.dekode-form-inline .form-holder {
	margin-right: 20px !important;
}

.dekode-form .form-holder:before {
	display: none !important;
}

.dekode-form-row {
	margin-bottom: 20px !important;
}

.dekode-form-input {
	background: #fff !important;
	font-weight: 300 !important;
	letter-spacing: 0 !important;
	color: #000 !important;
	width: 100%;
}

.dekode-form-inline .dekode-form-input {
	width: 100%;
}

.dekode-form-button {
	min-width: auto !important;
}

.dekode-form-button,
.dekode-form-input {
	border: none !important;
	padding: 10px !important;
	height: 45px !important;
	text-decoration: none !important;
}

.dekode-form-inline .dekode-form-button,
.dekode-form-inline .dekode-form-input {
	align-self: flex-end !important;
}

.dekode-form-input-margin-right {
	margin-right: 20px !important;
}

@media screen and ( max-width: 1200px ) {
	.dekode-form-input-margin-right {
		margin-right: 10px !important;
	}
}

.dekode-form-label {
	margin-bottom: 7px !important;
	display: block !important;
	font-weight: 400 !important;
}

.dekode-form-button {
	background: #F4C600 !important;
	color: #000 !important;
	border-radius: 40px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	font-size: 16px !important;
	padding: 10px 20px !important;
}

.dekode-form-button:hover {
	background: #fff !important;
}

.dekode-form-input {
	font-size: 16px !important;
}

.dekode-link {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom: 1px solid #F4C600 !important;
	padding-bottom: 1px !important;
}

.dekode-link:hover {
	border-bottom: 1px solid transparent !important;
}

/**
 - MODULES
**/

/*
 -- RESET STUFF
 */

.block-bg-picked {
	background: var(--picked-bg) !important;
}

.dekode-module * {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
}

.dekode-module-padded {
	padding: 60px 0;
}

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

	.dekode-module-padded {
		padding: 30px 0;
	}
}

.dekode-module-row {
	align-items: center;
	display: flex;
}

.dekode-module-full {
	padding: 0 30px;
	width: 100%;
}

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

	.dekode-module-row {
		display: block;
	}

	.dekode-module-row-reverse-mobile {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.dekode-module-row-reverse-mobile .dekode-module-half:first-of-type {
		margin-bottom: 0;
	}

	.dekode-module-row-reverse-mobile .dekode-module-half:first-of-type {
		margin-top: 40px;
	}
}

.dekode-module-half {
	padding: 0 30px;
	width: 50%;
}

.dekode-module-half-center {
	text-align: center;
}

.dekode-module-half-center img {
	display: inline-block;
}

.dekode-module-button-group {
	align-items: center;
	display: flex;
}

.dekode-module-button-group a:first-of-type {
	margin-right: 20px;
}

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

	.dekode-module-half {
		padding: 0;
		width: 100%;
	}

	.dekode-module-half:first-of-type {
		margin-bottom: 40px;
	}
}

.dekode-module strong {
	color: currentColor;
	font-weight: 400;
}

.dekode-module h1,
.dekode-module h2,
.dekode-module h3,
.dekode-module h4,
.dekode-module h5,
.dekode-module h6 {
	line-height: 1.1;
	font-weight: 400;
	margin-bottom: 40px;
	color: currentColor;
}

.dekode-module h2 {
	font-size: 42px;
}

.dekode-module h3 {
	font-size: 22px;
}

.dekode-module p,
.dekode-module ul,
.dekode-module ol,
.dekode-module img,
.dekode-module form {
	margin-bottom: 40px;
}

.dekode-module.entry-content h5{
 margin: 0;
}

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

	.dekode-module h1,
	.dekode-module h2,
	.dekode-module h3,
	.dekode-module h4,
	.dekode-module h5,
	.dekode-module h6 {
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.dekode-module p,
	.dekode-module ul,
	.dekode-module ol,
	.dekode-module img,
	.dekode-module form {
		margin-bottom: 30px;
	}

	.dekode-module h2 {
		font-size: 32px;
	}

	.dekode-module h3 {
		font-size: 24px;
	}

	.dekode-module.entry-content h5{
		margin: 0;
	}
}

.dekode-module p,
.dekode-module li {
	font-size: 18px;
	font-weight: 200;
}

.dekode-module p a,
.dekode-module li a {
	color: currentColor;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}

.dekode-module p a:hover,
.dekode-module li a:hover {
	border-bottom: none;
}

.dekode-module .container {
	margin: 0 auto;
	padding: 1.25em;
}

@media ( min-width: 600px ) {

	.dekode-module.container {
		padding: 3.75em 1.875em;
	}
}

@media ( min-width: 980px ) {

	.dekode-module.container {
		padding: 5em 2.5em;
	}
}

/**
 - DK THEME CLASSES
**/
.dekode-yellow {
	background: #F4C600;
	color: #000;
}

.dekode-beige {
	background: #F0EDE5;
	color: #000;
}

.dekode-white {
	background: #fff;
	color: #000;
}


.dekode-gray {
	background: #f1f4f6;
	color: #000;
}

.dekode-black {
	background: #000;
	color: #fff;
}


.dekode-black p,
.dekode-black li {
	font-weight: 100;
}

.dekode-black p a,
.dekode-black li a {
	color: #fff !important;
	border-bottom: 1px solid #F4C600;
}

.dekode-white a,
.dekode-gray a,
.dekode-beige a,
.dekode-yellow a {
	color: #000;
}


.dekode-yellow .dekode-form-button {
	background: #000 !important;
	color: #F4C600 !important;
}

.dekode-yellow .dekode-form-button:hover {
	color: #fff !important;
}

.dekode-white .dekode-form-button:hover {
	background-color: #000 !important;
	color: #F4C600 !important;
}

.dekode-black .dekode-form-button {
	background: #F4C600 !important;
	color: #000 !important;
}

.dekode-black .dekode-form-button:hover {
	background: #fff !important;
	color: #000 !important;
}

.dekode-white .dekode-link,
.dekode-beige .dekode-link,
.dekode-yellow .dklink {
	color: #000 !important;
}

.dekode-yellow .dklink {
	border-bottom: 1px solid #000 !important;
}

.dekode-white .dekode-form-input,
.dekode-beige .dekode-form-input {
	border: 1px solid #000 !important;
}

/**
 -- GENERAL UTILITIES
 */
.dekode-box {
	background: #fff;
	box-shadow: 0 3px 6px rgba( 0,0,0,0.16 );
}

.dekode-box-inner {
	padding: 30px;
}

.dekode-box-inner h3 {
	font-weight: 400;
	margin-bottom: 20px;
}

.dekode-box-inner h3,
.dekode-box-inner p {
	line-height: 1.2;
}

.dekode-box-image {
	background-color: #f1f1f1;
	background-position: center center;
	background-size: cover;
	height: 250px;
	width: 100%;
}

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

	.dekode-box-inner {
		padding: 30px;
	}
}

/*
 -- SPLASH
**/
.splash {}

.splash-tiles {
	height: 560px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.splash-tiles-item {
	background-size: cover;
	background-position: center center;
	height: 50%;
	width: 16.6667%;
}

.splash-tiles-item:nth-of-type( 1 ) {
	height: 100%;
	width: 33.3334%;
}

.splash-tiles-item:nth-of-type( 6 ) {
	position: absolute;
	bottom: 0;
	right: 0;
}

.splash-bg-image-item {
	height: 560px;
	background-size: cover;
	background-position: center center;
}

@supports( display: grid ) {

	.splash-tiles {
		display: grid;
		grid-template-columns: 16.6667% 16.6667% 16.6667% 16.6667% 16.6667% 16.6667%;
		grid-template-rows: 50% 50%;
	}

	.splash-tiles-item,
	.splash-tiles-item:nth-of-type( 1 ) {
		height: auto;
		width: auto;
	}

	.splash-tiles-item:nth-of-type( 1 ) {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2
	}

	.splash-tiles-item:nth-of-type( 6 ) {
		grid-column: 6 / span 1;
		grid-row: 2 / span 1;
		position: relative;
	}
}

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

	.splash-tiles,
	.splash-bg-image-item {
		height: 23vh;
	}
}

@media screen and ( min-width: 421px ) and ( max-width: 960px ) {

	.splash-tiles,
	.splash-bg-image-item {
		height: 30vh;
	}
}

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

	.splash-tiles-item {
		width: 25%;
	}

	.splash-tiles-item:nth-of-type( 1 ) {
		width: 50%;
	}

	.splash-tiles-item:nth-of-type( 4 ) {
		position: absolute;
		bottom: 0;
		right: 25%;
	}

	.splash-tiles-item:nth-of-type( 5 ) {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.splash-tiles-item:nth-of-type( 6 ) {
		display: none;
	}

	@supports( display: grid ) {

		.splash-tiles {
			grid-template-columns: 50% 25% 25%;
			grid-template-rows: 50% 50%;
		}

		.splash-tiles-item,
		.splash-tiles-item:nth-of-type( 1 ) {
			height: auto;
			width: auto;
		}

		/* Make first one larger */
		.splash-tiles-item:nth-of-type( 1 ) {
			grid-column: 1 / span 1;
			grid-row: 1 / span 2
		}

		.splash-tiles-item:nth-of-type( 4 ),
		.splash-tiles-item:nth-of-type( 5 ) {
			left: 0;
			bottom: 0;
			right: 0;
			position: relative;
		}

	}
}

.splash-blocks,
.splash-blocks-item {
	overflow: hidden;
}

.splash-blocks-item {
	padding: 40px;
	padding-bottom: 20px;
}


.splash-blocks-item > * {
	margin-bottom: 20px;
}

@media screen and ( min-width: 960px ) {

	.splash {
		position: relative;
	}

	.splash-blocks {
		display: flex;
		width: 66.6666666668%;
		position: relative;
		margin-left: 16.6666666667%;
		margin-top: -280px;
	}

	.splash-bg-image .splash-blocks {
		margin-top: -280px;
	}

	.splash-blocks-item {
		width: 50%;
	}

	.splash-after {
		height: 80px;
		width: 100%;
	}
}

@media screen and ( min-width: 1200px ) {

	.splash-blocks-item {
		padding: 55px;
		padding-bottom: 35px;
	}
}

/*
 -- VIDEO
**/
.dekode-module.video .container {
	text-align: center;
}

.dekode-module.video .video-item {
	display: block;
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}

.dekode-module.video .video-item img {
	display: block;
}

.dekode-module.video .video-play-icon {
	position: absolute;
	top: calc( 50% - 49px );
	left: calc( 50% - 49px );
	height: 98px;
	width: 98px;
}

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

	.dekode-module.video .video-play-icon {
		top: calc( 50% - 25px );
		left: calc( 50% - 25px );
		height: 50px;
		width: 50px;
	}
}


/**
 -- HERO
 */

.dekode-hero-section {
	position: relative;
	width: 100%;
	background-color: #adadad;
	padding: 100px 0px 10px 0px;
}

.dekode-hero-section h1,
.dekode-hero-section h2 {
	font-size: 42px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-shadow: 0px 1px 1px #4c4c4c;
}


.dekode-hero-section .dekode-hero-content,
.dekode-hero-section .dekode-hero-content * {
	font-size: 24px;
	text-shadow: 0px 1px 1px #4c4c4c;
}

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

	.dekode-hero-section {
		max-height: none;
		min-height: auto;
		padding: 70px 0px 0px 0px;
	}

	.dekode-hero-section h1,
	.dekode-hero-section h2 {
		font-size: 32px;
		margin: 0px;
		padding: 0px 0px 20px 0px;
	}


	.dekode-hero-section .dekode-hero-content,
	.dekode-hero-section .dekode-hero-content * {
		font-size: 20px;

	}

	.dekode-hero-section .dekode-module-half {
		max-width: 450px;
		margin: auto;
	}

}



.dekode-hero-section,
.dekode-hero-section h1,
.dekode-hero-section h2,
.dekode-hero-section p,
.dekode-hero-section a {
	color: #ffffff;
}

.dekode-hero-section .container{
	z-index: 1;
	position: relative;
}


.dekode-hero-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.dekode-hero-logo-container {
	width: 100%;
	max-width: none;
	margin: 0px;
	padding: 0 35px;
	text-align: right;
	margin-top: 10px;
}


@media screen and ( max-width: 960px ) {
	.dekode-hero-logo-container {
		max-width: 450px;
		margin: auto;
		padding: 10px 0px 10px 0px;
		margin-top: 0px;
	}
}

.dekode-hero-logo-image {
	display: inline-block;
	width: 250px;
	height: 40px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center right;
}

@media screen and ( max-width: 960px ) {
	.dekode-hero-logo-image {
		width: 188px;
		height: 30px;
		background-size: contain;
	}

}

.dekode-hero-sticky {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}

.dekode-hero-overlay {
	background-color: #000000;
	z-index: 1;
}
.dekode-hero-small-screen { display: none; }
.dekode-hero-big-screen { display: block; }


@media screen and ( max-width: 668px ) {
	.dekode-hero-small-screen { display: block; }
	.dekode-hero-big-screen { display: none; }
}

.dekode-hero-button {
	border-radius: 30px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	font-size: 22px !important;
	padding: 18px 26px !important;
	outline: none;
	text-decoration: none;
	background: #F4C600 !important;
	color: #000 !important;
}

.dekode-hero-button:hover,
.dekode-hero-button:focus {
	background: #fff !important;
	color: #000 !important;
	outline: none;
	text-decoration: none;
}

@media screen and ( max-width: 960px ) {
	.dekode-hero-button {
		font-size: 18px !important;
		padding: 15px 19px !important;
	}
}



/**
 -- CARDS
 */
.dekode-module.cards {

}

.dekode-card-button {
	background: #F4C600 !important;
	color: #000 !important;
	border-radius: 40px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	font-size: 16px !important;
	padding: 10px 20px !important;
	outline: none;
	text-decoration: none;
}

.dekode-card-button:hover {
	outline: none;
	text-decoration: none;
}

 /** Card - Yellow **/

.dekode-yellow > .dekode-box-inner h1,
.dekode-yellow > .dekode-box-inner h2,
.dekode-yellow > .dekode-box-inner h3,
.dekode-yellow > .dekode-box-inner h4,
.dekode-yellow > .dekode-box-inner h5,
.dekode-yellow > .dekode-box-inner h6,
.dekode-yellow > .dekode-box-inner p {
	color: #000000;
}

.dekode-yellow > .dekode-box-inner .dekode-card-button {
	background: #000 !important;
	color: #F4C600 !important;
}

.dekode-yellow > .dekode-box-inner .dekode-card-button:hover {
	background: #fff !important;
	color: #000 !important;
}

/** Card - White **/

.dekode-white > .dekode-box-inner h1,
.dekode-white > .dekode-box-inner h2,
.dekode-white > .dekode-box-inner h3,
.dekode-white > .dekode-box-inner h4,
.dekode-white > .dekode-box-inner h5,
.dekode-white > .dekode-box-inner h6,
.dekode-white > .dekode-box-inner p {
	color: #000000;
}

.dekode-white > .dekode-box-inner .dekode-card-button {
	background: #F4C600 !important;
	color: #000 !important;
}

.dekode-white > .dekode-box-inner .dekode-card-button:hover {
	background: #000 !important;
	color: #fff !important;
}

/** Card - Black **/

.dekode-black > .dekode-box-inner h1,
.dekode-black > .dekode-box-inner h2,
.dekode-black > .dekode-box-inner h3,
.dekode-black > .dekode-box-inner h4,
.dekode-black > .dekode-box-inner h5,
.dekode-black > .dekode-box-inner h6,
.dekode-black > .dekode-box-inner p {
	color: #ffffff;
}

.dekode-black > .dekode-box-inner .dekode-card-button {
	background: #F4C600 !important;
	color: #000 !important;
}

.dekode-black > .dekode-box-inner .dekode-card-button:hover {
	background: #fff !important;
	color: #000 !important;
}



.dekode-module.cards .container h2 {
	text-align: center;
}

.cards-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.cards-items-item {
	box-sizing: border-box;
	text-decoration: none;
	width: calc(33.33% - calc(40px * 0.67));
	//flex-grow: 1;
	display: flex;
    flex-direction: column;
}

.cards-items-item .dekode-box-inner {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.cards-items-item .dekode-box-inner > p {
	flex: 1
}


.cards-items-item:hover {
	text-decoration: none;
}

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

	.cards-items {
		gap: 1.25em;
	}

	.cards-items-item {
		width: calc(50% - 1.25em);
	}
}

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

	.cards-items-item {
		width: 100%;
	}
}

/**
 -- ADJACENT IMAGE
 */

.dekode-module.adjacent-image {}

.dekode-module.adjacent-image .phonedisplay ul li .phone .screen .logo {
	margin-left: auto !important;
	margin-right: auto !important;
}

.dekode-module.adjacent-image .phonedisplay ul li .phone .screen .label h5,
.dekode-module.adjacent-image .phonedisplay ul li .phone .screen .label h6 {
	margin: 0 !important;
}

.dekode-module.adjacent-image .phonedisplay ul li .phone .screen .label h5 {
	font-weight: 300 !important;
	font-size: 19px !important;
}

.dekode-module.adjacent-image .phonedisplay ul li .phone .screen .label h6 {
	font-size: 13px !important;
}

/**
 -- FAQS
 */

.dekode-module.faqs {}

.faqs-inner {
	max-width: 800px;
	margin: 0 auto;
}


.faqs-items {
	margin-bottom: -20px;
}

.faqs-items-item-toggle {
	display: flex;
	align-items: center;
	position: relative;
	text-decoration: none !important;
	margin-bottom: 30px;
}

.faqs-items-item-toggle h3 {
	margin-left: 15px;
	margin-bottom: 0 !important;
	font-weight: 100 !important;
}

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

	.faqs-items-item-toggle h3 {
		font-size: 18px;
	}
}

.faqs-items-item-toggle.is-active h3 {
	color: #F4C600;
}

.dekode-module.faqs.dekode-yellow .faqs-items-item-toggle.is-active h3 {
	color: #000;
}

.dekode-module.faqs .icon {
	transition: transform 0.35s ease-in-out;
	display: flex;
	background-color: #F4C600;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.dekode-module.faqs.dekode-yellow .icon {
	background-color: #fff;
}

.dekode-module.faqs .icon:before {
	display: block;
	width: 10px;
	height: 2px;
	background-color: black;
	border-radius: 1px;
	content: '';
	position: absolute;
}

.dekode-module.faqs .icon:after {
	display: block;
	width: 2px;
	height: 10px;
	background-color: black;
	border-radius: 1px;
	content: '';
	transition: height 0.35s ease-in-out,top 0.35s ease-in-out;
	position: absolute;
}

.faqs-items-item-toggle.is-active .icon:after {
	display: none;
}

.faqs-items-item-answer {
	padding-left: 39px !important;
	display: none;
	width: 100%;
	overflow: hidden;
	margin-top: -10px;
}

/**
 -- FEATURES
 */

.dekode-module.features .container {
	text-align: center;
}

.dekode-module.features .container > h2 {
	margin-bottom: 60px;
}

.dekode-module.features img {
	display: inline-block;
}

.features-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.features-items-item {
	box-sizing: border-box;
	color: currentColor;
	margin: 0 20px 40px;
	text-decoration: none;
	width: 29%;
}

.features-items-item:nth-last-child(1),
.features-items-item:nth-last-child(2),
.features-items-item:nth-last-child(3) {
	margin-bottom: 0;
}

.features-items-item img,
.features-items-item h3 {
	margin-bottom: 20px;
}

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

	.features-items {
		display: block;
	}

	.features-items-item {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.features-items-item:last-of-type {
		margin-bottom: 0;
	}

	.features-items-item:nth-last-child(1),
	.features-items-item:nth-last-child(2),
	.features-items-item:nth-last-child(3) {
		margin-bottom: 30px;
	}
}

/**
 -- SPLIT CONTENT
 */
.dekode-module.split-content {}

.split-content-items-item {
	overflow: auto;
	padding: 40px;
	padding-bottom: 20px;
}

@media screen and ( min-width: 960px ) {

	.split-content-items {
		display: flex;
	}

	.split-content-items-item {
		display: flex;
		width: 50%;
		padding: 50px;
		padding-bottom: 20px;
	}

	.dekode-module.split-content-extra-padding .split-content-items-item {
		padding-top: 200px;
		padding-bottom: 170px;
	}

	.split-content-items-item-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 525px;
	}

	.split-content-items-item:first-of-type {
		justify-content: flex-end;
	}

	.split-content-items-item:last-of-type {
		justify-content: flex-start;
	}
}

/**
 -- Easy Pricing Tables by Fatcat Apps
 */

.ptp-item-container {
    border-radius: 15px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.ptp-item-container div.ptp-price {
    font-size: 1.25em !important;
    padding: .9375em 1.25em !important;
}

.ptp-item-container div.ptp-bullet-item {
    font-size: .875em !important;
    padding: .9375em .5em .9375em .5em !important;
}

.ptp-item-container .ptp-plan {
    padding: 15px 10px 15px 10px !important;
}

.ptp-item-container div.ptp-cta {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
	background-color: #eee !important;
}

.ptp-item-container .ptp-cta .ptp-button {
    background: #F4C600 !important;
    color: #000 !important;
    border: none !important;
    outline: none !important;
    font-weight: normal !important;
    padding: 12px 12px !important;
    border-radius: 90px !important;
    text-decoration: none !important;
    height: auto !important;
}

.ptp-item-container .ptp-cta .ptp-button:hover {
    background: #000 !important;
    color: #fff !important;
    outline: none !important;
    text-decoration: none !important;
}
