/*
Theme Name: Toast
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 6.0-2019
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar
License: None
License URI: LICENSE
*/








a.google-business{width: 24px;}

/* Feefo logo
.desktop-feefo a {
    display: none;
}
.desktop-feefo {
	display: none !important;
    background-color: white;
    border-radius: 5px;
}
.mobile-header .feefo {
	display: none;
    background-color: white;
    margin: 10px;
    border-radius: 10px;
} */

section.text-color h1, section.text-color h2, section.text-color h3, section.text-color h4, section.text-color h5, section.text-color h6, section.text-color a, section.text-color p  {color: inherit !important}


/**Back to top**/
.toast-back-to-top{position:fixed;bottom:2rem;right:2rem;background:#1D5AA7;width:50px;height:50px;border-radius:100px;background-image:url('/wp-content/themes/toast/images/chevron-up-white.svg');background-size:20px;background-position:center;background-repeat:no-repeat;pointer-events:none;cursor: pointer;opacity:0;transform:translatey(-30px);transition:all 1s;}
.toast-back-to-top.show{opacity:1;transform:translatey(0px);pointer-events:all;}


/**Reviews loading**/
#feefo-service-review-widgetId.loading{padding:10rem;background:#efefef;position:relative;margin-bottom:5rem;}
#feefo-service-review-widgetId.loading:after{content:'';width:50px;height:50px;border:4px solid #1D5AA7;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;border-top:4px solid transparent;animation:spin .75s ease-in-out infinite;}

@keyframes spin {
	0% {transform:translate(-50%,-50%) rotate(0deg);}
	100% {transform:translate(-50%,-50%) rotate(360deg);}
}

/**Mobile Menu**/
#header-navigation-mobile{position:relative;padding:0 2rem;}
.scroll-back{ position: absolute;top: 50%;left:-10px;transform:translatey(-50%);border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right:15px solid #ffffff;}
.scroll-forward{position: absolute;top: 50%;right:-10px;transform:translatey(-50%);border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left:15px solid #ffffff;}


.toast-mm-banner{display:table !important;width:100%;}
.toast-mm-banner > *{display:table-cell;vertical-align:middle;}
.toast-banner-banner-title-area{width:30px;}
.toast-mm-banner .phone-icon{width:30px;display:table-cell;font-size:2rem;color:#ffffff;}
.toast-mm-banner .title{text-align:center;font-size:16px;}
.menu-main-container { margin-top: 5rem; }

.desktop-feefo.service-rating {
    float: right;
}

.four.columns a h4:hover {
    color: #303030;
}

.blue.background .four.columns a h4:hover {
	color: #fff;
	opacity:0.8;
}

.tick-box p {
    margin: .5rem;}

.page-id-1607 h2 {
    color: #000;
}

.page-id-1607 .twelve.columns ul {
    padding-left: 2rem;
}

.six.columns.tick-box ul {
    color: #fff;
    list-style: disc;
	margin-bottom: 0rem;
}

.six.columns.tick-box ul li {
    line-height: 1.4;
}

.six.columns.tick-box ul li:last-of-type {
    margin-bottom: 0rem;
}

.padding-round {
    padding: 3rem;
}

.notice h4 {
    margin-bottom: 0rem;
}

.fa, .fas {
	font-display: swap;
}
.fa-check:before {content: "\f00c"; color: #000;}

.gform_confirmation_wrapper  { background: #1d5aa7;
    padding: 3rem;
    margin: 2rem 0;
    box-sizing: border-box;
    font-size: 2.5rem;
    color: #fff;
	font-weight: 700; }

h3.gsection_title { margin: 4rem 0 1rem; font-size: 2.5rem; }
.mobile-header { display: none; margin-top: 4rem; }
section.test-columns p {color:#fff;}

li.toast-support a { background: #1D5AA7; }
li.toast-support a:hover { background: #666; }
/* .container .container { background: red; }
.container { border: 1px solid yellow;  }
.row { border: 1px solid pink; background: pink; }
.wrapper { border: 1px solid orange; background: orange; padding: 2rem 0; }
section { border: 3px solid grey; clear: both; }*/
section{position:relative;}
body #wprmenu_bar span.wpr-logo-wrap { position: relative; top: -3px; line-height: inherit; display: inline-block; float: right; } /* Floats the logo to the right on the WPR Menu */

.blue.background h3 {
    color: #fff;
}

strong, b {
    font-weight: bold;
}

.grey-background {
    background: #eee;
}

blockquote {
    margin: 3rem 0rem;
}

a.button.block, a.button-2.block {
    display: block;
}

.wppsac-post-carousel.design-1 .wppsac-post-image-bg {
display: none; }


.wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li:nth-child(4n+1) a, .wppsac-post-carousel .wppsac-post-categories ul.wppsac-post-categories-list li:nth-child(4n+1) a {
	background: #31af41; }

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 4rem;
  border: 1px solid #888;
  width: 50%; 
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.sp-latest-posts-widget.latest-posts h3 {
	font-size: 2rem; }

.sp-latest-posts-widget.latest-posts img { display: none; }


/* Site CSS */
p a.button, a.button { position: relative; }
a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}



.tick-box { padding: 3rem; margin-bottom: 4%; position: relative; }
.tick-box:nth-child(1), .tick-box:nth-child(4) { background: #1d5aa7;}
.tick-box:nth-child(2), .tick-box:nth-child(3) { background: #000;}
/*.tick-box:before {

	background: #fff url(https://debtadvocate.co.uk/wp-content/uploads/tick.png) center center no-repeat; background-size: contain;
    font-family: FontAwesome;
    position: absolute;
    top: 2rem;
    left: -30px;
    color: #fff;
    background: #fff;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    color: #000;
    text-align: center;
    line-height: 60px;
    font-size: 3rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 57%);

}*/

.tick-box h3 { color: #fff; }
.tick-box p { color: #fff; }

/* BACKGROUNDS */

.blue.background { background: #1d5aa7;}
.blue.reviews { padding: 3rem 6rem; }
.blue.reviews p { font-size: 3rem; font-weight: 600; color: #fff; }
.blue.reviews .fa { font-size: 3rem; color: yellow; }
.blue a.button { background-color: #000; position: relative; }
.blue a.button:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #1d5aa7;  transform: rotate(45deg); }
.blue a.button:hover{ background-color: #fff; color: #1d5aa7; }
.blue h1, .blue p, .blue h4 { color: #fff; }

.grey-background a.button:before {
    background: #eeeeee;
}

.black.background { background: #000;}
.anchor-links { padding: 3rem 0; }
.anchor-links h3 { color: #fff; margin-bottom: 6rem; }
.anchor-links a { font-size: 3rem; color: #fff; margin-bottom: 6rem; line-height: 1.2; display: block; }
.anchor-links a:after { content: " "; width: 40%; height: 3px; background: #1d5aa7; display: block; margin-top: 2rem; }
.anchor-links a:hover:after { background: #fff; }
.anchor-links a:hover { color: #1d5aa7; }



.anchor-links .six:nth-child(2n+1) { margin-left: 0; }

.six h4 { margin-bottom: 3rem; }
.six h4:after { content: " "; width: 40%; height: 3px; background: #1d5aa7; display: block; margin-top: 2rem; }

.grey.background { background: #f8f8f8;}

.toast-mm-menu {
    top: 30px;
}


/* BUTTONS BEFORE */

a.button:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #fff;  transform: rotate(45deg); }
.grey a.button:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #f8f8f8;  transform: rotate(45deg); }
a.button-2:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #fff;  transform: rotate(45deg); }

.wppsac-post-content-position {
    margin: 0rem 2.2rem;
}

.blog-buttons { margin: 5rem 0rem; }
.blog-buttons row:second-child {margin-top: 3rem;}
.blog-buttons .button, .blog-buttons .button-2 { width: 100%; }

.six.columns.buttons a.button-2, .six.columns.buttons a.button { width: 100%; }
.six.columns.buttons:nth-child(3) {margin-left: 0px !important;}
.six.columns.buttons.form a.button, .six.columns.buttons.form a.button-2 { margin: 1rem 0; }

.single.post {
    border: 1px solid #ccc;
    padding: 2rem 2rem 0rem;
    margin-bottom: 3rem;
    -webkit-box-shadow: 2px 2px 15px 2px #cccccc;
    box-shadow: 1px 1px 10px 2px #eeeeee;
}

.button, button, a.button, .gform_button {
	-webkit-appearance: none;
}

/* MOBILE MENU */

.toast-mm-banner__title { display: none; }

.toast-mm-banner__hamburger, .toast-mm-banner__title {width: 20%;}

.active .toast-mm-menu {padding-top: 2rem !important;}

.menu-additional-text {
    display: inline-block;
    vertical-align: middle;
	width: 80%;
	text-align: center;
	font-size: 2rem;
}

a.menu-phone {
    color: white;
    float: right;
}

/* Required WP Styles
*************************************************/
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}

/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { font-size: 62.5%; }

body {
	
	font-size: 1.75rem; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-weight: 300;
	color: #222;
	margin: 0;
	padding: 0; 
	}

.columns.push-right, .column.push-right { float: right; }
.columns.push-left, .column.push-left	{ float: left; }

/**Slider Base**/
.slider-wrapper{position:relative;overflow:hidden;}
.slide{background-size:cover;background-position:center;clear:both;overflow:hidden;position:absolute;transition:all .5s;pointer-events:none;display:none;width:100%;background-color:#ffffff;}
.slide .container{top:50%;left:50%;width:100%;position:static;}
.slide.active{display:block;pointer-events:all;}

.slide.fade{opacity:0;display:block;}
.slide.fade.active{opacity:1;}

.slide-button-navigation{background:#000000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;height:50px;width:50px;position:absolute;z-index:100;top:50%;transform: translateY(-50%);opacity:0.4;transition:all .5s;cursor:pointer;}
.slide-button-navigation:hover{opacity:.5;}
.slide-button-navigation i{color:#ffffff;font-family:fontawesome;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;}

.slide-button-navigation.back-button{left:2%}
.slide-button-navigation.next-button{right:2%;}

.slide.sliding{display:block;opacity:0;transition:all 0s;}
.slide.sliding.active{opacity:1;}

.sliding.slide-in-left{animation:toastslideInLeft .5s linear forwards;opacity:1}
@keyframes toastslideInLeft{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}
}

.sliding.slide-in-right{animation:toastslideInRight .5s linear forwards;opacity:1}
@keyframes toastslideInRight{
	0%{transform:translateX(100%)}
	100%{transform:translateX(0)}
}

.sliding.slide-out-right{animation:toastslideOutRight .5s linear forwards;opacity:1}
@keyframes toastslideOutRight{
	0%{transform:translateX(0)} 
	100%{transform:translateX(100%)}
}

.sliding.slide-out-left{animation:toastslideOutLeft .5s linear forwards;opacity:1}
@keyframes toastslideOutLeft{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}

/*	Header
*************************************************/

a.logo img { width: 80%; height: auto; vertical-align: bottom; padding: 3rem 0; }
header { background: #000; margin-bottom: 3vw;  }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .container.top { padding: 1rem 0rem; display: flex; align-items: center;}
header .contacts {}
.social-icons a { margin-left: 1rem;}
.social-icons img { height: 24px; width: 24px; }
.phone { font-size: 3rem; text-align: center;}
header .social-icons { display: none; }
header .phone { text-align: right; color: #fff; margin-right: 2rem; }
header .six { position: relative; }
header a.button { display: block; width: 100%; background: #1D5AA7; color: #fff; }
header a.button:hover { display: block; width: 100%; color: #1D5AA7; background: #fff; }

header a.button { display: block; width: 100%; background: #1D5AA7;}

header a.button:before {background: #000; top: calc(50% - 10px);}

header .contacts {
    display: flex;
    align-items: center;
    float: right;
}



/* Navbar & Menus 									*
************************************************/
.mobile-header a.logo { text-align: center; display: block;}
.mobile-header a.logo img { width: 33%; max-width: 200px; padding: 0; }

ul#menu-mobile-menu { display: block;  }
ul#menu-mobile-menu li { display: block; width: 100%; box-sizing: border-box; float:left; margin: 0 0 1rem 0; flex-grow: 1;  }
ul#menu-mobile-menu li a { display: block; border: 1px solid #fff; color: #fff; padding: .5rem;  box-sizing: border-box; }
ul#menu-mobile-menu li a:hover, ul#menu-mobile-menu li a:focus { background: #000; }
ul#menu-mobile-menu ul.sub-menu { width: 100%; background: none;}
.menu-mobile-menu-container { margin-top: 2rem; }
.menu-mobile-menu-container ul { display: block; text-align: left; }
/*.menu-mobile-menu-container li#menu-item-21160 a { background: #e88b3a; color: #fff; }*/
 .menu-mobile-menu-container ul li#menu-item-21160:hover > a { color: #fff; background: #e88b3a; }
.menu-mobile-menu-container ul li#menu-item-21160 > a { background: #efefef; padding-left: 5rem; }
 .menu-mobile-menu-container ul li#menu-item-21160 > a:before { content: url(/wp-content/uploads/Burger-menu-icon.png); display: block; float: left; width: 20px; height: 20px; transform: scale(.7); left: 5px;
    top: 10px;
    position: absolute;  }
 .menu-mobile-menu-container ul li#menu-item-21160


.menu-mobile-menu-container ul ul li a:hover { background: #546A7B !important; }



.menu-mobile-menu-container ul li a, .menu-mobile-menu-container ul li { display: block; color: #546a7b;  }
.menu-mobile-menu-container ul ul { width: 100%; background: #efefef; }
.menu-mobile-menu-container ul .sub-menu li a { color: #546a7b;   }






.top-nav 			{ background: #1D5AA7;   }
.top-nav ul 		{ margin: 0 auto; padding: 0rem; text-align: center; display: flex; justify-content: space-between; font-size: 0;  }
.top-nav li 		{ display: inline-block; margin: 0; position: relative; font-size: 1.5rem;  /* this is needed in order to position sub menus */ }
.top-nav li a  		{ display: inline-block; padding: 2rem; color: #fff; line-height: 1; position: relative; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #fff; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #fff; background: #000; }
.top-nav li.current_page_item a { }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

.top-nav li:hover a:after, .top-nav li.current_page_item a:after {
	
	    content: " ";
    position: absolute;
    bottom: -10px;
    width: 0%;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 10px solid #000;
    left: calc(50% - 30px);
	

}

/* Submenus Dropdowns
***********************************************/

.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 3.5rem; left: 0; width: 200px; background: #666; text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #1D5AA7;  }
.top-nav ul ul li:hover a	{ color: #fff; }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

/* Drop Down Link styling
**************************************************/

/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/

/* Pagination
*************************************************/

/* Previous and Next pagination */
 a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; background: #1D5AA7; border: none; border-radius: 4px;}

a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #0092c8; border: 0px;   }
a.page-numbers:hover { background: #0092c8;  }

/* Current pagination link */
span.page-numbers.current { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #0092c8; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }

/* General ACF Styles
*************************************************/

.colour-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.wrapper { position: relative; }



/* Related Content ACF							*
**************************************************/
.row.related-content {}
.related-news-wrapper {}
.related-featured-image img { margin-bottom: 2rem;}
.related-news-content {}
h3.related-title {}
.related-excerpt {}
.related-read-more-button { margin-top: 2rem; }


/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.container.full-width { max-width: 100%; width: 100%; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }



/* Margin and Padding Styles
*************************************************/

/* DEFAULTS */
.margin-top { margin-top: 3vw; }
.margin-bottom { margin-bottom: 3vw; }
.margin-both { margin-top: 5vw; margin-bottom: 5vw; }

.padding-top { padding-top: 5vw; }
.padding-bottom { padding-bottom: 5vw; }
.padding-both { padding-top: 3vw; padding-bottom: 5vw; }

/* TOP MARGIN */
.margin-top-1 { margin-top: 1rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-10 { margin-top: 10rem; }
.margin-top-15 { margin-top: 15rem; }
.margin-top-20 { margin-top: 20rem; }
.margin-top-25 { margin-top: 25rem; }
.margin-top-30 { margin-top: 30rem; }
.margin-top-35 { margin-top: 35rem; }
.margin-top-40 { margin-top: 40rem; }
.margin-top-45 { margin-top: 45rem; }
.margin-top-50 { margin-top: 50rem; }

/* BOTTOM MARGIN */
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-bottom-5 { margin-bottom: 5rem; }
.margin-bottom-10 { margin-bottom: 10rem; }
.margin-bottom-15 { margin-bottom: 15rem; }
.margin-bottom-20 { margin-bottom: 20rem; }
.margin-bottom-25 { margin-bottom: 25rem; }
.margin-bottom-30 { margin-bottom: 30rem; }
.margin-bottom-35 { margin-bottom: 35rem; }
.margin-bottom-40 { margin-bottom: 40rem; }
.margin-bottom-45 { margin-bottom: 45rem; }
.margin-bottom-50 { margin-bottom: 50rem; }

/* BOTH MARGIN */
.margin-both-1 { margin-bottom: 5rem; margin-top: 1rem; }
.margin-both-2 { margin-bottom: 5rem; margin-top: 2rem; }
.margin-both-3 { margin-bottom: 5rem; margin-top: 3rem; }
.margin-both-4 { margin-bottom: 5rem; margin-top: 4rem; }
.margin-both-5 { margin-bottom: 5rem; margin-top: 5rem; }
.margin-both-10 { margin-bottom: 10rem; margin-top: 10rem; }
.margin-both-15 { margin-bottom: 15rem; margin-top: 15rem; }
.margin-both-20 { margin-bottom: 20rem; margin-top: 20rem; }
.margin-both-25 { margin-bottom: 25rem; margin-top: 25rem; }
.margin-both-30 { margin-bottom: 30rem; margin-top: 30rem; }
.margin-both-35 { margin-bottom: 35rem; margin-top: 35rem; }
.margin-both-40 { margin-bottom: 40rem; margin-top: 40rem; }
.margin-both-45 { margin-bottom: 45rem; margin-top: 45rem; }
.margin-both-50 { margin-bottom: 50rem; margin-top: 50rem; }

/* TOP PADDING */
.padding-top-1 { padding-top: 1rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-4 { padding-top: 4rem; }
.padding-top-5 { padding-top: 5rem; }
.padding-top-10 { padding-top: 10rem; }
.padding-top-15 { padding-top: 15rem; }
.padding-top-20 { padding-top: 20rem; }
.padding-top-25 { padding-top: 25rem; }
.padding-top-30 { padding-top: 30rem; }
.padding-top-35 { padding-top: 35rem; }
.padding-top-40 { padding-top: 40rem; }
.padding-top-45 { padding-top: 45rem; }
.padding-top-50 { padding-top: 50rem; }

/* BOTTOM PADDING */
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-bottom-10 { padding-bottom: 10rem; }
.padding-bottom-15 { padding-bottom: 15rem; }
.padding-bottom-20 { padding-bottom: 20rem; }
.padding-bottom-25 { padding-bottom: 25rem; }
.padding-bottom-30 { padding-bottom: 30rem; }
.padding-bottom-35 { padding-bottom: 35rem; }
.padding-bottom-40 { padding-bottom: 40rem; }
.padding-bottom-45 { padding-bottom: 45rem; }
.padding-bottom-50 { padding-bottom: 50rem; }

/* BOTH PADDING */
.padding-both-1 { padding-bottom: 5rem; padding-top: 1rem; }
.padding-both-2 { padding-bottom: 5rem; padding-top: 2rem; }
.padding-both-3 { padding-bottom: 5rem; padding-top: 3rem; }
.padding-both-4 { padding-bottom: 5rem; padding-top: 4rem; }
.padding-both-5 { padding-bottom: 5rem; padding-top: 5rem; }
.padding-both-10 { padding-bottom: 10rem; padding-top: 10rem; }
.padding-both-15 { padding-bottom: 15rem; padding-top: 15rem; }
.padding-both-20 { padding-bottom: 20rem; padding-top: 20rem; }
.padding-both-25 { padding-bottom: 25rem; padding-top: 25rem; }
.padding-both-30 { padding-bottom: 30rem; padding-top: 30rem; }
.padding-both-35 { padding-bottom: 35rem; padding-top: 35rem; }
.padding-both-40 { padding-bottom: 40rem; padding-top: 40rem; }
.padding-both-45 { padding-bottom: 45rem; padding-top: 45rem; }
.padding-both-50 { padding-bottom: 50rem; padding-top: 50rem; }

/* All Round Padding */
.padding-025 { padding: .25rem; }
.padding-05 { padding: .5rem; }
.padding-075 { padding: .75rem; }
.padding-1 { padding: 1rem; }
.padding-2 { padding: 2rem; }
.padding-3 { padding: 9rem; }
.padding-4 { padding: 4rem; }
.padding-5 { padding: 5rem; }
.padding-6 { padding: 6rem; }
.padding-7 { padding: 7rem; }
.padding-8 { padding: 8rem; }
.padding-9 { padding: 9rem; }
.padding-10 { padding: 10rem; }


/* All Round Margins */
.margin-025 { margin: .25rem; }
.margin-05 { margin: .5rem; }
.margin-075 { margin: .75rem; }
.margin-1 { margin: 1rem; }
.margin-2 { margin: 2rem; }
.margin-3 { margin: 9rem; }
.margin-4 { margin: 4rem; }
.margin-5 { margin: 5rem; }
.margin-6 { margin: 6rem; }
.margin-7 { margin: 7rem; }
.margin-8 { margin: 8rem; }
.margin-9 { margin: 9rem; }
.margin-10 { margin: 10rem; }



.with-sidebar .container{width:100%;padding:0;}
.right-sidebar.columns, .left-sidebar-content.columns{float:right;margin-left:4%;}
.left-sidebar.columns, .right-sidebar-content.columns{float:left;margin-left:0}

/* For devices larger than 400px
***************************************************************/

@media (min-width: 400px) {
  	.container , .with-sidebar						{ width: 85%; padding: 0; }
	.u-pull-right 									{ float: right; }
	.u-pull-left 									{ float: left; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container, .with-sidebar { width: 80%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    		{ width: 4.66666666667%; 											}
	.two.columns                    		{ width: 13.3333333333%; 											}
	.three.columns							{ width: 22%;            											}
	.four.columns                   		{ width: 30.6666666667%; 											}
	.five.columns                   		{ width: 16.8%; 											}
	.six.columns                    		{ width: 48%;            											}
	.seven.columns                  		{ width: 56.6666666667%; 											}
	.eight.columns                  		{ width: 65.3333333333%; 											}
	.four-fifths.columns,.four-fifths.column { width: 79.2%; 											}
	.nine.columns			          		{ width: 74.0%;          											}
	.ten.columns                    		{ width: 82.6666666667%; 											}
	.eleven.columns                 		{ width: 91.3333333333%; 											}
	.twelve.columns                 		{ width: 100%; margin-left: 0; 										}
	.one-third.column               		{ width: 30.6666666667%; 											}
	.two-thirds.column              		{ width: 65.3333333333%; 											}
	.one-fifth.column, .one-fifth.columns	{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
  	.one-half.column                		{ width: 48%; }


  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-sub-wrapper p.legal-text { margin-top: 3.5rem; }
.footer-main{ padding: 3vw 0; background: #222227; overflow: hidden; clear: both; }
.footer-sub { padding: 1vw 0; background: #000; overflow: hidden; clear: both; }
.footer-sub-wrapper {   padding: 2rem 0; background: #1d5aa7; color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.footer-sub-wrapper p { margin: 0; line-height: 1.4;}
.footer-sub-wrapper a.button { background: #000; width: 100%; }
.footer-sub-wrapper a.button:before { background: #1d5aa7; }

.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo { float: left; text-align: right; }
.site-footer a.logo img { width: 100%; height: auto; margin-bottom: 0rem; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 2; border-bottom: 1px solid #fff; text-decoration: none; color: #fff; }
.site-footer h5 { color: #fff; font-size: 2rem; }
/* Contacts */

.site-footer .contacts { text-align: right; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }

.site-footer .social-icons {
	display: inline-block;
	margin-right: 1rem;
}

a.google-business {
    display: inline-block;
    float: right;
}

.footer-sub-wrapper .phone {
    font-size: 1.5rem;
    margin-bottom: 0rem;
    text-align: left;
}

/* Parallax
************************************************/

.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }

.parallax-background {
    background-image: url('http://placekitten.com/1000/1000');
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Typography
*************************************************/

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; line-height: 1.2; color: #1D5AA7;  }
h1 { font-size: 6rem; margin-bottom: 2rem; line-height: 1.3;   }
h2 { font-size: 5rem; margin-bottom: 1.7rem;  }
h3 { font-size: 4rem; margin-bottom: 1.5rem;   }
h4 { font-size: 3rem; margin-bottom: 1.25rem;  }
h5 { font-size: 2.5rem; margin-bottom: 1rem;   }
h6 { font-size: 2rem; margin-bottom: .5rem;   }

p { margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a 			{ color: #1D5AA7; font-weight:bold; text-decoration: none; }
a:hover, a.h4:hover 	{ color: #333; }

/* Buttons
*************************************************/

a.button.large h6 {     color: #fff;
    font-size: 3rem;
    margin: 0;
    padding: 0;}
a.button.large:hover h6 { color: #fff; }

a.button.large { padding: 3rem 4rem;
    white-space: inherit; }

a.button.large p { margin: 2rem 0 0;
    min-height: 51px; }


a.button:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #fff;  transform: rotate(45deg); }
a.button-2:before { content: " "; width: 20px; height: 20px; position: absolute; left: -10px; top: calc(50% - 10px); background: #fff;  transform: rotate(45deg); }
.three-buttons a { background: #000; font-size: 1.6rem; }
.three-buttons a:hover { background: #1D5AA7; color: #fff; }

p a.button {color:#000;}

.button, a.button-2, button, input[type="submit"], input[type="reset"], input[type="button"] {
font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
  display: inline-block;
  padding: 1rem 3rem 1rem 3rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #31af41;
  border-radius: 2px;
  border: none;
color: #fff;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover, a.button-2:hover, 
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background: #333;
	color: #fff;
  outline: 0; }

a.button-2 { background: #2d5aa7; position: relative; }

/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }


/* Lists
*************************************************/
ul { list-style: square outside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }

.six.columns ul {padding-left: 2rem;}


/* Code
*************************************************/
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }


/* Tables
*************************************************/
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both;  }


/* Flexible Content Elements
***************************************************/
.align-centered			{ text-align: center; }
.align-right 			{ text-align: right; }
.align-center 			{ text-align: center; }
.align-justify 			{ text-align: justify; }

/* Below deals with margin-left on the repeater flex content */

.repeating-content-two .columns:nth-child(7) { margin-left: 0; }
.repeating-content-three .columns:nth-child(5) { margin-left: 0; }
.repeating-content-four .columns:nth-child(4) { margin-left: 0; }
.repeating-content-five .columns:nth-child(6) { margin-left: 0; }
.repeating-content-six .columns:nth-child(odd) { margin-left: 0; }


/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a, a, a:hover, img, img:hover, a, a:hover { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: 0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0 auto; }
.alignright 							{ float:right; margin: 0; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: 0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 							{ background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone 					{ margin: 0; }
.wp-caption.alignleft 					{ margin: 0; }
.wp-caption.alignright 					{ margin: 0; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text 			{ line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #1D5AA7; border-bottom: 1px solid #1D5AA7; display: block; clear: both; }
p.wp-caption-text:before 				{ margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #1D5AA7; }
img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto;}

.footer-sub .fefo-review {float: left;}

/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {
	
		.footer-sub-wrapper .phone {
    text-align: center;
}
	
}

/* Medium mobile */
@media (max-width: 375px) {
	
		.footer-sub-wrapper .phone {
    text-align: center;
}
	
}

/* Large mobile */
@media (max-width: 425px) { 
	
	.footer-sub-wrapper .phone {
    text-align: center;
}
	
}

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (max-width: 580px) {
	
	.six.columns {
    width: 100% !important;
}
	
	.desktop-feefo {
    width: 100%;
}
	
		.footer-sub-wrapper .phone {
    text-align: center;
}
	
	
ul#menu-mobile-menu li { width: 100% !important; margin-left: 0%!important; margin-right: 0%!important; float: left; box-sizing:border-box; }


}

/* Smaller than tablet */
@media (max-width: 768px) {
	
	#header-navigation-mobile  { display: block; }
#header-navigation { display: none; }
	
	ul#menu-mobile-menu li { width: 46%; margin-left: 2%; margin-right: 2%; float: left; box-sizing:border-box;  }

	
	h1 { font-size: 3rem;}
	h2 { font-size: 2.6rem; }
	h3 { font-size: 2.3rem; }
	h4 { font-size: 2rem; }
	h5 { font-size: 1.8rem; }
	.four { margin-bottom: 4%; }
	.site-footer { text-align: center;}
	.site-footer h5 { margin: 3rem 0; }
	.site-footer a.logo { float: none; text-align: center; margin: 4rem 0; }
	.site-footer a.logo img { max-width: 200px; }
	header .container.top, .top-nav { display: none; }
	#wprmenu_bar span.wpr-logo-wrap img {height: 20px;
    width: auto;
    margin-top: .5rem;}
	#maincontent h1:first-of-type, h1:first-of-type { margin-top: 3rem; }
	.social-icons {   text-align: center; margin: 3rem 0; }
	a.button, a.button-2 {font-size: 1rem; margin-bottom: 3rem;}
	.blue.reviews p { font-size: 1.5rem; }
	.blue.reviews .align-right { text-align: left; }
	.anchor-links a { font-size: 2rem; }
	.footer-sub-wrapper p.legal-text {font-size: 1.5rem; line-height: 1.7;  padding: 0 10%; margin-bottom: 3rem; }
	.mobile-header { display: block; padding: 0 10%; box-sizing: border-box;  }
	.mobile-header { padding: 2rem 3rem;background: #1e5ba7; overflow: hidden; margin: 0;   }
	.mobile-header .phone { clear: both; width: 100%; text-align: center; color: #fff; font-size: 3rem; margin: 0rem 0; }
	.mobile-header .phone > a {color: #fff;}
	.mobile-header .feefo {   width: 100%; float: none;  text-align: center;  }
	.mobile-header .feefo img { margin: 0 auto; }
	.mobile-header .feefo img.fefo-review.yellow-fefo-review { margin-top: 1rem; }
	a.google-business { float: none; }
	.tick-box:before { left: -10px; }
	.footer-sub-wrapper a { color: white; }
	feefowidget-global .feefowidget-global-container.feefowidget-viewport-tablet-mobile .feefowidget-global-container-body-content { display: contents!important; }
	feefowidget-container-content .feefowidget-container-content__accordion-btn::after { font: 30px/63px FWFontAwesome!important; color: black; }
	.six.columns { width: 46%; }
	.site-footer ul li a {  }
	.footer-sub-wrapper .three.columns, .footer-sub-wrapper .nine.columns { width: 100%; margin-left: 0; }
	
		.footer-sub-wrapper .phone {
    text-align: center;
}
	
}

/* Smaller than laptop */
@media (max-width: 1024px) {
	.top-nav ul {display: block !important;}
}

/* Smaller than large desktop */
@media (max-width: 1440px) {
	a.button, a.button-2 {margin-bottom: 3rem;}
	.six.columns p {margin-bottom: 0!important;}
}

/* Larger than large desktop */
@media (min-width: 1440px) {
	a.button, a.button-2 {margin-bottom: 3rem;}
	.six.columns p {margin-bottom: 0!important;}
}