body{color:#666;font-family:"Poppins",sans-serif;font-size:16px;} a{color:#003990;transition:.5s} a:hover,a:active,a:focus{color:#003990;outline:none;text-decoration:none} p{padding:0;margin:0 0 25px;font-size:16px;font-weight:400;line-height:1.9} img{max-width:100%} h1,h2,h3,h4,h5,h6{color:#141414;font-weight:500;margin:0 0 20px;padding:0;} .scroll-top { position: fixed; display: none; background: #003990; color: #fff; width: 44px; height: 44px; text-align: center; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background .5s; z-index: 11; border: 0; line-height: 44px; } .scroll-top:hover{background:#111} .scroll-top i{padding-top:12px;color:#fff} @media (max-width: 768px) { .scroll-top{bottom:15px} } .button{font-size:14px;background-color:#003990;color:#fff;padding:14px 40px;border-radius:36px;font-weight:500;text-transform: uppercase;} .button:hover{background-color:#1477c4;color:#fff;} #header .top-bar{background:#161616;color:#fff;position:relative;z-index:999} #header .top-bar p{float:left;font-size:16px;font-weight:300;position:relative;margin:0} #header .top-bar ul{margin:0;padding: 0;} #header .top-bar ul li{float:left;color:#fff;list-style:none;font-size:14px;padding-right: 30px;padding-top: 15px;} #header .top-bar ul li i{font-size:15px;color:#fff;margin-right:6px} .ratings{color: #fff;} .ratings i{font-size:20px;color:#ffa913;margin-right:6px;margin-bottom: 6px;} #intro.inner .ratings{position: absolute; right: 0;top: 0px;} #intro{display:table;width:100%;height:auto;padding-top:86px;text-align: center;} #intro .carousel-item, .consult-section{width:100%;height:auto;background-size:cover;background-position:center top;background-repeat:no-repeat;padding:130px 0 60px;} #intro .carousel-item::before, .consult-section:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); } #intro.inner .carousel-item{padding:50px 0;} #intro .carousel-background img{width:100%} #intro.in .carousel-item::before,#intro.inner .carousel-item::before{} #intro .carousel-container{display:flex;justify-content:center;align-items:center} #intro.inner .carousel-container,#intro.in .carousel-container{top:0} #intro .carousel-content{z-index:9;position:relative;text-align:center} .container-fluid{padding:0 70px} #intro .btn-get-started{font-weight:500;font-size:20px;letter-spacing:2px;display:inline-block;padding:16px 42px;border-radius:6px;transition:.5s;margin:10px;color:#fff;background:#003990} #intro .btn-get-started:hover{background:#fff;color:#003990} #intro.inner, #intro.inner .carousel-content{text-align: left} #intro.inner h1{font-size:42px;text-transform:capitalize;color:#fff;margin:0} #intro .button{margin-top: 30px;} #intro.in,#intro.in .carousel-item{height:250px} #intro.apply-now .carousel-item img{height:100vh} #intro.apply-now .carousel-item::before{background-color:#003990;background:linear-gradient(90deg,rgba(122,98,226,0.93) 0%,rgba(80,92,253,0.93) 100%)} #intro.apply-now .carousel-container{top:0} #intro.inner .bg{background:#fff;border-radius:8px;padding:40px} #intro.inner .mainSliderBx{float:left;width:450px;padding-right:50px;border-right:1px solid #ccc} #intro.inner .banner-content-block{float:right;width:400px;padding-top:30px} #intro.inner .banner-content-block h1{color:#003990;margin:0} #intro.inner .banner-content-block span{color:#666;font-weight:500;font-size:20px} #intro.inner .banner-content-block .key_points{margin-top:50px;margin-bottom:50px} #intro.inner .banner-content-block .key_points .fa{color:#666;font-size:28px;margin-top:1px;margin-right:10px} #intro.inner .banner-content-block .key_points span{font-weight:300;font-size:18px;color:#000} #intro.inner .apr{padding:0} #intro.inner .apr p{color:#666} #intro .image{-webkit-animation:spin 6s linear infinite;-moz-animation:spin 6s linear infinite;animation:spin 6s linear infinite} @-moz-keyframes spin { 100%{-moz-transform:rotateY(360deg)} } @-webkit-keyframes spin { 100%{-webkit-transform:rotateY(360deg)} } @keyframes spin { 100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)} } .banner-content-block h1{font-size:3em;font-weight:500;color: #fff;margin-bottom: 15px;} .banner-content-block span{font-size:16px;font-weight:300;color:#ddd;padding: 0 100px 30px;display: block;line-height: 1.8;} .mainSliderBx{background:rgba(255,255,255,0.8);border-radius:8px;padding:40px} .mainSliderBx h2{color:#000;font-size:36px;padding-bottom:30px;text-align:center;margin:0} .slidertext{color:#222;font-size:18px;font-weight:700;text-align:center;display:block;padding-bottom:20px} .mainSliderBx .txtLoan{position:relative} .mainSliderBx .txtLoan input{box-shadow:0 0 0 2px hsla(0,0%,70%,.5);width:100%;height:50px;font-size:32px;color:#ff6201;font-weight:700;border:0;padding-left:35px} .mainSliderBx .txtLoan:after{position:absolute;left:10px;content:"\A3";font-size:32px;color:#ff6201;font-weight:700;top:2px} .mainSliderBx .amount,.mainSliderBx .duration{margin-bottom:40px} .slidecontainer{width:100%;position:relative} .sliderSS,.sliderSSYr{-webkit-appearance:none;-moz-appearance:none;height:12px;border-radius:10px;box-shadow:0 14px 0 0 #003990;opacity:1;position:relative;z-index:1} .rangeActive,.rangeActiveYr{position:absolute;left:0;top:98px;box-shadow:0 10px 0 0 #666;height:12px;border-radius:10px} .sliderSS::-webkit-slider-thumb,.sliderSSYr::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid #cbcbcb;top:15px;border-radius:50%;cursor:pointer;display:inline-block;width:35px;height:35px;box-shadow:0 0 8px rgba(0,0,0,0.3);position:relative;z-index:1;outline:0} .sliderSS::-moz-range-thumb,.sliderSSYr::-moz-range-thumb{background:#fff;border:4px solid #cbcbcb;border-radius:50%;cursor:pointer;display:inline-block;width:27px;height:27px;box-shadow:0 0 8px rgba(0,0,0,0.3);position:relative;top:15px;z-index:1;outline:0} .outPut{text-align:center;color:#fff;font-weight:700;font-size:16px;background:#003990;padding:8px 0;border-radius:5px;margin:0 auto 10px;position:relative;width:130px} .outPut::after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #003990;content:"";position:absolute;top:38px;left:58px} input[type=range]:focus{outline:none} input[type=range]::-moz-range-track{background:transparent} .slidecontainer input[type="range"]{outline:none;background:transparent} .minSR,.maxSR{font-weight:700;font-size:13px;color:#000;padding-top:14px} .mainSliderBx .btn{padding:10px 60px;display:table;margin:60px auto 0} .mainSliderBx .btn:hover{background:#333} .apr { clear: both; padding-top: 70px; text-align: left; } .applynow a { background: #f3c600; /* color: #fff!important; */ border-radius: 25px; } ul li ol li { font-size: 16px!important; margin-bottom: 5px!important; } .box-round { display: flex; justify-content: space-around; } .box-round p { flex: 0 0 24%; border: 3px solid #003990; border-radius: 10px; padding: 15px; text-align: center; align-items: center; display: flex; } table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; margin-bottom: 20px; } td, th { border: 1px solid #080101; text-align: left; padding: 8px; } td p, th p { margin: 0; text-align: center; } tr:nth-child(even) { background-color: #dddddd; } .apr p{color:#fff;font-weight:300;font-size:14px;line-height:24px} .apr a{color:#003990;font-weight:600;} .mfdselect{background-color:#fff;border:0 none;border-radius:5px;height:70px;outline-color:#fff;width:100%} .styled-select select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../images/updown-arrow.html);background-position:right 6% bottom 48%;background-repeat:no-repeat;background-size:18px;font-weight:900;padding-left:15px} .navbar-header{position:relative;z-index:99} .navbar-full-width{background-color:#fff;width:100%;height:auto;transition:all 1s;position:relative;z-index:99} .navbar-fixed{transition:all 1s;background-color:rgba(0,0,0,0.9)!important;padding:0!important;margin-bottom:5px;position:fixed;top:0;z-index:888;width:100%} .navbar-top{background-color:transparent;top:0;border:0;border-radius:0} .top-nav-collapse{background-color:#fff!important;transition:all 1s} .navbar{min-height:84px} .navbar-default{padding-left:15px;padding-right:15px} .navbar-default .navbar-brand{margin:14px 0 0 66px;padding:0;height:auto;position:relative;z-index:9} .navbar-default .navbar-nav > li > a{padding:14px 20px;font-size:14px;letter-spacing:.5px;font-weight:400;line-height:1;text-transform:uppercase} .navbar-nav{margin-right:51px;margin-top: 23px;} .navbar .navbar-collapse{width:100%;text-align:center;float:none} .navbar-nav{float:right;display:block} .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus, .navbar-nav .active{background:#003990;text-decoration:none;color: #fff;border-radius: 20px;} .navbar-default .navbar-nav > li > a{color:#000} .navbar-default .navbar-nav > li > .active{color:#fff} .navbar-default{background-color:transparent;border:none;width:100%} .navbar{margin-bottom:0;display:block;} .dropdown-btn{position:absolute;right:10px;top:6px;width:25px;height:25px;border:1px solid #fff;text-align:center;font-size:16px;line-height:22px;color:#fff;cursor:pointer;z-index:5;display:none} li.dropdown > a::after{font-family:'FontAwesome';content:"\f107";position:absolute;right:7px;font-size:1em;line-height:16px;top:12px;} .navbar-nav > li > .sub-menu{background:#fff;position:absolute;left:0;top:100%;width:230px;z-index:100;display:none;border:transparent;border-radius:0 0 4px 4px;padding:0;list-style:none;text-align:left;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)} .navbar-default .navbar-nav > li:hover .sub-menu{display:block} .navbar-nav > li > .sub-menu:before{border-left:15px solid transparent;border-right:15px solid transparent;content:"";height:0;position:absolute;right:25px;top:-15px;width:0} .navbar-nav > li > .sub-menu li a{border-bottom:1px solid #ccc;color:#3d5265;display:block;padding:8px 20px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:500;font-size:14px} .navbar-nav > li > .sub-menu li a:hover{color:#fff;background: #003990;} .sub-menu > li > a:focus,.sub-menu > li > a:hover{background-color:transparent;text-decoration:none;color:#fff} .sub-menu > .active > a,.sub-menu > .active > a:focus,.sub-menu > .active > a:hover{background-color:transparent;color:#fff} .nav.pull-right{margin-top:18px} .navbar-default .navbar-toggle{border-color:#fff;background:#003990} .navbar-default .navbar-toggle .icon-bar{background-color:#fff} .navbar-toggle{position:relative;float:right;padding:10px;margin-top:15px;margin-right:15px;margin-bottom:8px;background-color:#2fa22f;background-image:none;border:1px solid transparent;border-radius:3px} .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#003990;border-color:#fff;color:#fff} .navbar-default .navbar-nav .open .sub-menu > li > a{color:#fff;background-color:#2fa22f} .navbar-default .navbar-nav .open .sub-menu > li > a:hover{color:#2fa22f} .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent} .navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:0 solid transparent;-webkit-box-shadow:inset 0 0 0 rgba(255,255,255,.1);box-shadow:inset 0 0 0 rgba(255,255,255,.1)} .actt a{color:#fff!important;background:#023d79!important} .quote{float:right !important;padding: 0 !important;} .quote a{font-size:16px;font-weight:500;background:#003990;color: #fff;width: 160px;height: 50px;display: block;text-align: center;line-height: 50px;text-transform: uppercase;} .quote a:hover{background:#1477c4;-webkit-transition:all .5s ease!important;-moz-transition:all .5s ease!important;-o-transition:all .5s ease!important;transition:all .5s ease!important;color:#fff;} .top-nav-collapse{background-color:#fff!important;box-shadow:0 0 17px 6px rgba(0,0,0,.1);padding-top:0} @media (min-width: 992px) { .navbar-nav > li{text-align:center} } @media (max-width: 991px) { .navbar .nav,.navbar .dropup,.navbar .menu-item-has-children,.navbar .collapse{position:relative} .navbar .navbar-collapse{width:100%;float:none!important;margin:0;border:0!important;max-height:none;text-align:center;overflow:hidden;box-shadow:none;padding-left:15px;padding-right:15px} } @media(max-width:767px) { .navbar-default .navbar-brand{width:240px;margin-left:0} } @media only screen and (max-width: 767px) { li.dropdown > a::after{display:none} .navbar-default{padding:0} .navbar-default .navbar-nav > li:hover .sub-menu{display:none} li.menu-item-has-children > a::before{display:none} .navbar-nav > li > .sub-menu li a{border-bottom:1px solid transparent} .navbar-nav > li > .sub-menu{background-color:transparent;width:100%;position:relative;float:none;padding-left:10px;box-shadow:none} .navbar-nav > li > .sub-menu li a{color:#fff;padding:3px 10px;font-size:14px} .dropdown-btn{display:block} .navbar-default .navbar-collapse{background:#111;padding: 0;} .navbar-default .navbar-nav > li > a{padding:10px;text-align:left;font-size:14px;font-weight:400;color:#fff} .navbar-default .navbar-nav > li{border-top:1px solid #222} .navbar-default .navbar-brand{padding:0px 10px 0;} .navbar-toggle{margin-top:23px;margin-bottom:15px} .inner-page .navbar-toggle { margin-top: 0; } #intro.hm-banner { padding-top: 161px; } .homepage .hm-header .navbar { top: 60px; } .warning-box{ top: 55px; } .quote{float:none;margin:0 0 10px;text-align:left;border-top:1px solid #333;padding:10px 0} .quote a{font-size:1.2em;padding:8px 15px;line-height:1} .navbar-nav{float:none;margin:0} } .para{font-weight:300;font-size:20px;margin-bottom:0} .section-bg{background:#f7f7f7} .sidebar{} .sidebar-block{color:#fff;margin-bottom:50px;} .sidebar-block .block{background: #003990;overflow: hidden;border: 1px solid #dbdfe1;} .sidebar-block h3 { padding: 20px 0 0 0 !important; margin-bottom: 30px; color: #000 !important; } .sidebar-block .block ul{padding: 0;margin: 0;} .sidebar-block .block li{color: #fff;list-style: none;font-size: 14px;font-weight: 600;} .sidebar-block .block a{position: relative;color: #fff;font-size: 18px;font-weight: 600;padding: 10px 20px;display: block;} .sidebar-block .block a:after{content:"\f054";position: absolute;right: 20px; top: 14px;font-family: fontawesome;color: #003990;} .sidebar-block .block a:hover:after, .sidebar-block .block .active:after{color: #fff;} .sidebar-block .block a:hover, .sidebar-block .block .active{background: #f3c600;color: #fff;} .sidebar-block p { font-size: 13px; margin: 0; } .sidebar-block.chs{} .sidebar-block.chs .block { padding: 18px; } .sidebar-block.chs li{margin-bottom: 20px;} .sidebar-block.chs i{color: #003990;margin-right: 5px;} #about { } #about h2 { margin-bottom: 30px; } #about .about_img { } #about .about_img img { border: 10px solid #ffffff; box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1); margin-bottom: 50px; } #about p { } #about a, ._an a{ margin-top: 20px; background: #fff; color: #000; border: 1px solid #003990; } .about{clear: both} .about p{margin-bottom: 10px;} .about .list-item li{float: left;margin-right: 50px;} ._an a{ margin-top: 10px; } #about a:hover, ._an a:hover{background: #003990; color: #fff} #about span,#skills span,#faq span{color:#fff;font-size:24px;font-weight:400;text-align:center;display:block;padding-bottom:80px} #about .about-col{margin-top:70px} #about .about-col .fa{font-size:60px;transition:.3s;width:100%;margin-bottom:30px;color:#83c8fa} #about .about-col h3{font-size:27px;padding:0;margin-top:30px;margin-bottom:20px;color:#fff;font-weight:600} #about .about-col p{margin-bottom:50px;text-align:left;font-size:18px;font-weight:300} #about .item .icon{font-size:60px;text-align:center} #about .item span{font-size:54px;margin-top:15px;font-weight:600;display:block;text-align:center;padding-bottom:0} #about .item p{text-align:center;font-size:18px} ._an { clear: both; float: left; display: block; width: 100%; margin-bottom: 40px; } #services{padding:30px 0} .home-services{padding:80px 0!important;} #services h2,#about h2,#skills h2,#call-to-action h3,#testimonials h3,#faq h3{font-size:32px;} #services h2::after { /* background: #003990; width: 50px; height: 5px; left: 0; top: 0; border-radius: 3px; position: absolute; content: ""; */ } #services .bigfont{text-align:center;font-size:20px;line-height:2;margin-bottom:40px} #services.inner h2, #services.inner h3, #services.inner h4{text-transform:capitalize;color: #003990;} #services.inner .bigfont{text-align:left;margin-bottom: 20px;} #services.inner li{} #services.inner h2,#services.inner h3,#services.inner h4{padding-top:20px;} .list-item{margin-top:20px;overflow:hidden;margin-bottom:0px;} .list-item ul{padding:0;float:left} .list-item li{list-style:none;margin-bottom:14px;text-indent:-8px;font-size: 17px;line-height: 30px;margin-left: 18px;} .list-item i{color:#f3c600;font-size: 16px;} .list-item .img-block{float:right} .aply-btm{border-top: 3px solid #003990;} .aply-btm .container{background:#003990;padding:30px;border-radius: 80px;margin-top: -60px;} .aply-btm h3{color:#fff;font-weight:500;font-size:28px;margin:0;float: left;padding-top: 12px;} .aply-btm p{float:left;clear:both} .aply-btm a, .consult-section a{float:right;background:#fff;color:#000;} .aply-btm a:hover, .consult-section a:hover{background:#000!important} .consult-section{position: relative;margin-top: 80px;padding: 60px 0;} .consult-section:before{background-color: rgba(25, 138, 227,0.9);} .consult-section h2 { color: #fff; line-height: 40px; float: left; text-align: right; width: 200px; margin-bottom: 0; margin-right: 70px; } .consult-section h2:after { background: #fff; content: ""; left: 250px; position: absolute; height: 90px; width: 4px; top: 0px; } .consult-section p{float: left;color: #fff;font-size: 30px;font-weight: 300;padding-top: 16px;margin: 0;} .consult-section a { margin-top: 20px; } #services.contact address{padding-bottom: 0px;text-align: center;} #services.contact address i{color: #003990;font-size: 18px;margin-right: 5px;} #services.contact address p{} #services.contact address strong { display: block; } #primary .site-main article .post-thumbnail img{vertical-align:top;border-radius:5px} #primary .site-main article .post-thumbnail{display:block;margin:0 0 45px} #primary .site-main article .entry-footer .btn-readmore{float:left;font-size:.8em;font-weight:900;text-transform:uppercase;border:1px solid #003990;border-radius:5px;padding:15px 36px;-webkit-transition:ease .2s;-moz-transition:ease .2s;transition:ease .2s} .btn-readmore{font-size:14px;font-weight:900;text-transform:uppercase;border:1px solid #003990;display:inline-block;border-radius:5px;padding:16px 37px;margin-top:20px;-webkit-transition:ease .2s;-moz-transition:ease .2s;transition:ease .2s} #primary .post{margin-bottom:70px} #primary .site-main article .entry-footer{margin-top:15px} #primary .site-main article .btn-readmore:hover,#primary .site-main article .btn-readmore:focus{text-decoration:none;color:#fff;background:#003990} #section-blog h2.widget-title{font-weight:700;font-size:1.1em;color:#000;padding-bottom:10px} #section-blog .post{margin:80px 0} h2.comments-title{margin:0;padding:0} #call-to-action{padding-bottom:80px} #call-to-action h3 { margin-bottom: 80px; text-align: center; } #call-to-action .icon{font-size:40px;color:#003990;float:left;margin-right:20px} #call-to-action.inner span{border-width:2px;font-weight:300;color:#003990;margin-bottom:20px} #call-to-action.inner p{line-height:2;font-weight:500;font-size:16px} #call-to-action.inner i{color:#ff6201;font-size:17px;margin-right:4px} .key_points{clear:both;} .key_points .item{margin-bottom:50px;} .key_points .fa{color:#fff;float:left;margin-right:20px;font-size:36px;margin-top:10px;background: #003990;border-radius: 50%;width: 70px;height: 70px;text-align: center;line-height: 70px;} .key_points span{color:#000;font-size:20px;font-weight:600;margin-bottom: 20px;display: block;top: 10px;position: relative;} .key_points p{font-size:15px;width: 90%;} #skills{ padding: 70px 0 50px 0;text-align:center} #skills h2, #skills p { text-align: left; } #skills p {padding-right: 40px;} #skills h2 { margin-bottom: 30px; } #skills .service_icon{margin-top: 20px;margin-bottom: 80px;} #skills .service_icon a{text-align: left;float: left;color: #000;font-size: 18px;} #skills .service_icon img{display: block;margin-bottom: 10px;} #faq{padding:80px 0;/*! background:#eee; */} #faq h3{text-align:center} #faq span{color:#666;padding-bottom:60px;font-size: 18px;} #faq .col-lg-8{background:#fff;padding:0} #faq .panel-default > .panel-heading{background-color:#fff;padding:0;margin-bottom: 20px;} #faq .panel-default{border:0;} #faq .panel-title .collapsed{color:#000;} #faq .panel-title a{display:block;padding:10px;font-size:24px;color:#003990;} #faq .panel-title i{float:right;margin-top:-3px;font-size: 38px;color: #003990;} #faq .panel-title a:not(.collapsed) .rotate-icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)} #faq .panel-group{margin-bottom:0;/*! border-bottom:1px solid #ccc */} #faq .panel-group .panel-heading + .panel-collapse > .list-group,#faq .panel-group .panel-heading + .panel-collapse > .panel-body{border-top:0; line-height: 1.8;padding-top: 0} #testimonials{padding:0px 0 30px 0;} #testimonials h3{text-align: center;margin-top: 40px;} section#faqs-home {margin-top: 45px;} #faqs-home h3 {text-align: center;font-size: 32px;margin-bottom: 30px;} #faqs-home h4.faq-head {font-size: 18px;font-weight: 600;line-height: 1.4;} #testimonials blockquote{margin-bottom:60px;border-color:#022457} #testimonials p{text-align:center;padding-top: 30px;margin: 0;} #testimonials span{clear:both;display:block;font-size: 18px;padding-bottom: 80px;text-align: center;} #testimonials font { color: #003990; clear: both; display: block; font-size: 14px; text-align: center; padding-bottom: 20px; } #testimonials .icon{font-size:24px;color:#003990;margin: 0 auto;width: 70px;height: 70px;border: 2px solid #003990;border-radius: 50%;text-align: center;line-height: 70px;} #testimonials .item{margin-bottom: 35px;} #testimonials .ratings{text-align: center;} .representative-section{padding:40px 0;background:#003990} .representative-section h3{color:#fff;font-size:26px;font-weight:500;padding-top:12px;border-right:4px solid #fff;margin-bottom:0} .representative-section p{margin:0;font-size:14px;font-weight:300;color:#fff} #team{background:#fff;padding:60px 0} #team .member{text-align:center;margin-bottom:20px;background:#000;position:relative} #team .member .member-info{opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:0;left:0;right:0;transition:.2s} #team .member .member-info-content{margin-top:-50px;transition:margin .2s} #team .member:hover .member-info{background:rgba(0,0,0,0.7);opacity:1;transition:.4s} #team .member:hover .member-info-content{margin-top:0;transition:margin .4s} #team .member h4{font-weight:700;margin-bottom:2px;font-size:18px;color:#fff} #team .member span{font-style:italic;display:block;font-size:13px;color:#fff} #team .member .social{margin-top:15px} #team .member .social a{transition:none;color:#fff} #team .member .social a:hover{color:#003990} #team .member .social i{font-size:18px;margin:0 2px} footer{background:#161616;padding:15px 0 20px;color:#ccc} footer h4{color:#fff;font-weight:400;margin-bottom:20px;font-size:16px} footer .footer-logo{display:block;margin-bottom:50px;text-align:left} footer .footer-logo img{display:inline-block} footer .contact{text-align:center;margin-bottom:50px} footer .contact a{color:#fff;font-weight:300;font-size:24px} footer p{font-size:13px;font-weight:300;margin-bottom:10px;} footer .footer-links{float: left;padding: 0;margin-bottom: 0;margin-right: 60px;} footer .footer-links ul{padding:0;margin:0} footer .footer-links li{list-style:none} footer .footer-links a{color:#ccc;font-size:13px;text-transform:capitalize;font-weight:300;line-height:26px} footer a:hover,.copyright a:hover{color:#f3c600;} footer .social-icons ul{padding:0} footer .social-icons span{font-size:24px;font-weight:300;display:block;padding-bottom:10px} footer .social-icons li{display:inline-block;margin-right:10px;} footer .social-icons a{color:#fff;display:block;/*! width:22px; */height:32px;text-align:center;line-height:34px;/*! background:#333; */border-radius:50%} footer .social-icons a:hover{color:#f3c600} footer .social-icons i{font-weight:400} footer .contact-address p{font-size:12px;margin-bottom:14px;} footer .contact-address i{ font-size: 16px; margin-right: 10px; top: 2px; position: relative; float: left; color: #f3c600;} footer .copyright{font-size:13px;clear:both;/*! text-align:center; */border-top:1px solid #222;padding-top:20px;margin-top:10px;display:inline-block;width:100%} footer .copyright p{margin:0} footer .copyright a,footer p a{color:#f3c600} .footer-top { margin: 0 0 15px 0; } .footer-top p { font-size: 18px; text-align: center; font-weight: 500; } .ft-logo img { width: 170px; margin-bottom: 15px; margin-top: -10px; } #contact-form .form-row { width: 100%; display: block; overflow: hidden; margin-bottom: 20px; } #contact-form .form-row label { display: block; color: #333; text-align: left; padding: 0; margin: 0 0 5px 0; font-size: 16px; } #contact-form .form-row input { padding: 10px 10px; font-size: 16px; background: #ededed; width: 100%; } #contact-form .form-row textarea{ display: block; width: 100%; height: 120px; background: #ededed; border: 1px solid #ccc; padding: 5px 10px; } #contact-form .form-row input[type="submit"]{ background: #003990; color: #fff; width: 120px; } p.success { color: green; font-weight: bold; } p.fail { color: red; font-weight: bold; } .compare-box { border: solid 1px #dadada; width: 100%; display: block; overflow: hidden; margin-bottom: 25px; } .compare-box .col-md-2 { padding: 0 5px; } .row.compare-head { margin: 0; } .compare-head div:nth-child(2) { padding: 10px 14px; } .compare-head p { color: #003990; margin: 0; } .row.compare-blocks { margin: 0; } .comp-logo { text-align: center; } .comp-loan-type div { background: #FEF6EB; display: block; border-bottom: 5px solid #FEEAD2; overflow: hidden; } .comp-loan-type div p:first-child { margin: 10px 0 0; padding: 0; font-size: 12px; text-align: center; color: #FAA73F; } .comp-loan-type div p:nth-child(2) { margin: 0 0px 9px; text-align: center; color: #333; font-size: 16px; } .comp-loan-amount div{ background: #FDF1EB; display: block; border-bottom: 5px solid #FCDFD1; overflow: hidden; } .comp-loan-amount div p:first-child { margin: 10px 0 0; padding: 0; font-size: 12px; text-align: center; color: #F4793B; } .comp-loan-amount div p:nth-child(2) { margin: 0 0px 9px; text-align: center; color: #333; font-size: 16px; } .comp-loan-apr div{ background: #FBEDF1; display: block; border-bottom: 5px solid #F7D5DF; overflow: hidden; } .comp-loan-apr div p:first-child { margin: 10px 0 0; padding: 0; font-size: 12px; text-align: center; color: #DB4D75; } .comp-loan-apr div p:nth-child(2) { margin: 0 0px 9px; text-align: center; color: #333; font-size: 16px; } .comp-loan-term div{ background: #F6ECF0; display: block; border-bottom: 5px solid #EAD3DD; overflow: hidden; } .comp-loan-term div p:first-child { margin: 10px 0 0; padding: 0; font-size: 12px; text-align: center; color: #A64470; } .comp-loan-term div p:nth-child(2) { margin: 0 0px 9px; text-align: center; color: #333; font-size: 16px; } .comp-loan-button { display: block; overflow: hidden; padding: 10px 5px!important; text-align: center; } .comp-loan-button a { background: #003990; color: #fff; border-radius: 30px; padding: 15px 15px; display: block; width: 184px; font-size: 18px; } .comp-disclaimer { padding: 0; margin: 20px 0 0 0; background: #F2F3F4; color: #924A8B; } .comp-disclaimer p{ padding: 10px 20px; margin: 0; line-height: 20px; font-size: 14px; text-align: center; } .form-group{margin-bottom:15px;background:#f0f3fa;padding:30px;border-radius:6px;box-shadow:0 10px 30px 0 rgba(115,115,115,.1);border:1px solid #ddd} .form-node h2{color:#000;font-size:20px;margin:0;text-align:left;padding-bottom:20px;font-weight:600} .form-node h3{text-align:left;font-size:16px!important;color:#111!important;font-family:Poppins;font-weight:300;padding-bottom:30px} .form-node p{text-align:center!important;padding-bottom:20px} .form-f{margin-bottom:25px;overflow:hidden;text-align:left} .form-f:nth-of-type(2n){margin-right:0} .form-f font{color:#ab0606} .form-f label{float:left;width:250px;line-height:40px} .input-group{float:right} .form-f .input-group-addon{background-color:transparent;border:transparent;border-radius:0} .input-group-addon:first-child{border-right:0} #basic-addon1{float:left;color:#b5b5b5;font-size:24px;padding:16px 0 0;width:10%;margin-right:2%} .form-f .form-control{background:#fff;color:#495057;height:40px;padding-left:16px;text-align:left;font-size:16px;border:1px solid #ccc;box-shadow:none;border-radius:0} .form-f .form-control:focus,.form-f select:focus{border-color:#003990!important} .input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell} .form-node .input-group .form-control{width:100%;background:transparent;border:0;border-bottom:1px solid #b5b5b5;padding-left:0;font-size:17px;color:#999} .has-feedback{clear:both;position:relative} .has-feedback.top-mrgn{margin-bottom:30px;text-align:left;margin-left:70px} .has-feedback.top-mrgn label{display:block} .form-node input[type="checkbox"]{position:relative;float:left;margin-right:8px} .form-node .terms{padding-left:10px;font-size:13px;font-weight:400} .form-node .terms a{text-decoration:underline} .form-f select{padding-left:4px} #year{margin-right:0} #loan-type{width:100%;margin-right:0} .form-node br{display:none} .form-node .read-more{color:#fff;padding:10px 20px;font-size:15px;background:#003990;text-transform:capitalize;font-weight:500;margin-left:34px;transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;border:transparent;border-radius:30px;box-shadow:0 10px 30px 0 rgba(115,115,115,0.4)} .form-node .read-more:hover{background:#022457} .input-group-addon{width:60px;font-size:13px;font-weight:700;color:#003990} .form-control{padding:6px 8px;font-size:14px;color:#000} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} input[type=number]{-moz-appearance:textfield} #skills .process{background:#fff;padding:60px 40px 20px;border:1px solid #ddd;height:100%} #skills .process h3{font-size:24px;margin-bottom:30px} #skills .process .about-col{margin-bottom:10px} #skills .process .about-cols h4{font-size:17px;margin-bottom:20px;color:#666} #skills .process i{font-size:24px;margin-right:5px;top:3px;position:relative} #skills .process .about-cols p{font-size:13px} #skills.apply-now i{color:#b5b5b5} .input-group.dob{float:left;margin-right:3%;width:27%} .input-group.dob.last{margin-right:0} .select-arrow{position:relative;display:table;width:100%} .select-arrow::after{content:'\25BC';position:absolute;height:100%;top:54%;margin-top:-.5em;right:.5em;line-height:100%;pointer-events:none;color:#888;color:#f3c125;font-size:.8em} #skills.apply-now .form-group{padding:40px} #skills.apply-now .input-group{float:left;width:100%} #skills.apply-now .form-node .read-more{margin-left:70px} #skills.apply-now .form-node h2,#skills.apply-now .form-node h3{text-align:center} #skills.apply-now .form-node h2{font-size:36px} #breadcrumbs{list-style:none;margin:10px 0;overflow:hidden} #breadcrumbs li{display:inline-block;vertical-align:middle;float:left;margin:0 10px 0 0 !important;padding:0} ul#breadcrumbs{margin:0!important;padding:0} #breadcrumbs .separator{font-size:18px;font-weight:100;color:#ccc} .nav-previous{float:left;width:50%;position:relative;padding:0 20px 0 50px;text-align:left} .nav-next{width:50%;float:right;position:relative;text-align:right;padding:0 45px 0 20px} .post-navigation .nav-links a span.nav-arrow{position:absolute;top:6px;left:0;width:40px;height:40px;border:1px solid rgba(0,0,0,.2);border-radius:100%;text-align:center;line-height:39px;font-size:16px;font-weight:600} .post-navigation .nav-links div.nav-next a span.nav-arrow{left:auto;right:0} .nav-arrow svg{color:#333;height:15px;width:15px} .nav-links span.post-title{color:#4a4a4a;font-weight:700} span.screen-reader-text{color:#666} .nav-links a:hover > span.screen-reader-text{color:#003990} .pagination .page-numbers{float:left;font-size:.9em;font-weight:400;margin-right:10px;border:1px solid #d9d9d9;border-radius:50%;padding:5px 14px;color:#4a4a4a;-webkit-transition:ease .2s;-moz-transition:ease .2s;transition:ease .2s} .pagination a:hover,.pagination a:focus,.pagination .current{background:#003990;border-color:#003990;color:#fff} .pagination .prev{border-radius:5px} .pagination .next{border-radius:5px} .pagination .prev svg.svg-icon{float:left;margin:1px 0 0} .pagination .next svg.svg-icon{float:left;margin:1px 0 0} span.nav-next-text{float:left} span.nav-prev-text{float:left} h2.screen-reader-text{font-size:28px!important} .outPut input#txtLoan{float:left;width:87%;display:table-cell;height:100%;border:none;padding:0 0 0 10px} .outPut input#txtLoan:focus{outline:none} span.currency-sign{float:left;display:table-cell;padding:1px 0 0} div#comments{clear:both;padding:40px 0 0} .comment-respond label{width:100%} .comment-respond textarea,input[type="text"],input[type="email"],input[type="url"]{width:100%;border:1px solid #ccc} #form-node{width:798px;margin:0 auto} .section-header #form-node h2{text-align:left;color:#fff;clear:both;margin-bottom:10px;font-size:18px;line-height:1.5;font-weight:300;/*! border-bottom:2px solid #fff; */padding-bottom:20px;text-transform: capitalize;} #form-node .form-group{background-color:#003990;/*! border:1px solid #c3c3c3; */box-shadow:1px 1px 2px 2px #e2e2e2;} #form-node .form-row{margin-bottom:20px;float:left;margin-right:30px} #form-node .form-row:nth-of-type(2n){margin-right:0} #form-node .button-title button{float:left;width:22%;background:#e9e9e9;padding:6px 14px;margin-right:10px;border:1px solid #ccc;box-shadow:none;border-radius:4px;color:#444} #form-node .button-title button:hover{background:#003990;border:1px solid #003990;color:#fff} #form-node .input-group .form-control{width:100%;color:#999;border-radius:3px;padding-left:6px;font-size:14px;border-radius:0;/*! box-shadow:-1px 1px 3px #c3c3c3 inset */border: 0;} #form-node .form-f:nth-of-type(2n){margin-right:30px} #form-node .form-f{margin-bottom:0;width:340px} #form-node #basic-addon1{float:left;color:#fff;font-size:14px;margin-bottom:15px;padding-top:14px;display:block;width:100%;text-align:left;text-transform:capitalize;font-weight:300;} #form-node .input-group.dob{margin-right:10px;width:30.3%} #form-node .select-arrow::after{color:#999;font-size:12px} #form-node input[type="checkbox"]{float:left;margin-right:8px;margin-top:3px} #form-node .terms{font-weight:400;font-size:12px;color:#fff;} #form-node .has-feedback.top-mrgn{margin-bottom:20px;text-align:left;margin-left:0;margin-top:20px} #form-node .button{float:left;border: 2px solid #fff;margin-top: 10px;} #form-node .button:hover { background: #f3c600; border-color: #f3c600; } #form-node strong{color:#333;font-size:22px;padding-bottom:0;display:block} #form-node .form-f.terms{margin-bottom:40px} #form-node .form-f.terms .form-control{border-color:#f3c125;border-width:2px;height:60px;border-radius:6px;font-size:24px;color:#333;font-weight:700} #form-node .form-f.terms .select-arrow::after{color:#f3c125;font-size:20px;right:14px} #form-node hr{clear:both;border-color:#ddd;margin:30px 0} .apply-now-bottom { position: fixed; bottom: 0; text-align: center; width: 180px; left: 0; right: 0; z-index: 9; margin: 0 auto; } .apply-now-bottom a { background: #003990; box-shadow: 0 0 20px rgba(12,12,12,0.8); color: #fff; font-size: 15px; display: inline-block; text-transform: uppercase; border-radius: 6px 6px 0 0; text-align: center; padding: 10px 20px; font-weight: 700; border: none; } @media screen and (max-width: 768px) { .container-fluid{padding:0 15px} .mainSliderBx{padding:30px 10px} .mainSliderBx h2{padding-bottom:10px;font-size:26px} .slidertext{font-size:14px;font-weight:500} .mainSliderBx .amount,.mainSliderBx .duration{margin-bottom:0} #intro.inner .bg{background:#fff;border-radius:8px;padding:40px 10px;width:90%;margin:0 auto} .mainSliderBx .btn{margin-top:30px} #intro.inner .mainSliderBx{float:none;width:100%;padding:0;border-right:0} #header #logo{width:180px} #intro{height:auto;padding-top:80px} #intro .banner-content-block.tv_ad h1{font-size:1.2em;margin-bottom:10px;text-align:left} .carousel-content-home.container-fluid{padding:0 10px;text-align:center} #intro p{font-size:20px;margin-bottom:0} .banner-content-block.tv_ad .banner2_soft_search{font-size:22px;margin-top:20px;line-height:28px} #intro .carousel-item{height:auto;padding:35px 0;background-position:center center;} .home-services {padding: 40px 0!important;} #intro.inner .carousel-item{padding:30px 0;} #intro .carousel-item::before{content:'';background-color:rgba(0,0,0,0.7);position:absolute;height:100%;width:100%;top:0;right:0;left:0;bottom:0} .banner-content-block h1{font-size: 2em;} .banner-content-block span{font-size: 18px;padding: 0;margin-bottom: 30px;} #services h2{padding-top:0} #mobile-nav ul li a{font-weight:500} #services .section-header h2,#call-to-action h2,#skills h3,#about h3,#services h2,#call-to-action h3,#skills.bg h3,#skills h4,.section-header h2,#faq .section-header h5,#testimonials h5,#services.inner h2,#services.inner h3,#services.inner h4,#skills.inner strong,#about h2,#skills h3,#faq h3,#testimonials h3,#intro.inner h1,#skills h2{font-size:22px;line-height:normal;margin-bottom:10px} #intro.inner h1{margin-bottom:0} #skills p{padding-right: 0} #skills .service_icon { margin-bottom: 60px; text-align: center; } #skills .service_icon img { display: inline-block; text-align: center; } #skills .service_icon a { text-align: center; width: 100%; } #about span,#skills span,#faq span,#about .about-col h3{font-size:18px} #services.inner h2,#services.inner h3,#services.inner h4{padding-top:10px;padding-bottom:0} #services{padding:40px 0 0 0;} #services a{} #services .container{padding:0 15px} .list-item li{font-size:14px} #call-to-action .icon { font-size: 40px; color: #003990; float: left; margin-right: 20px; width: 50px; } #call-to-action .col-lg-3.col-md-3.col-sm-3.col-xs-12 { width: 293px; margin: 0 auto; float: none; overflow: hidden; } p,#services.inner li,.sidebar-block .block a{font-size:15px;line-height:1.8} #about span{padding-bottom:50px} #about .item span{font-size:36px;margin-top:0} .aply-btm h3{font-size:21px;margin-bottom:20px;line-height:30px} #testimonials span { font-size: 15px; padding: 20px; } #testimonials .item{margin-bottom: 30px} #testimonials p { min-height: inherit; margin-bottom: 20px; } #call-to-action { padding-bottom: 50px; } #call-to-action li{line-height:1.5;font-size:16px;margin-bottom:20px} #call-to-action .cta-btn,#footer .cta-btn{text-transform:capitalize;font-size:14px;letter-spacing:0;padding:10px 30px} #skills,#about,#services.inner,#skills.bg,#contact,#faq,#testimonials,#call-to-action.footer,#skills.inner{padding:30px 0} .section-header p{padding-bottom:10px} #skills h4{padding-bottom:10px} #skills ul,#testimonials h5,#call-to-action.footer p{margin-bottom:30px} #skills li{display:block;font-size:15px;margin-right:0;font-weight:400;margin-bottom:10px} #skills strong{font-size:20px;padding-bottom:10px} #about,#skills,#faq{padding:20px 10px;} #skills { padding-left: 0; padding-right: 0; padding-top: 50px; } #about .about-col h4{margin-top:0;margin-bottom:10px;margin-left:0;font-size:20px} #about h2{text-align: center;} #about .about_img img{margin-bottom: 20px} #about a, ._an a { float: none; text-align: center; display: table; margin: 0 auto; } #about .about-col{margin-top:0;margin-bottom:30px} #about .about-col p{font-size:17px;margin-bottom:20px} #about .about-col .fa{margin-bottom:20px} #about .about-col h3{margin-bottom:10px} #skills .circle{margin:0 auto;margin-bottom:20px;width:150px;height:150px;padding-top:30px} #skills .circle font{font-size:17px;line-height:20px} #skills span,#faq span{padding-bottom:40px} #faq .panel-title a{padding:10px 0;font-size:14px;font-weight: 400;} #faq .panel-title i { margin-top: -4px; font-size: 24px; } footer{padding:30px 0} footer .footer-logo,footer .contact,footer .social-icons{margin-bottom:20px} footer .footer-links { float: none; margin-right: 0; } .contact-address { margin-top: 20px; } footer .footer-logo a{display:inline-block} .copyright{padding:0 10px;font-size:13px} footer .contact-address p{font-size:13px} #intro.inner p{font-size:14px;text-align:center;line-height:1.5;margin-bottom:20px} #call-to-action img{margin-bottom:30px} .para,#call-to-action.inner p{font-size:13px} .form-node{width:100%} .has-feedback{text-align:left;margin-top:20px} .form-f label{font-size:15px;margin-bottom:0;line-height:normal;padding-left:4px;margin-top:5px} .form-node h3,.form-node h2{padding-bottom:10px} .form-f{margin-bottom:10px} .has-feedback.top-mrgn{margin-bottom:20px;margin-left:0} .form-node .has-feedback.text-center{text-align:left!important} #intro.apply,#intro.apply .carousel-item{height:100px} #intro .quick-loans{margin-top:0} #intro .quick-loans li{float:none;margin-right:0;text-align:center} #intro .quick-loans li:after{display:none} #intro .quick-loans a{padding:12px 26px;display:inline-block} #services img{box-shadow:none!important} #services .bigfont{font-size:15px;margin-bottom:20px} #call-to-action .container{padding:20px 15px} .key_points .item { margin-top: 30px; margin-bottom: 0; } .key_points span{font-size:18px} .key_points p { width: auto; margin-left: 90px; } .aply-btm { border-top: 0; } .aply-btm .container { padding: 20px; border-radius: 0; } #intro.inner .form-node{padding:0;width:100%;margin-bottom:30px} #intro.inner .form-f{margin-right:0;width:100%;margin-bottom:20px} #intro.inner .form-f label{display:none} #intro.inner .has-feedback{margin-top:0} #skills.apply-now .form-group{padding:20px} #skills.apply-now .form-node h2{font-size:20px} #skills.apply-now #basic-addon1{display:none} #skills.apply-now .input-group{width:100%;margin-right:0!important} #skills.apply-now .input-group.dob{width:33.333%} #skills.apply-now .form-node .read-more{margin-left:0} #day,#month,#year{font-size:15px} .section-header #form-node h2{font-size:18px;margin-bottom:20px} .outPut{font-size:18px;width:156px} .space{height:40px!important} .slideBlock{padding:10px;width:100%} #form-node{width:100%!important} .outPut{margin-bottom:20px!important} #form-node .form-row{margin-right:0;margin-bottom:0;float:none} #form-node .form-f{margin-bottom:15px;width:100%!important;float:none;margin-right:0} #form-node .form-f:nth-of-type(2n){margin-right:0} #form-node .has-feedback.top-mrgn{margin-top:0} #form-node .terms{font-size:14px} #form-node .read-more{padding:10px 30px;font-size:20px} #form-node strong{font-size:18px!important} #form-node .button{float:left} .quote a{background:#003990;color:#fff!important} .aply-btm a, .consult-section a{float:left;margin-top:0} .consult-section{margin-top: 20px} .consult-section p { /* font-size: 24px;*/ line-height: 1.5; margin-bottom: 30px; } .consult-section h2{text-align: left} .consult-section h2:after{display: none} .about p { margin-bottom: 30px; } #services.landing .bigfont{font-size:20px;line-height:30px} .list-item{margin-top:10px;margin-bottom:0} #form-node .button-title button{width:22%;padding:6px 10px;margin-right:5px;font-size:15px} .representative-section h3{border:0;margin-bottom:20px} #services.contact address{padding: 0} .navbar-default .navbar-nav > li > a:hover, .navbar-nav .active{border-radius: 0} #intro.inner, #intro.inner .carousel-content { text-align: center; } #intro .button { margin: 20px 0; } #intro.inner .ratings { position: inherit; top: 0; } } @media screen and (min-width:768px) and (max-width: 1024px) { .navbar-default .navbar-nav > li > a{padding:27px 16px;text-align:left;font-size:13px;text-transform:capitalize} .navbar{padding-top:22px;} .navbar-default .navbar-brand{width:190px;margin:0} li.dropdown > a::after{right:0px;top:26px;} #intro .col-sm-5{width:100%} .slidertext{font-size:18px} .apr p{font-size:14px!important} #intro.inner .bg{width:83.33333333%;margin:0 auto 0 8.33333333%} .navbar .navbar-collapse{position:absolute;top:-8px} li.menu-item-has-children > a::before{right:-5px;top:40px;line-height:10px} .aply-btm a{} .sidebar-block.chs .block { padding: 10px; } .sidebar-block .block a,.sidebar-block .block li{font-size: 14px} .key_points .item { margin-bottom: 30px; } .key_points span { font-size: 15px; top: 18px; } .key_points p { font-size: 13px; width: 70%; } .about .list-item li { margin-right: 20px; } .aply-btm h3{font-size: 22px} #skills .service_icon a{font-size: 14px} .sidebar-block.chs li { margin-bottom: 10px; font-weight: 400; font-size: 12px !important; } } @media screen and (min-width:1024px) and (max-width: 1200px) { .navbar .navbar-collapse{top:-16px;} .navbar-nav > li{display:inline-block;text-align:center} li.menu-item-has-children > a::before{right:0;line-height:12px} .navbar-default .navbar-brand{} .navbar-default.top-nav-collapse .navbar-brand{padding-top:12px} li.dropdown > a::after { top: 30px; } .navbar.top-nav-collapse .navbar-collapse{top:-10px} .navbar-default .navbar-nav > li > a{padding:29px 16px;font-size:16px} .mainSliderBx{padding:20px} #intro .col-sm-5{width:41.66666667%} #intro.inner .bg{width:100%;margin:0} #footer{background-size:cover} #header #logo{width:280px} #call-to-action .img{display:none!important} #skills .process .about-cols h4{font-size:14px} #intro h1{font-size:1.8em} #intro br{display:none} .form-node .has-feedback.text-center{text-align:right!important} .key_points p { width: 100%; } .consult-section p{font-size: 24px} } .faq-sec{ width: 100%; float: left; } .faq-row{ width: 100%; display: flex; border-bottom: 1px solid #ddd; } .faq-row:last-child{ border-bottom: 0; } .faq-row > div{ flex: 50%; border-right: 1px solid #ddd; } .faq-row > div:nth-child(even){ border-right: 0; } .faq-box{ padding: 0 20px; margin-right: 2%; } #services.inner .faq-box .faq-head{ font-size: 18px; font-weight: 700; text-align: left; } p i{ color: #f3c600 !important; } .contact-info-sec{ width: 100%; display: block; background:#fff; text-align: center; padding:5px 0; position: fixed; top: 0; left: 0; z-index: 999; } .contact-info-sec ul{ margin:0; padding: 0; display: flex; justify-content: center; } .contact-info-sec ul li{ display: flex; font-size: 16px; font-weight: bold; align-items: center; } .contact-info-sec ul li span{ display: inline-block; } .contact-info-sec ul li a{ margin-bottom: 0; margin-left: 5px; font-size: 16px; font-weight: bold; color: #000; } .contact-info-sec ul li:first-child{ border-right: 2px solid #000; margin-right: 5px; padding-right: 5px; } @media(max-width: 768px){ .contact-info-sec ul{ flex-direction: column; align-items: center; } .contact-info-sec ul li:first-child { border-right: 0px solid #000; margin-right: 0px; padding-right: 0px; } } .warning-box { width: 100%; display: block; overflow: hidden; position: fixed; background: #003990; top: 34px; z-index: 1100; } .warning-box p { text-align: center; font-size: 16px; margin-bottom: 0; font-weight: normal; padding: 0px 5px; color: #fff; margin-top: 0; width: 100%; line-height: 1.2; } .hm-header .navbar{ top: 50px; } #intro.hm-banner{ padding-top: 130px; } .contact-numb { text-align: center; margin-bottom: 20px; } .contact-numb i{ color: #f3c600; font-size: 18px; margin-right: 5px; } .contact-numb strong { display: block; } .sec-badcredit-info .list-item{ margin-top: 0; } .list-pd ul{ padding: 0; margin-top: 0; } .info-center img{ margin: 0 auto; display: block; } .img-rgt{ text-align: right; } .box-blue{ border-radius: 10px; background:#003990; color: #fff; margin: 0 15px; } .bx-heading{ color: #fff !important; } .box-blue ul{ list-style-type: none; } .round-box-n div{ border-radius: 10px; border:1px solid #000; padding: 15px; } .round-box-n div ul{ text-align: left; } .round-box-n{ margin-top: 15px; margin-bottom: 15px; } .box-blue-2{ border-radius: 10px; background:#003990; color: #fff; margin-bottom: 20px; } @media(max-width:991px){ .faq-head{ min-height: 65px; } } @media (max-width: 767px){ .faq-sec{ padding-left: 20px; padding-right: 20px; } .faq-row{ flex-direction: column; border-bottom:0; } .faq-row > div{ border-right: 0; border-bottom: 1px solid #ddd; } .faq-row:last-child > div:last-child{ border-right: 0; border-bottom: 0; } .faq-head{ min-height: unset; } .round-box-n{ margin:15px 15px; } .round-box-n div{ margin-bottom: 20px; } } @media(max-width: 480px){ .warning-box { top: 55px; } .warning-box p { padding: 5px 5px; } .contact-info-sec ul li a{ font-size: 13px; } .warning-box p{ font-size: 13px; } .hm-header .navbar { top: 110px; } #intro.hm-banner { padding-top: 196px; } } /*-----------------------new homepage css start here----------------*/ .row1 { display: flex; flex-wrap: wrap; } .short-term { justify-content: space-between; padding: 50px 0 0 0; } .short-term .common { width: 35%; } .short-term .common:first-child { width: 57%; } .shadow-style { border: 16px solid #fff; border-radius: 5px; -webkit-box-shadow: -1px 1px 5px 2px rgba(46,46,46,0.39); -moz-box-shadow: -1px 1px 5px 2px rgba(46,46,46,0.39); box-shadow: -1px 1px 5px 2px rgba(46,46,46,0.39); } #services .short-term h2 { font-size: 28px; line-height: 40px; max-width: 600px; width: 100%; } .loan-features { background: url(../images/home_loan_bg.jpg) no-repeat; padding: 100px 0; background-size: cover; background-attachment: fixed; } .loan-features .row1 { justify-content: space-between; } .loan-features .common { width: 48%; } .loan-features .common .list-box { background: #fff; padding-bottom: 30px; } .loan-features .common .list-box h3 { text-align: center; background: #003990; color: #fff; padding: 10px; font-size: 20px; line-height: 30px; margin-bottom: 0; } .loan-features .common .list-box p { padding: 20px 30px; margin: 0; font-size: 16px; line-height: 28px; } ul.list { list-style-type: none; padding-left: 70px; } ul.list li { position: relative; margin-bottom: 20px; } ul.list li:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #003990; font-size: 18px; padding-right: 0.5em; position: absolute; top: 0; left: -29px; content: "\f138"; } .location-info { padding: 70px 0; } .first-para { text-align: center; justify-content: center; } .first-para .common { max-width: 1075px; width: 100%; margin-bottom: 20px; } .heading1 { font-size: 32px; line-height: 40px; } .location-info .second-para { justify-content: space-around; align-items: center; } .location-info .second-para .heading2 { font-size: 28px; line-height: 40px; } .location-info .second-para ul.list li:before { font-family: FontAwesome; color: #398306; content: "\f046"; } .customize-loans .third-para { justify-content: space-between; } .customize-loans .third-para .common { width: 18%; border: 1px solid #003990; border-radius: 10px; padding: 20px; } .customize-loans .third-para .common h4 { text-align: center; font-size: 16px; line-height: 28px; color: #0d0d0d; font-weight: 600; margin-bottom: 8px; } .customize-loans .third-para .common p { margin-bottom: 0; } .theee-features { background: url(../images/home_c_bg.jpg) no-repeat; padding: 70px 0; background-size: cover; background-attachment: fixed; color: #ffffff; } .customize-loans { padding-bottom: 70px; } .theee-features .second-para { justify-content: space-between; } .theee-features .second-para .common { width: 31%; border: 1px solid #fff; border-radius: 10px; padding: 20px 30px; } .theee-features .second-para .common h3 { font-size: 18px; line-height: 30px; border-bottom: 1px solid #ffffff; padding-bottom: 10px; color:#ffffff; } .theee-features h2 { color: #fff; font-size: 28px; line-height: 40px; font-weight: 600; } .theee-features .second-para .common h3 .fa { padding-right: 10px; } .focused-lending { padding: 70px 0 0 0; } .focused-lending .para-one { justify-content: space-between; margin-bottom: 50px; } .focused-lending .para-one .common { width: 40%; } .focused-lending .para-one .common:nth-of-type(2) { width: 57%; } .focused-lending .interest-types { justify-content: space-around; margin-bottom: 30px; } .focused-lending .interest-types .common { width: 47%; border: 1px solid #003990; border-radius: 10px; padding: 40px; } .inner-row1 { flex-wrap: nowrap; } .focused-lending .interest-types .inner-row1 .fa { font-size: 30px; color: #003990; padding-right: 30px; } .focused-lending .interest-types .inner-row1 .text-data h3 { color: #003990; font-size: 18px; font-weight: 600; } .btn-area1 .button { margin-top: 20px; background: #fff; color: #000; border: 1px solid #003990; white-space: normal; } .btn-area1 .button:hover { background: #003990; color: #fff; } .focused-lending .btn-area1 { justify-content: center; } #skills .custom1 { padding-left: 0; padding-right: 0; } .online-cash { background: #f1f1de; padding: 60px 0 30px 0; } .online-cash .first-para { margin-bottom: 30px; } .online-cash .second-para { justify-content: space-between; } .online-cash .second-para .common { width: 31%; } .online-cash .sub-heading { font-size: 28px; line-height: 38px; color: #141414; margin-bottom: 20px; display: block; } .online-cash .heading { font-size: 32px; line-height: 42px; font-weight: 600; margin-bottom: 5px; word-break: break-all; } .online-cash .first-para p { } .online-cash .inner-row { flex-wrap: nowrap; margin-bottom: 20px; } .online-cash .inner-row .icon-box { margin-right: 20px; } .online-cash .inner-row .icon-box .fa { font-size: 23px; background: #003990; color: #fff; padding: 10px; border-radius: 5px; width: 45px; height: 45px; text-align: center; } .online-cash .inner-row .text-box h3 { color: #1e1e1e; font-size: 16px; line-height: 26px; font-weight: 600; margin-bottom: 6px; } .home-testimonials { padding: 70px 0; background-image: linear-gradient(-56deg, #003990, #2062c7); color: #fff; } .home-testimonials .text-area { width: 100%; text-align: center; margin-bottom: 50px; } .home-testimonials .text-area .heading1 { color: #fff; } .home-testimonials .text-area .sub-heading { font-size: 24px; line-height: 34px; } .home-testimonials .slider1 { max-width: 800px; width: 100%; margin: 0 auto; text-align: center; position: relative; } .home-testimonials .slider1:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #1553b2; font-size: 98px; padding-right: 0.5em; position: absolute; top: -74px; left: -119px; content: "\f10d"; } .home-testimonials .owl-theme .owl-nav [class*='owl-']:hover { background: #070707; color: #FFF; text-decoration: none; } .home-testimonials .owl-carousel .owl-nav button.owl-next span { border: 1px solid #fff; padding: 0px 15px; font-size: 26px; } .home-testimonials .owl-carousel .owl-nav button.owl-prev span { border: 1px solid #fff; padding: 0px 15px; font-size: 26px; } .home-testimonials .item p.subtitle { font-weight: 600; font-style: italic; } .home-testimonials .item p.data { font-style: italic; } .home-testimonials .icon-quote .fa { border: 1px solid #fff; width: 90px; height: 90px; text-align: center; padding-top: 30px; border-radius: 50%; font-size: 30px; margin-bottom: 40px; } .home-testimonials .owl-dots { display: none; } /*-----------------------carloan homepage css start here----------------*/ .top-spacing { margin-top: 130px; } .top-spacing.top { margin-top: 94px; } .inner-banner .common { max-width: 456px; width: 100%; background: #003990; padding: 20px; border-radius: 8px 8px 0 0; padding-bottom: 0; } .page-title-box { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-bottom: 12px; } .inner-banner .common h1 { color: #fff; } .inner-banner .common .iconography { max-width: 136px; width: 100%; } .inner-banner .common .page-title-box span { display: block; color: #fff; } .inner-banner .common .large-heading { font-size: 28px; font-weight: 600; margin-bottom: 5px; } .inner-banner .common .sub-heading { font-size: 16px; } .heading-area { text-align: center; width: 100%; padding: 50px 0; } .car h2 { margin-bottom: 5px; font-weight: 600; } .heading-area .sub-heading { font-size: 24px; line-height: 34px; font-style: italic; color: #141414; } .inner-page h2 { color: #003990; font-size: 32px; line-height: 42px; } .two-col { justify-content: space-between; } .two-col .common { width: 48%; } .inner-first .two-col .common { width: 42%; } .inner-first .two-col .common:first-child { width: 50%; } .shape1 { clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%); } .gray_bg { background: #f5f5f5; padding: 50px 0; } .inner-first { padding-bottom: 30px; } ul.list.green li:before { font-family: FontAwesome; color: #398306; content: "\f046"; } .inner-third .two-col { align-items: center; } .inner-third .two-col .common { width: 36%; } .inner-third .two-col .common:first-child { width: 58%; } .common-gapping{padding:50px 0 30px 0;} .highlight {font-weight: 300;font-style: italic;} .inner-four { padding-bottom: 50px; } .inner-four .row1 { justify-content: space-between; } .inner-four .common { width: 31%; background: #fff; padding: 25px 25px; border-radius: 8px; webkit-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); -moz-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); } .inner-four .box-wrap h3 { text-align: center; color: #003990; font-size: 22px; line-height: 34px; font-weight: 600; border-bottom: 1px solid #e3e2e2; padding-bottom: 15px; margin-bottom: 30px; } .inner-four .blue { color: #fff; background: #003990; } .inner-four .blue .box-wrap h3 { color: #fff; } .inner-page-faq h2.faq-head { font-size: 18px; line-height: 28px; font-weight: 600; text-transform: Sentence case; } .inner-page-faq .list-item i { color: #003990; font-size: 16px; } .inner-page-faq .faq-row:nth-of-type(2) .faq-box, .inner-page-faq .faq-row:nth-of-type(3) .faq-box { padding-top: 30px; } .quick {text-align: right;} .instant-loan .row1.two-col {align-items: center;} .inner-banner.quick-loan { background: url(../images/quick_loan_banner.jpg) no-repeat; } .inner-banner.bad-credit-loan { background: url(../images/bad_creit_banner.jpg) no-repeat; } .inner-banner.short-term-loan{ background: url(../images/short_term_banner.jpg) no-repeat; } .inner-banner.business-loan{ background: url(../images/business_loan.jpg) no-repeat; } .inner-banner.student-loan{ background: url(../images/student.jpg) no-repeat; } .inner-banner.home-imporvement{ background: url(../images/houseloan.jpg) no-repeat; } .inner-banner.door-step-loan{ background: url(../images/doorstep1.jpg) no-repeat; } .inner-banner.credit-union-loan{ background: url(../images/group_loan.jpg) no-repeat; } .inner-banner.about-banner{ background: url(../images/about_banner_n.jpg) no-repeat; } .inner-banner.contact-banner{ background: url(../images/contact_banner_n.jpg) no-repeat; } .inner-banner.privacy-banner{ background: url(../images/privacy_banner_n.jpg) no-repeat; } .inner-banner.faq-banner{ background: url(../images/faq_banner_n.jpg) no-repeat; } .inner-banner.testimonial-banner{ background: url(../images/testimonial_banner_n.jpg) no-repeat; } .inner-banner.term-banner{ background: url(../images/terms_banner_n.jpg) no-repeat; } .inner-banner.mortgage-loan{ background: url(../images/mobile_LAP_banner.jpg) no-repeat; } .inner-banner.no-guarantor{ background: url(../images/no_g.jpg) no-repeat; } .inner-banner.holiday{ background: url(../images/holiday.jpg) no-repeat; } .inner-banner.no-guarantor .common h1 .large-heading{font-size:26px;} .box1 { border: 1px solid #003990; border-radius: 10px; padding: 30px 10px 10px 10px; margin-bottom: 30px; } .box1 h3 {text-align: center;} .n_g { align-items: center; } .n_g_compare { max-width: 850px; margin: 0 auto; margin-bottom: 30px; } .n_g_compare .common { width: 47%; } .inner-banner { background: url(../images/car_loan_banner.jpg) no-repeat; padding: 260px 0 0 0; background-size: cover !important; background-position: center; } .business.abt .fa{position: relative; top: -10px;} .inner-banner.bad-credit-loan .common h1 .large-heading, .inner-banner.door-step-loan .common h1 .large-heading { font-size: 32px; margin-bottom: 0; } .inner-banner .common .sub-heading { font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 12px; } .inner-four.mortgage .common{width: 48%;} .convenience { justify-content: space-evenly; padding: 30px 0; } .convenience .common { width: 40%; } .approved { justify-content: flex-start; align-items: center; } .approved .img-responsive { max-width: 250px; padding-left: 100px; } .convenience.doorstep .common { width: 43%; } .repay ul.list{padding-left: 30px;} .highlight1 { border: 1px solid #003990; border-radius: 10px; padding: 20px; font-style: italic; } .inner-banner.business-loan .common h1 .large-heading, .inner-banner.student-loan .common h1 .large-heading{font-size: 34px;} .iconography.business {text-align: right;padding-right: 20px;} .business .fa { font-size: 45px; color: #fff; text-align: right; } .student-loan1 { justify-content: center; } .student-loan1 .highlight1 { text-align: center; } .custom1 .list-item i { color: #003990; padding-right: 10px; } .custom1 td, .custom1 th { border: 1px solid #003990; } .custom1 tr:nth-child(even) { background-color: #f6f6f6; } .top-gap{padding-top: 50px;} .m-t{margin-top:50px;} .inner-banner.home-imporvement .common h1 .large-heading{font-size: 20px;} .inner-banner.home-imporvement .common h1 .sub-heading{font-size: 13px;} .doorstep .list li p:first-child { margin-bottom: 10px; } .inner-first.doorstep { padding-bottom: 0; } .inner-four.doorstep { padding-bottom: 20px; } .inner-four.door-step-loan-features .common{width: 47%;} .door-step-loan-features .inner-wrap { max-width: 810px; width: 100%; margin: 0 auto; } .home-testimonials a { color: #ffffff; } .about-quote p.bigfont {margin: 0 !important; font-style: italic; position: relative; padding-left: 30px;} .about-quote p.bigfont:before{ content: ""; position: absolute; } .about-quote { webkit-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); -moz-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); padding: 30px; border-radius: 10px; margin-bottom: 40px; } .about-quote p.bigfont:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #f0e3e3; font-size: 43px; padding-right: 0.5em; position: absolute; top: -35px; left: 0; content: "\f10d"; } .characteristics { display: flex; flex-wrap: wrap; justify-content: space-between; } .characteristics .common { width: 31%; } .characteristics .inner-row { flex-wrap: nowrap; margin-bottom: 20px; } .characteristics .inner-row .icon-box { margin-right: 20px; } .characteristics .inner-row .icon-box span { font-size: 24px; background: #003990; color: #fff; padding: 10px; border-radius: 5px; width: 45px; height: 45px; text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; } .characteristics .text-box h3 { color: #666666 !important; font-size: 16px; font-weight: 600; padding-top: 0 !important; margin-bottom: 8px; } .two-col.abt { align-items: center; } @media only screen and (max-width: 767px) { .row1{flex-direction: column;} .short-term .common:first-child, .characteristics .common {width: 100%;} .short-term .common, .loan-features .common, .customize-loans .third-para .common, .theee-features .second-para .common, .focused-lending .para-one .common, .focused-lending .para-one .common:nth-of-type(2), .focused-lending .interest-types .common, .online-cash .second-para .common, .inner-four.door-step-loan-features .common {width: 100%; margin-bottom: 30px;} .customize-loans .row1.second-para {display: none;} #skills .custom1 {padding-left: 15px;padding-right: 15px;} .online-cash .inner-row, .row1.inner-row1 {flex-direction: row;} .inner-banner .common h1 .large-heading, .inner-banner.business-loan .common h1 .large-heading, .inner-banner.door-step-loan .common h1 .large-heading{font-size: 28px;} .inner-banner .common h1 .sub-heading {font-size: 14px;} .inner-banner .common .iconography{ max-width: 100px;} .inner-page h2{font-size: 24px; line-height: 36px;} .heading-area .sub-heading{font-size: 16px; line-height: 26px;} .shape1 {clip-path: none;} .heading-area, .gray_bg, .common-gapping{padding: 30px 0;} .inner-first .two-col .common, .inner-first .two-col .common:first-child, .two-col .common, .inner-third .two-col .common:first-child, .inner-third .two-col .common, .inner-four .common, .convenience .common, .convenience.doorstep .common, .inner-four.mortgage .common { width: 100%; margin-bottom: 30px; } .inner-banner{background-position: center !important;} .inner-banner.short-term-loan{background: url(../images/short_term_banner_mobile.jpg) no-repeat;} .center-img-mobile img{margin: 0 auto;} .map-image {margin-bottom: 30px;} ul.list{padding-left: 40px;} .approved .img-responsive{padding-left: 0;} .short-term{ padding: 10px 0 0 0;} .interest-types .fa-check-square-o {display: none;} .focused-lending .interest-types, .focused-lending .para-one {margin-bottom: 0;} } /*----15feb---------*/ .inner-page .top-spacing { margin-top: 80px; } .inner-page .navbar-nav { margin-top: 0; } .inner-page .navbar-default .navbar-brand { margin-top: -15px; } .hm-header .navbar { top: 0; padding-top: 20px; } .inner-banner.home-imporvement .common .sub-heading{font-size: 13px; line-height: 23px;} .inner-banner.home-imporvement .common .large-heading {font-size: 21px;} .homepage .hm-header .navbar { top: 27px; padding-top: 20px; } /*============================== NEW ADDED CSS FOR NEW MENU start ================================*/ .top-information { padding: 8px 0; } .top-information ul { list-style-type: none; display: flex; justify-content: center; margin: 0; padding: 0; } .top-information ul li:first-child { border-right: 2px solid #000; margin-right: 5px; padding-right: 5px; } .top-information ul li span { font-size: 16px; font-weight: bold; } .top-information ul li a { font-size: 16px; font-weight: bold; color: #000; margin-left: 5px; } .warning-information { background: #003990; color: #ffffff; } .warning-information p { margin-bottom: 0; font-size: 16px; text-align: center; line-height: 26px; } .nav01 .fa { background: #003990; color: #fff; padding: 10px 15px; border-radius: 5px; position: relative; } .row1 { display: flex; flex-wrap: wrap; } .maindiv{ max-width: 1170px; width: 100%; margin: 0 auto; } .img-fluid{ max-width: 100%; } .img-res{ max-width: 100%; width: 100% } .header { padding: 10px 0; } .header .row { justify-content: space-between; } .logo { max-width: 283px; width: 100%; } .nav01 { width: 53%; display: flex; flex-wrap: wrap; } a.top_ph { width: 100%; text-align: right; color: #ff4266; font-size: 10px; letter-spacing: 2px; } .menu01 { display: flex; width: 100%; justify-content: flex-end; list-style-type: none; padding-left: 0; } .menu01 li a { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 14px 20px; font-size: 14px; letter-spacing: .5px; font-weight: 400; line-height: 1; text-transform: uppercase; color: #000; } .menu01 li:last-child { } .menu01 li.active1 > a { background: #003990; color: #fff; border-radius: 24px; } .menu01 li a:hover { background: #003990; color: #fff; border-radius: 24px; } .menu01 li { padding: 0px 0px; } .icon1 { position: relative; } .icon1:before { content: "\f078"; font-family: FontAwesome; position: absolute; color: #fff; right: 15px; top: 5px; font-size: 10px; } #menu-icon { color: #231f20; font-size: 20px; line-height: 0; padding: 0; padding-top: 5px; background: transparent; margin-bottom: 10px; border: 0; } .nav01 .apply-now { background: #f3c600; } /*---fixed header--*/ .new-header.fixed-header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 0 0 17px 6px rgb(0 0 0 / 10%); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .new-header{ -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } /*------------------desktop dropdown menu start --------------*/ @media only screen and (min-width: 768px) { .header .menu01 li ul { text-align: left; display: none; z-index: 4; left: calc(50% - 118px); position: absolute; width: 240px; padding-left: 0; list-style-type: none; background: #fff; z-index: 9; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); top: 34px; left: 0; color: #000; } .menu01 li{ position: relative; } .header .menu01 li:hover > ul { display: block; z-index: 3; } .header .menu01 li ul li:last-child { width: 100%; } .header .menu01 li ul li:last-child a { } .header .menu01 li ul li a { border-bottom: 1px solid #ccc; color: #3d5265; display: block; padding: 10px 20px; font-size: 14px; text-transform: capitalize; } .header .menu01 li ul li a:hover { background: #003990; color: #fff; border-radius: 0; } .header .menu01 li ul li { width: 100%; position: relative; padding: 0px; } .submenu li a { padding: 15px 0 !important; } #menu-icon { display: none; } .header .menu01 li ul li ul { display: block; background: #231f20; position: absolute; left: 226px; top: 0px; opacity: 0; } .header .menu01 li ul li:hover ul { opacity: 1; } .header .menu01 li ul li:last-child { } .apply-now { border-radius: 24px; } .row-new { justify-content: space-between; align-items: center; } .chev1 { position: relative; } .chev1:after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 7px; font-size: 1em; line-height: 16px; top: 16px; } .nav01{ padding-top: 15px; } } /*------------------desktop dropdown menu end--------------*/ @media screen and (max-width:767px) { .maindiv {padding: 0 15px;} .menu01 { padding: 0; background: #01173a; display: none; list-style-type: none; } .menu01 li.active1, .menu01 li:hover { background: #003990; color: #fff; } .menu01 li { width: 100%; padding: 0; margin-bottom: 15px } .menu01 li:last-child { margin-bottom: 0px;} .menu01 .logo-desktop { display: none; } .nav01 { width: 100%; justify-content: flex-end; position: relative; } .logo { max-width: 230px; position: absolute; z-index: 9; } .menu01 li a { color: #fff; padding: 8px 20px; display: block; font-size: 13px; } .sub_menu { display: none; padding-left: 10px; list-style-type: none; } .sub_menu li a { font-size: 13px; padding-top: 8px; padding-bottom: 8px; text-transform: capitalize; } .sub_menu_2.adjust { display: block; } .sub_menu_2{ display: none; padding-left: 10px; } .top-information ul{ flex-direction: column; align-items: center; } .logo-header { padding-top: 20px; padding-bottom: 10px; } .menu-icon .fa{ top: -11px; } .top-information ul li:first-child { border-right: 0px solid #fff; margin-right: 0; padding-right: 0; } } #intro{padding-top: 0;} #intro.hm-banner {padding-top: 0px;} /*============================== NEW ADDED CSS FOR NEW MENU end ================================*/ .text-center{text-align: center;} .rounded{border-radius: 5px;} .pt-1{padding-top: 20px;} .pt-2{padding-top: 40px;} .pt-3{padding-top: 60px;} .pb-1{padding-bottom: 20px;} .pb-2{padding-bottom: 40px;} .pb-3{padding-bottom: 60px;} .mt-1{margin-top: 20px;} .mt-2{margin-top: 40px;} .mt-3{margin-top: 60px;} .mb-1{margin-bottom: 20px;} .mb-2{margin-bottom: 40px;} .mb-3{margin-bottom: 60px;} .home-improve .common { margin-bottom: 30px; } .two-div .col{width: 48%} .four-div .col{width:23%;} .three-div .col {width: 31%;} .four-div .wrp h4 { color: #003990; } .four-div .wrp { background: #fff; padding: 25px 25px; border-radius: 8px; webkit-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); -moz-box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 0.2); box-shadow: 0px 1px 4px 2px rgb(77 77 77 / 20%); min-height: 268px; } .four-div .row1 { justify-content: space-between; } .mort-list .common{margin-bottom: 40px;} .mort-list .common a { line-break: anywhere; } .mrt ul.list { padding-left: 30px; } .inner-four.mrt { padding-bottom: 0; } .inner-four.mrt .common { margin-bottom: 40px; } .inner-four.mrt ul.list li { margin-bottom: 0; } .tble-res{overflow-x: auto;} /*--26-04-2022--*/ .feature-below-h p{ font-style: italic; margin-bottom: 5px; } .bsl1 .common { margin-bottom: 35px; } .ten-feature-box .wrap-new { display: flex; flex-wrap: wrap; justify-content: space-between; } .ten-feature-box .wrap-new .box { width: 18%; text-align: center; box-shadow: 0px 1px 3px 2px rgb(77 77 77 / 10%); border-radius: 5px; margin-bottom: 30px; } .ten-feature-box .wrap-new .box h4 { color: #ffffff; background: #003990; padding: 10px; min-height: 89px; border-radius: 5px 5px 0 0; line-height: 23px; } .ten-feature-box .wrap-new .box p{padding: 0 10px;} /* --new demo home banner start */ .desktop-header .banner-data { display: flex; } .desktop-header .image-area { background: url(../images/mylende.jpg); background-size: cover; background-repeat: no-repeat; width: 50%; justify-content: center; display: flex; align-items: center; position: relative; } .desktop-header .image-area:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 30%); } .b-logo { position: relative; background: rgb(255 255 255); padding: 15px 15px; border-radius: 5px; } .desktop-header .banner-data .content-area { width: 50%; padding: 30px 60px; background: #003990; } .banner-heading { font-size: 27px; line-height: 37px; font-weight: 600; text-align: center; display: block; margin-bottom: 20px; color: #fff; } .banner-data-ul { list-style-type: none; } .banner-data-ul li { text-align: center; font-size: 20px; line-height: 30px; padding: 16px; border-bottom: 1px solid #ccc; } .banner-data-ul li:last-child { border-bottom: 0; } .banner-data-ul li a { color: #fff; } .all-total-header{background: #003990;} .ribbon-header { background: #003990; padding: 7px; } .ribbon-header p { color: #000; margin-bottom: 0; padding: 12px 50px; background: #f3c600; position: relative; } .ribbon-header p:before { width: 0px; height: 0px; border-top: 42px solid transparent; border-bottom: 42px solid transparent; border-left: 42px solid #003990; content: ""; position: absolute; top: 0; left: 0; } .ribbon-header p:after { width: 0px; height: 0px; border-top: 42px solid transparent; border-bottom: 42px solid transparent; border-right: 42px solid #003990; content: ""; position: absolute; top: 0; right: 0; } .all-total-header .top-information { background: #fff; } .all-total-header .warning-information { padding: 8px; } .mobile-header{display: none;} .menu01 span.no-link { border-radius: 24px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 14px 20px; font-size: 14px; letter-spacing: .5px; font-weight: 400; line-height: 1; text-transform: uppercase; color: #000; } .menu01 span.no-link:hover { background: #003990; color: #fff; border-radius: 24px; } /* --new demo home banner end */ /* --07-09-2024--*/ .banner-content-block p.sub { margin-bottom: 5px; font-size: 22px; line-height: 32px; } .banner-list { list-style-type: none; display: inline-flex; padding: 0; } .banner-list li { margin: 15px; font-size: 18px; line-height: 28px; } .banner-content-block { color: #fff; } .four-div.quickln .wrp{min-height: auto;} @media(min-width:768px){ .count3 { column-count: 3; column-gap: 70px; } .new-map { display: flex; align-items: center; } } @media(max-width:991px){ .desktop-header{display: none;} .mobile-header{display: block;} .all-total-header {background: transparent;} .display-logo { padding: 15px 30px; display: flex; justify-content: space-between; } .ham-menu .fa { font-size: 30px; line-height: 40px; color: #003990; border: 1px solid #003990; padding: 5px 15px 5px 15px; border-radius: 5px; } .ham-menu-list { list-style-type: none; background: #003990; padding-top: 8px; padding-bottom: 8px; margin: 0; } .ham-menu-list li a { font-size: 20px; line-height: 30px; padding: 10px 0; display: block; color: #fff; } .ribbon-header p:before, .ribbon-header p:after{display: none;} .ham-menu-list{display: none;} .mobile-header .image-area { background: url(../images/mylende.jpg); background-size: cover; background-repeat: no-repeat; position: relative; padding: 160px 0px; } .mobile-header .image-area:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0 0 0 / 40%); } .mobile-header .image-area .banner-heading { position: relative; max-width: 450px; margin: 0 auto; } } @media(max-width:767px){ .ten-feature-box .wrap-new .box {width: 100%;} .ten-feature-box .wrap-new .box h4{min-height: auto;} .four-div .col, .three-div .col, .two-div .col {width: 100%;margin-bottom: 30px;} p{line-break: anywhere;} .top-information ul li:first-child{margin-bottom: 10px;} .menu01 span.no-link {color: #fff;} .banner-list{display: block;} .new-map img {margin-bottom: 30px;} }