
 
/**** GLOBALS ****/
/* Default Styles */
 #wpadminbar {
     display: none !important;
}
 body {
     font-family: Open Sans, sans-serif;
     color: #5984f1;
}
h1, h1 a {
     color: #5984f1;
     font-family: Montserrat, sans-serif;
     font-size: 2.5em;
     line-height: 1;
     margin: 25px 0;
}
h2 {
     color: #5984f1;
     font-family: Montserrat, sans-serif;
     font-size: 2.5em;
     line-height: 1;
     margin: 25px 0;
}
h3 {
     color: #5984f1;
     font-family: Montserrat, sans-serif;
     font-size: 1.6em;
     line-height: 1.2;
     margin: 25px 0;
}
h4 {
     font-family: Montserrat, sans-serif;
     color: #5984f1;
     font-weight: bold;
     font-size: 1.5em;
     line-height: 1;
     margin: 25px 0;
}
p {
     font-family: Open Sans, sans-serif;
     color: #646464;
     font-size: 16px;
     margin: 15px 0;
     line-height: 1.6;
}
ul {
     list-style-type: none;
}
.row {
     margin: 0 auto;
     max-width: 75rem;
     width: 100%;
} .row.wide {
     max-width: calc(100% - 20vw);
     margin: 0 auto;
     width: 100%;
}
.contain-to-grid {
     background: none !important;
}
.contain-to-grid .top-bar {
     max-width: 75em;
}
.page-wrapper {
     max-width: 75rem;
     clear: both;
}
.footer-wrapper {
     width: 100%;
     position: relative;
}
.footer-inner-wrapper {
     margin: 0 auto;
     padding: 25px 0 0 0;
}
.footer-inner-wrapper h1 {
     padding: 0 0 25px 0;
}
.contactForm {
     margin-top: 20px;
}
.contactForm label{
     font-weight: bold;
     display: block;
}
.contact-page .contactForm input {
     width: 100%;
     margin-bottom: 5px;
     color: #1b3b92;
    background: #ffffff;
     font-weight: 600;
     padding-left: 5px;
     border-bottom: 6px solid #a9c8e4;
     border-left: none;
     border-right: none;
     border-top: none;
}
.contact-page .form-holder .contactForm textarea {
     width: 100%;
     min-height:240px;
     width: 100%;
     margin-bottom: 5px;
     margin-top: 3vh;
     color: #1b3b92;
    background: #ffffff;
     padding-left: 5px;
     border: 6px solid #a9c8e4;
     border-radius: 10px;
}
.contactForm .captchaWrapper {
}.contactForm .submitWrapper {
     text-align: center;
}.contactForm .submitWrapper span.submit {
     font-size: inherit;
     font-weight: bold;
     background-color: #5984f1;
     padding: 15px 0;
     cursor: pointer;
     display: block;
     width: calc(100% + 3px);
     color: #ffffff;
     bottom: 0;
     -webkit-transition: all 0.25s ease-in;
     -o-transition: all 0.25s ease-in;
     transition: all 0.25s ease-in;
     -webkit-transform: translateX(-3px);
     -ms-transform: translateX(-3px);
     transform: translateX(-3px);
     border-radius: 5px;
     box-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
}
.contactForm .submitWrapper span.submit:hover {
     background-color: #5984f1;
     box-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}.emailConfirmation {
     margin: 0 auto;
}.emailConfirmation h1 {
     color: #00CC00;
}.emailConfirmation {
    margin: 0 auto;
    text-align: center;
}.slick-background-wrapper {
     left: 0;
     position: fixed;
     top: 0;
     z-index: -1;
     width: 101% !important;
     overflow: hidden;
}.top-bar-section ul li {
     float: unset;
     display: inline-block;
}header {
     z-index: 9;
}ul {
      margin-bottom: 0;
}ul li {
     line-height: 1.2;
     margin: 0 0 30px 0;
    padding-left: 1vw;
    font-weight: bold;
    color: #646464;
} .block-element {
     display: block;
     width: 100%;
} .vertical-center {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
} .has-fadein {
      opacity: 0;
      transition: all 0.3s ease;
      -webkit-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
}.scrollfade {
     opacity: 0;
     transition: all 0.8s ease;
     -webkit-transition: all 0.8s ease;
     -ms-transition: all 0.8s ease;
     -moz-transition: all 0.8s ease;
     -o-transition: all 0.8s ease;
}.scrollfade.complete {
      opacity: 1;
}.scrollfade.from-bottom {
      transform: translateY(15%);
      -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
      -moz-transform: translateY(15%);
      -o-transform: translateY(15%);
      transition: all 1s ease;
      -webkit-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
}.scrollfade.from-bottom.complete {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
}.scrollfade.from-top {
      transform: translateY(-15%);
      -webkit-transform: translateY(-15%);
      -ms-transform: translateY(-15%);
      -moz-transform: translateY(-15%);
      -o-transform: translateY(-15%);
      transition: all 1s ease;
      -webkit-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
}.scrollfade.from-top.complete {
     transform: translateY(0);
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
}.scrollfade.from-left {
      transform: translateX(-15%);
      -webkit-transform: translateX(-15%);
      -ms-transform: translateX(-15%);
      -moz-transform: translateX(-15%);
      -o-transform: translateX(-15%);
      transition: all 1s ease;
      -webkit-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
}.scrollfade.from-left.complete {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
}.scrollfade.from-right {
      transform: translateX(15%);
      -webkit-transform: translateX(15%);
      -ms-transform: translateX(15%);
      -moz-transform: translateX(15%);
      -o-transform: translateX(15%);
      transition: all 1s ease;
      -webkit-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
}.scrollfade.from-right.complete {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
} .scroll-to-content {
      position: absolute;
      display: block;
      width: 68px;
      height: 100%;
      cursor: pointer;
      z-index: 999;
} .scroll-to-content .fa {
      color: #ffffff;
      font-size: 25px;
      -webkit-transform: translateY(25%);
      -ms-transform: translateY(25%);
      transform: translateY(25%);
}.absolute {
  position: absolute;
}.alt-color {
    background: #ecf6ff;
}.button.one {
     font-size: inherit;
     font-weight: bold;
     background-color: #5984f1;
     padding: 15px 0;
     display: block;
     width: calc(100% + 3px);
     color: #ffffff;
     bottom: 0;
     -webkit-transition: all 0.25s ease-in;
     -o-transition: all 0.25s ease-in;
     transition: all 0.25s ease-in;
     border-radius: 5px;
     box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25098039215686274);
     max-width: 275px;
     margin: 0 auto;
}.button.one:hover {
     background-color: #5984f1;
     box-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}.button.two {
    background: -webkit-linear-gradient(71deg, rgb(77, 124, 240), rgb(53, 98, 208));
    background: linear-gradient(71deg, rgb(77, 124, 240), rgb(53, 98, 208));
    padding: 18px 0;
    border-radius: 10px;
    text-align: center;
    display: block;
    width: 250px;
    margin: 0 auto;
    color: #afc5ff;
    font-weight: 600;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25098039215686274);
    text-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
    transition: all 0.2s ease;
}.button.two:hover {
   color: #ffffff;
   box-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
   text-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}ul li span:nth-child(1) {
    color: #5984f1;
    font-size: 30px;
    display: block;
    position: absolute;
    transform: translate(-40px, -5px);
}ul li span:nth-child(2) {
    font-size: 20px;
    transform: translate(-35px, -10px);
    display: block;
    position: absolute;
    color: #cadff2;
}.horizontal-padding {
    padding: 0 5vw;
}.small-horizontal-padding {
     padding: 0 3vw;
}.medium-margin-top {
    margin-top: 5vh;
}.small-margin-bottom {
      margin-bottom: 5vh;
}.medium-margin-bottom {
      margin-bottom: 7vh;
}.large-margin-bottom {
     margin-bottom: 10vh;
} .small-margin-top {
     margin-top: 3vh;
}.large-padding-right {
     padding-right: 10vw;
} .small-padding-right {
     padding-right: 5vw;
} .large-padding-left {
     padding-left: 10vw;
} .large-padding-top {
     padding-top: 10vh;
}.small-padding-left {
     padding-left: 5vw;
} .padded-left {
     padding-left: 7vw;
} .padded-right {
     padding-right: 7vw;
}.large-vertical-padding {
     padding: 10vh 0;
}.medium-vertical-padding {
      padding: 5vh 0;
}.small-vertical-padding {
     padding: 2vh 0;
}.strip-padding {
     padding: 0 !important;
}.strip-padding-left {
     padding-left: 0 !important;
}.strip-padding-right {
     padding-right: 0 !important;
}.button-bar {
    background: -webkit-linear-gradient(71deg, rgb(77, 124, 240), rgb(53, 98, 208));
    background: linear-gradient(71deg, rgb(77, 124, 240), rgb(53, 98, 208));
    padding: 14px 0;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25098039215686274);
}.button-bar a {
    color: #afc5ff;
    transition: all 0.25s ease;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
}.button-bar a:hover, 
 .button-bar a.active {
    color: #ffffff;
    text-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
    font-weight: 700;
}.button-bar .fa {
    font-size: 20px;
    margin-right: 3px;
    transform: translateY(11%);
}

