/* Custom Mylenda Styles */

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 600;
    src: url(../font/varela-round.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../font/roboto.woff2) format('woff2');
  }
  
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(../font/lato.woff2) format('woff2');
  }

/****** GLOBALS ****/

/* Remove arrows from number input fields */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

input:-internal-autofill-selected {
  background-image: none !important;
  background-color: transparent !important;
  color: inherit !important;
}

/************ MAIN CSS ************/
html{
  font-size: 16px;
}

body{
  font-family: "Varela Round", sans-serif;
  font-size: 1rem;
}

.lgt-blue-text{
  color:#57C2B5;
}


/**** MAX PAGE WIDTH ****/

@media (min-width: 2048px) {
  .container{max-width: 1800px;}
}


@media (min-width: 1200px) {}
  
.bg-light {
  background-color: #ffffff!important;
}

.bg-dark {
  background-color: #1D324C!important;
}

hr.hrLineFull{
  border-top: 5px solid #57C2B5!important;
  opacity: 100%;
  margin:0;
}

.imgHead {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 40vh;
}

ul.listBasic{
  font-size: 1.2em;
  font-weight: bold;
}

/***** Button Styles ****/

button.unlockRate .btnArrow::before {
  font-family: FontAwesome;
  content: "\f101"; /* arrowIcon */
  color:#ffffff;
  font-size: 1.2em;
  padding-right: .2em;
  display: inline-block;
}

button.unlockRate {
  font-size: 1.5em;
  border-radius: 24px;
  border-style: double;
  border-color: #ffffff;
  border-width: 10px;
  background-color: #E43C75;
  line-height: 1.8em;
  letter-spacing: -1px;
  color:#ffffff;
  padding:0 1em 0 1em!important;
}

button.unlockRate:hover{
  background-color: #1D324C;
}

a.unlockRate .btnArrow::before {
  font-family: FontAwesome;
  content: "\f101"; /* arrowIcon */
  color:#ffffff;
  font-size: 1.2em;
  padding-right: .2em;
  display: inline-block;
}

a.unlockRate {
  font-size: 1.6em;
  border-radius: 24px;
  border-style: double;
  border-color: #ffffff;
  border-width: 10px;
  background-color: #E43C75;
  line-height: 1.8em;
  color:#ffffff;
  padding:0 1em 0 1em;
  font-weight: bold;
}

a.unlockRate:hover{
  background-color: #1D324C;
  color:#ffffff;
}

/************ NAV TOP ************/

.nav-top-custom{
  padding-bottom: 0;
  margin-top:.5em;
}

.nav-top-custom li.nav-item{margin-left:10px}

.nav-top-custom .dropdown-menu {
  border-radius: 0!important;
  border-style: solid;
  border-color: #ffffff;
  margin-top: -10px;
}

.nav-top-custom .dropdown-menu a.dropdown-item:hover, .nav-top-custom .dropdown-menu button.dropdown-item:hover{
  background-color: #57C2B5;
  color:#ffffff
}

#navMain{
    font-family: "Varela Round", sans-serif;
    font-size: 1.1rem;
    margin-top: 20px;
}
#navMain ul li a.nav-link{
  color:black;
}

#navMain ul li a.nav-link:hover{
  text-decoration: underline;
}

.nav-top-custom button.butCalcMain{
  font-size: 1em;
  color:black;
  text-decoration:none;
  padding: 0;
  margin:7px 0 0 0;
}

.nav-top-custom button.butCalcMain:hover{
  text-decoration: underline;
}

.nav-top-custom button.butCalcMain:focus{
  outline: none;
  box-shadow: none;
}

.nav-top-custom .navbar-brand{
  font-size: 100%;
}

.nav-top-custom a.navbar-brand{
  display: block;
  width: 20rem;
  height: auto;
  padding: 1rem 4.5rem 0 0;
}

.logoTop{
  background-image: url("../img/larrySmallhead.jpg");
  background-color: none;
  background-position: bottom right;
  background-size: 4rem 5rem;
  background-repeat: no-repeat;
}

.logoTop img{
  padding-bottom: 10px;
}

.nav-top-custom .navbar-toggler-icon {
    background-image: none!important;
    border: none;
}

.nav-top-custom .navbar-toggler-icon::before {
  font-family: FontAwesome;
  content: "\f0c9"; /* hamburger */
  color:#57C2B5;
  font-size: 2em;
}

.nav-top-custom .navbar-toggler:focus,
.nav-top-custom .navbar-toggler:active,
.nav-top-custom .navbar-toggler-icon:focus {
      box-shadow: none;
  }

