@charset "UTF-8";

/*!
Theme Name: purebase
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: purebase
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

purebase is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later. */
/*! Fontello  */
@font-face {
	font-family: 'rocket';
	src: url("font/rocket.eot?7370079");
	src: url("font/rocket.eot?7370079#iefix") format("embedded-opentype"), url("font/rocket.woff2?7370079") format("woff2"), url("font/rocket.woff?7370079") format("woff"), url("font/rocket.ttf?7370079") format("truetype"), url("font/rocket.svg?7370079#rocket") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'rocket';
    src: url('../font/rocket.svg?7370079#rocket') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "rocket";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-lock-1:before {
	content: '\e800';
}

/* '' */
.icon-mail:before {
	content: '\e801';
}

/* '' */
.icon-pencil:before {
	content: '\e802';
}

/* '' */
.icon-heart:before {
	content: '\e803';
}

/* '' */
.icon-user:before {
	content: '\e804';
}

/* '' */
.icon-phone:before {
	content: '\e805';
}

/* '' */
/*! Custom  */
.col.helpline {
	min-width: 100px;
}

.col.helpline a {
	color: #225D97;
	text-decoration: none !important;
}

body {
	font-family: 'Roboto', sans-serif;
}

.skip-link {
	display: none;
}

h1 {
	font-weight: 900;
	margin-bottom: 0.5em;
	font-size: 3em;
}

.green {
	color: #225D97;
}

.btn {
	font-weight: 900;
}

.btn:focus,
.btn:active {
	outline: none !important;
	box-shadow: none !important;
}

.btn-lg {
	font-size: 2em;
}

.btn-primary {
	background: #8EbE47;
	border: 3px solid #81ae3d;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: #81ae3d !important;
	border-color: #81ae3d !important;
	box-shadow: none;
}

.btn-white {
	background: #fff;
	border: 3px solid #81ae3d;
	color: #8EBE47;
}

.btn-white:hover {
	color: #81ae3d;
}

#masthead {
	padding-top: 1em;
	padding-bottom: 1em;
}
.helpline .h4 {
	font-weight: 900;
}

