html{box-sizing:border-box; height:100%}*,*:before,*:after{box-sizing:inherit}

body{margin:0; height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; font-family:Roboto-Regular,Arial,Helvetica,sans-serif; color:#333333; font-size:16px; line-height:1.7em}

a:link.w3-text {color:inherit}
a:active.w3-text {color:inherit}
a:visited.w3-text {color:inherit}
a:hover.w3-text {text-decoration:none}

a:link.w3-text2 {color:inherit; text-decoration:none}
a:active.w3-text2 {color:inherit; text-decoration:none}
a:visited.w3-text2 {color:inherit; text-decoration:none}
a:hover.w3-text2 {text-decoration:underline}

a:link.w3-text3 {color:#997033}
a:active.w3-text3 {color:#997033}
a:visited.w3-text3 {color:#997033}
a:hover.w3-text3 {text-decoration:none}

a:link.w3-text4 {color:inherit; text-decoration:none}
a:active.w3-text4 {color:inherit; text-decoration:none}
a:visited.w3-text4 {color:inherit; text-decoration:none}
a:hover.w3-text4 {text-decoration:none}

h1{font-size:2.5em; line-height:1.5em; font-family:RobotoSlab-Bold}
h2{font-size:1.87em; line-height:1.5em; font-family:RobotoSlab-Bold}
/*h3{font-size:1.333em; line-height:1.5em; font-family:RobotoSlab-Bold}*/
h3{font-size:1.5em; line-height:1.5em; font-family:RobotoSlab-Bold}
h4{font-family:RobotoSlab-Bold}
.titlek{font-size:30px; line-height:40px; font-family:RobotoSlab-Bold}

.title-r{font-size:4.5em; line-height:1.5em; margin:inherit}

/*.nav{color:#000000; font-size:0.875em;}*/
.nav{color:#000000; font-size:0.8125em;}
.nav2{color:#999999; font-size:0.8125em;}

.bold{font-family:Roboto-Bold}
.white{color:#ffffff}
.yellow{color:#997033}
.shadow{text-shadow: 0px 0px 5px #000000}
.p1{font-size:1.333em}
.p2{font-size:1.125em}

.flex-container{display:-webkit-box; display:-webkit-flex; display:flex}

.top{position:fixed; width:100%; z-index:9999; top:0}
.top-container{-webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between}
#top1{width:100%; transition:all 1s ease; color:#ffffff}
.top1-bg1{background-color:transparent}
.top1-bg2{background-color:#000000}
#top1-review{padding:0px 10px}
.top1-review1{filter: brightness(500%) grayscale(100%);}
.top1-review2{filter: grayscale(0%);}
#top2{width:100%; transition:all 1s ease}
.top2-bg1{background-color:transparent}
.top2-bg2{background-color:#ffffff}
.top2-logo{padding:0px 10px}
.topS{position:fixed; width:49.99999%; min-width:420px; color:#997033;padding:0; z-index:9999; top:0px; background:#f7f7f7}

.content-container{-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-direction:column; flex-direction:column}

.banner{width:100%; background-position:top center, top center; background-repeat:repeat-x, no-repeat; background-size: auto, cover}
.banner2{width:100%; background-position:top center, center; background-repeat:repeat-x, no-repeat; background-size: auto, cover}
.banner3{width:100%; background-position:top center, center; background-repeat:repeat-x, no-repeat; background-size: auto, cover}

.landing-container{width:100%; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.landing-link-group{padding:1em 0px; text-align:right}
.landing-link{display:block; font-size:1.2em; line-height:1.8em; font-family:Roboto-Bold}

.home-intro-container{-webkit-justify-content:center; justify-content:center}
.home-intro{max-width:1000px; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-intro-title{font-family:RobotoSlab-Bold; font-size:3.333em; line-height:1.2em}

.home-box-container{width:100%; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-box{padding:1px}
.home-box-item{position:relative; width:100%}
.home-box-item img{width:100%}
.home-box-item .text {position: absolute; top: 50%; left: 0%; margin-top:-45px; width:100%; font-family:RobotoSlab-Bold;font-size:1.666em;color: #ffffff; line-height:1.5em; text-shadow: 0px 0px 5px #000000;text-align:center}

.home-stat{margin-top:30px; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-stat-item{padding:10px 30px; font-family:RobotoSlab-Bold; font-size:1.222em; line-height:1.5em; color:#5d5d5d}
.home-stat-item img{height:60px}
.home-stat-item .title{font-size:3.333em; line-height:1.5em; color:#997033}
.home-stat-item .title2{font-size:2.333em; line-height:1.5em; color:#997033}

.home-team-container{width:100%; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-team-container img{width:100%; padding:30px 0px}

.home-award-container{width:100%; background:#997033}

.home-panel{-webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-panel img{width:100%}

.campaign-top{padding:0px 20px; width:100%; background:#ffffff}
.campaign-title{font-size:2.9em; line-height:1.5em; font-family:RobotoSlab-Bold}
.campaign-title2{font-size:2.2em; line-height:1.5em; font-family:RobotoSlab-Regular}
.campaign-title3{font-size:1.5em; line-height:1.5em; font-family:RobotoSlab-Regular}
.campaign-title4{font-size:1.25em; line-height:1.5em; font-family:RobotoSlab-Regular}
.campaign-p1{font-size:1.5em; line-height:1.5em; font-family:RobotoSlab-Bold}
.campaign-p2{font-size:1.25em; line-height:1.5em; font-family:RobotoSlab-Bold}
.campaign-p3{font-size:0.85em; line-height:1.5em}
.campaign-footer-container{-webkit-justify-content:center; justify-content:center}
.campaign-footer-item{padding:10px 35px}

.grid-container {display: inline-grid}
.grid-item {padding: 10px}

.radio-group-container{display:inline; }
.radio-container{display:inline-block; position: relative; padding-left: 35px; margin-right: 30px!important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.radio-container input{position: absolute; opacity: 0; cursor: pointer; width: 0!important; height: 0!important}
.radiobtn{position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: #ffffff; border:none; border-radius: 0}
.radio-container:hover input ~ .radiobtn{background: #cccccc}
.radio-container input:checked ~ .radiobtn{background: #333333}
.radiobtn:after{content: ""; position: absolute; display: none}
.radio-container input:checked ~ .radiobtn:after{display: block}
.radio-container .radiobtn:after{top: 8px; left: 8px; width: 8px; height: 8px; border-radius: 0; background: white}

.check-container{display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.check-container input{position: absolute; opacity: 0; cursor: pointer; width: 0!important; height: 0!important}
.checkmark{position: absolute; top: 0; left: 0; width:25px; height:25px; background: #ffffff; border:1px solid #997033}
.check-container:hover input ~ .checkmark{background: #cccccc}
.check-container input:checked ~ .checkmark{background: #997033}
.checkmark:after{content: ""; position: absolute; display: none}
.check-container input:checked ~ .checkmark:after{display: block}
.check-container .checkmark:after{top: 5px; left: 9px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}

.service-container{width:100%; min-height:400px; background:#f9f9f9; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service-image{width:100%; height:100%; background-position: center; background-size:cover}
.service-text{-webkit-align-items:center; align-items:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service2-container{-webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service2-text{max-width:800px}

.loan-container{width:100%; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.loan-container img{width:100%; padding:1em 0px}
.loan-link{-webkit-align-items:center; align-items:center}
.loan-other{padding:0px 30px; font-family:RobotoSlab-Bold; color:#999999}

.why-container{width:100%; background:url(images/why2.webp) center bottom; background-size:cover}
.why-box{-webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center}
.why-text{background:#ffffff; max-width:49.99999%; opacity:0.9}

.testimonial-container{width:100%; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.testimonial{padding:10px; scroll-margin-top:170px}
.testimonial-item{width:100%; height:100%; border:10px solid transparent; border-image: url(images/bgBorder2.webp) 10 10 stretch; padding:30px; background:#f7f7f7; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; text-align:center}
.testimonial-item hr {width:25%}
.testimonial-item .name {font-family:RobotoSlab-Bold; color:#997033}

.award-container{width:100%; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.award{padding:5px; transition: all 0.2s ease}
.award:hover{box-shadow: 0 0 10px 2px #ccc;}
.award-item{width:100%; height:100%; padding:10px; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center}
.award-item .image{-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-items:center; align-items:center}
.award-item img{padding:5px; max-width:100%}
.award-item .text {padding:5px; -webkit-flex-shrink: 0; flex-shrink: 0; font-family:RobotoSlab-Bold; text-align:center}
.award-reveal img{padding:5px; border:1px solid #cccccc; max-width:100%}

.partner-container{width:100%; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.partner{padding:10px; transition: all 0.2s ease}
.partner:hover{box-shadow: 0 0 15px 2px #ccc;}
.partner:hover img{filter: grayscale(0%)}
.partner-item{width:100%; height:100%; padding:10px; background:#ffffff; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center}
.partner-item .image{-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-items:center; align-items:center}
.partner-item img{padding:10px; max-width:100%}
.partner-item .text {padding:10px; -webkit-flex-shrink: 0; flex-shrink: 0; font-family:RobotoSlab-Bold; text-align:center}

.knowledge-container{width:100%; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.knowledge{padding:10px; transition: all 0.2s ease}
.knowledge:hover{box-shadow: 0 0 15px 2px #ccc;}
.knowledge:hover img{filter: grayscale(0%)}
.knowledge-item{width:100%; height:100%; padding:10px; background:#ffffff; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:left; align-items:left}
.knowledge-item .image{-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-items:center; align-items:center}
.knowledge-item img{padding:10px; max-width:100%}
.knowledge-item .text {padding:10px; -webkit-flex-shrink: 0; flex-shrink: 0; font-family:RobotoSlab-Bold; font-size:20px; text-align:left}

.knowledge-item2{width:100%; height:100%; padding:0px; background:#ffffff; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:right; align-items:right}
.knowledge-item .text2 {padding:10px 10px 0px 10px; -webkit-flex-shrink: 0; flex-shrink: 0; font-family:Roboto-Regular; text-align:left}
hr{border:1px solid #bcbcbc}
.blog-category{-webkit-flex-wrap:wrap; flex-wrap:wrap}
.blog-category-item{padding:5px; font-size:20px; color: #333333; text-decoration:none}
a.blog-category-item:hover {text-decoration:underline}

.team-container{width:100%; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.team{padding:10px; transition: all 0.2s ease}
.team:hover{box-shadow: 0 0 15px 2px #ccc;}
.team-item{width:100%; height:100%; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center}
.team-item img{width:100%}
.team-item .text {padding:10px; text-align:center}
.team-item .text span{font-size:1.25em; line-height:1.5em; font-family:RobotoSlab-Regular; color:#997033}

.team-name{font-size:2.666em; line-height:1.5em; font-family:RobotoSlab-Bold}
.team-at-work{padding:30px; margin-top:60px; width:50%; background:#ffffff}
.team-profile-container{-webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.team-outside-work{padding:30px; background:#f6f6f6}

.refer-item{display: flex; flex-direction: column; justify-content: space-between; height: 100%}
.refer img{max-width:100%}

.calculator{position:relative}
.calculator-button{position:absolute; top:3px; right:50px}
.calculator-container{width:100%; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}

.message-container{width:100%; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}

.contact-container{width:100%; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.contact-map{min-height:300px; border:1px solid #cccccc}

#contactForm,#contactForm2,#contactForm3{width:100%}
#contactForm label,#contactForm2 label{display:block;line-height:30px}
#contactForm input,select,#contactForm2 input,select,#contactForm3 input{display:block;border:1px solid #cccccc; background:#ffffff; width:100%; height:50px; font-family:inherit; color:#757575; font-size:inherit; margin-bottom:10px}
#contactForm textarea,#contactForm2 textarea{display:block;border:1px solid #cccccc; background:#ffffff; width:100%; height:110px; font-family:inherit; color:#757575; font-size:inherit;margin-bottom:10px}
#contactForm4{width:100%}
#contactForm4 label{display:block;line-height:30px}
#contactForm4 input,select{display:block;border:1px solid #cccccc; background:#ffffff; padding:10px; width:100%; max-width:420px; height:50px; font-family:inherit; color:#757575; font-size:inherit; margin-bottom:10px}
#contactForm4 textarea{display:block;border:1px solid #cccccc; background:#ffffff; padding-left:10px; width:100%; max-width:420px; height:145px; font-family:inherit; color:#757575; font-size:inherit;margin-bottom:10px}

.disclaimer > li{margin-bottom:1.5em}

.footer{-webkit-flex-shrink: 0; flex-shrink: 0}

.footer-menu-container{width:100%; background:#997033; color:#dfdfdf}
.footer-menu{-webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer-menu-contact{font-size:1em; padding:10px 0px}
.footer-menu-title{font-family:RobotoSlab-Bold; color:#ffffff; padding:10px 0px}
.footer-menu-link{font-size:0.875em; line-height: 1.7em}

.footer-container{width:100%; font-size:0.666em; line-height:1.7em}
.footer-content{-webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer-logo{padding:10px; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer-logo-item{padding:10px 0px}
.footer-bgc{-webkit-justify-content:center; justify-content:center}
.footer-bgc-text{padding:0px 10px; line-height:1.4em; white-space:nowrap}

.btn {border-radius:0px; margin:10px 0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn span {display: inline-block; position: relative; transition: 0.5s;}
.btn span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn:hover span {padding-right: 25px;}
.btn:hover span:after {opacity: 1; right: 0;}

.btn2 {border-radius:0px; margin:10px 0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn2 span {display: inline-block; position: relative; transition: 0.5s;}
.btn2 span:before {content: '\00ab'; position: absolute; opacity: 0; top: 0; left: -20px; transition: 0.5s;}
.btn2:hover span {padding-left: 25px;}
.btn2:hover span:before {opacity: 1; left: 0;}

.button {width:200px; height:70px; background:none; border:1px solid #997033; font-family: RobotoSlab-Bold; font-size:1.25em; color:inherit; cursor:pointer}
.button2 {width:140px; height:40px; background:none; border:1px solid #997033; font-family:RobotoSlab-Regular; font-size:inherit; color:inherit; cursor:pointer}
.button3 {width:300px; height:50px; background:#997033; border:none; font-family:RobotoSlab-Regular; font-size:1.333em; color:#ffffff; cursor:pointer}
.button4 {width:200px; height:70px; margin:10px 0px; background:#ffffff; border:1px solid #997033; font-family: RobotoSlab-Bold; font-size:1.25em; color:inherit; cursor:pointer}
.button4:hover{background:#997033; color:#ffffff}
.button5 {width:280px; height:50px; margin:0px 0px 20px 0px; background:#996f32; border:none; font-family: RobotoSlab-Bold; font-size:16px; color:#ffffff; cursor:pointer}
.button5:hover{background:#333333; color:#ffffff}
.button6 {width:285px; height:50px; margin:0px 0px 10px 0px; background:#996f32; border:none; font-family: RobotoSlab-Bold; font-size:16px; color:#ffffff; cursor:pointer}
.button6:hover{background:#333333; color:#ffffff}
.button7 {width:300px; height:70px; margin:0px; background:#997033; border:none; font-family: RobotoSlab-Bold; font-size:1.25em; color:#ffffff; cursor:pointer}
.button7:hover{background:#333333; color:#ffffff}
.button8 {width:200px; height:70px; margin:10px 0px; background:#997033; border:none; font-family: RobotoSlab-Bold; font-size:1.25em; color:#ffffff; cursor:pointer}
.button8:hover{background:#333333; color:#ffffff}

.w3-button{border:none;display:inline-block; width:100%;padding:0px 10px;vertical-align:middle;overflow:hidden;text-decoration:none; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button:hover{color:#997033!important}
.w3-button2{border:none;display:inline-block; width:100%;padding:10px 6px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:RobotoSlab-Regular; font-size:16px; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button2:hover{color:#997033!important}
.w3-button3{border:none; background:inherit; display:inline-block; width:100%; padding:5px 20px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:Roboto-Regular; font-size:16px; color:inherit;cursor:pointer;white-space:nowrap}
.w3-button3:hover{background:#f5f5f5!important}
.w3-button4{border:none;display:inline-block; width:auto; margin:0px 10px 0px 8px!important; padding:10px 20px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:RobotoSlab-Bold; font-size:16px; color:#ffffff;background-color:#997033;cursor:pointer;white-space:nowrap;transition: 0.3s;}
.w3-button4:hover{background-color:#333333!important; }
.w3-button5{border:none;display:inline-block; width:50px; height:50px; vertical-align:middle;overflow:hidden;text-decoration:none; font-family:inherit; color:#ffffff;background-color:#997033;cursor:pointer;white-space:nowrap}
.w3-button6{border-top:1px solid #cccccc; background:inherit; display:inline-block; width:100%; padding:5px 20px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:RobotoSlab-Regular; font-size:inherit; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button7{border:none; background:inherit; display:inline-block; width:100%; padding:0px 20px 5px 40px;vertical-align:middle;overflow:hidden;text-decoration:none; font-family:inherit; font-size:0.875em; color:#333333;cursor:pointer;white-space:normal}

hr{border-bottom:1px solid #cccccc}

.parent {display: block;position: relative;float: left;}
.parent:hover > ul {display:block;position:absolute;}
.child, .child2 {display: none; margin-left:-10px!important;}
.child li {background: #ffffff; width:100%;}
.child2 {background: #ffffff; width:385%;}
.ul{list-style: none;margin: 0;padding: 0;}

details[open] summary ~ * {animation: open 0.3s ease-in-out}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

details summary::-webkit-details-marker {display: none}

details summary {width: 100%; position: relative; cursor: pointer; list-style: none; outline: 0}

details .summaryMenu {padding:5px 0px; border-top:1px solid #cccccc; font-family:RobotoSlab-Regular; font-size:inherit}
details .summaryMenu span {padding:0px 20px}
details .summaryMenu:after {content: "\f107"; color:#ffffff; background:#997033; position: absolute; top:5px; right: 20px; font-family:FontAwesome; font-size:inherit; width:1.5em; height:1.5em; text-align:center; transform-origin: center; transition: 200ms linear}
details[open] .summaryMenu:after {transform: rotate(180deg)}

details .summaryContent {padding:30px 0px; font-family:RobotoSlab-Bold; font-size:1.333em; line-height:1.5em}
details .summaryContent span {font-family:Roboto-Bold; padding-right:40px}
details .summaryContent:after {content: "\f067"; position: absolute; top:30px; right: 0px; font-family:FontAwesome; font-size:inherit; width:1.5em; height:1.5em; text-align:center; transform-origin: center; transition: 200ms linear}
details[open] .summaryContent:after {transform: rotate(45deg)}

.preload{animation:none!important}

.animation-RightToLeft{animation: slideInFromRight 1s ease 0s 1}

@keyframes slideInFromRight {
  0% {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(0);
  }
}

.animation-LeftToRight{animation: slideInFromLeft 1s ease 0s 1}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}

.animation-BottomToTop{animation: slideInFromBottom 1s ease 0s 1}

@keyframes slideInFromBottom {
  0% {
    transform: translateY(20px);
	opacity:0;
  }
  100% {
    transform: translateY(0);
	opacity:1;
  }
}

.brighten img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}
.brighten img:hover {
  -webkit-filter: brightness(80%);
}

.w3-padding,.w3-row-padding:after,.w3-row-padding:before,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-left{float:left!important}.w3-right{float:right!important}

.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}

.w3-quarter{width:24.99999%}
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}
.w3-twothird{width:66.66666%}
.w3-whole{width:99.99999%}

@media (max-width:1200px){
	.top-item{padding:10px 0px}
	.top1-bg1{background-color:#000000!important}
	#top1-review{padding:0px!important; height:20px!important}
	.top1-review1{filter: grayscale(0%)!important;}
	.top2-bg1{background-color:#ffffff!important}
	.top2-logo{padding:0px!important; height:70px!important}
	.banner,.banner2{padding-top:130px}
	.landing{padding:10px 0px}
	.testimonial{scroll-margin-top:130px!important}
	.w3-hide-s{display:none!important}
	}
@media (min-width:1201px){
	.top-item{padding:10px}
	.banner,.banner2{padding-top:170px}
	.banner3{padding-top:290px}
	.landing{padding:10px 20px}
	.w3-hide-l{display:none!important}
	}

@media (max-width:600px){
	body{font-size:14px!important; line-height:1.875em!important}
	h1{font-size:2em!important; line-height:1.5em!important}
	h2{font-size:1.6em/*!important*/; line-height:1.5em!important}
	h3{font-size:1.3em/*!important*/; line-height:1.5em!important}
	.p1{font-size:1.125em!important}
	.p2{font-size:1em}
	.titlek{font-size:24px; line-height:34px; font-family:RobotoSlab-Bold}
	.title-r{font-size:3em; line-height:1.5em; margin:inherit}
	.topS{min-width:300px!important}
	.campaign-top{padding:0px 10px!important}
	.campaign-content{margin-top:0px!important}
	.campaign-footer-container{flex-direction:column}
	.content-container{margin-top:130px}
	.banner,.banner2{padding-top:0px!important}
	.banner2{background:#f3f3f3!important}
	.landing-link-group{text-align:left!important}
	.landing-link{font-size:1.25em!important; line-height:1.5em!important}
	.home-intro-title{font-size:1.85em!important; line-height:1.5em!important}
	.home-stat-item{padding:10px 15px!important; font-size:1em!important; line-height:1.5em!important}
	.home-stat-item .title{font-size:2.25em!important; line-height:1.5em!important}
	.home-stat-item .title2{font-size:1.5em!important; line-height:1.5em!important}
	.home-team-container{-webkit-flex-direction:column-reverse; flex-direction:column-reverse}
	.home-team-container img{padding:30px 0px 0px 0px!important}
	.home-team-text{padding:30px 20px}
	.service-container{min-height:200px!important}
	.loan-direction{-webkit-flex-direction:column-reverse; flex-direction:column-reverse}
	.loan-link{-webkit-flex-direction:column; flex-direction:column}
	.box-padding{padding:30px 20px}
	.why-text{max-width:99.99999%!important}
	.testimonial{padding:5px 0px!important}
	.testimonial-item{padding:20px!important}
	.award{padding:5px!important}
	.award-item{padding:0px!important}
	.award-reveal{-webkit-flex-direction:column-reverse; flex-direction:column-reverse}
	.partner{padding:5px!important}
	.partner-item{padding:0px!important}
	.team{padding:5px!important}
	.team-banner{background:none!important}
	.team-name{font-size:2em!important}
	.team-outside-work{padding:20px!important; margin:0px -20px!important}
	.refer-item{flex: 1 0 100%; /* Adjusts layout for smaller screens */}
	.knowledge-item .text {font-family:RobotoSlab-Bold; font-size:18px; text-align:left}
	.blog-category-item{padding:5px; font-size:16px; color: #333333; text-decoration:none}
	.calculator-button{position:static!important}
	.contact-map{margin-top:30px}
	.footer-content{-webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center!important; justify-content:center!important}
	.footer-bgc-text{line-height:1.5em!important}
	.button {width:160px!important; height:50px!important; font-size:1.125em!important}
	.button2 {width:120px!important}
	.button4 {width:160px!important; height:50px!important; font-size:1.125em!important}
	.button8 {width:160px!important; height:50px!important; font-size:1.125em!important}
	.w3-button{padding:0px 5px!important}
	details .summaryContent {padding:10px 0px!important}
	details .summaryContent:after {top:10px!important}
	.w3-hide-x-small{display:none!important}
	.w3-padding{padding:30px 20px}
	.w3-padding-x{padding:0px 20px}
	.w3-padding-y{padding:30px 0px}
	.w3-padding-x-t{padding:30px 20px 0px 20px}
	.w3-padding-banner{padding:0px 20px 30px 20px}
	.w3-padding-footer{padding:20px}
	.w3-padding-footerMenu{padding:30px 20px}
	.w3-col.xs4{width:33.33333%}
	.w3-col.xs6{width:49.99999%}
	}
@media (min-width:601px) and (max-width:992px){
	.campaign-top{padding:0px 10px!important}
	.campaign-footer-container{flex-direction:column}
	.banner2{background:#f3f3f3!important}
	.landing-link-group{text-align:left!important}
	.home-intro-title{font-size:2.666em!important; line-height:1.5em!important}
	.home-team-container{-webkit-flex-direction:column-reverse; flex-direction:column-reverse}
	.home-team-container img{padding:30px 0px 0px 0px!important}
	.home-team-text{padding:30px 20px}
	.service-container{min-height:300px!important}
	.loan-direction{-webkit-flex-direction:column-reverse; flex-direction:column-reverse}
	.box-padding{padding:30px 20px}
	.team-banner{background:none!important}
	.team-outside-work{padding:20px!important; margin:0px -20px!important}
	.refer-item{flex: 1 0 100%; /* Adjusts layout for smaller screens */}
	.contact-map{margin-top:30px}
	.footer-content{-webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center!important; justify-content:center!important}
	.w3-hide-small{display:none!important}
	.w3-padding{padding:30px 20px}
	.w3-padding-x{padding:0px 20px}
	.w3-padding-y{padding:30px 0px}
	.w3-padding-x-t{padding:30px 20px 0px 20px}
	.w3-padding-banner{padding:0px 20px 30px 20px}
	.w3-padding-footer{padding:20px}
	.w3-padding-footerMenu{padding:30px 20px}
	.w3-col.s2{width:16.66666%}
	.w3-col.s3{width:24.99999%}
	.w3-col.s4{width:33.33333%}
	.w3-col.s6{width:49.99999%}
	.w3-col.s8{width:66.66666%}
	.w3-col.s9{width:74.99999%}
	.w3-col.s16{width:48.49999%}
	.w3-col.s18{width:71.99999%}
	.w3-col.s20{width:45.49999%}
	}
@media (min-width:993px) and (max-width:1700px){
	.w3-button2{font-size:15px!important}
	.campaign-grid{grid-template-columns: auto 50px auto}
	.home-team-text{padding:30px 0px 30px 60px}
	.team-banner{background-size:contain; background-position:bottom center;background-color:#dbd7d3}
	.box-padding{padding:60px}
	.w3-hide-large{display:none!important}
	.w3-padding{padding:40px}
	.w3-padding-x{padding:0px 40px}
	.w3-padding-y{padding:40px 0px}
	.w3-padding-x-t{padding:60px 60px 0px 60px}
	.w3-padding-banner{padding:0px 60px 60px 60px}
	.w3-padding-footer{padding:30px 20px}
	.w3-padding-footerMenu{padding:40px 40px}
	.content-paddingC{padding-right:10px}
	.content-paddingC2{padding-left:10px}
	.content-paddingC3{padding-right:40px}
	.w3-col.l3{width:24.99999%}
	.w3-col.l4{width:33.33333%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l8{width:66.66666%}
	.w3-col.l9{width:74.99999%}
	.w3-col.l13{width:29.99999%}
	.w3-col.l14{width:63.99999%}
	.w3-col.l15{width:11.11111%}
	.w3-col.l16{width:48.49999%}
	.w3-col.l17{width:22.74999%}
	.w3-col.l18{width:71.99999%}
	.w3-col.l19{width:19.99999%}
	.w3-col.l20{width:45.49999%}
	.w3-col.l21{width:19.99999%}
	.w3-col.l22{width:21.99999%}
	.w3-col.l31{width:42%}
	.w3-col.l32{width:56%}
	}
	
@media (min-width:1200px) and (max-width:1700px){
	.campaign-grid{grid-template-columns: auto 50px auto}
	.w3-padding-footerMenu{padding:40px 60px}
	}

@media (min-width:1701px){
	.campaign-grid{grid-template-columns: auto 50px auto}
	.home-team-text{padding:30px 0px 30px 16.66%}
	.team-banner{background-size:contain; background-position:bottom center;background-color:#dbd7d3}
	.box-padding{padding:60px}
	.w3-hide-x-large{display:none!important}
	.w3-padding{padding:40px 16.66%}
	.w3-padding-x{padding:0px 16%}
	.w3-padding-y{padding:20px 0px 50px 0px}
	.w3-padding-x-t{padding:60px 16.66% 0px 16.66%}
	.w3-padding-banner{padding:0px 16.66% 60px 16.66%}
	.w3-padding-footer{padding:30px 20px}
	.w3-padding-footerMenu{padding:40px 17.66%}
	.content-paddingC{padding-right:15px}
	.content-paddingC2{padding-left:15px}
	.content-paddingC3{padding-right:70px}
	.w3-col.xl3{width:24.99999%}
	.w3-col.xl4{width:33.33333%}
	.w3-col.xl6{width:49.99999%}
	.w3-col.xl8{width:66.66666%}
	.w3-col.xl9{width:74.99999%}
	.w3-col.xl13{width:29.99999%}
	.w3-col.xl14{width:63.99999%}
	.w3-col.xl15{width:11.11111%}
	.w3-col.xl16{width:48.49999%}
	.w3-col.xl17{width:22.74999%}
	.w3-col.xl18{width:71.99999%}
	.w3-col.xl19{width:19.99999%}
	.w3-col.xl20{width:45.49999%}
	.w3-col.xl22{width:18.99999%}
	.w3-col.xl31{width:42%}
	.w3-col.xl32{width:56%}
	}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('font/RobotoSlab-Bold.eot');
    src: url('font/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Bold.ttf') format('truetype'),
         url('font/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('font/RobotoSlab-Regular.eot');
    src: url('font/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Regular.ttf') format('truetype'),
         url('font/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Back to Top button at bottom right */
#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(images/iconTop.webp) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}