/**** HEADER ****/
.company-name-holder h1 {
    margin: 5px 0 0 0;
    font-size: 25px;
    font-weight: bold;
}p.company-work-service-order {
    font-size: 14px;
    line-height: 1;
    margin: 10px 0 0 0;
} .header-cta .button-bar {
    float: right;
    width: 100%;
    max-width: 370px;
}.top-bar-section li:not(.has-form):not(.button) ul.dropdown li:hover:not(.has-form):not(.button), 
.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button) , 
.top-bar-section .dropdown li.active{
     color: #ffffff;
     background: #5984f1;
} .top-bar-section li ul.dropdown li:not(.has-form) a:not(.button):hover{
     color: #ffffff;
     background: #5984f1;
}.top-bar-section ul li {
     margin: 0;
}.top-bar-section .dropdown {
    background: #ffffff;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     left: 50%;
     border-radius: 10px;
     padding: 10px;
     box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.2196078431372549);
} .top-bar-section li:not(.has-form):not(.button) ul.dropdown li a{
     padding: 5px 40px;
     color: #5984f1;
}.top-bar-section li.active:not(.has-form):not(.button) ul.dropdown li::after, 
.top-bar-section li.active:not(.has-form):not(.button) ul.dropdown li:hover:not(.has-form):not(.button)::after, 
.top-bar-section li:not(.has-form):not(.button) ul.dropdown li::after, 
.top-bar-section li:not(.has-form):not(.button) ul.dropdown li:hover:not(.has-form):not(.button)::after, 
.top-bar-section ul li .ul.dropdown li:hover:not(.has-form)>a::after, 
.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::after {
     display: none;
} .top-bar-section .has-dropdown>a:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: inset 5px;
     border-color: rgb(245, 92, 0) transparent transparent transparent;
     border-top-style: solid;
     margin-top: 0;
     top: 14.5px;
}.top-bar-section li.active:not(.has-form):not(.button)::after, 
.top-bar-section li:hover:not(.has-form):not(.button)::after {
}.top-bar {
     background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
     background: none;
     color: #87a8ff;
     line-height: 35px;
     font-weight: bold;
}.top-bar-section ul li, .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
     background: none;
     border-radius: 5px;
}.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form)>a {
     background: none;
     color: #5984f1;
}.top-bar-section li.active:not(.has-form) a:not(.button) {
     background: none;
     color: #5984f1;
     line-height: 35px;
}.top-bar-section li ul.dropdown li.active:not(.has-form) a:not(.button) {
    color: #ffffff;
  }.top-bar-section ul li>a {
     background: none;
     color: #5984f1;
     font-size: 21px;
}.top-bar-section li.active:not(.has-form) a:not(.button):hover {
     background: none;
     color: #5984f1;
}.top-bar-section .dropdown li a {
    font-size: 16px;
}.top-bar-section .dropdown li {
    padding: 0;
    text-align: center;
}
/**** HOME ****/
p.form-heading {
    font-weight: bold;
    color: #5984f1;
    padding-left: .9375rem;
    font-size: 19px;
}
.mortgage-broker-img {
    position: absolute;
    right: -10vw;
    top: 0;
    z-index: -1;
}
.home-section-2 h1, 
.home-section-2 h2, 
.home-section-2 h3, 
.home-section-2 p  {
    color: #ffffff;
}.home-section-1 h1 {
     font-size: 3.2em;
     font-weight: 800;
     line-height: 1.25;
}.home-section-1 p{
    font-size: 20px;
}.home-section-1 p::after {
    content: "";
    display: block;
    margin-top: 5vh;
    width: 10vw;
    height: 3vh;
    background: #fab49d;
    border-radius: 5px;
}.home-section-1 .button-bar {
    padding: 25px 0;
}.home-section-1 .large-vertical-padding {
  padding: 10vh 0 20vh 0;
}.home-section-2 {
    background: #3562d0;
    background: #3562d0;
    padding: 15vh 0 30vh 0;
}.home-section-2 h3 {
    font-weight: 700;
    margin: 0;
}.home-section-2 h2 {
    font-weight: bold;
    font-size: 3.25em;
}.home-section-2 p {
    font-size: 20px;
    line-height: 2;
}.home-section-2 .row.wide {
    max-width: calc(100% - 25vw);
}.home-section-2::before {
  content: "";
  background: url("https://mtg2.linknowpreview.com/wp-content/themes/mtg2/images/home-section-2-accent-top.jpg");
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  min-height: 180px;
  height: 100%;
  position: absolute;
  top: -178px;
  left: 0;
}.home-section-2 .button.one {
     max-width: 400px;
}.home-section-2 .home-section-2-content p {
    font-size: 15px;
    line-height: 1.4;

}.home-section-3 h2 {
    font-weight: 800;
    line-height: 1.25;
    color: #80a5fa;
}.home-section-3 p {
    margin: 25px 0 40px 0;
}.home-section-3::before {
  content: "";
  background: url("https://mtg2.linknowpreview.com/wp-content/themes/mtg2/images/home-section-2-accent-bottom.jpg");
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  min-height: 180px;
  height: 100%;
  position: absolute;
  top: -178px;
  left: 0;
}.home-section-3 .delayed-scrollfade:nth-child(1){
  transition-delay: 0.3s;
}.home-section-3 .delayed-scrollfade:nth-child(2){
  transition-delay: 0.6s;
}.home-section-3 .delayed-scrollfade:nth-child(3){
  transition-delay: 0.9s;
}.slick-text-slider .slick-slide p {
    color: #5984f1;
}.slick-slide p {
    font-size: 5em;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -1px;
}.home-section-counters p {
    color: #4d7cf0;
    font-size: 24px;
    font-weight: 600;
}.home-section-steps p {
    font-size: 15px;
}.home-section-steps p.small-heading {
    font-weight: 800;
    font-size: 1.8em;
    color: #3b68d8;
    line-height: 1;
}.home-section-steps .button-bar {
    padding: 40px 0;
}span.counter-value {
    color: #fab49d;
    font-weight: 800;
    font-size: 6vw;
}span.quote-left {
    position: absolute;
    left: 2vw;
    top: -2vh;
    z-index: -1;
}.testimonial-header {
    padding-left: 7vw;
}.testimonial-header p {
  font-size: 4em;
  font-weight: 800;
  color: #4d7cf0;
  margin-bottom:5vh;
  line-height: 1.2;
}.testimonial-holder .slick-testimonial-text-slider .slide-content p.testimonial-text {
    font-size: 20px;
    font-weight: normal;
    line-height: 2;
    margin-bottom: 6vh;
}.slick-testimonial-text-slider .slick-slide .slide-content {
    padding: 0 0vw 0 7vw;
}.testimonial-holder .slick-testimonial-text-slider .slide-content p.testimonial-name {
    font-size: 2em;
    color: #1b3b92;
}