.hero {
	background: url(img/mobile-hero-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 4em 2em;
	border-top: 1px solid #e5e5e5;
}

.heroscotland {
	background: url(https://debt-help.dev-media-maze.co.uk/wp-content/uploads/2018/08/scotland-small.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 4em 2em;
	border-top: 1px solid #e5e5e5;
}

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

	.hero,
	.heroscotland {
		height: auto;
		padding: 50px 0;
		min-height: auto;
	}
}

.hero h1,
.hero p {
	color: #fff;
}

.heroscotland h1,
.heroscotland p {
	color: #000000;
}

.hero .btn,
.heroscotland .btn {
	margin-top: 1em;
}

.margin-btm-sm {
	margin-bottom: 10px !important;
}

.usps {
	padding: 1em;
	background: #fbfbfb;
	color: #225D97;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

.usps ul {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.usps ul li {
	display: inline-block;
	margin: 0 50px;
	font-weight: 900;
}

.steps {
	padding: 4em 0;
}

.steps h2 {
	margin-bottom: 2em;
	font-weight: 900;
}

.steps h3 {
	font-weight: 900;
}

.steps .col {
	padding-bottom: 0;
}

.panel {
	border: 5px solid #225D97;
	border-radius: 10px;
	margin-top: 0em;
	padding: 10px 30px 40px 30px;
	height: 275px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f4f4f4+100 */
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%, #f4f4f4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%, #f4f4f4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
	/* IE6-9 */
}

.panel p {
	margin-bottom: 0;
}

.panel h3 {
	margin-top: 1em;
}

.panel img {
	margin-top: -55px;
}

.moneyadvice {
	padding: 3em 0;
}

.moneyadvice2018 {
	padding: 1em 0;
	background: #ffffff;
}

.moneyadvice img {
	float: left;
	margin-right: 20px;
}

.moneyadvice p {
	margin-top: 1.5em;
	overflow: hidden;
}

.cta {
	padding: 2em 0;
	background: #8EBE47;
}

.cta h3 {
	font-weight: 900;
	color: #fff;
	display: inline-block;
	margin-top: 0.75em;
}

.cta .btn {
	float: right;
}

.wpcf7-select {
	padding: 10px;
	box-shadow: none !important;
	text-indent: 0.01px;
	text-overflow: '';
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	max-width: 349px;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	background-image: url("./img/down.png");
	background-position: 50% 90%;
	background-repeat: no-repeat;
	background-position: 94% 50%;
	background-color: #fff;
}

.wpcf7-select::-ms-expand {
	display: none;
}

.wpcf7-select:focus {
	border: 1px solid #1b63ad;
	box-shadow: none !important;
	outline: none !important;
}

/* Footer */
.site-footer {
	padding: 4em 0;
	background: #404040;
}

.site-footer address {
	margin-top: 1em;
	color: #fff;
}

.site-footer a {
	color: #fff;
	text-decoration: underline;
}

.site-footer .contact-info {
	font-size: 1.5em;
	color: #fff;
	margin-left: 5px;
	list-style-type: none;
}

.site-footer .contact-info li {
	margin-bottom: 0.5em;
	font-weight: 900;
}

.links {
	list-style-type: none;
}

.site-footer .links li {
	display: inline-block;
	color: #fff;
}

.site-footer .links li a {
	margin: 0 10px;
}

.site-footer .copyright {
	color: #fff;
}

/* Multistep */
.form-content {
	background: #f4f4f4;
	padding: 2em 0 4em 0;
}

.wpcf7-form .fieldset-cf7mls {
	background: #fff;
	box-shadow: none;
	border-radius: 10px;
	text-align: center;
	padding: 50px 20px;
}

.cf7mls_progress_bar {
	padding-left: 0;
	margin-left: 0;
}

.cf7mls_progress_bar li:after {
	height: 4px;
	background: #b6b6b6;
}

.wpcf7-form .fieldset-cf7mls h2 {
	font-weight: 900;
	margin: 0 0 1em 0;
}

.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	content: "";
	display: table;
	clear: both;
	text-align: center;
}

.wpcf7-form-control-wrap span {
	display: inline-block;
	margin: 0;
}

.cf7mls_next.action-button,
.cf7mls_back.action-button,
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
	clear: both;
	margin: 0 auto;
	border-radius: .3rem !important;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: #43A047;
}

.cf7mls_next.action-button {
	font-size: 1.5em;
}

.cf7mls_progress_bar {
	padding-top: 20px;
}

.cf7mls_progress_bar li.active:before,
.cf7mls_progress_bar li.active:after {
	background: #225D97;
}

.cf7mls_progress_bar li:before {
	border-radius: 50px;
	background-color: #b6b6b6;
	width: 50px;
	height: 50px;
	padding-top: 15px;
	font-size: 2em;
	font-weight: 900;
	margin-top: -15px;
}

.radio-buttons {
	text-align: center;
}

.multistep .wpcf7-form-control:not(.wpcf7-acceptance) .wpcf7-list-item .wpcf7-list-item-label {
	color: #1b63ad;
	background: #fff;
	float: left;
	width: 190px;
	height: 50px;
	line-height: 45px;
	margin: 0 5px 10px 10px;
	position: relative;
	border-radius: .3rem !important;
	border: 2px solid #1b63ad;
	transition: all 0.5s ease;
}

.multistep .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
	color: #000000;
}

.multistep .wpcf7-list-item input[type="radio"]:checked+.wpcf7-list-item-label {
	/* background-color: #1b63ad; */
	color: #ffffff;
	border: 0;
	background: rgb(72,134,213);
	background: radial-gradient(circle, rgba(72,134,213,0.7287289915966386) 0%, rgba(72,134,213,1) 97%);
}

.multistep .wpcf7-list-item-label {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	color: #1b63ad;
	cursor: pointer;
}

.multistep .wpcf7-list-item input[type=radio] {
	display: none;
}

.multistep .finalscreen .btn-primary {
	margin: 0;
}

.wpcf7-form .fieldset-cf7mls .finalscreen h2 {
	margin-bottom: 0;
}

