/* Core */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
*, body, html{-webkit-font-smoothing: antialiased;box-sizing: border-box; }
body,html{margin: 0;padding: 0;font-family: 'rounded-regular',sans-serif;}
img{max-width: 100%;height: auto;}
.clear {clear: both}

*:focus {
    outline: 0;
}
html { scroll-behavior: smooth;}
/* Core Variants */
    .show-desktop {display: block; color:#fff}
    .show-mobile {display:none;}
    @media all and (max-width: 700px){
      .show-desktop {display: none;}
      .show-mobile {display:block;}
    }
/* Colours */
.green {color: #285534}
.light-green {color: #26805E}
.blue {color: #023D54}

.pink {color: #DD0170}
.darkblue {color: #023D54;}
.purple {color: #4d00b3}
a,p,li,h1,h2,h3,h4,h5,h6{font-family: "Roboto", Sans-serif;}

/* Text */
a {text-decoration: none;font-family: "Roboto", Sans-serif;}
p {font-family: "Roboto", Sans-serif; font-weight: 300; font-size: 14px;}
p a {text-decoration:underline; color:#26805E}
h1 {font-family: "Roboto", Sans-serif;font-weight: 800; font-size: 60px; line-height: 70px; margin: 0}
h2 {font-family: "Roboto", Sans-serif; font-weight: 800; font-size: 40px}
h3 {font-family: "Roboto", Sans-serif; margin: 0; user-select: none; font-size: 26px; font-weight: 800;  max-width: 85%; display: block !important; position: relative; color: #023d54;}
h4 {font-family: "Roboto", Sans-serif; margin: 20px 0 0; user-select: none; font-size: 22px; font-weight: 400; color: #023d54;}

figure {font-family: "Roboto", Sans-serif; font-weight: 300; font-size: 14px; color: #38353f;}

ol {padding-inline-start: 20px;}
ul {padding-inline-start: 20px;}

ol li {font-size: 18px;color: #023D54;line-height: 25px;  font-family: "Roboto", Sans-serif; font-weight: 300;}
ul li {font-size: 18px;color: #023D54;line-height: 25px;  font-family: "Roboto", Sans-serif; font-weight: 300;}

ol li a {text-decoration:underline;color:#b30bac}
ul li a {text-decoration:underline;color:#b30bac}

/* Footer FCA Link Colours */
    #FCA_Link a:link {color:#ffffff;}
    #FCA_Link a:visited {color:#ffffff;}
    #FCA_Link a:hover {color:#ffffff;}
    #FCA_Link a:active {color:#ffffff;}

/* Buttons */
/* Default Content */
.contentWrap{padding: 0px}
.contentBlock{position:relative;max-width: 1200px;margin: auto; width:90%}

/*Mobile Menu */
.menu-trigger.right{
   right: 20px;
   background: linear-gradient(to right, #023D54 50%, white 50%);
   color: #023d54;
   border: 2px solid #023d54;
   transition: all 0.3s ease-out;
   position: relative;
   border-radius: 40px;
   font-size: 16px;font-family: "Roboto", Sans-serif;
   font-weight: 800;margin-left: 20px;
   padding: 10px 25px 10px 50px; background-image: url(../images/mob-menu.svg);   background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.sfm-scroll-wrapper {background: #fff}
.sfm-va-middle .sfm_menu {padding: 10% 0 0 10%;}
.sfm-va-middle .sfm_menu a {display:block; width:85%; text-align:center;}
.sfm-sidebar-close {top:10px; left: 25px}

p.close {position: absolute;
    right: 5%;
    top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #1b1079;
    z-index: 1;}
p.close a {color: #1b1079;}

/* Start Your Process */
.startyourprocess-form {padding: 0 0 30px 0;}
.startyourprocess-iframe {border: none; max-width:100%; max-height:100vh; top: -5.8%; position: absolute;}
.syp-form {border-bottom: 2px solid #023D54; padding: 0 0 40px 0;}
.syp-form iframe {max-width: 75%;}
.startyourprocess-form.ms {padding: 0; margin-top: -55px;}
.startyourprocess-form.ms iframe {width:100%; height:100%}

.startyourprocess-block {background-color:#5b3f99; bottom:0; width:100%; position: relative; filter: drop-shadow(2px 4px 6px black);}
.startyourprocess-block p {text-align:center; color: #fff; font-size:10px; max-width:90%; margin: 0 auto; padding:10px 0;}
.startyourprocess-block a {color:#fff;}

@media all and (max-width: 1230px){
.startyourprocess-block p {max-width: 95%;}
}

@media all and (max-width: 920px){
.startyourprocess-iframe {top: 0; padding-bottom: 10%;}
}

@media all and (max-width: 768px){
	.syp-form iframe {max-width: 100%;}
}

@media all and (max-width: 600px){
	.startyourprocess-form iframe {height:75%}
	.startyourprocess-form.ms iframe {height:100%}
}

@media all and (max-width: 550px){	
.startyourprocess-form { padding: 30px 0 70px 0;  height: 90%;}
	.startyourprocess-form.ms { height: 100%;}
	.tf-v1-widget-fullscreen {padding: 40px 0 0 0;}
}

@media all and (max-width: 500px){
	.startyourprocess-form iframe {height:95%}
	.startyourprocess-form.ms iframe {height:100%}
	 .startyourprocess-form  .tf-v1-widget iframe {
        transform: translateY(-40px) !important;
    }
	.startyourprocess-form.ms  .tf-v1-widget iframe {
        transform: translateY(0px) !important;
    }
}

@media all and (max-width: 310px){
	.startyourprocess-form iframe {height:100%}
.startyourprocess-block p {font-size: 9px;}	
}

/*Header*/
.headerContainer.contentWrap {top: 0; position: sticky; z-index: 9999; background: #fff; filter: drop-shadow(0 0 1rem #023D5430);}
.header-item {display:flex; flex-direction:column; }
.header-item p {text-align:center; font-size:13px; font-weight:700;}
.header-item p:nth-child(1) {margin: 0 0 10px 0;}
.header-item p:nth-child(2){margin: 7px 0 0 0;}
.button-item {display:flex; flex-direction:row; justify-content: flex-end;}
.headerContainer.contentWrap .button-item .button.green {margin-left: 10px;}

.menu-search {max-width:1400px; margin:0 auto; justify-content: center;}
.menu-search input:first-child {border: none;}
.menu-search input:nth-child(2) {background: none;border-top: #023D54 solid 2px; border-bottom: #023D54 solid 2px;  border-left: #023D54 solid 2px; border-right: none; font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 800; padding: 10px 30px; width: 400px; border-radius: 40px 0px 0px 40px; color: #023D54;}
.menu-search input:nth-child(2)::placeholder {color:#023D54;}
.menu-search input:last-child {font-family: "Roboto", Sans-serif; font-weight: 800; font-size: 16px; background: none; color: #023D54; border-top: #023D54 solid 2px; border-bottom: #023D54 solid 2px; border-right: #023D54 solid 2px; border-left: none; padding: 10px 30px; border-radius: 0px 40px 40px 0px;}

.sfm-sidebar-close:before {height: 4px!important }
.sfm-sidebar-close:before {background: #285534 !important;}
.sfm-sidebar-close:after  {background: #285534 !important;}
#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {border-color:#285534 !important; }

.sfm-menu li a {font-family: "Roboto", sans-serif !important;
font-weight: 800!important ; font-size: 22px !important}

.headerContent.contentBlock {display: flex;justify-content: space-between; align-items: center; padding: 20px 0;position: initial;}
.header-logo {max-width: 200px}
.header-item.second {flex: 2}

.mobile-toggle {transition: all 0.3s ease-out;
    font-family: "Roboto", Sans-serif;
    font-weight: 800;
    border: 2px solid #00C8E5;
    padding: 10px 25px 10px 50px;
    border-radius: 40px;
    font-size: 16px;
    background-repeat: no-repeat;
    color: #00C8E5;
    background-image: url(../images/mob-menu.svg);
    background-position: 22px center; margin-left: 20px}

#menu-header li {display: inline-block}
#menu-header li a {}

.button {background: #285534;
    background-size: 202% 100%;
    background-position: right bottom;
    padding: 10px 25px;
    color: #ffffff;
    font-family: "Roboto", Sans-serif;
font-weight: 700;
    border: none;
    transition: all 0.3s ease-out;
    position: relative;
	z-index:1;
    border-radius: 40px;
	font-size: 14px;
	text-decoration: none;
}

.contentBlock.Homebanner .button {margin: 0 10px 0 0;}


.button.blue {background: #023D54;  color: #ffffff;border: none;   background-size: 200% 100%;
    background-position: right bottom; text-decoration: none;}

.button.blue:hover {color: white;
    background-position: left bottom} 

.button:hover {color: white;
    background-position: left bottom} 

.button.darkblue {background: linear-gradient(to right, #00C8E5 50%, #023D54 50%); color: #fff; border:none;
    background-position: right bottom; margin: 0 5px 0 0; font-family: "Roboto", Sans-serif;   background-size: 202% 100%;
    font-weight: 700; text-decoration: none;}

.button.light-blue {background: #00b5d1;  color: #ffffff;  border: none;   background-size: 200% 100%; text-decoration: none;}

.button.darkblue:hover {color: white;
    background-position: left bottom;}

.button.purple {background: #4d00b3; color: #fff; border:none;
    background-position: right bottom; margin: 0 5px 0 0; font-family: "Roboto", Sans-serif;   background-size: 202% 100%;
    font-weight: 700; text-decoration: none;}

.button.darkblue-trans {background: linear-gradient(to right, #023D54 50%, #ffffff 50%); color: #023D54;  border: 2px solid #023D54; background-position: right bottom; font-family: "Roboto", Sans-serif; background-size: 202% 100%; font-weight: 700;  margin: 0px 10px 0px 10px; text-decoration: none;}

.button.darkblue-trans:hover {color: #fff;
    background-position: left bottom;}

.page-template-home .button.darkblue {margin: 0 10px 0px 0px;}

@media all and (max-width: 1000px){

.page-template-homepage .button.darkblue {
    margin: 10px auto 0px 0px;
    display: block;
    text-align: center;
}
	
}

@media all and (max-width: 300px){
	.sfm-menu li a {font-size: 18px !important;}
}

/* Home */
.contentWrap.Homebanner  p.button-intro {color:#00C8E5;font-family: "Roboto", Sans-serif;
font-weight: 700; font-size: 32px; margin: 10px }
.contentWrap.Homebanner {position: relative; overflow: hidden; background-image: linear-gradient(120deg, #285534 10%, #26805E 80%);}
.heart {position: absolute; bottom: -80%; width: 86%; right: -35%;}
.heart img {width:100%}
.banner-mask-first {position: absolute;background-image: url(../images/mm-back.svg); height: 100%; width: 80%; right: 0;} 
.banner-mask { background-image:linear-gradient(301deg, rgba(48,22,108,0.9346113445378151) 49%, rgba(48,22,108,0.9766281512605042) 50%);position: absolute;width: 100%;height: 100%;right: 0}
.contentWrap.Homebanner h1 {color: #fff; font-size: 75px; line-height: 92px;}
.contentWrap.Homebanner p {color: #fff; font-size: 24px; line-height: 32px; margin-bottom: 35px; font-family: "Roboto", Sans-serif; font-weight:500;}
.contentBlock.Homebanner {padding: 100px 0 50px 0; display: flex;align-items: center}
.contentBlock.Homebanner .item {flex: 1}
.contentBlock.Homebanner .reviews-white {    margin: 35px 0 0; max-height: 100px;padding: 20px; min-height: 100px;}
.contentBlock.Homebanner .reviews-white .item {margin:0; flex: 1 !important}
.contentBlock.Homebanner .reviews-white .item p {color: #023D54; font-size: 14px; line-height: 18px; margin-bottom: 5px;}
.contentBlock.Mortgageintro .reviews-white .item p {color: #023D54; font-size: 14px;}
.contentBlock.Homebanner .item:first-child {flex: 2}
.contentBlock.Homebanner .item:last-child  {flex: 1}
.contentBlock.Homebanner .item .home-image {position: absolute; right: 0; bottom: -5px; width:30%}

.contentBlock.Homebanner .reviews-google {background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%); max-height: 100px;   margin: 35px 0 0 25px; padding: 15px 40px; min-height: 100px;}
.contentBlock.Homebanner .reviews-google p {color: #023D54; font-size: 14px;  line-height: 18px; text-align:center; margin: 0px auto 10px auto;}
.review-google-bold {padding: 0 0px 0 5px; font-weight: 600;}
.reviews-holder {display:flex; margin: 20px 0;}

.page-template-reviews-pagepage .contentWrap.Reviews {background-color: #fff;}

.contentWrap.GoogleSlider {padding: 0px!important}
.contentBlock.GoogleSlider {position:relative!important;max-width: 1200px!important;margin: auto!important; width:90%!important}

.contentBlock.Homebanner .button-wrap{display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}

.contentBlock.Homebanner .button-wrap div:nth-child(7){display:none;}

.button.banner {display: block;margin: 1% !important; font-weight: 700}

.button.banner {background: linear-gradient(to right, #00C8E5
 50%, #023D54 50%);  color: #fff;border: 2px solid #00C8E5;   background-size: 200% 100%;
    background-position: right bottom;margin-left: 20px}

.button.banner:hover {color: white;
    background-position: left bottom} 

.contentBlock.Homebanner .button-wrap .homeServiceBlock  {flex-basis: 48%; margin: 1%;}
.review-int {display: inline-block; background-color: #fff;	border-radius: 10px;padding: 10px 0}
.contentWrap.Reviews {background-image: linear-gradient(180deg, rgba(64,16,93,1) 0%, rgba(28,16,119,1) 100%);; background-position: top,center; background-repeat: no-repeat;padding: 25px 0; background-size: 101%}

.contentWrap.ctabanner {background-image: linear-gradient(120deg, #285534 10%, #26805E 80%); position: relative; overflow: hidden;}
.contentWrap.ctabanner .cta-cover1 {background-image: url('/wp-content/themes/UK-Moneyman/images/grey-arrow.png'); left: 33%; top: -20px; height: 115vh; position: absolute; background-repeat: no-repeat; background-size: contain; width: 100%;}
.contentBlock.ctabanner {display: flex; justify-content: center; width: 100%; align-items: center; flex-direction: row-reverse;}
.contentWrap.ctabanner img {position: relative; width: 30%;  top: 15px; right: 0;}
.contentBlock.ctabanner .button.blue {font-size: 20px; padding: 15px 50px;}

.contentWrap.Reviews h2 {color: #fff; text-align: center; margin-bottom: 30px;  font-family: "Roboto", Sans-serif;
font-weight: 800; font-size: 29px}
.reviews-holder-carousel {display: flex; justify-content: center; align-items: center; margin:1%}
.reviews-holder-carousel a {display: block; margin: 40px 1% 0px 1%;}
.reviews-holder-carousel img {display: block;}

.desk .flickity-button {display: none}
.desk .flickity-page-dots {display: none}
.desk .carousel-cell {width: 20%;margin: 0 1%; background-color: #fff; border-radius: 5px; height: 300px}

.review-title p {color: #dd0170;font-family: "Roboto",sans-serrif;font-size: 22px}

.car-wrap {padding: 25px;position: relative;height: 100%}
.desk .carousel-cell .review-date {position: absolute;bottom: 25px;margin: 0;right: 25px; font-size: 14px;font-family: "Helvetica", Sans-Serif; font-weight: 100}
.contentWrap.Reviews .desk .carousel-cell p {color:#023D54; font-size: 14px; text-align: left; font-family: "Roboto";}
.carousel.desk {margin-top: 65px}
.contentWrap.Reviews .desk .carousel-cell h3 {color: #dd0170;font-family: "Roboto",sans-serrif;font-size: 22px}

.contentWrap.Reviews p {color: #fff; text-align: center; font-size: 18px}
.review-bold {padding: 0 0px 0 10px; font-weight: 600;}

.contentWrap.fourSteps {padding: 20px 0 50px 0; background-color: #fff;}
.contentBlock.fourSteps {display:flex; align-items: center; z-index: 1;}
.contentBlock.fourSteps .item{flex: 1; margin: 0 ;}

@media screen and (max-width: 1600px) {
    .contentBlock.ctabanner { width: 65%;}
	
}

@media screen and (max-width: 1200px) {
    .contentBlock.ctabanner { width: 90%;}
}

@media screen and (max-width: 1025px) {
	.contentBlock.Homebanner .button-wrap .homeServiceBlock {flex-basis: 80%;}
	.contentBlock.Homebanner .button-wrap {justify-content: center;}
	.contentWrap.Homebanner p.button-intro {text-align: center;}
}

@media screen and (max-width: 800px) {
    .contentBlock.ctabanner { width: 90%;}
	.contentWrap.ctabanner {background-position: 40%;}
}

@media screen and (max-width: 768px) {.contentBlock.Homebanner .button-wrap div:nth-child(7){display:block;}}

@media all and (max-width: 700px){
.reviews-holder-carousel {justify-content: space-around;}
.reviews-holder-carousel img {max-width: 110px;}
	
.contentWrap.ctabanner {background-position: 45%;}
.contentBlock.ctabanner .button.blue {padding: 10px 25px; font-size: 18px;}
	
.contentWrap.ctabanner img {width: 40%;}
}

@media all and (max-width: 550px){
.contentWrap.ctabanner {background-position: 48%; background-size: cover;}
.contentBlock.ctabanner .button.blue {font-size: 14px;}	
}

@media all and (max-width: 440px){
.contentWrap.ctabanner img {width: 80%;}
.contentWrap.ctabanner .cta-cover1 {left: 10%;}
.contentWrap.ctabanner {background-position: 60%;}
.contentBlock.ctabanner .button.blue {width: 100%; text-align: center; position: absolute; bottom: 10%;}	
}

/* First Step*/
.contentBlock.fourSteps.first h2 { color: #c70067}
.contentBlock.fourSteps h2 { margin-bottom: 10px; }
.contentBlock.fourSteps p {font-size: 18px;}
.contentBlock.fourSteps .item p:nth-child(2) { color: #023D54;margin: 0;  font-family: "Roboto", Sans-serif; line-height: 28px; font-size: 26px; font-weight: 800;}

.contentBlock.fourSteps .item:last-child img {position: absolute}
.contentBlock.fourSteps .item:last-child picture.one {right: 0px; position: absolute; width: 75%;}
.contentBlock.fourSteps .item:last-child img.two {top:187px; right: 0}
.contentBlock.fourSteps .item:last-child img.three {top: 0; right: 0;}
.contentBlock.fourSteps .item:last-child img.four {top: 30px; z-index: -1;left: 60px}
.contentBlock.fourSteps .item:last-child img.five{top: -60px; width: 100%;}
.contentBlock.fourSteps.first .item:last-child {height: 450px;position: relative; }
.contentBlock.fourSteps.first .item:last-child img {right:0;}

/* Second Step*/
.contentBlock.fourSteps.second .item:first-child {height: 450px;position: relative; top: 30px;}
.contentBlock.fourSteps .item:first-child  img {position: absolute;}
.contentBlock.fourSteps.second .item:first-child  img.one {top: 80px; z-index: -2; left: 0px; filter: drop-shadow(2px 4px 6px #023D5426);}
.contentBlock.fourSteps.second .item:first-child img.two {top:175px; right: 90px; filter: drop-shadow(2px 4px 6px #023D5426);}
.contentBlock.fourSteps.second .item:first-child img.three {top: 260px;z-index: -2; left: 10px; filter: drop-shadow(2px 4px 6px #023D5426);}
.contentBlock.fourSteps.second .item:first-child  img.four {top: 90px; z-index: -1;left: 93px}
.contentBlock.fourSteps.second .item:first-child  img.five{top: 40px; left: 0;}
.contentBlock.fourSteps.second h2  {max-width: 100%; color: #c70067}
.contentBlock.fourSteps.second .item p:nth-child(2)  { color: #023D54;margin: 0;  font-family: "Roboto", Sans-serif; line-height: 28px; font-size: 26px; font-weight: 800;}
.contentBlock.fourSteps.second p  {max-width: 100%;}
/* Third Step */
.contentBlock.fourSteps.third h2  {color: #c70067;margin-bottom: 10px; }
.contentBlock.fourSteps.third p {font-size: 18px;}
.contentBlock.fourSteps.third .item p:nth-child(2) { color: #023D54;margin: 0;  font-family: "Roboto", Sans-serif; line-height: 28px; font-size: 26px;  font-weight: 800;}
.contentBlock.fourSteps.third .item:last-child {height: 450px;position: relative}
.contentBlock.fourSteps.third .item:last-child  img.one {top: -0px; z-index: 1; right: 0px}
.contentBlock.fourSteps.third .item:last-child img.two {top:82px; left: 82px}
.contentBlock.fourSteps.third .item:last-child picture.three {top: -30px; right: 0px; position: absolute; width: 75%;}
/* Fourth Step */
.contentBlock.fourSteps.fourth .item:last-child .boom {position: relative; width: 135px; margin-bottom: -30px;}
.contentBlock.fourSteps.fourth .item:first-child {height: 450px;position: relative; padding-right: 10%;}
.contentBlock.fourSteps.fourth .item:last-child h2 {color: #c70067}
.contentBlock.fourSteps.fourth .item p:nth-child(2) { color: #023D54;margin: 0;  font-family: "Roboto", Sans-serif; line-height: 28px; font-size: 26px; font-weight: 800;}

.contentBlock.fourSteps.fourth .item:first-child  img.one {top: 0px; z-index: 1; left: 0px}
.contentBlock.fourSteps.fourth .item:first-child img.two {top:25px; left: 0px}
.contentBlock.fourSteps.fourth .item:first-child img.three {top: 50px; z-index: -2;  left: -105px;}

/*********** Service Page ****************/
.contentWrap.Mortgagebanner { background-image: linear-gradient(120deg, #285534 10%, #26805E 80%);}
.contentBlock.Mortgagebanner {padding: 50px 0 80px; text-align: center;}
.contentBlock.Mortgageintro a {width: 400px; display: block; margin: auto;}

.contentWrap.service-disclaimer {padding:10px; background-color: #285534;}
.contentWrap.service-disclaimer p {color: #fff;}

.page-template-why-uspage .contentBlock.Mortgagebanner{padding: 50px 0px 50px 0px; width: 90%; margin: auto; text-align:center;}
.contentBlock.Mortgagebanner .button.blue {margin: 0 10px 0 0; border:none; font-weight: 700;}

.mortgage-mask-first{ position: absolute; background-image: url(../images/mm-back.svg); height: 100%; width: 100%; right: 0; background-repeat: repeat}
.mortgage-mask {background: linear-gradient(301deg, rgba(48,22,108,0.9346113445378151) 49%, rgba(48,22,108,0.9766281512605042) 50%); position: absolute;
    width: 100%; height: 100%; right: 0;}
.mortgage-mask-blue {background: linear-gradient(0deg, #5a00d173 49%, #dd0170a3); position: absolute; width: 100%; height: 100%; right: 0;}
.mortgage-mask-purple {background-image: linear-gradient(301deg, rgba(48, 22, 108, 0.9346113445378151) 49%, rgba(48, 22, 108, 0.9766281512605042) 50%);
    position: absolute; width: 100%; height: 100%; right: 0;}
.mortgage-mask-turquoise {background: linear-gradient(270deg, #00b5d1 5%, #28b5a7); position: absolute; width: 100%; height: 100%; right: 0;}

.contentBlock.Mortgagebanner h1 {text-align: center;color: #fff; margin:0;}
.contentBlock.Mortgagebanner p {text-align: center;color: #fff;margin: 20px 0 30px 0; font-family: "Roboto", Sans-serif;font-size: 18px; line-height: 24px;}
.contentBlock.Mortgagebanner ul {list-style-position: inside; padding-inline-start: 0px;}
.contentBlock.Mortgagebanner li {color: #fff;}
.reviews-white {display: flex; justify-content: flex-start; width: max-content;  margin-top: -50px;  background-color: #fff; padding: 15px; border-radius: 5px;
    align-items: center; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%); z-index: 99; position: relative;}

.reviews-white .item {padding: 0 10px; text-align: center;}
.reviews-white .item p {margin: 0 0 10px}
.reviews-white .item p .review-bold {padding: 0}

.contentWrap.Mortgage-two-rows { background-color: #fff;}
.contentBlock.Mortgage-first-row {padding: 55px 0 0;display: flex;align-items: center}
.contentBlock.Mortgage-first-row .item {flex: 1;position: relative}
.contentBlock.Mortgage-first-row .item .section_one {margin: 0 10% 0 0;}

.page-template-thank-you-for-booking-pagepage .contentBlock.Mortgage-first-row {padding: 20px 0;}
.page-template-ask-a-question-booking-pagepage .contentBlock.Mortgage-first-row {padding: 20px 0;}
.contentBlock.Mortgage-first-row .item .one {display:none; position: absolute; right: -25px;  top: -25px;  width: 75%;  z-index: 1; border-radius: 10px;}
.contentBlock.Mortgage-first-row .item .two {display:none; position: absolute;  left: -25px;   bottom: -25px; width: 75%; z-index: 1; border-radius: 10px;}
.contentBlock.Mortgage-first-row .item iframe {border-radius: 5px; max-width: 100%; z-index: 1; border-width: 0; aspect-ratio: 16 / 9;}

.rll-youtube-player {z-index: 10;}
.contentWrap.info .rll-youtube-player {max-width: 100%; height: 100% !important; display: contents !important; padding:0 !important; overflow: visible!important;}
.contentWrap.info .rll-youtube-player .play {aspect-ratio: 16 / 9 !important; width: 45% !important; height: 100% !important; margin: 0;}
.contentWrap.info .rll-youtube-player img {aspect-ratio: 16 / 11 !important; width: 45% !important; height: 100% !important;  position: relative !important; margin: 0!important;}
.contentWrap.info .rll-youtube-player iframe {aspect-ratio: 16 / 9!important; width: 45%!important; height: 100%!important; position: relative!important;}

.contentWrap.single .rll-youtube-player {max-width: 100%; height: 100% !important; display: contents !important; padding:0 !important; overflow: visible!important;}
.contentWrap.single .rll-youtube-player .play {aspect-ratio: 16 / 9 !important; width: 45% !important; height: 100% !important; margin: 0;}
.contentWrap.single .rll-youtube-player img {aspect-ratio: 16 / 11 !important; width: 45% !important; height: 100% !important;  position: relative !important; margin: 0!important;}
.contentWrap.single .rll-youtube-player iframe {aspect-ratio: 16 / 9!important; width: 45%!important; height: 100%!important; position: relative!important;}

.contentWrap.Mortgage-two-rows .rll-youtube-player {padding-bottom: 56%; border-radius: 15px;}
.contentWrap.Mortgage-two-rows h3 {color: #023D54;  margin: 0; font-family: "Roboto", Sans-serif;  line-height: 28px; font-size: 26px; max-width: 90%;}
.contentWrap.Mortgage-two-rows h2 {color: #023D54; margin: 0; font-family: "Roboto", Sans-serif;  line-height: 28px; font-size: 26px;  max-width: 90%;}
.contentWrap.Mortgage-two-rows p {font-size: 18px;color: #023D54;line-height: 25px;  font-family: "Roboto", Sans-serif; font-weight: 300;}
.contentWrap.Mortgage-two-rows ol li {font-size: 18px;color: #023D54;line-height: 25px;  font-family: "Roboto", Sans-serif; font-weight: 300;}
.contentWrap.Mortgage-two-rows ul li {font-size: 18px;color: #023D54;line-height: 25px;  font-family: "Roboto", Sans-serif; font-weight: 300;}
.contentWrap.Mortgage-two-rows .button.blue {margin-left: 0; margin-top: 15px; display: inline-block}
.contentWrap.Mortgage-two-rows .button.green {margin-left: 0; margin-top: 15px; display: inline-block}

.contentBlock.Mortgage-second-row {padding:45px 0 45px 0;display: flex;align-items: center}
.contentBlock.Mortgage-second-row .item {flex: 1; position: relative}
.contentBlock.Mortgage-second-row .item .section_two {margin: 0 0 0 10%;} 
.contentBlock.Mortgage-second-row .item .one {max-width: 75%;}
.contentBlock.Mortgage-first-row .item picture img {max-width: 75%; display: block;  margin: auto;}
.contentBlock.Mortgage-second-row .item picture img {max-width: 75%; display: block;  margin: auto;}
.contentBlock.Mortgage-last-row .item picture img {max-width: 75%; display: block;  margin: auto;}
.contentBlock.Mortgage-second-row .item .two {position: absolute; left: -15px;  bottom: 10px; z-index: -1;    width: 520px;}
.contentBlock.Mortgage-second-row #map {border-radius: 10px;}

.contentBlock.Mortgage-last-row {padding:0 0 55px 0;display: flex;align-items: center}
.contentBlock.Mortgage-last-row .item {flex: 1; position: relative}
.contentBlock.Mortgage-last-row .item .section_three {margin: 0 10% 0 0;}
.contentBlock.Mortgage-last-row .item .one {display:none; position: absolute; right: -25px;  top: -25px;  width: 75%;  z-index: 1; border-radius: 10px;}
.contentBlock.Mortgage-last-row .item .two {display:none;  position: absolute;  left: -25px;   bottom: -25px; width: 75%; z-index: 1; border-radius: 10px;}
.contentBlock.Mortgage-last-row .item iframe {border-radius: 5px; max-width: 100%; z-index: 1; border-width: 0; aspect-ratio: 16 / 9;}

@media all and (max-width: 1000px){
	.contentBlock.Mortgage-second-row .item .section_two {margin:0}
}

@media all and (max-width: 768px){
	.contentWrap.info .rll-youtube-player {max-width: 100%; height: 100% !important; display: contents !important; padding:0 !important; overflow: visible!important;}
.contentWrap.info .rll-youtube-player .play {aspect-ratio: 16 / 9 !important; width: 100% !important; height: 100% !important; margin: 0;}
.contentWrap.info .rll-youtube-player img {aspect-ratio: 16 / 11 !important; width: 100% !important; height: 100% !important;  position: relative !important; margin: 0!important;}
.contentWrap.info .rll-youtube-player iframe {aspect-ratio: 16 / 9!important; width: 100%!important; height: 100%!important; position: relative!important;}

.contentWrap.single .rll-youtube-player {max-width: 100%; height: 100% !important; display: contents !important; padding:0 !important; overflow: visible!important;}
.contentWrap.single .rll-youtube-player .play {aspect-ratio: 16 / 9 !important; width: 100% !important; height: 100% !important; margin: 0;}
.contentWrap.single .rll-youtube-player img {aspect-ratio: 16 / 11 !important; width: 100%!important; height: 100%!important; position: relative!important;}
.contentWrap.single .rll-youtube-player iframe {aspect-ratio: 16 / 9!important; width: 100%!important; height: 100%!important; position: relative!important;}
}

/* Cookie Banner */
#myCookieConsent {
   position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 999;
    right: 1em;
    bottom: 1em;
	filter: drop-shadow(5px 2px 14px #38363f30);
	display: none;
}
#myCookieConsent div {padding: 25px; background: #f7f7f7; max-width: 24em; border-radius: 10px;}
#myCookieConsent div .cookie-flex {padding: 0; max-width: none; display:flex; align-items: center; justify-content: space-between; border-radius: 0;}
#myCookieConsent a {
   background: linear-gradient(to right, #023D54 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    padding: 10px 25px;
    color: #fff;
    font-family: "Roboto", Sans-serif;
    font-weight: 800;
    transition: all 0.3s ease-out;
    position: relative;
    border-radius: 15px;
    font-size: 14px; margin-left: 10px; display: inline-block !important;margin-bottom: 5px;margin-top: 5px
}
#myCookieConsent a:hover {color: white; background-position: left bottom;}
#myCookieConsent a.less {border: none; background: no-repeat; margin-left: 0; padding: 0;}
#myCookieConsent a.less:hover {color:#DD0170; }
#myCookieConsent a#cookieButton {
     background: #023D54;
    background-size: 200% 100%;
    background-position: right bottom;
    padding: 3px 20px;
    color: #fff;
    font-family: "Roboto", Sans-serif;
    font-weight: 800;
    transition: all 0.3s ease-out;
    position: relative;
    border-radius: 40px;
    font-size: 14px
}
#myCookieConsent a#cookieButton:hover {cursor: pointer;}
.mobi-dual-foot #myCookieConsent p {display:block; margin:0; text-align: left; color: #285534; font-family: "Roboto", Sans-serif;}
#myCookieConsent div p:nth-child(1) {font-size:18px; font-weight: 800; margin-bottom:10px}
#myCookieConsent div div a:nth-child(1) {text-decoration: underline; color: #023D54; font-family: "Roboto", Sans-serif;}

.cta-footer {position: fixed; bottom: 0px; width: 100%; z-index: 9999; background-color: #fff; padding: 0px; border-radius: 15% 15% 0 0;
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2); transition: max-height 0.5s ease; overflow: hidden; display: none; display: none; }
.cta-footer.show {display: block;}

@media all and (max-width: 900px){
.cookieDesktop {display:none}
.cookieMobile {display:block}
	
#myCookieConsent {position: fixed; z-index: 999; min-height: 20px; font-family: "Roboto", Sans-serif; padding: 10px; background: #d8ecf1;
    color: #023D54; display: none; bottom: 0px;text-align: center;  font-size: 14px; font-weight: bold; width: 100%;  margin: 0 auto; right: 0;  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1); }
	
	#myCookieConsent div {padding: 15px 0 30px; background: #d8ecf1; display: flex; justify-content: center; flex-direction: column; flex-wrap: nowrap; align-items: center; max-width: 100%; border-radius: 0px;}
	#myCookieConsent div .cookie-flex {flex-direction: row;}
	#myCookieConsent a.less {border: none; background: no-repeat; margin-left: 0; padding: 0;}
	.mobi-dual-foot #myCookieConsent p {text-align:center; max-width: 90%;}
	#myCookieConsent div p:nth-child(1) {display:none;}
	#myCookieConsent a#cookieButton {width: 90%; margin: 0; margin-left: 10px;}
	
		#myCookieConsent.one {position: inherit; display:none; height: 120px; justify-content: center;}
}

/* News */
.searchandfilter ul li li {
    font-size: 16px;
    color: #023D54;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #023D54;
    transition: all 0.3s ease-out; margin: 0 20px; cursor: pointer
}
.searchandfilter ul>li>ul:not(.children) {
    margin-left: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.searchandfilter ul li li.sf-option-active{color: #fff;background-color: #023D54}
.page-template-news1page .mortgage-mask-blue {
    background: #d8ecf1;
}
.sf-input-checkbox {display: none}
.searchandfilter ul li.sf-field-search {width: 60%;
    margin: auto;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #7070704f;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;}

.searchandfilter ul li.sf-field-search input {}

.searchandfilter ul li.sf-field-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #023D54; font-family: "Roboto", sans-serif !important;
    font-weight: 600;
}
.searchandfilter ul li.sf-field-search input::-moz-placeholder { /* Firefox 19+ */
  color: #023D54; font-family: "Roboto", sans-serif !important;
    font-weight: 600;
}
.searchandfilter ul li.sf-field-search input:-ms-input-placeholder { /* IE 10+ */
  color: #023D54; font-family: "Roboto", sans-serif !important;
    font-weight: 600;
}
.searchandfilter ul li.sf-field-search input:-moz-placeholder { /* Firefox 18- */
  color: #023D54; font-family: "Roboto", sans-serif !important;
    font-weight: 600;
}
.sf-input-text {width: 100%;
    font-size: 18px;
    border: none;
    font-weight: 600;
    color: #023D54;
    font-family: "Roboto", sans-serif !important;}

input.sf-input-radio {display: none}
label.sf-label-radio {padding: 0; padding-left: 0 !important; cursor: pointer}

/* Contact Us */
.contentWrap.existing {background-color: #e6f9f2; padding: 100px}
.contact-section h2{
color: #023D54;
    margin: 0;
    font-family: "Roboto", Sans-serif;
    line-height: 42px;
	font-size: 40px;}
.contentWrap.new {background-color:#d8e7ed; padding: 100px}
.contentWrap.opening {background-color:#fff; padding: 100px}
.contentWrap.postal {background-color:#f0e6fa; padding: 100px}
.contact-section p  {font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 18px;color:#023D54; line-height: 26px}

.contact-section ul li  {font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 16px;color:#023D54;}

.contact-section ul {padding: 0; margin-bottom: 0}
.contact-section ul li {list-style: none}
.contact-section ul li a {color:#023D54; font-weight: 600}

/*********** Contact Us Blocks ****************/
.contentWrap.contact-us-block1 {background-color:#ffffff; padding: 20px 0 35px 0;}
.contentWrap.contact-us-block2 {background-color:#d9f7fb; padding: 20px 0; border-radius: 50% 50% 50% 50% / 4% 4% 0% 0%;}
.contentWrap.contact-us-block3 {background-color:#fbe5f0; padding: 20px 0;}
.contentWrap.contact-us-block4 {background-color:#ebe3f7; padding: 20px 0; border-radius: 50% 50% 50% 50% / 0% 0% 4% 4%;}

.contentWrap.contact-us-block1 .contentBlock.contact-us {display:flex; margin: 20px auto 0px; max-width: 920px; justify-content: center;}

.contact-us-box {flex:1; border-radius:15px; -webkit-box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 4%); padding: 15px 10px 0 10px; margin: 10px 20px; text-align: center; width: 300px;}

.contentWrap.contact-us-block1 .contentBlock.contact-us img {max-width:90px; margin:10px; min-height: 90px;}
.contentWrap.contact-us-block1 .contentBlock.contact-us h3 {color: #023D54;font-size: 30px; font-family: "Roboto", Sans-serif;    font-weight: 800; max-width: 90%;
    margin: 0 auto;}

.contentBlock.contact-us h2 {color: #023D54;font-size: 30px;}
.contentBlock.contact-us p {padding-bottom:20px;}
.contentBlock.contact-us a {text-decoration:none; color: #023D54; font-family: "Roboto", Sans-serif;    font-weight: 800;}

@media all and (max-width: 1000px){.contact-us-box { width: 225px;}
.contentWrap.contact-us-block1 .contentBlock.contact-us h3 {  max-width: 100%;     font-size: 24px;}
}

@media all and (max-width: 800px){.contact-us-box { width: 200px;}}

@media all and (max-width: 700px){ .contentWrap.contact-us-block1 .contentBlock.contact-us {flex-direction: column;}
.contact-us-box {margin: 10px 0px; width:100%}}



/************* Global blocks ****************/


/* Faq's */

.contentWrap.Mortgagefaq {background-color: #6cd9b02b ;padding: 45px 0; position:relative; z-index:2}
.accordion_item iframe {max-width:50%}
.iframe {padding: 200px}
.contentBlock.Mortgagefaq {max-width: 1060px}
.contentWrap.Mortgagefaq h2 {color: #023D54; font-weight: 900}

/* Custom Faq's */
.contentWrap.EstateAgentfaq {background-color: #00c8e526; padding: 45px 0; border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%; margin-top:-100px;}
.contentBlock.EstateAgentfaq {max-width: 1060px}
.contentWrap.EstateAgentfaq h2 {color: #00C8E5}

.contentWrap.EstateAgentfaq-backup {background-color: #00c8e526; padding: 45px 0; border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%; margin-top:-520px;}
.contentBlock.EstateAgentfaq-backup {max-width: 1060px}
.contentWrap.EstateAgentfaq-backup h2 {color: #00C8E5}

.contentWrap.Commonmortgagequestions {background-color: #d8e7ed;padding: 45px 0; z-index: 1; position: relative; }
.contentBlock.Commonmortgagequestions {max-width: 1060px}
.contentWrap.Commonmortgagequestions h2 {color: #023d54; font-weight: 900}

.g-ytsubscribe {width:270px!important}

.accordion{
  
    max-height: 120px;
    margin: 0 auto;
  border-bottom: 1px solid #023D54;
    overflow: hidden;
    transition: all 1s ease;
    margin-bottom: 20px;
}

.accordion .accordion_tab{
	font-family: "Roboto", Sans-serif;
  padding: 25px 0;
  cursor: pointer;
  user-select: none;
  font-size: 26px;
  font-weight: 800;
  
  position: relative; color: #023D54;
	display: flex;align-items: center;height: 107px
}

.accordion .accordion_tab h2 {font-family: "Roboto", Sans-serif;
  margin: 0;
  cursor: pointer;
  user-select: none;
  font-size: 26px;
  font-weight: 800; max-width: 85%; display: block !important;
  position: relative; color: #023D54}
.accordion .accordion_tab p.title {font-family: "Roboto", Sans-serif;
  margin: 0;
  cursor: pointer;
  user-select: none;
  font-size: 26px;
  font-weight: 800; max-width: 85%; display: block !important;
  position: relative; color: #023D54}

.accordion .accordion_tab h3 {font-size: 24px;}

.accordion .accordion_tab .accordion_arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 25px;
  height: 25px;
  transition: all 0.3s ease;
}

.accordion .accordion_tab .accordion_arrow img{
  width: 100%;
  height: 100%;
}

.accordion.hsBlock_1 .accordion_tab .accordion_arrow{
  transform: translateY(-50%) rotate(180deg);
}

.accordion.active{
  max-height:600px;
	 transition: all 0.3s ease;
}
.hsBlock_1 {max-height: 2500px; transition: all 1s ease;}
.accordion .accordion_content{
  padding: 0 0 20px;
  
}

.accordion .accordion_content .accordion_item{
  margin-bottom: 20px;
}

.accordion .accordion_content .accordion_item p.item_title{
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
  color: #6adda2;
}

.accordion .accordion_content .accordion_item p:last-child{
color: #023D54;
    font-size: 17px;
    line-height: 26px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
}

.accordion_content ol li {
color: #023D54;
    font-size: 17px;
    line-height: 26px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
	}

.accordion_content ul li {
color: #023D54;
    font-size: 17px;
    line-height: 26px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
	}

.accordion_content p {
color: #023D54;
    font-size: 17px;
    line-height: 26px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
}

.accordion_content a {
text-decoration: underline;
    color: #b30bac;
}

@media all and (max-width: 400px){
	
	.accordion .accordion_tab h3 {font-size: 18px;}
	
}

/* Reasons */
.contentWrap.Reasons {padding: 80px 0; background-color: #fff;}
.contentWrap.Reasons h2 {text-align: center;color: #023D54; margin: 0 0 20px}
.contentWrap.Reasons .reasonsBlock {box-shadow: 0px 0px 6px #023D5424;
    flex-basis: 48%;
    margin: 0.5%;
    padding: 35px;
    border-radius: 10px;}
.contentBlock.Reasons{
display: flex;
    flex-flow: row wrap;
	justify-content: space-between;}
.contentBlock.Reasons h3 {background-repeat: no-repeat; padding-left: 50px;color: #023D54;font-family: "Roboto", Sans-serif;line-height: 26px;
    font-weight: 600; font-size: 26px; background-position: left; margin: 0; }

.contentBlock.Reasons p {font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin: 20px 0 0;
    line-height: 25px;}
/* Supplier */
.contentWrap.suppliers { position: relative; background-image: linear-gradient(140deg, #c70067 30%, #4d00b3, #023D54); z-index: 2;}
.contentWrap.equity-release-suppliers { position: relative; background-image: linear-gradient(140deg, #c70067 30%, #4d00b3, #023D54);}
#gradient-canvas {
  width:100%;
  height:100%;
  --gradient-color-1: #ef008f; 
  --gradient-color-2: #6ec3f4; 
  --gradient-color-3: #7038ff;  
  --gradient-color-4: #ffba27;
	position: absolute
}

#gradient1 {
  width:100%;
  height:100%;
  --gradient-color-1: #ef008f; 
  --gradient-color-2: #00b5d1; 
  --gradient-color-3: #4d00b3;  
  --gradient-color-4: #c70067;
	position: absolute
}

.contentBlock.suppliers  { display: flex; align-items: center;}
.contentBlock.suppliers .item {flex: 1; padding: 130px 0;margin: 0 2%}
.contentBlock.suppliers .item:last-child {display: flex;}
.contentBlock.suppliers .item h2 {color: #fff; font-size: 52px; line-height: 56px;}
.slideshow {flex: 1}
.slideshow.insurance {margin: 20px 0;}
.slide-holder {flex: 1;display: flex;flex-direction: column;margin: 0 2.5%}
#slideshow {  position: relative;
}

#slideshow > div { 
  position: absolute; 
 display: flex;
}

#slideshowone { 
  
  position: relative; 

}

#slideshowone > div { 
  position: absolute; 
 display: flex;
}

#slideshowtwo { 
  
  position: relative; 

}
#slideshowtwo > div { 
  position: absolute; 

}

#slideshowthree { 
  
  position: relative; 

}
#slideshowthree > div { 
  position: absolute; 

}

#slideshowfour { 
  
  position: relative; 

}
#slideshowfour > div { 
  position: absolute; 

}

#slideshowfive { 
  
  position: relative; 

}
#slideshowfive > div { 
  position: absolute; 

}

.slideshow { position: relative; display: flex;align-items: center;justify-content: center;padding: 50px 0px;}
.slideshow > div { 
  position: absolute; 
 display: flex
}

.slideshow > div img {max-height: 300px; max-width: 300px;}
@media all and (max-width: 1000px){.slideshow > div img {max-height: 200px; max-width: 200px;}}
@media all and (max-width: 700px){.slideshow > div img {max-height: 120px; max-width: 120px;}}
@media all and (max-width: 350px){.slideshow > div img {max-height: 90px; max-width: 90px;}}

/* Footer */
.contentBlock.footeraccord .accordion {max-height: 75px}
.contentBlock.footeraccord .accordion.hsBlock_1 {max-height: 600px}
	.contentBlock.footeraccord .accordion .accordion_tab h2 {display: block; color: #285534; font-family: "Roboto", Sans-serif; font-weight: 700; font-style: normal; font-size: 18px; padding: 15px 0;
    position: relative;}
.contentBlock.footeraccord .accordion ul li a {padding: 0; border: none !important; font-family: "Roboto", Sans-serif; font-weight: 300; transition: all 0.3s ease; color: #023D54;	font-size: 16px;}
.contentBlock.footeraccord .accordion ul li {list-style: none; margin-bottom: 15px;}
.contentBlock.footeraccord .accordion ul {padding: 0; margin: 0;}
.contentWrap.Stickcont .item {flex: 1; text-align: center;display: flex}
.contentWrap.Stickcont .item a {color: #fff;font-weight: 700;  padding: 16px 0 12px; display: inline-block; font-size: 16px;flex: 1;text-align: center}

.contentBlock.footeraccord p {font-family: "Roboto", Sans-serif; font-weight: 300; font-size: 14px; color: #023D54; line-height: 24px;}
.contentWrap.Stickcont .item a:first-child {border-right: 2px solid} 
.contentWrap.Stickcont {display: flex; position: fixed; width: 100%; bottom: 0; z-index: 9999999; background-color: #3eddc3; background-repeat: no-repeat; background-size: cover;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);}

.collapse-content {width: 100%; margin: auto; padding: 15px 0 30px;}
.collapse a {display: block; color: #DD0170;font-family: "Roboto", Sans-serif; font-weight: 700; font-style: normal; font-size: 18px; border-bottom:  1px solid #808BAA;  padding: 15px 0;
  position: relative;}

.collapse a.youtube {background: #ff0000;}
.collapse ul {padding: 0; margin: 0}

.collapse ul li {list-style: none}
.collapse ul li  a {padding: 0; border: none !important; padding-bottom: 10px;    font-family: "Roboto", Sans-serif; font-weight: 300; transition: all 0.3s ease; color: #023D54; font-size: 16px}
.collapse ul li  a:hover {color: #DD0170}
.collapse ul li  a:before {content: none}
.collapse  .inner-content {padding: 25px 0 0px;}
.collapse  .content {max-height: 0em; transition: 0.3s linear 0s; overflow: hidden;}
.collapse p {color: #fff}
.collapse + .collapse a {border-top: 1px solid rgba(255, 255, 255, 0.7);}
.collapse  h3 {margin-bottom: 15px;}
.collapse:target .content {max-height: 15em;}
.collapse:target a:before {transform: rotate(-90deg);}
.foot-soc {margin:  5px; height: 20px}
.footerContainer.contentWrap {background-color: #fff;}
.footerContent.contentBlock {display: flex; justify-content: space-between; padding: 80px 0; align-content: center}
.footer-item-first {flex-basis: 33%}
.footerContent.contentBlock h4 {color: #023D54;font-family: "Roboto", Sans-serif;
font-weight: 700;
font-style: normal; font-size: 16px}.footerContent.contentBlock ul {padding: 0} .footerContent.contentBlock ul li{padding-bottom: 10px;list-style: none; font-size: 16px}
.footerContent.contentBlock ul li a {font-family: "Roboto", Sans-serif;
font-weight: 300;transition: all 0.3s ease;color: #023D54}
.footerContent.contentBlock ul li a:hover {color:#285534}
.footerContent.contentBlock p {font-family: "Roboto", Sans-serif;
font-weight: 300; font-size: 13px}
.footer-item {flex: 1}
.footer-item:first-child {margin-right: 8%}
.footer-item:nth-child(2) {flex: 0.8;}
.footer-item:nth-child(3) {flex: 0.8;}
.footer-logo {max-width: 200px}

@media all and (max-width: 320px){.footer-logo {max-width: 100px;}}

.floating-cta {position: fixed; bottom: 20px; right: 20px; display: flex; align-items: center;text-align: right;z-index: 999}
.footer-item:first-child .reviews-white {margin: 20px 10px 0px 0px; z-index: 0;}
p.phone-mob {margin: 0}
p.phone-mob a {border: none;padding-bottom: 10px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    transition: all 0.3s ease;
    color: #023D54;
    font-size: 16px;padding: 0}

/* Why Us */
.mal {z-index: 9; left: 40px; top: 44px; max-width: 80%}
.malcom.bg {max-width: 100%}
.aboutsplit .item:first-child {flex: 2; padding-right: 80px}
.aboutsplit .item:last-child {flex: 1;position: relative}
.aboutsplit .item:last-child .malcom {position: absolute}
.aboutsplit .item:last-child .malcom-back {position: absolute}
.aboutsplit {display: flex}
.contentWrap.whyintro {background-color: #fff;}
.contentBlock.whyintro {padding: 85px 0 0}
.contentBlock.whyintro h2 {color: #00C8E5; max-width: 900px;margin: auto} 
.contentBlock.whyintro p { font-size: 18px; color: #023D54; line-height: 25px; font-family: "Helvetica", Sans-Serif; max-width: 900px;margin:25px auto; }
.contentBlock.whyvideo {text-align: center; max-width: 800px}
.contentBlock.whyvideo .one {position: absolute; left: 15%; top: -21px; width: 600px; z-index: -1;}
.contentBlock.whyvideo .two {position: absolute; left: 11%; top:11px; z-index: -1; width: 600px;}
.contentWrap.team {background-position: top,center; background-repeat: no-repeat; padding: 50px 0px 50px 0px; margin-top: 15px; position: relative;}
.why_banner {object-fit: none; height: 100%; width: 100%}
.fullh {height: 100%; object-fit: cover; width: 100%; object-position: top;}
.contentWrap.team h2 {color: #ffffff;text-align: center; z-index: 10; position: relative; margin: 470px 0px 0px 0px; font-size: 60px;}

@media all and (max-width: 1100px){
.contentWrap.team h2 {color: #023D54;
    text-align: center;
    z-index: 10;
    position: relative;
    margin: 20px;
    font-size: 30px;
	}
	
	.contentWrap.team {    
   background-position: top,center;
    background-repeat: no-repeat;
    padding: 0;
	margin:0;   
	position: relative;
}
}

.page-template-why-uspage  .mortgage-mask-first {background-image: none}

.contentBlock.man-team {position: relative;height: 750px}

.contentBlock.man-team .figure h3 {color: #fff; text-align: center; margin-bottom: 0; font-size: 21px; line-height: 22px}
.contentBlock.man-team .figure:first-child {display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 0;
    width: fit-content;z-index: 9}
.contentBlock.man-team .figure:nth-child(2) {display: block;
    position: absolute;
    left: 0px;
    right: 680px;
    bottom: 0;
    margin: auto;
    top: 272px;
    width: fit-content;z-index: 9}
.contentBlock.man-team .figure:nth-child(3) {display: block;
    position: absolute;
    left: 730px;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 300px;
    width: fit-content;z-index: 9}
.contentBlock.man-team .figure:nth-child(4) {display: block;
    position: absolute;
    left: 70px;
    right: 0;
    bottom: -30px;
    margin: auto;
    width: fit-content;z-index: 9}
.sales-team {margin: 0; list-style: none;padding: 0; }
.sales-team li {
display: block;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    background: #333;
    width: 10%;
    height: 150px;
    background-color: #333; 
    background-position: 50% 50%;
    background-size: cover;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
.sales-team li:hover {opacity: 1;cursor: pointer}

.contentWrap.team-cont {position: relative}


/*
      Rollover Image
     */
    .figure {
        position: relative;
  width: 360px;
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }

.sales-mask { 
width: 100%;
    height: 99%;
    right: 0;
    top: 18px;
    position: absolute;
    z-index: 9;}

@media all and (max-width: 1100px){
	
	.sales-mask { 

    position: relative;
}
	
}

.sales-mask-two { 
   
    width: 100%;
    height: 100%;
    right: 0;position: absolute;z-index: 9}

.contentBlock.sales-team {width:100%; max-width: 100%}
.contentWrap.sales-team {position: relative}


/*FAQ's*/
.page-template-btl-faqs .mortgage-mask-blue {background: #d8ecf1}

.page-template-btl-faqs .contentWrap.Mortgagefaq {background: none}

.page-template-btl-faqs .contentWrap.Mortgagefaq h2 {display: none}


.page-template-mortgage-advice-faq .mortgage-mask-blue {background: #d8ecf1}

.page-template-mortgage-advice-faq .contentWrap.Mortgagefaq {background: none}
.page-template-mortgage-advice-faq h2 {display: none}


.page-template-remortgagefaq .mortgage-mask-blue {background: #d8ecf1}
.page-template-remortgagefaq .contentWrap.Mortgagefaq {background: none}
.page-template-remortgagefaq  h2 {display: none}


.page-template-buyingfaq .mortgage-mask-blue {background: #d8ecf1}
.page-template-buyingfaq .contentWrap.Mortgagefaq {background: none}
.page-template-buyingfaq h2 {display: none}

/*Guides Page */
.contentWrap.Mortgagebanner.ServiceLinks {background: #d8ecf1;}
.contentWrap.guides {background-color: #fff;}
.contentBlock.guides{padding: 20px 0 40px 0; display: flex;  flex-flow: row wrap; justify-content: flex-start;}
.contentBlock.guides.servicepage {width: 100%;  max-width: 100%; padding: 20px 0;}
.contentBlock.guides.servicepage .guideBlock {flex-basis: 23%;}

.contentBlock.Mortgagebanner.helpfulGuides { padding: 50px 0 30px;}
.contentBlock.Mortgagebanner.helpfulGuides h1 {text-align: center;}

.contentWrap.guides .read {font-size: 16px; color: #023D54; font-family: "Roboto"; line-height: 22px; font-weight: 300;}
.contentWrap.guides .read-time {color: #fff; background-color: #26805E; border-radius: 20px; margin-right: 2px; padding: 2px 10px; font-weight: 600;} 

.guide-title { color: #023D54; font-family: "Roboto", Sans-serif; line-height: 50px; font-size: 38px;  margin: 35px auto;  width: 90%;  text-align: center;}
.contentBlock.guides .guideBlock {flex-basis: 31.3%; margin: 10px auto 25px; position: relative; background-color: #285534; padding: 10px; border-radius: 10px;}

.contentBlock.guides .guideBlock img {width: 100%; border-radius: 5px}

.branchImage h3 {font-family: "Roboto", Sans-serif; font-size: 22px; color: #fff}
.branchImage h2 {font-family: "Roboto", Sans-serif; font-size: 22px; color: #fff;}
.branchImage p {font-size: 16px; color: #fff; font-family: "Roboto"; line-height: 22px; font-weight: 300;}

ul.guides {padding: 0;display: flex;justify-content: center; flex-wrap: wrap;}

ul.guides li {list-style: none; margin: 20px 10px; width:350px; display: grid;}
ul.guides li a {font-size: 16px ;color: #023D54;font-family: "Roboto", sans-serif !important;font-weight: 600;padding: 10px 30px; background-color: #fff; border-radius:25px;border: 1px solid #023D54;transition: all 0.3s ease-out; text-align: center;}
ul.guides li a:hover {background-color: #023D54;color: #fff} 
ul.guides li a.active {background-color: #023D54;color: #fff} 

.page-template-btl-faqs ul.guides li {width: 200px;}
.page-template-btl-faqs .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-buyingfaqs ul.guides li {width: 200px;}
.page-template-buyingfaqs .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-buyingfaq ul.guides li {width: 200px;}
.page-template-buyingfaq .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-faqs ul.guides li {width: 200px;}
.page-template-faqs .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-remortgagefaqs ul.guides li {width: 200px;}
.page-template-remortgagefaqs .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-remortgagefaq ul.guides li {width: 200px;}
.page-template-remortgagefaq .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}
.page-template-mortgage-advice-faq ul.guides li {width: 200px;}
.page-template-mortgage-advice-faq .contentBlock.Mortgagebanner {padding: 60px 0px; width: 100%;}

.faq-page-title {color: #023D54; margin: auto; text-align:center; padding:2% 0 0 0; font-size: 45px;}
@media screen and (max-width: 768px) {.faq-page-title {padding:6% 0 0 0;}}
@media screen and (max-width: 500px) {.faq-page-title {padding:10% 0 0 0;}}
@media screen and (max-width: 400px) {.faq-page-title {font-size: 35px; line-height: 50px;}}

/*********** Guides Template ****************/
.contentBlock.Mortgagebanner.Guides {text-align: left; padding: 40px 0px 60px; background-repeat: no-repeat; background-position: 110% -4px; background-size: 50%;}
.contentWrap.Mortgagebanner.Guides h1 {max-width: 100%; font-size: 30px; text-align: center; margin: 0; line-height: 36px;}
.contentWrap.Mortgagebanner.Guides p {max-width: 100%; text-align: left; margin:0 0 10px 0;}
.contentWrap.Mortgagebanner.Guides p:nth-child(3) {margin: 0 0 10px 0;}
.contentWrap.Mortgagebanner.Guides p:nth-child(4) {margin: 0 0 25px 0;}

.contentBlock.Mortgagebanner.ServiceLinks {padding: 35px 0px;}
.contentWrap.Mortgagebanner.ServiceLinks h2 { font-size: 30px; text-align: left; color: #023D54; }
.contentWrap.Mortgagebanner.ServiceLinks ul.guides {justify-content: space-between;}
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li {margin: 1% 0;}

@media screen and (max-width: 1235px) {
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li {width: 32%;}	
}

@media screen and (max-width: 1200px) {
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li {width: 48%;}	
}

@media screen and (max-width: 1150px) {
.contentWrap.Mortgagebanner.ServiceLinks ul.guides {flex-wrap: wrap; justify-content: space-between !important; padding: 0 !important;}	
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li a {padding: 10px 30px;}	
}

@media screen and (max-width: 1050px) {
.contentBlock.Mortgagebanner.Guides {background-position: 120% -4px; background-size: 60%;}
}

@media screen and (max-width: 900px) {
.contentWrap.Mortgagebanner.ServiceLinks .contentBlock.Mortgagebanner {padding: 20px 0;}
.contentBlock.Mortgagebanner.Guides {background-position: 132% 0px; background-size: 66%; padding: 40px 0px 40px;}
.contentBlock.Mortgagebanner.ServiceLinks {padding: 20px 0px;}
.contentWrap.Mortgagebanner.ServiceLinks h2 {text-align: center;}
.contentWrap.Mortgagebanner.ServiceLinks a {display: block; width: 100%;}	
}

@media screen and (max-width: 830px) {
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li {width: 100%;}		
}

@media screen and (max-width: 685px) {
.contentWrap.Mortgagebanner.Guides h1 {font-size: 26px;}
.contentBlock.Mortgagebanner p {font-size: 16px;}
.contentBlock.Mortgagebanner.Guides {background-size: 75%;}
}

@media screen and (max-width: 685px) {
.contentBlock.Mortgagebanner.Guides {background-size: 100%; background-position: center 0;}
}

@media screen and (max-width: 600px) {
.contentWrap.Mortgagebanner.Guides h1 {max-width: 65%;}
.contentWrap.Mortgagebanner.Guides p {max-width: 83%; margin: 0 0 25px 0; }
.contentBlock.Mortgagebanner.Guides {background-size: 132%;}
}

@media screen and (max-width: 540px) {
.contentBlock.Mortgagebanner.Guides {background-size: cover; width: 100%;}
.contentWrap.Mortgagebanner.Guides h1 {max-width: 70%; margin: 0 5%;}
.contentWrap.Mortgagebanner.Guides p {margin: 0 5% 25px 5%; max-width: 85%;}
.contentWrap.Mortgagebanner.Guides p:nth-child(3) {margin: 0 5% 10px 5%;}
.contentWrap.Mortgagebanner.Guides p:nth-child(4) {margin: 0 5% 25px 5%;}	
.contentBlock.Mortgagebanner.Guides .button.green {width: 90%; margin: 0px auto 15px auto; display: block;}
}

@media screen and (max-width: 385px) {
.contentWrap.Mortgagebanner.ServiceLinks a {font-size: 15px;}
}

@media screen and (max-width: 365px) {
.contentWrap.Mortgagebanner.Guides h1 {max-width: 100%;}
.contentWrap.Mortgagebanner.ServiceLinks ul.guides li a { padding: 10px 5px;}	
}

@media screen and (max-width: 330px) {
.contentWrap.Mortgagebanner.ServiceLinks a {font-size: 14px;}
}

@media screen and (max-width: 300px) {
.contentWrap.Mortgagebanner.ServiceLinks .contentBlock.Mortgagebanner {width: 95%;}
}

@media screen and (max-width: 280px) {
.contentWrap.Mortgagebanner.ServiceLinks a {font-size: 12px;}
}

/* Guides Navigation*/
.wp-pagenavi a {border: none!important;}
.wp-pagenavi {white-space: nowrap; margin-top: 20px; width:100%; text-align:center;}
.wp-pagenavi li {display: inline-flex}
.wp-pagenavi span.current {font-weight:bold; font-family:"Roboto", sans-serif; color:#285534;	background: transparent; transition: all 0.3s ease; border:none;}
.wp-pagenavi a, .wp-pagenavi span p {font-family:"Roboto", sans-serif;background: transparent; color: #023D54; transition: all 0.3s ease; font-weight: 700; border:none;}
.wp-pagenavi span.pages {background: transparent;color: #023D54; transition: all 0.3s ease; font-family: "Roboto",sans-serif; font-weight: 700;border:none;}

/* news */
.page-template-news1page .contentBlock.guides  {display: block}
.single .wp-block-group.has-background {padding: 15px; background-color:#e2f2f5 !important}
.page-template-news1page .contentBlock.guides .search-filter-results {padding: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; max-width: 1050px;}
.page-template-news1page .contentBlock.guides .search-filter-results .item{flex-basis: 31.3%; margin: 1%; position: relative;}

.page-template-news1page .contentBlock.guides .search-filter-results .item img {border-radius: 5px}
.page-template-news1page .contentBlock.guides h3 {margin-bottom: 0}
.page-template-news1page .contentBlock.guides h3 a {font-family: "Roboto", Sans-serif; font-size: 26px; color: #023D54; margin-bottom: 0}
.page-template-news1page .contentBlock.guides p {font-size: 16px; color: #023D54; font-family: "Helvetica", Sans-Serif;	line-height: 22px;}

/* Legal Page */
.page-template-legalpage .wp-block-table {margin: 0; text-align: left}
.page-template-legalpage .wp-block-table th {color: #DD0170; font-family: "Roboto", Sans-serif;}

.page-template-legalpage .wp-block-table td {padding-right: 15px;font-family: "Roboto", Sans-serif;font-weight: 300; font-size: 18px;}
.page-template-legalpage .mortgage-mask-blue {background: #023D54;}
.page-template-legalpage .wp-block-group.padding  {padding: 0px;}
.page-template-legalpage h2 {color:#023D54; font-size: 30px; padding: 25px 0px 0px 0px; margin: 0px 0px 10px 0px;}

.contentBlock.Mortgagebanner.info {padding: 50px 0;}
.contentBlock.info {padding-top: 25px}
.contentBlock.Mortgagebanner.info h1 {margin:0}
.contentBlock.info  h3 {color: #023D54; margin: 0; font-family: "Roboto", Sans-serif; line-height: 28px; font-size: 26px;}
.contentBlock.info  h4 { color: #023D54; font-family: "Roboto", Sans-serif;}
.contentBlock.info ul li {  font-family: "Roboto", Sans-serif; font-weight: 300; font-size: 14px;}

/* Form Landing Page */
.contentWrap.Mortgage-two-rows.formlanding {padding: 0 0 30px 0;}
.page-template-thank-you-for-booking-pagepage .contentWrap.Mortgage-two-rows.formlanding {padding: 50px 0 30px 0;}
.page-template-ask-a-question-booking-pagepage .contentWrap.Mortgage-two-rows.formlanding {padding: 50px 0 30px 0;}

.contentBlock.Mortgagebanner.Booking {padding: 50px 0 30px 0;}
.contentBlock.Mortgagebanner.Booking h1 {max-width: 100%;}
.contentBlock.Mortgagebanner.Booking p {max-width: 100%;}
.contentBlock.Mortgagebanner.Booking a {display:contents;}
.contentBlock.Mortgagebanner.Booking .button.green.booking {display:block;     width: fit-content;}
.syp-form .tf-v1-widget iframe {transform: translateY(0px) !important;}

@media screen and (max-width: 768px) {
	.contentBlock.Mortgagebanner.Booking {padding: 30px 0 10px;}
	.contentBlock.Mortgagebanner.Booking .button.green.booking {width: 100%; margin: 0 0 25px 0;}
	.syp-form {height: 580px; padding:20px 0}
}

@media screen and (max-width: 540px) {
	.contentBlock.Mortgagebanner.Booking h1 {font-size: 30px; line-height: 36px;}
	.syp-form {height: 450px; padding:30px 0}
}


/* Single Guides */
.breadcrumbs {display:flex; align-items: center; flex-wrap:wrap; font-size: 16px; line-height: 20px; font-family: "Roboto", Sans-serif; color: #023D54;}
.breadcrumbs a:nth-child(1) {margin: 0 5px 0 0; color: #26805E;}
.breadcrumbs a:nth-child(2) {margin: 0 5px 0 5px; color: #26805E;}

p.article-disclaimers {font-size: 16px !important; padding-top: 10px; color: #285534 !important;}

.contentWrap.Mortgagebanner.Guides.SingleGuide {border-radius: 0;}
.contentBlock.Mortgagebanner.Guides.SingleGuide {background-position: right 5%; padding: 50px 0px;}
.contentWrap.Mortgagebanner.Guides.SingleGuide h1 {line-height: 50px; font-size: 40px;}
.contentWrap.Mortgagebanner.Guides.SingleGuide p {max-width:50%; margin:10px 0 0 0; top: 30px; position: relative; font-size: 16px;}
.contentBlock.Mortgagebanner.Guides.SingleGuide .button.green {display:inline-table; margin:2% 5px 0 0}

.single-post .contentBlock.single h1.pageTitle { font-size: 40px; color: #023D54;font-family: "Roboto", Sans-serif; line-height: 50px}
.single-post  .wp-block-image {margin: 0}
.contentWrap.single {position: relative; max-width: 1200px; margin: auto; width: 90%; background: #fff;}

.contentWrap.single .wp-block-embed  {margin: 0}
.contentWrap.single iframe {width: 45%; aspect-ratio: 16 / 9; position: relative; height: fit-content;}
.single-post .contentBlock.single {margin:0;}
.single-post .contentBlock.single p{font-size: 20px;line-height: 25px; font-family: "Roboto", Sans-serif; color: #023D54;}

.single-post  .contentBlock.single ul li {font-size: 20px; line-height: 25px; font-weight: 300; font-family: "Roboto", Sans-serif; color: #023D54; margin-bottom: 10px;}
.single-post .contentBlock.single ol li {font-size: 20px;line-height: 25px; font-weight: 300; font-family: "Roboto", Sans-serif; color: #023D54; margin-bottom: 10px;}
.single-post .contentBlock.single h4 {font-family: "Roboto", Sans-serif; margin: 20px 0 0; user-select: none; font-size: 22px; font-weight: 400; color: #023D54;}
.single-post .contentBlock.single h3 {color: #023D54; font-size: 28px; line-height: 28px; font-family: "Roboto", Sans-serif; margin: 40px 0 0; font-weight: 500;}
.single-post .contentBlock.single h2 {color: #023D54; font-size: 30px; font-family: "Roboto", Sans-serif; margin: 40px 0 0; font-weight: 700;}
.single-post .contentBlock.single p.name {color: #023D54; font-size: 18px; font-weight: 500 !important; font-family: "Helvetica", Sans-Serif; }
.single-post .contentBlock.single .homeServiceBlock {padding: 20px;} 
.single-post .contentBlock.guides {width: 100%; max-width: 100%; padding: 20px 0;}
.single-post .contentBlock.guides .guideBlock {flex-basis: 23%;}
.single-post .contentBlock.guides .guideBlock:last-child {margin-right: 0}

.single-post .contentBlock.single .accordion .accordion_tab h3 {font-weight: 800; margin:0; font-family: "Roboto" !important;}

.contentWrap.Reviews.guidescarousel h2 {max-width: 90%; margin: 30px auto 0;}
.contentWrap.Reviews.guidescarousel .contentBlock.guides .guideBlock {background-color: transparent;}
.contentWrap.Reviews.guidescarousel .contentBlock.guides .button.green.lead-landing-page {margin: 0 auto; width: 350px; text-align: center; display: block;}

.back_top {position: fixed; right: 20px; z-index: 999;}
.back_top button { width: 50px; height: 50px; background-size: contain;  border: none; background-color: transparent; cursor: pointer; background-repeat: no-repeat;}
.back_top img {max-width:50px;}

#top {opacity: 0; transition: opacity 0.3s ease-in-out;}
#top.show {opacity: 1;}

@media all and (max-width: 1250px)  {.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 62%;} .contentWrap.Reviews.guidescarousel h2 {font-size: 20px;}}
@media all and (max-width: 1015px)  {.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 75%;}}
@media all and (max-width: 1001px)  {.single-post .contentBlock.guides .guideBlock {margin: 5%;}}
@media all and (max-width: 930px)  {.contentWrap.Mortgagebanner.Guides.SingleGuide h1 {max-width:100%}
.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 60%;}}
@media all and (max-width: 930px)  {.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 80%;}}
@media all and (max-width: 900px)  {.back_top {right:10px}}
@media all and (max-width: 800px)  {.contentWrap.single iframe {width:100%}}
@media all and (max-width: 700px)  {
.contentWrap.single iframe {padding: 0}
}
@media all and (max-width: 670px)  {.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 100%; width: 100%;}
	.contentWrap.Mortgagebanner.Guides.SingleGuide h1 {max-width: 90%; margin: 0 auto;}
	.contentBlock.Mortgagebanner.Guides.SingleGuide .button.green {display: block; margin: 4% auto 0 auto; width: 90%; text-align:center;}
}
@media all and (max-width: 555px) {
	.single-post .contentBlock.single h1.pageTitle {font-size: 32px; line-height: 42px;}
	.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 150%; background-position: top;}
	.contentWrap.Reviews.guidescarousel h2 {font-size: 22px;}
}
@media all and (max-width: 450px)  {
	   .back_top button {width: 40px; height: 40px;}
}
@media all and (max-width: 410px)  { 
	.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 180%;}
	.contentWrap.Mortgagebanner.Guides.SingleGuide h1 {line-height: 40px; font-size: 32px;}
	.contentWrap.Reviews.guidescarousel .contentBlock.guides .button.green.lead-landing-page {width: 90%;}
}
@media all and (max-width: 375px)  { 
	.single-post .contentBlock.single h2 {font-size: 24px;}
	.single-post .contentBlock.single h3 {font-size: 20px;}
	.contentBlock.Mortgagebanner.Guides.SingleGuide .button.green {font-size:12px; padding: 3% 2%;}
}
@media all and (max-width: 300px) {
.breadcrumbs {font-size: 14px;}
.single-post .contentBlock.single h1.pageTitle {font-size: 28px; line-height: 36px;}
.anchor_text_block_p {    font-size: 18px !important;}
.contentWrap.Mortgagebanner.Guides.SingleGuide h1 {line-height: 30px; font-size: 22px;}
.contentBlock.Mortgagebanner.Guides.SingleGuide {background-size: 190%;}
}

/* Author Blocks & Continue Reading */
.contentWrap.single.AuthorIntro {width: 100%; padding: 25px 0; background: #ffffff;}
.contentBlock.single.AuthorIntro {width: 90%;}

.contentWrap.AuthorBlock {background-color: #f5f5f5;}
.contentWrap.AuthorBlock .author {display:flex; align-items: flex-end;}
.contentWrap.AuthorBlock .author_details {padding: 50px 0px 18px 18px;}
.contentWrap.AuthorBlock .author p {font-family: "Roboto", Sans-serif; color: #023D54; font-size: 16px; max-width: 60%; margin: 10px 0;}
.contentWrap.AuthorBlock .author p:nth-child(1){margin: 0 0 20px 0; font-size:28px; text-decoration:underline; text-underline-offset: 5px; font-weight: 500;}
.contentWrap.AuthorBlock .author p:nth-child(2){margin:0; font-size: 22px; color: #285534; font-weight: 800; line-height: 26px; }
.contentWrap.AuthorBlock .author p:nth-child(3){margin:5px 0 0 0; max-width: 85%; font-weight: 500; font-size: 16px;}
.contentWrap.AuthorBlock .author_image {display:flex; position: absolute; right: 0; justify-content: flex-end;}
.contentWrap.AuthorBlock .author img {max-width: 90%; transform: rotateY(180deg); position: relative; top: 5px;}
.contentWrap.AuthorBlock .author_bio {padding: 40px 0; display: flex; flex-direction: column;}
.contentWrap.AuthorBlock .author_bio a {width:100%; text-align: left; display: block;}
.contentWrap.AuthorBlock .author_bio .button.green {width: 25%; text-align:center; }

.contentWrap.Reading {background-color: #d9f7fb; padding:40px 0; position: relative; z-index: 3;}
.contentBlock.Reading .item {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.contentBlock.Reading a {text-decoration: underline; color: #023D54; width: 33%;}
.contentBlock.Reading .ReadTitle {font-weight: 800; font-family: "Roboto", Sans-serif; color: #023D54; font-size: 24px; margin: 0; padding:0}
.contentBlock.Reading .ReadLink {color: #023D54; font-size: 20px; line-height: 28px; margin: 5% 3% 0 0;}

.contentWrap.single .author_close {display:flex; flex-direction: row; align-items: flex-end; justify-content: space-between; margin: 0; width: 100%; border-bottom: #023D5450 solid 1px; padding: 25px 0 10px 0;}
.contentWrap.single .author_close a {display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.contentWrap.single .author_details_close {display:flex; flex-direction:row; align-items: center; padding: 0 0 25px 0;}
.contentWrap.single .author_details_close img {width:100px; height:100px; filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 9%));}
.contentWrap.single .author_name_close {display:flex; flex-direction:column; margin: 0 0 0 20px;}
.contentWrap.single .author_name_close p:nth-child(1) {margin: 0; font-size: 15px; font-weight: 300;}
.contentWrap.single .author_name_close p:nth-child(2) {margin: 0; font-size: 26px; color: #023D54; font-weight: 800; line-height: 26px;}
.contentWrap.single .author_name_close p:nth-child(3) {margin: 5px 0 0 0; font-size: 16px;     line-height: 18px;}
.contentWrap.single .author_name_close p:nth-child(4) {font-weight:700; font-size: 16px; margin: 5px 0 0 0;}
.contentWrap.single .author_close .date-read-flex {display:flex; flex-direction:column;}
.contentWrap.single .author_close .read {font-size: 16px; margin: 0; padding: 0 0 10px 0; text-align: right;}
/* .contentWrap.single .author_close .read-time {color:#fff; background-color:#40105d; border-radius:20px; margin-right: 2px; padding: 2px 10px;} */
.contentWrap.single .author_close .read-time {color: #fff; background-color: #26805E; border-radius: 20px; margin-right: 2px; padding: 2px 10px; font-weight: 600;} 
.contentWrap.single .author_close .date {font-size: 16px; margin: 0; padding: 0 0 25px 0;}

@media screen and (max-width: 1700px){
	.contentWrap.single .author img {max-width: 55%;}
	.contentWrap.single .author p:nth-child(3) {max-width: 100%;}
	.contentWrap.single .author_block {right: 30px;}
}
@media screen and (max-width: 1600px){
.contentWrap.single .author_details {padding: 40px 0px 18px 18px;}
}
@media screen and (max-width: 1500px){
	.contentWrap.single .author_details {padding: 5px;}
	.contentWrap.single .author img {max-width: 45%;}
	.contentWrap.single .author_block {width:18%; right:35px;}
}
@media screen and (max-width: 1470px){
	.contentWrap.single .author p:nth-child(3) {max-width: 100%;font-size: 12px;}
}
@media screen and (max-width: 1430px){
	.contentWrap.single .author_block {width: 18%; right: 25px;}
}
@media screen and (max-width: 1400px){
	.contentWrap.single .author p:nth-child(1) {margin: 0 auto 15px auto;}
	.contentWrap.single .author_details {text-align: center;}
	.contentWrap.single .author_block {right: 33px;}
	.contentWrap.single .author img {display: none;}
	.contentWrap.single .author p:nth-child(3) {max-width: 62%; margin: 10px auto 0px auto;}
	.contentWrap.single .author_details { padding: 10px 0 18px 0px;}
}
@media screen and (max-width: 1370px){
	.contentWrap.single .author_block {right: 20px; width: 16%;}
}
@media screen and (max-width: 1300px){
	.single-post .contentBlock.single {width:100%}
	.contentBlock.single.AuthorIntro {width: 90% !important; margin: auto;}
}

@media screen and (max-width: 1000px){
    .contentWrap.single .author_block {width: 100%; top: 0px; border-radius: 20px; right: 0px;  position: relative;  z-index: 2;  float: none;  margin: 0 0 50px 0;}
    .contentWrap.single .author img {max-width: 30%; display: block;}
	.contentWrap.single .author {justify-content: space-around; align-items: center;}
	.contentWrap.single .author p:nth-child(1) {font-size: 22px;}
	.contentWrap.single .author p:nth-child(2) {font-size: 30px;}
	.contentWrap.single .author p:nth-child(3) {font-size: 20px; max-width: 100%;}
	.contentWrap.single .author_details {padding: 50px 0px 18px 18px;}
	.contentWrap.single .author_bio {background:#ebebeb;}
	
	.contentWrap.AuthorBlock .author p {max-width: 60%;}
	
	.contentBlock.Reading a {    width: 50%;}	
}

@media screen and (max-width: 900px){
	.contentWrap.single .author_details {padding: 0px 0px 18px 18px;}
}
@media screen and (max-width: 740px){
	.contentWrap.single .author_close a {flex-direction: column; align-items: flex-start;}	
	.contentWrap.single .author_close .read {text-align: left;}
	
}
@media screen and (max-width: 725px){
 .contentWrap.AuthorBlock .author p {max-width: 55%;}
.contentWrap.single .author_close .date {padding: 0 0 15px 0;}
}
@media screen and (max-width: 650px){
    .contentWrap.single .author p:nth-child(1) {width: 100%; border-bottom:none; text-decoration:underline;}
	.contentWrap.single .author_details {padding: 0px 0px 0px 18px;}
	.anchor_text_block {padding: 1% 3%;}
	
.contentWrap.AuthorBlock .author img {display:none;}
.contentWrap.AuthorBlock .author p {max-width: 100%;}
.contentWrap.AuthorBlock .author_bio .button.green {width: 40%;}
}
@media screen and (max-width: 550px){
	.contentWrap.single .author p:nth-child(1) {font-size: 18px;}
    .contentWrap.single .author p:nth-child(2) {font-size: 24px;}
	.contentWrap.single .author p:nth-child(3) {font-size: 18px;}
	
	.contentWrap.single .author_details_close img {width: 80px; height: 80px;}
	
	.contentBlock.Reading a {width: 100%;}
	.contentBlock.Reading .ReadLink {font-size: 18px; line-height: 25px;  margin: 4% 3% 0 0;}
}

@media screen and (max-width: 450px){
.contentWrap.single .author_details {padding: 5px;}
	.contentWrap.single .author_name_close p:nth-child(3) {font-size: 14px;}
}

@media screen and (max-width: 400px){
.contentWrap.single .author p:nth-child(1) {font-size: 14px;}
.contentWrap.single .author p:nth-child(2) {font-size: 20px;}	
.contentWrap.single .author p:nth-child(3) {font-size: 14px; line-height: 14px;}
	
.contentWrap.single .author_name_close p:nth-child(2) {font-size: 20px;}
.contentWrap.single .author_name_close p:nth-child(3) {font-size 14px;}
.contentWrap.single .author_name_close p:nth-child(4) {font-size: 14px; margin: 0;}
	
.contentWrap.AuthorBlock .author_bio .button.green {width: 100%;}
	
.contentWrap.single .author_details_close {flex-direction: column; align-items: flex-start;}
	.contentWrap.single .author_name_close {margin: 15px 0 0 0;         max-width: 100%;}
	.contentWrap.single .author_details_close img {position:absolute; right:0px; bottom:36%}
	    .contentWrap.single .author_name_close p:nth-child(3) {max-width: 70%;}
}
@media screen and (max-width: 340px){
.contentWrap.single .author p:nth-child(1) {font-size: 14px; line-height: 10px;}
.contentWrap.single .author p:nth-child(2) {font-size: 16px;}
.contentWrap.single .author p:nth-child(3) {font-size: 12px; line-height: 13px;}
	
.contentBlock.Reading .ReadLink {font-size: 17px; line-height: 28px;}
}

@media screen and (max-width: 305px){
.contentWrap.single .author_name_close p:nth-child(1) {font-size: 14px; line-height: 12px;}	
.contentWrap.single .author_name_close p:nth-child(2) {font-size: 17px;}	
.contentWrap.single .author_name_close p:nth-child(3) {font-size: 14px; margin: 0;}
.contentWrap.single .author_name_close p:nth-child(3) {font-size: 13px;}
	.contentWrap.single .author_details_close img {display:none;}	
}
@media screen and (max-width: 285px){
.contentWrap.single .author p:nth-child(1) {font-size: 11px; line-height: 0px;}
.contentWrap.single .author p:nth-child(2) {font-size: 14px;}
.contentWrap.single .author p:nth-child(3) {font-size: 9px; line-height: 11px;}
	
.contentWrap.single .author_details_close img {width:60px; height:60px; bottom:40%}
}

@media screen and (max-width: 260px){
	.contentWrap.single .author_name_close p:nth-child(3) {max-width:100%;}
}

@media screen and (max-width: 245px){
.contentWrap.single .author p:nth-child(1) {font-size: 10px;}
.contentWrap.single .author p:nth-child(2) {font-size: 12px; line-height: 10px;}
.contentWrap.single .author p:nth-child(3) {line-height: 10px;}
}

/* Author Archive */
.extend {display:none;}
.contentWrap.archivebanner {position: relative; border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%; overflow: hidden; background: none; margin: 0 0 30px 0;}
.contentBlock.archivebanner {padding: 10px 0; width: 100%; display: flex; align-items: center;}
.contentBlock.archivebanner .item {display:flex; flex-direction:column; padding: 20px 0px 0px 20px;}
.contentBlock.archivebanner h1 {text-align: left; line-height: 28px; font-size: 38px; color: #023D54;}
.contentBlock.archivebanner p {font-size: 16px; color: #023D54; font-family: "Roboto"; line-height: 22px; font-weight: 300; margin: 10px 0 0 0;}
.contentBlock.archivebanner .item p:nth-child(3) {margin:10px 0 10px 0}
.contentBlock.archivebanner img {max-width:150px; padding:10px;}
.mortgage-mask-archive {position: absolute; width: 100%; height: 100%; right: 0; background: #d8ecf1;}


/*********** Articles Sidebar ****************/
.contentWrap.sidebar{}
.contentBlock.sidebar{}

.heading_title {color: #023D54; font-size: 18px;line-height: 20px; font-family: "Roboto", Sans-serif; font-weight: 600;}
.anchor_text_block {background-color: #e6f9f2; position: relative; width: 100%; padding: 1% 2%; margin: 0 0 30px 0; border-radius: 20px;}
.anchor_text_block p {font-size: 14px; line-height: 18px}

.post-template-default.single .show-desktop {display: contents;}
.anchor_text_block .item {position: relative;  width: 100%;}
.anchor_text_block .item a{color: #023D54;}

.anchor_text_block_mobile {background-color: #d9f7fb;  position: static;  width: 100%;padding: 15px; border-radius: 10px;}
.anchor_text_block_p {font-family: "Roboto" !important; font-size: 24px !important; text-align: center; color:#023D54;}

.anchor_text_block .accordion {border-bottom: none; max-height: 50px;}
.anchor_text_block .accordion_tab {height:70px;}
.anchor_text_block .accordion.hsBlock_1 {max-height: 1400px; transition: all 0.5s ease;}
.wp-block-embed figcaption {font-size: 16px; line-height: 20px; font-family: "Roboto", Sans-serif; font-style: italic;}

@media screen and (max-width: 1300px){
	.anchor_text_block {padding: 2% 3%;}
}

@media screen and (max-width: 1000px) {
  .contentWrap.single .show-desktop {display: none;}
	.contentWrap.single .show-mobile {display: block;}
  .anchor_text_block_p {text-align: left;}
}

@media screen and (max-width: 650px){
	.anchor_text_block {padding: 2% 5%;}
}

@media screen and (max-width: 330px){
	.anchor_text_block {padding: 2% 0 2% 6%;}
}

/*Get Started */
.calendly-inline-widget {min-width: 90%; margin: auto; min-width: 320px;height: -webkit-fill-available; overflow:hidden; }
.calendly-inline-widget iframe {border-radius: 30px;}
@media all and (max-width: 900px)   {.calendly-inline-widget {margin: auto auto auto auto; min-width: 320px; height: -webkit-fill-available; overflow-y: hidden;}}

/*@media all and (min-width: 1025px)  { .calendly-inline-widget {height:1000px;}
}

/* @media all and (min-width: 1000px)  { .calendly-inline-widget {min-width: 90%; margin: auto; min-width: 320px; height:1000px;}
} */

.get-started-calendly {width:100%;height:835px;}
.uk-mm-cal h1 {}
.page-template-get-startedpage .headerContainer.contentWrap {display: none}
.calendly-booking-page {margin-bottom:0px;}

.page-template-book-now-mortgagepage .headerContainer.contentWrap {display: none}
.page-template-book-now-insurancepage .headerContainer.contentWrap {display: none}
	
.contentWrap.getstarted {display: flex; margin-top: -35px;     background-color: #fff;}
.contentWrap.getstarted .item {height: 100%;min-height: 100vh;flex: 1}

.contentWrap.getstarted .item:first-child {align-items: center;position: relative}
.formwrap {flex: 1; padding: 10% 10% 0% 5%;}

.started-Logo {position: absolute; left: 5%;top: 5%; z-index: 1;}

@media all and (max-width: 1001px)  {.formwrap {padding: 2% 10% 0% 5%;} .get-started-calendly {width:100%;height:850px;} p.close { top: 30px;}}
@media all and (max-width: 820px)  {.formwrap {padding: 2% 10% 0% 5%;} .get-started-calendly {width:100%;height: 970px;} 
	.contentWrap.getstarted .formwrap {padding: 15% 10% 0% 5%;}    .contentWrap.getstarted .formwrap .tf-v1-widget iframe {height: 75%;}}
@media all and (max-width: 570px)  {.contentWrap.getstarted .formwrap {padding: 13% 0% 0% 0%;} .started-Logo img {max-width: 75px;}}
@media all and (max-width: 500px)  {.contentWrap.getstarted .formwrap .tf-v1-widget iframe {height: 80%;} .started-Logo {top: 2%;} p.close {top: 3%; margin: 0; right:0}}
@media all and (max-width: 400px)  {.contentWrap.getstarted .formwrap {padding: 18% 0% 0% 0%;}}
@media all and (max-width: 330px)  {.contentWrap.getstarted .formwrap .tf-v1-widget iframe {height: 82%;}}
@media all and (max-width: 302px)  {.contentWrap.getstarted .formwrap .tf-v1-widget iframe {height: 100%;} .get-started-calendly {height: 840px;} .contentWrap.getstarted .formwrap {padding: 10% 0% 0% 0%;} .started-Logo img {max-width: 65px;} p.close img {max-width: 45px;} p.close {top: 5%; margin: 0; right:1%}}
@media all and (max-width: 285px)  {.get-started-calendly {height: 865px;} .contentWrap.getstarted .formwrap {padding: 0% 0% 0% 0%;} .started-Logo img {display:none;} }
@media all and (max-width: 273px)  { p.close img {max-width: 35px; } p.close{top: 6px; margin: 0;  right: auto;}}
@media all and (max-width: 266px)  {.get-started-calendly {height: 840px;} .contentWrap.getstarted {margin-top: -8px;}}

.back {position: absolute;left: 5%;top:15%}

.back a {    color: #023D54;
    margin: 0;
    font-family: "Roboto", Sans-serif;
    line-height: 24px;
    font-size: 22px;
}
	
	.contentWrap.getstarted .item:last-child {background: rgb(59,15,90);
background: linear-gradient(0deg, rgba(59,15,90,1) 0%, rgba(27,16,121,1) 99%);display: flex;
    justify-content: center;
    align-items: center;position: relative; height: 1000px;} 
.contentWrap.getstarted .item:last-child::before  {content: "";
    height: 100%;
    background-image: url(../images/Reviews-Right.svg);
    left: -36px;
    width: 46px;
    position: absolute;
    background-size: 100% 100%;}


.review-cont {display: flex;
    max-width: 80%;
    flex: 1;
    align-items: center;
    border-radius: 5px;
    background: #fff;
    padding: 20px;}

.review-cont .review-details {flex: 1;text-align: center}
.review-cont .review-details h3 {margin: 0}

.review-cont  .carousel.desk {flex: 2; margin-top: 0}

.contentWrap.getstarted .desk .carousel-cell {width: 100%; height:auto}
.contentWrap.getstarted .desk .carousel-cell .car-wrap {padding: 15px}
.contentWrap.getstarted .desk .carousel-cell h3 {margin: 0;color: #DD0170}

.contentWrap.getstarted .flickity-button {}

@media all and (max-width: 1750px)  {
.heart {width: 100%; right: -50%;}	
}

@media all and (max-width: 1500px)  {
.heart {right: -52%; width: 132%; bottom: -54%;}	
.contentBlock.Homebanner .item .home-image {position: absolute; right: 0; bottom: -5px; width:32%}
}

@media all and (max-width: 1315px)  {
.heart {bottom: -33%;}		
}

@media all and (max-width: 1250px)  {
.contentBlock.fourSteps.first .item:last-child img.one {padding-left: 10%;}
.contentBlock.fourSteps.second .item:first-child img.five {padding-right: 10%;}
.contentBlock.fourSteps .item:last-child img.three {padding-left: 10%;}
.contentBlock.fourSteps.fourth .item:first-child img.two {padding-right: 10%;}
}

@media all and (max-width: 1150px)  { 
	
	ul.guides {  overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
		padding: 30px 0!important ; justify-content: flex-start!important ;
	flex-wrap: inherit;}
	ul.guides {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
		
}
ul.guides::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
	
	
	ul.guides li a {padding: 20px 30px}
	.searchandfilter ul {padding-left: 0}	
.searchandfilter ul>li>ul:not(.children) 
 {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 15px 0!important;
    justify-content: flex-start!important;
}	

}

@media all and (max-width: 1115px)  {
.contentWrap.Homebanner h1 {font-size: 65px; line-height: 80px;}	
	.contentBlock.Homebanner .item .home-image {width: 36%;}
}

@media all and (max-width: 1100px)  {
	.mega-menu .menu-links > li > a {padding-left: 5px !important;font-size: 16px!important ; }
	.desk .carousel-cell  {width: 25%}
    .contentBlock.Homebanner {padding: 50px 0;}
	
	.contentBlock.fourSteps .item:last-child img.three {left: 55px;}
	.contentBlock.Homebanner .item .home-image {width: 34%;}
}

@media all and (max-width: 1050px)  {.contentWrap.team {padding: 0;}.contentBlock.man-team {display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; height: auto}
	.contentBlock.man-team .figure {position: initial !important; flex-basis: 45%; text-align: center; margin-bottom: 25px !important}
	
	.figure img.image-hover {display: none}
    .header-item.second	nav .about-us {display:none;}
	
}

@media all and (max-width: 1000px)  {
	/* New Mortgage Banners */	
	.contentBlock.Mortgagebanner h1 {max-width:100%}
	.contentBlock.Mortgagebanner p {max-width:50%}
	
	.contentBlock.Mortgagebanner .button.green {width: 375px; display: block; text-align: center; margin: 0 0 15px 0;}
	.contentBlock.Mortgageintro .reviews-white {position: absolute; max-width: 375px; top: -105px; left: 0;}
	
	/* Steps */
	.notab {display: none}
	.tab {position: relative;}
	
	.contentWrap.fourSteps {background:none; overflow: hidden; z-index: 1;  position: relative; background: #fff;}
	
	/* First Step */	
	.contentBlock.fourSteps.first .item:first-child img {position: relative; margin: 0 auto; display: flex; bottom: 0; left: -15px;}
	.contentBlock.fourSteps.first {display: block}	
	.contentBlock.fourSteps.first::before {content: ""; position: absolute; top: -385px; right: -360px; bottom: 0; width: 1000px; height: 1000px; background-image: url(../images/steps-main-bg.svg);
    background-size: 1324px; background-repeat: no-repeat; transform: rotate(220deg);}

	.item.tab img.one {bottom: 120px; z-index: 2; left: 55px; max-width: 90%}
	.item.tab img.two {bottom: 0; max-width: 90%; z-index: 2; right: 10%}
	.item.tab img.three {display: none}
	.item.tab img.four {display:block; position:absolute; left:0; right:0; bottom: -40px; margin:auto; width: 46%;}
	.item.tab img.five {display: none}
	
	.contentBlock.fourSteps h2 {max-width: 100%; padding: 0}
	.contentBlock.fourSteps .item p:nth-child(2) {max-width: 100%; padding: 0}
	.contentBlock.fourSteps p {max-width: 100%; padding: 0}
	
	/* Second Step */
	.contentWrap.fourSteps .contentBlock.fourSteps.second .item.tab-mob {height:auto; display: flex; justify-content: center; padding-right: 0%; top: 18px;}
	.contentBlock.fourSteps.second .item:first-child img.five {top: 0px; left: auto; padding-right: 0;}
	.contentBlock.fourSteps.second {display: block}
	.contentBlock.fourSteps.second::before {content: ""; position: absolute; top: 25px; left: -610px; bottom: 0; width: 1000px; height: 1000px; background-image: url(../images/steps-main-bg.svg);
    background-size: 800px; background-repeat: no-repeat; transform: rotate(90deg);}
	
	.contentBlock.fourSteps.second .item:first-child img.one {top:0px; left:175px; max-width: 90%}
	.contentBlock.fourSteps.second .item:first-child img.two {top: 100px; left: auto; max-width: 90%;}
	.contentBlock.fourSteps.second .item:first-child img.three {top: 150px; left: 120px;}
	.contentBlock.fourSteps.second .item:first-child img.four {display:block; position:absolute; left:0; right:0; bottom:0; margin:auto;max-width: 80%; top: 0}
	
	.contentBlock.fourSteps.second .item:first-child img { margin: 0 auto; display: block; bottom: 0; position: relative;}
	.contentBlock.fourSteps.second .item:first-child picture {padding-bottom: 30px;} 
	
	/* Third Step*/
	.contentWrap.fourSteps .contentBlock.fourSteps.third .item.tab {display: flex;justify-content: center;}
	.contentBlock.fourSteps.third {display: block}
	.contentBlock.fourSteps .item:last-child img.three {padding-left: 0;}
	
	.contentBlock.fourSteps.third .item.tab img.one {display:block; position:absolute; left:0; right:0; bottom:0; margin:auto;z-index: 22; top: 20px; max-width: 300px;}
	.contentBlock.fourSteps.third .item.tab img.two {display:block; position:absolute; left:0; right:0; bottom:0; margin:auto;}
	
	.contentBlock.fourSteps.third h2 {max-width: 100%; padding: 0; margin-left: 0}
	.contentBlock.fourSteps.third .item p:nth-child(2) {max-width: 100%; padding: 0; margin-left: 0}
	.contentBlock.fourSteps.third p {max-width: 100%; padding: 0; margin-left: 0}
	
	.contentBlock.fourSteps.third .item:first-child img { margin: 0 auto; display: block; bottom: 0; position: relative; max-width: 80%;}
	
	/* Fourth Step */
	.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob {height: 350px; display: flex; justify-content: center; padding-right: 0%; margin: 0 auto;}
	.contentBlock.fourSteps.fourth picture {padding-bottom:20px}
	.contentBlock.fourSteps.fourth .item:first-child img {margin: 0 auto; display: block; bottom: 0; position: relative; max-width: 80%;}
	.contentBlock.fourSteps.fourth .item:first-child img.two {top:0; padding-right: 0;}
	.contentBlock.fourSteps.fourth {display: block}
	.contentBlock.fourSteps.fourth::before {content: ""; position: absolute; top: -130px; right: -480px; bottom: 0; width: 1000px; height: 1000px; background-image: url(../images/steps-main-bg.svg);
    background-size: contain; background-repeat: no-repeat; transform: rotate(304deg);}
	
	.contentBlock.fourSteps.fourth .item:first-child img.one{display:block; position:absolute; left:0; right:0; bottom:0; margin:auto;}
	.contentBlock.fourSteps.fourth .item:first-child img.three{display:none;}
	
	.contentBlock.fourSteps.fourth h2 {max-width: 100%; padding: 0; margin-left: 0}
	.contentBlock.fourSteps.fourth .item p:nth-child(2) {max-width: 100%; padding: 0; margin-left: 0}
	.contentBlock.fourSteps.fourth p {max-width: 100%; padding: 0; margin-left: 0}
	
	.slide-holder {height: 400px}
	
	/* Service Page */
	.contentBlock.Mortgage-first-row {flex-direction: column}
	.contentBlock.Mortgage-last-row {flex-direction: column-reverse;}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-first-row .button.blue {display: table; padding: 10px 80px;}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.blue {display: table; padding: 10px 80px}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-last-row .button.blue {display: table; padding: 10px 80px;}
		.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-first-row .button.green {display: table; padding: 10px 80px;}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.green {display: table; padding: 10px 80px}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-last-row .button.green {display: table; padding: 10px 80px;}
	.page-template-landingpage .contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.blue {display:block; padding: 10px 40px}
	.page-template-landingpage .contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.green {display:block; padding: 10px 40px}
	.contentBlock.Mortgage-first-row {padding: 35px 0 0;}
	.contentWrap.Mortgage-two-rows h2 {max-width:100%}
	
	.contentWrap.Mortgage-two-rows .rll-youtube-player {padding-bottom: 35%; display: flex; justify-content: center;}
	.contentWrap.Mortgage-two-rows .rll-youtube-player img {width:60%; }
	
	.contentBlock.Mortgage-first-row .item .section_one {margin: 0 0 20px 0;}
	.contentBlock.Mortgage-second-row .item .section_two {margin: 0 0 20px 0;}
	.contentBlock.Mortgage-first-row .item:last-child {width: 60%; margin: 0 auto; display: block;}
	.contentBlock.Mortgage-second-row .item:first-child {width: 60%; margin: 0 auto; display: block;}
	.contentBlock.Mortgage-last-row .item:last-child {width: 60%; margin: 0 auto; display: block;}
	.page-template-homepage .contentBlock.Mortgage-last-row .item:last-child { width: 100%; margin: 0 0 45px;}
	.contentBlock.Mortgage-first-row .item:last-child iframe {max-width: 60%; position: relative; height: fit-content;}
	.contentBlock.Mortgage-last-row .item iframe {max-width: 60%; position: relative; height: fit-content;}
	
	.contentBlock.Mortgage-second-row {display: flex; padding: 0 0 45px 0; flex-direction: column-reverse;}
	.page-template-homepage .contentBlock.Mortgage-second-row .item:first-child {margin-bottom:40px; display: contents;}
	
	.contentBlock.Mortgage-first-row .item .one {position: absolute; right: 18%; top: -20px; width: 400px; border-radius:10px;}
	.contentBlock.Mortgage-first-row .item .two {position: absolute; left: 18%; bottom: -10px; width: 400px; border-radius:10px;}
	
	.contentBlock.Mortgage-last-row .item .one {position: absolute; right: 18%; top: -20px; width: 400px; z-index: 1; border-radius:10px;}
	.contentBlock.Mortgage-last-row .item .two {position: absolute; left: 18%; bottom: -10px; width: 400px; z-index: 1; border-radius:10px;}
	
	.single-post .contentBlock.guides .guideBlock {flex-basis: 35%;}
    .contentBlock.guides {justify-content: center;}	
	
	.contentBlock.Mortgage-last-row .item .section_three {margin:0;}
	
	.contentBlock.suppliers {padding: 30px 0;}
	.contentBlock.suppliers .item {padding: 0; margin: 0;}
	.contentBlock.suppliers .item h2 {font-size: 45px;}
}

@media all and (max-width: 975px)  {
.contentWrap.Homebanner h1 {font-size: 50px; line-height: 65px;}	
.contentWrap.Homebanner p {font-size: 20px; line-height: 22px; margin-bottom: 35px;}
	.contentBlock.Homebanner .item .home-image {width: 36%;}
}

@media all and (max-width: 950px)  {
	.headerContent.contentBlock {width: 95%;}
	.contentBlock.fourSteps.second .item:first-child img.two {right:0px;}
	
	.contentBlock.Mortgageintro .reviews-white {top: -98px;}
}

@media all and (max-width: 900px)   {
	.contentBlock.Mortgageintro .reviews-white {top: -88px;}
	.contentBlock.Homebanner .reviews-google {padding: 15px}
	
	.headerContent.contentBlock {width: 90%;}
	.contentBlock.Mobilebanner .reviews-google {width: auto;}
	.headerContent.contentBlock {padding: 10px 0 5px}
	
	.floating-cta {bottom: 90px; right: 0; text-align: center; width: 100%}
	.floating-cta .button.blue {width: 100%; margin-left: 0; text-align: center; position: relative; color: #fff; background: #00c8e5;
    overflow: hidden; border-radius: 50% 50% 0% 0% / 16% 16% 0% 0%; border: none; padding: 15px 0;}
	
	.page-template-news1page .contentBlock.guides .search-filter-results .item {flex-basis: 48% }
	.contentWrap.getstarted .item:last-child {display: none}
	.footerContent.contentBlock {display: none}
	
	.contentBlock.Homebanner .item .home-image {width: 38%;}
	
	.page-template-book-now-mortgagepage .contentWrap.getstarted .item:last-child {display: none;  min-height: 1200px;}
	.page-template-book-now-mortgagepage .contentWrap.getstarted {display: block}
	.page-template-book-now-mortgagepage .contentWrap.getstarted .item {min-height: auto;height: auto}
	.page-template-book-now-insurancepage .contentWrap.getstarted .item:last-child {display: none;  min-height: 1200px;}
	.page-template-book-now-insurancepage .contentWrap.getstarted {display: block}
	.page-template-book-now-insurancepage .contentWrap.getstarted .item {min-height: auto;height: auto}
	.page-template-book-now-mortgagepage .review-cont .carousel.desk {display: none}
	.page-template-book-now-insurancepage .review-cont .carousel.desk {display: none}
	.review-cont {max-width: 100%}
	
	.contentWrap.getstarted .item:last-child {background: none !important}
	.footerContainer.contentWrap { padding-top: 65px}
	.contentWrap.Reasons h2 {font-size: 32px; text-align: left; padding-left: 5%; margin-bottom: 10px;padding-right: 5%}
	.contentWrap.Reasons  {padding: 40px 0}
	.contentBlock.Reasons h3 {padding-left: 0; padding-top: 45px; background-position: top left;}
	.contentBlock.Reasons {display: block}
	.contentWrap.Reasons .reasonsBlock {box-shadow: none; padding-left: 0; padding-bottom: 10px;padding-right: 0}

	.desk .carousel-cell  {width: 33%}
	.menu-trigger.right {display: block!important; right: 0px;}
	.header-item p {display: none}
	.page-template-equity-release-mortagepage .contentBlock.Mortgagebanner {width: 90%; text-align: left;}
	
	.contentBlock.Mortgagebanner p {max-width: 100%; margin: 15px auto;}
	.contentBlock.Mortgagebanner .button.blue {margin: 0px 10px 0 0; display: inline-flex; width: fit-content;}
	
	.header-item .button.green {display: none}
	.header-item .button.blue {display: none}
	.header-item .button.darkblue-trans { display: none;}
	.deskb {display: none}
	.mobi-foot {display: flex;bottom: 0;
    width: 100%;
    flex-direction: column;
    z-index: 99;position: sticky}
	
	.floating-cta {position: inherit;bottom: auto}
	.header-item.second {display: none;}
}
@media all and (min-width: 901px)  {
	.contentBlock.footeraccord {display: none}
	.menu-trigger.right {display: none}
	.mobib {display: none}
}

@media all and (max-width: 865px)  {
	
.contentBlock.fourSteps.second .item:first-child img.one {left: 14%; top: -3%;}
.contentBlock.fourSteps.second .item:first-child img.two {right: 3%;}
.contentBlock.fourSteps.second .item:first-child img.three {top: auto; left: 17%; bottom: 5%;}
	
.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob { height: 300px;}
.contentBlock.fourSteps.fourth .item:first-child img.one {width: 300px;}
	
	.contentBlock.Homebanner .item .home-image {width: 40%;}
}

@media all and (max-width: 850px)  {
.contentBlock.Mortgageintro .reviews-white {top: -80px;}
}

@media all and (max-width: 850px)  {
	.contentBlock.Homebanner .reviews-google {width: 135px;}	
}

@media all and (min-width: 801px)  { 
	.tab {display: none}
	.contentWrap.Mobilebanner {display: none}
}

@media all and (max-width: 800px)  {
	
	.contentBlock.Mobilebanner .item:nth-child(2) {display: flex; justify-content: space-between; align-items: center; max-width: 90%; margin: auto; padding: 50px 0 40px 0;}
		.home-image-mob {display: flex; justify-content: center; max-width: 40%; position: absolute;  right: 35px;}
	
	.contentBlock.suppliers {display: block}
	.contentWrap.Homebanner {display: none; margin: auto; padding: 35px 0 25px;}
	.mobile-toggle {display:inline-block}
		
	.contentBlock.Mobilebanner .reviews-holder-mob {display:flex; max-width:90%; margin: auto; justify-content: space-between;}
	
	.contentBlock.Mobilebanner .reviews-white {margin: 0; justify-content: center;   width: 40%;  max-height: 150px; flex-direction: column; background-color: #fff; padding: 15px;
        border-radius: 5px; align-items: center; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);  z-index: 99;  position: relative;}
	.contentBlock.Mobilebanner .reviews-white p {color: #023D54; font-size: 18px; line-height: 22px; margin: 0;}
	.contentBlock.Mobilebanner .reviews-white .item:nth-child(2) {display: block;}

	.contentBlock.Mobilebanner .reviews-google {width: 48%; margin: 0; display: flex; justify-content: center; min-height: 150px; flex-direction: column; padding: 0; z-index: 1; position: relative; background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);}
.contentBlock.Mobilebanner .reviews-google p {color: #023D54; font-size: 18px; text-align:center; margin: 0; line-height: 22px;}
	
		.button-wrap {max-width: 90%;margin: auto;display: flex; flex-flow: row wrap; justify-content: flex-start;padding-bottom: 45px}
	p.sub-title {font-size: 32px!important ; text-align: center;font-family: "Roboto", sans-serif !important;font-weight: 600}
	.button-wrap .homeServiceBlock  {flex-basis: 48%; margin: 1%;text-align: center}
	.contentBlock.Mobilebanner {width: 100%;}
	.contentBlock.Mobilebanner h1 {color: #fff; font-size:52px}
	.contentBlock.Mobilebanner h2 {color: #fff; font-size:70px; margin:0;}
	.contentBlock.Mobilebanner p {color: #fff;font-family: "Roboto", Sans-serif; font-size: 24px; line-height: 35px; font-weight: 400; margin: 20px 0 30px 0; max-width: 55%;}
	
	.contentWrap.Mobilebanner {overflow: hidden;     background-image: linear-gradient(120deg, #285534 10%, #26805E 80%);  /* background-size: inherit; background-repeat: no-repeat; background-image: url(../images/Single-M-Purple00.png.webp); */}
	.contentBlock.Mobilebanner .item:first-child {max-width: 90%; margin: auto; padding: 25px 0 0;}
	
		.contentWrap.Mobilebanner .button.green {display: block; text-align: center; margin: 3% 0 0 0; font-size: 18px;}
	
	.item.tab img.one {left: 0;}
	.item.tab img.two {bottom: -20px; right: 0;}
	.contentBlock.Mortgagebanner .button.green {width: 325px;}
	.contentBlock.Mortgageintro .reviews-white {top: -88px; max-width: 325px;}	
	.contentBlock.Mobilebanner .reviews-google .item {padding: 0; background: none; max-width: initial; margin: 0px auto; width: 150px; display: flex;
     z-index: 1; position: relative; align-items: center; justify-content: center;}
	.contentBlock.Mobilebanner .reviews-google .item img {margin-bottom: 10px;}
	.contentBlock.Mobilebanner .reviews-white  .item{padding: 0; background: none ;max-width: initial; margin: inherit; }
}

@media all and (max-width: 768px)  {
	/* New Mortgage Banners */
	.contentBlock.Mortgagebanner h1 {font-size:40px; line-height:45px;}
	
	.contentBlock.Mortgagebanner .button.green {width: 38%; display: inline-block; margin: 0 1% 0 0;}
	.contentBlock.Mortgageintro .reviews-white {top: 0; max-width: 100%; position: relative; margin: auto; margin-top: -50px;}
	
	/* Continue CSS */
	.contentBlock.Mortgage-first-row .item:last-child iframe {max-width: 100%; aspect-ratio: 16 / 9;}
	.contentBlock.Mortgage-last-row .item iframe {max-width: 100%; aspect-ratio: 16 / 9;}
	
	.contentBlock.Mortgage-first-row .item:last-child img {width: 90%; margin: 0 auto; display: block; max-width: 100%;}
	.contentBlock.Mortgage-second-row .item picture img {width: 90%; margin: 0 auto; display: block; max-width: 100%;}
	.contentBlock.Mortgage-last-row .item img {width: 100%;}
	
	.contentWrap.Mortgage-two-rows .rll-youtube-player {padding-bottom: 56%;}
	
	.contentBlock.service-list .drop-down .grid-row {flex-flow: wrap}
	.contentBlock.service-list .drop-down .grid-col-3 {flex-basis: 46% !important}	
	.page-template-why-uspage .why_banner {display: none}
	.page-template-why-uspage .why_banner.mobile {display: block} 
	
	.contentWrap.existing {padding: 45px 0}
		.contentWrap.new {padding: 45px 0}
		.contentWrap.postal {padding: 45px 0}
		.contentWrap.opening {padding: 45px 0}
	.aboutsplit .item:last-child {display: none}
	.aboutsplit .item:first-child {padding-right: 0}
	.header-item .button {display: none}
	.desk .carousel-cell  {width: 70%}.contentBlock.guides {display: block}
	.sales-team li  {width: 16.66667%; height: 50px}.page-template-news1page .contentBlock.guides .search-filter-results .item {flex-basis: 100%; margin: 1% 0}.page-template-news1page .contentBlock.guides .search-filter-results .item img {width: 100%}
	
	.contentBlock.whyvideo iframe { max-width: 100%}
	.contentBlock.whyvideo .one {position: absolute; left: -1%; top: -21px;  width: 600px; z-index: -1; max-width: 95%;}
	.contentBlock.whyvideo .two {position: absolute; left: 2%; top: 11px; z-index: -1; width: 600px; max-width: 100%;}

		.contentBlock.Mortgage-first-row .item .one {display:none;}
	.contentBlock.Mortgage-first-row .item .two {display:none;}
	.contentBlock.Mortgage-last-row .item .one {display:none;}
	.contentBlock.Mortgage-last-row .item .two {display:none;}
}

@media all and (max-width: 710px)   {
	.contentBlock.Mortgagebanner .button.green {width: 100%; margin: 0 0 10px 0;}
}

@media all and (max-width: 700px)   {
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-first-row .button.blue {display: block; padding: 10px 20px; text-align: center; margin: 0 auto;}
.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.blue {display: block; padding: 10px 20px; text-align: center;}
.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-last-row .button.blue {display: block; padding: 10px 20px; text-align: center;}
		.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-first-row .button.green {display: block; padding: 10px 20px; text-align: center;}
	.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.green {display: block; padding: 10px 20px; text-align: center;}
.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-last-row .button.green {display: block; padding: 10px 20px; text-align: center;}
	
	.contentBlock.Mobilebanner h2 {font-size:60px;}
	.contentBlock.Mobilebanner p {font-size: 24px; line-height: 30px;}
	.contentWrap.Mobilebanner .button.green {font-size: 15px;}
}

@media all and (max-width: 685px)  {
.contentBlock.fourSteps.second .item:first-child img.one {left: 2%; top: -3%;}
.contentBlock.fourSteps.second .item:first-child img.three {top: auto; left: 8%; bottom: 5%;}
.contentBlock.fourSteps.second .item:first-child img.four { transform: rotate(270deg);}	
	
.contentBlock.fourSteps.fourth .item:first-child img.one {width: 285px;}
}

@media all and (min-width: 650px)  {
.page-template-why-uspage .why_banner.mobile {display: none}
}

@media all and (max-width: 650px)  {
.item.tab img.four {width: 46%;}
	
	.home-image-mob {right: 20px; bottom: -50px;}
	
	.contentBlock.Mobilebanner .reviews-google .item img {margin-bottom: 0px; width: auto; max-width: 60%;}
	
	.contentBlock.Mobilebanner .reviews-white .item {width:50%; margin: 0;}
	.contentBlock.Mobilebanner .reviews-google {min-height:100px; width: 100%; flex-direction: row;}
	.contentBlock.Mobilebanner .reviews-google .item {width: 50%;}
	
   .contentBlock.Mobilebanner .reviews-white .item:last-child {height: auto;}
	.contentBlock.Mobilebanner .reviews-google .item:last-child {height: auto; }
	.contentBlock.Mobilebanner .reviews-google picture {    display: contents;}
}

@media all and (max-width: 600px)  {
			.menu-trigger.right {padding: 10px 20px 10px 50px; margin-left: 0;}
	.button-wrap {display: block}
	.button-wrap .homeServiceBlock  {margin: 5% 0}.accordion .accordion_tab h2 {font-size: 22px}
	.accordion .accordion_tab p.title {font-size: 22px}
	
	.contentBlock.Mobilebanner h2 {font-size:52px; line-height: 64px;}
	.contentBlock.Mobilebanner p {margin: 10px 0 30px 0; max-width: 100%;}
	
	.contentBlock.Mobilebanner .reviews-white .item:nth-child(2) {padding: 0;}
	.contentBlock.Mobilebanner .reviews-google .item:last-child {padding: 0;}
	
	.contentBlock.Mortgagebanner {    padding: 50px 0 45px;}
	
	.contentBlock.Mortgagebanner .button.blue { margin: 0px auto 10px auto; display: block; text-align: center; width: 100%;}
	.contentBlock.Mortgagebanner .button.green { margin: 0px auto 15px auto;}
	
	.item.tab img.four {width: 50%;}
	.contentWrap.Mortgage-two-rows .rll-youtube-player img {width: 100%;}	
	
	.contentBlock.Mobilebanner .item:nth-child(2) {justify-content: left;}
	.contentBlock.Mobilebanner .reviews-white {width: 55%;}
	.home-image-mob {width: 35%;}
	
	.header-logo {max-width: 150px; display: block;}
}

@media all and (max-width: 550px)   {

.contentBlock.fourSteps.second .item:first-child img.one {left: 0;}
.contentBlock.fourSteps.second .item:first-child img.two {right: 0;}
.contentBlock.fourSteps.second .item:first-child img.three {left: 0;}
	
.item.tab img.four {width: 55%;}	

}

@media all and (max-width: 525px)   {	
	.contentBlock.Mobilebanner h2 {font-size: 46px; line-height: 52px;}
	.contentBlock.Mobilebanner p {font-size: 20px; line-height: 22px;}
	
}

@media all and (max-width: 500px)   {	
.contentBlock.Mortgageintro a {width: 100%;}
	
.item.tab img.four {width: 60%;}
.contentBlock.fourSteps.third .item.tab img.one {max-width: 265px;}
.contentBlock.fourSteps.first .item:first-child img {left: 0px;}
	
	.contentBlock.fourSteps.first .item:first-child img {width:65%}
	
	.contentBlock.Mobilebanner .item:nth-child(2) {max-width: 100%; justify-content: center; padding: 25px 0 30px 0;}
	.contentBlock.Mobilebanner .reviews-white {width: 100%;}
	.home-image-mob {display:none;}
	.page-template-homepage .contentBlock.Mortgage-first-row {flex-direction: column-reverse;}
	.page-template-homepage .contentBlock.Mortgage-first-row .item:last-child {margin: 0 auto; width: 100%;}
	.page-template-homepage .contentBlock.Mortgage-first-row .item:last-child img {margin: -20px auto 20px auto;}
	 .contentBlock.Mortgage-first-row .item .section_one {margin: 0 0 40px 0;}
	 .contentBlock.Mortgage-second-row .item .section_one {margin: 0 0 40px 0;}
	.contentBlock.Mortgage-first-row .item:last-child { width: 75%;}
	
	.contentBlock.Mobilebanner .button.blue {display: block; width: 100%; text-align: center;}
	.contentBlock.Mobilebanner .item a:last-child {display: block; width: 100%; text-align: center; margin-top:10px;}
}

@media all and (max-width: 480px)   {	
	.contentBlock.Mobilebanner h2 {font-size: 40px; line-height: 44px;}
	.contentBlock.Mobilebanner p {font-size: 18px; line-height: 22px; }
	.contentWrap.Mobilebanner .button.green {font-size: 14px;}
}

@media all and (max-width: 450px)   {
	.page-template-landingpage .contentBlock.Mortgagebanner h1	{font-size: 48px; line-height: 52px;}
	.page-template-landingpage .contentBlock.suppliers .item h2 {font-size: 48px; line-height: 52px;}
	
	.contentBlock.fourSteps.first h2 {font-size:32px; margin-top: 18px;}
	.contentBlock.fourSteps.first .item p:nth-child(2) {font-size: 20px;}
	.contentBlock.fourSteps.first p {font-size:17px;}
	
	.contentBlock.fourSteps.second h2 {font-size:32px;}
	.contentBlock.fourSteps.second .item p:nth-child(2) {font-size: 20px;}
	.contentBlock.fourSteps.second p {font-size:17px;}
	
	.contentBlock.fourSteps.third h2 {font-size:32px;}
	.contentBlock.fourSteps.third .item p:nth-child(2) {font-size: 20px;}
	.contentBlock.fourSteps.third p {font-size:17px;}
	
	.contentBlock.fourSteps.fourth h2 {font-size:32px;}
	.contentBlock.fourSteps.fourth .item p:nth-child(2) {font-size: 20px;}
	.contentBlock.fourSteps.fourth p {font-size:17px;}
	
	.contentBlock.fourSteps.second .item:first-child img.one {width: 60%; top: 5%;}
	.contentBlock.fourSteps.second .item:first-child img.two {width: 60%; }
	.contentBlock.fourSteps.second .item:first-child img.three {width: 60%; bottom: 20%;}
	
	.item.tab img.four {width: 66%;}
}

@media all and (max-width: 408px)  {
	
	.page-template-landingpage .contentBlock.Mortgagebanner h1	{font-size: 42px; line-height: 44px;}
	.page-template-landingpage .contentBlock.suppliers .item h2 {font-size: 42px; line-height: 44px;}
	
	.contentBlock.Mortgage-first-row .item:last-child {margin: 20px auto;}
	.contentBlock.Mortgage-first-row .item .one {display:none;}
	.contentBlock.Mortgage-first-row .item .two {display:none;}
	
	.contentBlock.Mortgage-second-row {padding: 0 0 30px;}
	
	.contentBlock.Mortgage-last-row .item:last-child {margin: 20px auto;}
	.contentBlock.Mortgage-last-row .item .one {display:none;}
	.contentBlock.Mortgage-last-row .item .two {display:none;}
	
	.contentWrap.Commonmortgagequestions h2 {font-size: 35px;}
	.contentWrap.Mortgagefaq h2 {font-size: 35px;}	
	
	.contentBlock.fourSteps.third .item.tab img.one {max-width: 65%;}
	.contentBlock.fourSteps.third .item.tab img.two {bottom: -10%;}
	
	.item.tab img.four {width: 74%;}
	.contentBlock.fourSteps.fourth .item:first-child img.one {width: 255px;}
	.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob {height: 255px;}
	
	.contentWrap.Reviews .desk .carousel-cell p {font-size:13px}
}

@media all and (max-width: 380px)  {
.contentBlock.fourSteps.second .item:first-child img.two {width: 55%; top: 32%;}
}

@media all and (max-width: 360px)  {
	.contentBlock.Mobilebanner .reviews-google {padding: 10px;}
	.contentBlock.Mobilebanner .reviews-white {padding: 10px;}	
	.item.tab img.four {width: 84%;}
}

@media all and (max-width: 340px)  {	
	.contentBlock.Mobilebanner .reviews-google .item img {margin-bottom: 10px;}
	
	    .contentBlock.Mobilebanner .reviews-white .item:last-child { padding: 10px 0;}
	
	.contentBlock.Mobilebanner .reviews-white {flex-direction: column; padding: 15px;}
	.contentBlock.Mobilebanner .reviews-google {flex-direction: column; padding: 15px;}
	
	.contentBlock.Mobilebanner .reviews-white .item { width:100%}
	.contentBlock.Mobilebanner .reviews-google .item { width:100%}
	
	.contentWrap.Commonmortgagequestions h2 {font-size: 30px;}
	.contentWrap.Mortgagefaq h2 {font-size: 30px;}	
	
	.contentBlock.fourSteps.first h2 {font-size:24px;}
	.contentBlock.fourSteps.first .item p:nth-child(2) {font-size: 18px; line-height: 22px;}
	.contentBlock.fourSteps.first p {font-size:16px;}
	
	.contentBlock.fourSteps.second h2 {font-size:24px;}
	.contentBlock.fourSteps.second .item p:nth-child(2) {font-size: 18px; line-height: 22px;}
	.contentBlock.fourSteps.second p {font-size:16px;}
	
	.contentBlock.fourSteps.third h2 {font-size:24px;}
	.contentBlock.fourSteps.third .item p:nth-child(2) {font-size: 18px; line-height: 22px;}
	.contentBlock.fourSteps.third p {font-size:16px;}
	
	.contentBlock.fourSteps.fourth h2 {font-size:24px;}
	.contentBlock.fourSteps.fourth .item p:nth-child(2) {font-size: 18px; line-height: 22px;}
	.contentBlock.fourSteps.fourth p {font-size:16px;}
		
	.contentBlock.fourSteps.fourth .item:first-child img.one {width:80%}
	
	.item.tab img.four {width: 90%;}
	
	.contentBlock.suppliers .item h2 {font-size: 30px; line-height: 35px;}
}

@media all and (max-width: 320px)  {
	.header-logo {  max-width: 100px;}	
	    .menu-trigger.right { font-size: 14px; background-size: 16px; background-position: 20px 14px;}
	
	.contentBlock.Mobilebanner h1 {font-size: 40px; line-height: 48px;}
	.contentBlock.Mobilebanner h2 {font-size: 40px; line-height: 48px;}
	
	.contentBlock.Mortgagebanner h1 {font-size: 36px; line-height: 38px;}
	.contentBlock.Mortgagebanner p {font-size: 14px; line-height: 16px;}
	.contentBlock.Mortgagebanner li {font-size: 16px;}
	
	.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob {height: 230px;}
	.contentBlock.Mortgageintro .reviews-white {padding: 8px; margin-top: -35px;}
	.contentWrap.Reviews .desk .carousel-cell p {font-size:12px}
	.contentWrap.Reviews .desk .carousel-cell p:last-child {display:none;}
}

@media all and (max-width: 304px)  {
	.contentBlock.Mobilebanner h2 {font-size: 33px; line-height: 36px; }
	    .contentBlock.Mobilebanner p {font-size: 18px; line-height:22px; }
	
	.accordion .accordion_tab p.title { font-size: 14px;}
	.page-template-homepage .button.darkblue {font-size: 12px;}
	.page-template-mortagepage .contentBlock.Mortgagebanner h1 {font-size: 36px; line-height: 46px;}
	.contentBlock.Mortgagebanner a { font-size: 12px;}
	.contentBlock.Mortgagebanner p {font-size: 12px;}
	.contentBlock.Mortgagebanner li {font-size: 14px;}	

}

@media all and (max-width: 292px)  {
.contentBlock.Mortgagebanner a {font-size: 13px;}
.contentBlock.Mortgagebanner li {font-size: 15px;}
.contentBlock.Mortgagebanner p {font-size: 13px;}
	
.contentWrap.Commonmortgagequestions h2 {font-size: 26px;}
.contentWrap.Mortgagefaq h2 {font-size: 26px;}	
	
.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob {height: 200px;}
.item.tab img.four {width: 100%;}
}

@media all and (max-width: 280px)  {
.accordion .accordion_tab p.title {font-size: 14px;}
	
	    .contentWrap.Mobilebanner .button.green {font-size: 12px;}
	    .home-image-mob {bottom: 10px;}
	
	.contentWrap.Reviews .car-wrap {padding: 15px;}
}

@media all and (max-width: 265px)  {
.contentWrap.fourSteps .contentBlock.fourSteps.fourth .item.tab-mob {height: 205px;}
}


/* Flickity */
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden;position: relative; height: 100%;}
.flickity-slider {position: absolute;width: 100%; height: 100%;}

/* Draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1 !important;
}

/*********** 404 ****************/
.contentBlock.fourbanner { padding: 30px 0;}
.contentBlock.fourbanner h1 { text-align: center;  max-width: 80%;  color: #fff;  margin: 0 auto 15px;  max-width: 700px;}
.contentWrap.fourintro { text-align: center;}
.contentWrap.fourintro h2 { color: #023D54; padding: 15px;}
.contentBlock.fourintro { display: flex; justify-content: space-around;  flex-direction: row;  flex-wrap: wrap;}
.contentBlock.fourintro h4 { text-align: left; background-size: 25px; font-family: "Roboto";}
.contentBlock.fourintro ul {padding-inline-start: 0px;  list-style: none;}
.contentBlock.fourintro li {text-align: left; padding: 0 0 5px 0;}
.contentBlock.fourintro li a { padding: 0; border: none !important; padding-bottom: 10px; font-family: "Roboto", Sans-serif; font-weight: 300; color: #023D54; font-size: 16px;}

.contentBlock.service-list .drop-down .grid-row {display:flex; justify-content: space-between; flex-wrap: wrap;}
.contentBlock.service-list .drop-down .grid-row .item {width:20%; margin: 20px 0;}
.contentBlock.service-list .drop-down .item ul {margin: 20px 0 0 0; padding-left: 0}
.contentBlock.service-list .drop-down .item ul li {list-style: none; margin-bottom: 10px}
.contentBlock.service-list .drop-down .item ul li a {    color: #023D54;}

@media all and (max-width: 1000px) {
.contentBlock.service-list .drop-down .grid-row .item {width:50%;}	
}

@media all and (max-width: 630px) {
.contentBlock.service-list .drop-down .grid-row .item {width:100%; text-align: center;}	
}

@media all and (max-width: 700px) {
.contentBlock.fourintro .item {width: 180px;}
.contentBlock.fourbanner h1 {font-size: 38px; line-height: 44px;}   
.contentBlock.service-list h2 {font-size: 26px; line-height: 30px;}   
}
@media all and (max-width: 450px) {
.contentBlock.fourintro .item {width: 160px;}
}

/* Dual Button */
.mobi-dual-foot {bottom: 0; width: 100%; position: fixed;  display: block; z-index: 9999;}
.mobi-dual-foot p {display:none;}
.floating-dual-cta {position: fixed; bottom: 20px; right: 20px; display: none; justify-content: center; align-items: center; text-align: right; z-index: -1;}
.mobi-dual-foot p {text-align: center; margin: 4% auto 2% auto; color: #023D54;}


@media all and (max-width: 912px)  {  /* Add page template to here when are adding dual buttons to a page */
	.contentBlock.footeraccord {padding-bottom: 175px;}
	.contentBlock.footeraccord {padding-bottom: 175px;}
	.floating-dual-cta {display: flex;}
	.floating-dual-cta .button.blue.deskb {display: none;}
}

@media all and (max-width: 900px)   {
	.floating-dual-cta {right: 0; text-align: center; width: 100%; position: relative; bottom: auto; padding: 20px 0;}
	.button-dual.blue {background: linear-gradient(to right, #023D54 50%, #023D54 50%);  color: #fff;  background-size: 200% 100%;
    background-position: right bottom;  display: inline-block; width: 45%; border-radius: 30px; padding: 10px 20px; margin: 5px; font-family: "Roboto", Sans-serif;
    font-weight: 800;}
	
	.button-dual.green {background: linear-gradient(to right, #285534 50%, #285534 50%);  color: #fff; background-size: 200% 100%; background-position: right bottom;     
	display: inline-block; width: 45%; border-radius: 30px; padding: 10px 20px; margin: 5px; font-family: "Roboto", Sans-serif; font-weight: 800;}
	.mobi-dual-foot p {display:block;}
	.floating-dual-cta .button.blue {width: 100%; margin-left: 0; text-align: center; position: relative; color: #fff; background: #00c8e5; overflow: hidden;}
	.mobi-dual-foot {display:flex; bottom: 0px; width: 100%; flex-direction: column; z-index: 9999;position: fixed; background-color: #fff; padding: 0px;
			box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 20%); transition: max-height 0.5s ease; overflow: hidden;}
	.mobi-dual-foot.show {max-height: 35%; }
	}

@media all and (max-width: 600px)   {	
	.button-dual.blue {font-size: 17px;}
	.button-dual.green {font-size: 17px;}
}

@media all and (max-width: 500px)   {	
	.button-dual.blue {font-size: 15px;}
	.button-dual.green {font-size: 15px;}
	.mobi-dual-foot p {font-size:14px;}
}

@media all and (max-width: 400px)   {	
	.button-dual.blue {font-size: 13px;}
	.button-dual.green {font-size: 13px;}
}

@media all and (max-width: 320px)   {	
	.button-dual.blue {font-size: 11px;}
	.button-dual.green {font-size: 11px;}
}

@media all and (max-width: 280px)   {	
	.mobi-dual-foot #myCookieConsent p {font-size:12px;}
}

/*********** Latest News ****************/
.page-template-latest-news .contentBlock.Mortgagebanner {padding: 30px 0 40px 0px;}
.page-template-latest-news .contentBlock.guides { padding: 60px 0 60px 0px;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1 ;
    padding: 0 8% 0 0;
}
.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 0 0 0 8%;
    word-break: break-word;
}
@media all and (max-width: 700px) {
	.wp-block-media-text .wp-block-media-text__content {padding:0; }

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2 ;
    padding: 0 8% 0 0;
}
}

/*********** Glossary ****************/
.page-template-mortgage-glossary .mortgage-mask-blue { background: #023D54;}
.page-template-mortgage-glossary .contentWrap.info {    background-color: #fff;}
.page-template-mortgage-glossary .contentBlock.info h2{ color:#023D54;}
.page-template-mortgage-glossary .contentBlock.info p {  font-size: 18px; }
.page-template-mortgage-glossary .contentBlock.info p em { font-weight: 700; font-size: 14px; }
.page-template-mortgage-glossary .contentBlock.Mortgagefaq { max-width: 890px;}
.page-template-mortgage-glossary .contentWrap.Mortgagefaq {background-color: #fff;padding: 0 0 50px 0;}
.page-template-mortgage-glossary .accordion .accordion_tab h3 {color: #023D54;}
.page-template-mortgage-glossary .accordion_item h4 {    font-family: "Roboto", Sans-serif;  margin: 0;  cursor: pointer; user-select: none; font-size: 20px;  font-weight: 800;  max-width: 85%;  display: block !important;  position: relative;  color: #023D54;}
.page-template-mortgage-glossary .accordion_item p {margin: 0;}
.page-template-mortgage-glossary .accordion .accordion_content { padding: 0px; }
.page-template-mortgage-glossary .accordion .accordion_tab { padding: 0px 0px 0px 0px; height: 65px; }
.page-template-mortgage-glossary .accordion {  margin: 0 auto; border-bottom: 1px solid #023D54; overflow: hidden;  transition: all 1s ease; margin-bottom: 0px; max-height: 65px;}
.page-template-mortgage-glossary .accordion .accordion_content .accordion_item { margin-bottom: 20px;}
.page-template-mortgage-glossary .hsBlock_1 {  max-height: 7000px; transition: all 1s ease;}
.page-template-mortgage-glossary .accordion .accordion_content .accordion_item h3{ font-size: 22px; margin-bottom: 10px;}

.page-template-mortgage-glossary .footerContainer.contentWrap .accordion .accordion_tab { height: 85px;}

/*********** Search  ****************/
.contentWrap.Search {    background-color: #fff;}
.contentBlock.Mortgagebanner.Guides.Search {padding: 60px 0px;}
.contentBlock.Mortgagebanner.Guides.Search h1 {font-size:55px; line-height: 60px; max-width: 100%;}
.contentBlock.Mortgagebanner.Guides.Search p {margin: 20px 0 0;}
@media all and (max-width: 615px)  {.contentBlock.Mortgagebanner.Guides.Search h1 {font-size: 40px; line-height: 40px;}}
@media all and (max-width: 540px)  {.contentBlock.Mortgagebanner.Guides.Search p {margin: 10px 5% 25px 5%;}
.contentBlock.Mortgagebanner.Guides.Search {padding: 60px 0px 30px;}}
@media all and (max-width: 400px)  {.contentBlock.Mortgagebanner.Guides.Search h1 {font-size: 33px; line-height: 35px;} .pages {display:none;}}
@media all and (max-width: 330px)  {.contentBlock.Mortgagebanner.Guides.Search h1 {font-size: 25px; line-height: 28px;}}

/* Homepage Guides*/
.contentWrap.guides.guidescarousel {background-color: #d9f7fb; background-position: top,center; 
background-repeat: no-repeat;padding: 25px 0; background-size: 101%; height: 450px; display:block;margin: auto;}

.contentWrap.guides.guidescarousel .contentBlock.guides {flex-basis: 31.3%; margin: 1%; position: relative;  display: inline;width: 100%;}
.contentWrap.guides.guidescarousel .guideBlock img {width: 100%; border-radius: 5px}

.contentWrap.guides.guidescarousel h2 {color: #023D54; text-align: center; margin: 20px auto;  font-family: "Roboto", Sans-serif; font-weight: 800; font-size: 40px}
.contentWrap.guides.guidescarousel .carousel {background: transparent;}
.contentWrap.guides.guidescarousel .carousel-cell {width: 370px; height: 200px; margin: 0 1%; display: flex; flex-direction: column;}
.contentWrap.guides.guidescarousel .carousel-cell:before { display: block; text-align: center; line-height: 200px; font-size: 80px; color: white;}

.contentWrap.guides.guidescarousel .flickity-viewport {height:285px!important}
.contentWrap.guides.guidescarousel .flickity-button {display: none;}

.contentWrap.guides.guidescarousel .malcolm-guides-cell {width: 100%; border-radius: 20px 20px 0px 0px;}
.contentWrap.guides.guidescarousel .malcolm-guides-cell-text {background-color: #023D54; width: 100%; height: 50px; border-radius: 0px 0px 20px 20px; position: relative; display: flex;
    align-items: center; top: -5px;}
.contentWrap.guides.guidescarousel .carousel-cell p {color: #fff; text-align: center; font-size: 24px; font-family: "Roboto", sans-serif; margin:auto;}

.contentWrap.guides.guidescarousel img {border-radius: 20px 20px 0px 0px; padding: 0;}

@media (max-width: 450px){
.contentWrap.guides.guidescarousel {height: 415px;}
.contentWrap.guides.guidescarousel .carousel-cell {width: 300px; margin: 0 2%;}
}

@media (max-width: 350px){
.contentWrap.guides.guidescarousel {height: 335px;}
.contentWrap.guides.guidescarousel .carousel-cell {width: 200px;}
.contentWrap.guides.guidescarousel h2 {font-size: 30px;}
}

@media (max-width: 280px){
.contentWrap.guides.guidescarousel {height: 315px;}
.contentWrap.guides.guidescarousel .carousel-cell {width: 165px;}
.contentWrap.guides.guidescarousel .carousel-cell p {font-size: 17px;}
}

/* Default Content */
.contentWrap.defaultbanner {background-color:#40105d}
.contentBlock.defaultbanner {padding: 50px 0 75px; text-align: center;}
.contentBlock.defaultbanner h1 {text-align: center; max-width: 80%; color: #fff; margin: 0 auto 0px;}
.contentBlock.defaultbanner p {text-align: center; max-width: 80%; color: #fff; margin: auto; font-family: "Helvetica", Sans-Serif; font-size: 18px; line-height: 24px; margin: 10px auto;}
.contentWrap.defaultbanner a {color:#fff}

.contentBlock.defaultPage h2 {color: #023D54; line-height: 50px}
.contentBlock.defaultPage h3 {font-size: 24px;font-weight: 700; max-width: 85%; display: block !important; position: relative; color: #c70067;}
.contentBlock.defaultPage p {color: #023D54; font-size: 17px; line-height: 26px; font-family: "Roboto", Sans-serif; font-weight: 300;}
.contentBlock.defaultPage li {padding: 0; border: none !important; font-family: "Roboto", Sans-serif; font-weight: 300; color: #023D54; font-size: 16px;}
.contentBlock.defaultPage ol {padding: 0; border: none !important; font-family: "Roboto", Sans-serif; font-weight: 300; color: #023D54; font-size: 16px;}
.contentBlock.defaultPage ul {padding: 0; border: none !important; font-family: "Roboto", Sans-serif; font-weight: 300; color: #023D54; font-size: 16px;}

.contentWrap.completion p {font-size: 18px; color: #023D54; line-height: 25px; font-family: "Roboto", Sans-serif; font-weight: 300;}

/* Campaign Landing Page 2024 */
.page-template-campaign-page-2024 .contentBlock.Homebanner {padding: 40px 0;}
.page-template-campaign-page-2024 .heart {width: 90%;}
.page-template-campaign-page-2024 .contentBlock.Homebanner .item .malcolm-campaign {position: absolute; right: 15%; bottom: 0;}

@media (max-width: 1000px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .item:first-child {display:flex; flex-direction:row;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {position:absolute; right: 10%; z-index: 0; top: 5%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {line-height: 56px; width: 70%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {line-height: 56px; width: 70%;}
.malcolm-campaign-mobile {max-width:70%}
}
@media (max-width: 880px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {right: 5%;}
}
@media (max-width: 810px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {right: 2%;}
}
@media (max-width: 775px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {right: 0;}
}
@media (max-width: 745px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {max-width: 62%; font-size: 45px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {max-width: 62%; font-size: 45px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item p {max-width: 50%;}
}
@media (max-width: 700px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {line-height: 42px; width: 62%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {line-height: 42px; width: 62%;}
}
@media (max-width: 600px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {max-width: 65%; font-size: 35px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {max-width: 65%; font-size: 35px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {right: 0%; top: 3%;}
}
@media (max-width: 550px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .item:first-child {padding: 35px 0 30px;}
.page-template-campaign-page-2024 .button.darkblue {margin: 10px auto 0px 0px; display: block; text-align: center;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {font-size: 42px; line-height: 48px; max-width: 100%; width: 100%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item p {max-width: 50%; margin: 8% 0 8% 0;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {right: 0; top: 17%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile {max-width:78%; position: relative;}
}
@media (max-width: 520px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {width: 94%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {width: 94%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 18%; right:0%}
}
@media (max-width: 500px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {width: 80%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {width: 80%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile {max-width: 90%;}	
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 13%;}
}
@media (max-width: 470px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 14%; right:0;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile { max-width: 86%;}
}
@media (max-width: 450px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 19%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile { max-width: 84%; right: -9%;}
}
@media (max-width: 435px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {width: 100%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {width: 100%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 21%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile {max-width: 60%;right:-20%}
}
@media (max-width: 390px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item p {font-size:15px}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item:last-child {top: 21%;}
	.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item p {max-width: 44%;}}
@media (max-width: 370px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile {right: -20%;}
}
@media (max-width: 370px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {font-size: 36px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {font-size: 36px;}
}
@media (max-width: 320px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {font-size: 36px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {font-size: 36px;}
}
@media (max-width: 305px) {
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h1 {font-size: 36px;line-height: 40px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner h2 {font-size: 36px;line-height: 40px;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .sub-item p {max-width: 100%;}
.page-template-campaign-page-2024 .contentBlock.Mobilebanner .malcolm-campaign-mobile {display: none;}
}
	
/* Dual Booking Page */
.page-template-dual-booking-page .headerContainer.contentWrap {display: none}
.page-template-dual-booking-page .footerContainer.contentWrap {display: none}
.page-template-dual-booking-page .contentWrap {padding:20px 0 40px 0}

/* Article Graphics */
.dashly_stampduty_embed_block iframe { width: 1000px; min-height: 670px !important; margin-top: -20px !important;}
.wp-block-image img {max-width: 40%;}
  .wp-element-caption {font-size: 13px; line-height: 20px; font-family: "Roboto", Sans-serif; color: #023D54; font-weight: 300;}

.cta-block {border-radius:20px; padding: 2.5% 3% 2% 3%; width: 50%; margin: 30px auto;}
.cta-block .item {display: flex; flex-direction:row; align-items: center; justify-content: flex-start;}
.cta-block .item img {max-width:35px; height: max-content; margin-right: 10px;}
.cta-block .item p {font-size:24px !important; font-weight: 800; font-family: ""Roboto"", Sans-Serif !important; margin: 0;     line-height: 28px !important;}
.cta-block p {font-size:17px!important; margin: 20px 0;}
.cta-block button {border-radius: 15px; border: none; font-family: "Roboto", Sans-serif; font-weight: 600; margin: 0 auto 0 auto; width: auto; display: block; padding: 1.5% 2%;}
.cta-block button:hover {cursor:pointer;}

.cta-block.avg-house {width: 65%; display: flex; padding: 1%; margin: 2% 0; filter: drop-shadow(0px 0px 6px #38363f20);}
.cta-block.avg-house .item {align-items: center; width: 50%;}
.cta-block.avg-house .sub-item {padding: 2%; align-items: center; display: flex; flex-wrap: wrap;}
.cta-block.avg-house .item img {max-width: 30px; top: 2px; position: relative;}
.cta-block.avg-house .item p {color: #023D54 !important;}
.cta-block.avg-house .item div:first-child p {font-size: 20px !important; font-weight:700}
.cta-block.avg-house .item div:last-child p {font-size: 17px !important; font-weight:500;}

.credit_score_block {border-radius:20px; padding: 2.5% 3% 2% 3%; width: 100%; margin: 30px auto 15px; display:flex; flex-direction:row; justify-content: space-between; position: relative;}
.credit_score_block .item {display:flex; flex-direction:column; width:78%}
.credit_score_block .item p:nth-child(1) {font-weight:800; font-size: 38px; margin: 0; line-height: 40px; font-family: ""Roboto"", Sans-Serif !important;}
.credit_score_block .item p:nth-child(2) {font-weight:300; font-size: 22px; line-height: 32px; font-family: ""Roboto"", Sans-Serif !important;}
.credit_score_block img {width: 150px; position: absolute; right: 60px; object-fit: contain; bottom: 0;}
.credit_score_block a {width:250px;}
.credit_score_block button {border-radius: 25px; border: none; font-family: "Roboto", Sans-serif; font-weight: 600; width: 100%; padding: 3% 4%; margin: 0 0 10px 0;}
.credit_score_block button:hover {cursor:pointer;}
.disclaimer-credit {font-size: 15px !important; line-height: 20px !important; color: #023D54!important;}

.review-phone-block {border-radius:20px; padding: 2.5% 3% 2% 3%; width: 100%; margin: 65px auto 15px; display:flex; flex-direction:row; justify-content: space-between; position: relative; content-visibility: visible !important;}
.review-phone-block .item {display:flex; flex-direction:column; width:60%}
.review-phone-block .item.img {width:60%}
.review-phone-block .sub-item {display:flex; flex-direction:row; align-items: center; margin: 25px 0 10px 0;}
.review-phone-block .item p:nth-child(1) {font-weight:600; font-size: 50px; margin: 0; line-height: 58px; font-family: ""Roboto"", Sans-Serif !important; color}
.review-phone-block a {width:200px;     margin-right: 25px;}
.review-phone-block button {border-radius: 25px; border: none; font-family: "Roboto", Sans-serif; font-weight: 600; width: 100%; padding: 4%;}
.review-phone-block button:hover {cursor:pointer;}
.review-phone-block .item .sub-item img {max-width:250px;}
.review-phone-block .phone img {max-width:340px; position: absolute;  right: 75px; bottom:0px;}

.review-phone-block.calc-banner {overflow: hidden; width: 80%; margin: 30px auto 15px;}
.review-phone-block.calc-banner .item {width:100%}
.review-phone-block.calc-banner .sub-item {margin: 25px 0 10px 0;}
.review-phone-block.calc-banner a {width: 285px;}
.review-phone-block.calc-banner button {border: 2px solid #00C8E5; text-align: center;}
.review-phone-block.calc-banner .item.img {width:auto}
.review-phone-block.calc-banner .item.img img {position: absolute; right: 75px; bottom: -135px; transform: rotate(10deg); overflow: hidden;}

.custom-cta-block {padding:25px; border-radius:15px; width: 70%; margin: 20px auto;}
.custom-cta-block .title {font-size: 36px!important; margin: 0 0 15px 0; font-weight: 800; line-height: 45px !important;}
.custom-cta-block p {color:#fff !important; font-family: ""Roboto"", Sans-Serif !important; font-size: 18px !important;}
.custom-cta-block p:nth-child(2) {font-weight: 500; margin: 10px 0 0 0;}
.custom-cta-block .item {display:flex; align-items: center; margin: 20px 0 0 0;}
.custom-cta-block ul {list-style-type: none; padding-inline-start: 0px;}
.custom-cta-block li {font-size: 18px !important; color:#fff !important; font-size: 24px; background-image: url('/wp-content/themes/UK-Moneyman/images/right-arrow.svg'); background-repeat: no-repeat; background-position: left; padding-left: 30px; background-size:20px; color:#ffffff; margin-bottom: 20px; font-family: ""Roboto"", Sans-Serif !important;}
.custom-cta-block button {border-radius: 25px; border: none; font-family: "Roboto", Sans-serif; font-weight: 600; width: 225px; padding: 8px 5px; margin: 10px 0 0 0; font-size: 14px;
    letter-spacing: 0.5px;}
.custom-cta-block button:hover {cursor:pointer;}
.custom-cta-block .item p:first-child {margin: 0 15px 0 0; font-weight: 500;}

.single-post .contentBlock.single .buttonContainer p {font-size: 12px;line-height: 14px;}
.single-post .contentBlock.single .contentBlock.Calcintro {width:100%;}
.single-post .contentBlock.single .contentBlock.Calcintro .calc-flex {flex-direction: column; padding: 10px 0;}
.single-post .contentBlock.single  .contentBlock.Calcintro .container.borrow {width:100%; margin: 0;}
.single-post .contentBlock.single .contentBlock.Calcintro .item.borrow {width:100%; margin: 25px 0;}
.single-post .contentBlock.single .contentBlock.Calcintro .item:last-child .borrow_chart p {padding: 0 0 25px 0;}
.single-post .contentBlock.single .contentBlock.Calcintro .calcText {font-size: 30px; color: #023D54; line-height: 50px;}
.single-post .contentBlock.single #calculatorContainer {display: none; transition: all 0.3s ease-in-out;}
.single-post .contentBlock.single #toggleCalculatorBtn {margin-bottom:25px;}
.single-post .contentBlock.single #toggleCalculatorBtn:hover {cursor:pointer; margin-bottom:25px;}
.single-post .contentBlock.single .accordion .toggle-icon {transition: transform 0.3s ease;}
.single-post .contentBlock.single .accordion.hsBlock_1 .toggle-icon { transform: rotate(180deg);}
.single-post .contentBlock.single .accordion .title.calc {font-weight: 700;}

.single-post .contentBlock.single .accordion .form-flex {width: 50%;}
.single-post .contentBlock.single .accordion .form-item-flex.applicants {flex-direction: row;}
.single-post .contentBlock.single .accordion .form-item-flex {width: 100%;}
.single-post .contentBlock.single .accordion .form-item-flex.applicants .input-field {max-width:100%}
.single-post .contentBlock.single .accordion .form-item-flex.applicants .input-field .field_input {width:100%}
.single-post .contentBlock.single .accordion .form-item-flex.applicants .input-field .field_input_percent {width:100%}
.single-post .contentBlock.single .accordion .form-item-flex.applicants .input-field .field_input_years {width:100%}
.single-post .contentBlock.single .accordion .form-item-flex.applicants .input-field {max-width:100%}
.single-post .contentBlock.single .accordion .input-field {max-width:100%}
.single-post .contentBlock.single .accordion .input-field .field_input_fees {width:100%}

.single-post .contentBlock.single .typeform_embeds {filter: drop-shadow(0px 0px 8px #023D5415);}
.single-post .contentBlock.single .typeform_embeds iframe {width:100%; height: -webkit-fill-available; transform: translateZ(0px) !important;}

@media all and (max-width: 1170px)  {.review-phone-block.calc-banner .item.img img {right: 50px;}}

@media all and (max-width: 1142px)  {
	.credit_score_block .item {width: 68%;}
	.credit_score_block img {width: 180px; right: 80px;}
	.review-phone-block .phone img {right: 50px; max-width: 350px;}
}
@media all and (max-width: 1104px)  {
    .review-phone-block.calc-banner .item.img img {right: 30px; max-width: 185px; bottom: -80px;}
}
@media all and (max-width: 1080px)  {
	    .review-phone-block .phone img {right: 40px; max-width: 260px;}
	.review-phone-block {margin: 25px auto 15px}
	.cta-block.avg-house { width: 70%;}
}

@media screen and (max-width: 1050px){
    .single-post .contentBlock.single .contentBlock.Calcintro .calcText {font-size: 35px; line-height: 40px;}	
}

@media all and (max-width: 1032px)  {
	.credit_score_block .item {width: 70%;}
	.credit_score_block img {width: 175px; right: 60px;}
	
	.review-phone-block.calc-banner .item p:nth-child(1) {font-size: 42px; line-height: 50px;}
}

@media all and (max-width: 990px)  {
	.credit_score_block .item {width: 100%;}
	.credit_score_block .item p:nth-child(2) {max-width:75%;}
	.credit_score_block img {right: 40px; width: 130px;}
	.disclaimer-credit {max-width: 70%;}
	.cta-block.avg-house { width: 75%;}
}

@media all and (max-width: 975px)  {
	.review-phone-block .item p:nth-child(1) {font-size: 45px; line-height:54px;}
	.review-phone-block .sub-item {flex-direction: column; align-items: flex-start; margin: 10px 0;}
	.review-phone-block a {margin: 10px 0px 20px 0px; width: 360px;}
	.review-phone-block button {padding: 2%;}
	.review-phone-block .phone img {max-width: 290px;}
	
	.custom-cta-block .title {font-size: 32px !important;}
	
	.review-phone-block.calc-banner .sub-item {margin: 10px 0 0 0;}
	.review-phone-block.calc-banner a {margin: 10px 0px;}
	.review-phone-block.calc-banner .item.img img {max-width: 175px;}
}

@media screen and (max-width: 950px){
	.single-post .contentBlock.single .contentBlock.Calcintro .form-flex.borrow {flex-direction: column;}
	.single-post .contentBlock.single .contentBlock.Calcintro .calcText {margin: 0 0 15px 0;}	
	.single-post .contentBlock.single .contentBlock.Calcintro .item.borrow .borrow_text {padding: 0 0 25px 0;}
	.single-post .contentBlock.single .contentBlock.Calcintro .item:last-child .borrow_chart p {padding: 0 0 10px 0;}
	.cta-block.avg-house { width: 80%;}
}

@media all and (max-width: 885px)  {
	.review-phone-block.calc-banner .item p:nth-child(1) {font-size: 36px; line-height: 45px;}
	.review-phone-block.calc-banner .item.img img {max-width: 165px;}
	.cta-block.avg-house { width: 85%;}
}

@media all and (max-width: 850px)  {
	.review-phone-block .item p:nth-child(1) {font-size: 36px; line-height:42px;}
	.review-phone-block a {width: 280px;}
	.review-phone-block .phone img {max-width: 265px;  right: 30px;}
	.custom-cta-block {width: 80%;}
}

@media all and (max-width: 808px)  {
	    .credit_score_block img {width: 115px; right:35px}
	.credit_score_block .item p:nth-child(2) {font-size: 19px; line-height: 28px;}
	
	.review-phone-block.calc-banner .item p:nth-child(1) {font-size: 30px; line-height: 38px;}
	.review-phone-block.calc-banner .item.img img {max-width: 155px;}
	.cta-block.avg-house { width: 100%;}
}

@media all and (max-width: 768px)  {
.cta-block {width:100%; padding: 5%;}	
.cta-block .item p {font-size: 20px !important;}
.cta-block .item img {max-width: 25px;}
.cta-block p {font-size: 18px !important;}

.cta-block.avg-house {margin: 4% 0;}
.cta-block.avg-house .item {width: -webkit-fill-available;}
.cta-block.avg-house .item div:first-child p {font-size: 16px !important;}
.cta-block.avg-house .item div:last-child p {font-size: 16px !important;}
}

@media all and (max-width: 725px)  {
.custom-cta-block {width: 100%;}
}

@media all and (max-width: 706px)  {
.cta-block.avg-house {width: 52%; flex-direction: column; }
	.credit_score_block {align-items: center; padding: 4% 4% 0 4%;}
	.credit_score_block img {position: relative; width: 32%;  margin: 0 auto; bottom: 0;  right: 5px;}
	.credit_score_block .item p:nth-child(1) {margin: 0; max-width: 100%; line-height: 50px;}
	.credit_score_block .item p:nth-child(2) {display: none;}
	.credit_score_block button {margin: 10px 0;}
	
	.review-phone-block {flex-direction: column; padding: 2.5% 3% 0 3%;}
	.review-phone-block .item {width:100%;   align-items: center;}
	.review-phone-block .sub-item {flex-direction: row-reverse;}
	.review-phone-block a {margin: 10px 0px 20px 20px; width: 200px;}
	.review-phone-block .item br {display:none;}
	.review-phone-block .item.img {width:100%;}
	.review-phone-block .phone img {position:relative; right: 0; max-width: 100%; bottom: -5px;}
	.review-phone-block .item p:nth-child(1) {font-size: 45px; line-height: 54px;}

    .review-phone-block.calc-banner .item.img img {transform: rotate(10deg); right: 20%; bottom: auto; opacity: 0.15; max-width: 260px; top: -80px;}
	.review-phone-block.calc-banner .item br {display:block;}
	.review-phone-block.calc-banner .item p:nth-child(1) {text-align: center; z-index: 1; position: relative; }
	.review-phone-block.calc-banner .sub-item {z-index: 1; position: relative; margin: 10px 0 0;}
	.review-phone-block.calc-banner {padding: 2.5% 3%;}
}

@media all and (max-width: 679px)  {
.cta-block.avg-house {width: 54%;}
.disclaimer-credit {max-width: 90%;}
}

@media all and (max-width: 649px)  {
.cta-block.avg-house {width: 58%;}
	.credit_score_block .item p:nth-child(1) {font-size: 35px;}
	.disclaimer-credit {font-size: 13px !important;}
	    .review-phone-block .item p:nth-child(1) {font-size: 42px;}
}

@media (max-width: 600px) {
    .wp-block-image img {max-width: 60%; margin: 0 auto; display: block;}
	.wp-block-image figcaption {text-align: center;}
	.credit_score_block img {bottom: -3px;}
}

@media all and (max-width: 615px)  {
.cta-block.avg-house {width: 60%;}
}

@media all and (max-width: 585px)  {
.cta-block.avg-house {width: 66%; padding: 3%;}
.review-phone-block .item p:nth-child(1) {font-size: 35px;}	
	.review-phone-block .sub-item {flex-direction:column; width:80%; align-items: center;}
	    .review-phone-block a { margin: 5px 0 20px 0; width: 100%;}
	.review-phone-block button {padding: 1.5%;}
}

@media all and (max-width: 580px)  {
	.credit_score_block {flex-direction: column; padding: 7% 5% 0 5%;}
	.credit_score_block .item {align-items: center;}
	.credit_score_block .item p:nth-child(1) {text-align:center; line-height: 40px; font-size: 32px; max-width: 74%;}
	.credit_score_block img {width: 45%; bottom: 0px;}
	.credit_score_block button {margin: 15px 0;}
	.disclaimer-credit {text-align: center;}
	
	.custom-cta-block .title {font-size: 26px !important;}
}

@media all and (max-width: 562px)  {
.cta-block.avg-house {width: 70%;}
	
.review-phone-block.calc-banner {width: 100%;}
}

@media all and (max-width: 528px)  {
.cta-block.avg-house {width: 74%;}
}

@media all and (max-width: 500px)  {
.cta-block .item p {font-size: 18px !important;}
.cta-block p {font-size: 16px !important; line-height: 18px !important;}
	.review-phone-block .item p:nth-child(1) {font-size: 44px; line-height:50px;}
	    .review-phone-block .item br {display: block;}
	    .review-phone-block .item {align-items: flex-start;}
	    .review-phone-block .item.img {align-items: center;}
	    .review-phone-block {padding: 6% 6% 0 6%;}
	.review-phone-block .sub-item {width: 100%;}	
	
	.review-phone-block.calc-banner .item {align-items: center;}
	.review-phone-block.calc-banner {padding: 4.5%;}
}

@media all and (max-width: 496px)  {
.cta-block.avg-house {width: 100%;}
.cta-block.avg-house .item img {top: 0px;}
	
.custom-cta-block .title {font-size: 24px !important;}
	.custom-cta-block button {width: 100%; font-size: 12px;}
	.custom-cta-block .item {flex-direction: column; margin: 10px 0 0 0;}
	.custom-cta-block .item p:first-child {margin: 10px 0 10px 0;}
}

@media all and (max-width: 440px)  {
	.credit_score_block .item p:nth-child(1) {line-height: 35px; font-size: 28px; max-width: 88%;}
	.credit_score_block button {margin: 20px 0 5px 0; padding: 2% 1.5%;}
   .review-phone-block .item p:nth-child(1) {font-size: 38px; line-height: 44px;}
	
	    .custom-cta-block .title {font-size: 28px !important; line-height: 40px !important; }
	.custom-cta-block p:nth-child(2) {font-size: 16px !important; line-height: 20px !important;}
	.custom-cta-block li {font-size: 16px !important; line-height: 20px !important;}
	.custom-cta-block .item p:first-child {font-size: 16px !important; line-height: 20px !important;}
	.custom-cta-block .item img {max-width: 100px;}
	
	.single-post .contentBlock.single .accordion .title.calc {font-size: 24px;}
}

@media screen and (max-width: 412px){
    .single-post .contentBlock.single .contentBlock.Calcintro .calcText {margin: 0 0 15px 0;}	
}

@media all and (max-width: 385px)  {
.cta-block .item p {line-height: 22px !important;}
.cta-block {padding: 8%;}
.cta-block button {width:100%}
	   .review-phone-block .item p:nth-child(1) {font-size: 32px; line-height: 40px;}
	.review-phone-block.calc-banner .item.img img {right: 14%;}
	.review-phone-block.calc-banner a {width: 90%;}
}

@media all and (max-width: 370px)  {
.cta-block.avg-house .sub-item {padding: 1%;}
	
.single-post .contentBlock.single .accordion .title.calc {font-size: 20px;}
}

@media all and (max-width: 345px)  {
.cta-block.avg-house .sub-item {padding: 1%;}
.cta-block.avg-house .item img {display:none;}
	
.custom-cta-block .title {font-size: 22px !important; line-height: 28px !important;}
	.custom-cta-block li {background-size: 15px; font-size: 14px !important;}
	    .custom-cta-block p:nth-child(2) {font-size: 14px !important;}
	    .custom-cta-block .item p:first-child {font-size: 14px !important;}
	
	.review-phone-block.calc-banner .item.img img {right: 11%;}
}

@media all and (max-width: 330px)  {
	    .credit_score_block .item p:nth-child(1) {line-height: 30px; font-size: 24px; max-width: 100%;}
	.credit_score_block a {width: 100%;}
		   .review-phone-block .item p:nth-child(1) {font-size: 28px; line-height: 36px;}
	.review-phone-block .item .sub-item img {max-width: 215px;}
}

@media screen and (max-width: 320px){
    .single-post .contentBlock.single .contentBlock.Calcintro .calcText {font-size: 28px; text-align: center; line-height: 32px;}	
	
	.review-phone-block.calc-banner .item p:nth-child(1) {font-size: 26px; line-height: 34px;}
	    .review-phone-block.calc-banner .item.img img {right: 5%;}
	.review-phone-block.calc-banner .sub-item {margin: 0;}
}

@media all and (max-width: 305px)  {
.cta-block.avg-house .item {flex-direction: column; align-items: flex-start;}
.cta-block.avg-house .item div:first-child p {font-size: 18px !important; font-weight: 800;}
	.custom-cta-block {padding: 18px;}
}

@media all and (max-width: 300px)  {
.cta-block .item p {font-size: 16px !important;}
.cta-block p {font-size: 15px !important;}
	
 .review-phone-block.calc-banner .item.img img {right: 0;}
}

@media all and (max-width: 275px)  {
.cta-block .item p {max-width: 100%; font-size: 12px !important;}
.cta-block p {font-size: 12px !important; line-height: 17px !important;}
.cta-block button {font-size: 12px;}
 .credit_score_block .item p:nth-child(1) {line-height: 28px; font-size: 22px;}
.review-phone-block .item p:nth-child(1) {font-size: 25px; line-height: 30px;}
	    .review-phone-block .item .sub-item img { max-width: 180px;}
	
	.custom-cta-block .title {font-size: 19px !important; line-height: 24px !important; }
	
}

/* Article Picks */
.contentWrap.HPArticles { background-color: #fff; z-index: 5; position: relative; padding: 40px 0;}
.contentBlock.HPArticles p {font-family: "Roboto", Sans-serif; font-weight: 800; font-size: 40px; color: #285534; margin: 0 0 40px 0;}

.contentWrap.HPArticles .read {font-size: 16px; color: #023D54; font-family: "Roboto"; line-height: 22px; font-weight: 300;}
.contentWrap.HPArticles .read-time {color: #fff; background-color: #26805E; border-radius: 20px; margin-right: 2px; padding: 2px 10px; font-weight: 600;} 

.contentBlock.HPArticles .item {display:flex; justify-content: space-between;}
.contentBlock.HPArticles .item.row-one {margin-bottom: 40px;}
.contentBlock.HPArticles .item .sub-item {background-color: #285534; border-radius: 10px;}

.contentBlock.HPArticles .item.row-one div:nth-child(1) {width: 45%; margin: 0 2% 0 0;}
.contentBlock.HPArticles .item.row-one div:nth-child(2) {width: 25%;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) {width: 25%; margin: 0 0 0 2%;}
.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: 250px; object-fit: cover;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: 250px; object-fit: cover;}

.contentBlock.HPArticles .item.row-two div:nth-child(1) {width: 25%;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) {width: 25%;}
.contentBlock.HPArticles .item.row-two div:nth-child(3) {width: 45%;}
.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: 250px; object-fit: cover;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: 250px; object-fit: cover;}

.contentBlock.HPArticles .item .sub-item h3 {font-size: 24px; margin: 0 10px; max-width: 100%; color: #fff;}
.contentBlock.HPArticles .item .sub-item p {font-family: "Roboto", Sans-serif; font-weight: 300; font-size: 17px; margin: 20px 10px; color:#fff;}
.contentBlock.HPArticles .item .sub-item img {border-radius: 15px; padding: 10px;}

@media all and (max-width: 1300px)  {
	.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: 220px;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: 220px;}
	.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: 220px;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: 220px;}
}

@media all and (max-width: 1140px)  {
	.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: 210px;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: 210px;}
	.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: 210px;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: 210px;}
}

@media all and (max-width: 1040px)  {
	.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: 180px;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: 180px;}
	.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: 180px;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: 180px;}
}

@media all and (max-width: 970px)  {
	.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: 150px;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: 150px;}
	.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: 150px;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: 150px;}
}

@media all and (max-width: 944px)  {
	.contentBlock.HPArticles .item.row-one div:nth-child(2) img {height: auto;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) img {height: auto;}
	.contentBlock.HPArticles .item.row-two div:nth-child(1) img {height: auto;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) img {height: auto;}
}

@media all and (max-width: 924px)  {
.contentBlock.HPArticles .item.row-one div:nth-child(1) {width: 30%;}
.contentBlock.HPArticles .item.row-one div:nth-child(2) {width: 30%;}
.contentBlock.HPArticles .item.row-one div:nth-child(3) {width: 30%;}

.contentBlock.HPArticles .item.row-two div:nth-child(1) {width: 30%;}
.contentBlock.HPArticles .item.row-two div:nth-child(2) {width: 30%;}
.contentBlock.HPArticles .item.row-two div:nth-child(3) {width: 30%;}
}

@media all and (max-width: 768px)  {
	.contentBlock.HPArticles .item .sub-item h3 {font-size:20px;}	
	
	.contentBlock.HPArticles .item {flex-wrap:wrap;}
	.contentBlock.HPArticles .item.row-one {margin-bottom: 0px;}
	
	.contentBlock.HPArticles .item.row-one img {width: 100%;}
	.contentBlock.HPArticles .item.row-two img {width: 100%;}
	
	.contentBlock.HPArticles .item.row-one div:nth-child(1) {width: 100%; margin: 0 0 25px 0;}
    .contentBlock.HPArticles .item.row-one div:nth-child(2) {width: 100%; margin: 0 0 25px 0;}
    .contentBlock.HPArticles .item.row-one div:nth-child(3) {width: 100%; margin: 0 0 25px 0;}

    .contentBlock.HPArticles .item.row-two div:nth-child(1) {width: 100%; margin: 0 0 25px 0;}
    .contentBlock.HPArticles .item.row-two div:nth-child(2) {width: 100%; margin: 0 0 25px 0;}
    .contentBlock.HPArticles .item.row-two div:nth-child(3) {width: 100%; margin: 0 0 25px 0;}
}

@media all and (max-width: 675px)  {
	.contentBlock.HPArticles p {margin: 0 auto 40px auto; text-align: center;}
	.contentBlock.HPArticles .sub-item p {text-align: left;}
}

@media all and (max-width: 450px)  {
	.contentWrap.HPArticles {padding: 25px 0;}
	.contentBlock.HPArticles p {font-size:30px; margin: 0 auto 30px auto;}
}

/* Landing Page 24 */
.contentWrap.Homebanner.LP h1 {font-size: 54px; line-height: 70px;}
.contentBlock.Homebanner.LP {padding: 50px 0; align-items: flex-start;}
.contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {margin: 15px 0 25px 0;}
.contentBlock.Homebanner.LP ul {list-style-type: none; padding-inline-start: 0px;}
.contentBlock.Homebanner.LP li {font-size: 24px; background-image: url('/wp-content/themes/UK-Moneyman/images/M-Arrow-Blue.png'); background-repeat: no-repeat; background-position: left; padding-left: 30px; background-size:20px; color:#ffffff; margin-bottom: 20px}

.contentBlock.Homebanner.LP .reviews-white {margin: 15px 0 25px 0;}
.contentBlock.Homebanner.LP .reviews-google {margin: 15px 0 25px 25px;}
.reviews-text-mobile {display:none;}

.contentWrap.Homebanner.LP.LP_Desktop {display:block;}
.contentWrap.Homebanner.LP.LP_Mobile {display:none;}

.contentBlock.Homebanner.LP .item.l-1 {margin-right: 100px; flex: auto; width: 50%;}
.contentBlock.Homebanner.LP .item.l-1 p:last-child {font-size: 16px; line-height: 20px; margin: 0; font-weight: 300;}
.contentBlock.Homebanner.LP .item.r-1 {flex: auto; width: 50%; padding: 15px; background: #fff; border-radius: 25px;}
.contentBlock.Homebanner.LP .item.r-1 label {font-size:17px; color: #40105d; }

.contentBlock.Homebanner.LP .item.r-1 p.form-title {margin: 0; font-size: 32px; line-height: 40px; font-weight: 800; color: #40105d;}
.contentBlock.Homebanner.LP .item.r-1 p.form-text {margin: 5px 0; font-size: 17px; line-height: 24px; font-weight: 300; color: #40105d;}

.contentBlock.Homebanner.LP form {font-family: "Roboto", Sans-serif; position: relative;}

.contentBlock.Homebanner.LP form input {width: 100%; font-family: "Roboto", Sans-serif; font-weight: 300; border: #40105d50 solid 1.5px; border-radius: 5px; padding: 5px; color:#40105d; line-height: 22px; font-size: 17px;}
.contentBlock.Homebanner.LP form select {width: 100%; font-family: "Roboto", Sans-serif; font-weight: 300; border: #40105d50 solid 1.5px; border-radius: 5px; padding: 5px; color:#40105d;}
.contentBlock.Homebanner.LP form .form-time input {width: auto; accent-color: #c70067; cursor: pointer;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

.contentBlock.Homebanner.LP form .input-wrapper {position: relative; width: 100%;     margin: 10px 0 0 0;}
.contentBlock.Homebanner.LP form .input-wrapper .currency-symbol {font-size: 16px; color: #ffffff; background:#40105d50; border-radius: 5px 0 0 5px; padding:5px}
.contentBlock.Homebanner.LP .input-wrapper input[type="number"] {padding-left: 5px; width: 100%; box-sizing: border-box;}

.contentBlock.Homebanner.LP form .form-property {display:flex; flex-direction:row;}
.contentBlock.Homebanner.LP form .form-income {display:flex; flex-direction:row;}
.contentBlock.Homebanner.LP form .form-contact {display:flex; flex-direction:row;}
.contentBlock.Homebanner.LP form .form-time {display:flex; flex-direction:row;}
.contentBlock.Homebanner.LP form p:nth-child(8) {margin: 20px 0 0 0;}
.contentBlock.Homebanner.LP form p:nth-child(8) input {background: #c70067; border: none; padding: 8px; border-radius: 5px; color: #ffffff; font-weight: 600; font-size: 22px; cursor: pointer;}
.contentBlock.Homebanner.LP .wpcf7-spinner {display:none;}

.contentBlock.Homebanner.LP form br {display:none;}
.contentBlock.Homebanner.LP .wpcf7-not-valid-tip {display:none!important;}
.contentBlock.Homebanner.LP .wpcf7-form-control-wrap {width:100%}
.contentBlock.Homebanner.LP .wpcf7 form .wpcf7-response-output {margin: 20px 0 0 0;}

.contentBlock.Homebanner.LP form .wpcf7-list-item {margin:0}
.contentBlock.Homebanner.LP form .wpcf7-list-item.first {margin-right:15px}
.contentBlock.Homebanner.LP form .wpcf7-list-item .wpcf7-list-item-label {font-size:17px; color: #40105d;}

.contentBlock.Homebanner.LP form .form-property .form-wrap p {margin: 0; display: flex; line-height: 22px; font-size: 17px;}
.contentBlock.Homebanner.LP form .form-property .form-wrap.l {margin: 15px 50px 0 0; width: 50%;}
.contentBlock.Homebanner.LP form .form-property .form-wrap.r {margin: 15px 0 0 0; width: 50%;}
.contentBlock.Homebanner.LP form .form-property .form-wrap input {border-top: #40105d50 solid 1.5px; border-right: #40105d50 solid 1.5px; border-bottom: #40105d50 solid 1.5px; border-left: none;
    border-radius: 0 5px 5px 0;}

.contentBlock.Homebanner.LP form .form-income .form-wrap p {margin: 0; display: flex; line-height: 22px; font-size: 17px;}
.contentBlock.Homebanner.LP form .form-income .form-wrap.r p {flex-direction: column;}
.contentBlock.Homebanner.LP form .form-income .form-wrap.l {margin: 15px 50px 0 0;  width: 50%;}
.contentBlock.Homebanner.LP form .form-income .form-wrap.r {margin: 15px 0 0 0; width: 50%;}
.contentBlock.Homebanner.LP form .form-income .form-wrap input {border-top: #40105d50 solid 1.5px; border-right: #40105d50 solid 1.5px; border-bottom: #40105d50 solid 1.5px; border-left: none;   border-radius: 0 5px 5px 0;}
.contentBlock.Homebanner.LP form .form-income .form-wrap.r input {border-left: #40105d50 solid 1.5px; border-radius: 5px; margin: 10px 0 0 0;}

.contentBlock.Homebanner.LP form .form-contact p:first-child {margin: 10px 50px 0 0; width: 50%;}
.contentBlock.Homebanner.LP form .form-contact p:last-child {margin: 10px 0 0 0; width: 50%;}

.contentBlock.Homebanner.LP form .form-credit p:last-child {margin: 10px 0 0 0; width: 100%;}

.contentBlock.Homebanner.LP form .form-stage p:last-child {margin: 10px 0 0 0; width: 100%;}

.contentBlock.Homebanner.LP form .form-time p:first-child {margin: 10px 30px 0 0; width: 100%;}
.contentBlock.Homebanner.LP form .form-time p:last-child {margin: 10px 0 0 0; width: auto;}

/* Landing Page 24 Body */
.page-template-campaign-landingpage .contentWrap.Reviews .reviews-holder-carousel {display:none;}
.page-template-campaign-landingpage .contentWrap.Reviews {padding: 25px 0 60px;}
.page-template-campaign-landingpage .contentBlock.Reasons h3 {background-size: 30px;}

.contentWrap.Mortgage-two-rows.LP {background-image: url(../images/Top-Heart.svg);  background-repeat: no-repeat; background-position: 100% 0; background-size: 50%;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row::before {content: ""; position: absolute; bottom: 0; left: -600px; width: 85%; height: 100%; background-image: url(../images/Top-Heart.svg); background-size: 75%; background-repeat: no-repeat; transform: rotate(180deg); z-index: 0;}
.contentWrap.Mortgage-two-rows.LP h2 {max-width:100%;}

.contentWrap.Mortgage-two-rows.LP .item ul {list-style-type: none; padding-inline-start: 0px;}
.contentWrap.Mortgage-two-rows.LP .item li {background-image: url('/wp-content/themes/UK-Moneyman/images/right-arrow.svg'); background-repeat: no-repeat; background-position: left; padding-left: 30px; background-size:20px; margin-bottom: 20px}

.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row picture {display: flex; justify-content: flex-end;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row picture {display: flex; justify-content: flex-start;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row div:nth-child(2) {display: flex; justify-content: center;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row div:nth-child(2) img {max-width: 60%;}

.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row {margin: 55px auto 0; padding: 55px 0 55px 0;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row .item.l div:nth-child(1) {display: flex; justify-content: center;}
.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row .item.l img {max-width: 60%;}

.page-template-campaign-landingpage .contentWrap.Reasons {padding: 40px 0;}
.page-template-campaign-landingpage .contentWrap.Mortgagefaq .accordion_content a {text-decoration: none; color:white; }
.page-template-campaign-landingpage .contentWrap.suppliers .button.blue {margin-left:0; }

/* Landing Page 24 Header & Footer */
.headerContainer.contentWrap.LP {position: relative;}
.headerContainer.contentWrap.LP nav {width: 55%;}
.headerContainer.contentWrap.LP ul {display: flex; flex-direction: row; list-style-type: none;}
.headerContainer.contentWrap.LP ul li {margin: 0 20px;}
.headerContainer.contentWrap.LP ul li a {text-decoration: none;  color: #023D54; font-weight:500;}

.footerContent.contentBlock.LP {padding: 40px 0;}
.footerContent.contentBlock.LP .footer-item {display: flex; flex-direction: row;     justify-content: space-between;}
.footerContent.contentBlock.LP .footer-text {display: flex; flex-direction: column;}
.footerContent.contentBlock.LP .footer-item:first-child {margin-right: 0}
.footerContent.contentBlock.LP .footer-item:first-child .reviews-white {margin: 0 50px;}
.footerContent.contentBlock.LP .footer-logo {max-width: 140px;}
.footerContent.contentBlock.LP br {display:none;}
.footerContent.contentBlock.LP p {margin: 0 0 10px 0;}

.content_cta {display:flex; flex-direction:row; align-items: center;}
.content_cta p {margin: 10px 15px 10px 0; font-weight: 700 !important;}
.content_cta img {max-height: 35px; width: auto!important;}

.page-template-mortage-2024page .tf-v1-widget iframe {transform: translateZ(0px)!important;}
.headerContainer.contentWrap.LP p:nth-child(3) { display:none; }

@media all and (max-width: 1206px)  {
	.contentBlock.Homebanner.LP .item.r-1 label {font-size: 15px;}
	.footerContent.contentBlock.LP .footer-item {flex-direction: column;}
	.footerContent.contentBlock.LP .footer-item:first-child .reviews-white {margin: 20px 0 20px 0px;}
}
@media all and (max-width: 1160px)  {
	.contentBlock.Homebanner.LP .item.r-1 p.form-title {font-size: 28px;}
	.contentBlock.Homebanner.LP form .form-property {flex-direction: column;}
		.contentBlock.Homebanner.LP form .form-income {flex-direction: column;}
	.contentBlock.Homebanner.LP form .form-contact {flex-direction: column;}
	.contentBlock.Homebanner.LP form .form-time {flex-direction: column;}
	.contentBlock.Homebanner.LP form .form-property .form-wrap.l {width: 100%;}
	.contentBlock.Homebanner.LP form .form-property .form-wrap.r { width: 100%;}
	.contentBlock.Homebanner.LP form .form-income .form-wrap.l {width: 100%;}
	.contentBlock.Homebanner.LP form .form-income .form-wrap.r {width: 100%;}
	.contentBlock.Homebanner.LP form .form-contact p:first-child {width: 100%;}
	.contentBlock.Homebanner.LP form .form-contact p:last-child {width: 100%;}
	.contentBlock.Homebanner.LP form .wpcf7-list-item.first {margin: 0 15px;}
	.contentBlock.Homebanner.LP .item.r-1 {border-radius: 15px;}
}
@media all and (max-width: 1110px)  {
	.contentWrap.Homebanner.LP h1 {font-size: 50px; line-height: 58px;}
	.contentBlock.Homebanner.LP .item.r-1 {width: 50%;}
	.contentWrap.Homebanner.LP .reviews-holder {flex-direction: column;}
	.contentBlock.Homebanner.LP .reviews-white {margin: 15px 0 0; width: 100%;}
	.contentBlock.Homebanner.LP .reviews-white .item p {font-size: 16px;}
	.contentBlock.Homebanner.LP .reviews-google .item p {font-size: 16px;}
	.contentBlock.Homebanner.LP .reviews-google {margin: 15px 0 25px 0; display: flex; justify-content: center;}
	.contentBlock.Homebanner.LP .reviews-google .item:last-child {display: flex; align-items: center; justify-content: center;}
	.contentBlock.Homebanner.LP .reviews-google p {margin: 0; width: 50%;}
	.contentBlock.Homebanner.LP .reviews-google img {max-width: 70%;}
	.contentBlock.Homebanner.LP li {font-size: 20px;}
	.contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {font-size: 22px; line-height: 32px;}
	.headerContainer.contentWrap.LP nav {width: 45%;}
}
@media all and (max-width: 1050px)  {
	    .contentWrap.Homebanner.LP h1 {font-size: 46px;}
}
@media all and (max-width: 1015px)  {
	.contentBlock.Homebanner.LP {flex-direction: column; padding: 20px 0;}
	.contentBlock.Homebanner.LP .item.l-1 {width:100%; margin-right:0;}
	.contentBlock.Homebanner.LP .item.r-1 {width:100%; padding: 0; background: none;}
	.contentWrap.Homebanner.LP .reviews-holder {flex-direction: row; width: 100%;}
	.contentWrap.Homebanner.LP .reviews-holder a {width: 100%;}
	.contentWrap.Homebanner.LP .reviews-holder a:nth-child(2) {display: flex; justify-content: flex-end;}
	.contentBlock.Homebanner.LP .reviews-google {width: 90%; margin: 0;}
	.contentBlock.Homebanner.LP .reviews-white {width: 90%; margin: 0;}
	.contentBlock.Homebanner.LP .item.l-1 p:last-child {margin: 20px 0; font-size: 14px;}
	.contentBlock.Homebanner.LP .item.r-1 p.form-title {font-size: 32px; padding: 15px 15px 0 15px; display: none;}
	.contentBlock.Homebanner.LP .item.r-1 p.form-text {font-size: 22px; padding: 0px 15px 0 15px; display: none;}
    .contentBlock.Homebanner.LP .item.r-1 label {font-size: 18px;}
	
	.contentWrap.Homebanner.LP.LP_Desktop {display:none;}
    .contentWrap.Homebanner.LP.LP_Mobile {display:block;}
	.page-template-campaign-landingpage .contentWrap.Homebanner.LP ul {display:none;}
	.page-template-campaign-landingpage	.contentWrap.Homebanner.LP h1 {top: 20px; position: relative;}
	.page-template-campaign-landingpage .contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {margin: 10px 0 10px 0; top: 20px; position: relative;}
	.contentWrap.Homebanner.LP .item.l-1 .item r-1 p:nth-child(2) {margin: 0; }
	.contentWrap.Homebanner.LP .reviews-holder {margin: 20px 0px;}
}
@media all and (max-width: 1000px)  {
	.contentWrap.Mortgage-two-rows.LP {background-image:none;}
	.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row picture {justify-content: center;}
	.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-second-row {margin: 0 auto; padding: 30px 0;}
	.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row div:nth-child(2) img {max-width: 45%;}
}
@media all and (max-width: 975px)  {
	.contentBlock.Homebanner.LP form .form-credit p:last-child, .contentBlock.Homebanner.LP form .form-stage p:last-child, .contentBlock.Homebanner.LP form .form-time p:first-child  {font-size: 24px; line-height: 32px;}
	.contentBlock.Homebanner.LP form .form-time p:last-child {margin: 20px 0 0 0;}
	
	    .contentBlock.Homebanner.LP label {margin: 0 0 10px 0;}
	.contentBlock.Homebanner.LP form .input-wrapper {margin: 0;}
	.contentBlock.Homebanner.LP form .form-income .form-wrap.r input {margin: 0;}
	.contentBlock.Homebanner.LP form .form-contact input {margin: 10px 0 0 0;}
}
@media all and (max-width: 900px)  {
	.headerContainer.contentWrap.LP .menu-trigger.right {display:none!important}
	.headerContainer.contentWrap.LP .header-item .button.blue {display:block; margin-left:0;}
	.headerContainer.contentWrap.LP .headerContent.contentBlock {padding: 10px 0;}
	.headerContainer.contentWrap.LP nav {width: 60%;}
	.contentWrap.Homebanner.LP h1 {font-size: 42px;}
	.contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {font-size: 20px; line-height: 24px;}
	    .footerContent.contentBlock.LP {display: block;}
	.footerContainer.contentWrap.LP {padding-top: 40px; padding-bottom: 40px;}
	.footerContent.contentBlock.LP {padding: 0;}
	    .contentBlock.footeraccord.LP { display:none; }
	.headerContainer.contentWrap.LP p:nth-child(3)  { display:block; margin:5px 0 0 0}
}
@media all and (max-width: 800px)  {
	.contentWrap.Homebanner.LP { display: block; padding: 0}
	.page-template-campaign-landingpage .contentBlock.suppliers .item:last-child {margin-top: 30px;}
	 .page-template-campaign-landingpage .contentBlock.suppliers .item h2 { font-size: 45px; text-align: center;}
	.page-template-campaign-landingpage .contentWrap.suppliers .button.blue { display: block; width: 50%; text-align: center; margin: 0 auto;}
}
@media all and (max-width: 775px)  {
	.headerContainer.contentWrap.LP nav {display:none;}
}
@media all and (max-width: 725px)  {
	.contentBlock.Homebanner.LP ul {margin: 0px 0 25px 0;}
	    .contentWrap.Homebanner.LP { display: block; padding: 0}
		.contentBlock.Homebanner.LP li {margin-bottom: 10px; font-size: 16px;}
	.reviews-holder a {display: flex;}
	.contentBlock.Homebanner.LP .reviews-white {width: 95%; margin: 0; flex-direction: column-reverse; min-height: 125px; padding: 20px;}
		.contentBlock.Homebanner.LP .reviews-white .item img:nth-child(2) {display: none;}
	.contentBlock.Homebanner.LP .reviews-white .item p {font-size: 13px; margin-bottom: 10px;}
	    .contentBlock.Homebanner.LP .reviews-google .item p {font-size: 13px; margin-bottom: 5px;}
		.contentBlock.Homebanner.LP .reviews-google {width: 95%; margin: 0; min-height: 125px; padding: 20px;}
	.contentBlock.Homebanner.LP .reviews-white .item img {max-width: 70%;}
	.contentBlock.Homebanner.LP .reviews-google p {width: auto; margin: 0;}
	.contentBlock.Homebanner.LP .reviews-google .item:last-child {justify-content: flex-start; flex-direction: column;}
	.contentBlock.Homebanner.LP .review-google-bold {display:none;}
	.contentBlock.Homebanner.LP .reviews-text-mobile {display:block; font-weight: 600;}
	.contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row div:nth-child(2) img { max-width: 70%;}
}
@media all and (max-width: 721px)  {
	.page-template-campaign-landingpage .contentWrap.Homebanner.LP h1 {top: 0px; }
	.page-template-campaign-landingpage .contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {top: 0; margin: 10px 0 25px 0;}
}
@media all and (max-width: 560px)  {
	    .contentWrap.Homebanner.LP h1 { max-width: 100%; }
	    .page-template-campaign-landingpage .contentWrap.suppliers .button.blue {width: 70%;}
}
@media all and (max-width: 520px)  {
	        .contentBlock.Homebanner.LP .item.r-1 label {font-size: 17px;}
	.contentBlock.Homebanner.LP .reviews-google {min-height: 125px;}
	.contentBlock.Homebanner.LP .reviews-white {min-height: 125px;}
}
@media all and (max-width: 500px)  {
	.page-template-campaign-landingpage .tf-v1-widget iframe {transform: translateY(0px) !important;}
}
@media all and (max-width: 495px)  {
	.contentBlock.Homebanner.LP .item.r-1 p.form-text {font-size: 18px;}
		.contentWrap.Homebanner.LP .item.l-1 p:nth-child(2) {font-size: 16px;}
	.contentBlock.Homebanner.LP form .form-credit p:last-child, .contentBlock.Homebanner.LP form .form-stage p:last-child, .contentBlock.Homebanner.LP form .form-time p:first-child  {line-height: 22px;}
	 .contentBlock.Homebanner.LP form .form-credit select {margin: 10px 0 0 0;}
	.contentBlock.Homebanner.LP form .form-stage select {margin: 10px 0 0 0;}
	.contentBlock.Homebanner.LP form .form-time select {margin: 10px 0 0 0;}
	.contentBlock.Homebanner.LP form .form-time p:last-child {margin: 10px 0 0 0;}
}
@media all and (max-width: 480px)  {
	.contentBlock.Homebanner.LP .reviews-google p {margin: 0; }
	    .contentWrap.Homebanner.LP h1 {font-size: 30px;  line-height: 38px; }
	.footerContent.contentBlock.LP .footer-item:first-child .reviews-white {display:none;}
	.footerContent.contentBlock.LP .footer-logo {margin-bottom:25px}
	    .contentBlock.Homebanner.LP .reviews-white .item img {max-width: 90%;}
	.contentWrap.Mortgage-two-rows.LP .button.green {width: 100%; text-align: center;}
	.page-template-campaign-landingpage .contentWrap.Mortgagefaq .accordion_content a { width: 100%;  text-align: center; display: block; padding: 5px 25px;}
	
	.content_cta p {font-size: 16px !important;}
	.content_cta img {max-height: 30px;}
}
@media all and (max-width: 400px)  {
	.contentBlock.Homebanner.LP .item.l-1 p:last-child {margin: 15px 0;}
	.contentBlock.Homebanner.LP .reviews-google {min-height: 115px;}
	    .contentBlock.Homebanner.LP .reviews-white .item img {max-width: 80%;}
	    .contentBlock.Homebanner.LP .reviews-white {min-height: 115px;}
	.contentBlock.Homebanner.LP .reviews-google .item:last-child {justify-content: center;}
	    .contentBlock.Homebanner.LP .reviews-white .item {padding: 0; display: contents;}
	    .contentBlock.Homebanner.LP .reviews-google img {max-width: 75%;}
		.page-template-campaign-landingpage .calendly-inline-widget {min-width:100%;}
	
}
@media all and (max-width: 380px)  {
	    .content_cta p {font-size: 14px !important; margin: 10px 10px 10px 0;}
}
@media all and (max-width: 370px)  {
	.contentBlock.Homebanner.LP li {font-size: 14px; line-height: 17px; background-size: 14px;}
	    .contentWrap.Mortgage-two-rows.LP .contentBlock.Mortgage-first-row div:nth-child(2) img { max-width: 90%; }
	.contentBlock.Homebanner.LP .reviews-google .item p {font-size: 12px;line-height: 13px;    }
	.contentBlock.Homebanner.LP .reviews-white .item p {font-size: 12px; line-height: 13px;}
	.contentBlock.Homebanner.LP .reviews-white .item p .review-bold {margin-right: 5px;}
	.contentBlock.Homebanner.LP .reviews-white {padding: 5px; justify-content: center;}
		.headerContainer.contentWrap.LP .header-item .button.blue {    font-size: 11px;}
	   .headerContainer.contentWrap.LP .header-logo { max-width: 85px;}
	    .content_cta img {max-height: 25px;}
	.contentBlock.Homebanner.LP .item.r-1 {padding: 10px;}
}
@media all and (max-width: 335px)  {
	    .contentBlock.Homebanner.LP .item.r-1 p.form-title {font-size: 26px; line-height: 34px;}
	.contentBlock.Homebanner.LP .item.r-1 p.form-text {font-size: 17px;}
	.contentBlock.Homebanner.LP form p:nth-child(8) input {font-size: 18px;}
}
	@media all and (max-width: 340px)  {
		.page-template-campaign-landingpage .contentBlock.suppliers .item h2 {text-align: left; font-size: 30px;}
		.page-template-campaign-landingpage .contentWrap.suppliers .button.blue {width: 100%;}
}
@media all and (max-width: 320px)  {
	.content_cta p {margin: auto; text-align: center;}
	.content_cta img {display:none;}
}
@media all and (max-width: 310px)  {
	    .contentBlock.Homebanner.LP form .form-time p:last-child {display: flex; flex-direction: column;}
	    .contentBlock.Homebanner.LP form .wpcf7-list-item.first {margin: 0 15px 0 0;}
	    .contentBlock.Homebanner.LP .item.r-1 label {font-size: 15px; line-height: 18px;}
	.contentWrap.Homebanner.LP h1 {font-size: 28px; line-height: 36px; }
	.contentBlock.Homebanner.LP .reviews-google img {max-width: 85%;}
	
	.contentBlock.Homebanner.LP .item.r-1 {padding: 0; background: none;}
	.contentBlock.Homebanner.LP .item.r-1 p.form-title {color: #fff;}
	.contentBlock.Homebanner.LP .item.r-1 p.form-text {color: #fff; margin: 5px 0 10px 0;}
	.page-template-campaign-landingpage .calendly-inline-widget {border-radius: 20px;}
}
@media all and (max-width: 280px)  {
	    .contentBlock.Homebanner.LP form p:nth-child(8) input {font-size: 16px;}
	.contentBlock.Homebanner.LP .reviews-google img {max-width: 100%;}
	.content_cta p {font-size: 13px !important;}
}
@media all and (max-width: 265px)  {
	.headerContainer.contentWrap.LP .header-item .button.blue {display:none;}
}