/**** GATEWAY SERVICE PAGES ****/
.service-item a.button.two {
    margin: 0;
}.inner-page .service-item h2 {
    font-size: 4.2em;
    text-align: center;
}
/**** INNER PAGES ****/
.cta-box {
     background: url("https://mtg2.linknowpreview.com/wp-content/themes/mtg2/images/cta-box-bg.jpg");
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 15px;
     padding: 10vh 15vw;
     box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25098039215686274);
}.cta-box::before {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     background-color: #5f8bed;
     opacity: 0.92;
     position: absolute;
     left: 0;
     top: 0;
     border-radius: 15px;
}.cta-box * {
      color: #ffffff;
}.inner-page h1 {
     font-size: 4.2em;
     font-weight: 800;
     line-height: 1.25;
}.inner-page h2 {
    font-size: 2em;
    font-weight: 800;
    line-height: 1.25;
}.inner-page .inner-content-padding {
     padding: 5vh 5vw 5vh 8vw;
}.inner-page .title-area {
     padding: 5vh 10vw 5vh 5vw;
}.inner-page .whats-next-section h2 {
    font-size: 3em;
    margin: 0 0 5vh 0;
}.title-area .button.two {
     margin: 4vh 0 0 0;
}.whats-next-section {
    background: #eef3ff;
    border-radius: 25px;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.11);
}.whats-next-section p.small-heading {
    font-weight: 800;
    line-height: 1.25;
    color: #80a5fa;
    font-size: 2em;
}.whats-next-section p {
    margin: 25px 0 40px 0;
}.calculator-frame {
    width: 100%;
    border: 2px solid #eeeeee;
    box-shadow: 0px 0px 45px rgba(228, 228, 228, 0.7490196078431373);
}.glossary-holder a.button.two {
    margin: 0 0 10vh 0;
}.landing-page-wrapper h1, .service-areas-wrapper h1,
  .landing-page-wrapper h2, .service-areas-wrapper h2,
  .landing-page-wrapper h3, .service-areas-wrapper h3 {
    font-weight: bold;
    font-size: 1.9em;
    line-height: 1.5;
}.landing-page-button-wrapper a {
    background: #5984f1;
    border-radius: 10px;
    padding: 10px 15px;
}
/**** CONTACT ****/
.contact-img {
    position: absolute;
    right: 0;
}.form-holder {
   background: #ffffff;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 4vh 3vw;
}.form-holder h1 {
    font-weight: 800;
    font-size: 2.1em;
    line-height: 1.3;
}.form-holder-wrapper {
    margin-top: 5vh;
}.form-wrapper .form-holder {
    max-width: 50vw;
    background: #ffffff;
    padding: 20px 1vw;
    border-radius: 15px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25098039215686274);
}.form-wrapper .form-holder img {
    max-width: 100px;
}.groupWrapper {
    margin: 2vh 0px;
}.groupWrapper.columns {
    padding: 0 .25rem;
}span.submit .fa-paper-plane {
    transition: all 0.3s ease-in;
    opacity: 0;
    transform: translate(0px, 6px);
}span.submit:hover .fa-paper-plane {
    transform: translate(4px, -1px);
    opacity: 1;
}
.contact-page .form-holder input::-webkit-input-placeholder, 
.contact-page .form-holder textarea::-webkit-input-placeholder {
  color: #6792ff;
  opacity: 0.5;
  padding-left: 5px;
  font-weight: 800;
  font-size: 22px;
}.contact-page .form-holder input::-ms-input-placeholder, 
.contact-page .form-holder textarea::-ms-input-placeholder {
  color: #6792ff;
  opacity: 0.5;
  padding-left: 5px;
  font-weight: 800;
  font-size: 18px;
}.contact-page .form-holder input::-moz-placeholder, 
.contact-page .form-holder textarea::-moz-placeholder {
  color: #6792ff;
  opacity: 0.5;
  padding-left: 5px;
  font-weight: 800;
  font-size: 18px;
}.contact-page .form-holder input:-ms-input-placeholder, 
.contact-page .form-holder textarea:-ms-input-placeholder {
  color: #6792ff;
  opacity: 0.5;
  padding-left: 5px;
  font-weight: 800;
  font-size: 18px;
}.contact-page .form-holder input::placeholder, 
.contact-page .form-holder textarea::placeholder {
   color: #6792ff;
   opacity: 0.5;
   padding-left: 5px;
  font-weight: 800;
  font-size: 18px;
}
.form-holder input[type="text"], .form-holder input[type="password"], 
.form-holder input[type="date"], .form-holder input[type="datetime"], 
.form-holder input[type="datetime-local"], .form-holder input[type="month"], 
.form-holder input[type="week"], .form-holder input[type="email"], 
.form-holder input[type="number"], .form-holder input[type="search"], 
.form-holder input[type="tel"], .form-holder input[type="time"], 
.form-holder input[type="url"] {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-left: none;
     border-right: none;
     border-top: none;
     border-bottom: 3px solid #cadff2;
}.form-holder input[type="text"]:focus, 
.form-holder input[type="password"]:focus, 
.form-holder input[type="date"]:focus, 
.form-holder input[type="datetime"]:focus, 
.form-holder input[type="datetime-local"]:focus, 
.form-holder input[type="month"]:focus, 
.form-holder input[type="week"]:focus, 
.form-holder input[type="email"]:focus, 
.form-holder input[type="number"]:focus, 
.form-holder input[type="search"]:focus, 
.form-holder input[type="tel"]:focus, 
.form-holder input[type="time"]:focus, 
.form-holder input[type="url"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #344982;
  background: none;
}.form-holder textarea {
 background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-height: 200px;
  border: 3px solid #cadff2;
  border-radius: 5px;
}.form-holder textarea:focus {
  border-color: #344982;
}.contact-page .form-holder .contactForm textarea:focus {
  background: none;
  border-color: #344982;
  -webkit-box-shadow: none;
  box-shadow: none;
}.form-wrapper .form-holder .groupWrapper {
    margin: 10px 0;
}
/**** FOOTER ****/
footer {
    margin-top: 461px;
}.footer-bg {
     width: 100%;
     position: relative;
     background: #4570cc;
}.footer-bg::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: -461px;
  left: 0;
  background: url("https://mtg2.linknowpreview.com/wp-content/themes/mtg2/images/footer-accent-top.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 461px;
  height: 100%;
}.footer-bg ul {
     margin: 0;
}.footer-company-info p {
    color: #c6d6ff;
    font-weight: 600;
}.footer-company-info p:nth-child(1) {
    margin: 0;
}.footer-cta a {
    margin: 10px 0;
    padding-left: 0;
}.footer-cta a span {
    font-size: 19px;
    color: #c6d6ff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
    transition: all 0.2s ease;
}.footer-cta a:hover span {
    color: #ffffff;
    text-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}.footer-cta .fa {
    font-size: 25px;
    margin-right: 10px;
}.disclaimer img {
  max-width: 125px;
}.disclaimer p {
    font-size: 11px;
    line-height: 1.5;
    color: #a8c7e3;
}.footer-company-name-logo span {
    display: inline-block;
    margin: 0 15px 0 0;
}.footer-company-name-logo p {
    color: #ffffff;
    font-weight: bold;
    font-size: 2em;
    transform: translateY(12px);
}.quick-links a {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
    transition: all 0.2 ease;
}.quick-links a:hover {
   text-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}.social-links p.small-heading {
    font-size: 2.5em;
    color: #ffffff;
    font-weight: 600;
   font-family: Montserrat, sans-serif;
    margin: 0 0 2vh 0;
}.social-links a {
  color: #ffffff;
  font-size: 2em;
  margin: 10px 20px;
  text-shadow: 1px 1px 2px rgba(55, 99, 210, 0), 0 0 25px rgba(55, 99, 210, 0), 0 0 2px rgba(55, 99, 210, 0);
  transition: all 0.3s ease;
}.social-links a:hover {
   text-shadow: 1px 1px 2px #3763d2, 0 0 25px #6b90ed, 0 0 2px #dbe5ff;
}
/***  SLIDE OUT FORM STYLES  ***/
.banner-info p.banner-heading {
    color: #fff;
    font-weight: 800;
    font-family: Montserrat, sans-serif;
    font-size: 33px;
    line-height: 1;
    margin: 15px 0 0 0;
}.banner-info p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}.banner-info a {
    background: #5984f1;
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 20px auto 0 auto;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0px 0px 25px rgba(136, 171, 255, 0);
    transition:  all 0.3s ease;
}.banner-info a:hover {
    box-shadow: 0px 0px 25px rgba(136, 171, 255, 0.25);
}.slide-out-wrapper {
    max-width: 960px;
    display: block;
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 0;
    padding: 3vh 0;
    background: #192d5e;
    text-align: center;
    max-width: 960px;
    width: 100%;
    -moz-transform: translateX(100%) translateY(-50%);
    -webkit-transform: translateX(100%) translateY(-50%);
    -o-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}.slide-out-wrapper.active {
    -moz-transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}span.form-toggle {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    background: #192d5e;
    cursor: pointer;
    padding: 20px;
    text-align: center;
    -moz-transform: translateX(-100%) translateY(-50%);
    -webkit-transform: translateX(-100%) translateY(-50%);
    -o-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-99%) translateY(-50%);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}span.form-toggle .fa {
    color: #fff;
    font-size: 20px;
}.slide-out-wrapper span.open, .slide-out-wrapper span.close {
    position: absolute;
    left: 0;
    top: 50%;
    color: #ffffff;
    font-size: 24px;
    width: 50px;
    line-height: 150px;
    text-align: center;
    -webkit-box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
    box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
    -webkit-transform: translateX(-70%) translateY(-50%);
    -ms-transform: translateX(-70%) translateY(-50%);
    transform: translateX(-70%) translateY(-50%);
    transition:  all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    cursor: pointer;
}.slide-out-wrapper span.close {
    background: #5984f1;
}.slide-out-wrapper span.open {
    background: #5984f1;
}.slide-out-wrapper span.close {
    display: none;
}.slide-out-wrapper span.open {
    display: inline-block;
}.slide-out-wrapper.active span.close {
    display: inline-block;
}.slide-out-wrapper.active span.open {
    display: none;
}.page-wrapper.single-wrapper.landing-page-wrapper.row, .row.service-areas-wrapper {
    position: relative;
    background: #fff;
    padding: 0;
    width: 100%;
    max-width: 100%;
    float: left;
}.landing-page-wrapper ul {
    list-style: none;
}
@media only screen and (max-width: 1600px) {
  .row.wide {
      max-width: calc(100% - 10vw);
  }.top-bar-section ul li>a {
    font-size: 19px;
  }.padded-right {
    padding-right: 4vw;
  }.home-section-1 p {
    font-size: 17px;
 }.slick-slide p {
    font-size: 4em;
 }.testimonial-header p {
    font-size: 3em;
 }.testimonial-holder .slick-testimonial-text-slider .slide-content p.testimonial-text {
    font-size: 18px;
    line-height: 1.7;
 }.home-section-3 h2 {
   font-size: 2em;
 }.home-section-2 .row.wide {
    max-width: calc(100% - 15vw);
 }.social-links p.small-heading {
    font-size: 2.2em;
 }.mortgage-broker-img {
    right: -5vw;
 }
}