.wpcf7-form .fieldset-cf7mls .finalscreen .wpcf7-form-control-wrap input {
	border-radius: 4px;
}

.wpcf7-form .fieldset-cf7mls .finalscreen .wpcf7-form-control-wrap input:focus {
	border: 1px solid #1b63ad;
	box-shadow: none !important;
	outline: none !important;
}

.wpcf7-form .fieldset-cf7mls .wpcf7-form-control-wrap {
	margin-bottom: 1em;
}

.wpcf7-form .fieldset-cf7mls .wpcf7-form-control-wrap input:not([type="checkbox"]) {
	padding: 10px;
	box-shadow: none !important;
	-webkit-appearance: none;
	max-width: 349px;
	border: 1px solid #b6b6b6;
}

span.wpcf7-not-valid-tip {
	display: block;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: none;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	text-align: center;
	color: red;
	font-weight: 900;
}

div.wpcf7 .ajax-loader {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.cf7mls_back.action-button {
	display: none;
}

.multistep .btn {
	width: 360px;
}

.multistep .wpcf7-acceptance {
	width: 360px;
	margin: 0 auto;
}

span.wpcf7-form-control-wrap:last-child {
	margin-bottom: 0;
}

.form-footer {
	max-width: 360px;
	margin: 0 auto;
}

.form-footer p {
	font-size: 11px;
	margin: 0;
}

.multistep .wpcf7-acceptance .wpcf7-list-item {
	width: 100%;
	border: none;
	display: block;
}

.multistep .wpcf7-acceptance .wpcf7-list-item:hover {
	background-color: none;
}

.multistep .wpcf7-acceptance .wpcf7-list-item.first {
	background: none !important;
}

.multistep .wpcf7-acceptance .wpcf7-list-item.first:hover {
	background: none;
}

.multistep .wpcf7-acceptance .wpcf7-list-item:hover {
	background: none;
}

.wpcf7-acceptance input[type=checkbox] {
	visibility: hidden;
	position: absolute;
	opacity: 0;
}

.wpcf7-acceptance input[type=checkbox]+span {
	position: relative;
	font-size: 14px;
	padding-left: 30px !important;
}

.wpcf7-acceptance input[type=checkbox]+span:before {
	content: '';
	width: 20px;
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	height: 20px;
	background-color: #f9f9f9;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
}

.wpcf7-acceptance span {
	margin: 0 5px !important;
}

.wpcf7-acceptance input[type=checkbox]:checked+span:after {
	content: '';
	width: 10px;
	height: 10px;
	background-size: cover;
	position: absolute;
	left: 5px;
	top: 10px;
	background-image: url("./img/checkmark.png");
}

.multistep .wpcf7-acceptance .wpcf7-list-item.first label {
	color: #212529;
	float: left;
	display: block;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	display: block !important;
	text-align: left;
	overflow: hidden;
}

.wpcf7-acceptance .wpcf7-list-item label {
	float: left;
	color: #212529;
}

.wpcf7-acceptance .wpcf7-list-item label:hover {
	color: #212529;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
	background-color: #c0c0c0;
	border-color: #c0c0c0;
}

/* Thanks / Inner */
.page-template-page-thanks .hero,
.page-template-page-inner .hero,
.page-template-page-thanks .heroscotland {
	background: #1b63ad;
	color: #fff;
	text-align: center;
	height: auto;
	padding: 2em 0 1em 0;
}

.page-template-page-inner .heroscotland {
	background: #1b63ad;
	color: #fff;
	text-align: center;
	height: auto;
	padding: 2em 0 1em 0;
}

.page-template-page-inner .hero,
.page-template-page-inner .heroscotland {
	padding: 1em 0 0.5em 0;
}

.page-template-page-thanks .hero h1,
.page-template-page-inner .hero h1,
.page-template-page-thanks .heroscotland h1,
.page-template-page-inner .heroscotland h1 {
	color: #fff;
}

.page-template-page-thanks .t-content,
.page-template-page-inner .i-content {
	padding: 2em 0;
}

/* Responsive */
@media only screen and (max-width: 1200px) {
	h1 {
		font-size: 2.5em;
	}

	.usps ul li {
		margin: 0 25px;
	}

	.steps h2.h1 {
		font-size: 2em;
	}

	.moneyadvice p {
		margin-top: 0.5em;
	}

	.cta h3 {
		font-size: 1.5em;
	}

	.wpcf7-form .fieldset-cf7mls .employment .wpcf7-list-item.last {
		clear: both;
	}

	.panel {
		height: 300px;
	}
}

@media only screen and (max-width: 1199px) {
	.site-header .reviews-col {
		flex-grow: 0;
	}
}

@media only screen and (max-width: 992px) {
	.site-header .row {
		align-items: center;
	}

	.wpcf7-form-control-wrap {
		width: 445px;
		margin: 0 auto;
	}

	#masthead {
		padding-bottom: 1em;
	}

	.helpline .call {
		display: none;
	}

	.cta {
		text-align: center;
	}

	.cta .btn-white {
		margin-top: 0.5em;
		display: inline-block;
		float: none;
	}

	h1 {
		font-size: 2em;
	}

	.moneyadvice {
		padding: 2em 0;
	}

	.moneyadvice p {
		margin-top: 0;
	}

	.site-footer .copyright.text-right {
		/*		padding-top:2em;
    		text-align: center !important;*/
	}

	.steps h2.h1 {
		font-size: 1.5em;
		margin-bottom: 3em;
	}

	.panel h3 {
		font-size: 1.25em;
	}

	.usps ul li {
		font-size: 0.875em;
		margin: 0 10px;
	}

	.panel {
		height: 350px;
	}

	.panel img {
		width: 80px;
		height: 60px;
	}
}

