/* Core */
*, body, html{-webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body,html{margin: 0;
  padding: 0;
  font-family: 'rounded-regular',sans-serif;
max-width: 100%;
overflow-x: clip;
  }

img{max-width: 100%;height: auto;}
.clear {clear: both}

*:focus {
  outline: 0;
}
html { scroll-behavior: smooth; height  : 100%;
    overflow: hidden;
    position: relative;}

body{    height  : 100%;
    overflow: auto;
    position: relative;}
.deskb {display:none;}
/* Core Variants */
.sfm-sidebar-close {
  top: 10px;
  left: 25px;
}
/* Colours */
.sfm-scroll-wrapper {background: #fff}
.pink {color: #DD0170}
.blue {color: #00b5d1;}
.darkblue {color: #001755;}
.darkblue {color: #00b5d1;}
.purple {color: #4d00b3}

/* Default Content */
.contentWrap{padding: 0px; margin: auto;}

.contentBlock{position:relative;
  max-width: 1200px;
  margin: auto; 
  width:90%}

  
/* Text & Headings*/
a{text-decoration: none;font-family: museo-sans-rounded, Sans-Serif; font-weight:300;}

p{font-family: museo-sans-rounded, sans-serif;
  font-weight: 300;
  font-size: 17px; 
  color: #001755;}

h1{font-family: museo-sans-rounded, sans-serif;
  font-weight: 800;
  font-size: 52px; 
  line-height: 56px; 
  margin: 0}

h2{font-family: museo-sans-rounded, sans-serif;
  font-weight: 800; 
  font-size: 40px}


h3{font-family: museo-sans-rounded, sans-serif;
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  max-width: 85%;
  display: block !important;
  position: relative;
  color: #001755;}

  .show-desktop {display: block;}
  .show-mobile {display:none;}
  @media all and (max-width: 700px){
    .show-desktop {display: none;}
    .show-mobile {display:block;}
  }

/* 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 */
.button {
  background: linear-gradient(to right, #DD0170 50%, white 50%);
  background-size: 202% 100%;
  background-position: right bottom;
  padding: 10px 25px;
  color: #DD0170;
  font-family: museo-sans-rounded, sans-serif;
  font-weight: 800;
  border: 2px solid #DD0170;
  transition: all 0.3s ease-out;
  position: relative;
  border-radius: 40px;
  font-size: 14px;}

.button.blue {background: linear-gradient(to right, #00C8E5
  50%, white 50%);  color: #00C8E5;
  border: 2px solid #00C8E5;
  background-size: 202% 100%;
  background-position: right bottom;
  margin-left: 10px}

.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;}
.header-item .button.pink {margin-left: 10px;}

.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%, #001755 50%); color: #fff; border:none;
  background-position: right bottom; margin:5px; font-family: museo-sans, sans-serif;   background-size: 202% 100%;
  font-weight: 700;}

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

.button.lightblue {background: linear-gradient(to right, #00b5d1 50%, #00b5d1 50%);
    color: #ffffff; border:none;
  background-position: right bottom; margin:5px; font-family: museo-sans, sans-serif;   background-size: 202% 100%;
  font-weight: 700;}

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


/*Header*/
.headerContainer.contentWrap {top: 0px; position: sticky; z-index: 9999; background: #fff; filter: drop-shadow(0 0 1rem #00175530);}

.sfm-sidebar-close:before {height: 4px!important }
.sfm-sidebar-close:before {background: #00c8e5!important }

.sfm-sidebar-close:after  {background: #00c8e5!important }


#sfm-sidebar .sfm-menu-level-0 li .sfm-sm-indicator i {border-color:#DD0170!important }

.sfm-menu li a {font-family: museo-sans-rounded, 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;
width:100%;}

.headerContent.contentBlock .header-item{ }
.header-logo {max-width: 250px}
@media all and (max-width: 900px)   {  .header-logo {max-width: 225px;}}

.header-item.second {flex: 2}

.mobile-toggle {transition: all 0.3s ease-out;
  font-family: museo-sans-rounded, 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 {}

@media all and (min-width: 1000px)  {
.mega-menu .drop-down, .mega-menu .drop-down-tab-bar {top: 90px!important;}}


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


@media all and (max-width: 1000px)   {
  .menu-trigger.right {display: block!important; margin-left: 0px;}
	.header-item p {display: none}
}
@media all and (min-width: 1001px)  {
  .menu-trigger.right {display: none}
.mobib {display: none}
}

/* Home */

.contentWrap.Homebanner  p.button-intro {color:#00C8E5;font-family: museo-sans, sans-serif;
  font-weight: 700; font-size: 32px; margin: 10px }
  .contentWrap.Homebanner {background-image: linear-gradient(180deg, rgba(194,17,133,1) 0%, rgba(160,23,160,1) 72%); /* border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%;*/ ; border-radius:0;  background-color: #bd1c1c;
  background-repeat: no-repeat;
      background-position: left;position: relative; overflow: hidden}
  
  .heart {position: absolute;top:0;width: 69%;}
  
  .banner-mask-first {position: absolute;background-image: url(../images/mm-back.svg);
      height: 100%;
      width: 80%;
      right: 0;} 
  .banner-mask { background-image:linear-gradient(180deg, rgba(48,22,108,97%) 0%, rgba(48,22,108,97%) 100%);position: absolute;width: 80%;height: 100%;right: 0}
  .contentWrap.Homebanner h1 {color: #fff}
.page-template-landing-page .contentWrap.Homebanner h1 {color: #fff; font-size: 52px; line-height: 56px; margin: 0; font-weight: 800; max-width: 450px;}
  .contentWrap.Homebanner h2 {
    color: #fff; font-size: 52px; line-height: 56px; margin: 0; font-weight: 800; max-width: 450px;
}

  .contentWrap.Homebanner p {color: #fff; font-size: 30px; margin: 0 0 25px 0;}
.contentBlock.Homebanner .item p:nth-child(3) {max-width:63%}
  .contentBlock.Homebanner {padding: 60px 0;display: flex;align-items: center}
  .contentBlock.Homebanner .item {flex: 1}
  .contentBlock.Homebanner .reviews-white {margin: 35px 0 0;}
  .contentBlock.Homebanner .reviews-white .item {margin:0; flex: 1 !important}
  .contentBlock.Homebanner .reviews-white .item p {color: #000000; font-size: 14px}

  .contentBlock.Mortgageintro .reviews-white .item p {
      color: #000000;
      font-size: 14px;
  }
  .contentBlock.Homebanner .item:first-child {flex: 1.3}
  .contentBlock.Homebanner .item:last-child  {flex: 1}
  
  
  .contentBlock.Homebanner .button-wrap{
  display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;}
  
  .button.banner {display: block;margin: 1% !important; font-weight: 700}
  
  .button.banner {background: linear-gradient(to right, #00C8E5
   50%, #001755 50%);  color: #fff;border: 2px solid #00C8E5;   background-size: 200% 100%;
      background-position: right bottom;margin-left: 20px;
  font-size: 13px;}
  
  .button.banner:hover {color: white;
      background-position: left bottom} 
  
  .contentBlock.Homebanner .button-wrap .homeServiceBlock  {
  
      flex-basis: 48%;
      margin: 1%;
  }
  
  .contentWrap.Mobilebanner {display: none;}

  .contentBlock.fourSteps.first h2 { color: #00C8E5}
.contentBlock.fourSteps h2 { margin-bottom: 10px; max-width: 90%;}
.contentBlock.fourSteps p {font-size: 18px;max-width: 90%; }
.contentBlock.fourSteps h3 { color: #001755;margin: 0;  font-family: museo-sans-rounded, sans-serif; line-height: 28px; font-size: 26px;max-width: 90%; }

.contentBlock.fourSteps .item:last-child {}

.contentBlock.fourSteps .item:last-child img {position: absolute}
.contentBlock.fourSteps .item:last-child img.one {top: 72px; left: 0px}
.contentBlock.fourSteps .item:last-child img.two {top:187px; right: 0}
.contentBlock.fourSteps .item:last-child img.three {top: 320px; left: 30px}
.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; padding-right: 10%}

@media all and (max-width: 1905px)  {.heart {width: 80%;}}
@media all and (max-width: 1540px)  {.heart {width: 85%;}}
@media all and (max-width: 1600px)  {.heart {width: 90%;}}
@media all and (max-width: 1400px)  {.contentBlock.Homebanner {padding: 40px 0;} .heart {width: 100%;}}
@media all and (max-width: 1215px)  {.heart {width: 120%; left: -50px;}}
@media all and (max-width: 1025px)  {.heart {width: 130%; left: -50px;}}

/*Second Step*/
.contentBlock.fourSteps.second .item:first-child {height: 390px;position: relative;padding-left: 10%}
.contentBlock.fourSteps .item:first-child  img {position: absolute}
.contentBlock.fourSteps.second .item:first-child  img.one {top: 80px; z-index: -2; left: 0px}
.contentBlock.fourSteps.second .item:first-child img.two {top:175px; right: 90px}
.contentBlock.fourSteps.second .item:first-child img.three {top: 260px;z-index: -2; left: 10px}
.contentBlock.fourSteps.second .item:first-child  img.four {top: 90px; z-index: -1;left: 93px}
.contentBlock.fourSteps.second .item:first-child  img.five{top: -10px; width: 100%;left: 0;
}
.contentBlock.fourSteps.second h2  {max-width: 100%; padding-right: 10%; color: #DD0170}
.contentBlock.fourSteps.second h3  {max-width: 100%; padding-right: 10%; }
.contentBlock.fourSteps.second p  {max-width: 100%; padding-right: 10%; }
/*Third Step */
.contentBlock.fourSteps.third h2  {color: #00c8e5;margin-bottom: 10px; max-width: 90%;margin-left: 10%;}
.contentBlock.fourSteps.third p {font-size: 18px;max-width: 90%; margin-left: 10%;}
.contentBlock.fourSteps.third h3 { color: #001755;margin: 0;  font-family: museo-sans-rounded, sans-serif; line-height: 28px; font-size: 26px;max-width: 90%; margin-left: 10%;}
.contentBlock.fourSteps.third .item:last-child {height: 450px;position: relative;padding-left: 10%}
.contentBlock.fourSteps.third .item:last-child  img.one {top: -0px; z-index: 1; left: 0px}
.contentBlock.fourSteps.third .item:last-child img.two {top:82px; left: 82px}
.contentBlock.fourSteps.third .item:last-child img.three {top: 0px;z-index: -2; left: 0px}

/*Fourth Step */
.contentBlock.fourSteps.fourth .item:last-child .boom {position: relative; width: 135px; margin-bottom: -30px;}
.contentBlock.fourSteps.fourth .item:first-child {height: 315px;position: relative; margin-bottom:80px;}
.contentBlock.fourSteps.fourth .item:last-child h2 {color: #DD0170}
.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: 0px;z-index: -2; left: 10px}

  @media all and (max-width: 1000px)  { 
	  .contentWrap.Mobilebanner {display: block;}
    .contentBlock.Mobilebanner .reviews-white { max-width: 45%; margin: 2%; justify-content: space-around; width: 400px; }
	  
	  .contentBlock.Mobilebanner .reviews-white  .item{padding: 0 !important; background: none !important;max-width: initial !important;  margin: auto; width: 45%;}
    .contentBlock.Mobilebanner .reviews-white p {color: #000000; max-width: 150px; margin: auto; font-size:15px}
    .button-wrap {max-width: 90%;margin: auto;display: flex;  flex-flow: row wrap; justify-content: flex-start;padding-bottom: 45px}
    .button.banner {}
    p.sub-title {font-size: 30px!important ; text-align: center;font-family: museo-sans, sans-serif !important;font-weight: 600; margin: 6%;}
    .button-wrap .homeServiceBlock  {flex-basis: 48%;
      margin: 1%;text-align: center}
    .contentBlock.Mobilebanner {width: 100%}
	 .contentBlock.Mobilebanner h1 {color: #fff; font-size: 35px; margin: 0 auto;}
    .contentBlock.Mobilebanner h2 {color: #fff; max-width: 100%; font-size: 35px; margin: 0;}
    .contentBlock.Mobilebanner p {color: #fff; font-family: "museo-sans", Sans-Serif; font-size: 22px; z-index: 1; margin: 0;}
	  .contentBlock.Mobilebanner .item p:nth-child(3) {max-width: 100%; margin-top: 20px; font-size: 17px;}
	  
	  
	.contentBlock.Mobilebanner .item .homeimage {position:absolute; z-index:0; right: 10%; top: 10px; transform: scaleX(-1);}
    .contentWrap.Mobilebanner {
		
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d90d72+0,9b169b+100 */
  background: #d90d72; /* Old browsers */
  background: -moz-linear-gradient(top,  #d90d72 0%, #9b169b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #d90d72 0%,#9b169b 100%); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(140deg, #c70067 10%, #4d00b3, #001755); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90d72', endColorstr='#9b169b',GradientType=0 ); /* IE6-9 */
    }
    .contentBlock.Mobilebanner .item:first-child {
    max-width: 90%;
      margin: auto;
      padding: 20px 0 50px 0;}
    .contentBlock.Mobilebanner .item:last-child {padding: 0;background-image: url(../images/Mobile-Banner-2.svg);  background-size: cover; background-position: top;}
    .contentBlock.Mobilebanner .item:first-child img {max-width: 125px;}
    .contentWrap.Homebanner {display: none;}
    
  .page-template-home .button.darkblue {margin: 20px auto 0px 0px; display: -webkit-inline-box; text-align:center; z-index: 1;}
  .page-template-home .button.lightblue {margin: 20px auto 0px 0px; display: -webkit-inline-box; text-align:center; z-index: 1;}
	  
    .header-item.second {display: none;}
	  .mobile-toggle {display:inline-block}

    .contentWrap.fourSteps {background-image: none}
    .contentBlock.fourSteps h2 {max-width: 100%; text-align: center;padding: 0 5%; font-size: 30px;}
    .contentBlock.fourSteps h3 {max-width: 100%; text-align: center;padding: 0 5%; font-size: 20px;}
    .contentBlock.fourSteps p {max-width: 100%; text-align: center;padding: 0 5%; }
    .contentBlock.fourSteps.first {display: block}
    .contentBlock.fourSteps .item:last-child img.five {display: none}
    .contentBlock.fourSteps .item:last-child img.three {display: none}
    .notab {display: none}
    .item.tab img.three {display: none}
    .item.tab img.five {display: none}
    .tab {position: relative;height: 450px}
    .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.four {display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto; }
    /*Second Step */
    .contentBlock.fourSteps.second .item:first-child img.one {top:90px; right: 0px;max-width: 90%}
    .contentBlock.fourSteps.second .item:first-child img.two {top: 195px;left: 20px; max-width: 90%}
    .contentBlock.fourSteps.second .item:first-child img.three {display: none}
    .contentBlock.fourSteps.second {display: block}
    .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.five {
      display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
        margin:auto;}
    
    
    /*Third Step*/
    .contentBlock.fourSteps.third {display: block}
    
    .contentBlock.fourSteps.third .item.tab img.one {display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
      margin:auto;z-index: 22;
      top: 100px;}
    .contentBlock.fourSteps.third .item.tab img.two {display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
      margin:auto;}
    
    
  /*Fourth Step */
    .contentBlock.fourSteps.third h2 {max-width: 100%; padding: 0 5%; margin-left: 0}
    .contentBlock.fourSteps.third h3 {max-width: 100%; padding: 0 5%; margin-left: 0}
    .contentBlock.fourSteps.third p {max-width: 100%; padding: 0 5%; margin-left: 0}
    .contentBlock.fourSteps.fourth {display: block}
    .contentBlock.fourSteps.fourth .item:first-child img.two {
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
      margin:auto;}
    
    
    .contentBlock.fourSteps.fourth .item:first-child img.one{display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
      margin:auto;}

  }


@media only screen and (max-width: 940px) {
		.contentBlock.Mobilebanner .item .homeimage {right: 10%; top: 25px;}
	.contentBlock.Mobilebanner .reviews-white {flex-direction: column;}
	
	}
@media only screen and (max-width: 800px) {.contentBlock.Mobilebanner .item p:nth-child(3) { max-width: 55%;}
.page-template-landing-page .contentBlock.Mobilebanner .item p:nth-child(3) { max-width: 100%;}}
@media only screen and (max-width: 680px) {.contentBlock.Mobilebanner .item:first-child img { max-width: 95px;}
.contentBlock.Mobilebanner .item .homeimage {top: 75px;}
}
@media only screen and (max-width: 600px) { .contentBlock.Mobilebanner .item p:nth-child(3) {max-width: 55%;}	.page-template-landing-page .contentBlock.Mobilebanner .item p:nth-child(3) { max-width: 100%;}}
@media only screen and (max-width: 553px) {.contentBlock.Mobilebanner .item .homeimage {top: 80px;}}
@media only screen and (max-width: 540px) {.contentBlock.Mobilebanner .item .homeimage {top: 100px;}}
@media only screen and (max-width: 535px) {.contentBlock.Mobilebanner .item:first-child img {max-width: 115px;}
	.contentBlock.Mobilebanner .item .homeimage {right: 5%; top: 60px;}}
@media only screen and (max-width: 500px) {
	.contentBlock.Mobilebanner .reviews-white {    flex-direction: column;} 
	.contentBlock.Mobilebanner h2 {font-size: 38px;}
	.page-template-home .button.darkblue {font-size: 12px;}
	.page-template-home .button.lightblue {font-size: 17px; width: 60%; display:block;}
	.contentBlock.Mobilebanner .item .homeimage {top: 120px;}	
}
@media only screen and (max-width: 380px) {.contentBlock.Mobilebanner .item .homeimage {     top: 140px;}}
  @media only screen and (max-width: 350px) {
    .contentBlock.Mobilebanner h1 {font-size: 35px;}
	  .contentBlock.Mobilebanner p {font-size:18px;}
	  .page-template-home .button.lightblue {width: 100%; }
	  .contentBlock.Mobilebanner .item:first-child img { top: 45px;}
	    .contentBlock.Mobilebanner .item a:nth-child(4) {margin: 30px auto 0px 0px;}
	  .contentBlock.Mobilebanner .item a:nth-child(5) {margin: 20px auto 0px 0px;}
	  .contentBlock.Mobilebanner .item p:nth-child(3) { margin-top: 30px;}
	  .contentBlock.Mobilebanner .item:first-child img { max-width:90px;}
	  .contentBlock.Mobilebanner .item .homeimage { top: 80px;}
}
@media only screen and (max-width: 338px) {
.contentBlock.Mobilebanner h2 { max-width: 90%;}
	.contentBlock.Mobilebanner .item:first-child img {max-width: 75px;}
	.contentBlock.Mobilebanner .item .homeimage {top: 165px; right:8%}
}

	 
@media only screen and (max-width: 329px) {.contentBlock.Mobilebanner .item:first-child img {top: 100px;}}
	 
@media only screen and (max-width: 310px) {
	.mobile-reviews-holder img {display:block !important;}
	.contentBlock.Mobilebanner .item:first-child img {display:none;}
    .contentBlock.Mobilebanner .item p:nth-child(3) { max-width: 100%;}
	.contentBlock.Mobilebanner h2 {font-size: 45px;}
}

@media only screen and (max-width: 310px) {
	.contentBlock.Mobilebanner h2 {font-size: 34px;}
}

@media only screen and (max-width: 260px) {
	.contentBlock.Mobilebanner h2 {font-size: 30px;}
}

/*Malcolm & Amy Section Homepage*/


.contentWrap.malcolm-amy-section {
  background-image: url(../images/Top-Heart.svg);
	background-repeat: no-repeat; position: relative; display:block; padding: 35px;}
.page-template-our-service .contentWrap.malcolm-amy-section {margin-top:-35px; padding: 0px;}
.contentWrap.malcolm-amy-section-mobile {display:none;}


.contentBlock.malcolm-amy-section .item:last-child { margin: 15px 10px 60px 10px;}
.contentBlock.malcolm-amy-section {  flex-direction: row;}
.contentBlock.malcolm-amy-section .item:first-child { bottom: 0; position: absolute; right: 0;}


.contentBlock.malcolm-amy-section {display: flex; align-items: center; justify-content: space-between; padding: 40px 0px 0px 0px;}
.contentBlock.malcolm-amy-section .item:first-child {  z-index: 1;  margin-top: 30px;}
.contentBlock.malcolm-amy-section .item:last-child {max-width: 60%;}


.page-template-home .contentWrap.malcolm-amy-section img {max-width: 350px; margin-bottom: -45px;}
.contentWrap.malcolm-amy-section img {max-width: 350px; margin-bottom: -5px;}

.contentWrap.malcolm-amy-section p {font-size:22px; color: #001755; text-align:left;}
.contentWrap.malcolm-amy-section .item .sub-item p a {margin: auto 10px auto auto;}

.sub-item {display: flex; flex-wrap: wrap;padding-top: 20px;}

.contentWrap .malcolm-amy-section .item .sub-item p{ margin:0; }

@media only screen and (max-width: 1500px) {.contentWrap.malcolm-amy-section img {max-width: 275px;}
}

@media only screen and (max-width: 1001px) {
	.page-template-home .contentWrap.malcolm-amy-section {display:none;}
	.page-template-about-us .contentWrap.malcolm-amy-section {display:none;}
	.contentWrap.malcolm-amy-section-mobile {display: block; background-image: url(../images/Top-Heart.svg); background-repeat: no-repeat; position: relative; margin-top: -25px;}
	.contentBlock.malcolm-amy-section-mobile {padding: 40px 0px 0px;}
	.contentWrap.malcolm-amy-section-mobile img {max-width:75%; margin: auto; display: block;}
	.contentBlock.malcolm-amy-section-mobile a {color: #ffffff; background: linear-gradient(to right, #DD0170 50%, #dd0170 50%); width: 90%; display: block;  text-align: center;
    margin: auto; bottom: 35px; border: none;}
	.contentBlock.malcolm-amy-section-mobile p:first-child {text-align: center;     font-size: 20px;}
	.contentBlock.malcolm-amy-section-mobile p:last-child {margin:0;}
}

@media only screen and (max-width: 820px) {   
.contentWrap.malcolm-amy-section p { font-size: 18px;}
.contentWrap.malcolm-amy-section img {max-width: 308px; position: relative; left: 30px;}
	.contentBlock.malcolm-amy-section-mobile a {width: 50%;}
	
}

@media only screen and (max-width: 780px) {
	.contentBlock.malcolm-amy-section .item:last-child {
    max-width: 100%;   margin: 15px 10px;}
	.page-template-our-service .sub-item {display:none;}
	.page-template-our-service .contentWrap.malcolm-amy-section img {display:none;}
 
}


@media only screen and (max-width: 600px) {
		.contentBlock.malcolm-amy-section-mobile a {width: 100%;}
}

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

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


}



  /* Reviews */

  
  .contentWrap.Reviews h2 {color: #fff; text-align: center; margin-bottom: 30px;  font-family: museo-sans-rounded, sans-serif;
  font-weight: 800; font-size: 29px}
  .review-logo {display: block;margin: auto;}
  
  .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-int {display: inline-block;
      background-color: #fff;
      border-radius: 10px;padding: 10px 0}

  .review-title p {color: #dd0170;font-family: museo-sans-rounded,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:#000000; font-size: 14px; text-align: left}

  .contentWrap.Reviews .desk .carousel-cell h3 {color: #dd0170;font-family: museo-sans-rounded,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;}

      .reviews-white {display: flex;
          justify-content: center;
          width: max-content;
          margin: auto;
          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%);
      }
      
      
      .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}        


/* Fetch Reviews Styling */ 

.reviews-white {margin: 20px; display: flex; justify-content: center;} 

/* .reviews-white img {padding: 0px 20px 0px 20px;} */

.reviews-white p {color: #ffffff; font-size: 18px;} 



@media only screen and (max-width: 450px) { .reviews-white {margin: 20px; display: flex; justify-content: center;} } 

.review-int {display: inline-block; 

  background-color: #fff; 

border-radius: 10px;padding: 10px 0} 



.review-cont  .carousel.desk {flex: 2; margin-top: 0} 
.desk .flickity-button {display: none} 
.desk .flickity-page-dots {display: none} 

.review-title p {color: #dd0170;font-family: museo-sans, sans-serif;font-size: 22px} 

.desk .carousel-cell .review-date {position: absolute;bottom: 25px;margin: 0;right: 25px; font-size: 14px;font-family: museo-sans, sans-serif; font-weight: 100} 
.contentWrap.Reviews .desk .carousel-cell p {color:#3C4A6E; font-size: 14px; text-align: left; font-family: museo-sans, sans-serif; font-weight: 500;} 
.carousel.desk {margin-top: 65px} 
.contentWrap.Reviews .desk .carousel-cell h3 {color: #dd0170;font-family: museo-sans, sans-serif;font-size: 22px} 

.review-bold {padding: 0 0px 0 10px; font-weight: 600;} 
.review-logo {display: block;margin: auto;}  

.review-star { max-width: 100px; } 

@media (max-width: 1100px) {.desk .carousel-cell {width: 25%;} .contentWrap.Reviews .desk .carousel-cell p{ display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}} 

@media (max-width: 900px) {.desk .carousel-cell {width: 33%;} } 

@media all and (max-width: 768px)  {.desk .carousel-cell  {width: 70%} .desk .carousel-cell .review-date {right: 50px;}} 


/*Faq's */

.contentWrap.Mortgagefaq {background-color: #00c8e526;padding: 45px 0; border-radius: 50% 50% 0% 0% / 10% 10% 3% 3%;}
.page-template-home .contentWrap.Mortgagefaq {border-radius: 0;}
.contentWrap.Mortgagefaq p {color: #001755; font-size: 17px; line-height: 26px; font-family: museo-sans,Sans-Serif;  font-weight: 300;}
.contentWrap.Mortgagefaq h2 {text-align:center; color: #001755}
.contentWrap.Mortgagefaq h1 {
text-align: center;
color: #001755;
font-family: museo-sans-rounded, sans-serif;
font-weight: 800;
font-size: 40px;
  line-height: 45px;
}

/*.mortgagefaq-image {background-size: cover;  display: block;  width: -webkit-fill-available; margin-bottom: -10px;}*/

/* 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}



.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;
}

@media all and (max-width: 1000px)  {
.contentWrap.Mortgagefaq {padding: 20px 0;}
.contentWrap.Mortgagefaq h1 {font-size: 35px; line-height: 40px;}}


/*Calculator */
.contentWrap.calculator_banner {
background-color: #001755;
padding: 30px;
}  


.contentBlock.calculator_banner {
display: flex;
align-items: center;
justify-content: center;
}


/*Calculator Heading */

.contentWrap.calculator_banner h3 {
color: #ffffff;
font-family: museo-sans, sans-serif;
font-weight: 700;
font-size: 40px;
margin: 10px;
}

.contentWrap.calculator_banner p {
color: #00C8E5;
font-family: museo-sans, sans-serif;
font-weight: 700;
font-size: 28px;
margin: 10px;
}


/*Calculator Buttons */
.contentBlock.calculator_banner .button-wrap{
display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;}

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

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

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

.contentBlock.calculator_banner .button-wrap .homeServiceBlock  {

    flex-basis: 38%;
    margin: 1%;
}

.contentBlock.calculator_banner .item img{    max-width: 70%;}

@media all and (max-width: 1050px)  {.contentBlock.calculator_banner .item img {max-width: 85%;}
.contentBlock.calculator_banner .button-wrap {padding-bottom: 0; }
.contentBlock.calculator_banner .button-wrap .homeServiceBlock{flex-basis: 48%; margin: 1%; max-width: 100%;}
.contentBlock.calculator_banner .button-wrap {max-width: 100%;}
.contentBlock.calculator_banner .item img{    max-width: 80%;}}

@media all and (max-width: 700px)  {.contentWrap.Mortgagefaq h1 {max-width: 70%; margin: 0 auto;}}

@media all and (max-width: 540px)  {
.contentBlock.calculator_banner {display: block;}
.contentBlock.calculator_banner .item img{display: none;}
.contentBlock.calculator_banner .item:first-child {display: flex; flex-direction: row-reverse; justify-content:space-around;}
.contentBlock.calculator_banner h3{font-size: 28px;}
.contentBlock.calculator_banner p{font-size: 18px;}
.contentBlock.calculator_banner .button-wrap {display: block;}
.contentBlock.calculator_banner .button-wrap {max-width: 100%; padding-bottom:0px; padding-top:10px;}
.contentBlock.calculator_banner .button-wrap .homeServiceBlock {margin: 3% 0;}
}

@media all and (max-width: 500px)  {
.contentBlock.calculator_banner .item img{position: absolute; max-width: 85px; margin-top: 25px; display: block;right: 0;}
}

@media all and (max-width: 320px)  {
.contentBlock.calculator_banner h3{font-size: 22px;max-width: 20%;}
.contentBlock.calculator_banner .item img{position: absolute; max-width: 70px; margin: 20px 0 0 50px;}


}

/*Supplier */
.contentWrap.suppliers { position: relative; z-index: 2;}
#gradient-canvas {
width:100%;
height:100%;
--gradient-color-1: #ef008f; 
--gradient-color-2: #6ec3f4; 
--gradient-color-3: #7038ff;  
--gradient-color-4: #ffba27;position: absolute
}


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

#gradient {
  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;margin-left: 5%}
.slideshow {flex: 1}
.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)  {.contentBlock.suppliers {display: block;}
.contentBlock.suppliers .item:first-child {padding: 25px 0 0 0;}
.contentBlock.suppliers .item:last-child {padding: 0 0 65px;}
.contentBlock.suppliers .item h2 {font-size: 38px;}
.slide-holder {height: 400px;}}

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


@media all and (max-width: 360px)  {.contentBlock.suppliers .item h2 {font-size: 28px;line-height: 45px;}}


/*Flickity */ 
.flickity-enabled { position: relative; } 
.flickity-enabled:focus { outline: none; } 

.flickity-viewport { position: relative; height: 100%; overflow: hidden;} 

.flickity-slider { position: absolute; width: 100%; height: 100%; left: -40px !important;} 

/* 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;height: 375px !important;} 
.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;} 

/* ---- 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: #00b5d1; border-radius: 50%; opacity: 0.25; cursor: pointer; } 
.flickity-page-dots .dot.is-selected { opacity: 1; } 


/*Faq's */
.contentWrap.Commonmortgagequestions {background-color: #ffffff;padding: 45px 0; z-index: 1; position: relative; }
.contentBlock.Commonmortgagequestions {max-width: 1200px}
.contentWrap.Commonmortgagequestions h2 {text-align:center; color: #C70067}
.accordion{ max-height: 90px; margin: 0 auto;border-bottom: 1px solid #001755; overflow: hidden; transition: all 0.3s ease; margin-bottom: 20px;}
.accordion .accordion_tab{font-family: museo-sans-rounded, sans-serif; padding: 25px 0; cursor: pointer; user-select: none; font-size: 26px; font-weight: 800; 
position: relative; color: #001755; display: flex;align-items: center;height: 70px}

.accordion .accordion_tab h2 {font-family: museo-sans-rounded, sans-serif; margin: 0; cursor: pointer; user-select: none; font-size: 26px;
font-weight: 800; max-width: 85%; display: block !important; position: relative; color: #001755; text-align: left;}
.accordion .accordion_tab p.title {font-family: museo-sans-rounded, sans-serif; margin: 0; cursor: pointer; user-select: none; font-size: 26px;
font-weight: 800; max-width: 85%; display: block !important; position: relative; color: #001755}
.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: 1400px; transition: all 0.5s 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;}

@media all and (max-width: 1000px)  {	.accordion .accordion_tab {padding: 10px 0px 0px 0px;}
.contentWrap.Commonmortgagequestions h2 {font-size: 30px; line-height: 40px; margin: 0 0 12px 0;}
.contentWrap.Commonmortgagequestions {padding: 20px 0;}
.accordion .accordion_tab h3 {  font-size: 16px;  text-align: left;  max-width: 80%;}}


/* Homepage Guides*/

.contentWrap.guides {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%;height: 400px;display:block;margin: auto;}

.single-post .contentBlock.guides {width: 100%; max-width: 100%}


.single-post  .contentBlock.guides .guideBlock {flex-basis: 23%}

.single-post  .contentBlock.guides .guideBlock:last-child {margin-right: 0}

.contentBlock.guides{
flex-basis: 31.3%;
    margin: 1%;
    position: relative;
  display: inline;width: 100%;}

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

.contentWrap.guides h2 {color: #fff; text-align: center; margin-bottom: 30px;  font-family: museo-sans-rounded, sans-serif;
  font-weight: 800; font-size: 40px}
.carousel {
  background: transparent;
}

.carousel-cell {
  width: 370px;
  height: 200px;
  margin-right: 10px;
  
  border-radius: 5px;
}

.carousel-cell:before {
  display: block;
  text-align: center;
  
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.flickity-button {
  display: none;
  }

.contentWrap .guides .carousel-cell p {color: #ffffff;
position: absolute;
text-align: center;
font-size: 28px;
font-family: 'museo-sans-rounded', sans-serif;
}

.malcolm-guides-cell {display: flex;justify-content: center;
align-items: center;}

/* Footer */

.contentBlock.footeraccord .accordion {max-height: 90px}

.contentBlock.footeraccord .accordion.hsBlock_1 {max-height: 600px}
.contentBlock.footeraccord .accordion .accordion_tab h2 {display: block;
  color: #DD0170;
  font-family: museo-sans, 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;
  padding-bottom: 10px;
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  transition: all 0.3s ease;
  color: #000000;
font-size: 16px;}

.contentBlock.footeraccord .accordion ul li {list-style: none}
.contentBlock.footeraccord .accordion ul {padding: 0}

.footer-item .item {display: flex;
	align-items: center;}

.footer-item .item picture:first-child { width: 125px; height: 65px;}
.footer-item .item picture:last-child {margin: 0px 0px 0px 25px; width: 125px; height: 44px;}

.contentBlock.footeraccord .item picture:first-child { width: 130px; height: 65px;}
.contentBlock.footeraccord .item picture:last-child {margin: 0px 0px 0px 25px; width: 125px; height: 44px;}


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

.contentBlock.footeraccord .item img:first-child { width: 100px; height: 52px;}
.contentBlock.footeraccord .item img:last-child {width: 100px; height: 35px;}

}

.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: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 14px;line-height: 18px;}
.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 {

}

.collapse a {
display: block;
color: #DD0170;font-family: museo-sans, sans-serif;
font-weight: 700;
font-style: normal; font-size: 18px;
border-bottom:  1px solid #808BAA;
padding: 15px 0;

position: relative;
}

.collapse a.instagram {

}

.collapse a.twitter {

}


.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: museo-sans, sans-serif;
  font-weight: 300;
  transition: all 0.3s ease; 
  color: #000000; font-size: 16px}
.collapse ul li  a:hover {color: #DD0170}
.collapse ul li  a:before {content: none}
.collapse a:before {

}

.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);
}

.contentBlock.footeraccord .item {margin-bottom: 20px; display: flex; align-items: center;}
* {
    box-sizing: border-box;
}
/* Service Guides */

.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%; position: relative;
    z-index: 3;}

.contentWrap.Reviews h2 {color: #fff; text-align: center; margin-bottom: 30px;  font-family: museo-sans-rounded, sans-serif;
font-weight: 800; font-size: 29px}
.single-post .contentBlock.guides {width: 100%; max-width: 100%}

.single-post  .contentBlock.guides .guideBlock {flex-basis: 23%}

.single-post  .contentBlock.guides .guideBlock:last-child {margin-right: 0}

.contentBlock.guides img {border-radius: 30px; padding:15px;}
.contentBlock.guides img:hover {cursor: pointer;}

/* Regulatory Information */
.contentWrap.regulatory-information {display: block; background-color: #001755;  padding: 25px 0px 50px 0px;}
.contentBlock.regulatory-information {}
.contentWrap.regulatory-information h4 {    color: #ffffff;
font-size: 40px;
font-family: museo-sans-rounded, sans-serif;
font-weight: 800;
text-align: center;
margin: 15px;
}

.contentWrap.regulatory-information p {    color: #ffffff;
font-size: 17px;
font-family: museo-sans, sans-serif;
font-weight: 300;
text-align: center;
line-height: 20px;}

/* Footer */
.foot-soc {margin:  5px; height: 20px}
.footer-item a:last-child .foot-soc img {height: 20px; margin-bottom: 5px;}
.contentBlock.footeraccord a:last-child .foot-soc img {height: 20px; margin-bottom: 5px;}
.footerContainer.contentWrap {}
.footerContent.contentBlock {display: flex; justify-content: space-between; padding: 80px 0; align-content: center}
.footer-item-first {flex-basis: 33%}
.footerContent.contentBlock h4 {color: #DD0170;font-family: museo-sans, 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: museo-sans, sans-serif;
font-weight: 300;transition: all 0.3s ease;color: #000000}
.footerContent.contentBlock ul li a:hover {color: #DD0170}
.footerContent.contentBlock p {font-family: museo-sans, sans-serif;
font-weight: 300; font-size: 13px; color: #000;}
.footer-item {flex: 1}
.footer-item:first-child {margin-right: 8%}
.footer-item:nth-child(2) {display: flex;}
.footer-item-services {width: 200px; margin-right: 30px;}
.footer-item-services:last-child {padding-top:40px;}
.footer-logo {max-width: 170px;}

.footer-logo:first-child img {max-width: 170px;}

@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: 997;}

.footer-item:first-child .reviews-white {margin: 20px 10px 0px 0px;}
.footer-item .reviews-white .item img {margin: 0;
  width: auto;
  height: auto;}
p.phone-mob {margin: 0}
p.phone-mob a {border: none;padding-bottom: 10px;
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  transition: all 0.3s ease;
  color: #000000;
  font-size: 16px;padding: 0}

.contentBlock.footeraccord .accordion_item {margin-bottom: 0px;}
.contentBlock.footeraccord .accordion_item .menu-footer-container ul {margin: 0px;}
.contentBlock.footeraccord div:last-child ul {margin: 0;}

.contentBlock.footeraccord .accordion .accordion_tab { padding: 0;}
.contentBlock.footeraccord .accordion { max-height: 80px;}
.contentBlock.footeraccord .accordion .accordion_tab .accordion_arrow { top: 30px;}
.contentBlock.footeraccord .accordion .accordion_content {padding-bottom: 20px;  margin-top: 10px;}

@media all and (max-width: 1060px){.footer-item-services {width: 160px; margin-right:15px;}}
@media all and (max-width: 950px){.footer-item:nth-child(2) p {font-size: 13px;} .footerContent.contentBlock ul li {font-size: 14px;}
.footer-item-services {
width: 117px;
margin-right: 15px;
}}
/* Cookie Banner */
#myCookieConsent {
z-index: 999;
    min-height: 20px;
    font-family: museo-sans-rounded, sans-serif;
    padding: 0;
    background: #d8ecf1;
    overflow: hidden;
    position: fixed;
    color: #001755;
    bottom: 0px;
    display: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin: auto;
}
#myCookieConsent div {
padding: 15px 0 10px ;
	background:#d8ecf1;
}
#myCookieConsent a {
background: linear-gradient(to right, #DD0170 50%, white 50%);
background-size: 200% 100%;
background-position: right bottom;
padding: 10px 25px;
color: #DD0170;
font-family: museo-sans-rounded, sans-serif;
font-weight: 800;
border: 2px solid #DD0170;
transition: all 0.3s ease-out;
position: relative;
border-radius: 40px;
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: linear-gradient(to right, #DD0170 50%, white 50%);
background-size: 200% 100%;
background-position: right bottom;
padding: 10px 25px;
color: #DD0170;
font-family: museo-sans-rounded, sans-serif;
font-weight: 800;
border: 2px solid #DD0170;
transition: all 0.3s ease-out;
position: relative;
border-radius: 40px;
font-size: 14px
}
#myCookieConsent a#cookieButton:hover {
color: white;
background-position: left bottom;
}

@media all and (max-width: 901px)   {
#myCookieConsent.one {height: 90px}
#myCookieConsent.one {position: inherit}
.contentBlock.footeraccord .accordion ul li {padding: 8px 0px;}
.contentBlock.footeraccord .accordion .accordion_tab h2 {}
}

  @media (min-width: 901px){
.contentBlock.footeraccord {
  display: none;
}}

.footer-item:nth-child(2) p{color: #DD0170; font-size:16px; font-family:museo-sans-rounded; font-weight:700; font-style:normal;}
.footer-item:nth-child(3) p{color: #DD0170; font-size:16px; font-family:museo-sans-rounded; font-weight:700; font-style:normal;}

.page-template-default table {
    margin: 25px 0;
    font-family: 'museo-sans', sans-serif;
    font-weight: 500;
}

.page-template-default table tbody tr {
    border: 1px solid;
}

/*********** Mortgage Service Page ****************/

.contentWrap.Mortgagebanner { position: relative;border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%;overflow: hidden}
.contentBlock.Mortgagebanner{padding: 40px 0 75px; text-align: center;}

  .contentWrap.ServiceMobilebanner {display: none;}

.contentBlock.Mortgagebanner a {    margin: 5px;}
.contentBlock.Mortgagebanner {padding: 30px 0 80px 0;}
.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-turquoise {
background: linear-gradient(270deg, #00b5d1 5%, #28b5a7);
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;}

.contentBlock.Mortgagebanner h1 {text-align: center;max-width: 80%;color: #fff;margin:0 auto 15px}
.contentBlock.Mortgagebanner p {text-align: center;max-width: 80%;color: #fff;margin: auto;font-family: "Helvetica", Sans-Serif;font-size: 18px; margin-bottom: 25px;}

.contentBlock.Mortgageintro a {display: flex; justify-content: center;}



.reviews-white {display: flex;
  justify-content: center;
  width: max-content;
  margin: auto;
	
  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%);
}

.page-template-home .reviews-white {position: relative;}
.footer-item .reviews-white {position: relative;}
.reviews-white .item {    padding: 0 10px;
  text-align: center;flex-direction: column;}

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

.contentWrap.Mortgage-two-rows {}

.contentBlock.Mortgage-first-row {padding: 85px 0 0;display: flex;align-items: center}
.contentBlock.Mortgage-first-row .item {flex: 1; margin: 0 2%; position: relative}

.contentBlock.Mortgage-first-row .item .one {position: absolute;
  left: 27px;
  top: -19px;
  width: 524px;
  z-index: -1;}
.contentBlock.Mortgage-first-row .item .two {
  position: absolute;
  left: -15px;
  bottom: -2px;
  z-index: -1;
  width: 520px;
}

.contentBlock.Mortgage-first-row .item iframe {border: 2px solid #000000; border-radius: 5px; max-width: 100%}
.contentWrap.Mortgage-two-rows h3 {
color: #001755;
  margin: 0;
  font-family: museo-sans-rounded, sans-serif;
  line-height: 28px;
  font-size: 26px;
  max-width: 90%;
}
.contentWrap.Mortgage-two-rows h2 {
color: #001755;
  margin: 10px 0;
  font-family: museo-sans-rounded, sans-serif;
  line-height: 40px;
  font-size: 30px;
  max-width: 90%;
}


.contentWrap.Mortgage-two-rows p {font-size: 17px;color: #001755;line-height: 25px;  font-family: "Museo-Sans", Sans-Serif; font-weight: 300;}
.contentWrap.Mortgage-two-rows .button.blue {margin: 0 0 5% 2%; display: inline-block}
.page-template-landing-page .contentWrap.Mortgage-two-rows .button.blue {margin: 0 0 5% 0%;}
.page-template-service-landing-page .contentWrap.Mortgage-two-rows .button.blue {margin: 0 0 5% 2%; display: none}
.contentBlock.Mortgage-second-row {padding:0 0 45px;display: flex;align-items: center}
.contentBlock.Mortgage-second-row .item {flex: 1; margin: 0 2%; position: relative}
.contentBlock.Mortgage-second-row .item:first-child {text-align: center} 
.contentBlock.Mortgage-second-row .item .one {}
.contentBlock.Mortgage-second-row .item .two {position: absolute; left: -15px; bottom: 10px; z-index: -1; width: 520px;}

.contentBlock.Mortgage-last-row {display: flex;align-items: center}
.contentBlock.Mortgage-last-row .item {flex: 1; margin: 0 2%; position: relative}
.contentBlock.Mortgage-last-row .item .one {position: absolute; left: -10px;  top: -19px;  width: 524px;  z-index: -1;}
.contentBlock.Mortgage-last-row .item .two {  position: absolute;  left: 14px;   bottom: -2px;   z-index: -1;  width: 520px;}
.contentBlock.Mortgage-last-row .item iframe {border: 2px solid #000000; border-radius: 5px; max-width: 100%}

.contentWrap.Fourstep {margin: 2% auto;}
.contentBlock.Fourstep .item {display: flex; justify-content: space-between;}


.Fourstep h2 {color: #C70067; font-size: 40px; text-align: center;}
.line-desktop {width: 100%; position: absolute; margin: 180px 0px 0px 0px; height: 5px;}

.contentBlock.Fourstep .item img {max-width: 200px;}
.contentBlock.Fourstep h3 {color: #00b5d1; cursor:text; font-size: 30px; margin-top: 20px; width: 200px;
text-align: center;}
.contentBlock.Fourstep p {font-size: 17px; color: #001755; text-align: center; font-weight: 1000; width: 200px;}

.contentWrap.Mortgagereasons {background-color: #001755;padding: 45px 0 45px 0; border-radius: 50% 50% 0% 0% / 10% 10% 3% 3%;}
.contentBlock.Mortgagereasons {display: flex;}
.contentBlock.Mortgagereasons .item-one {width: 65%;}
.contentBlock.Mortgagereasons .item-one  .accordion {margin: 0 6% 0 0;}
.contentBlock.Mortgagereasons .item-two img {bottom: -45px;}
.contentBlock.Mortgagereasons img {max-width: 430px; z-index: 0;  position: absolute;}
.contentWrap.Mortgagereasons h2 {color: #fff;  font-size: 40px;  text-align: center;}
.contentWrap.Mortgagereasons h3 {color: #fff;  font-size: 30px;  text-align: left;}
.contentWrap.Mortgagereasons .accordion_item p {color: #fff !important;  line-height: 25px;}
.accordion_item p {line-height: 25px;}
.contentWrap.Mortgagereasons .accordion_content a {color: #00b5d1;}

.contentWrap.Mortgage-two-rows .item ul {
font-size: 17px;
color: #001755;
line-height: 25px;
font-family: "Museo-Sans", Sans-Serif;
font-weight: 300;

}
.contentWrap.Mortgage-two-rows .item ul li {
font-size: 17px;
color: #001755;
line-height: 25px;
font-family: "Museo-Sans", Sans-Serif;
font-weight: 300;

}
.contentBlock.Mortgagefaq ul {padding-inline-start: 20px;}
.contentBlock.Mortgagefaq ul li {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  font-family: "museo-sans", Sans-Serif;
  color: #001755;
  margin-bottom: 10px;
}

.contentBlock.MortgageIntro h2 {color:#001755;}

@media all and (max-width: 1000px)  {
.page-template-service-landing-page .contentWrap.Mortgage-two-rows .button.blue {display: inline-block}
.page-template-service-page .contentBlock.Mortgagebanner h1{font-size: 35px; line-height: 40px; text-align:left;} 
  .contentBlock.Mortgagebanner p {text-align: left;max-width: 90%; margin-bottom: 20px;}
	.reviews-white .item p {margin: 0}
.page-template-reviews-pagepage .contentBlock.Mortgagebanner h1{text-align:center;} 	
.page-template-reviews-pagepage .contentBlock.Mortgagebanner p{text-align:center;} 	
	
.contentWrap.Mortgagefaq {border-radius: 0;}
.contentBlock.Mortgage-first-row {flex-direction: column-reverse}
	.contentBlock.Mortgage-last-row {flex-direction: column-reverse;}
.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-first-row .button.blue {display: none}

.contentWrap.Mortgage-two-rows .contentBlock.Mortgage-second-row .button.blue {display: table; margin: auto;padding: 10px 80px}
.contentBlock.Mortgage-first-row {
  padding: 65px 0 10px;}

.contentBlock.Mortgage-first-row .item:last-child { width: 100%;margin: 0 0 25px}
.contentBlock.Mortgage-last-row .item:last-child { width: 100%; margin: 0 0 50px;}

.contentWrap.Mortgageintro {margin-top: 25px;	}

.contentBlock.Mortgage-second-row {display: block}
.contentBlock.Mortgage-second-row .item:first-child {display: none}

.contentBlock.Mortgage-first-row .item .one {
  position: absolute;
  left: 24px;
  top: -30px;
  width: 524px;
  z-index: -1;
  max-width: 98%;
}
.contentBlock.Mortgage-first-row .item .two {
  position: absolute;
  left: -15px;
  bottom: 24px;
  z-index: -1;
  width: 520px;
}

.contentBlock.Fourstep .item img {
max-width: 150px;
margin: auto;
}

.reviews-white { padding: 12px 5px;}

.reviews-white .item { padding: 0 5px;}	

.line-desktop {
margin: 150px 0px 0px 0px;

}

.contentWrap.Mortgagereasons {border-radius:0;}
.contentWrap.Mortgagereasons h2 {font-size: 30px;}
.contentWrap.Mortgagereasons .accordion_tab h3 {font-size: 20px;}
.contentWrap.Mortgagereasons .item-two {display: none;}
.contentBlock.Mortgagereasons .item-one { width: 100%;}
.contentBlock.Mortgagereasons .item-one .accordion {margin: 0;}
.accordion .accordion_tab .accordion_arrow {right:5px;}	
	
	 .page-template-service-page .contentWrap.Mortgagebanner {display:none;}
	 .page-template-service-page-equity-release .contentWrap.Mortgagebanner {display:none;}
	 	.page-template-service-landing-page .contentWrap.Mortgagebanner {display:none;} 
	.page-template-equity-release-service-landing-page .contentWrap.Mortgagebanner {display:none;}
	 .contentWrap.ServiceMobilebanner {display:block;}
	 .contentWrap.Mortgageintro {display:none;}
	 .contentBlock.ServiceMobilebanner .item:last-child {background-image:none;}
	 .contentWrap.ServiceMobilebanner {background-image:none; background: linear-gradient(0deg, #4d00b3 25%, #c70067); padding: 10px 0px 60px 0px;}
	 .contentBlock.Mortgage-first-row .item:last-child iframe { position: absolute;  top: -45px; border: none;}
	
	.contentBlock.Mortgage-first-row .item { padding: 17% 0 0; margin: 0;}
	.contentBlock.Mortgage-second-row .item {margin: 0;}

	.contentBlock.ServiceMobilebanner h2 { text-align: left;  max-width: 100%;  color: #fff; margin: 5% 0;}
	.ServiceMobilebanner p {margin: 0 auto 5%; color:#fff; }
	.page-template-service-page .contentBlock.Mortgage-first-row {padding: 0;}
	.page-template-service-landing-page .contentBlock.Mortgage-first-row {padding: 0;}
	.page-template-service-page-equity-release .contentBlock.Mortgage-first-row {padding: 0;}
	.page-template-equity-release-service-landing-page .contentBlock.Mortgage-first-row {padding: 0;}
	.ServiceMobilebanner .button.darkblue {margin:0; display: block; text-align: center;}
	.ServiceMobilebanner .button.lightblue {margin:0; display: block; text-align: center;}
	
	.contentBlock.Mortgage-first-row .item .two {display:none;}
	 .contentBlock.Mortgage-first-row .item .one {display:none;}

.contentBlock.Fourstep p {font-size: 15px;line-height:20px;}	
	

}

@media all and (max-width: 700px){
	
	.contentBlock.Mortgage-first-row .item {margin: 0; padding: 20% 0 0 0;}
	.contentBlock.Mortgage-second-row .item { margin:0;}
	.contentBlock.Mortgage-first-row .item:last-child iframe { width: 100% !important; height: 270px;}
	.contentBlock.Mortgage-last-row .item iframe { width: 100% !important; height: 270px;}
.line-mobile {transform: rotate(90deg) translateY(140px); max-width: 500px; width: auto; z-index: -1;
  position: absolute; margin-top:315px;}
.contentBlock.Fourstep .item {flex-direction: row;}
.contentBlock.Fourstep .item img {max-width: 120px;}
.contentBlock.Fourstep .sub-item {justify-content: center; align-content: center;}
.contentBlock.Fourstep h3 {margin-top:0;}
.contentBlock.Fourstep p {margin:0 0 20px 0;}
.contentWrap.Mortgage-two-rows .button.blue {width: 100%; text-align: center;    margin: 0 auto 5% 0;}
}

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

.line-mobile {transform: rotate(90deg) translateY(180px); max-width: 500px;  position: absolute; margin-top:270px;}
.contentBlock.Fourstep .item {flex-direction: row;}
.contentBlock.Fourstep .item img { max-width: 120px; padding-right: 10px; margin-left: 25px;}
.contentBlock.Fourstep h3 {margin-top:20px;}
.contentBlock.Fourstep p {margin:0 0 20px 0;    font-size: 12px; line-height: 15px;  width: auto;}
	
.contentBlock.Mortgage-first-row .item {padding: 29% 0 0;}
	.contentBlock.ServiceMobilebanner h2  {font-size:30px;}
	
}

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

	.contentBlock.Mortgage-first-row .item { padding: 32% 0 0;}
	
}


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

	.contentBlock.Mortgage-first-row .item { padding: 29% 0 0;}
	.contentBlock.Mortgage-first-row .item:last-child iframe { height: 225px;}
	.contentBlock.Mortgage-last-row .item:last-child iframe { height: 225px;}
	
}

@media all and (max-width: 305px){
.line-mobile {transform: rotate(90deg) translateY(142px); max-width: 380px;  position: absolute; margin-top:200px;}
.contentBlock.Fourstep .item img{max-width: 95px;}
.contentBlock.Fourstep .sub-item { flex-wrap: wrap;}
.contentBlock.Fourstep h3 {font-size: 24px; margin-top: 0;}
.contentBlock.Fourstep p {font-size: 11px;}
	
	.contentBlock.ServiceMobilebanner h2 {margin: 10% 0 7% 0;}
	.ServiceMobilebanner p { margin: 0 auto 10%;}
	.contentBlock.Mortgage-first-row .item {padding: 26% 0 0;}
	.ServiceMobilebanner .button.darkblue {font-size: 15px;}
	.ServiceMobilebanner .button.lightblue {font-size: 15px;}
	.contentWrap.Mortgage-two-rows h2 {line-height: 30px; font-size: 25px; max-width: 100%;}
	.contentBlock.Mortgage-first-row .item:last-child iframe {height: 190px;}
	.contentBlock.Mortgage-last-row .item iframe {height: 190px;}
}



/*********** Landing Page ****************/
.page-template-landing-page .contentWrap.Mortgagereasons{border-radius: 0%;}
.page-template-landing-page h1. {color: #fff; font-size: 52px; line-height: 56px; margin: 0; font-weight: 800; max-width: 450px;}
.page-template-landing-page .contentWrap.Mortgage-two-rows .button.blue {margin: 0 0 5% 0%}
.page-template-landing-page .contentWrap.Homebanner p.button-intro { line-height: 35px;}
@media (max-width: 1000px){
.page-template-landing-page .button.lightblue { margin: 20px auto 0px 0px; display: -webkit-inline-box; text-align: center; z-index: 1;}}

@media (max-width: 500px){.page-template-landing-page .button.darkblue {font-size: 14px;}
	.page-template-landing-page .button.lightblue {font-size: 12px; width: 100%; display:block;}}
@media (max-width: 400px){.page-template-landing-page .button.lightblue {font-size: 11px; width: 100%}}


/*********** Book Now Page ****************/
@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: 1001px)  { .tab {display: none}.contentWrap.Mobilebanner {display: none} }
@media all and (max-width: 1001px)   { .headerContent.contentBlock {padding: 20px 0; width:90%;} .headerContainer.contentWrap { position: relative; width:100%}}
@media all and (max-width: 1001px)   {

#myCookieConsent.one {height: 90px}
.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: #c70067;
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}

.contentWrap.getstarted .item:last-child {display: none;  min-height: 1200px;}
.contentWrap.getstarted {display: block}
.page-template-get-started .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-get-started .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: 25px}

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


.contentWrap.Mortgagebanner {    border-radius: 50% 50% 50% 50% / 0% 0% 2% 2% ; }
.contentBlock.Mortgagebanner {padding: 25px 0 40px 0; width: 100% }

.page-template-service-page .contentBlock.Mortgagebanner {width: 90%; text-align: left;     padding: 35px 0 45px;}
.contentBlock.Mortgagebanner a {margin: 0px auto 10px auto;  display: block;   text-align: center; max-width: 90%;}
.page-template-service-page-equity-release .contentBlock.Mortgagebanner {  width: 90%;}
.page-template-equity-release-mortagepage .contentBlock.Mortgagebanner {width: 90%}
.contentBlock.Mortgagebanner h1 {max-width: 90%; font-size: 35px; line-height: 40px; text-align: left;}


.reviews-white {width: auto}

.header-item .button.pink {display: none}
.header-item .button.blue {display: none}
.deskb {display: none}
.mobi-foot {display: flex;bottom: 0;
width: 100%;
flex-direction: column;
z-index: 99999;position: sticky}
#myCookieConsent.one {position: inherit}

.floating-cta {position: inherit;bottom:auto;}
}
@media all and (min-width: 901px)  {.menu-trigger.right {display: none}.mobib {display: none}}

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




.contentBlock.service-list .drop-down .grid-row {flex-flow: wrap}
.contentBlock.service-list .drop-down .grid-col-3 {flex-basis: 46% !important}	

.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 { max-width: 175px;}
.header-item .button {display: none}
	.contentBlock.guides {display: block}
.contentBlock.guides{ flex-basis: 31.3%; margin: 0; display: block;width: 100%;}
.flickity-slider {left: -90px !important;} 
.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%;

}}

@media all and (max-width: 600px)  {.button-wrap {display: block}.button-wrap .homeServiceBlock  {margin: 5% 0}.accordion .accordion_tab h2 {font-size: 16px; text-align: left; max-width: 80%;}
.accordion .accordion_tab p.title {font-size: 22px;}
.contentWrap.single iframe {height: 240px}

}

@media all and (max-width: 450px)  {.header-logo {max-width: 190px}
	.menu-trigger.right {padding: 10px 15px 10px 50px; background-position: 16px center; right:0px;}

}

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

.accordion .accordion_tab p.title {
font-size: 14px;
	}
.menu-trigger.right {margin-left: 30px; font-size: 12px;    padding: 10px 16px 10px 40px; background-position: 13px center;}
}
@media all and (max-width: 355px)  {
.header-logo {
max-width: 150px;
    margin-left: 0;
}



}

/*********** About Us Page ****************/
.contentWrap.About-us-first-row {margin: 50px 0 0 0;}
.contentBlock.About-us-first-row {padding: 0px 0 0;display: flex;align-items: center; justify-content: space-between;}
.contentBlock.About-us-first-row a {display: inline-block; }

.contentBlock.About-us-first-row div:last-child {display: contents;}

.contentBlock.About-us-first-row .item iframe {border: 2px solid #000000; border-radius: 5px; max-width: 100%}
.contentWrap.About-us-two-rows h3 {
color: #001755;
   margin: 0;
   font-family: museo-sans-rounded, sans-serif;
   line-height: 28px;
   font-size: 26px;
   max-width: 90%;
}
.contentWrap.About-us-first-row h2 {
color: #001755;
   margin: 0;
   font-family: museo-sans-rounded, sans-serif;
   line-height: 36px;
   font-size: 30px;
   max-width: 90%;
}

.contentBlock.About-us-first-row p {
margin-left: 0;
margin-bottom: 10px;

}

.contentBlock.About-us-first-row div:first-child {width: 70%; margin-bottom: 30px;}

.contentBlock.About-us-first-row .item img {max-width: 325px;}

.contentWrap.About-us-two-rows p {font-size: 18px;color: #001755;line-height: 25px;  font-family: "Museo-Sans", Sans-Serif; font-weight: 300;}
.contentWrap.About-us-two-rows.button.blue {margin-left: 0; margin-top: 5px; display: inline-block}


@media all and (max-width: 700px){
.contentBlock.About-us-first-row {display: block;}
.contentBlock.About-us-first-row div:first-child {width: 100%;}
.contentWrap.About-us-first-row h2 {text-align: center; max-width: 100%;
  margin: 20px;}
  .contentWrap.About-us-first-row a {display: none;}
  .contentBlock.About-us-first-row .item img {display: none;}
}

/* Case Studies */ 
.contentWrap.Casestudies {background-color: #001755; padding: 25px 0; background-size: 101%}
.contentWrap.Casestudies h2 {color: #fff; text-align: center;}
.contentWrap.Casestudies h3 {color: #001755; text-align: center; font-size: 28px; background-color: #fff; max-width: 100%;  font-weight: 500 ; margin-top: -5px; padding: 20px; max-width: 350px;}
.contentWrap.Casestudies p {color: #001755; text-align: center; font-size: 18px; background-color: #fff; max-width: 100%; border-radius: 0 0 30px 30px;  font-weight: 300 ; margin: 0; padding: 5px 10px 20px 10px; max-width: 350px;}
.contentWrap.Casestudies img { border-radius: 30px 30px 0 0; max-width: 350px;}

.contentWrap.Casestudies .desk .carousel-cell {background-color: #001755;}
.contentWrap.Casestudies .flickity-slider {left: 0 !important;}
.contentWrap.Casestudies .flickity-viewport { height: 450px !important;} 
.contentWrap.Casestudies .guideBlock {padding: 0 50px 0 0; text-align: center;}

@media all and (max-width: 700px){.contentWrap.Casestudies .guideBlock {padding: 20px 50px;}
	.contentWrap.Casestudies img { max-width: 100%;}
}

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

.contentWrap.Casestudies h2 {font-size: 30px; margin: 20px;}

}


/* Areas Covered Section */
.AreascoveredMap h2{text-align: center; color: #c70067; margin-bottom: 50px; font-size: 40px;}
.AreascoveredMap p{margin: 0; font-size: 17px;}
.AreascoveredMap .button p:hover{color: #fff; transition: all 0.1s ease-out;}

.AreascoveredMap  p.button-intro {color:#00C8E5;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 20px; margin-top:10px;}

.Popularareas_block {display: flex; flex-wrap: wrap;  justify-content: left; padding: 15px 0 0 0;}
.Popularareas_block .button-wrap {padding: 0 10px 0 0;}
.Popularareas_block .button-wrap .button.blue {margin: 0 0 10px 0;}
.Popularareas_block .button-wrap .button.pink {margin: 0;}
.Popularareas_block a{font-size: 15px; font-family: museo-sans, sans-serif;
font-weight: 700; margin: 0 0 auto 0;}

.Popularareas_block p{font-weight: 700; font-size: 15px;     color: #00b5d1;}


.areascoveredapi {height: 400px; width: 100%;}
.contentWrap.AreascoveredMap{margin: 50px auto 50px auto;}
.contentBlock.AreascoveredMap{}


.contentBlock.AreascoveredMap h3{color: #c70067;
font-size: 18px;}


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

  .Popularareas_block .button-wrap {margin: 10px 0 0 0; padding: 0; display: contents;}
  .Popularareas_block a {padding: 10px 50px; margin: 0; width: 90%; text-align: center; width: 1000%;}
  
  .Popularareas_block .button-wrap .button.blue {margin-bottom: 10px;}

  .contentWrap.AreascoveredMap {
    margin: 25px auto 25px auto;
}
}

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


.Popularareas_block .button-wrap {margin: 10px 0 0 0; padding: 0; display: contents;}
.Popularareas_block a {padding: 10px 50px; margin: 5px 0; width: 90%; text-align: center; width: 70%;}

.Popularareas_block {
  display: grid;
  padding: 15px 0 0 0;
  margin: 0 auto;
  width: 100%;
  justify-items: center;
  justify-content: center;
}

.Popularareas_block .button-wrap .button.blue {margin: 5px 0;  width: 100%;}
.Areascovered p.button-intro {text-align: center;}

}

/*Reasons */
.contentWrap.Reasons {padding: 80px 0; background-image: url(../images/reasons-bg.svg) }
.contentWrap.Reasons h2 {text-align: center;color: #00C8E5; margin: 0 0 80px}
.contentWrap.Reasons .reasonsBlock {box-shadow: 0px 0px 6px #00000024;
  flex-basis: 48%;
  margin: 0.5%;
  padding: 35px;
  border-radius: 10px;}
.contentBlock.Reasons{
display: flex;
  flex-flow: row wrap;
justify-content: flex-start;}
.contentBlock.Reasons h3 {background-repeat: no-repeat; padding-left: 50px;color: #001755;font-family: museo-sans, sans-serif;line-height: 26px;
  font-weight: 700; font-size: 26px; background-position: left; margin: 0; }

.contentBlock.Reasons p {font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 17px;
  margin: 20px 0 0;
  line-height: 25px;}

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

    .contentWrap.Reasons h2 {
      font-size: 30px;
      margin-bottom: 10px;
      text-align: center;
    }
    
    .contentWrap.Reasons  {padding: 40px 0; max-width: 90%;}
    .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}
        }



/*********** Guides Page ****************/
.contentBlock.Guidebanner {padding: 60px 0;     width: 100%;}
.contentBlock.Guidebanner h1 {text-align: center;max-width: 80%;color: #fff;margin:0 auto 35px}


.contentBlock.Guidebanner  p.sub-title {color:#00C8E5;font-family: museo-sans, sans-serif;
  font-weight: 700; font-size: 32px; margin: 32px 0px 0px 0px; padding: 0 0 0 110px;}


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

ul.guides li {list-style: none; margin: 0px;}
ul.guides li a {font-size: 16px ;color: #ffffff;font-family: museo-sans, sans-serif !important;font-weight: 600;padding: 10px 30px;
  background-color: #001755; border-radius:25px;border: 1px solid #00b5d1;transition: all 0.3s ease-out;}
ul.guides li a:hover {background-color: #00C8E5;color: #fff} 
ul.guides li a.active {background-color: #00b5d1;color: #ffffff} 

ul.guides li {margin: 20px 20px 20px 0px; width: 310px; display: grid; text-align: center;}

ul.guides .sub-title p{font-size: 32px ; text-align: center;font-family: museo-sans, sans-serif !important;font-weight: 600}

.banner-mask-guides {position: absolute;background-image: url(../images/mm-back.svg);
  height: 100%;
  width: 100%;
  right: 0;} 


.contentBlock.guides .guideBlock {
flex-basis: 31.3%;
    margin: 1%;
    position: relative;}

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

.branchImage h3 {font-family: museo-sans-rounded, sans-serif; font-size: 26px; color: #001755}
.branchImage h2 {font-family: museo-sans-rounded, sans-serif; font-size: 22px; color: #c70067}
.branchImage p {font-size: 16px;color: #001755;font-family: "Helvetica", Sans-Serif;line-height: 22px}



/* Default Content */

.guide-title {
max-width: 1050px;
color: #001755;
font-family: museo-sans-rounded, sans-serif;
line-height: 28px;
font-size: 32px;
margin: 25px auto;
width: 90%;
text-align: center;}  

.contentBlock.Guidespage{
    padding: 0px 0;
  display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;    }

  .contentBlock.Guidespage .guideBlock {
    flex-basis: 31.3%;
        margin: 1%;
        position: relative;
  background-color: #e7fcff;
  padding: 10px;
  border-radius: 10px;
  margin: 10px auto 25px;}
      
    

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

  .page-template-area-guidespage .contentBlock.Guidebanner .guide-title {margin: 50px auto; font-size:52px; line-height: 55px;}
.page-template-area-guidespage .contentBlock.Guidespage .guideBlock {box-shadow: 0 4px 15px #0002; background-color: #ffffff;}
.page-template-area-guidespage .contentBlock.Guidespage .guideBlock img {display:none;}    


/* Guides Navigation*/
.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:museo-sans, sans-serif; color:#4d00b3;
  background: transparent;
    color: #c70067;
    transition: all 0.3s ease;
    font-family: museo-sans-rounded,sans-serif;
    font-weight: 700;
    border: none;
}

.wp-pagenavi a, .wp-pagenavi span p {font-family:museo-sans, sans-serif;
background: transparent;
    color: #001755;
    transition: all 0.3s ease;
    font-family: museo-sans-rounded,sans-serif;
    font-weight: 700;
    border: none;
}
.wp-pagenavi span.pages {
  background: transparent;
    color: #001755;
    transition: all 0.3s ease;
    font-family: museo-sans-rounded,sans-serif;
    font-weight: 700;	
      border: none;
}
.wp-pagenavi .nextpostslink{border: none;}
.wp-pagenavi .extend{border: none;}
@media (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 li {
  list-style: none;
  margin: 0px 15px;
}

ul.guides li a {
  padding: 20px 30px;
}
}

@media (max-width: 768px){
.contentBlock.Guidespage {      display: block;  }
.guide-title {line-height:36px}
.contentWrap.Homebanner.Guidesbanner{
  display: block!important;
}
}

/*Single Guides */
.single-post .contentBlock.single h1.pageTitle { font-size: 40px; color: #001755;font-family: museo-sans-rounded, sans-serif; margin-top: 25px;line-height: 40px; margin: 35px 0;}
.single-post  .wp-block-image {margin: 0}

.contentWrap.single {
border-top: 1px solid #e2dada;}

.contentWrap.single .wp-block-embed  {margin: 0}
.contentWrap.single iframe {width: 100%; height: 400px; margin-top: 20px}
.single-post .contentBlock.single {max-width: 800px}

.single-post .contentBlock.single p {font-size: 16px;line-height: 20px; font-family: "museo-sans", Sans-Serif; }

.single-post  .contentBlock.single ul li {font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  font-family: "museo-sans", Sans-Serif;
  color: #001755;
  margin-bottom: 10px;}
.single-post .contentBlock.single h3 {color: #001755; font-size: 18px;line-height: 20px; font-family: museo-sans, sans-serif; font-weight: 600;}
.single-post .contentBlock.single h2 {color: #c70067; font-size: 23px;font-family: museo-sans, sans-serif; }
.single-post .contentBlock.single p.name {color: #001755; font-size: 18px;    font-weight: 500 !important;
  font-family: "Helvetica", Sans-Serif; }

.single-post .contentBlock.single ol li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "museo-sans", Sans-Serif;
    color: #001755;
    margin-bottom: 10px;
}
  
.contentBlock.single ol {
    padding-inline-start: 20px;
}

  .single-post .contentBlock.single .homeServiceBlock {padding: 20px;} 

.contentBlock.single ul {padding-inline-start: 20px;}

.contentWrap.relates-guides {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.relates-guides h2 {color: #fff; text-align: center; margin-bottom: 30px;  font-family: museo-sans-rounded, sans-serif;
  font-weight: 800; font-size: 29px}

  .contentWrap.relates-guides h3 {color: #fff;
    text-align: center;
    margin: 10px 0px 30px 0px;
    font-family: "museo-sans-rounded", sans-serif;
    font-weight: 500;
    font-size: 18px;
  max-width: 100%;}

    .contentBlock.relates-guides {padding: 0px 0;
      display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;max-width: 1050px}
.relates-guides img{max-width: 85%; border-radius: 15px;}

.contentBlock.relates-guides .guideBlock {
flex-basis: 20%;
    margin: 1%;
    position: relative;}

    .single-post .contentBlock.relates-guides {width: 85%; max-width: 100%}

    .single-post  .contentBlock.relates-guides .guideBlock {flex-basis: 23%;     text-align: center;}
    
    .single-post  .contentBlock.relates-guides .guideBlock:last-child {margin-right: 0}

    .guideBlock p {
      font-size: 16px;
      line-height: 20px;
      font-family: "museo-sans", Sans-Serif;
  }

  .wp-element-caption {
    font-size: 16px;
    line-height: 20px;
    font-family: "museo-sans", Sans-Serif;
    color: #c70067;
}

@media all and (max-width: 700px){
	
	.contentBlock.relates-guides {flex-direction: column;}
	
}


  /*********** Default Page ****************/
  .contentWrap.default {border-top: 1px solid #e2dada;}
  .contentBlock.default{}
  .contentBlock.default h1 {font-size: 40px;
    color: #001755;
    font-family: museo-sans-rounded, sans-serif;
    margin-top: 25px;
    line-height: 40px;
    margin: 35px 0;}

    .contentBlock.default h2 {color: #c70067;
      font-size: 23px;
      font-family: museo-sans, sans-serif;}

      .contentBlock.default h3 {color: #c70067;
        font-size: 23px;
        font-family: museo-sans, sans-serif;}

  .contentBlock.default ul {padding-inline-start: 20px;}

  .contentBlock.default ul li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "museo-sans", Sans-Serif;
    color: #001755;
    margin-bottom: 10px;
}

.page-template-default table tbody tr {
  border: 1px solid;
}

.page-template-default table tr td {
text-align: center;
border: 1px solid;
padding: 15px 5px;
}

.page-template-default .MortgageIntro p {
max-width: 100%;
}

.page-template-default table {
margin: 25px 0;
font-family: 'museo-sans', sans-serif;
font-weight: 500;
}

  /*********** Meet the Team Page ****************/
  .contentWrap.meet-the-team { }
  .contentBlock.meet-the-team { }

   .contentBlock.meet-the-team-mobile {
    width: 100%;
   }

  .contentWrap.meet-the-team h2 {
      color: #001755;
          margin: 0;
          font-family: museo-sans-rounded, sans-serif;
          line-height: 35px;
          font-size: 30px;
          text-align: center;
          padding-top: 30px;
  }
  
  .meet-the-team-images {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.meet-the-team-images .item {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.meet-the-team-images .item p:nth-child(2) {color:#c70067;
font-family: museo-sans, sans-serif;
font-weight: 800;
font-size: 17px;
line-height: 26px;
margin: 0;


}

.meet-the-team-images .item p:nth-child(3) {color:#001755;
font-family: museo-sans, sans-serif;
font-weight: 700;
font-size: 17px;
line-height: 26px;
margin: 0;
}

.meet-the-team-images .item img {
max-width: 250px;}

.contentWrap .meet-the-team-mobile .flickity-viewport .carousel-cell {
margin-top: 0px;}

.contentWrap .meet-the-team-mobile .flickity-viewport {
height: 375px !important;}

.contentBlock.meet-the-team-mobile .flickity-slider .carousel-cell p{
max-width: 250px;
text-align: center;}

.contentBlock.meet-the-team-mobile .flickity-slider .carousel-cell p:nth-child(2) {
  color: #c70067;
  font-family: museo-sans, sans-serif;
  font-weight: 800;
  font-size: 17px;
  line-height: 26px;
  margin: 0; 
}

.contentBlock.meet-the-team-mobile .flickity-slider .carousel-cell p:nth-child(3) {
  color: #001755;
  font-family: museo-sans, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 26px;
  margin: 0;
}

.contentBlock.meet-the-team-mobile .desk .flickity-page-dots {display: block;}

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

/* New About Us */
.contentWrap.aboutus {margin: 25px auto;}
.contentBlock.aboutus {display:flex; justify-content: space-between; align-items: center; margin: 20px auto;}
.contentBlock.aboutus img {width: 330px; height: 200px;border-radius: 10px;}
.contentBlock.aboutus:last-child {text-align: right;}
.contentBlock.aboutus:last-child img {width: 325px;height: 325px;}
.contentBlock.aboutus .item {display:flex; flex-direction: column; max-width:65%; position: relative;}
.contentBlock.aboutus .item h2 {color: #001755; margin:0;}

.contentBlock.aboutus .item .one {position: absolute; left: 27px; top: -19px; width: 524px; z-index: -1;}
.contentBlock.aboutus .item .two {position: absolute; left: -15px; bottom: -25px; z-index: -1; width: 520px;}

.page-template-about-us .contentBlock.intro img { padding: 0px 0px 0px 10px; max-width: 200px;}
.page-template-about-us .sub-item {display: block; padding-top:0px}
.contentWrap.Directors { background: #EBE3F7;}
.contentWrap.intro { background: #EBE3F7;}
.contentBlock.Directors .item {display:flex; justify-content: center; padding: 40px 0px 0px 0px;}
.contentBlock.intro .item { display: flex;  justify-content: center;  padding: 10px 0px 0px 0px;  align-items: center;}
.contentWrap.intro h2 {color:#c70067; text-align:center; font-size:50px; margin:20px}
.contentBlock.Directors .item .row {display:flex; align-items: center;}
.contentBlock.Directors .item .row.left {justify-content: flex-start; flex-direction: row-reverse;}
.contentBlock.Directors .item .row.right {justify-content: flex-start; flex-direction:row;}
.contentBlock.Directors .item .row img {max-width:40px; display: block;}
.contentBlock.Directors p {font-size: 40px; font-family: museo-sans-rounded, sans-serif; color: #38363f; margin: 0;     font-weight: 400;}
.contentBlock.Directors .item img {margin:0px 20px;}
.contentBlock.Directors .item h3 {color:#c70067; font-size:30px; margin:0px; max-width:100%; font-weight: 300;}
.contentBlock.Directors .item p {font-size: 16px; font-family: museo-sans, sans-serif; font-weight:300; color: #38363f; margin: 15px 0px;}
.contentBlock.Directors .sub-item:first-child {text-align:right;width: 50%;}
.contentBlock.Directors .sub-item:last-child {text-align:left;width: 50%;}
.contentBlock.Directors .sub-item a {max-width: 50%; display: inline-block;}


.contentWrap.Managers {position: relative; background-size: 1000px; background-repeat: no-repeat; overflow: hidden; padding: 20px 0px;}
.contentWrap.Managers::before {  content: "";  position: absolute;  top: -385px;  right: -490px;   bottom: 0;  width: 1000px; height: 1000px;  background-image: url(../images/steps-main-bg.svg);
    background-size: 1324px;  background-repeat: no-repeat;    transform: rotate(220deg);}
.contentWrap.Managers p {font-size: 40px; font-family: museo-sans-rounded, sans-serif; color: #38363f; text-align:center; padding: 0px 0px 40px 0px;}
.contentBlock.Managers {margin: 100px auto 0px auto; max-width: 1400px;}
.contentBlock.Managers .item {display:flex; justify-content: space-between; flex-wrap: wrap;}
.contentBlock.Managers .item.row_two {justify-content: space-evenly; margin-top: 150px;}
.contentBlock.Managers .sub-item {display:flex; justify-content: center; flex-direction: column;text-align:left; margin-right: 150px;}
.contentBlock.Managers .sub-item h3 {color:#001755; font-size: 22px; margin:0px; max-width:40%; text-align:left; font-family:museo-sans, sans-serif; font-weight:700;}
.contentBlock.Managers .sub-item h4 {font-size: 18px; font-family: museo-sans, sans-serif; font-weight:300; color: #38363f; margin: 5px 0px; text-align:left; max-width: 60%;}
.contentBlock.Managers .item img {max-width:200px; max-height: 260px; bottom:0px; position:absolute; margin-left: 170px;display: block;-webkit-appearance: none; display: inline-block;}
.contentBlock.Managers .item picture {max-width:250px; max-height: 260px; bottom:0px; position:absolute; margin-left: 180px; display: contents;}
.manager-container {background:#F9F9F9; padding: 20px;  border-radius: 20px; display: flex;  filter: drop-shadow(0 0 0.75rem #D6D6D6); width: 30%; flex: 0.3;  position: relative;}
.manager-container .button.darkblue {margin:0px; width: 165px; text-align:center;}

.contentWrap.Advisors {position: relative; background-size: 1000px; background-repeat: no-repeat; overflow: hidden;}
.contentWrap.Advisors::before {  content: "";  position: absolute;  top: 0px;  left: -510px;  bottom: 0;  width: 1000px; height: 1000px;  background-image: url(../images/steps-main-bg.svg);
    background-size: 800px;  background-repeat: no-repeat;   transform: rotate(90deg);}
.contentWrap.Advisors p {font-size: 40px; font-family: museo-sans-rounded, sans-serif; color: #38363f; text-align:center; padding: 40px 0px;}
.contentBlock.Advisors {margin: 80px auto 0px auto; max-width: 1400px;}
.contentBlock.Advisors::before {  content: "";  position: absolute;  top: 0px; right:-1030px;  bottom: 0;  width: 1000px; height: 1000px;  background-image: url(../images/steps-main-bg.svg);
    background-size: 875px;  background-repeat: no-repeat;   transform: rotate(280deg);}
.contentBlock.Advisors .item {display:flex; justify-content: space-between; flex-wrap: wrap;}
.contentBlock.Advisors .sub-item {display:flex; justify-content: center; flex-direction: column;text-align:left;}
.contentBlock.Advisors .sub-item h3 {color:#001755; font-size: 22px; margin:0px; max-width: 40%; text-align:left; font-family:museo-sans, sans-serif; font-weight:700;}
.contentBlock.Advisors .sub-item h4 {font-size: 18px; font-family: museo-sans, sans-serif; font-weight:300; color: #38363f; margin: 5px 0px; text-align:left; max-width: 60%;}
.contentBlock.Advisors .item img {max-width: 165px; max-height: 230px; bottom:0; position:absolute; margin-left: 180px; display: inline-block;}
.contentBlock.Advisors .item picture {max-width: 200px; max-height: 230px; bottom:0px; position:absolute; margin-left: 180px; display: contents;}
.advisor-container {background:#F9F9F9; padding: 20px;  border-radius: 20px; display: flex; margin: 0px 10px 90px 10px; width: 30%; filter: drop-shadow(0 0 0.75rem #D6D6D6);  position: relative;}
.advisor-container .button.darkblue {margin:0px; width: 65%; text-align:center;}

    .show-desktop-mtt {display: contents;}
    .show-desktop-mtt picture {display: contents;} 
    .show-mobile-mtt {display:none;}

.sales-team {margin: 0; list-style: none;padding: 0; max-width: 100%;
    width: 100%;}
.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;}
 
.fullh {height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: top;}

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

@media all and (max-width: 1300px)  {.contentBlock.Managers {width: 95%;} .manager-container {width: 32%;}
	.contentBlock.Managers .item img { max-width: 170px; max-height: 220px;}
	.contentBlock.Advisors .item {justify-content: center;}
	.contentBlock.Advisors .item img { max-width: 170px; max-height: 220px;}
	.contentBlock.Advisors {width: 95%;} 
	.advisor-container {width: 32%;}
	.contentWrap.Managers p {padding: 0px;}
.contentWrap.Advisors p {padding: 0px;}
}
@media all and (max-width: 1100px)  {.contentBlock.sales-team {width:100%; max-width: 100%}
	.contentWrap.sales-team {position: relative}}
@media all and (max-width: 1028px)  {
	.show-desktop-mtt {display: none;}
      .show-mobile-mtt {display:block;}
	
	.page-template-about-us .contentWrap.Mortgageintro { background: #ffffff;}
	
	.contentBlock.Directors .sub-item:first-child {width: 100%;}
.contentBlock.Directors .sub-item:last-child {width: 100%;}
	
	.contentBlock.Directors .item img { max-width: 30%;  margin: 15px auto;}
	.contentBlock.Directors div:first-child {flex-direction: row;}
	.contentBlock.Directors .item {flex-direction: column-reverse;}
	.contentWrap.intro h2 {font-size: 45px; text-align: left;}
	.contentWrap.Managers p {margin: 20px auto;}
	.contentBlock.Directors p:first-child { padding: 10px 0px 0px 0px;}
	.contentBlock.Directors .sub-item:first-child { text-align: center; margin: 50px auto;}
	.contentBlock.Directors .sub-item:last-child { text-align: center;}
	.contentBlock.Directors .item .row.right { justify-content: center; flex-direction: row;}
	.contentBlock.Directors .item .row.left {justify-content: center; flex-direction: row;}
	.contentBlock.Managers {margin: auto; width: 95%;}
	.contentBlock.Managers .item.row_two { margin-top: 10px;}
	.manager-container {width: 48%; padding: 20px; margin: 40px 0px;}
	.contentBlock.Managers .item { justify-content: space-around;}
	.contentBlock.Managers .item img {max-width: 145px; max-height: 178px; margin-left: 118px;}
	.contentBlock.Managers .sub-item {margin-left: 18px; margin-right:0px;}
	.contentBlock.Managers .sub-item h3 {font-size: 18px;}
	.contentBlock.Managers .sub-item h4 {font-size: 16px;}
	.manager-container .button.darkblue { width: 135px; font-size: 12px;}
	.contentBlock.Advisors .item { justify-content: space-between;}
	.contentBlock.Advisors {margin: auto; width: 95%;}
	.contentBlock.Advisors .item.row_two { margin-top: 10px;}
	.advisor-container {width: 48%; padding: 20px; margin: 60px 0px;}
	.contentWrap.Advisors p {margin: 0px auto 50px; padding: 0px;}
		
	.contentBlock.Advisors .sub-item {margin-left: 18px; margin-right:0px;}
	.contentBlock.Advisors .item img { max-width: 135px; max-height: 230px;  margin-left: 220px;}
	.contentBlock.Advisors .sub-item h3 {font-size: 18px; max-width: 38%;}
	.contentBlock.Advisors .sub-item h4 {font-size: 16px;}
	.advisor-container .button.darkblue { width: 135px; font-size: 12px;}
	
	.contentBlock.aboutus img {padding:30px}
}


@media all and (max-width: 950px)  {
	.contentWrap.Managers p {margin: 30px auto 0px;}
	.contentWrap.Advisors p {margin: 30px auto 0px;}
	.contentBlock.Managers .sub-item {margin-left: 0px;}
	.contentBlock.Managers .item img { margin-left: 150px;}
	.contentBlock.Managers .item img { margin-left: 150px;}
	.contentWrap.Managers { padding: 0px;}
	.contentBlock.Advisors .sub-item {margin-left: 0px;}	
.contentBlock.Advisors .item img {margin-left: 150px;}
.contentWrap.Advisors p {  width: 90%;}
.contentBlock.Advisors .item { justify-content: space-evenly;}
.advisor-container { width: 40%;}
		
	.contentBlock.Managers .item img {margin-left: 110px; max-width: 120px; max-height: 160px;}
		.manager-container {margin: 40px -5px;}
		.contentBlock.Advisors .item img { margin-left: 200px;max-height: 175px; max-width: 120px;}
	
	.contentBlock.aboutus img {width: 300px; height: 186px;}
	.contentBlock.aboutus:last-child img {width: 270px; height: 255px;}
}

@media all and (max-width: 820px)  {	.contentBlock.Managers .item img { margin-left: 90px; max-width: 123px;}
	.contentBlock.Advisors .item img {    margin-left: 180px; max-height: 160px;     max-width: 140px;}
.advisor-container { width: 48%;}
	.contentBlock.Managers .sub-item h4 { font-size: 12px;}
	.contentBlock.Managers .sub-item h3 { font-size: 15px;}

}

@media all and (max-width: 780px)  {
.contentBlock.Advisors .item img { margin-left: 175px;}
}

@media all and (max-width: 700px)  {
	.contentBlock.aboutus {flex-direction: column;}
	.contentBlock.aboutus .item {max-width: 100%;}
	.contentBlock.aboutus:last-child {flex-direction: column-reverse; text-align: left;}
	.contentBlock.aboutus:last-child img { display: none;}
	.contentBlock.intro .item {padding: 30px 0px 0px 0px;}
	.contentBlock.Directors p:first-child { padding: 30px 0px 0px 0px;}
	
	.contentWrap.intro h2 {text-align: center; max-width: 51%;}
	.contentBlock.aboutus img {width: 300px; height: 186px; border-radius: 40px;}
		.contentBlock.Directors .item img { max-width: 60%;}
	.contentBlock.Directors .item { padding: 20px 0px 0px 0px;}
		.contentBlock.Managers .item {flex-direction: column;}
		.manager-container {width: 100%; padding: 20px; margin: 60px auto;}
		.manager-container .button.darkblue { width: 145px; font-size: 12px;}
	.contentBlock.Managers .item img { max-width: 180px;  max-height: 230px;  margin-left: 150px;}
	
	
		.contentBlock.Advisors .item {flex-direction: column;}
		.advisor-container {width: 100%; padding: 20px;}
	.advisor-container .button.darkblue { width: 145px; font-size: 12px;}
	.contentBlock.Advisors .item img { max-width: 180px;  max-height: 230px;  margin-left: 150px;}
	.sales-team li  {width: 16.66667%; height: 50px}
}

@media all and (max-width: 540px)  {
		.contentWrap.Managers p {margin: 30px auto 95px;}
	.contentWrap.Advisors p {    margin: 0px auto 75px;}
	
	.contentBlock.Managers .item img { max-width: 180px; max-height: 230px; margin-left: 260px;}
	.contentBlock.Managers .sub-item { margin-left: 15px; margin-right:0px;}
	
	.contentBlock.Advisors .item img { max-width: 165px; max-height: 230px; margin-left: 260px;}
	.contentBlock.Advisors .sub-item { margin-left: 15px; margin-right:0px;}
	.manager-container {margin: 40px 0px 80px 0px;}
	.advisor-container {margin: 40px 0px 80px 0px;}
	.contentWrap.intro h2 {max-width: 80%;}
}

@media all and (max-width: 500px)  {
	.contentBlock.Managers .item img {margin-left: 170px;}
	.contentBlock.Managers .sub-item { margin-left: 0px; margin-right:0px;}
	
	.contentBlock.Advisors .item img { margin-left: 170px;}
	.contentBlock.Advisors .sub-item { margin-left: 0px; margin-right:0px;}
	.contentBlock.aboutus .item h2 {font-size:35px;}
}
@media all and (max-width: 400px)  {
	.contentBlock.Managers .item img {margin-left: 150px; max-width: 160px;}
	.contentBlock.Advisors .item img { margin-left: 150px; max-width: 160px;}
	.contentBlock.Directors .sub-item a { max-width: 90%; }
	.contentWrap.intro h2 { max-width: 80%; font-size: 30px;}


}
@media all and (max-width: 340px)  {
	.manager-container {margin: 0px 0px 75px 0px;}
	.advisor-container {margin: 0px 0px 75px 0px;}
	.contentBlock.Managers .sub-item h3 { font-size: 14px;}
	.contentBlock.Managers .sub-item h4 { font-size: 12px;}
.manager-container .button.darkblue { width: 100px; font-size: 10px; padding: 5px;}
	.contentBlock.Managers .item img {margin-left: 110px; max-width: 120px;}
	
	.contentBlock.Advisors .sub-item h3 { font-size: 14px;}
	.contentBlock.Advisors .sub-item h4 { font-size: 12px;}
.advisor-container .button.darkblue { width: 100px; font-size: 10px; padding: 5px;}
	.contentBlock.Advisors .item img {margin-left: 110px; max-width: 120px;}

}

/*********** Articles Sidebar ****************/

.contentWrap.sidebar{}
.contentBlock.sidebar{}

.heading_title {color: #001755; font-size: 18px;line-height: 20px; font-family: museo-sans, sans-serif; font-weight: 600;}
.anchor_text_block {    background-color: #d9f7fb;
    position: sticky;
    width: 15%;
    padding: 15px;
       top: 165px;
    left: 0px;
    border-radius: 0px 20px 20px 0px;
    z-index: 2;
	float: left;
}
.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: #001755;}

.anchor_text_block_mobile {background-color: #d9f7fb;  position: static;  width: 100%;padding: 15px; border-radius: 10px;}

.anchor_text_block_p {font-family: 'museo-sans-rounded' !important; font-size: 24px !important; text-align: center; color:#001755;}

@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;}
	.anchor_text_block {position: relative;
    width: 100%;
    padding: 15px;
    top: 45px;
    border-radius: 10px;
    left: 0;
	margin: -20px auto 70px;}
}

/*********** Articles Email Capture ****************/
.mailerlite-form {background: #4d00b3; padding: 15px; border-radius: 20px; margin: 40px 0px; }

.mailerlite-form h3 {color:#ffffff!important}
.mailerlite-form-title {display:none;}
.mailerlite-form p {color:#ffffff!important}

.mailerlite-form-inputs {display:flex; justify-content: center; align-items: center;}
.mailerlite-form .mailerlite-form-description {text-align: center;}
.mailerlite-form-description p {font-size: 22px!important; line-height: 22px!important; text-align: center; display: inline-block;  max-width: 75%;}
.mailerlite-form-field label{display:none!important;}
.mailerlite-form-field input {margin-right: 10px; border-radius: 10px; padding: 10px; border: none; font-weight: 800; font-size: 15px; font-family: 'museo-sans'; width: 300px; color:#38363f;}
.mailerlite-subscribe-button-container input {border-radius: 10px;  padding: 10px;  border: none; font-weight: 800; font-size: 15px; font-family: 'museo-sans';
    color: #ffffff;    background-color: #c70067;}
.mailerlite-form .mailerlite-subscribe-button-container { margin-bottom: 10px;}

@media screen and (max-width: 800px) {	.mailerlite-form-inputs {flex-direction: column;}}

@media screen and (max-width: 400px) {	.mailerlite-form-field input {width: 250px;}}
/*********** 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: #001755; 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: 'museo-sans';}
.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: museo-sans, sans-serif; font-weight: 300; color: #000000; font-size: 16px;}

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

.contentBlock.fourintro .item {width: 180px;}

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

.contentBlock.fourintro .item {width: 160px;}

}
/*********** Contact Us ****************/
.contentWrap.contact-us-block1 {background-color:#ffffff; padding: 0 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;}
.contentWrap.contact-us-block1 .contentBlock.contact-us h3 {color: #001755;font-size: 30px; font-family: museo-sans-rounded, sans-serif;    font-weight: 800; max-width: 90%;
    margin: 0 auto;}

.contentBlock.contact-us h2 {color: #001755;font-size: 30px;}
.contentBlock.contact-us p {padding-bottom:20px;}
.contentBlock.contact-us a {text-decoration:none; color: #001755; font-family: museo-sans-rounded, 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%}}

/*********** Mortgage Club ****************/
.contentWrap.mortgage-club {background-position: top,center; background-repeat: no-repeat; padding: 25px 0px 80px 0px; background-color: #001755;}
.page-template-mortgage-club .contentWrap.Homebanner p {margin-bottom:0;}
.contentWrap.mortgage-club h2 {color: #fff; text-align: center; margin-bottom: 0px;  font-family: museo-sans-rounded, sans-serif;font-weight: 800; font-size: 60px; padding: 0px 50px;}
.contentWrap.mortgage-club h3 {color: #fff; text-align: center; font-family: museo-sans, sans-serif; margin: 10px 0;}
.contentWrap.mortgage-club h4 {color: #001755; text-align: center; margin-bottom: 30px;  font-family: museo-sans-rounded, sans-serif; font-weight: 700; font-size: 28px;}
.mortgage-club-content p {color: #001755; font-size: 24px; font-family: 'museo-sans'; font-weight: 500; text-align: center;     padding: 10px;}

.carousel-cell-mortgage-club {width: 25%; padding: 20px; border-right: 5px solid transparent; border-left: 5px solid transparent; background: transparent; background-clip: padding-box; text-align: center;position: absolute;}
.contentWrap.mortgage-club .flickity-slider { left: 0px !important;}

@media all and (max-width: 1100px)  {.carousel-cell-mortgage-club {width: 25%;} 
	.contentWrap.mortgage-club h2 {font-size: 40px;}
.contentWrap.mortgage-club h3 {font-size: 24px;}
.contentWrap.mortgage-club h4 {font-size: 22px;}
.mortgage-club-content p {font-size: 18px;}

}

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

.carousel-cell-mortgage-club {width: 50%;}
.contentWrap.mortgage-club h2 {font-size: 40px;}
.contentWrap.mortgage-club h3 {font-size: 20px;}
.contentWrap.mortgage-club h4 {font-size: 30px;}
.mortgage-club-content p {font-size: 30px;}

}

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

  .carousel-cell-mortgage-club {width: 70%;}
  .mortgage-club-content p {font-size: 34px;}
.contentWrap.mortgage-club h4 {font-size: 30px;}
}


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

  .mortgage-club-content p {font-size: 24px;}
.contentWrap.mortgage-club h4 {font-size: 24px;}
	
}

@media all and (max-width: 500px)  { .mortgage-club-content p {font-size: 22px;}}

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


  .mortgage-club-content p {font-size: 17px;}
.contentWrap.mortgage-club h4 {font-size: 20px;}

}

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

.carousel-cell-mortgage-club {width: 70%;}

}

.contentWrap.carousel-background {background-color: #001755;}

.car-wrap-mortgage-club {padding: 25px;position: relative;height: 320px; background:#ffffff; border-radius:25px;}
.contentWrap.mortgage-club .carousel-cell h3 {color:#00b5d1; font-size: 28px; text-align: center; font-family:museo-sans-rounded; font-weight:500;}
.contentWrap.mortgage-club .desk .carousel-cell p {color: #dd0170;font-family: museo-sans-rounded,sans-serrif;font-size: 22px}

.mortgage-club-title p {color: #ffffff; font-size:28px; font-family:museo-sans-rounded; font-weight:700; text-align: center;}

.page-template-mortgage-club .contentWrap.sales-team {z-index: -1;  position: absolute;   width: 100%;}
.car-wrap-mortgage-club {padding: 2px 4px 4px 4px;}

/* Mortgage Club Carousel */
.page-template-mortgage-club.flickity-button {display: none;}

.page-template-mortgage-club .contentWrap.mortgage-club .flickity-viewport {height: 620px !important;}
@media all and (max-width: 1300px)  {.car-wrap-mortgage-club {height:380px}}
@media all and (max-width: 1100px)  {.car-wrap-mortgage-club {height:330px}}
@media all and (max-width: 1000px)  {.car-wrap-mortgage-club {height:360px}}
@media all and (max-width: 820px)  {.page-template-mortgage-club .contentWrap.mortgage-club .flickity-viewport {height: 620px !important;}
	.car-wrap-mortgage-club {height: 400px;}}
@media all and (max-width: 600px)  {.page-template-mortgage-club .contentWrap.mortgage-club .flickity-viewport {height: 550px !important;} .car-wrap-mortgage-club {
    height: 350px;
}}
@media all and (max-width: 400px)  { .car-wrap-mortgage-club {height: 290px;} .page-template-mortgage-club .contentWrap.mortgage-club .flickity-viewport {height: 510px !important;}}
	
.page-template-mortgage-club.flickity-resize .carousel-cell {
min-height: 100%;
}

.page-template-mortgage-club.flickity-page-dots {
bottom: -65px;
}
/* white circles */
.page-template-mortgage-club.flickity-page-dots .dot {
width: 20px;
height: 20px;
margin: 20px;
opacity: 1;
background: #ffffff;
}

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

.page-template-mortgage-club.flickity-page-dots .dot {margin: 20px;}
	
.flickity-page-dots {bottom: -68px;}
}



@media all and (max-width: 300px)  {
.page-template-mortgage-club.flickity-page-dots .dot {margin: 5px;}


.page-template-mortgage-club.flickity-page-dots {
bottom: -56px;
}
}

/* fill-in selected dot */
.page-template-mortgage-club.flickity-page-dots .dot.is-selected {
background: #00b5d1;
}

.heart-mortgage-club {width:80%; position:absolute;}

.contentWrap.Homebanner  p.club-top {color:#fff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; text-align:left;}

.contentWrap.Homebanner  p.club-middle {color:#ffffff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; position:relative; text-align:center; padding: 10px;}

.contentWrap.Homebanner  p.club-bottom {color:#fff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; text-align:center; padding: 10px;}

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

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

.button.group-banner {background: linear-gradient(to right, #00C8E5
50%, #001755 50%);  color: #fff;border: 2px solid #00C8E5;   background-size: 200% 100%;
  background-position: right bottom;margin-left: 20px; text-align: center;
  max-width: 230px;
  left: 145px;
top: 10px;
}


@media all and (max-width: 1281px){ .button.group-banner {left: 135px;}}

@media all and (max-width: 1025px){ .button.group-banner {left: 88px;}}

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

.contentBlock.Mobilebanner  p.club-top {color:#fff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; text-align:left;}

.contentBlock.Mobilebanner  p.club-middle {color:#ffffff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; position:relative; text-align:center;}

.contentBlock.Mobilebanner  p.club-bottom {color:#fff;font-family: museo-sans, sans-serif;
font-weight: 700; font-size: 40px; margin: 0px; text-align:center; }

.contentBlock.Mobilebanner .club-wrap{ margin: 0px 0px 30px 46px;}

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

.contentBlock.Mobilebanner .club-wrap{ margin: 0px 0px 30px 30px;}

}

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

.contentBlock.Mobilebanner .club-wrap{ margin: 0px 0px 30px 25px;}

}



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

.contentBlock.Mobilebanner .club-wrap{ margin: 0px 0px 30px 26px;}

}

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

.contentBlock.Mobilebanner .club-wrap{ margin: 0px 0px 30px 22px;}

}


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

.contentBlock.Mobilebanner p.club-top {font-size: 30px;}
.contentBlock.Mobilebanner p.club-middle {font-size: 28px;}
.contentBlock.Mobilebanner p.club-bottom{font-size: 30px;}
.button.group-banner {left: 100px;}
}

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

.contentBlock.Mobilebanner p.club-top {font-size: 20px;}
.contentBlock.Mobilebanner p.club-middle {font-size: 30px;}
.contentBlock.Mobilebanner p.club-bottom{font-size: 20px;}
.button.group-banner {left: 80px;max-width: 158px;}
.mortgage-club-content p {color: #001755; font-size: 15px; font-family: 'museo-sans'; font-weight: 500; text-align: center;}
  .contentWrap.mortgage-club h4 {font-size: 18px;}
}

.group-images {
position:relative;
top:0;
left:0;
margin: 0px 0px 180px 0px;
  display: flex;
  justify-content: center;
}

.carousel-line {     margin: 86px 0px 0px 0px;
  position: absolute;
  width: 100%;}

.carousel-icon { position:absolute; width:150px;}

/*.carousel-icon:hover {}*/

/* Second Section */

.gradient-text {background-image: linear-gradient(to right, #00b5d1, #4d00b3, #c70067);
    text-align: center;
    font-size: 70px;
	line-height:90px;
    font-family: 'museo-sans-rounded';
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 80%;
    animation: animatedText 1.5s infinite alternate-reverse;
    margin: 40px 0px 0px 0px;
    padding: 0px;
	font-weight:700;
	}

@keyframes animatedText{
to{  background-position:100%;}
}

.page-template-mortgage-club .contentBlock.fourSteps.third .item:last-child img.one {left: 270px; top: 260px;}
.page-template-mortgage-club .contentBlock.fourSteps {display:flex; align-items: center}
.page-template-mortgage-club .contentBlock.fourSteps .item {flex: 1;margin: 0 ;}
.page-template-mortgage-club .contentBlock.fourSteps.fourth .item:first-child img.one {left: -115px; bottom: -125px;}

@media all and (max-width: 1000px)  {
.gradient-text {background-size: 200%; font-size: 40px; line-height: 50px;height: 120px; margin: 40px 0px 20px 0px;}
.page-template-mortgage-club .tab {height:360px;}
	.page-template-mortgage-club .contentBlock.fourSteps {display: block;}

.page-template-mortgage-club .item.tab img.two {bottom: 40px;}

.page-template-mortgage-club .contentWrap.fourSteps {background-image: url(../images/steps-main-bg.svg);background-repeat: no-repeat;
background-position: bottom center; background-size: cover;}

	.contentBlock.fourSteps.fourth .item:first-child img {max-width:300px;}	
	
}

@media all and (max-width: 500px)  {.page-template-mortgage-club .gradient-text {height: 100px;}}

/*********** Refer a Friend ****************/
.boom-ref {position: relative;
width: 135px;
margin-bottom: -13px;
margin-left: 15px}

.page-template-refer-a-friend .accordion_tab h3 {color: #001755;}

.page-template-refer-a-friend .contentBlock.Mortgagebanner p{color: #dd0170;font-size: 48px; font-weight: 600;  font-family: museo-sans-rounded, sans-serif; line-height: 40px; text-align: center;}
.page-template-refer-a-friend .contentBlock.Mortgagebanner h1 {margin-bottom: 20px; text-align:center}

.page-template-refer-a-friend .banner-mask-first {z-index: 2; width: 100%}
.page-template-refer-a-friend  .mortgage-mask {z-index: 2}

.page-template-refer-a-friend .contentBlock.Mortgagebanner {z-index: 22; padding: 90px 0 55px}

.page-template-refer-a-friend .contentBlock.Mortgageintro {z-index: 998;}

.page-template-refer-a-friend .contentBlock.Mortgagebanner p.second-con {font-family: "Helvetica", Sans-Serif;color: #fff;font-size: 15px;font-weight: 300; margin-top: 15px}

.page-template-refer-a-friend .contentBlock.Mortgagebanner p.second-con a {color: #fff;text-decoration: underline}

.page-template-refer-a-friend .contentWrap.Mortgagefaq {background-color: #00c8e526;background-image: url(../images/FAQ-Heart.svg); background-repeat: no-repeat; background-position: center}
.page-template-refer-a-friend .contentWrap.Mortgagefaq h2 {color: #001755}
.page-template-refer-a-friend .accordion .accordion_tab {color: #fff}
.page-template-refer-a-friend .accordion .accordion_tab p.title {color: #fff}
.page-template-refer-a-friend .accordion .accordion_content .accordion_item p:last-child {color: #001755}


.contentBlock.refer {position: relative;min-height: 1092px; }


.page-template-refer-a-friend .contentBlock.Mortgagefaq {padding-top: 20px}
.contentBlock.refer img {width: 300px}
.div-refer-one {display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 100px;
width: fit-content;
z-index: 9;max-width: 300px;text-align: center}
.div-refer-two {display: block;
position: absolute;
left: 0px;
right: 680px;
bottom: 0;
margin: auto;
top: 322px;
width: fit-content;
z-index: 9;max-width: 300px;text-align: center}
.div-refer-three {display: block;
position: absolute;
left:680px;
right: 0px;
bottom: 0;
margin: auto;
top: 322px;
width: fit-content;
z-index: 9;max-width: 300px;text-align: center}

.div-refer-four {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 500px;
width: fit-content;
z-index: 9;width: 360px;height: 690px;padding: 10px;
background: #fff;
border-radius: 27px;box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%)
}
.div-refer-four-refer {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 540px;
width: fit-content;
z-index: 998;
width: 360px;
height: 580px;
padding: 10px;
background: #fff;
border-radius: 27px;box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%)
}
@media all and (max-width: 1023px) {.div-refer-four-refer { top:118px; }
.page-template-refer-a-friend .contentBlock.Mortgagefaq {    padding-top: 0;}}
@media all and (max-width: 1001px) {.contentBlock.refer{min-height: 670px;}}
@media all and (max-width: 700px) {.div-refer-four-refer {width: 100%;}}


.contentBlock.refer h2 {font-size: 26px;
color: #001755;
text-align: center;
margin: -33px auto;
max-width: 80%;
line-height: 32px;}

.contentBlock .div-refer-two h2 {margin-top: -15px}
.contentBlock .div-refer-three h2 {margin-top: -5px}
.contentBlock.refer p {text-align: center;
margin-top: 39px;
max-width: 80%;
margin: 40px auto 0;}

.page-template-refer-a-friend .boom-ref {margin-bottom: -12px}

.contentWrap.refer {background-image: url(../images/Top-Heart.svg); margin-top: -80px;background-repeat: no-repeat}

.refer-friend-calendly {width:100%; height:560px;}

@media all and (max-width: 1280px) {.page-template-refer-a-friend .contentBlock.refer { min-height: 930px;} }

@media all and (max-width: 950px) {
.contentBlock.refer p {max-width: 100%}
.contentBlock.refer h2 {max-width: 100%}
.page-template-refer-a-friend .contentBlock.refer { min-height: 512px;}
}


@media all and (max-width: 360px) {}
@media all and (max-width: 300px)   { .refer-friend-calendly {width:90%; height:560px;} }


@media all and (max-width: 950px)   {
.page-template-refer-a-friend .contentBlock.refer {position: relative;min-height: 690px; } .er-referral-calendly {width:100%; height:580px;} .div-refer-one {display:none;} .div-refer-two {display:none;} .div-refer-three {display:none;} }

@media all and (max-width: 700px)   {
.er-referral-calendly { height:560px;}}

@media all and (max-width: 375px)   {
.er-referral-calendly {width:100%; height:580px;} .page-template-er-referralpage .div-refer-four-refer {z-index: 999;}}

@media all and (max-width: 360px)   {
 .page-template-er-referralpage .div-refer-four-refer {}}

@media all and (max-width: 300px)   {
.er-referral-calendly {width:80%; height:580px;}	 .page-template-er-referralpage .div-refer-four-refer {}}




/*********** Mortgage Calculators ****************/

.contentWrap.Calcbanner {padding: 0 0 40px 0; position: relative;
border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%;
overflow: hidden;}

.contentBlock.Calcbanner {padding: 30px 0 10px 0;}

.contentBlock.Calcbanner h1 {color: #fff; margin: 0 auto 15px;  max-width: 100%; font-size: 35px;  line-height: 40px;  text-align: center;}
.contentBlock.Calcbanner p {color: #fff; text-align: center;}

.contentWrap.Calcintro {}
.contentBlock.Calcintro {padding: 50px 0 0 1px;}

.contentBlock.Calcintro {color: #38363f;
font-family: 'museo-sans';
font-weight: 300;
font-size: 17px;
margin-bottom: 10px;}
.field_input {min-width: -webkit-fill-available;  font-size: 15px; border: 1px solid #e4e2e2;
font-family: 'museo-sans';
border-radius: 0px 5px 5px 0px;color: #c70067; padding: 12px; background: #f7f8fb;}

.contentBlock.Calcintro .field_input::placeholder {color: #c70067;}

ul.calcs {padding: 0; display: flex;  justify-content: center;  flex-wrap: wrap; margin: 20px auto 0 0;}
ul.calcs li {margin: 15px 15px; text-align: center; list-style:none; }
ul.calcs li a {
  font-size: 17px;
  color: #001755;
  font-family: museo-sans, sans-serif !important;
  font-weight: 600;
  padding: 10px 30px;
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid #001755;
  transition: all 0.3s ease-out;
  text-decoration: none;   
}
ul.calcs li a.active {
background-color: #001755;
color: #fff;
}

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

.borrow_form {width:50%}

.buttonContainer {display: block;}

.calc-button-1 { padding: 15px; font-size: 17px; color: #ffffff; background-color: #c70067;border: none;
border-radius: 5px; font-family: 'museo-sans-rounded';}


.button-alert {color: #ffffff; font-size: 24px; position: relative; background: #c70067; border-radius: 5px; padding:5px; text-align: center; margin:10px auto}

.calc-flex {display: flex; justify-content: space-between;}

.contentBlock.Calcintro .item:first-child {width: 50%;}
.contentBlock.Calcintro .item:last-child {background: url(../images/mortgage-calculator-transparent.png) no-repeat;     background-position: center;
background-size: contain;}
.contentBlock.Calcintro .item:last-child p:first-child{font-family: 'museo-sans-rounded', sans-serif;
font-weight: 300;
font-size: 45px;
color: #001755;
line-height: 50px;
text-align: center; width: 500px;     margin: 30px auto 10px auto;}

.monthlypayment {color: #C70067;
font-family: 'museo-sans-rounded';
font-size: 70px;
font-weight: 700; text-align: center; }

.contentBlock.Calcintro .item:last-child p:last-child{font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-size: 17px;
  color: #38363f;
  line-height: 24px;
text-align: center; width: 500px;
margin: 10px;}

.input-field {display: flex; margin-bottom: 10px;     max-width: 450px;}

.symbol-span {    display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.1);
color: var(--color-labels);
min-width: 50px;
font-size: 17px;
border-radius: 5px 0 0 5px;
height: auto;
margin: 0;
}

.symbol-span-percent {    display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.1);
color: var(--color-labels);
min-width: 50px;
font-size: 17px;
border-radius: 0px 5px 5px 0px;
height: auto;
margin: 0;
}

.symbol-span-years {    display: flex;
justify-content: center;
align-items: center;
background: #f7f8fb;
color: var(--color-labels);
min-width: 50px;
font-size: 17px;
border-radius: 0px 5px 5px 0px;
border-top: 1px solid #e4e2e2;
border-right: 1px solid #e4e2e2;
border-bottom: 1px solid #e4e2e2;
border-left: 0px solid #e4e2e2;
height: auto;
margin: 0;
}

.buttonContainer .button {width: 50%;}

.field_input_percent {border-radius: 5px 0px 0px 5px;    min-width: -webkit-fill-available;
font-size: 15px;
border: 1px solid #e4e2e2;
font-family: 'museo-sans';
color: #c70067;
padding: 12px;
background: #f7f8fb;}

.field_input_years {  border-radius: 5px 0px 0px 5px;    
  min-width: -webkit-fill-available;
  font-size: 15px;
  border-top: 1px solid #e4e2e2;
  border-right: 0px solid #e4e2e2;
  border-bottom: 1px solid #e4e2e2;
  border-left: 1px solid #e4e2e2;
  font-family: 'museo-sans';
  color: #c70067;
  padding: 12px;
  background: #f7f8fb;}

  .dashly_stampduty_embed {

    border:0px;
    padding-top:20px;
    width: 1200px;
    height: 900px;
    min-height: 400px;
    overflow-y: hidden; 
  }

.page-template-stamp-duty-calculator .contentBlock.Calcintro{height:650px;    padding: 0;}

.contentWrap.borrowCalc {}
.contentBlock.borrowCalc {color: #38363f;
font-family: 'museo-sans';
font-weight: 300;
font-size: 17px;}

.borrow-calc-flex {
display: flex;
justify-content: space-between;
margin: 50px auto;
min-height: 500px;
}

.contentBlock.borrowCalc .item:first-child {
width: 50%;
}

.contentBlock.borrowCalc .item:last-child {
background: url(../images/mortgage-calculator-transparent.png) no-repeat;
background-position: center;
background-size: 430px;
max-width: 500px;
}

.contentBlock.borrowCalc .item label{
width: 60%;
}

.contentBlock.borrowCalc .sub-item{
justify-content: center;
}

.borrow-display {display: none;}

.contentBlock.borrowCalc h3 {margin: 20px 0 20px 0;}

.applicants_select {margin-bottom: 10px;  max-width: 100%; height: 45px;
width: 500px; color: #c70067;  padding: 5px; font-family: 'museo-sans-rounded';
border: 1px solid #e4e2e2; font-size: 17px;
border-radius: 10px; cursor: pointer;}

.borrow_amount {color: #C70067;
font-family: 'museo-sans-rounded';
font-size: 70px;
font-weight: 700;
text-align: center;
border:none;
background-color: transparent;
}

.contentBlock.borrowCalc button { width: 50%;margin-top:10px;}

.contentBlock.borrowCalc .item:last-child p:last-child {
font-family: 'museo-sans', sans-serif;
font-weight: 300;
font-size: 17px;
color: #38363f;
line-height: 24px;
text-align: center;
width: 500px;
margin: 10px;
}

.contentBlock.borrowCalc .item:last-child p:first-child {
font-family: 'museo-sans-rounded', sans-serif;
font-weight: 300;
font-size: 45px;
color: #001755;
line-height: 50px;
text-align: center;
width: 500px;
margin: 30px auto 10px auto;
}

.divHideScroll {text-align: center;}

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

.dashly_stampduty_embed {width: 1100px;}

}

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

.dashly_stampduty_embed {width: 1000px;}

}

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

.contentBlock.borrowCalc .item:last-child {background-size: 320px;
  max-width: 40%;}
.contentBlock.Calcintro .item:last-child p:first-child {width: auto; margin: 0; font-size: 35px;}
.monthlypayment {font-size: 50px;}
.contentBlock.Calcintro .item:last-child p:last-child {width: auto; font-size: 13px;}
.contentBlock.borrowCalc button { width: 100%;}

  .dashly_stampduty_embed {width: 900px;}
}



@media all and (max-width: 1000px){
.contentBlock.borrowCalc .item:first-child {
  width: 40%;
}

.contentBlock.borrowCalc .item:last-child {max-width:50%;}

.dashly_stampduty_embed {width: 820px;}

	.monthlypayment {max-width:100%;}	
	.borrow_amount {max-width:100%;}
}

@media all and (max-width: 900px) {
.contentBlock.Calcintro .item:first-child {
  width: 100%;}

  .contentBlock.borrowCalc .item:last-child {max-width: 80%;}

  .contentBlock.borrowCalc .item:last-child p:first-child {width: 100%;}
  
  .contentBlock.borrowCalc .item:last-child p:last-child {width:60%;}
  
  .page-template-borrow-calculator.monthlypayment {width: 100%;}

  .dashly_stampduty_embed {width: 688px;}

}

@media all and (max-width: 600px) {
.contentBlock.Calcintro .item:first-child {
  width: 100%;}

  .contentBlock.borrowCalc .item:last-child {
    max-width: 100%; background-size: 330px;
}
.contentBlock.borrowCalc .item:last-child p:last-child {
  width: 80%;
}
.buttonContainer .button {width: 100%;}
.calc-flex {justify-content: flex-start; flex-wrap: wrap;}
.input-field {max-width: 86%;}
.field_input_years {min-width: 100%;}
.contentBlock.Calcintro .item:last-child {
  width: 100%;
}
.contentBlock.Calcintro .item:last-child p:first-child {width: auto; font-size: 35px;margin: 30px 0 10px 0;line-height: 35px;}
.contentBlock.Calcintro .item:last-child p:last-child {width: auto; font-size: 12px; line-height: 20px;}
.monthlypayment {font-size: 40px;}
ul.calcs li {margin: 5px 0px; display: grid; width: 90%;}
ul.calcs li a {padding: 10px 30px; font-size: 15px;}

.page-template-borrow-calculator .borrow-calc-flex {display: flex; justify-content: flex-start; margin:0; min-height:1040px; flex-wrap: wrap;}
.page-template-borrow-calculator .field_input {min-width: 100%;}
.page-template-borrow-calculator .contentBlock.borrowCalc .item:last-child p:first-child {margin: -40px auto 10px auto;}

.contentBlock.borrowCalc .item:first-child {
  width: 100%;
}

.dashly_stampduty_embed {width: 470px;}

}

@media all and (max-width: 600px) {.dashly_stampduty_embed {width: 350px;}}

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

.page-template-borrow-calculator .contentBlock.borrowCalc .item:last-child p:first-child {font-size: 40px;  margin: 20px auto 10px auto;}
.dashly_stampduty_embed {width: 300px;}
}

@media all and (max-width: 320px) {
.contentBlock.Calcbanner h1 {font-size: 45px;}
.calc-flex {justify-content: flex-start; flex-wrap: wrap;}
.input-field {max-width:80%;}
.field_input_years { min-width: 100%;}
.contentBlock.Calcintro .item:last-child p:first-child {width: auto; font-size: 40px; line-height:40px}
.contentBlock.Calcintro .item:last-child p:last-child {width: auto; font-size: 12px; line-height: 20px;}

ul.calcs li a {padding: 10px 16px; font-size: 13px;}

.borrow_amount {font-size: 40px;    width: 100%;}

.contentBlock.borrowCalc .sub-item {flex-direction: column; align-items: center; width: 100%;}
.page-template-borrow-calculator .contentBlock.borrowCalc .item:last-child p:first-child {font-size: 30px;
  line-height: 30px;}

  .contentBlock.borrowCalc .item:last-child {background-size: 250px;}

  .dashly_stampduty_embed {width: 235px;}

}

/*********** Our Service ****************/
.contentWrap.Our-service-first-row {height: 475px;}

.contentBlock.Our-service-first-row {padding: 0px 0 0;display: flex;align-items: center; justify-content: space-between;}
.page-template-Our-service .contentBlock.Mortgagebanner {padding:40px 0 80px 0;}
.page-template-Our-service .contentBlock.Mortgagebanner h1 {margin: 0 auto 10px;}
.contentBlock.Our-service-first-row a {display: inline-block; margin-bottom: 20px;}

.contentBlock.Our-service-first-row .item iframe {border: 2px solid #000000; border-radius: 5px; max-width: 100%}
.contentWrap.Our-service-two-rows h3 {
color: #001755;
   margin: 0;
   font-family: museo-sans-rounded, sans-serif;
   line-height: 28px;
   font-size: 26px;
   max-width: 90%;
}
.contentWrap.Our-service-first-row h2 {
color: #001755;
   margin: 0;
   font-family: museo-sans-rounded, sans-serif;
   line-height: 36px;
   font-size: 30px;
   max-width: 90%;
}

.contentBlock.Our-service-first-row p {
margin-left: 0;
margin-bottom: 50px;

}

.contentBlock.Our-service-first-row div:first-child {width: 70%; margin-bottom: 80px;}
.contentBlock.Our-service-first-row div:last-child {z-index: -1;}
.contentBlock.Our-service-first-row .item img {max-width: 325px;}

.contentWrap.Our-service-two-rows p {font-size: 18px;color: #001755;line-height: 25px;  font-family: "Museo-Sans", Sans-Serif; font-weight: 300;}
.contentWrap.Our-service-two-rows.button.blue {margin-left: 0; margin-top: 5px; display: inline-block}



@media all and (max-width: 700px){
.contentBlock.Our-service-first-row {display: block;}
.contentBlock.Our-service-first-row div:first-child {width: 100%;}
.contentWrap.Our-service-first-row h2 {text-align: center; max-width: 100%;
  margin: 20px;}
  .contentWrap.Our-service-first-row a {display: none;}
  .contentBlock.Our-service-first-row .item img {display: none;}
}

/* Equity Release Slideshow */
.slide-holder-equity-release {flex: 1;display: flex;flex-direction: row;margin: 0 2.5%; flex-direction: column;}

.contentBlock.equity-release-suppliers  { display: flex}
.contentBlock.equity-release-suppliers .item {flex: 1; padding: 130px 0;margin: 0 2%}
.contentBlock.equity-release-suppliers .item:last-child {display: flex}
.contentBlock.equity-release-suppliers .item h2 {color: #fff; font-size: 42px; line-height: 56px;margin-left: 5%}

.contentWrap.equity-release-suppliers { position: relative}

.page-template-service-page-equity-release .slideshow > div img {max-height: 300px; max-width: 300px;}
.page-template-service-page-equity-release.slideshow > div {margin:0px 10px 0px 10px;}
.page-template-service-page-equity-release .slideshow { padding: 10px 0px;}

@media all and (max-width: 1090px)  {
	
	.contentBlock.equity-release-suppliers .item h2 {font-size: 40px;}
	.contentBlock.equity-release-suppliers .item:last-child { padding: 0 0 65px;}
	
}


@media all and (max-width: 820px)  {
	.contentBlock.equity-release-suppliers { display: block;}
	.slide-holder-equity-release {height:300px;}
	.contentBlock.equity-release-suppliers .item h2 {font-size: 40px;}
	.slide-holder-equity-release {flex: 1;display: flex; flex-direction: column; margin: 0 2.5%}
	.page-template-service-page-equity-release .slideshow > div img {max-height: 120px; max-width:120px;}
    .page-template-service-page-equity-release .slideshow > div {margin:10px 0px 10px 0px; padding:10px 0px 10px 0px;}
	.contentBlock.equity-release-suppliers .item {padding: 45px 0;}
	.contentBlock.equity-release-suppliers { display: block;}
}

@media all and (max-width: 768px)  {
	
	.contentBlock.equity-release-suppliers .item h2 {font-size: 38px;}
	
}

@media all and (max-width: 600px)  {
	
	.contentBlock.equity-release-suppliers .item h2 {font-size: 32px; line-height: 36px;}
	
}

@media all and (max-width: 450px)  {
	
	.contentBlock.equity-release-suppliers .item {margin:0;}
}

@media all and (max-width: 320px)  {
	.page-template-service-page-equity-release .slideshow > div img {max-height: 100px; max-width:100px;}
    .contentBlock.equity-release-suppliers .item {padding: 50px 0;}
}


/* Get Started Page */

.page-template-get-started .headerContainer.contentWrap {
display: none;
}

.contentWrap.getstarted {
display: flex;
margin-top: -35px;
}

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

.contentWrap.getstarted .item:first-child {
align-items: center;
position: relative;
}

.formwrap {
flex: 1;
padding: 10% 10% 0% 5%;
}

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

.get-started-calendly {
width: 100%;
height: 835px;
}

.contentWrap.getstarted .item {
height: 100%;
min-height: 100vh;
flex: 1;
}

.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;
border-radius: 3% 0% 0% 3% / 10% 0% 0% 10%;
}

.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;
}

/*Areas Covered*/
.page-template-areas-covered .contentWrap.single{

border: 0px
}

.contentWrap.areas-covered{ }
.contentBlock.areas-covered{ }
.contentBlock.areas-covered h2{ 
  font-family: museo-sans-rounded, sans-serif;
  font-weight: 800;
  color: #001755; 
  font-size: 40px}

/* Four Step Reasons */
.contentWrap.FourStepReasons {padding: 50px 0; background-image: url(../images/reasons-bg.svg) }
.contentWrap.FourStepReasons h2 {text-align: center;color:#c70067; margin: 0 0 30px; font-size: 40px;}
.contentWrap.FourStepReasons .reasonsBlock {box-shadow: 0px 0px 6px #00000024;
  flex-basis: 48%;
  margin: 0.5%;
  padding: 35px;
  border-radius: 10px;
background-size: cover;
  background-position-y: -75px;
  display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;

}
.contentBlock.FourStepReasons{
display: flex;
  flex-flow: row wrap;
justify-content: flex-start;}
.contentBlock.FourStepReasons h3 {background-repeat: no-repeat; font-family: museo-sans-rounded, sans-serif;line-height: 32px;
  font-weight: 700; font-size: 30px; background-position: left; margin: 0; color:#fff;}

.contentBlock.FourStepReasons p {font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 17px;
  margin: 20px 0px;
  line-height: 25px;
color:#fff;}

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

.contentBlock.FourStepReasons {display: block}
.contentWrap.FourStepReasons .reasonsBlock {background-position-y: -180px; margin: 5% 0%;}	
}


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

    .contentWrap.FourStepReasons h2 {
      font-size: 30px;
      margin-bottom: 10px;
      text-align: center;
    }
    
    .contentWrap.FourStepReasons  {padding: 40px 0}
    .contentBlock.FourStepReasons h3 {padding-left: 0; background-position: top left; margin-left:10px; max-width: 315px;}
    
    .contentBlock.FourStepReasons {display: block}
    .contentWrap.FourStepReasons .reasonsBlock {box-shadow: none;
      padding-left: 0;
      padding-bottom: 10px;padding-right: 25px;}
  
  .contentWrap.FourStepReasons .reasonsBlock {background-position-y: center; }
  
  .contentBlock.FourStepReasons p {margin: 20px 10px;}
        }


@media all and (max-width: 500px) {.contentBlock.FourStepReasons h3 {max-width: 250px;}}

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

.contentBlock.FourStepReasons h3 {font-size: 20px; line-height: 24px; max-width: 150px;}
.contentWrap.FourStepReasons .reasonsBlock img {    max-width: 30px;}

}

/*********** Refer a Friend ****************/
.contentBlock.ReferaFriend {display:flex; justify-content: space-between;}
.contentBlock.ReferaFriend div:first-child img {max-width:400px; position: relative; top: 10px; z-index: -1; right:30px; left: 0px;}
.contentBlock.ReferaFriend div:last-child {display:flex; flex-direction:column; justify-content: center; align-items: center;}
.contentBlock.ReferaFriend div:last-child img {max-width:500px;}
.contentBlock.ReferaFriend div:last-child p {color: #38363f; text-align: center; color: #38363f; font-size: 30px; max-width: 400px; line-height: 12px;}
.contentBlock.ReferaFriend div:last-child a {max-width:300px;}

.contentBlock.LinkGen {margin: 70px auto;}

.page-template-refer-a-friend .reasonsBlock {box-shadow: 0px 0px 6px #00000024; flex-basis: 48%; margin: 60px 15px; padding: 35px; border-radius: 10px; background-color:#ffffff;  display:flex; align-items:center; flex-wrap:wrap; align-content:center;     flex-direction: column; }

.page-template-refer-a-friend .suppliers.reasonsBlock{display: flex; flex-flow: row wrap; justify-content: flex-start;}

.page-template-refer-a-friend .reasonsBlock h3 {font-family: museo-sans-rounded, sans-serif;line-height: 32px; font-weight: 700; font-size: 30px; margin: 0; color:#001755; text-align:center; width: 300px; margin: 20px 0px;}

.page-template-refer-a-friend .reasonsBlock img {max-width:100px;}

.page-template-refer-a-friend .reasonsBlock p {font-family: museo-sans, sans-serif;font-weight: 500;font-size: 17px; margin: 20px 0px; line-height: 25px;color:#001755; text-align:center; width: 300px; margin: 20px 0px;}

.step_number {right: 135px; position: relative; bottom: 5px;}

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


.page-template-refer-a-friend .gradient-text {background-size: 150%; font-size:50px; margin: 0;}
.link_gen {text-align:left; color:#38363f; font-size:24px}
.page-template-refer-a-friend button {font-family: museo-sans-rounded, sans-serif; font-weight: 800; border: 2px solid #c70067; transition: all 0.3s ease-out; position: relative; border-radius: 10px; font-size: 24px; padding: 13px 25px; background-color: #c70067; color: #ffffff; margin-left:2px;}
.page-template-refer-a-friend button:hover {cursor:pointer;}
.page-template-refer-a-friend input {padding: 13px; width: 80%;  border: 2px solid #c70067;  border-radius: 10px; font-family: museo-sans, sans-serif; font-weight: 300; font-size: 24px; color: #38363f;}
.page-template-refer-a-friend input::placeholder {font-family: museo-sans, sans-serif; font-weight: 300; font-size: 24px; color: #38363f;}
.linkbackground {border-radius: 20px; background-color: #f7f7f7; display:none; margin: 25px 0px 0px; padding: 20px;}
.linkbackground .item_1 {display:flex; align-items: center;  justify-content: center; }
.linkbackground .item_2 {display:flex; justify-content: flex-start; margin: 0px 80px;}
.linkbackground .item_2 img {max-width:40px; margin-right: 15px;}
.linktext {user-select:all; display:none; padding:20px;}
.linkbackground p:first-child {margin: 0px 20px 0px 20px; font-size: 40px; font-family: 'museo-sans-rounded'; background-size:150%;}
.linkbackground .item_1 p {margin: 0px 0px 0px 20px; color: #001755;  font-size: 28px; font-family: 'museo-sans';}
.linkbackground .item_1 img {max-width:40px}
.linkbackground .item_1 img:hover {cursor:pointer;}
.link_share {margin: 15px 75px 15px 75px; color: #001755; font-size: 24px; font-family: 'museo-sans'; font-weight: 600;}

@media all and (max-width: 1500px) {
	.page-template-refer-a-friend .reasonsBlock {padding: 25px;}
}

@media all and (max-width: 1200px) {
	.contentBlock.ReferaFriend div:first-child img {max-width: 340px;}
    .contentBlock.ReferaFriend div:last-child img { max-width: 440px;}
	.page-template-refer-a-friend .contentBlock.suppliers { display: block; padding-top: 1px; padding-bottom: 1px;}
	.page-template-refer-a-friend input {width: 70%;}
	.link_share {margin:0; text-align:center;}
	.linkbackground .item_2 {margin: 10px 0px 0px 0px; justify-content: center;}	
	.linkbackground .item_1 p {margin:0; max-width: 100%;}
	.page-template-refer-a-friend .reasonsBlock h3 {width:auto;}
	.page-template-refer-a-friend .reasonsBlock p {width:auto;}
	.page-template-refer-a-friend .reasonsBlock { flex-direction: row; justify-content: space-between}
	.step_number {right:0px; bottom:0px;}
}


@media all and (max-width: 800px) {
	.contentBlock.ReferaFriend div:last-child img { max-width: 100%;}
	.page-template-refer-a-friend input { width: 60%;}
}

@media all and (max-width: 700px) {
	.contentWrap.ReferaFriend {margin: 50px 0px 0px 0px; width: 100%;}
	.contentBlock.ReferaFriend {flex-direction: column-reverse;}
		.contentBlock.ReferaFriend div:first-child img { max-width: 350px; position: relative; top: 40px; z-index: -1; right: 0px; left: 25px;}
	.page-template-refer-a-friend .contentWrap.suppliers { position: relative; padding-top: 20px; padding-bottom: 1px;}
	
    .page-template-refer-a-friend .reasonsBlock { margin: 30px 15px; padding: 0px; flex-direction: column; justify-content: center; }
	.page-template-refer-a-friend .reasonsBlock h3 {width:300px;}
	.page-template-refer-a-friend .reasonsBlock p {width:300px;}
	.step_number {top: 15px; right:135px;}
	.page-template-refer-a-friend .gradient-text {margin-bottom: 20px;}
	.page-template-refer-a-friend input {width: 100%;}
	.page-template-refer-a-friend button {margin: 10px 0px 0px 0px; width: 100%;}
	.linktext {padding: 20px 20px 20px 0px;}
	.linkbackground p:first-child {margin: auto; font-size: 30px;  max-width: 250px;}
	.linkbackground .item_1 img {max-width:25px}
	.linkbackground .item_1 p {font-size: 16px;}

}
@media all and (max-width: 400px) {
	.page-template-refer-a-friend .reasonsBlock h3 {font-size: 24px;  max-width: 200px;}
	.contentBlock.ReferaFriend div:first-child img { max-width: 285px;}
	.step_number {right: 105px;}
	.page-template-refer-a-friend .reasonsBlock img { max-width: 80px;}
	.page-template-refer-a-friend .reasonsBlock p {width: 250px;}
	.page-template-refer-a-friend .gradient-text { font-size: 40px}	
}
@media all and (max-width: 340px) {
	
	.contentBlock.ReferaFriend div:last-child p {font-size: 24px;}
	.contentBlock.ReferaFriend div:first-child img { max-width: 250px;}
	.step_number {right: 90px;}
	.page-template-refer-a-friend .reasonsBlock p {width: 220px;}
	.page-template-refer-a-friend .gradient-text { font-size: 34px; line-height: 42px;}	
	.linkbackground .item_1 p {font-size: 13px; max-width: 100%;}
	.linkbackground .item_2 img { max-width: 30px; }
}
@media all and (max-width: 300px) { .contentBlock.ReferaFriend div:first-child img { max-width: 215px;}  
	.step_number {  right: 0;}
	.link_gen {font-size: 22px;}
}

/*********** Google Reviews ***********/
.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;}
.contentBlock.Homebanner .reviews-google p {color: #000000; font-size: 14px; text-align:center; margin: 0px auto 10px auto;}

.contentBlock.Leadbanner .reviews-google { background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%); max-height: 100px;  margin: 0px 0 0 25px; padding: 15px 40px;}
.contentBlock.Leadbanner .reviews-google p {color: #000000; font-size: 14px; text-align:center; margin: 0px auto 10px auto;}

.review-google-bold {padding: 0 0px 0 5px; font-weight: 600;}
.reviews-holder {display:flex;}

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

.reviews-holder-carousel {display: flex; justify-content: center; align-items: center; margin:1%}
.reviews-holder-carousel a {display: block; margin: 0px 1% 0px 1%;}
.reviews-holder-carousel img {display: block;}


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

@media all and (max-width: 1000px)  {
		.contentBlock.Mobilebanner .reviews-google { background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);  margin: 2%; padding: 0px 60px; max-width: 95%; width: 400px; display:flex; padding: 15px; align-items: center; }
	.contentBlock.Mobilebanner .reviews-google .item {padding: 0 !important; background: none !important;  max-width: initial !important;  margin: 0px auto; width: 140px; display: flex; justify-content:center; align-items: center;}
.contentBlock.Mobilebanner .reviews-google p {color: #000000; font-size: 15px; text-align:center; margin: 0;}
	
	.contentBlock.Mobilebanner .reviews-white .item:first-child {height: 60px; display: flex; justify-content: center; width: 50%; align-items: center;}
	.contentBlock.Mobilebanner .reviews-google .item:first-child {height: 60px;}
	
	.mobile-reviews-holder {display: flex;  justify-content: space-around; position: relative; bottom: 24px;}
}

@media all and (max-width: 950px)  {.contentBlock.Mobilebanner .reviews-google {width: 45%; margin: 2%;padding: 12px 5px;}
	.contentBlock.Mobilebanner .reviews-white {    flex-direction: row;}
}

@media (max-width: 600px){

.contentBlock.Mobilebanner .reviews-white {    flex-direction: column;}
	.contentBlock.Mobilebanner .reviews-google { flex-direction: column; }
}

@media all and (max-width: 700px){
.reviews-holder-carousel {justify-content: space-around;}
	.contentWrap.Reviews div:nth-child(4) img {max-width: 120px;}
.reviews-holder-carousel img {max-width: 110px;}
.contentBlock.Mobilebanner .reviews-google .item:last-child {width:100%}
.contentBlock.Mobilebanner .reviews-white .item {width:100%;     margin: 0;}

}

@media all and (max-width: 400px)  {		
		
	.mobile-reviews-holder img {max-width: 110px;}
	.contentBlock.Mobilebanner .mobile-reviews-holder .item:first-child img { max-width: 105px;}
}

@media all and (max-width: 360px)  {
	.contentBlock.Mobilebanner .reviews-google .item:first-child {width: 125px;}
		
	}

/* Dual Button */
.mobi-dual-foot {
    bottom: 0;
    width: 100%;
    position: fixed;
    display: block;
    z-index: 99;
}

.mobi-dual-foot p {display:none;}
.floating-dual-cta {position: fixed; bottom: 20px; right: 20px; display: flex; justify-content: center; align-items: center; text-align: right; z-index: 99;}
.mobi-dual-foot p {text-align: center; margin: 4% auto 2% auto;}


@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;}

}

@media all and (max-width: 900px)   {
	.floating-dual-cta {right: 0; text-align: center; width: 100%; position: relative; bottom: auto;     margin: 0 0 10px 0;}
	.button-dual.blue {background: linear-gradient(to right, #001755 50%, white 50%);  color: #001755; border: 2px solid #001755;   background-size: 200% 100%;
    background-position: right bottom;  display: inline-block; width: 45%; border-radius: 30px; padding: 10px 20px; margin: 5px; font-family: museo-sans-rounded, sans-serif;
    font-weight: 800;	}
	.button-dual-custom {background: linear-gradient(to right, #c70067 50%, white 50%); color: #c70067; border: 2px solid #c70067; background-size: 200% 100%;  background-position: right bottom;
    display: inline-block;  width: 100%;  border-radius: 30px;  padding: 10px 20px;  margin: 5px; font-family: museo-sans-rounded, sans-serif; font-weight: 800;font-size: 14px;}
	.button-dual.pink {background: linear-gradient(to right, #00C8E5 50%, white 50%);  color: #c70067;border: 2px solid #c70067;   background-size: 200% 100%; background-position: right bottom;     
	display: inline-block; width: 45%; border-radius: 30px; padding: 10px 20px; margin: 5px; font-family: museo-sans-rounded, 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: 0; width: 100%; flex-direction: column; z-index: 99;position: fixed; background-color: #fff; padding: 0px;
			border-radius: 15% 15% 0 0;	box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 20%);}
	.mobi-dual-foot p {margin: 2% auto 1% auto;}
	}

@media all and (max-width: 600px)   {	
	.button-dual.blue {font-size: 17px;}
	.button-dual.blue {font-size: 17px;}
  .mobi-dual-foot p {margin: 3% auto 1.5% auto;}
}

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

}

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

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

/* Lead Landing Page */
.contentWrap.Leadbanner { background-image: linear-gradient(180deg, rgba(194,17,133,1) 0%, rgba(160,23,160,1) 72%);  border-radius: 50% 50% 0% 0% / 2% 2% 10% 10%;
    background-color: #bd1c1c;   background-repeat: no-repeat;  background-position: left;position: relative;overflow: hidden;}
.contentBlock.Leadbanner { padding: 40px 0; display: flex;align-items: center;}
.contentWrap.Leadbanner h1 {color: #fff;}

.contentWrap.Leadbanner p { color: #fff; font-size: 18px;}
.contentBlock.Leadbanner .reviews-white { margin: 0;display: inline-flex; max-height: 100px;}
.contentBlock.Leadbanner .item:first-child {flex: 1.3;}
.contentBlock.Leadbanner .item p:nth-child(2) {max-width: 70%;}
.contentBlock.Leadbanner .reviews-white .item p { color: #000000;font-size: 14px;}
.contentWrap.lender-header {background: #001755; background-repeat: no-repeat; height: 175px;}
.contentBlock.lender-header {display:flex;justify-content: space-between;}

.contentBlock.lead-landing-page .item:first-child img {bottom: 0px; display: flex; position: relative;}

.contentWrap.lender-header p { color: #fff;  font-size: 18px;padding: 20px 20px 20px 0px;  max-width: 100%;}
.lender-header-logos {position: absolute;  margin: 90px 0px 0px -60px; list-style: none;  padding: 0;}
.lender-header-logos li {
display: block;
    float: left;
    position: relative;
    margin: 0px 15px 0px 25px;
    padding: 0;
    width: 140px;
    height: 60px;
    background-position: 50% 50%;
	background-repeat: no-repeat;
    background-size: contain;
    -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;}

.lead-landing-page-calendly {width: 360px;  height: 480px; margin: 10px;}
.equity-release-logo {display: inline-flex; margin: 15px 20px; position: absolute;}
.contentWrap.lead-landing-page {background-image: url(../images/Top-Heart.svg);  background-repeat: no-repeat; padding: 50px 0px 50px 0px; background-position-x: 300px; background-position: bottom;} 
.contentBlock.lead-landing-page { display:flex;	justify-content: space-between;	align-items: center;}
.contentWrap .lead-landing-page img {max-width: 350px;}
.gradient-text-lead-landing-page {background-image:linear-gradient(to right, #00b5d1, #4d00b3, #c70067); text-align: center; font-size: 45px; font-family: 'museo-sans-rounded'; -webkit-background-clip:text; color: transparent; background-size:180%; animation: animatedText 2s infinite alternate-reverse; margin: 0px; padding:10px 10px 0px 10px;}
.contentWrap .lead-landing-page p {font-size:17px; color: #001755; text-align:center; padding: 20px;}
.button.blue.lead-landing-page {font-size: 20px; margin:0;}
.button.pink.lead-landing-page {font-size: 20px; margin:0;}
.mobile-typeform {display:none;}
.lead-landing-page-mobile {display:none;}

.page-template-campaign-landingpage .contentWrap.Mortgagefaq {border-radius: 0;}

.contentWrap.reasons-why h2 { text-align: center;  color: #001755; margin: 0px auto 50px auto; max-width: 90%;}
.contentBlock.reasons-why {padding: 50px 0px;}
.reasons-wrap {display:flex; flex-wrap: wrap; align-items: center;}
.reasons-holder { padding: 20px; border-radius: 20px;  display: flex; margin: 20px;  width: 30%;  position: relative;
height: 105px;  align-items: center; justify-content: left; text-align:left; box-shadow: 0px 0px 6px #00000024; background-size: cover; background-position: 0% 42%;background-repeat: no-repeat;}
.reasons-holder h3 {color:#fff; font-family: 'museo-sans',sans-serif; font-weight:500; font-size: 22px}

.contentWrap.why-us {background:#001755;}
.contentBlock.why-us {padding: 50px 0px;}
.contentWrap.why-us h2 { text-align: center; color: #00b5d1; margin: 0px 0px 50px 0px;}
.contentWrap.why-us p { text-align: left;  color: #fff; font-size:17px; line-height: 30px;}
.contentWrap.why-us ul { padding-inline-start: 0px; list-style: none; }
.contentWrap.why-us ul li::before { content: "\2022"; color: #00b5d1; font-weight: bold; display: inline-block; 
  width: 1em; margin-left: -1em;}
.contentWrap.why-us li { text-align: left;  color: #fff; font-family: 'museo-sans';  margin: 20px; font-size: 17px}

.video_container {width: auto;}
.video_container iframe {width: 525px; height: 300px; border-radius: 20px; overflow: hidden;}


.page-template-campaign-landingpage .contentWrap.Reviews .desk .carousel-cell .car-wrap p:first-child {color: #DD0170; font-size: 20px; font-family: museo-sans-rounded; font-weight: 700; margin: 0;}
.page-template-campaign-landingpage .contentWrap.Reviews .desk .carousel-cell p { font-size: 17px;}

.page-template-campaign-landingpage .contentBlock.Mobilebanner .item:last-child {padding: 0;background-image: none;  background-size: cover; background-position: top; background-size: top; padding: 20px 0px;}
.page-template-campaign-landingpage .flickity-slider {left: 8px !important; width: 95%;}
.page-template-campaign-landingpage .desk .carousel-cell {height: 370px;}
.page-template-campaign-landingpage .flickity-enabled.is-draggable .flickity-viewport {height: 360px !important;}
.page-template-campaign-landingpage .desk .carousel-cell {width: 40%; margin-left: 10% !important; }

	.page-template-campaign-landingpage .reviews-holder-carousel {margin:0;padding:10px 0px 0px 0px}
	.page-template-campaign-landingpage .reviews-holder-carousel a {margin: 0px 1% 0px 1%}


@media all and (max-width: 1280px) {.reasons-wrap {justify-content: center;}
	.reasons-holder {width: 20%;}
	.page-template-campaign-landingpage .desk .carousel-cell {  width: 50%;}
}

@media all and (max-width: 1024px) {.lender-header-logos li {width: 80px;} .gradient-text-lead-landing-page {font-size: 40px;}
.page-template-campaign-landingpage .contentWrap.Reviews .desk .carousel-cell p {-webkit-line-clamp: 12;}	
	.page-template-campaign-landingpage .desk .carousel-cell { height: 350px;}
}

@media all and (max-width: 1001px)  {
	.page-template-campaign-landingpage .contentBlock.Mobilebanner h1 {line-height: 45px;}
	.page-template-campaign-landingpage .contentBlock.Mobilebanner .button.darkblue {margin: 0px;}
	.tab {display: none} .contentWrap.Leadbanner {display: none} .contentBlock.Leadbanner {display: none}
	.lead-landing-page-calendly{display:none;}
	.contentWrap.lender-header {height: 408px;}
	.contentBlock.lender-header {flex-wrap:wrap;}
	.lender-header-logos {position:relative; display:flex; margin: 0px 0px 0px 0px; flex-wrap: wrap; justify-content: center;}
	.lender-header-logos li {margin: 15px 15px 15px 15px; width: 125px;}
	.mobile-typeform {display:block; width: 100%;
    height: 450px;margin-bottom: 40px;}
	.lead-landing-page {display:none;}
	.gradient-text-lead-landing-page {font-size:40px; margin: 30px 0px;}
.contentWrap.lead-landing-page-mobile {
	background-image: url(../images/Top-Heart.svg);
    background-repeat: no-repeat;
	display:flex;}
.contentBlock.lead-landing-page-mobile { display: flex; align-content: center;  flex-direction: column; align-items: center;}
	
	.page-template-campaign-landingpage .contentBlock.Mobilebanner .item:first-child {
    padding: 35px 0 30px;
}
	.reasons-holder { justify-content: center;}
	.page-template-campaign-landingpage .contentBlock.Mobilebanner .reviews-white p { margin-bottom: 10px !important;}
	
	.contentBlock.lead-landing-page-mobile .button.blue {margin-left: 0px; margin-bottom: 0px; display: block;}
	.contentBlock.Mobilebanner .button.blue {margin-left: 0px;}
	
.contentBlock.lead-landing-page-mobile .item:last-child img { bottom: 0px; display: flex;  position: relative;  max-width: 350px;}
.contentWrap .lead-landing-page-mobile p {font-size:17px; color: #001755; text-align:center; margin: 0px; padding-bottom: 30px;}
.lender-header-logo {margin: 160px 0px 0px 0px;}
	
	.page-template-campaign-landingpage .flickity-enabled.is-draggable .flickity-viewport { height: 450px !important;}
	.page-template-campaign-landingpage .desk .carousel-cell {height: 450px;}
	
}

@media all and (max-width: 912px)  {.contentWrap.lender-header {height: 220px;}
	.contentWrap.lead-landing-page-mobile {background-position: bottom;}
.reasons-holder h3 { font-size: 17px; max-width: 100%;}
	.reasons-holder { margin: 10px; width: 40%;    background-position: 100% 42%;}
	.reasons-wrap {justify-content: center;}
	.contentWrap.why-us h2 { margin: 0px auto 50px auto;  max-width: 75%;}
	
	.contentWrap.lender-header p {font-size: 17px;}
}
@media all and (max-width: 820px)  {.lender-header-logos li {margin: 15px 15px 15px 0;} .contentWrap.lender-header {height: 250px;}
.video_container {width: -webkit-fill-available;}
		.page-template-campaign-landingpage .desk .carousel-cell {width: 100%; height: 400px;}
	.page-template-campaign-landingpage .flickity-enabled.is-draggable .flickity-viewport { height: 400px !important;}
	.page-template-campaign-landingpage .reviews-holder-carousel { justify-content: center;}
	.reasons-holder h3 { text-align: center;}
}
@media all and (max-width: 700px)  {.video_container iframe {width: 100%; height: 275px;}}
@media all and (max-width: 540px)  {.contentWrap.lender-header {height: 200px;} .lender-header-logos li {width: 100px;}
.contentWrap.lender-header p {margin: 0px;}
.gradient-text-lead-landing-page { font-size: 24px;}
}
@media all and (max-width: 450px)  {  .lender-header-logos li {width: 150px;} .contentWrap.lender-header { height: 310px;} .contentBlock.lead-landing-page-mobile .item:last-child img {max-width: 300px;}}
@media all and (max-width: 360px)  {  .lender-header-logos li {width: 100px;} .contentWrap.lender-header { height: 320px;} .contentBlock.lead-landing-page-mobile .item:last-child img {max-width: 250px;}
	.contentWrap.reasons-why h2 {max-width: 100%; font-size: 30px;}
.reasons-holder {  margin: 10px; width: 100%;  justify-content: center;}
.contentWrap.why-us h2 {max-width: 80%; font-size: 36px;}
}
* {box-sizing:border-box}


/****** Video Slider ******/
.contentWrap.VideoSlider .flickity-enabled.is-draggable {height: 400px;}
.contentWrap.VideoSlider h2 {padding: 40px 0px 20px 0px;}

.contentWrap.VideoSlider .desk-video { margin: 20px 0px 60px 0px;}
.contentWrap.VideoSlider .desk-video .video-cell  {width: 35%; background-color: #fff; border-radius: 5px; height: auto; margin: 0 2%;}
.contentWrap.VideoSlider .video-wrap {padding: 0px 25px; position: relative; height: 100%;}
.contentWrap.VideoSlider .video-wrap iframe {width: 525px; height: 300px; border-radius: 20px;overflow: hidden; }

.contentWrap.VideoSlider .flickity-button {display:block; position:absolute; }
.contentWrap.VideoSlider .button {z-index:5}

.contentWrap.VideoSlider .flickity-page-dots {bottom: -15px; z-index: -1;}
.contentWrap.VideoSlider .flickity-page-dots .dot  {width: 15px; height: 15px;}

.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.previous {left:40%; height: 35px; width:35px; background:35px; background-repeat:no-repeat; background-image:url(../images/left-arrow-blue.png); background-size: 35px; background-position: center; bottom: -23px;}
.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.next {right:40%; height: 35px; width:35px; background:35px; background-repeat:no-repeat; background-image:url(../images/right-arrow-blue.png); background-size: 35px; background-position: center; bottom: -23px; }
.contentWrap.VideoSlider .flickity-button .flickity-button-icon {display:none;}

.contentWrap.VideoSlider .video-wrap p {margin: 0;}

@media all and (max-width: 1500px)  {.contentWrap.VideoSlider .desk-video .video-cell {width: 55%;}}

@media all and (max-width: 1280px)  {
	.contentWrap.VideoSlider .video-wrap iframe { width: 470px; height: 300px;}
	.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.previous {left:35%;}
	.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.next {right:35%;}
	.contentWrap.VideoSlider .desk-video .video-cell { width: 40%;}	}

@media all and (max-width: 1100px)  {.contentWrap.VideoSlider .desk-video .video-cell { width: 55%;}	}

@media all and (max-width: 1000px)  { 
	.contentWrap.VideoSlider .desk-video .video-cell {margin:0}
.contentWrap.VideoSlider .flickity-enabled.is-draggable { height: 450px;}
	.contentWrap.VideoSlider .desk-video .video-cell { width: 100%;  }
	.carousel.desk-video .flickity-slider { left: 0px !important; width: 100%;}
	.contentWrap.VideoSlider .video-wrap iframe { width: 100%;  height: 380px;;}
	.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.previous {left:10%;}
	.contentWrap.VideoSlider .flickity-button.flickity-prev-next-button.next {right:10%;}
	.page-template-campaign-landingpage #myCookieConsent.one {position: relative}
}

@media all and (max-width: 912px)  { .contentWrap.VideoSlider .video-wrap iframe {width: 525px; height: 300px; display: flex; margin: auto; border-radius: 20px; justify-content: center;}
	.contentWrap.VideoSlider .flickity-enabled.is-draggable { height: 375px;}}

@media all and (max-width: 700px)  {.contentWrap.VideoSlider .desk-video .video-cell {margin: 0;     padding: 0px 5%;} .contentWrap.VideoSlider .video-wrap {padding: 0px;}
	.contentWrap.VideoSlider .video-wrap iframe { width: 100%;  height: 250px;}	.contentWrap.VideoSlider h2 { padding: 0px;} .contentWrap.VideoSlider .flickity-enabled.is-draggable {height: 350px;}
	.contentWrap.VideoSlider .video-wrap iframe {height: 275px;}}

@media all and (max-width: 500px)  {.video_container iframe { height: 250px;} .contentWrap.VideoSlider .video-wrap iframe { height: 300px;}
	.contentWrap.VideoSlider .flickity-enabled.is-draggable { height: 370px;}}

@media all and (max-width: 350px)  {.video_container iframe { height: 220px;} .contentWrap.VideoSlider .video-wrap iframe {height: 220px;}}