@media only screen and (max-width: 1400px) {
  .inner-page h1 {
      font-size: 3.5em;
  }.inner-page h2 {
      font-size: 1.7em;
  }p {
      font-size: 14px;
  }.button.two {
      padding: 14px 0;
  }.top-bar-section .dropdown li a {
      font-size: 14px;
  }.inner-page .service-item h2 {
    font-size: 4.2em;
    text-align: center;
  }.inner-page .service-item h2 {
    font-size: 3em;
  }.padded-right {
    padding-right: 2vw;
 }.home-section-2 .row.wide {
    max-width: calc(100% - 5vw);
 }.footer-company-name-logo p {
    font-size: 1.8em;
  }.social-links p.small-heading {
    font-size: 2em;
  }
}

@media only screen and (max-width: 1280px) {
  .row.wide {
      max-width: calc(100% - 5vw);
  }.inner-page h1 {
      font-size: 3em;
  }.top-bar-section ul li>a {
      font-size: 17px;
  }.button-bar a {
      font-size: 14px;
  }.button-bar {
      padding: 10px 0;
  }.mortgage-broker-img {
    right: -2.5vw;
  }
}
@media only screen and (max-width: 1025px) {
[class*="fadein-"] {
  opacity: 1;
}.scrollfade {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.scrollfade.from-bottom {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transition: all 1s ease;
}.mobile-navigation {
    display: block;
    font-size: 18px;
    right: 25px;
    line-height: 58px;
    position: absolute;
    text-transform: uppercase;
    top: 25px;
    vertical-align: top;
    width: auto;
    z-index: 999;
 }.mobile-navigation .fa {
    font-size: 32px;
    line-height: 58px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    width: 58px;
 }.fullwidth-navigation{
    position: absolute;
   background: #ffffff;
    top: 0;
    left: 0;
    z-index: 997;
    width: 100%;
    margin-top: 0;
 }.fullwidth-navigation .top-bar {
    padding-top: 10%;
    height: auto;
    display: block;
 }.fullwidth-navigation .title-area {
    display: none !important;
 }.fullwidth-navigation .top-bar-section ul {
    position: relative;
    right:0;
    width:100% !important;
    z-index: 997;
    padding-top: 40px;
 }.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 150%;
    border-radius: 0;
    background: transparent;
    padding-bottom: 40px;
    top: 0;
 }.top-bar-section ul li {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
}.home-section-2::before, .home-section-1 p::after, .footer-bg::before {
    display: none;
 }.vertical-center {
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
 }.home-section-1 .button-bar {
    padding: 25px 0;
    margin-top: 25px;
 }.home-section-2-content {
    margin: 20px 0;
 }.horizontal-padding {
    padding: 0;
 }.row.wide {
    max-width: calc(100% - 10vw);
 }.form-wrapper .form-holder {
    max-width: 100vw;
 }footer {
    margin-top: 45px;
    padding: 3vh 0;
 }.inner-page img {
    max-width: 425px;
 }.cta-box {
    padding: 5vh 10vw;
 }.whats-next-section img {
    max-width: 150px;
 }.medium-strip-padding {
    padding: 0 !important;
 }span.quote-left {
        position: absolute;
        left: -2vw;
        top: -2vh;
        z-index: -1;
    }
}
@media only screen and (max-device-width: 1025px) and (orientation:portrait) {
  .form-wrapper .form-holder {
    max-width: 100vw;
  } .row.wide {
    max-width: calc(100% - 10vw);
  }.home-section-2-content {
    margin: 20px 0;
 }.home-section-1 .button-bar {
    padding: 25px 0;
    margin-top: 25px;
 }.horizontal-padding {
    padding: 0;
 }.row.wide {
    max-width: calc(100% - 10vw);
 }
}
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
    .home-section-3 .button.two, .whats-next-section .button.two {
        width: 175px;
    }
}
@media only screen and (max-device-width: 500px) and (orientation:portrait) {
   .home-section-steps p.small-heading {
        font-size: 25px;
    }.row {
        max-width: 45rem;
   }.inner-page img {
        max-width: 325px;
   }.inner-page h1 {
        font-size: 2em;
   }.cta-box {
        padding: 3vh 5vw;
   }.whats-next-section img {
        max-width: 100px;
        margin-top: 35px;
   }.whats-next-section p.small-heading {
        font-size: 22px;
    }.inner-page .whats-next-section h2 {
        font-size: 2em;
    }.whats-next-section p {
        margin: 21px 0 22px 0;
    }.small-strip-padding {
        padding: 0 !important;
   }.home-section-1 h1 {
        font-size: 30px;
  }.button-bar a {
        font-size: 19px;
        margin: 10px 0;
  }.home-section-2 h2 {
        font-weight: bold;
        font-size: 26px;
  }.home-section-2-content {
         text-align: center;
  }.home-section-2-content h3 {
        margin-top: 10px;
  }.home-section-2 p {
        font-size: 16px;
  }.home-section-3::before {
    display: none;
  }.home-section-2 {
        padding: 10vh 0 10vh 0;
  }.home-section-3 img {
        max-width: 125px;
        margin-top: 35px;
  }.home-section-steps {
        text-align: center;
  }.row.wide {
        max-width: calc(100% - 5vw);
  }.slick-testimonial-text-slider .slick-slide .slide-content {
        padding: 0;
  }span.quote-left {
        top: 0;
  }span.quote-left img {
        max-width: 60px;
  }.testimonial-header p {
        font-size: 2em;
  }.inner-page .title-area {
        padding: 5vh 5vw 5vh 5vw;
  }.small-margin-bottom {
        margin-bottom: 1vh;
  }.footer-cta a span {
        font-size: 16px;
  }.footer-company-name-logo p {
        font-size: 20px;
  }.small-center {
        text-align: center;
  }ul {
        margin-bottom: 0;
        margin-left: 8vw;
  }.header-cta .button-bar {
        float: unset;
        margin: 0 auto;
        padding: 5px 0;
  }.company-name-holder {
        text-align: center;
  }.form-holder h1 {
        font-size: 2em;
  }.small-only-small-margin-top {
        margin-top: 5vh;
  }.small-screen-text-left {
        text-align: left !important;
  }.small-left {
        float: left !important;
  }.inner-page .service-item h2 {
        text-align: left;
        font-size: 2.8em;
  }.service-areas-wrapper ul {
    margin: 0;
  }
}