@media only screen and (max-width: 768px) {
	.steps {
		padding-bottom: 2em;
	}

	.steps .row .col-sm-12 {
		margin-bottom: 4em;
	}

	.address {
		margin-bottom: 2em;
	}

	.site-footer .contact-info {
		margin-left: 0;
		padding-left: 0;
	}

	.site-footer .links {
		text-align: left;
		margin-left: 0;
		padding-left: 0;
	}

	.site-footer .copyright {
		/* text-align: left !important; */
		margin-top: 2em;
	}
}

@media only screen and (max-width: 767px) {
	.panel {
		height: auto;
	}
}

@media only screen and (max-width: 576px) {
	.multistep .wpcf7-list-item {
		height: 40px;
		font-size: 14px;
	}

	/* .fieldset-cf7mls:first-of-type h1 {
		display: none;
	} */

	.cf7mls_next.action-button {
		font-size: 1.2em;
		margin-top: 0;
	}

	.wpcf7-list-item.last {
		margin-bottom: 0;
	}

	/* .fieldset-cf7mls:first-of-type h1+p {
		display: none;
	} */

	.wpcf7-acceptance input[type=checkbox]+span {
		font-size: 11px;
	}

	.review-widget {
		margin: 30px auto 0;
	}

	.usps ul li {
		display: block;
	}

	.steps .col {
		margin-bottom: 4em;
	}

	.hero,
	.heroscotland {
		text-align: center;
	}

	.steps h2.h1 {
		margin-bottom: 0;
	}

	.site-footer .contact-info,
	.site-footer ul.links {
		margin-left: 0;
		padding-left: 0;
	}

	.site-footer address {
		margin-bottom: 1em;
	}

	.site-footer .contact-info {
		font-size: 1em;
	}

	.wpcf7-form .fieldset-cf7mls .wpcf7-form-control-wrap input,
	.wpcf7-form-control-wrap,
	.wpcf7-select {
		width: 100% !important;
	}

	.wpcf7-form .fieldset-cf7mls .wpcf7-form-control-wrap input:not([type="checkbox"]),
	.wpcf7-select {
		padding: 5px 10px;
		font-size: 14px;
	}

	.multistep .wpcf7-acceptance {
		width: auto;
		content: "";
		display: table;
		clear: both;
	}

	.wpcf7-acceptance .wpcf7-list-item-label {
		width: auto !important;
		height: auto !important;
	}

	.multistep .wpcf7-acceptance .wpcf7-list-item {
		height: auto;
	}

	.wpcf7-form .fieldset-cf7mls .finalscreen .wpcf7-form-control-wrap input[type=checkbox] {
		width: auto !important;
	}

	.multistep .wpcf7-list-item {
		margin-left: 0;
	}

	.wpcf7-form-control-wrap span,
	.wpcf7-acceptance input[type=checkbox]+span {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		margin: 0;
	}

	.fieldset-cf7mls-wrapper {
		margin: 0 -10px;
	}

	.wpcf7-form-control-wrap {
		width: 300px;
		margin: 0 auto;
	}

	.multistep .wpcf7-list-item {
		width: 100%;
		float: none;
	}

	.wpcf7-form .fieldset-cf7mls {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.cf7mls_progress_bar {
		margin-bottom: 0;
	}

	.cf7mls_progress_bar li:before {
		font-size: 1.5em;
		height: 30px;
		width: 30px;
		padding-top: 5px;
	}

	.wpcf7-form .fieldset-cf7mls h2 {
		font-size: 1.2em;
	}

	.wpcf7-form .fieldset-cf7mls h2+p {
		font-size: 14px;
	}

	.btn-lg {
		font-size: 1.5em;
	}

	.helpline .h4 {
		font-size: 1em;
		padding-top: 20px;
	}

	.form-content {
		padding-top: 0em;
	}

	.cf7mls_progress_bar li:before {
		margin-top: -5px;
	}

	.multistep .finalscreen .btn-primary {
		width: 100%;
	}

	.cta {
		padding-bottom: 3em;
	}

	.wpcf7-acceptance input[type=checkbox] {
		margin-bottom: 10px;
	}
}

.heroscotland h1,
.heroscotland p {
	color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
	.hero {
		background: url(img/hero-bg.jpg) no-repeat center 35%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.heroscotland {
		background: url(https://debtconcerns.co.uk/wp-content/uploads/2018/08/scotland-large.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.hero h1,
	.hero p {
		color: #000;
	}

	.heroscotland h1,
	.heroscotland p {
		color: #000;
	}
}

/*menu css*/
.header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

.header-menu ul li {
	display: inline-block;
}

.header-menu ul li a {
	color: #12181c;
	font-size: 21px;
	padding: 10px 15px;
	display: block;
	border-radius: 5px;
}

.header-menu ul li a:hover {
	text-decoration: none;
	background: #9FC262;
	color: #fff;
	border-radius: 5px;
	transition: .3s;
}

.header-menu ul li.dropdown {
	position: relative;
}

.header-menu ul li.dropdown ul {
	position: absolute;
	width: 100%;
	left: 0;
	top: 150%;
	transition: .3s;
	width: 300px;
	background: #fff;
	text-align: left;
	padding: 0;
	border-radius: 0px;
	visibility: hidden;
	opacity: 1;
	z-index: 99999;
}

.header-menu ul li.dropdown ul li {
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}

.header-menu ul li.dropdown ul li:last-child {
	border-bottom: 0px solid #eeeeee;
}

.header-menu ul li.dropdown:hover ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

/*responsive menu */
@media only screen and (max-width: 1024px) {
	.header-menu {
		display: none !important;
	}
}

.advice {
	background-color: #f4f4f4;
}

.advice .container {
	padding: 80px 15px;
	max-width: 960px;
}

.advice h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.advice ul {
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
}

.advice ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.advice ul li span {
	width: calc(100% - 30px);
	display: inline-block;
	vertical-align: top;
}

.advice ul li:before {
	vertical-align: middle;
	content: '';
	background-image: url("./img/checkmark.png");
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.help--grey {
	background-color: #f4f4f4;
}

.help .container {
	padding: 75px 15px;
	max-width: 960px;
}

.help h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.help ul {
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
}

.help ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.help ul li span {
	width: calc(100% - 30px);
	display: inline-block;
	vertical-align: top;
}

.help ul li:before {
	vertical-align: middle;
	content: '';
	background-image: url("./img/checkmark.png");
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.more-help {
	background-color: #f4f4f4;
}

.more-help p {
	font-size: 18px;
}

.more-help p a {
	color: #8EBE47;
	font-weight: bold;
}

.more-help .section {
	padding: 75px 15px;
}

.more-help .section:first-of-type {
	padding-bottom: 0;
}

.more-help .container {
	max-width: 960px;
}

.more-help h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
}

.reviews .container {
	padding: 40px 15px 30px;
}

.trust-help {
	background-color: #f4f4f4;
}

.trust-help .container {
	padding: 75px 15px;
	max-width: 960px;
}

.trust-help h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.about--grey {
	text-align: center;
	background-color: #f4f4f4;
}

.about .container {
	padding: 75px 15px;
	max-width: 960px;
}

.about h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.iva-section--grey {
	background-color: #f4f4f4;
}

.iva-section .container {
	text-align: center;
	padding: 75px 15px;
	max-width: 960px;
}

.iva-section h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.services {
	background-color: #f4f4f4;
}

.services--white {
	background-color: #fff;
}

.services .container {
	padding: 75px 15px;
	max-width: 960px;
}

.services h3 {
	font-weight: 900;
	text-align: center;
	margin-bottom: 40px;
}

.services+.help ul {
	font-size: 0;
}

.services+.help ul li {
	font-size: 16px;
	display: inline-block;
	width: 33.333%;
}

.services--main .container {
	max-width: 1615px;
}

.services--main ul {
	font-size: 0;
	margin: 0;
	padding: 0;
}

.services--main ul li {
	width: 25%;
	vertical-align: top;
	text-align: center;
	display: inline-block;
}

.services--main ul li .wrapper {
	padding: 0 15px;
}

.services--main ul li p {
	font-size: 16px;
}

.services--main ul li h4 {
	font-size: 22px;
}

.page-404 {
	min-height: 400px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: calc(100vh - 189px);
	background-color: #f4f4f4;
}

.page-404 h2 {
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 30px;
	font-size: 28px;
}

.page-404 p {
	font-size: 18px;
	line-height: 1.4;
}

.page-404 p:last-of-type {
	margin-bottom: 0;
}

.page-404 .btn {
	margin-top: 40px;
}

@media only screen and (min-width: 768px) {
	.page-404 {
		height: calc(100vh - 138px);
		min-height: 600px;
	}
}

@media only screen and (min-width: 625px) {
	.page-404 h2 {
		font-size: 58px;
	}
}

@media only screen and (min-width: 768px) {
	.page-404 h2 {
		font-size: 72px;
		margin-bottom: 40px;
	}

	.page-404 p {
		font-size: 24px;
	}
}

/* Mobile Menu */
.mobile-menu {
	overflow: auto;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: -300px;
	width: 300px;
	height: 100%;
	z-index: 99;
	background-color: #8ebe47;
	display: none;
}

.mobile-menu>.wrapper>ul {
	text-align: left;
	padding: 50px 30px 0 0;
	margin-top: 20px;
}

.mobile-menu ul li {
	display: block;
	margin: 10px 0px 10px 20px;
}

.mobile-menu ul li a {
	color: white;
	font-size: 19px;
}

.mobile-menu .sub-menu {
	padding: 0;
	margin: 0;
}

.mobile-menu .menu-item-has-children>a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #000000 transparent;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
	top: 5px;
	transition: 0.3s;
}

.mobile-menu .menu-item-has-children a.active::after {
	transform: rotate(0);
}

.form-footer>a {
	display: block;
	margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
	.site-header p.h4 {
		font-size: 1.2rem;
	}

	.mobile-menu {
		display: block;
	}

	.menu-open {
		left: 0 !important;
	}

	.body-open {
		margin: 0;
		height: 100%;
		overflow: hidden;
		position: relative;
	}

	.services--main ul li {
		width: 50%;
		margin-bottom: 30px;
	}

	#nav-toggle {
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.site-header {
		position: relative;
	}

	/* .hamburger {
  	background-color: #8ebe47;
  } */
	#nav-toggle span {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: #8ebe47;
		position: absolute;
		display: block;
		z-index: 999999;
		content: '';
		right: 0;
		transition: all 300ms ease-in-out;
	}

	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 35px;
		background: #8ebe47;
		position: absolute;
		display: block;
		z-index: 999999;
		content: '';
		right: 0;
	}

	#nav-toggle span:before {
		top: -10px;
	}

	#nav-toggle span:after {
		bottom: -10px;
	}

	#nav-toggle span:before,
	#nav-toggle span:after {
		transition: all 300ms ease-in-out;
	}

	#nav-toggle.active span {
		background-color: transparent;
	}

	#nav-toggle.active span:before,
	#nav-toggle.active span:after {
		top: 0;
	}

	#nav-toggle.active span:before {
		transform: rotate(45deg);
	}

	#nav-toggle.active span:after {
		transform: rotate(-45deg);
	}
}

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

	.advice h3,
	.help h3,
	.trust-help h3,
	.about h3,
	.services h3,
	.more-help h3 {
		font-size: 1.5em;
	}
}