.nav-top-custom .navbar-toggler-icon {
    background-image: none;
    border: none;
}
.nav-top-custom .navbar-toggler-icon {
    display: inline-block;
    width: 1.6em;
    height: 1.9em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.nav-top-custom .navbar-toggler {
    border: none;
    color: none;
}


.nav-top-custom a.fa-user::after{
    font-family: FontAwesome;
    content: "\f007"; /* iconUser */
    font-size: .8em;
    padding:0 0 0 .3em;
}

/************ Nav Top Sub ************/

.menu-top-sub{
  background-color: #57C2B5;
  font-size: 1.5em;
  color: #ffffff;
  padding: 0.2rem 0 0.2rem 0;
}

.menu-top-sub .dropdown-menu {
  min-width:40rem;
  border-radius: 5em;
  border-style: solid;
  border-color: #ffffff;
  margin-top: -5px;
}

.menu-top-sub .navbar-toggler-icon {
  background-image: none!important;
  border: none;
}

.menu-top-sub .navbar-toggler-icon::before {
font-family: FontAwesome;
content: "\f0c9"; /* hamburger */
color:#ffffff;
font-size: 2em;
}

.phIcon{
  display: inline-block;
  letter-spacing: -1px;
  margin-right: 1rem;
  font-size: 1.7rem;
}

.menu-top-sub .phIcon::before {
  font-family: FontAwesome;
  content: "\f095"; /* phoneIcon */
  color:#ffffff;
  font-size: .9em;
  padding-right: .2em;
  }

.menu-top-sub .btnArrow::before {
  font-family: FontAwesome;
  content: "\f101"; /* arrowIcon */
  color:#ffffff;
  font-size: .9em;
  padding-right: .2em;
  display: inline-block;
}

.rgtMenu button{
  font-size: .9em;
  border-radius: 20px;
  border-style: double;
  border-color: #57C2B5;
  border-width: 10px;
  background-color: #E43C75;
  line-height: 1em;
  letter-spacing: -1px;
}

.rgtMenu button:hover{
  border-radius: 20px;
  border-style: double;
  border-color: #57C2B5;
  border-width: 10px;
}

.rgtMenu a.unlockRate .btnArrow::before {
  font-size: .9em;
  padding-right: .2em;
  display: inline-block;
}

.rgtMenu a.unlockRate{
  font-size: .875em;
  border-radius: 20px;
  border-style: double;
  border-color: #57C2B5;
  border-width: 8px;
  background-color: #E43C75;
  line-height: .875em;
  letter-spacing: -1px;
  padding: 5px 8px;
  font-weight: normal;
}

.rgtMenu a.unlockRate:hover{
  background-color: #1D324C;
}

.rgtFoot a.unlockRate .btnArrow::before {
  font-size: .9em;
  padding-right: .2em;
  display: inline-block;
}

.rgtFoot a.unlockRate{
  font-size: 1.4em;
  border-radius: 20px;
  border-style: double;
  border-color: #ffffff;
  border-width: 6px;
  background-color: #E43C75;
  line-height: 1em;
  letter-spacing: -1px;
  padding: 5px 8px;
  font-weight: normal;
  text-decoration: none;
}

.rgtFoot a.unlockRate:hover{
  background-color: #57C2B5;
}

.menu-top-sub .navbar-toggler:focus,
.menu-top-sub .navbar-toggler:active,
.menu-top-sub .navbar-toggler-icon:focus {
    box-shadow: none;
}

.menu-top-sub .navbar-toggler-icon {
  background-image: none;
  border: none;
}
.menu-top-sub .navbar-toggler-icon {
  display: inline-block;
  height: 1.9em;
  vertical-align: middle;
  text-indent: -15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.menu-top-sub .navbar-toggler {
  border: none;
  color: none;
}

.menu-top-sub .navbar-nav .nav-link {
  padding-right: 2rem;
  padding-left: 0rem!important;
  color: #ffffff;
}

/***** MENU SUB Dropdowns *****/
.menu-top-sub .p-2{padding:0.6em!important}

.lftMdrop, .lftMdropA, .lftMdropB, .midMdrop{
  border-right: 2px solid #ccc;
}

.rounded-bottom-right-1 {
  border-bottom-right-radius: 3rem!important;
}

.lftMdrop ul li a.nav-item{
  font-size:1.4em;
  line-height: 1.5em;
}

.lftMdropA ul li a.nav-item, .lftMdropB ul li a.nav-item{
  font-size:1.1em;
  line-height: 1.4em;
}

.lftMdrop ul li a.nav-item, .lftMdropA ul li a.nav-item, .lftMdropB ul li a.nav-item{
  display: block;
  text-decoration: none;
  font-weight: bold;
  color:#1D324C;
  padding-left: .3em;
  padding-top: .1em;
  border-bottom: 1px solid #ccc;
}

.lftMdrop ul li a.last-item, .lftMdropA ul li a.last-item, .lftMdropB ul li a.last-item{
  border: none!important;
}


.lftMdrop ul li a.nav-item:hover, .lftMdropA ul li a.nav-item:hover, .lftMdropB ul li a.nav-item:hover{
  background-color: #57C2B5;
  color:#ffffff
}

.midMdrop p{
  font-size:.8em;
}

.lftMdrop, .lftMdropA{
  min-width: 11.25rem;
}

.lftMdropB{
  min-width: 11.8rem;
}

.rgtMdrop{
  min-width: 9.4rem;
}

.rgtMdrop ul{
  margin-bottom: .3em;
}

.rgtMdrop ul li a.nav-item{
  text-decoration:none;
  color:#1D324C;
  line-height: 1.2em;
}

.rgtMdrop ul li a.nav-item:hover{text-decoration: underline;}

.rgtMdrop button{
  font-size: .9em;
  border-radius: 16px;
  border-style: double;
  border-color: #ffffff;
  border-width: 8px;
  background-color: #E43C75;
  line-height: 1.1em;
}

.rgtMdrop button:hover{
  border-color: #ffffff;
  background-color: #1D324C;
  color: #ffffff;
}

.rgtMdrop button.calcBut{
  font-size: 1em;
  text-decoration: none;
  color: #000000;
  border-radius: none;
  border-style: none;
  border-color: none;
  border-width: 0;
  background-color: #ffffff;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
}

.rgtMdrop button.calcBut:hover{
  text-decoration: underline;
}

.rgtMdrop a.unlockRate .btnArrow::before {
  padding-right: .1em;
}

.rgtMdrop a.unlockRate {
  font-size: 1em;
  padding:6px 5px;
  border-radius: 20px;
  border-style: double;
  border-width: 6px;
  background-color: #E43C75;
  line-height: 1em;
  font-weight: normal;
}

.rgtMdrop a.unlockRate:hover {
  background-color: #57C2B5;
}

/************ Menu TOP Mobile Slide in Container ************/

.mobile-menu-topSlide{
  background-color: #1D324C;
}

.mobile-menu-topSlide .btn-close{
  color:#ffffff;
}

.mobile-menu-topSlide .offcanvas-header{
  background-color: #ffffff;
  padding: 8px 10px 8px 10px;
}

.mobile-menu-topSlide .offcanvas-title{
  background-image: url("../img/logo_small_round.svg");
  background-color: none;
  background-position: top left;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-weight: 900;
  color: #1D324C;
}

.mobile-menu-topSlide ul li{
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #375c8a;
}

.mobile-menu-topSlide ul li a:active, .mobile-menu-topSlide ul li a:focus{
  background-color: #30527b;
}

.mobile-menu-topSlide ul li a{
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.mobile-menu-topSlide ul li .mSlide-title{
  color:#ffffff;
}

.mobile-menu-topSlide button.butCalc{
  color:#ffffff;
  text-decoration:none;
  font-size: 1em;
  margin:0;
  padding:0;
  outline: none;
  box-shadow: none;
}

.mobile-menu-topSlide button.butCalc:hover{
  text-decoration: underline;
  color:#ffffff;
}

/************ Menu SUB Mobile Slide in Container ************/

.mobile-menu-subSlide{
  background-color: #57C2B5;
}

.mobile-menu-subSlide .btn-close{
  color:#ffffff;
}

.mobile-menu-subSlide .offcanvas-header{
  background-color: #ffffff;
  padding: 8px 10px 8px 10px;
}


.mobile-menu-subSlide .offcanvas-title{
  background-image: url("../img/logo_small_round.svg");
  background-color: none;
  background-position: top left;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-weight: 900;
  color: #1D324C;
}

.mobile-menu-subSlide ul li{
  padding: 3px 5px 3px 5px;
  border-bottom: 1px solid #86fcef;
}

.mobile-menu-subSlide ul li a:active, .mobile-menu-subSlide ul li a:focus{
  color: #1D324C;
}

.mobile-menu-subSlide ul li a{
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.mobile-menu-subSlide ul li .mSlide-title{
  color:#ffffff;
}

/***** FOOTER *****/
.foot-custom{
  background-color: #1D324C;
}

footer.footBrd{
  border-bottom: 1px solid #57C2B5;
}

.foot-custom footer{
  border-radius: 0;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.foot-custom a.logoFoot{
  display: block;
  width: 160px;
  height: auto;
  padding: 0 0 0 0;
}

.foot-custom a.logoFoot img{
  width: 160px;
}

.foot-custom a.logoFootM{
  display: block;
  width: 140px;
  height: auto;
  padding: 0 0 0 0;
}

.foot-custom a.logoFootM img{
  width: 140px;
  padding-top:5px;
}

.footMain .phSocIns::before, .footMain .phSocFace::before, .footMain .phSocYt::before, .footMain .phSocLi::before{
  font-family: FontAwesome;
  color:#57C2B5;
  font-size: 2.4em;
  margin:0 6px 0 6px;
}

.footMain .phSocIns, .footMain .phSocFace, .footMain .phSocYt, .footMain .phSocLi{
  padding:5px 0 5px 0;
  display:inline-block;
}

.footMain a.phSocIns:hover::before, .footMain a.phSocFace:hover::before, .footMain a.phSocYt:hover::before, .footMain a.phSocLi:hover::before{
  color:#ffffff;
}

.footMobile .phSocIns::before, .footMobile .phSocFace::before, .footMobile .phSocYt::before, .footMobile .phSocLi::before{
  font-family: FontAwesome;
  color:#57C2B5;
  font-size: 1.4em;
  margin:0 5px 0 5px;
}

.footMobile .phSocIns, .footMobile .phSocFace, .footMobile .phSocYt, .footMobile .phSocLi{
  padding:5px 0 5px 0;
  display:inline-block;
}

.foot-custom .phSocIns::before{
  content: "\f16d"; /* instagram */
}

.foot-custom .phSocFace::before{
  content: "\f09a"; /* Facebook */
}

.foot-custom .phSocYt::before{
  content: "\f167"; /* Youtube */
}

.foot-custom .phSocLi::before{
  content: "\f08c"; /* linked in */
}

.footMain .footTit{
  color:#57C2B5;
  font-size: 1.6em;
  margin-right:.5em;
}

.footMain .socIcons a{
  text-decoration:none;
}

.footMain .ph{
  color:#ffffff;
  font-size: 2em;
  letter-spacing: -1px;
}

.footMobile .ph{
  color:#ffffff;
  font-size: 1em;
  line-height: 1.5em;
}

/*** Foot Links ****/

.footmiddle{padding-top:20px;}

.footmiddle h5{
  font-size: 1em;
  font-weight:bold;
  color: #57C2B5;
}

.footmiddle .nav-link{
  color:#ffffff!important;
  text-decoration: none;
  font-size: .8em;
  line-height: 1.3em;
}


.footmiddle button{
  color:#ffffff;
  text-decoration:none;
  font-size: .8em;
  margin:0;
  padding:0;
  outline: none;
  box-shadow: none;
}

.footmiddle button:focus,.footmiddle button:active {
  outline: none;
  box-shadow: none;
}

.footmiddle button:hover{
  text-decoration: underline;
  color:#ffffff;
}

.footmiddle .nav-link:hover{text-decoration: underline;}

.foot-custom .btnArrow::before {
  font-family: FontAwesome;
  content: "\f101"; /* arrowIcon */
  color:#ffffff;
  font-size: 1em;
  padding-right: .2em;
  display: inline-block;
}

.rgtFoot button{
  display:inline-block;
  font-size: 1.3em;
  border-radius: 18px;
  border-style: double;
  border-color: #ffffff;
  border-width: 6px;
  background-color: #E43C75;
  line-height: 1em;
  letter-spacing: -1px;
  padding:8px;
}

.rgtFoot button:hover{
  border-radius: 18px;
  border-style: double;
  border-color: #1D324C;
  border-width: 6px;
}

.pReview{
  margin-top:150px;
  max-width:150px;
}

.footBottom .footCopy{
  font-size: .7em;
  color:#ccc;
  text-align:center;
}

/**** END FOOT ***/

/***** HERO MAIN PAGE ****/

.bg-white{
  background:#ffffff;
}

.bg-hero{
  background:#E43C75;
}

.bg-hero a{
  display:block;
  background:#57C2B5;
  border-radius: 20px;
  font-size: 2em;
  border: none;
  font-weight: bold;
  max-width: 90%;
  color: #ffffff;
  margin: 0 auto 1.2rem auto;
}

.bg-hero a:hover{
  background:#ffffff;
  color: #1D324C;
}

.heroMain hr.hrLine{
  border-top: 3px solid #ffffff!important;
  max-width: 160px;
  opacity: 100%;
  margin-bottom:2.3em;
}

.heroMain{
  color:#ffffff;
  padding: 1.5rem 0;
}

.heroMain h1{
  font-size: 2.3rem;
  line-height: 2.5rem!important;
  color: #42BDD0;
  max-width: 60rem;
  font-weight: bold;
}

.heroMain h2{
  font-size: 2.2rem;
  line-height: 2.5rem;
  font-weight: bold;
  letter-spacing: -.05em;
}

.heroMain li{
  font-size: 1.6rem;
  letter-spacing: -1px;
  margin: .3em 0;
}

.heroMain li::before {
  font-family: FontAwesome;
  content: "\f058"; /* circle-tick */
  color:#57C2B5;
  font-size: 1.2em;
  padding-right:10px;
}

.bg-hero{
  border-radius: 50px;
}

.heroButBot{
  align-items: center;
}

.bg-hero small{
  font-size: .7em;
  display: block;
}

/***** Home Page Styles ****/

.homeFeatList{background-color: #57C2B5;}

.homeFeatList span{
  font-size: 1.3em;
  font-weight: bold;
  color: #ffffff;
}

.homeFeatList span::before {
  font-family: FontAwesome;
  content: "\f111"; /* circle-solid */
  color:#F5DE82;
  font-size: 1.2em;
  padding-right:10px;
  text-shadow: 2px 1px #333;
}

.homeProdList h2{
  font-weight: bold;
  font-size: 2em;
  color: #57C2B5;
}

.homeProdList li{
  font-size: 1em;
  font-weight: bold;
}

.homeProdList .hrLine{
  border-top: 3px solid #57C2B5!important;
  opacity: 100%;
}

.homeProdList button.unlockRate{
  width:50%!important;
}

.homeIconList{
  background-color:#f2f4f5;
}

.homeIconList .col{
  max-width: 260px;
}

.homeIconList h2{
  font-size: 2.8em;
  font-weight:bold;
}


.homeIconList h3{
  font-size: 1.7em;
  font-weight:bold;
  color:#57C2B5;
}

.homeIcon img{
  max-width: 190px;
  margin-bottom: 1em;
}

.homeIconList p{
  font-size: .9em;
}

.homeIconList .hrLine{
  border-top: 3px solid #57C2B5!important;
  opacity: 100%;
}

  .homeVideo .container{
  width:60%;
}

.homeTestis{
  background-color: #57C2B5;
}

.homeTestis h2{
  font-size: 2.3em;
  font-weight: bold;
  color:#ffffff;
  line-height: 1.2em;
  margin-bottom: .5em;
  max-width:500px;
}

.homeTestis h3{
  font-size: 1.8em;
  font-weight: bold;
  color:#ffffff;
  margin-bottom:.6em;
}

.homeTestis p{
  font-weight: bold;
  margin:0;
}

.homeTestis hr.hrLine{
  border-top: 3px solid #ffffff!important;
  max-width: 160px;
  opacity: 100%;
  margin-bottom:1.3em;
}

.testiButton .but1{
  display: inline-block;
  font-size: 1.3em;
  border-radius: 15px;
  border: 1px solid #1D324C;
  padding: 5px 15px;
  font-weight: bold;
  background-color: #ffffff;
  margin: .7em .3em;
  max-width: 14rem;
}

.testiButton .but2{
  display: inline-block;
  font-size: 1.3em;
  border-radius: 15px;
  border: 1px solid #ffffff;
  padding: 5px 15px;
  font-weight: bold;
  background-color: #1D324C;
  color:#ffffff;
  margin: .7em .3em;
  max-width: 14rem;
}

.testiButton .but1:hover{
  border: 1px solid #ffffff;
  background-color: #1D324C;
  color: #ffffff;
}

.testiButton .but2:hover{
  border: 1px solid #1D324C;
  background-color: #ffffff;
  color: #1D324C;
}

.homeTestis .carousel {
  margin-bottom: 0rem!important;
  max-width:25rem!important;
}

.homeTestis .carousel-caption {
  background: rgba(255, 255, 255, 0.80);
  left: 0;
  right: 0;
  padding: 10px;
  color:#1D324C;
  text-align: left;
}

.homeTestis .carousel-caption p{
  font-weight: normal;
  font-size: .8em;
}

.homeTestis .carousel-caption .sig{
  text-align: right;
  font-size: 1em;
  line-height:1em;
  color:#57C2B5;
}

.homeTestis .faqDesc p{
  color:#ffffff;
  font-size: .9em;
  margin-bottom: 1em;
  font-weight: normal;
}

.faqContents{
  margin-top:1em;
}

.faqContents .accordion{
  font-size: 1em;
}

.faqContents .accordion-header{
  margin-bottom: 0;
  padding:0;
  line-height: .6em;
  max-width: 100%;
}

.faqContentsA .accordion-header{
  margin-bottom: 0;
  padding:0;
  line-height: .8em;
  max-width: 100%;
  font-size: 2em;
}

.faqContents .accordion-button{
    padding: .5rem 1.25rem .5rem 1.25rem;
    font-size: 1rem;
    color: #1D324C;
    font-weight: bold;
}

.faqContents .accordion-body{
  font-size: 1rem;
}

.faqContentsA .accordion-body{
  font-size: 1.1rem;
}

.faqContents .accordion-button.collapsed::after {
  background: url("../img/plus_icon_square.svg");
}

.faqContents .accordion-button:not(.collapsed)::after {
  background: url("../img/minus_icon_square.svg");
}

.faqContents .butFaqs{
  background-color: #ffffff;
  border-radius: 15px;
  font-size: .7em;
  font-weight: bold;
}

.faqContents .butFaqs:hover{
  background-color: #1D324C;
  color:#ffffff;
}

/****** Lender Logos *****/

.lenderLogos img{
  max-width: 140px;
  max-height: 90px;
  margin-right: 1.2em;
}

.lenderLogos .logosLender{
  height: 120px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

.lenderLogos h4{
  font-size: 1.4em;
  color: #57C2B5;
  letter-spacing: -0.02em;
  font-weight: bold;
}
.lenderLogos h4::after{
  font-family: FontAwesome;
  content: "\f061"; /* arrow right */
  color:#57C2B5;
  font-size: 1em;
  padding-left:10px;
}

/**** Product Page Hero ****/
.prodPgeHero{
  background-color: #57C2B5;
  margin-top: 1px;
}

.prodPgeHero h1{
  font-weight: bold;
  color:rgba(255, 255, 255, 0.80)
}

.prodPgeHero h2{
  font-weight: bold;
  font-size: 2.5em;
  color:rgba(255, 255, 255, 0.80)
}

.prodPgeHero a.cBut{
  padding:0 1em 0 1em;
  border-color: #57C2B5;
}

.prodPgeAll a{
  display: inline-block;
  background-color: #57C2B5;
  margin: 12px 8px 12px 8px;
  color:#f2f4f5;
  text-decoration:none;
  font-size: 1.3em;
  line-height: 3em;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  letter-spacing: -1px;
  font-weight: bold;
  min-width: 13rem;
}

.prodPgeAll a:hover{
  background-color: #E43C75;
}

.prodPgeAll a img{
max-width: 210px;
}

.infoCalc h2, .infoLand h2, .infoLand h5{
  color: #57C2B5;
  font-weight:bold;
}



.infoCalc button{
  padding: 0 10px 0 10px;
}

/***** ABOUT PAGE ****/

.aboutPgeHero{
  background-color: #f3f4f6;
  margin-top: 1px;
}


.aboutPgeHero h1{
  font-weight: bold;
  color: #57C2B5;
  margin-bottom:15px;
  line-height: 1em;
}

.aboutPgeHero h2{
  font-weight: bold;
  font-size: 2em;
}

.aboutPgeHero a.cBut{
  padding:0 1em 0 1em;
  border-color: #ffffff;
}

.aboutHead{
  font-size:1.1em;
  font-weight:bold;
  color: #ffffff;
  padding:5px 20px;
  background-color: #57C2B5;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-bottom:2em;
}


.aboutPgeAll a{
  display: inline-block;
  background-color: #57C2B5;
  margin: 12px 8px 12px 8px;
  color:#f2f4f5;
  text-decoration:none;
  font-size: 1.3em;
  line-height: 3em;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  letter-spacing: -1px;
  font-weight: bold;
}

.aboutPgeAll a:hover{
  background-color: #E43C75;
}

.aboutPgeAll a img{
max-width: 210px;
}

ul.aboutTicks {
  list-style: none;
  padding: 0;
  font-size: 13px;
}

ul.aboutTicks li {
  position: relative;
  padding-left: 1.5em;
  line-height: 2em;
}

ul.aboutTicks li::before {
  content: "\f046";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  font-size: 1.3em;
}

ul.aboutTicks .col {}

.homeTestisA{
  background-color: #ffffff;
  background-image: url(../img/aboutPageBG.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1000px 600px;
}


.homeTestisA h2{
  font-size: 2.3em;
  font-weight: bold;
  color:#ffffff;
  line-height: 1.2em;
  margin-bottom: .5em;
  max-width:500px;
}

.homeTestisA h3{
  font-size: 1.8em;
  font-weight: bold;
  color:#ffffff;
  margin-bottom:.6em;
}

.homeTestisA p{
  font-weight: bold;
  margin:0;
}

.homeTestisA hr.hrLine{
  border-top: 3px solid #ffffff!important;
  max-width: 160px;
  opacity: 100%;
  margin-bottom:1.3em;
}

.homeTestisA .carousel {
  margin-bottom: 0rem!important;
  max-width:400px!important;
}

.homeTestisA .carousel-caption {
  background: rgba(255, 255, 255, 0.80);
  left: 0;
  right: 0;
  padding: 10px;
  color:#1D324C;
  text-align: left;
}

.homeTestisA .carousel-caption p{
  font-weight: normal;
  font-size: .8em;
}

.homeTestisA .carousel-caption .sig{
  text-align: right;
  font-size: 1em;
  line-height:1em;
  color:#57C2B5;
}

.homeTestisA .faqDesc p{
  color:#ffffff;
  font-size: .9em;
  margin-bottom: 1em;
  font-weight: normal;
}

img.aboutComp{
  max-width: 400px;
}

.countAbout p{
  font-weight: bold;
  margin-bottom: .7em;
}
.countAbout small{
  font-weight: bold;
  font-size: 0.7em;
}

.countAbout .lftAb,.countAbout .rgtAb{
  font-size: 2em;
  font-weight: bold;
}

.countAbout .lftAb{
  background-color: #E43C75;
  color:#ffffff;
  padding:5px 6px;
  margin-right: 5px;
}

.countAbout .rgtAb{
  color:#57C2B5;
}

/******* Calculator Modal ******/

.calcPop{
  border-radius: 50px;
  font-family: 'Roboto', sans-serif;
}

.calcPopA{
  border-radius: 0;
  font-family: 'Roboto', sans-serif;
  background-color: #f1f1f1;
  font-size: 80%!important;
}

.calcPopA .calcHeader h2{
  display:block;
  font-weight: bold;
  color: #57C2B5;
  font-size: 2.5em;
  letter-spacing: -1px;
  padding-top: .5em;
}

.calcPopA .calcInput input.loanAm, .calcPopA .calcInput input.loanRa, .calcPopA .calcInput input.loanTe{
  font-size: 2.3em;
  font-weight:bold;
  border-radius: 5rem;
  border: none;
  max-width: 10rem;
  border: 1px solid #ccc;
  background-color: #ffffff;
}

.calcPopA .calcInput .input-group{
  min-width: 9.5rem;
}

.calcPop .calcHeader button{
  border:none;
  font-size: 2.5em;
  line-height: 1em;
  font-weight: bold;
  margin:10px 25px 0 0;
  padding:0;
  background-color: none;
  text-decoration: none;
  color: #000000;
}

.calcPop .calcHeader button:hover{
  color:red;
}

.calcPop .calcHeader h2{
  display:block;
  font-weight: bold;
  color: #57C2B5;
  font-size: 2.5em;
  letter-spacing: -1px;
}

.calcInput {
  padding:1em
}

.calcInput .col{
  margin-bottom: 10px;
}

.calcInput input.form-range{
  margin-bottom: 15px;
}


.calcInput input.form-range::-webkit-slider-thumb {
  background: #57C2B5;
  height: 1.8rem;
  width: 1.2rem;
  margin-top: -6px;
  border-radius: 3px;
}
.calcInput input.form-range::-moz-range-thumb {
  background: #57C2B5;
  height: 1.8rem;
  width: 1.2rem;
  margin-top: -6px;
  border-radius: 3px;
}
 
.calcInput input.form-range::-ms-thumb {
  background: #57C2B5;
  height: 1.8rem;
  width: 1.2rem;
  margin-top: -6px;
  border-radius: 3px;
}

.calcInput input.form-range::-webkit-slider-runnable-track {
  height: 1rem;
  color: transparent;
  border-radius: 1rem;
 
}

.calcInput input.form-range::-moz-range-track {
  height: 1rem;
  color: transparent;
  border-radius: 1rem;
}

.calcInput small{
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom:5px;
  display:block;
}

.calcInput .input-group{
  min-width: 200px;
}

.calcInput .input-group-text{
  font-size:2em;
  font-weight: bold;
}

.calcInput input.loanAm, .calcInput input.loanRa, .calcInput input.loanTe{
  font-size: 2.3em;
  font-weight:bold;
  border-radius: 5rem;
  border: none;
  max-width: 200px;
  border: 1px solid #ccc;
  background-color: #ffffff;
}

.calcInput input.loanRa{
  text-align: center;
  padding-left: 1em;
}

.calcInput input.loanTe{
  text-align: center;
}

.calcInput .calcResults{
  border-radius: 2rem;
  border: 8px double #ffffff;
  background-color:#E43C75;
}

.calcInput .output, .calcInput .dolSymb{
  font-size: 2.8em;
  font-weight:bold;
  color: #ffffff;
}

.calcInput .calcResults .resMnth{
  font-size:1em;
  padding-left: 3px;
  color: #ffffff;
}

.lastCol{
  padding-top: 2.4em;
}

.calcInput .footDiscl{
  font-size: .6em;
  padding: 1em 1.5em;
  border-top: 1px solid #ccc;
}

/******* CONTACT FORM ******/

.contactMain{
  max-width: 75%;
  margin: 0 auto;
}

.contactPop .modal-header{
  padding: 10px 0 0 0;
  border: 0;
}

.contactPop .modal-header h4{
  font-size: 1.8em;
  font-weight: bold;
  color:#57C2B5;
}

.contactMain .modal-header h4{
  font-size: 1.8em;
  font-weight: bold;
  color:#57C2B5;
}

.contactPop .modal-header button{
  border: none;
  font-size: 2.5em;
  background: none;
  margin-right: 15px;
}

.contactPop .modal-header button:hover{
  color: red;
}

.contactPop .modal-body{
  padding: 0 1rem;
}

.contactPop .modal-body input, .contactPop .modal-body textarea{
  padding: 0 0 0 12px;
  font-weight: bold;
  font-size: 1.3em;
}

.contactPop .modal-body p{
  font-size: .8em;
  font-weight: bold;
}

.contactPop .modal-footer{
  border: none;
  padding: none;
  margin: none;
}

.contactPop .modal-footer button{
  background-color: #57C2B5;
  color: #ffffff;
  border: none;
}

.contactPop .modal-footer button span::after{
  font-family: FontAwesome;
  content: "\f0e0"; /**** Icon paper plane ****/
  color:#ffffff;
  font-size: 1em;
  padding-right: 10px;
}

.contactPop .modal-footer button:hover{
  background-color: #1D324C;
}

.contactMain .modal-footer button{
  background-color: #57C2B5;
  color: #ffffff;
  border: none;
}

.contactMain .modal-footer button span::after{
  font-family: FontAwesome;
  content: "\f0e0"; /**** Icon paper plane ****/
  color:#ffffff;
  font-size: 1em;
  padding-right: 10px;
}

.contactMain .modal-footer button:hover{
  background-color: #1D324C;
}

.successMsg #successData h3{
  font-weight: bold;
  margin: 15px 0;
}

.successMsg #loaderFrm h3{
  font-weight: bold;
  margin: 15px 0;
} 

.successMsg #loaderFrm img.loader{
  max-width: 100px;
}

.successMsg p.thnkTxt{
  font-size: 1.3em;
}

/***** Start Here ****/

.startHere h2{
  font-size: 2em;
  font-weight: bold;
  color:#57C2B5;
}

.larryStartHere{
  max-width: 150px;
}

.startHere .float-end, .startHere .float-start{
  width: 250px;
  }

.startHere a.btnStPers, .startHere a.btnStComm{
  display: block;
  color: #ffffff;
  border-radius: 1em;
  font-size: 1.5em;
  text-decoration: none;
  padding: 3px 15px;
  text-align:center;
  font-weight: bold;
}

.startHere a.btnStPers{
  background-color: #E43C75;
}

.startHere a.btnStComm{
  background-color: #57C2B5;
}

.startHere a.btnStPers:hover{
  background-color: #42BDD0;
}

.startHere a.btnStComm:hover{
  background-color: #a3a3a3;
}

/****** Loader popup ******/

.loaderPop .modal-content{
  background:none;
}

.bgGray{
  background-color:#f2f4f5;
}

.iconsLge li img{
  max-width: 160px;
}

/*** Wizard ****/

#progBar{
  display:none;
}

.loading {
  display: none;
  text-align: center;
  margin-top: 10px;
}

.loading img {
  width: 50px;
  height: 50px;
}

.loadingSm, .loadingSm1 {
  display: none;
  text-align: center;
  margin-top: 10px;
}

.loadingSm img, .loadingSm1 img {
  width: 25px;
  height: 25px;
}

.loadMain {
  display: none;
  text-align: center;
  margin-top: 10px;
}

.loadMain img {
  width: 50px;
  height: 50px;
}


.progress-bar {
  height: 20px;
  background-color: #42BDD0;
  transition: width 0.3s ease;
}

.progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

.progress {
  margin-bottom: 1rem;
  position: relative;
}

.form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.step-content {
  display: none;
}

.radioButs label {
  background-color: #d7d7d7;
  border-color: #d7d7d7;
  color: black;
}

.radioButs label:hover {
  background-color: #57C2B5;
  border-color: #57C2B5;
}

.radioButs input[type=radio], .radioButs 
 input[type=checkbox] {
   display: none;
 }

.radioButs input[type="radio"]:checked + label {
  background-color: #28a745;
  border-color: #d7d7d7;
  color: white;
}

.ausProp{
  display:none;
}

ul.footTicks {
  list-style: none;
  padding: 0;
  font-size: 13px;
}

ul.footTicks li {
  position: relative;
  padding-left: 1.5em;
  line-height: 2em;
  white-space: nowrap;
}

ul.footTicks li::before {
  content: "\f046";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  font-size: 1.3em;
}

ul.footTicks .col-6 {
  width: 50%; 
  display: inline-block;
  text-align: center; 
}

ul.ul-lgt-blue li::before {
  color: #57C2B5;
}

ul.custom-ul {
  margin-bottom: 0;
}

img.footTickIcons{
}


  /******************** RESPONSIVE *************************/
  @media (max-width: 1200px) { 
  .iconsLge li img{
    max-width: 140px;
  }
}

@media (max-width: 1000px) { 
  .iconsLge li img{
    max-width: 110px;
  }
}

  @media (max-width: 720px) { 
    .footmiddle{
      display:none;
    }

    .aboutPgeHero .larryFront{
      display:none;
    }

    .homeTestisA{
      background-image: none;
    }

    .homeTestisA .carousel{
      margin: auto!important
    }

    .bgAboutImg{
      display: none;
    }

    .startHere .float-end, .startHere .float-start{
      margin: 20px auto;
      float:none!important;
    }

    img.larryStartHere{
      height:250px;
    }

    .contactMain{
      max-width: 100%;
    }
  }

  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 31.25rem;
      margin: 1.75rem auto;
    }

  }

  @media (max-width: 576px) { 

    .phIcon{
      margin-right: .5rem;
      font-size: 1.5rem;
      padding-top: .4rem;
    }
    
    .menu-top-sub .phIcon::before {
      content: none!important; /* phoneIcon */
    }
  
    .rgtMenu button{
      font-size: .7em!important;
      border-radius: 15px!important;
      border-style: double;
      border-color: #57C2B5;
      border-width: 8px!important;
      line-height: 1em!important;
      letter-spacing: 0!important;
    }
  
    .menu-top-sub .btnArrow::before {
      content: none!important; /* arrowIcon */
      color:#ffffff;
      font-size: .8em;
    }

    .prodPgeHero{
      padding-top: 2.2rem;
    }

    .calcInput input.loanAm, .calcInput input.loanRa, .calcInput input.loanTe{
      max-width: 100%!important;
      font-size: 1.5em;
    }


  }
  
  @media (max-width: 450px) {
    .phIcon{
      margin-right: .5rem;
      font-size: 1.2rem;
      padding-top: .5rem;
    }
  
    .rgtMenu button{
      font-size: .6em!important;
      border-radius: 15px!important;
      border-style: double;
      border-color: #57C2B5;
      border-width: 8px!important;
      line-height: 1em!important;
      letter-spacing: 0!important;
    }
  
      .rgtMenu button{
      font-size: .55em!important;
      border-radius: 15px!important;
      border-style: double;
      border-color: #57C2B5;
      border-width: 8px!important;
      line-height: 1em!important;
      letter-spacing: 0!important;
    }
    
    .menu-top-sub .navbar-toggler{
    padding: 0.25rem 0rem 0.25rem 0.75rem;
    }
  
    .logoTop{
      background-image: none;
      width: 140px;
    }

    .nav-top-custom{
      margin-top:0;
    }

    .nav-top-custom a.navbar-brand{
      display: block;
      width: 140px;
      height: 65px;
      padding: 0;
    }

    .foot-custom a.logoFoot img{
      display: block;
      width: 140px;
      height: auto;
      padding: 0;
    }    

    .menu-top-sub .navbar-toggler-icon::before {
      font-family: FontAwesome;
      content: "\f0c9"; /* hamburger */
      color:#ffffff;
      font-size: 1.8em;
    }
    .menu-top-sub .navbar-toggler-icon{
      padding-top:3px;
    }

    .heroMain hr.hrLine{
      margin-bottom:1.3em;
    }
    
    .heroMain h1{
      font-size: 1.5rem;
      color: #42BDD0;
      max-width: 600px;
    }
    
    .heroMain h2{
      font-size: 1.6rem;
      line-height: 2.5rem;
      font-weight: bold;
      letter-spacing: 0;
    }

    .heroMain ul{
      margin-bottom:30px;
    }
    
    .heroMain li{
      font-size: 1rem;
      letter-spacing: -1px;
      margin: .2em 0;
      font-weight: 400;
    }
    
    .heroMain li::before {
      font-family: FontAwesome;
      content: "\f058"; /* circle-tick */
      color:#57C2B5;
      font-size: 1.2em;
      padding-right:10px;
    }

    .bg-hero a{
      max-width: 90%;
      font-size: 1.6em;
    }

    .heroButBot h2{
      font-size:2em;
    }

    .bg-hero button{
      background:#57C2B5;
      border-radius: 20px;
      font-size: 1.5em;
      border:none;
      margin-bottom:1.3rem;
      font-weight: bold;
    }
    
    .bg-hero button:hover{
      background:#ffffff;
      color: #1D324C;
    }

    .homeProdList button.unlockRate{
      width:75%!important;
    }

    .homeVideo .container{
      width:100%;
    }

    .prodPgeHero .larryFront{
      display:none;
    }

    .prodPgeHero .cBut{
      margin: 0 0 1em 0;
    }

    .prodPgeAll a img{
      max-width: 300px;
    }

    img.aboutComp{
      max-width:300px;
    }

    .calcPop{
      border-radius: 0;
    }

    .calcPop .calcHeader h2{
      font-size: 2em;
    }

    .calcInput {
      padding:0;
    }

    .calcInput .input-group-text{
      font-size:1.5em;
    }

    .calcPopA .calcInput input.loanAm, .calcPopA .calcInput input.loanRa, .calcPopA .calcInput input.loanTe{
      font-size: 2.3em;
      font-weight:bold;
      border-radius: 5rem;
      border: none;
      max-width: 100%;
      border: 1px solid #ccc;
      background-color: #ffffff;
    }

    .calcPopA .lastCol{
      padding-top:2em;
    }

    .calcInput .input-group{
      min-width: 0px;
    }

    .calcInput .output, .calcInput .dolSymb{
      font-size: 1.5em;
    }
    
    .calcInput .calcResults .resMnth{
      font-size:1em;
      padding-left: 3px;
    }

    .calcInput .calcResults{
      padding: 5px 8px;
      border-radius: 2rem;
    }
    
    .lastCol{
      padding-top: 1.6em;
    }

    .calcInput .calcResults .resMnth{
      font-size:.8em;
    }

    .homeFeatList span{
      display:block;
      padding-bottom: 15px;
      border-bottom: 1px solid #ffffff;
      font-size: 1em;
    }

    .homeFeatList span{
      font-size: 1.2em;
    }
    
    .homeFeatList span::before {
      font-size: 1em;
      padding-right:10px;
    }

    .successMsg p.thnkTxt{
      font-size: 1em;
    }

    .iconsLge li img{
      max-width: 90px;
    }

    .prodPgeHero{
      text-align:center;
    }

 
  }

  @media (max-width: 414px) {
    .iconsLge li img{
      max-width: 80px;
    }

    .homeIcon img{
      max-width: 150px;
    }

    .homeIconList h2{
      font-size: 2em;
    }


    .phIcon{
      margin-right: .3rem;
      font-size: .8em;
      padding-top: .2rem;
    }

    .phIcon a[href^="tel"]{
      color:#fff;
      text-decoration:none;
    }

    .phSoc a[href^="tel"]{
      color:#fff;
      text-decoration:none;
    }

    .footCopy a[href^="tel"]{
      color:grey;
      text-decoration:none;
    }

    .rgtMenu a.unlockRate{
      font-size:.8em;
    }

    .footMobile .ph {
      font-size: .9em;
    }

    .heroButBot h2{
      font-size: 1.6em;
      line-height: 1em;
    }

    .bg-hero{
      border-radius: 30px;
      width: 100%
    }

    .bg-hero a{
      display:block;
      background:#57C2B5;
      border-radius: 10px;
      font-size: 1.2em;
      border: none;
      font-weight: bold;
      max-width: 90%;
      color: #ffffff;
      margin-bottom: 1rem;
    }

  }

  @media (max-width: 350px) {
    .calcPopA .lastCol{
      padding-top:0;
    }
  }
  
  /* END RESPONSIVE ***/

