/*-----------------------------------------------------*/ /* CSS for the KHECORP site */ /* Sanaa Ahmad - Feb - May, 2017 */ /*-----------------------------------------------------*/ @viewport{zoom:1.0; width: extend-to-zoom;} html {-webkit-text-size-adjust: 100%; } .ui-widget-content {border:none;} .homepage-body {height:100%;padding:0px; margin:0px;} .ui-widget, .ui-widget .ui-widget { font-family: Calibri, Arial, sans-serif; font-size: 1.05em; font-weight: 600; } body { min-width:320px; font-family: Calibri, Arial, sans-serif; border: 1px solid #ccc; font-size:87%; line-height:1.2; margin:0px; color:#202121; } .innerpages-body, .terminalpages-body, .innerpages-body { display:flex; /* read https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/ flex-direction:column; min-height:100%; min-height:100vh; /*caused page not to display correctly after adding the new footer section, on the iPads - for longer pages, a box of height 100vh is showing as a background */ } /* vh =1/100 of the viewport height */ #page_gutter {clear:both;} .desktop {display:none;} .mobile {display:block;} .clear {clear:both; height:0px;} .hide {display:none;} .display-block {display:block;} .main-content {flex:1 0 auto;} /* white space will be part of the content and footer doesn't move up */ .site-header, .site-footer {flex-shrink:0;} body img {border:none;} h3 {margin-top:0em; margin-bottom:.5em; clear:left;} h4 {color:#FAA31E;} ul, li, a {margin: 0; padding: 0;} ul {list-style:none; width:100%;} a {text-decoration: none;} .display_block {display:block; margin-bottom:.5em;} .ie_img {display:none;} .no-m-y {margin-bottom: 0; margin-top: 0;} .no-m-b {margin-bottom: 0;} .no-m-t {margin-top: 0;} .m-t-1em {margin-top: 1em;} .blue{color:#003399;text-decoration:underline;} .underline { text-decoration:underline;} .italic { font-style: italic; } .subhead {color: #2442AE;} .subheadky {color: #2D5749;} .green-underline {color: #00853f;text-decoration:underline;} .centered { text-align:center;} .left-align { text-align: left;} .bolded {font-weight:bold;} #home_image, #home_image_mo {position: relative;} #home_image_mo #homeImage, #teImgContainer img {max-width: 100%;} /*IE Warning*/ #ieWarn { display: none; padding: 1em; background-color: #FFFCD9;} #ieWarn.display-block { display: block; } .spanIEWarn { font-size: 1.1em; font-weight: 400; } #site_header #wrap #header_blue_bar .linkDialog { background-color: #CCDBE9; } #site_header #wrap #header_blue_bar .linkDialog .ui-widget-header { background: #CCDBE9; } #site_header #wrap #header_green_bar .linkDialog { background-color: #C2D9D4; } #site_header #wrap #header_green_bar .linkDialog .ui-widget-header { background: #C2D9D4; } #casList li {padding-bottom: 0.5em; text-decoration: underline;} .hero-heading {position: absolute; color: #000; letter-spacing: 0.01em; text-align: right;} .home-hero {background-color: #FFF;} .parent-hero {background-color: #FBF8F3;} .refi-hero {background-color: #CFC7B4;} .student-hero {background-color: #D9E0EA; text-align: right;} /* Hero subtext for each homepage */ .hero-subtext { display: block; font-size: 1.3rem; font-weight: 400; line-height: 3; margin-top: -.5em; } .mobile .hero-subtext { font-size: .7rem; line-height: 2; } .kael-hero-subtext { display: block; font-size: 1.3rem; font-weight: 400; line-height: 3; margin-top: -.5em; } .mobile .kael-hero-subtext { font-size: .7rem; line-height: 2; } /*End hero subtext for each homepage*/ #home-choice-row {} #home-choice-row .home-col {padding-left: 1.2em; padding-bottom: 0;} #home-choice-row .subhead {padding-bottom: 0; margin-bottom: 0;} #home-trisubhead-row {border-top: 10px solid #2442AE;} #home-trisubhead-row .home-col {padding-left: 1.2em; padding-bottom: 0;} #home-trisubhead-row .subhead {padding-bottom: 0; margin-bottom: 0;} #triple-ad .home-col { padding-left: 1.2em; padding-top: 0; padding-bottom: 0; } #triple-ad .home-col p { font-size: 0.8em; line-height: 1.3em;} #homeky-trisubhead-row {border-top: 10px solid #00853f;} #homeky-trisubhead-row .home-col {padding-left: 1.2em; padding-bottom: 0;} #homeky-trisubhead-row .subhead {padding-bottom: 0; margin-bottom: 0; color:#00853f;} #get-started-btn-row { margin-bottom: 2.4em; } #get-started-btn-row .home-col {padding-bottom: 0;} .get-started-btn { display: inline-block; padding: 0.5em 1.5em; background-color: #C1D4F2; border-radius: 8px; font-weight: bold; border: 3px solid #FAA31E; margin-left: 2em; } .get-started-ky-btn { display: inline-block; padding: 0.5em 1.5em; background-color: #C2D9D4; border-radius: 8px; font-weight: bold; border: 3px solid #F99D27; margin-left: 2em; } .get-started-ky-mo-btn { display: inline-block; padding: 0.5em 1.5em; background-color: #C2D9D4; border-radius: 8px; font-weight: bold; border: 3px solid #F99D27; margin-left: 1.5em; } #kyNonResident{padding:0 2em 1.5em 2em; font-weight:600;font-size:1em;} #kyResident{padding:0 2em 1.5em 2em; font-weight:600;font-size:1em;} #prodGetStartedBtn { display: inline-block; padding: 0.8em 1.8em; background-color: #003466; color: white; border-radius: 16px; font-weight: bold; margin-left: 2em; margin-bottom: 1em; } #prodApplyNowBtn { padding: 0.4em 2.5em; background-color: #c2dbee; border: 1px solid #003399; color:#441a17; font-size: 1.15em; border-radius: 8px; font-weight: bold; margin-bottom: 2em; margin-top: 1.5em; } #greenbox {background-color: #00853F; font-size: 0.9em; padding:1em; position: relative;} #kaelKheaaText{border-top: 10px solid #00853f;} #lightGreenBox {margin: 2% 5%;background-color: #f0f3ea; font-size: 0.9em;padding:1em; position: relative;border-radius: 15px 20px 15px 20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} #lightGreenBoxMo {margin: 2% 5%;background-color: #f0f3ea; font-size: 0.9em;padding:1em; position: relative;border-radius: 15px 20px 15px 20px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);} #kaelKheaaTextMo{margin-bottom:30px;} #bluebox {background-color: #ceb99a; font-size: .9em; padding-bottom: 1em; padding-top:1em; padding-right: 1em; position: relative;} #bluebox p {color: #3e862f; margin-top: 0; padding-left:1.6em;} #bluebox .italic {color: #003366;} #bluebox h4 {margin-bottom: 0; padding-left:1em; font-size: 1.2em; font-style: normal; letter-spacing: 0.045em;} #bluebox h4.italic { font-style: italic; font-weight: 700; } #bluebox h4:first-child {margin-top: 0;} #blueboxPhotoContain{ display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; /* might need to use center here on media query for large desktop*/ gap: 1.5rem; padding: 1rem 0; } #blueboxPhotoContain .blueboxText p {font-size: 1em; padding-left: 4rem; margin-bottom: 0.3rem;} #blueboxPhotoContain .blueboxText h4 { padding-left: 4rem;} .blueboxText { flex: 1; padding-right: 0; max-width: 30rem; } #blueboxPhoto { flex: 1.2; max-width: 650px; height: auto; display: block; } #prodGrayBoxContain {text-align: center; position: relative; } #prodGrayBoxContainVet {text-align: center; position: relative; } #prodGrayBoxContain #grayBoxImageContainRefi img {position: absolute;} #prodGrayBoxContainVet #grayBoxImageContainRefi img {position: absolute;} #fineprint-box, #disclaimer {padding-top: 2em; padding-bottom: 1em;} #fineprint-logo {width: 16em; margin-bottom: 1.5em;} .fineprint {font-size: 0.7em; color: #585858; padding-left:13%; padding-right:10%; text-align: left; line-height: 1.3} #fineprint-head {padding-left:12%;} .fineprint-star {color: #585858; font-size: 0.85em; float:left; padding-left:12%; text-align: left;} .prod-contain {border-top: 6px solid #003399;padding: 1em 1em;} .intro-product {padding-left:3%;} .intro-product-vet1 {padding-left: 10%; padding-right: 10%; padding-top: 2%} .intro-product-vet {padding-left: 10%; padding-right: 10%; padding-bottom: 2%} #prodIntroHead { color: #003466; } #prodIntro2, #prodIntro4 {color:#3674B3} #prodRatesHead {color: #441a17; font-style:italic;} #prodBeneFeatTable { width: 58%; } .prod-benefeat-cells, .prod-benefeat-smallcells {border: 1px solid black; font-weight: bold; color: #003466} #prodBeneFeatDataContain .prod-benefeat-cells {padding: 0.8em;} #prodBeneFeatDataContain .prod-benefeat-smallcells {padding-top: 0.1em; padding-bottom: 0;} #prodBeneFeat0, #prodBeneFeat0chk {background-color: #6fccfe; color:#441a17;} .prod-benefeat-cells h3 {margin:0; font-size: 1.5em; letter-spacing: 0.02em;} .prod-benefeat-cells:not(.last), .prod-benefeat-smallcells:not(.last) {border-bottom: 0;} .prod-benefeat-smallcells:not(.last) img {padding-top: 2px; margin: 0 auto; display: block;} .prod-benefeat-smallcells ~ .last img {padding-top: 10px; margin: 0 auto; display: block;} .prod-benefeat-smallcells {border-left: 0;} #prodGrayBoxContain { background-color: #a7a7a7; padding: 35px 0; } #prodGrayBoxContainVet { background-color: #dfe0e4; padding: 35px 0; } #grayBoxParaContain h1 {width:13.6em; color: #441a17; font-style: italic;} #grayBoxParaContain .hdr {width:13.6em;} #grayBoxImageContain {text-align: center;} #prodRepayHead {padding:1em;} #repayIntro1 {color: #003466; margin-bottom:1.25em;} #repayIntro2 {color: #441a17; font-style: italic; font-size:1.2em;} #applyNowContain { border-bottom: 4px solid #003466; background-color: #eef3f8; padding-top: 1em; } #refiRepayTable { width:35%; margin-left: 33%; margin-bottom: 1em;} .apply-cells { border: 1px solid black; border-right: none; font-weight: bold; color: #003466;} .refi-apply-cells { border: 1px solid black; font-weight: bold; color: #003466;} #applyNowR2C1, #applyNowR2C2, #applyNowR2C3 {position: relative; padding: 0.4em;} #applyNowR1C1Head, #applyNowR1C2Head, #applyNowR1C3Head {margin-top: 0.5em; margin-bottom: 0;} #applyNowR1C1P1, #applyNowR1C2P1, #applyNowR1C3P1 {margin-top: 0.5em; margin-bottom: 0.5em;} #applyNowR1C1P2, #applyNowR1C2P2, #applyNowR1C3P2 {margin-top: 0em;} .repayDecal {left:45%; top:-50%; width: 1px; height: 16px; border: 4px solid #003466; background-color: #003399; border-radius:10px; position: absolute;} #applyNowR1C3, #applyNowR3C3 {border-right: 1px solid black;} .applyNowDesc {font-size: 0.9em;} #repayGetStartedBtn {padding: 0.5em; border: 2px solid #003466; background-color: #c2dbee; display:inline-block; width: 7em; border-radius: 8px; margin-left:45%;} #repayCallNum {font-weight: bold; font-size: 0.9em;} #teContainer {background-color: #e6e9ee; padding-top: 4em;} #teKyContainer {background-color: #e6e9ee; padding-top: 4em;} #teImgContainer {background-color: #abcae9;} #teKyImgContainer {background-color: #C2D9D4;} #teImgContainer:after {clear: both; content: ''; display: block;} #teKyImgContainer:after {clear: both; content: ''; display: block;} #testimonialLined {position: relative; bottom:1.1em; float: left;} #testimonialBlue {position: relative; bottom:2.5em; float: right;} #testimonialBlueKy {position: relative; bottom:2.5em; float: right;} .grid-item {border-bottom: 1px solid #4f4f4f;font-weight: normal;} @media only screen and (max-width: 56.25em) /* 900px */ { #applyNowR1C1 #applyNowR1C1Head , #applyNowR1C2 #applyNowR1C2Head, #applyNowR1C3 #applyNowR1C3Head {font-size: .9em;} .applyNowDesc {font-size: .8em;} } @media only screen and (max-width: 43.75em) /* 700px */ { #applyNowR1C1 #applyNowR1C1Head , #applyNowR1C2 #applyNowR1C2Head, #applyNowR1C3 #applyNowR1C3Head {font-size: .8em;} .applyNowDesc {font-size: .7em;} } @media only screen and (max-width: 27.5em) /* 440px */ { #applyNowR1C1 #applyNowR1C1Head , #applyNowR1C2 #applyNowR1C2Head, #applyNowR1C3 #applyNowR1C3Head {font-size: .7em;} .applyNowDesc {font-size: .6em;} .vet-intro-text {font-size: 1.5em;} } /*----------------Background and text colors------------------- */ body .ui-widget-content {color: #000000;} #footer {background:#003399;font-size:1.2em;} #footer, #nav-bar li a {color:#FFF;} .white {color:#fff;font-size:1.15em;} /*----------------------end of colors style--------------------- */ /* ---------------------Header style begins -------------------- */ .header-wrap {width:100%;margin-left:auto;margin-right:auto;position:relative;float:left;} .header-wrap::after,.section_inner::after {clear:both;content:""} #header {clear: both;float: left; width: 100%; margin: 0; padding: 0;} .greenHeader{float:left; width:100%; background: #00853F; border-bottom:1px solid #008040;min-height: 1.5em;} .blueHeader {float:left; width:100%; background:#003399;border-bottom:1px solid #47477c;min-height:1.5em;} #whiteHeader {float:left; width:100%; min-height:5em;} #mobile_header_bar {background-color:#8C9EC5;width:100%;clear:left; border-radius:0px;} #logo {padding:.5em 0px .3em 2em; float:left; width:auto;} #logoKy {padding:.5em 0px .3em 1em; float:left; width:auto;} .gsc-input, .gsc-search-button, .gsc-clear-button {display:none;} #phone-header {float:right; padding-right: 1em; } #phone-header span {vertical-align:1em;font-size:0.7em;color:darkgray;} #phone-header #phone-logo {width: 20px; height: 35px;} #email-header {float:right; padding-right: 1em;} #email-header #email-logo {width: 35px; height: 20px; padding-top: 9px;} #search {float:right;padding:.1em;padding-right:.5em; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; width:100px; } .desktop .searchbox #desktop-search-field, .desktop .searchbox #desktop-search-field {background:url('../resources/images/searchicon.png') 3% 50% no-repeat #fff; padding-left:2.2em;} .desktop .searchbox #desktopKy-search-field {background:url('../resources/images/searchicon.png') 3% 50% no-repeat #fff; padding-left:2.2em;}*/ #header_blue_bar {border-radius:0px; padding-top:0.4em;} #header_green_bar {border-radius:0px; padding-top:0.4em;} .search-form {position:relative;} #desktop-search-field {border:1px solid #CCC;} #desktopKy-search-field {border:1px solid #CCC;} #page_content .floatRight {float:right;} .whiteHeader_right #search .cse .gsc-control-cse,.whiteHeader_right #search .gsc-control-cse { padding:0px; background-color:transparent;border:none; } .whiteHeaderKy_right #search .cse .gsc-control-cse,.whiteHeaderKy_right #search .gsc-control-cse { padding:0px; background-color:transparent;border:none; } .whiteHeader_right {float: right; margin-top: 1.1em;width:50%;} .whiteHeaderKy_right {float: right; margin-top: 1.1em;width:50%;} #search-button, #desktop-search-button {padding:5px 5px 1px; cursor:pointer; background:white;float:left; border:none; } .desktop .searchbox .search-field, .mobile-search-field { height: 1.6em; padding-left:.5em; margin-right:1em; border:none; background-color:#FFF; font-size:15px; } .mobile .searchbox .mobile-search-field { background: url(../resources/images/searchicon_m.png) no-repeat #fff; width: 85%; padding-left: 28px; max-height: 20px; border-radius: 4px; border: 1px solid #8c9ec5; background-position: 3% 50%; font-size: 15px; float: right; margin-right:3px; margin-bottom: .8em; } #acctNavM {color: #e2e2e2;} .mobile-checkacctsts-btn { display: none; float: right; padding: 0.5em; padding-left: 1em; padding-right: 0.2em; border-radius: 6px; font-weight: bold; font-size: 0.9em; margin-right:1em; margin-bottom: 0.6em; letter-spacing: 0.6px; text-decoration: underline; } /* on focus clear search input field for Chrome */ #desktop-search-field:focus::-webkit-input-placeholder, #search-field:focus::-webkit-input-placeholder {color: transparent;} #desktopKy-search-field:focus::-webkit-input-placeholder, #searchKy-field:focus::-webkit-input-placeholder {color: transparent;} /* Message Div styles (Until the messages system is up and running) */ /*.message { background-color: #555; opacity: .75; width: 100%; display: flex; }*/ .messageText { font-size: 16px; font-weight: bold; color: #ccc; opacity: 1; margin-left: 20px; } #header_blue_bar {position: relative; } #signInButton { display: none; background-color: #fbaa29; color: #003399; padding: 1px 10px; border-radius: 7px; text-align: center; text-decoration: none; position: absolute; font-weight: bold; right: 25px; top: 50%; transform: translateY(-50%); } #signInButtonKAEL { display: none; background-color: #fbaa29; color: #003399; padding: 1px 10px; border-radius: 7px; text-align: center; text-decoration: none; position: absolute; font-weight: bold; right: 25px; top: 50%; transform: translateY(-50%); } .greenHeader {position: relative;} @media (min-width: 601px) { .sign-in-btn { display: inline-block !important; } } /* ----------------------------- Header Style Ends --------------------------- */ /* Content area styles begin */ .main-content {position:relative; clear:both; float:left; width:100%; background:#fff;} .home-main {float:left; width:100%;} .page-wrap { width:100%; height:100%; margin:0; padding:0; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; } .section {clear: both;float: left; width: 100%; margin: 0; padding: 0;} .section .desktop img {display: block; margin-left: auto; margin-right: auto; width:100%;} body #header #nav-bar #nav .firstLevelNav ul li a {font-size:1.2em; font-weight:bold;} #nav-bar #nav h3 {font-weight:normal;} #intImg img {min-height:165px;} #nav-bar li li a {font-weight:bold;} /* ---------- Content area styles end ------------- */ /*Disclosure page*/ .disc-image-container { display: flex; flex-direction: column; align-items: center; } .disc-image-container img { width: 100%; height: auto; } /* ---------- alert/messages section Styles begins ----------- */ #msg_area\:alert_home{ /* position: relative; */ width:96%; color:#333; opacity:.85; font-size:80%; font-weight:bold; z-index:3; margin:.5em 0 .5em 1%; text-align:left; } /* ---------- alert/messages section Styles ends ---------- */ /* -------------- Navigation bar style begins ---------------- */ #nav-bar {width:100%;border-top: 1px solid #aeaeae;border-bottom: 0.3em solid #003399;border-radius: 0px;} /*#navky-bar {width:100%;border-top: 1px solid #aeaeae;border-bottom: 0.3em solid #00853f;border-radius: 0px;} */ #nav {display:table; width:100%;} #nav li { background: #ABCAE9; position:relative; text-align: center; width:19%; vertical-align:middle; } #nav li.last {width:24%;} #nav li.firstLevelNav {display:table-cell;} /* #nav li:hover {background-color:#003399;} */ #nav li ul {position:absolute; display:none; z-index:100;opacity:.98;margin-top:0.3em; border: 2px solid #003399;} #nav li ul li {width:100%; border-right:none; } #nav li li:hover a {background:#CCC;} #nav li a {display: block;padding:0.5em 4%; text-decoration: none;color:#003399; text-align:center; padding-right: 0;} #nav li span {color: #003399;} #nav li span, #nav li a {text-shadow: 1px 1px 2px #afafb2; font-weight:bold;} #nav .firstLevelNav:hover .nav-heading a, #nav .firstLevelNav:hover .nav-heading span, #nav .current .nav-heading a, #nav .current .nav-heading span {color: #FFF} #nav li li a { display: block; position: relative; z-index:100; background:#dbedf4; color:#003366; border-bottom:2px solid #003399; } #nav .firstLevelNav .nav-heading {margin:0px;} #nav .firstLevelNav .submenu .navheader-sub {background:#8093b9;} #nav-bar #nav .active {background:#c0c0c0;} #nav-bar #nav li.current {background-color:#003399;} #nav-bar #nav li li.current {border-top:none;} /* -------------------- Nav CSS ends ---------------------- */ /********** bottom nav section to fill white space under picture ***********/ .nav-map h4 {margin:12px 0;} #nav-map-content .nav-map .navheader { padding: 6px 10px 6px 10px; border: 0; font-weight: bold; cursor: pointer; text-decoration: none; } /********* mobile homepage style begins *************/ #logo_m {float:left; margin: 0.7em 0.5em 0em 0.3em;} #logoKy_m {float:left; margin: 0.7em 0.5em 0em 0.4em;} #nav_m { margin-bottom: 4%; text-align:center; margin-left:auto; margin-right:auto; border-top: 8px solid #ABCAE9;} #navky_m { margin-bottom: 4%; text-align:center; margin-left:auto; margin-right:auto; border-top: 8px solid #00853f;} #leftSide {padding-bottom: 6%;} #nav_item1, #nav_item3 {padding-right: 6%;} #rightSide, #leftSide { margin:auto; } .homeButtonsContain {background-color: #F9FCDF; } .homeButtonsContain #rightSide, .homeButtonsContain #leftSide {background-color: #F9FCDF;} .mobile_navbuttons {width: 153px; height: 194px;} #kyNonResident{padding-left:1.2em;padding-right:1.2em;font-size:1em;padding-bottom:.5em;} #kyResident{padding-left:1.2em;padding-right:1.2em;font-size:1em;padding-bottom:.5em;} #offers_m .offersContainMo { padding-left: 1.2em; padding-top: 0; padding-bottom: 1em; } #offers_m .offersContainMo h4 { font-size: 1em; margin-top: 0;} #offers_m .offersContainMo p {font-size: 0.8em; line-height: 1.3em; width:80%;} .offersContainMo .get-started-btn { margin-left:0; margin-bottom: 1em; padding-left: 0.75em; padding-right: 0.75em; font-size: 0.8em; } .offersContainMo .get-started-ky-btn { margin-left:0; margin-bottom: 1em; padding-left: 0.75em; padding-right: 0.75em; font-size: 0.8em; } .home-hero { background-color: #fff; } .refi-hero { background-color: #fffae6; } .parent-hero { background-color: #f0f5f9; } .student-hero { background-color: #f2f7fa; } /******** mobile homepage style ends ***************/ /*********vet loan program styles begin ***********/ #vetHeroHeading1 {top: 20%; left: 40%; font-size: 3em;} #vetHeroHeading2 {top: 20%; left: 40%; font-size: 3em;} #vetHeroHeading3 {top: 20%; left: 40%; font-size: 3em;} #grayBoxParaContain { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } #grayBoxParaContain .hdr { font-size: 2.5em; color: black; font-style: normal; margin-top: -10%; margin-bottom: 1%; } #grayBoxParaContain .vet-text { color: #003399; font-weight: 400; width: 85%; margin: 0 auto; } #grayBoxParaContain .vet-text:first-of-type {margin-bottom: 1.5rem;} #vetEligible {text-align: center; padding-top: 3%;} #vetEligible .hdr {color: black; font-size: 2em; font-style: italic; text-align: center; display: inline-block; background:#7393bd; padding: 0.2em 4em; border-radius: 4px; line-height: 1.2;} #vetEligible .elg-txt {color: black; font-size: 1.3em;} #vetEligible .elg-txt-sub {font-weight: 400; font-size: 1em; padding-bottom: 3%;} .elg-txt .elg-icon { color: limegreen; font-size: 0.85em; margin-right: 1rem; vertical-align: middle; } #prodVetContain { width: 100%; max-width: 1300px; margin: 0 auto; padding: 2rem 1rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; } .vet-intro-line, .vet-list-wrapper, .vet-note { width: 100%; max-width: 550px; margin: 0 auto; padding: 0 1rem; box-sizing: border-box; text-align: left; } .vet-intro-line { display: flex; justify-content: flex-start; align-items: baseline; gap: 0.5rem; font-size: 1.25rem; } .vet-dollar { color: black; font-weight: 400; font-size: 2em; font-family: Arial; } .vet-list { list-style-type: disc; padding-left: 2rem; margin-bottom: 1.5rem; margin-left: 5rem; /*moves bullets right*/ font-weight: normal; word-wrap: break-word; overflow-wrap: break-word; white-spae: normal; box-sizing: border-box; } .vet-list li { margin-bottom: 0.5rem; line-height: 1.5; text-align: left; overflow-wrap: anywhere; word-break: break-word; } .vet-list li * { white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; } .vet-intro-text { font-weight: bold; font-size: 2em; margin-bottom: 1.5rem; color: #003399; } .vet-list-wrapper { width: 100%; max-width: 700px; margin: 0 auto; padding: 0 1rem; box-sizing: border-box; text-align: left; overflow-wrap: break-word !important; } .vet-note { font-style: italic; color:#003399; } #prodBeneFeatContain { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background-color: #d9e0ea; padding-top:4em; } #vetEligible { align-items: center; justify-content: center; width: 100%; background-color: #d9e0ea; padding-top:4em; } #prodVetContain p {width: 100%; text-align: center; font-size: 1.1em; line-height: 1.1; margin: 0;} #prodVetContain p:first-of-type {margin-top: 3rem;} .vet-btn-container { text-align: center; margin-top: 2rem; margin-bottom: 2rem; } .vet-get-started-btn { background-color: #003399 !important; color: white !important; border: none !important; border-radius: 999px; padding: 15px 31px; font-size: 1rem; font-weight: bold; cursor: pointer; text-transform: uppercase; transition: background-color 0.3s ease; } .vet-get-started-btn:hover { background-color: #002266; } .vet-separator-line { width: 100%; height: 4px; background-color: #003466; margin-bottom: 3em; } @media (max-width: 550px) { .vet-intro-text {font-size: 1.8em} .vet-list li {font-size: 1em;} } @media (max-width: 700px) { #grayBoxImageContain, #grayBoxParaContain { padding: 1rem 0; } #prodMarketIMG { width: 100%; height: auto; } #grayBoxParaContain .hdr { font-size: 2.5em; margin-top: 1rem;} #vetEligible .hdr {padding: 0.2em 2em;} .vet-list-wrapper { padding: 0 1rem; } .vet-list { font-size: 1rem; line-height: 1.5; } } @media (max-width: 767px) { #grayBoxImageContain, #grayBoxParaContain { width: 100% !important; display: block; } #grayBoxParaContain { padding-top: 1rem; transform: none; margin-left: 0; } #grayBoxParaContain .hdr, #grayBoxParaContain .vet-text { width: 85%; margin: 0 auto; } #prodMarketIMG { width: 100%; height: auto; display: block; margin: 0 auto; } .vet-list-wrapper { padding: 0 1rem; } .vet-list li { line-height: 1.5; width: 80% } .vet-list-wrapper { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 1rem; box-sizing: border-box; text-align: left; overflow-wrap: break-word !important; } } @media (min-width: 1200px) { #grayBoxParaContain { margin-left: -5%; } } /********vet loan program styles end **************/ /* facebook ads */ .fb-ad { min-width: 320px; width: 100%; font-size: 10px; display: flex; justify-content: flex-end; } .fb-ad.bg-blue, .fb-ad.bg-blue > .ad-responsive { background: url('../resources/images/ads/refi_ad.png') no-repeat, url('../resources/images/ads/refi_ad_bg.png') repeat; background-size: contain; } .fb-ad.bg-green, .fb-ad.bg-green > .ad-responsive { background: url('../resources/images/ads/student_ad.png') no-repeat, url('../resources/images/ads/student_ad_bg.png') repeat; background-size: contain; } .fb-ad.bg-orange, .fb-ad.bg-orange > .ad-responsive { background: url('../resources/images/ads/parent_ad.png') no-repeat, url('../resources/images/ads/parent_ad_bg.png') repeat; background-size: contain; } .fb-ad > .ad-responsive { display: none; width: auto; border-bottom: 5px solid #003399; } .fb-ad > .ad-responsive .inner-box { margin: 3rem; } .fb-ad .sub-header { font-size: 2.4em; font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; } .fb-ad .sub-header.black { color: #000; } .fb-ad .sub-header span { display: block; } .fb-ad h1 { font-size: 6.2em; font-weight: bold; line-height: 100%; max-width: 454px; width: 100%; margin: 10px 0; } .fb-ad h1 span { display: block; } .fb-ad .inner-box { padding: 0 15px; } .fb-ad p { max-width: 514px; } .fb-ad .bold { font-weight: bold; } .fb-ad hr { border: 1px solid #000; width: 100%; margin: 0 auto; } .fb-ad hr.white { border: 1px solid #fff; } .fb-ad .text-container .inner-box:last-of-type p:first-child { font-size: 2.2em; } .fb-ad .desc { font-size: 1.7em; } .fb-ad h2 { font-size: 2.4em; font-weight: bold; text-transform: uppercase; margin: 1em 0 .5em; } .fb-ad ul { list-style-type: disc; list-style-position: outside; padding-left: 2em; box-sizing: border-box; } .fb-ad ul li { font-size: 1.7em; margin-bottom: 5px; width: 100%; max-width: 514px; } .fb-ad a.btn { display: block; box-sizing: border-box; margin: 4em 0 9em; } .fb-ad a.btn button { padding: 15px 40px; border-radius: 25px; font-size: 2.6em; font-weight: bold; color: #fff; border: none; box-sizing: border-box; outline: none; cursor: pointer; } .flex { display: flex; justify-content: flex-start; align-items: center; } .fb-ad > .text-container { margin-top: 4em; margin-right: 3em; max-width: 514px; width: 100%; } .flex-column { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 514px; width: 100%; } .fb-ad .fineprint { font-size: 1.2em; padding: 0; } .fb-ad #fineprint-logo { margin: 0 1.5em 0 0; width: 120px; height: auto; } .text-orange { color: #ff6300; } .text-blue { color: #3333cc; } .text-green { color: #018441; } .grad-orange { background: rgb(248,114,38); background: linear-gradient(90deg, rgba(248,114,38,1) 0%, rgba(250,139,47,1) 50%, rgba(255,165,53,1) 100%); } .grad-blue { background: rgb(0,90,174); background: linear-gradient(90deg, rgba(0,90,174,1) 0%, rgba(0,142,207,1) 50%, rgba(0,149,211,1) 100%); } .grad-green { background: rgb(11,111,50); background: linear-gradient(90deg, rgba(11,111,50,1) 0%, rgba(53,177,72,1) 50%, rgba(53,177,72,1) 100%); } @media only screen and (min-width: 1076px) and (max-width: 1180px) { .fb-ad.bg-blue { background-position: -63%; } .fb-ad.bg-green { background-position: -31%; } .fb-ad.bg-orange { background-position: -29%; } } @media only screen and (min-width: 1051px) and (max-width: 1075px) { .fb-ad.bg-blue { background-position: -82%; } .fb-ad.bg-green { background-position: -39%; } .fb-ad.bg-orange { background-position: -41%; } } @media only screen and (min-width: 1025px) and (max-width: 1050px) { .fb-ad.bg-blue { background-position: -125%; } .fb-ad.bg-green { background-position: -57%; } .fb-ad.bg-orange { background-position: -49%; } } @media only screen and (max-width: 1024px) { .fb-ad { background-image: none; flex-direction: column; } .fb-ad.bg-orange { background: rgb(255,181,99); background: linear-gradient(180deg, rgba(255,181,99,1) 0%, rgba(255,255,255,1) 90%); } .fb-ad.bg-blue { background: rgb(109,142,255); background: linear-gradient(180deg, rgba(109,142,255,1) 0%, rgba(255,255,255,1) 90%); } .fb-ad.bg-green { background: rgb(132,206,107); background: linear-gradient(180deg, rgba(132,206,107,1) 0%, rgba(255,255,255,1) 90%); } .fb-ad > .ad-responsive { display: flex; align-items: center; justify-content: flex-end; } .fb-ad > .text-container .inner-box:first-of-type, .fb-ad > .text-container hr { display: none; } .fb-ad > .text-container { margin: 0 auto; } .fb-ad .fineprint { margin-bottom: 1em; } .fb-ad a.btn { display: block; box-sizing: border-box; margin: 3em 0 5em; } } @media only screen and (max-width: 767px) { .fb-ad h1 { font-size: 5.5em; } .fb-ad > .ad-responsive .inner-box { margin: 2rem 1rem; } } @media only screen and (max-width: 660px) { .fb-ad > .ad-responsive .inner-box {margin: 1rem 0;} .fb-ad > .ad-responsive .inner-box .sub-header {font-size: 1.8em;} .fb-ad > .ad-responsive .inner-box h1 {font-size: 4.1em;} } @media only screen and (max-width: 480px) { .fb-ad { font-size: 8px; } .fb-ad > .ad-responsive .inner-box h1 { font-size: 4.6em; } } @media only screen and (max-width: 414px) { .fb-ad > .ad-responsive .inner-box .sub-header { font-size: 1.4em; } .fb-ad > .ad-responsive .inner-box h1 { font-size: 3.4em; } } /* end */ /********* Footer styles begins *********/ #footer {clear:both; float:left; width:100%; } #footer_content {margin:0;padding:0 0 0 2%; } /********* Footer styles ends *********/ #button:active {background-color:#FFF;} .expanded {max-width:200px; opacity:1; display:block;} /********* main pages style ends *********/ /********* CSS Override primefaces styles begins *********/ body .ui-panel, body .ui-panel .ui-panel-content {padding:0;margin:0;margin:0;padding:0;border:none;} .icon {margin-right:5px;vertical-align:middle;} /********* CSS Override primefaces styles ends *********/ /******* Media Queries ************/ @media only screen and (max-width: 39.938em) { /* 639px - mobile only styles */ /* #nav-bar {font-weight:bold;} */ body #header #nav-bar #nav .firstLevelNav h3.nav-heading span, body #header #nav-bar #nav .firstLevelNav h3, body #header #nav-bar #nav .firstLevelNav a {font-size:1em;} .firstLevelNav {width:20%;} } @media only screen and (max-width: 37.438em) { /* 599px */ #nav .firstLevelNav .desktop {display:none;} #bluebox {padding-top: 5em; margin-top: 1.5em;} #blueboxPhoto {top:2%; right: 7%; height:100px;} .prod-contain { border-top:0; } #prodGetStartedBtn {margin-left:0.5em;} #prodBeneFeatTable { width: 98%; margin-left: 1%; } #prodApplyNowBtn { padding: 0.4em 2em; margin-left: 30%; } #prodMarketIMG { width: 9em; margin-top: 1.5em; } #grayBoxParaContain h1 {line-height: 1.7em; font-size: 1.5em; width: 10em;} #grayBoxParaContain .hdr {line-height: 1.7em; font-size: 2em; width: 10em;} #applyNowTable, #refiRepayTable { width:98%; margin-left: 1%; margin-bottom: 1em;} #repayGetStartedBtn {margin-left: 38%;} #testimonialLined { margin-left: 0%; } #testimonialLined img { width: 15em; } .grid-item {font-size:70%;} } @media only screen and (max-width: 31.250em) { /* 500px */ .hero-heading {letter-spacing: 0;} #grayBoxParaContain h1 {line-height: 2em; font-size: 1.2em; width: 10em;} #grayBoxParaContain .hdr {line-height: 2em; font-size: 2em; width: 10em;} #repayGetStartedBtn {margin-left: 32%;} } @media only screen and (max-width: 28.125) { /* 450px */ #phone-header { float:right; padding-right: .5em; } #phone-header span {vertical-align:1em;font-size:0.7em;color:darkgray;} #phone-header #phone-logo {width: 15px; height: 25px;} #email-header { float:right; padding-right: .5em;} #email-header #email-logo {width: 25px; height: 10px; padding-top: 9px;} } @media only screen and (max-width: 25.938em) { /* 415px */ #nav li ul li .navheader-sub {font-size:102%;} #nav-bar > ul > li {display: table-cell;} div#whiteHeaderKy_right.whiteHeaderKy_right {} #testimonialBlue { margin-right: 0%; } } /********** media queries handling minimum width - start with the less and go up ************/ @media screen and (min-width: 37.5em) { /* min-width:600px */ .desktop .searchbox .search-field, .mobile-search-field {width: 7.5em; margin-right:0.2em;} .mobile {display:none;} .desktop {display:block;} .search-field {display:block;} .terminalFiller {display:block;} #nav li:not(.first) .submenu, #nav li:not(.last) .submenu {margin-left:-10%} #nav li .submenu {width:110%} #nav li.first .submenu, #nav li.last .submenu {margin-left:0px;} #nav-bar #nav h3 {font-size: 1.08em;} #msg_area\:alert_home {/*top:6%;*/position:absolute;} body {font-weight:300; font-size:14px;} *::-ms-backdrop, #msg_area\:alert_home {top:8.5%;} .phone-m {display:none;} #nav-bar li a, #nav-bar li span {font-size:1em;} #triple-ad .home-col p { font-size: 0.8em; } .subhead, .get-started-btn, .get-started-ky-btn { font-size: 0.9em;} #bluebox p { font-size: 0.85em;} #blueboxPhoto {top:21%; right: 2%; height:125px; width: 125px;} #applyNowTable { width:75%; margin-left: 16%; margin-bottom: 1em;} #grayBoxParaContain .hdr {width: 12em; font-size:2em; padding-bottom: .5em; padding-top:.5em;} } @media only screen and (min-width: 43.750em) { /* 700px */ .desktop .searchbox .search-field, .mobile-search-field {width: 9em; margin-right: 1em;} #blueboxPhoto {top:10%; right: 7%; height:200px;} #nav li:not(.first) .submenu {margin-left:-6%} #nav li.last .submenu {margin-left:-22%;} #sec-content {padding:1% 2% 1% 3%; } #msg_area\:alert_home {/*top:7.5%;*/} #applyNowTable { width:55%; margin-left: 23%; margin-bottom: 1em;} #grayBoxParaContain h1 {width: 12em;} #grayBoxParaContain .hdr {width: 12em; font-size:2em; padding-bottom: .5em; padding-top:.5em;} } @media only screen and (min-width: 53.125em) { /* 850px */ .desktop .searchbox .search-field, .mobile-search-field {width: inherit;} #nav-bar li a, #nav-bar li span {font-size:1.5em;} #nav li.last span {font-size: 1em;} #nav li.last .submenu {margin-left:-28%} .nav-map {width:23%;} #nav-bar li li a { font-weight:bold;} #msg_area\:alert_home {/*top:5.5%;*/position:absolute;} *::-ms-backdrop, #msg_area\:alert_home {top:8%;} #blueboxPhoto {top:10%; right: 16%;} #grayBoxParaContain h1 {width: 15em;} #grayBoxParaContain .hdr {width: 15em;} #testimonialLined {margin-left: 5%;} #testimonialBlue {margin-right: 7%;} } @media only screen and (min-width: 56.25em){ /* 900px */ #msg_area\:alert_home {/*top:7.5%;*/} } @media only screen and (min-width: 59.375em) { /* 950px */ #nav li.last .submenu li{margin-left:-35%;} #testimonialLined {margin-left: 10%;} #testimonialBlue {margin-right: 7%;} } @media screen and (min-width: 37.5em) and (max-width:43.75em){ /* 600px-700px */ body #header #nav-bar #nav .firstLevelnav h3.nav-heading span {font-size:1em;} /* #nav li:not(.first) .submenu li, #nav li:not(.last) .submenu li {margin-left:-9%} */ /* #nav li .submenu li a {width:120%; } */ #nav li.last .submenu li{margin-left:-35%;} *::-ms-backdrop, .ie_img {display:block;} *::-ms-backdrop, #homeImage {display:none;} .terminalFiller {display:block;} } @media all and (-ms-high-contrast:none) and (min-width: 56.25em){/* 900px */ *::-ms-backdrop, body.homepage-body #whiteHeader {height:4.3em;} *::-ms-backdrop, #nav li.last .submenu li{margin-left:-35%;} } @media only screen and (min-width: 15em) { /* smaller than 270px */ } @media only screen and (min-width: 16.875em) { /* 270px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 10%; right: 7%; font-size: .8em;} #homeHeroHeading2 {top: 25%; right: 10.2%; font-size: .8em;} #homeHeroHeading3 {top: 45%; right: 7%; font-size: .6em; font-weight: 400;} #homeHeroHeading4 {top: 70%; right: 7%; font-size: .6em; font-weight: 400;} .mobile .hero-subtext {font-size: .5rem; line-height: 2;} #homeKyHeroHeading1 {top: 10%; right: 4%; font-size: .7em;} #homeKyHeroHeading2 {top: 25%; right: 9%; font-size: .7em;} /* #homeKyHeroHeading3 {top: 44%; right: 0%; font-size: .3em; text-align: left;width: 57%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .3em; text-align: left;width: 57%;} */ #homeKyHeroHeading5 {top: 45%; right: 7%; font-size: .6em; font-weight: 400; color:black;} #homeKyHeroHeading6 {top: 70%; right: 7%; font-size: .6em; font-weight: 400; color:black;} .mobile .kael-hero-subtext {font-size: .5rem; line-height: 2;} #aelHeroHeading1 {top: 10%; left: 35%; font-size: 1.5em;} #aelHeroHeading2 {top: 35%; left: 38%; font-size: 1.5em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: .7em;} #aplHeroHeading1 {top: 20%; left: 30%; font-size: .9em;} #aplHeroHeading2 {top: 49%; left: 48%; font-size: .5em;} #aplHeroHeading3 {top: 61%; left: 48%; font-size: .5em;} #arlHeroHeading1 {top: 20%; left: 33%; font-size: 1em;} #arlHeroHeading2 {top: 54%; left: 43%; font-size: .8em;} #arlHeroHeading3 {top: 66%; left: 43%; font-size: .8em;} #vetLoanHeroHeading1 {top: 18%; right: 2%; font-size: .9em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: .5em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: .5em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 0.7em; width: 10em; margin-top: 10%; margin-left: 20%;} #prodGrayBoxContain #grayBoxImageContain img {width: 175px; height: 125px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContain img {width: 175px; height: 125px; margin: auto;} #prodGrayBoxContain #grayBoxImageContainRefi img {width: 175px; height: 163px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContainRefi img {width: 175px; height: 163px; margin: auto;} #blueboxPhoto {display: none;} } @media only screen and (min-width: 22.5em) { /*360px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 10%; right: 3%; font-size: 1em;} #homeHeroHeading2 {top: 25%; right: 6.2%; font-size: 1em;} #homeHeroHeading3 {top: 50%; right: 3%; font-size: .8em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 3%; font-size: .8em; font-weight: 400;} #homeKyHeroHeading1 {top: 10%; right: 3%; font-size: .9em;} #homeKyHeroHeading2 {top: 25%; right: 9%; font-size: .9em;} /* #homeKyHeroHeading3 {top: 45%; right: 0%; font-size: .4em;text-align: left;width: 61%;} #homeKyHeroHeading4 {top: 51%; right: 0%; font-size: .4em;text-align: left;width: 61%;} */ #homeKyHeroHeading5 {top: 50%; right: 3%; font-size: .8em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 3%; font-size: .8em; font-weight: 400;color:black;} #aelHeroHeading1 {top: 20%; left: 38%; font-size: 1.5em;} #aelHeroHeading2 {top: 40%; left: 41%; font-size: 1.5em;} #aelHeroHeading3 {top: 70%; left: 42%; font-size: .6em;} #aplHeroHeading1 {top: 20%; left: 28%; font-size: 1.1em;} #aplHeroHeading2 {top: 49%; left: 44%; font-size: .7em;} #aplHeroHeading3 {top: 61%; left: 44%; font-size: .7em;} #arlHeroHeading1 {top: 20%; left: 40%; font-size: .9em;} #arlHeroHeading2 {top: 45%; left: 45%; font-size: .8em;} #arlHeroHeading3 {top: 55%; left: 45%; font-size: .8em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 0.8em; width: 10em; margin-top: 10%; margin-left: 10%;} #prodGrayBoxContain #grayBoxImageContain img {width: 175px; height: 131px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContain img {width: 175px; height: 131px; margin: auto;} #prodGrayBoxContain #grayBoxImageContainRefi img { width: 175px; height: 163px; float: left; left: 5%;} #prodGrayBoxContainVet #grayBoxImageContainRefi img { width: 175px; height: 163px; float: left; left: 5%;} #blueboxPhoto {display: none;} } @media only screen and (min-width: 27.5em) { /*440px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 10%; right: 7%; font-size: 1.2em;} #homeHeroHeading2 {top: 25%; right: 10.2%; font-size: 1.2em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1em; font-weight: 400;} .mobile .hero-subtext {font-size: .6rem; line-height: 2;} #homeKyHeroHeading1 {top: 10%; right: 4%; font-size: 1.1em;} #homeKyHeroHeading2 {top: 25%; right: 10%; font-size: 1.1em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .5em;text-align: left;width: 64%;} #homeKyHeroHeading4 {top: 50%; right: 0%; font-size: .5em;text-align: left;width: 64%;}*/ #homeKyHeroHeading5 {top: 60%; right: 7%; font-size: 1em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 7%; font-size: 1em; font-weight: 400;color:black;} .mobile .kael-home-hero-subtext {font-size: .6rem; line-height: 2;} #aelHeroHeading1 {top: 10%; left: 33%; font-size: 1.8em;} #aelHeroHeading2 {top: 35%; left: 36%; font-size: 1.8em;} #aelHeroHeading3 {top: 70%; left: 38%; font-size: .8em;} #aplHeroHeading1 {top: 20%; left: 30%;} #aplHeroHeading2 {top: 54%; left: 46%} #aplHeroHeading3 {top: 66%; left: 46%} #arlHeroHeading1 {top: 20%; left: 35%; font-size: 1.3em;} #arlHeroHeading2 {top: 54%; left: 40%; font-size: 1em;} #arlHeroHeading3 {top: 66%; left: 40%; font-size: 1em;} #vetLoanHeroHeading1 {top: 18%; right: 3%; font-size: 1.3em;} #vetLoanHeroHeading2 {top: 45%; right: 2%; font-size: .8em;} #vetLoanHeroHeading3 {top: 58%; right: 5%; font-size: .8em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 0.8em; width: 10em; margin-top: 10%; margin-left: 20%;} #prodGrayBoxContain #grayBoxImageContain img {width: 200px; height: 150px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContain img {width: 200px; height: 150px; margin: auto;} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 200px; height: 186px; float: left; left: 10%; top: 13%;} #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 200px; height: 186px; float: left; left: 10%; top: 13%;} #blueboxPhoto {display: none;} } @media only screen and (min-width: 31.25em) { /*500px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 10%; right: 7%; font-size: 1.3em;} #homeHeroHeading2 {top: 25%; right: 10.2%; font-size: 1.3em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1.1em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.1em; font-weight: 400;} .mobile .hero-subtext {font-size: .7rem; line-height: 2;} #homeKyHeroHeading1 {top: 10%; right: 4%; font-size: 1.2em;} #homeKyHeroHeading2 {top: 25%; right: 10%; font-size: 1.2em;} /* #homeKyHeroHeading3 {top: 45%; right: 0%; font-size: .5em;text-align: left;width: 65%;} #homeKyHeroHeading4 {top: 54%; right: 0%; font-size: .5em;text-align: left;width: 65%;}*/ #homeKyHeroHeading5 {top: 50%; right: 7%; font-size: 1.1em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 7%; font-size: 1.1em; font-weight: 400;color:black;} .mobile .kael-hero-subtext {font-size: .7rem; line-height: 2;} #aelHeroHeading1 {top: 10%; left: 30%; font-size: 1.9em;} #aelHeroHeading2 {top: 35%; left: 33%; font-size: 1.9em;} #aelHeroHeading3 {top: 70%; left: 35%; font-size: .9em;} #aplHeroHeading1 {top: 20%; left: 45%; font-size: 1.5em;} #aplHeroHeading2 {top: 54%; left: 35% !important; font-size: .8em;} #aplHeroHeading3 {top: 66%; left: 35% !important; font-size: .8em;} #arlHeroHeading1 {top: 20%; left: 35%; font-size: 1.4em;} #arlHeroHeading2 {top: 54%; left: 40%; font-size: 1.1em;} #arlHeroHeading3 {top: 66%; left: 40%; font-size: 1.1em;} #vetLoanHeroHeading1 {top: 18%; right: 1%; font-size: 1.3em;} #vetLoanHeroHeading2 {top: 45%; right: 1%; font-size: .8em;} #vetLoanHeroHeading3 {top: 58%; right: 4.5%; font-size: .8em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.1em; width: 10em; margin-top: 10%; margin-left: 23%;} #prodGrayBoxContain #grayBoxImageContain img {width: 267px; height: 200px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContain img {width: 267px; height: 200px; margin: auto;} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 250px; height: 233px; float: left; left: 2%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 250px; height: 233px; float: left; left: 2%; top: 10%; } #blueboxPhoto {display: none;} } @media only screen and (min-width: 33.75em) { /*540px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 10%; right: 7%; font-size: 1.4em;} #homeHeroHeading2 {top: 25%; right: 10.2%; font-size: 1.4em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1.2em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.2em; font-weight: 400;} .mobile .hero-subtext {font-size: .75rem; line-height: 2;} #homeKyHeroHeading1 {top: 10%; right: 4%; font-size: 1.5em;} #homeKyHeroHeading2 {top: 25%; right: 11%; font-size: 1.5em;} /* #homeKyHeroHeading3 {top: 43%; right: 0%; font-size: .6em;text-align: left;width: 67%;} #homeKyHeroHeading4 {top: 53%; right: 0%; font-size: .6em;text-align: left;width: 67%;}*/ #homeKyHeroHeading5 {top: 50%; right: 7%; font-size: 1.2em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 7%; font-size: 1.2em; font-weight: 400;color:black;} .mobile .kael-hero-subtext {font-size: .75rem; line-height: 2;} #aelHeroHeading1 {top: 10%; left: 30%; font-size: 2em;} #aelHeroHeading2 {top: 35%; left: 35%; font-size: 2em;} #aelHeroHeading3 {top: 70%; left: 37%; font-size: 1em;} #aplHeroHeading1 {top: 20%; left: 35%; font-size: 1.8em;} #aplHeroHeading1 > .hero-subtext {font-size: .34em !important;} #aplHeroHeading2 {top: 54%; left: 37%; font-size: .9em;} #aplHeroHeading3 {top: 66%; left: 37%; font-size: .9em;} #arlHeroHeading1 {top: 20%; left: 35%; font-size: 1.5em;} #arlHeroHeading2 {top: 54%; left: 40%; font-size: 1.1em;} #arlHeroHeading3 {top: 66%; left: 40%; font-size: 1.1em;} #vetLoanHeroHeading1 {top: 18%; right: 3%; font-size: 1.5em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: .9em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: .9em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.1em; width: 10em; margin-top: 10%; margin-left: 25%;} #prodGrayBoxContain #grayBoxImageContain img {width: 267px; height: 200px; margin: auto;} #prodGrayBoxContainVet #grayBoxImageContain img {width: 267px; height: 200px; margin: auto;} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 250px; height: 233px; float: left; left: 5%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 250px; height: 233px; float: left; left: 5%; top: 10%; } #blueboxPhoto {display: none;} } @media only screen and (min-width: 37.5em) { /*600px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} .whiteHeaderKy_right{width:44%; margin-top:1em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 1.5em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 1.5em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1.3em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.3em; font-weight: 400;} .hero-subtext {font-size: .8rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 1.3em;} #homeKyHeroHeading2 {top: 30%; right: 9%; font-size: 1.3em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .6em;text-align: left;width: 57%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .6em; text-align: left;width: 57%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 1.3em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 1.3em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: .77rem; line-height: 2;} #aelHeroHeading1 {top: 15%; left: 35%; font-size: 2em;} #aelHeroHeading2 {top: 40%; left: 37%; font-size: 2em;} #aelHeroHeading3 {top: 70%; left: 42%; font-size: 1.1em;} #aplHeroHeading1 {top: 20%; left: 41%; font-size: 1.7em;} #aplHeroHeading1 > .hero-subtext {font-size: .34em !important;} #aplHeroHeading2 {top: 54%; left: 45%; font-size: .9em;} #aplHeroHeading3 {top: 66%; left: 45%; font-size: .9em;} #arlHeroHeading1 {top: 20%; left: 37%; font-size: 1.7em;} #arlHeroHeading2 {top: 54%; left: 42%; font-size: 1.2em;} #arlHeroHeading3 {top: 66%; left: 42%; font-size: 1.2em;} #vetLoanHeroHeading1 {top: 18%; right: 2%; font-size: 1.5em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: .9em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: .9em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.1em; width: 10em; margin-top: 10%;} #prodGrayBoxContain #grayBoxImageContain img {width: 267px; height: 200px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 267px; height: 200px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 9%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 9%; } #blueboxPhoto {display: block; height: 200px; width: 267px; float: right; right: 1%; top: 50%;} } @media only screen and (min-width: 43.125em) { /*690px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 1.7em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 1.7em;} #homeHeroHeading3 {top: 55%; right: 7%; font-size: 1.2em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.2em; font-weight: 400;} .hero-subtext {font-size: .9rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right:4%; font-size: 1.4em;} #homeKyHeroHeading2 {top: 30%; right: 9%; font-size: 1.4em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .6em; text-align: left;width: 55%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .6em; text-align: left;width: 55%;} */ #homeKyHeroHeading5 {top: 55%; right: 2%; font-size: 1.2em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 1.2em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: .81rem; line-height: 2;} #aelHeroHeading1 {top: 15%; left: 35%; font-size: 2.2em;} #aelHeroHeading2 {top: 40%; left: 40%; font-size: 2.2em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 1.3em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 2em;} #aplHeroHeading1 > .hero-subtext {font-size: .3em !important; text-align: left;} #aplHeroHeading2 {top: 54%; left: 47%; font-size: 1em;} #aplHeroHeading3 {top: 66%; left: 47%; font-size: 1em;} #arlHeroHeading1 {top: 20%; left: 37%; font-size: 1.9em;} #arlHeroHeading2 {top: 54%; left: 45%; font-size: 1.3em;} #arlHeroHeading3 {top: 66%; left: 45%; font-size: 1.3em;} #vetLoanHeroHeading1 {top: 18%; right: 1%; font-size: 2em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: 1.1em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.1em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.3em; width: 10em; margin-top: 30%;} #prodGrayBoxContain #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 13%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 13%; } #blueboxPhoto {display: block; height: 200px; width: 267px; float: right; right: 1%; top: 25%;} } @media only screen and (min-width: 47.5em) { /*760px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 1.9em;} #homeHeroHeading2 {top: 30%; right: 11%; font-size: 1.9em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1.4em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.4em; font-weight: 400;} .hero-subtext {font-size: 1rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 4%; font-size: 1.6em;} #homeKyHeroHeading2 {top: 30%; right: 9.5%; font-size: 1.6em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .7em; text-align: left;width: 56%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .7em; text-align: left;width: 56%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 1.4em; font-weight: 400; color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 1.4em; font-weight: 400; color:black;} .kael-hero-subtext {font-size: .9rem; line-height: 2;} #aelHeroHeading1 {top: 15%; left: 35%; font-size: 2.5em;} #aelHeroHeading2 {top: 38%; left: 40%; font-size: 2.5em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 1.4em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 2.2em;} #aplHeroHeading1 > .hero-subtext {font-size: .8rem !important;} #aplHeroHeading2 {top: 54%; left: 47%; font-size: 1.1em;} #aplHeroHeading3 {top: 66%; left: 47%; font-size: 1.1em;} #arlHeroHeading1 {top: 20%; left: 37%; font-size: 2.1em;} #arlHeroHeading2 {top: 54%; left: 45%; font-size: 1.5em;} #arlHeroHeading3 {top: 66%; left: 45%; font-size: 1.5em;} #vetLoanHeroHeading1 {top: 18%; right: 1%; font-size: 2em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: 1.1em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.1em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.5em; width: 10em; padding-top: 1%;} #prodGrayBoxContain #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 15%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 15%; } #blueboxPhoto {display: block; height: 250px; width: 334px; float: right; right: 1%; top: 20%;} #vetEligible {text-align: center; padding-top: 3%;} #vetEligible .hdr {color: black; font-size: 2em; font-style: italic; text-align: center; display: inline-block; background:#7393bd; padding: 0.2em 4em; border-radius: 4px; line-height: 1.2;} #vetEligible .elg-txt {color: black; font-size: 1.3em;} #vetEligible .elg-txt-sub {font-weight: 400; font-size: 1em; padding-bottom: 3%;} } @media only screen and (min-width: 51.5625em) { /*825px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 2.1em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 2.1em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 1.6em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 1.6em; font-weight: 400;} .hero-subtext {font-size: 1.1rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 1.8em;} #homeKyHeroHeading2 {top: 30%; right: 9%; font-size: 1.8em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .8em;text-align: left;width: 57%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .8em;text-align: left;width: 57%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 1.6em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 1.6em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: .98rem; line-height: 2;} #aelHeroHeading1 {top: 15%; left: 35%; font-size: 2.8em;} #aelHeroHeading2 {top: 38%; left: 40%; font-size: 2.8em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 1.4em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 2.4em;} #aplHeroHeading2 {top: 54%; left: 44%; font-size: 1.3em;} #aplHeroHeading3 {top: 66%; left: 44%; font-size: 1.3em;} #arlHeroHeading1 {top: 20%; left: 37%; font-size: 2.2em;} #arlHeroHeading2 {top: 54%; left: 45%; font-size: 1.5em;} #arlHeroHeading3 {top: 66%; left: 45%; font-size: 1.5em;} #vetLoanHeroHeading1 {top: 18%; right: 2%; font-size: 2.1em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: 1.2em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.2em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.5em; width: 15em; margin-top: 0; padding-top: 13%; margin-left: 5%;} #prodGrayBoxContain #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 8%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 275px; height: 256px; float: left; left: 5%; top: 8%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 1%; top: 13%;} } @media only screen and (min-width: 56.25em) { /*900px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 1%; font-size: 2.5em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 2.5em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 2em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2em; font-weight: 400;} .hero-subtext {font-size: 1.2rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 2.1em;} #homeKyHeroHeading2 {top: 30%; right: 9%; font-size: 2.1em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: .8em; text-align: left;width: 56%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: .8em; text-align: left;width: 56%;} */ #homeKyHeroHeading5 {top: 49%; right: 2%; font-size: 2em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: 1.06rem; line-height: 2;} #aelHeroHeading1 {top: 15%; left: 35%; font-size: 3em;} #aelHeroHeading2 {top: 30%; left: 40%; font-size: 3em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 1.6em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 2.6em;} #aplHeroHeading1 > .hero-subtext {font-size: 1rem;} #aplHeroHeading2 {top: 54%; left: 45%; font-size: 1.3em;} #aplHeroHeading3 {top: 66%; left: 45%; font-size: 1.3em;} #arlHeroHeading1 {top: 20%; left: 37%; font-size: 2.5em;} #arlHeroHeading2 {top: 54%; left: 43%; font-size: 1.7em;} #arlHeroHeading3 {top: 66%; left: 43%; font-size: 1.7em;} #vetLoanHeroHeading1 {top: 18%; right: 2%; font-size: 2.5em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: 1.4em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.4em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 1.7em; width: 15em; margin-top: 0; padding-top: 5%; margin-left: 1%;} #prodGrayBoxContain #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 350px; height: 262px} #prodGrayBoxContain #grayBoxImageContainRefi img {display: block; width: 275px; height: 256px; float: left; left: 8%; top: 7%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display: block; width: 275px; height: 256px; float: left; left: 8%; top: 7%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 10%; top: 13%;} } @media only screen and (min-width: 66.5625em) { /*1065px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 2.5em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 2.5em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 2em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2em; font-weight: 400;} .hero-subtext {font-size: 1.4rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 2.4em;} #homeKyHeroHeading2 {top: 30%; right: 9%; font-size: 2.4em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: 1.0em;text-align: left;width: 53%;} #homeKyHeroHeading4 {top: 48%; right: 0%; font-size: 1.0em;text-align: left;width: 53%;} */ #homeKyHeroHeading5 {top: 52%; right: 2%; font-size: 2em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: 1.26rem; line-height: 2;} #aelHeroHeading1 {top: 20%; left: 35%; font-size: 3.2em;} #aelHeroHeading2 {top: 43%; left: 40%; font-size: 3.2em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 1.8em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 3em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.1rem;} #aplHeroHeading2 {top: 54%; left: 44%; font-size: 1.6em;} #aplHeroHeading3 {top: 66%; left: 44%; font-size: 1.6em;} #arlHeroHeading1 {top: 20%; left: 38%; font-size: 3em;} #arlHeroHeading2 {top: 54%; left: 43%; font-size: 2em;} #arlHeroHeading3 {top: 66%; left: 43%; font-size: 2em;} #vetLoanHeroHeading1 {top: 18%; right: 4%; font-size: 2.7em;} #vetLoanHeroHeading2 {top: 45%; right: 2%; font-size: 1.7em;} #vetLoanHeroHeading3 {top: 58%; right: 5%; font-size: 1.7em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%; margin-left: 0} #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 10%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 10%; top: 10%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 20%; top: 13%;} } @media only screen and (min-width: 69.6875em) { /* 1115px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 2.7em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 2.7em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 2.2em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2.2em; font-weight: 400;} .hero-subtext {font-size: 1.5rem; line-height: 2;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 2.4em;} #homeKyHeroHeading2 {top: 30%; right: 8.9%; font-size: 2.4em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: 1.0em;text-align: left;width: 52%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: 1.0em;text-align: left;width: 52%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 2.2em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2.2em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: 1.33rem; line-height: 2;} #aelHeroHeading1 {top: 20%; left: 35%; font-size: 3.4em;} #aelHeroHeading2 {top: 43%; left: 40%; font-size: 3.4em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 2em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 3.2em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.2rem;} #aplHeroHeading2 {top: 54%; left: 44%; font-size: 1.7em;} #aplHeroHeading3 {top: 66%; left: 44%; font-size: 1.7em;} #arlHeroHeading1 {top: 20%; left: 40%; font-size: 3em;} #arlHeroHeading2 {top: 54%; left: 45%; font-size: 2em;} #arlHeroHeading3 {top: 66%; left: 45%; font-size: 2em;} #vetLoanHeroHeading1 {top: 18%; right: 4%; font-size: 3em;} #vetLoanHeroHeading2 {top: 45%; right: 5%; font-size: 1.8em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.8em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%;} #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 10%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 10%; top: 10%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 25%; top: 13%;} } @media only screen and (min-width: 72.8125em) { /* 1165px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 2.8em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 2.8em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 2.3em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2.3em; font-weight: 400;} #homeKyHeroHeading1 {top: 10%; right: 3%; font-size: 2.5em;} #homeKyHeroHeading2 {top: 25%; right: 8.9%; font-size: 2.5em;} /* #homeKyHeroHeading3 {top: 46%; right: 0%; font-size: 1.1em;text-align: left;width: 52%;} #homeKyHeroHeading4 {top: 53%; right: 0%; font-size: 1.1em;text-align: left;width: 52%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 2.3em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2.3em; font-weight: 400;color:black;} #aelHeroHeading1 {top: 20%; left: 35%; font-size: 3.6em;} #aelHeroHeading2 {top: 43%; left: 40%; font-size: 3.6em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 2.1em;} #aplHeroHeading1 {top: 20%; left: 43%; font-size: 3.4em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.3rem;} #aplHeroHeading2 {top: 54%; left: 45%; font-size: 1.8em;} #aplHeroHeading3 {top: 66%; left: 45%; font-size: 1.8em;} #arlHeroHeading1 {top: 20%; left: 40%; font-size: 3em;} #arlHeroHeading2 {top: 54%; left: 45%; font-size: 2em;} #arlHeroHeading3 {top: 66%; left: 45%; font-size: 2em;} #vetLoanHeroHeading1 {top: 18%; right: 4%; font-size: 3em;} #vetLoanHeroHeading2 {top: 45%; right: 5%; font-size: 1.8em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.8em;} #home-trisubhead-row .home-col, #triple-ad .home-col, #homeky-trisubhead-row .home-col{ padding-left: 3.2em; padding-right: 3.2em; } #kyNonResident{padding-left:3em;} #kyResident{padding-left:3em;} .get-started-btn {margin-left: 4em;} .get-started-ky-btn {margin-left: 4em;} #testimonialLined {margin-left: 13%;} #testimonialBlue {margin-right: 13%;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%;} #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 15%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 15%; top: 10%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 30%; top: 13%;} } @media only screen and (min-width: 79.0625em) { /* 1265px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 3em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 3em;} #homeHeroHeading3 {top: 45%; right: 7%; font-size: 2.5em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2.5em; font-weight: 400;} #homeKyHeroHeading1 {top:15%; right: 3%; font-size: 2.7em;} #homeKyHeroHeading2 {top: 30%; right: 8.5%; font-size: 2.7em;} /* #homeKyHeroHeading3 {top: 42%; right: 0%; font-size: 1.1em;text-align: left;width: 51%;} #homeKyHeroHeading4 {top: 49%; right: 0%; font-size: 1.1em;text-align: left;width: 51%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 2.5em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2.5em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: 1.5rem;} #aelHeroHeading1 {top: 20%; left: 35%; font-size: 3.9em;} #aelHeroHeading2 {top: 43%; left: 40%; font-size: 3.9em;} #aelHeroHeading3 {top: 70%; left: 45%; font-size: 2.4em;} #aplHeroHeading1 {top: 20%; left: 44%; font-size: 3.6em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.4rem;} #aplHeroHeading2 {top: 54%; left: 45%; font-size: 1.9em;} #aplHeroHeading3 {top: 66%; left: 45%; font-size: 1.9em;} #arlHeroHeading1 {top: 20%; left: 46%; font-size: 3.1em;} #arlHeroHeading2 {top: 54%; left: 51%; font-size: 2.1em;} #arlHeroHeading3 {top: 66%; left: 51%; font-size: 2.1em;} #vetLoanHeroHeading1 {top: 18%; right: 4%; font-size: 3em;} #vetLoanHeroHeading2 {top: 45%; right: 5%; font-size: 1.8em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 1.8em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%;} #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 15%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 15%; top: 10%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 35%; top: 13%;} } @media only screen and (min-width: 90.625em) { /* 1450px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 3.5em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 3.5em;} #homeHeroHeading3 {top: 50%; right: 7%; font-size: 2.8em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 2.8em; font-weight: 400;} #homeKyHeroHeading1 {top: 15%; right: 4%; font-size: 2.9em;} #homeKyHeroHeading2 {top: 30%; right: 9; font-size: 2.9em;} /* #homeKyHeroHeading3 {top: 43%; right:0%; font-size: 1.3em; text-align: left;width:52%;} #homeKyHeroHeading4 {top: 49%; right:0%; font-size: 1.3em; text-align: left;width:52%;} */ #homeKyHeroHeading5 {top: 50%; right: 2%; font-size: 2.8em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 2.8em; font-weight: 400;color:black;} .kael-hero-subtext {font-size: 1.5rem;} #aelHeroHeading1 {top: 20%; left: 40%; font-size: 3.9em;} #aelHeroHeading2 {top: 43%; left: 45%; font-size: 3.9em;} #aelHeroHeading3 {top: 70%; left: 50%; font-size: 2.4em;} #aplHeroHeading1 {top: 20%; left: 44%; font-size: 3.9em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.5rem;} #aplHeroHeading2 {top: 54%; left: 45%; font-size: 2.2em;} #aplHeroHeading3 {top: 66%; left: 45%; font-size: 2.2em;} #arlHeroHeading1 {top: 20%; left: 46%; font-size: 3.1em;} #arlHeroHeading2 {top: 54%; left: 51%; font-size: 2.1em;} #arlHeroHeading3 {top: 66%; left: 51%; font-size: 2.1em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%;} #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 20%; top: 8%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 20%; top: 8%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 42%; top: 13%;} } @media only screen and (min-width: 101.5625em) { /* 1625px */ *::-ms-backdrop, #nav li:not(.first) .submenu {margin-top:.3em;} #homeHeroHeading1 {top: 15%; right: 7%; font-size: 3.7em;} #homeHeroHeading2 {top: 30%; right: 10.2%; font-size: 3.7em;} #homeHeroHeading3 {top: 55%; right: 7%; font-size: 3em; font-weight: 400;} #homeHeroHeading4 {top: 75%; right: 7%; font-size: 3em; font-weight: 400;} #homeKyHeroHeading1 {top: 15%; right: 3%; font-size: 3.4em;} #homeKyHeroHeading2 {top: 30%; right: 8.5%; font-size: 3.4em;} /* #homeKyHeroHeading3 {top: 40%; right: 0%; font-size: 1.5em;text-align: left;width:51%;} #homeKyHeroHeading4 {top: 47%; right: 0%; font-size: 1.5em;text-align: left;width:51%;} */ #homeKyHeroHeading5 {top: 55%; right: 2%; font-size: 3em; font-weight: 400;color:black;} #homeKyHeroHeading6 {top: 75%; right: 2%; font-size: 3em; font-weight: 400;color:black;} #aelHeroHeading1 {top: 20%; left: 40%; font-size: 3.9em;} #aelHeroHeading2 {top: 43%; left: 45%; font-size: 3.9em;} #aelHeroHeading3 {top: 70%; left: 50%; font-size: 2.4em;} #aplHeroHeading1 {top: 20%; left: 44%; font-size: 3.9em;} #aplHeroHeading1 > .hero-subtext {font-size: 1.5rem;} #aplHeroHeading2 {top: 54%; left: 46%; font-size: 2.2em;} #aplHeroHeading3 {top: 66%; left: 46%; font-size: 2.2em;} #arlHeroHeading1 {top: 20%; left: 46%; font-size: 3.1em;} #arlHeroHeading2 {top: 54%; left: 51%; font-size: 2.1em;} #arlHeroHeading3 {top: 66%; left: 51%; font-size: 2.1em;} #vetLoanHeroHeading1 {top: 18%; right: 5%; font-size: 3.9em;} #vetLoanHeroHeading2 {top: 45%; right: 4%; font-size: 2.5em;} #vetLoanHeroHeading3 {top: 58%; right: 7%; font-size: 2.5em;} #grayBoxParaContain h1 {line-height: 1.5em; font-size: 2em; width: 15em; margin-top: 0; padding-top: 7%; } #prodGrayBoxContain #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContainVet #grayBoxImageContain img {width: 400px; height: 299px} #prodGrayBoxContain #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 20%; top: 10%; } #prodGrayBoxContainVet #grayBoxImageContainRefi img {display :block; width: 300px; height: 279px; float: left; left: 20%; top: 10%; } #blueboxPhoto {display: block; height: 300px; width: 401px; float: right; right: 50%; top: 15%;} } @media screen and (max-width: 37.5em){ /* max 600px */ .search-field {display:none;} .mobile .searchbox .mobile-search-field {width: 7.5em;} .mobile-checkacctsts-btn {display: inline-block;} #phone-header {padding-right:0.6em;} #phone-header span {display: none;} /* #nav .firstLevelNav #do-submenuText, #nav .has-sub h3 #services-submenuText {font-size:85%;} */ #nav .firstLevelNav #do-submenuText img, #nav .firstLevelNav #services-submenuText .icon{float:left;} #nav #acct_nav {display: none;} #sec-content {padding-left:2.5%;} #nav li ul li .navheader-sub {font-size:102%;} #msg_area\:alert_home { padding-bottom:.6em;position:absolute;} .top_title {padding-top:1em;} .filler {height:3em;} #nav_m {padding-top: 2em; padding-bottom: 2em;} #navky_m {padding-top: 2em; padding-bottom: 2em;} .phone-m {visibility:visible;} .phone {display:none;} .home-col, #bluebox-photo, #get-started-btn-row, #get-started-btn-row, #home-trisubhead-row, #homeky-trisubhead-row {display:none;} } /*IE on my machine leaves white space if keep display:flex property on body tag */ *::-ms-backdrop, body.homepage-body {flex:none;display:block;} *::-ms-backdrop, body.terminalpages-body, *::-ms-backdrop, body.innerpages-body {display:flex;flex-direction:column; min-height:100%; height:100vh;} *::-ms-backdrop, .header #whiteHeader #logo {padding-top:5px;padding-bottom:2px;} *::-ms-backdrop, .header .blueHeader #search {margin:.3em .7em;} /* KAEL */ *::-ms-backdrop, .header #whiteHeader #logoKy {padding-top:5px;padding-bottom:2px;} *::-ms-backdrop, .header .greenHeader #search {margin:.3em .7em;} *::-ms-backdrop, .hideIcon {margin-bottom:1em;} *::-ms-backdrop, body.homepage-body .blueHeader #search {margin:.3em .5em;} /* KAEL */ *::-ms-backdrop, body.homepage-body .greenHeader #search {margin:.3em .5em;} /* *::-ms-backdrop, body.homepage-body .greenHeader #search {margin:.3em .5em;} */ /* read http://www.websitedimensions.com/ */ /********* if decide to add block of text above the image on homepage ********/ .page-remarks { position: absolute; top: 40%; left: 0; width: 99%; background-color:transparent; } .page-remarks span { font-size:1.5em; font-weight: bold; letter-spacing: -1px; padding: 10px; float:right; width:40%; background:#d9d9d9; opacity:.7; color:#011238; border-radius: 10px; } /*************************************/ .mini {display:none;} @media only screen and (max-height:23.4375em){ /* 375px */ #whiteHeader #logo {display:none;} #whiteHeader #logo_m {display:block;} .blueHeader #search {margin:.3em;} #whiteHeader #logoKy {display:none;} #whiteHeader #logoKy_m {display:block;} .greenHeader #search {margin:.3em;} #nav li a {padding: 2% 10%;} picture#intImg {display:none;} #sec-content {padding-left:3.5%;} } } @media only screen and (max-width:26.5625em){ /* 425px */ /* .logo{display:none;} */ /* #whiteHeader #logo_m {display:none;} */ /* .mini {display:block;float:left;width:auto;margin-top:.8em; margin-left:0.8em} */ .mobile .searchbox .mobile-search-field {width:5em;} .whiteHeader_right {margin-top:.7em;} .whiteHeaderKy_right {margin-top:.7em;} #nav .firstLevelNav .nav-heading {font-size:93%;} } @media only screen and (max-width:28.125em){ /* 450px */ #logo_m { margin-right: 0;} #logoKy_m {margin-right: 0;} } @media only screen and (max-width:29.6875em){ /* 475px */ #email-header { margin-right: .3em; padding-right: 0;} #phone-header { margin-right: .5em; padding-right: 0;} #phone-header #phone-logo {height: 25px; width: 15px; padding-top: 5px; padding-right: 0;} #email-header #email-logo {height: 15px; width: 25px; padding-right: 1em; } #whiteHeader_right #search {width: 6em;} #whiteHeaderKy_right #search { width: 6em;} /* KAEL */ #whiteHeader_right #search #search-field { width: 4.5em;} #whiteHeaderKy_right #search #searchKy-field { width: 4.5em;} /* */ .choice-ael-kael{font-weight: normal; font-family: Arial, sans-serif; font-size: 1.5rem; background: #003399; color: #fff; width: 23.8rem; height: 4rem; padding: 0; display: flex; justify-content: center; align-items: center; outline: none; border: none; box-shadow: none; border-radius: 5px; cursor: pointer;} /*.choice_command-button1 { font-weight: normal; font-family: Arial, sans-serif; font-size: 1.5rem; background: #003399; color: #fff; width: 23.8rem; height: 4rem; padding: 0; display: flex; justify-content: center; align-items: center; outline: none; border: none; box-shadow: none; border-radius: 5px; cursor: pointer; }*/ .flex { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; margin-top: 2.5rem; } #aelKaelLanding .flex-column { display: flex; flex-direction: column; justify-content: space-around; } .btn-container {font-family: Arial, sans-serif; font-size: 1.6rem; max-width: 800px; margin: 0 auto; text-align: center; .choice_command-button { font-size: 2.5rem; background: #003399; color: #fff; padding: 1rem 2rem; border: none; text-shadow: none; outline: none; border-radius: 5px; cursor: pointer; } .lg-ael-kael { font-size: 3.6rem; background: #003399; color: #fff; padding: 1rem 2rem; border: none; text-shadow: none; outline: none; border-radius: 5px; cursor: pointer;