.site-header .col:first-of-type {
	flex-grow: 0;
}

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

	.hero,
	.heroscotland {
		height: 500px;
	}

	.site-header .reviews-col {
		min-width: 345px;
	}

	.review-widget {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.page-template-page-landing:not(.page-id-363) .col.helpline {
		display: none;
	}

	.site-header .reviews-col {
		flex-grow: 1;
	}
}

@media only screen and (max-width: 767px) {
	.error404 .col.helpline {
		display: none;
	}

	.fieldset-cf7mls-wrapper {
		padding: 15px;
	}

	.review-widget {
		margin-top: 30px;
		display: block;
	}

	.advice .container {
		padding: 40px 15px;
	}

	.help .container,
	.trust-help .container,
	.about .container,
	.services .container {
		padding: 30px 15px;
	}

	.more-help .section {
		padding: 30px 0;
	}

	.more-help .section:first-of-type {
		padding-bottom: 0;
	}

	.more-help p {
		font-size: 16px;
	}

	.services+.help ul li {
		width: 50%;
	}

	.services--main ul li {
		width: 100%;
	}

	.services--main ul li .wrapper {
		padding: 0;
	}
}

@media only screen and (max-width: 600px) {
	.moneyadvice {
		text-align: center;
	}

	.moneyadvice img {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 500px) {
	.services+.help ul li {
		width: 100%;
	}
}

@media only screen and (max-width: 540px) {
	.reviews-col {
		display: none;
	}
}

@media only screen and (max-width: 475px) {
	.mobile-menu {
		width: 250px;
		left: -250px;
	}

	.mobile-menu ul li a {
		font-size: 16px;
	}
}

.page-template-page-debthelp .mobile-menu,
.page-template-page-landing002 .mobile-menu,
.page-template-page-debthelp #nav-toggle,
.page-template-page-form #nav-toggle,
.page-template-page-landing002 #nav-toggle {
	display: none;
}

#text-banner-widget iframe {
	height: 60px !important;
}

@media only screen and (max-width: 375px) {
	.site-header p.h4 {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	.site-header .container {
		max-width: 100%;
	}

	.col.helpline {
		max-width: 165px;
		margin-left: auto;
	}

	#popup {
		display: none;
	}
}

@media only screen and (max-width: 663px) {
	#text-banner-widget iframe {
		height: 70px !important;
	}
}

#popup {
	padding-top: 150px;
	display: block;
	position: fixed;
	z-index: 999999;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	overflow-y: scroll;
	cursor: pointer;
}

#popup__content {
	background: #fff;
	padding: 30px;
	max-width: 800px;
	box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
	margin: 0 auto;
	position: relative;
	width: 85%;
	color: #000;
	border-radius: 4px;
}

#popup p {
	line-height: 1.4;
	margin-top: 0;
}

#popup p.center {
	text-align: center;
}

#popup .close {
	position: absolute;
	opacity: 1;
	transition: all 200ms;
	font-size: 30px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	right: -20px;
	top: -20px;
	background: #0070ba;
	color: #fff;
	border-radius: 50%;
	z-index: 99999999 !important;
	font-size: 24px;
	font-weight: bold;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 38px;
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
}

.no-scroll::before {
	opacity: 1;
	visibility: visible;
}

#popup a {
	transition: all 0.5s ease;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0.5em 1em;
	font-weight: 900;
	font-size: 1.25em;
	font-family: 'Lato', Helvetica, sans-serif;
	background: #8EbE47;
	border: 3px solid #81ae3d;
}

#popup h2 {
	margin-top: 0;
}

#popup h4 {
	font-size: 24px;
	margin: 0 0 30px;
	font-weight: bold;
}

#popup p {
	margin-bottom: 30px;
}

#popup p:last-child {
	margin-bottom: 0;
}

.page-template-page-form #popup {
	display: none !important;
}

.wpcf7-radio input[type="radio"]:checked+span::after {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	background-color: #43A047;
	width: 20px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	font-weight: 900;
	height: 20px;
	position: absolute;
	font-size: 10px;
	right: -10px;
	top: -10px;
	z-index: 10;
}

.debt-example {
	display: flex;
	padding: 1em 0;
}

@media (max-width: 600px) {
	.debt-example {
		display: block;
		padding: 1em 0;
	}
}

.debt-example__title {
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 1em;
}

@media (max-width: 600px) {
	.debt-example__title {
		font-size: 2em;
	}
}

.debt-example__table {
	background: white;
	color: black;
	padding: 2em;
	width: 40%;
	border-radius: 15px;
	position: relative;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
	.debt-example__table {
		width: 100%;
	}
}

.debt-example__table:after {
	content: "";
	position: absolute;
	display: none;
	left: 100%;
	top: 25px;
	width: 0px;
	height: 0px;
	border-top: 240px solid transparent;
	border-left: 40px solid #012958;
	border-bottom: 240px solid transparent;
}

@media (max-width: 600px) {
	.debt-example__table:after {
		content: "";
		position: absolute;
		top: 100%;
		right: 0;
		left: 15px;
		width: 0;
		height: 0;
		border-left: 160px solid transparent;
		border-top: 40px solid #012958;
		border-right: 160px solid transparent;
	}
}

.debt-example__table td {
	font-size: 1.4em;
}

.debt-example__table-amount {
	background: white;
	color: black;
	padding: 0em;
	border-radius: 15px;
	text-align: center !important;
}

.debt-example__table h5 {
	background: white;
	color: black;
	padding: 0.5em 1em;
	text-align: left;
	font-weight: 500;
	font-size: 2em;
	border-radius: 15px;
}

.debt-example__table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0.5em;
}

.debt-example__payments {
	background: #f1f1f1;
	padding: 2em;
	margin: 2em 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 60%;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
	.debt-example__payments {
		width: 100%;
		margin-top: 0;
		padding-top: 4em;
		border-radius: none;
	}
}

.debt-example__payments-item {
	background: none;
	height: 250px;
	width: 250px;
	display: flex;
	align-items: center;
	justify-items: center;
	margin: 2em auto;
}

.debt-example__payments-icon {
	margin-bottom: 0.3em;
}

.debt-example__payments-icon img {
	width: 100px;
}

.debt-example__payments-quote {
	background: url("./img/speech-bubble.svg") no-repeat;
	position: absolute;
	width: 183px;
	height: 170px;
	bottom: 80px;
	right: -90px;
	display: flex;
}

@media (max-width: 600px) {
	.debt-example__payments-quote {
		right: -80px;
		display: none;
	}
}

.debt-example__payments-quote div {
	align-self: center;
	text-align: center;
	line-height: 2em;
	width: 100%;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

.debt-example__payments-percent {
	font-size: 2.5em;
}

.offer-bar + #masthead {
	margin-top: 120px;
}
@media (min-width: 327px){
	.offer-bar + #masthead {
		margin-top: 99px;
	}
}
@media (min-width: 753px){
	.offer-bar + #masthead {
		margin-top: 78px;
	}
}
.offer-bar {
	font-family: 'Open Sans', sans-serif;
	background: #43A047;
	color: #fff;
	text-align: center;
	padding: 13px 0;
	letter-spacing: 1px;
	font-size: 14px;
	background-color: #43A047;
}
.offer-bar p {
	margin: 10px 0 0 0;
	display: inline-block;
}
.offer-bar span {
	background: #fff;
	color: #43A047;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 12px;
	margin: 0 0 0 0;
}