/*Theme Name: Credit App*/
@import url(fonts/font.css);

.Padded,
.Rpadded {
	padding-right: 0
}

.Lpadded,
.Padded {
	padding-left: 0
}

.Navbar ul li a,
.navbar-brand {
	font-family: Montserrat, sans-serif;
	font-size: 16px
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#Client .carousel-indicators .active,
#Client .carousel-indicators li:hover,
#testimonials .owl-controls .owl-dot.active,
#textus .button:hover,
.Navbar ul li a i,
.navbar-toggle .icon-bar,
.sliderDt .carousel-indicators .active,
.sliderDt .carousel-indicators li:hover {
	background: #0071ce
}

.Navbar,
.Navbar ul li div,
body {
	background: #fff
}

.works h2,
body {
	color: #494744;
	margin: 0
}

.category ul li:last-child,
.remove-margin,
.works .step:last-child {
	margin-right: 0
}

#testimonials .name,
#testimonials .testiline,
.meet .meet-data h2,
footer h2 {
	text-transform: uppercase
}

body {
	font-family: Montserrat, sans-serif;
	font-size: 15px
}

.remove-margin {
	margin-left: 0
}

.clearfix {
	clear: both
}

#checkbox_rent_own input[type=checkbox]:focus,
a {
	outline: 0
}

.navbar-brand {
	display: none;
	color: #fff
}

.navbar-collapse {
	box-shadow: none
}

.textbox {
	width: 100%;
	margin: 1% 0;
	padding: 10px 15px 11px;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	color: #333;
	border: 1px solid rgba(0, 0, 0, .1)
}

.dtHeight {
	min-height: 250px
}

.Navbar {
	padding: 15px 0
}

.Navbar ul {
	margin: 0;
	padding: 0;
	position: relative
}

.Navbar ul li,
.owl-theme .owl-controls .owl-page {
	display: inline-block
}

.Navbar ul li a {
	transition: .3s;
	font-weight: 700;
	color: #53697a;
	padding: 10px 25px;
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	outline: 0
}

.Navbar ul li:last-child a:hover {
	background: 0 0;
	color: #0071ce
}

.Navbar ul li a i {
	border-radius: 5px;
	width: 23px;
	height: 23px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	margin-right: 5px
}

.Navbar ul li .active,
.Navbar ul li a:hover {
	background: #0071ce;
	color: #fff;
	transition: .2s ease-out
}

.Navbar ul li div {
	display: none;
	position: absolute;
	width: 100%;
	padding: 0;
	top: 40px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.logo a {
	display: block;
	width: 100%
}

.logo a img {
	width: 238px
}

.mrecord {
	border-radius: 10px 10px 0 0 !important;
	cursor: pointer !important
}

#Formvalidate1 .wpcf7-form,
.FinishSubmit,
.backD ul li:last-child a:before,
.check-animate input,
.contactD ul li:last-child a:before,
.owl-controls,
.postalcode ul li:last-child a:before,
.whiteCar {
	display: none
}

.sliderDt .carousel-inner .overlay {
	background: url("images/pattern-b.png") rgba(255, 255, 255, .1);
	width: 100%;
	height: 100%;
	position: absolute
}

#Client .carousel-inner .item img,
.displayImage,
.limage img,
.sliderDt .carousel-inner .item img,
.works .portion img {
	width: 100%
}

.sliderDt .carousel-indicators li {
	background: #fff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 5px
}

.sliderDt .carousel-caption {
	left: 50px;
	bottom: 100px
}

.sliderDt .carousel-caption .carousel-dt {
	background: rgba(0, 0, 0, .7);
	width: 580px;
	padding: 25px 35px;
	position: relative
}

.sliderDt .carousel-caption .carousel-dt:after {
	content: "";
	background: #0071ce;
	width: 14px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0
}

.sliderDt .carousel-caption .carousel-dt h1 {
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	font-size: 36px;
	text-align: left;
	margin: 0
}

.sliderDt .carousel-caption .carousel-dt span {
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	text-align: left;
	display: block;
	width: 100%
}

.sliderDt .carousel-caption a {
	background: #0071ce;
	display: inline-block;
	padding: 6px 15px;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	margin-top: 15px;
	float: left;
	text-shadow: none;
	text-transform: uppercase
}

.works {
	padding: 35px 0;
	background: #fff
}

.works h2 {
	font-family: Montserrat, sans-serif;
	font-size: 40px;
	font-weight: 600
}

.works .step h3,
.works .step p,
.works span {
	font-family: Montserrat, sans-serif;
	color: #222
}

.works span {
	font-size: 16px;
	line-height: 30px;
	display: block;
	width: 100%
}

.works .step {
	margin: 85px 30px 15px 0;
	background: #f5f5f5;
	border: 1px solid #ececec;
	padding: 90px 20px 25px;
	width: 31.5%;
	float: left
}

.works .step a {
	width: 160px;
	height: 160px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	box-shadow: 0 10px 4px -2px rgba(0, 0, 0, .2);
	top: -80px;
	line-height: 160px;
	left: 50%;
	margin-left: -80px
}

.cnt_box,
.cnt_box_oute r .textbox,
.contact form .textbox {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06)
}

.works .step h3 {
	font-size: 24px;
	line-height: 30px;
	display: block;
	width: 100%;
	font-weight: 600;
	margin-bottom: 20px
}

.works .step p {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	padding: 0 45px
}

.steps .step-title p {
	color: #4b5a6b;
    text-align: center;
    font-size: 30px;
    padding-top: 23px;
    padding-bottom: 15px;
    font-weight: bold;
}
    
.steps.step1 .step-title p {
	color: #4b5a6b;
    text-align: center;
    font-size: 22px;
    padding: 0px;
}


.wp-block-table td, .wp-block-table th {
    border: none;
    padding: 2px;
}

.category ul li div ul li:last-child,
.meet .meet-data h2,
footer h2 {
	padding-bottom: 10px
}

.meet,
.tData {
	position: relative
}

.meet .text-center {
	padding: 0 50px 0 0
}

.meet img {
	max-width: 100%
}

.meet .overlay {
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	position: absolute
}

.meet .meet-data {
	position: absolute;
	right: 60px;
	width: 40%;
	background: 0 0;
	padding: 35px 25px;
	top: 10px
}

.meet .meet-data h2 {
	color: #fff;
	font-family: "Fjalla One", sans-serif;
	font-size: 40px;
	margin: 0
}

.meet .meet-data .orange {
	color: #0071ce;
	font: 24px Montserrat, sans-serif
}

.meet .meet-data p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 18px;
	padding-top: 10px;
	line-height: 1.7
}

.headingTitle a {
	color: #0163b7;
}

.meet .meet-data .butto {
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 9px 35px;
	cursor: pointer
}

.meet .meet-data .butto:hover {
	border: 1px solid #0071ce;
	color: #0071ce
}

#Client .carousel-indicators li {
	background: #97a0a7;
	width: 16px;
	height: 16px;
	margin: 5px;
	border-radius: 50%
}

#Client .carousel-caption {
	position: relative !important;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 75px 0;
	text-shadow: none
}

#Client .carousel-caption h1,
#Client .carousel-caption h2 {
	color: #494744;
	font-size: 30px;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 0
}

#Client .carousel-caption p {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	color: #97a0a7;
	font-weight: 600;
	line-height: 24px;
	padding: 15px 25px 45px;
	border: 1px solid #a0a0a0;
	margin: 0 150px;
	position: relative
}

#Client .carousel-caption p:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #a0a0a0;
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -10px
}

#Client .carousel-caption a {
	display: inline-block;
	text-align: center;
	width: auto
}

#Client .carousel-caption a span {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 50px;
	float: left
}

#Client .carousel-caption a em {
	display: inline-block;
	width: 280px;
	color: #fff;
	float: left;
	margin-top: 50px;
	line-height: 100px;
	text-align: left;
	padding: 0 15px
}

.contact {
	position: relative;
	overflow: hidden
}

.contact.works .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.contact.works .container>div {
	height: 470px;
	width: 48%;
	position: relative;
	overflow: hidden
}

.contact .address {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	height: 100%;
	width: 45%;
	padding: 0 25px
}

.contact .address h4 {
	color: #494744;
	font-size: 38px;
	margin: 0
}

.contact form label,
.contact span {
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	color: #757575;
	line-height: 24px;
	display: block;
	width: 100%
}

.contact form div {
	display: block;
	margin-bottom: 15px
}

.contact form .textbox {
	width: 450px;
	padding: 7px 15px;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	color: #222;
	transition: border-color;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #e9eaec
}

.contact form .button {
	padding: 7px 25px;
	background: #0071ce;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	border: none
}

.contact form .button:hover {
	background: #0b5999
}

.works .marg {
	margin: 50px 0
}

.loans h2 {
	margin: 55px 0 0
}

.works .marg h4 {
	font-weight: 400;
	padding-top: 15px
}

.works .marg .text-center {
	transition: .3s;
	padding: 15px;
	border: 1px solid transparent;
	cursor: pointer
}

.works .marg .text-center:hover {
	background: #f5f5f5;
	border: 1px solid #ececec
}

.backD,
.works .marg .inner-space {
	margin-top: 50px
}

#testimonials,
.soc,
.soc li,
.soc ul,
footer ul.link {
	margin: 0;
	padding: 0
}

.works .marg a {
	color: #000;
	cursor: pointer
}

#testimonials {
	text-align: center
}

#testimonials .heading {
	text-align: center;
	font: bold 24px Montserrat, Arial, Montserrat, sans-serif;
	color: #0071ce
}

#testimonials .testiline {
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
	font: 14px Montserrat, Arial, Montserrat, sans-serif
}

#testimonials .testislide {
	padding: 0 10px
}

#testimonials .message {
	position: relative;
	padding: 30px 70px;
	background: #fff;
	color: #666;
	font: 300 14px/22px Montserrat, Arial, Montserrat, sans-serif;
	text-align: left;
	margin: 40px 0
}

#testimonials .message:before {
	content: url(images/quote.png);
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -30px
}

#testimonials .message:after {
	content: url(images/testi.png);
	position: absolute;
	top: 100%;
	right: 50px
}

#testimonials .name {
	display: block;
	width: 100%;
	padding: 40px 20px;
	text-align: right;
	color: #fff;
	font: 13px Montserrat, Arial, Montserrat, sans-serif
}

#testimonials .namebox,
#testimonials img,
.soc,
.soc a,
.soc li,
.soc ul {
	display: inline-block
}

#testimonials .namebox {
	text-align: center
}

#testimonials img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-bottom: 10px
}

#testimonials .owl-controls .owl-dots {
	text-align: center;
	margin-bottom: 15px
}

#testimonials .owl-controls .owl-dot {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 5px;
	border-radius: 50%;
	background: #fff
}

.soc li {
	list-style: none;
	float: left
}

.soc a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 10px 5px;
	text-decoration: none;
	background: #fff;
	color: #0071ce;
	border-radius: 50%;
	transition: .04s ease-out .1s
}

footer ul.link li,
footer ul.link li a {
	font: 14px Montserrat, sans-serif;
	color: #494744
}

.soc a:hover {
	background: #3f3f3f;
	color: #fff
}

footer {
	margin-bottom: 0;
	background-color: #fff;
	box-shadow: 0 2px 14px -7px rgb(0 0 0 / 48%)
}

footer .main-b {
	margin-bottom: 20px
}

footer h2 {
	font: 600 20px Montserrat, sans-serif;
	color: #494744;
	margin-top: 30px;
	margin-bottom: 15px
}

.sitemap .site-list ul li,
.sitemap ul li {
	padding-top: 12px;
	display: inline-block;
	float: left
}

footer ul.link li {
	list-style: none;
	padding: 3px 0
}

footer ul.link li a {
	cursor: pointer;
	transition: .3s;
	padding: 5px 0 10px;
	display: block
}

footer ul.link li a:hover {
	color: #0071ce;
	padding-left: 2px
}

.contactD,
.finalData,
.location,
.postalcode,
footer .col-sm-4 .link {
	overflow: hidden
}

footer .col-sm-4 .link li {
	padding-right: 20px;
	overflow-y: scroll;
	max-height: 197px;
	line-height: 1.7
}

footer .adres {
	margin: 70px 0 30px !important
}

footer .adres i {
	font-size: 18px;
	padding-right: 15px;
	color: #0071ce
}

.copyright {
	background: #0071ce;
	border-top: 1px solid #444;
	padding: 25px 0;
	font: 14px Montserrat, sans-serif;
	color: #fff;
	margin-top: 25px
}

.copyright p {
	font-size: 12px;
	color: #fff;
	margin-bottom: 20px
}

.copyright a {
	color: #fff;
	transition: .3s
}

.copyright a:hover {
	color: #ffc220
}

.sitemap {
	margin: 35px 0;
	padding-bottom: 20px
}

.sitemap h1,
.sitemap.contactbox h2 {
	background: #0071ce;
	color: #fff;
	font: 600 18px Montserrat, sans-serif;
	margin: 0;
	padding: 10px;
	text-align: left;
	text-transform: capitalize
}

.cnt_box_oute r .textbox,
.cnt_box_outer .button,
.finalData .stData,
.finalData .stData option,
.works .orange-button {
	font-family: Montserrat, sans-serif
}

.sitemap .site,
.sitemap .site-list {
	border: 1px solid #0071ce;
	display: inline-block;
	margin: 0 15px;
	padding: 0 0 10px;
	background: #fff;
	width: 100%
}

.sitemap ul {
	list-style: none;
	display: table;
	padding: 0 20px;
	width: 100%
}

.sitemap ul li {
	width: 50%
}

.sitemap .site-list ul li {
	width: 100%
}

.sitemap .site-list ul li a,
.sitemap ul li a {
	text-decoration: underline;
	font-size: 16px;
	color: #000;
	cursor: pointer;
	margin-left: 5px
}

.sitemap .site-list .pic {
	border: 5px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #999;
	clear: both;
	float: left;
	margin: 10px 15px 10px 0;
	max-width: 100%
}

.sitemap .site-list>div {
	padding: 10px 20px
}

.back-img {
	background: url('images/12.jpg') top right;
	repeat: no-repeat
}

.back-img h2,
.back-img h3,
.back-img span,
.selected p {
	color: #fff !important
}

.category h1,
.category span {
	color: #222;
	text-align: center
}

.back-img .example {
	color: #ccc !important;
	font-size: 15px;
	margin-top: 25px
}

.works .portion {
	margin-top: 50px;
	margin-bottom: 50px
}

.works .portion h2 {
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 20px
}

.works .portion .car-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	color: #454545
}

.works .portion .car-list li {
	margin-top: 8px;
	color: #fff
}

.backD ul .active,
.backD ul li:hover,
.contactD ul .active,
.contactD ul li:hover,
.finalData .terms a:hover,
.postalcode ul .active,
.postalcode ul li:hover {
	color: #0071ce;
	transition: .2s ease-out
}

.works .seperator {
	line-height: 0;
	padding: 8px 0;
	text-align: center;
	width: 100%;
	margin-bottom: 20px
}

.works .seperator span {
	background: #000;
	display: inline-block;
	height: 2px;
	opacity: .15;
	width: 100px
}

.works .orange-button {
	background: #0071ce;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 15px 36px;
	margin-top: 40px
}

.works .orange-button:hover {
	background: #fff;
	color: #000
}

.category {
	background: 0 0;
	padding: 15px 0
}

.category h1 {
	font: 600 35px Montserrat, sans-serif
}

.category span {
	font: 18px/25px Montserrat, sans-serif;
	display: block;
	width: 100%
}

.category span:last-child {
	margin: 25px 0 45px
}

.category ul {
	display: table;
	width: 100%;
	padding: 15px 15px 25px;
	margin: 0
}

.category ul li div ul {
	padding: 0;
	margin: 0
}

.category ul li {
	display: inline-block;
	width: 18.9%;
	float: left;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
	margin-right: 15px;
	cursor: pointer
}

.category ul li:nth-child(3n) div ul {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	height: 300px;
	margin-left: -6px;
	margin-top: -15px;
	padding: 15px
}

.category ul li div ul li:first-child {
	padding: 10px;
	background: #0071ce;
	font: 600 20px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center
}

.category ul li div ul li:first-child b {
	font: 500 20px 'Open Sans', sans-serif
}

.category ul li div ul li {
	box-shadow: none;
	display: block;
	width: 100%;
	background: #fff;
	font: 13px 'Open Sans', sans-serif;
	color: #333;
	padding: 10px 10px 0;
	text-align: left
}

.category ul li div ul li i {
	font-size: 14px;
	float: left;
	padding: 3px 6px 0 0
}

.category ul li div ul .icon {
	text-align: center;
	line-height: 20px
}

.category ul li div ul li img {
	margin: 15px 0
}

.category ul li div ul li a,
.mrecord b {
	display: inline-block;
	padding: 8px 25px;
	border-radius: 5px;
	font: 14px 'Open Sans', sans-serif;
	background: #222;
	color: #fff;
	margin: 10px 0;
	text-transform: uppercase;
	cursor: pointer
}

.NextDt button:hover,
.backD ul .active a,
.backD ul .active a:before,
.backD ul li:hover a,
.backD ul li:hover a:before,
.category ul li:hover div ul li a,
.contactD button:hover,
.contactD ul .active a,
.contactD ul li:hover a,
.contactD ul li:hover a:before,
.finalData button:hover,
.location button:hover,
.mrecord b:hover,
.postalcode .active a:before,
.postalcode button:hover,
.postalcode ul .active a,
.postalcode ul li:hover a,
.postalcode ul li:hover a:before {
	background: #0071ce;
	transition: .2s ease-out
}

.NextDt {
	transform: translateY(50px);
	transition: transform .2s ease-out, opacity .5s ease-out;
	visibility: hidden;
	padding: 15px;
	margin-bottom: 50px
}

.NextDt button,
.contactD button,
.finalData button,
.location button,
.postalcode button {
	width: auto;
	padding: 10px 15px;
	background: #222;
	font: 16px Montserrat, sans-serif;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin-bottom: 15px;
	text-transform: uppercase;
	display: inline-block
}

.NextDt p {
	font: 14px/20px Montserrat, sans-serif;
	color: #222;
	text-align: center;
	margin: 0
}

.location .container {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	padding: 15px;
	display: none;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.contactD .container,
.finalData .container,
overflow .postalcode .container {
	padding: 15px;
	display: none;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.contactD h1,
.finalData h1,
.location h1,
.postalcode h1 {
	font: 500 30px/35px Montserrat, sans-serif;
	color: #333;
	text-transform: uppercase
}

.contactD p,
.finalData p,
.location p,
.postalcode p {
	font: 18px 'Open Sans', sans-serif;
	color: #222;
	text-transform: uppercase;
	margin: 10px 0 25px
}

.contactD span,
.location span,
.postalcode span {
	font: 18px 'Open Sans', sans-serif;
	color: #222;
	margin: 10px 0 25px;
	display: block;
	width: 100%
}

.location #amount,
.location p label {
	background: 0 0;
	border: none;
	font: 22px 'Open Sans', sans-serif;
	color: #222
}

.location .para,
.postalcode.para {
	margin-bottom: 10px
}

.location em {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: right;
	font: 14px 'Open Sans', sans-serif;
	color: #222
}

#slider-range-max {
	padding: 10px;
	background: 0 0
}

#slider-range-max .ui-slider-range {
	background: #fff
}

#slider-range-max .ui-slider-handle {
	margin: -3px;
	padding: 18px;
	background: #0071ce;
	border-radius: 10px;
	border: none
}

.backD ul,
.contactD ul,
.postalcode ul {
	margin: 50px 0 0;
	padding: 25px 0;
	text-align: center;
	border-top: 2px solid #ccc;
	width: 100%;
	display: table
}

.backD ul li,
.contactD ul li,
.postalcode ul li {
	display: inline-block;
	padding: 5px 10px;
	font: 14px 'Open Sans', sans-serif;
	color: #222;
	cursor: pointer
}

.backD ul li a,
.contactD ul li a,
.postalcode ul li a {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #222;
	display: inline-block;
	line-height: 50px;
	position: relative
}

.backD ul li a:before,
.contactD ul li a:before,
.postalcode ul li a:before {
	background: #ccc;
	content: "";
	height: 2px;
	left: 100%;
	position: absolute;
	top: 15px;
	width: 115px
}

.contactD h2,
.finalData h2 {
	font: 600 31px/52px Montserrat, sans-serif;
	color: #333;
	text-transform: uppercase;
	text-align: center
}

.contactD .tData,
.finalData .tData {
	display: table;
	width: 100%;
	margin-bottom: 5px
}

.contactD label,
.finalData label {
	width: 30%;
	float: left;
	display: inline-block;
	background: #f7f7f7;
	font: 16px 'Open Sans', sans-serif;
	color: #333;
	padding: 10px;
	text-align: left;
	border: 1px solid #ccc;
	border-right: none
}

.cnt_box h3,
.cnt_box_outer h2 {
	font: 600 16px 'Open Sans', Arial, Montserrat, sans-serif
}

.contactD .textbox,
.finalData .textbox {
	width: 70%;
	float: left;
	border: 1px solid #ccc
}

.contactD .tLast {
	background: #333;
	padding: 15px 0;
	margin: 15px 0;
	display: none
}

.contactD .tLast span {
	color: #fff;
	margin-bottom: 0
}

.contactD .tLast b:first-child {
	padding-top: 10px
}

.contactD .tLast b {
	font-weight: 400;
	color: #fff;
	display: block;
	width: 100%
}

.contactD p.text1,
.contactD p.text3 {
	font-weight: bolder
}

#radio {
	margin-left: 6px !important
}

.finalData h2 {
	text-align: left
}

.finalData label {
	width: 40%
}

.finalData .textbox {
	width: 60%
}

.finalData .SRange {
	width: 60%;
	float: left
}

.finalData .SRange>div {
	float: left;
	margin-left: 15px;
	width: 45%
}

#referralFormTable button,
.finalData .SRange p {
	margin: 0
}

.finalData .SRange p #timeValue {
	margin-left: 10px
}

.finalData .SRange p b {
	margin-left: 25px
}

.finalData .terms a {
	color: #333;
	text-decoration: underline
}

.finalData .terms a:hover {
	text-decoration: none
}

.finalData .SRange p label {
	background: 0 0;
	border: none;
	padding: 4px 0;
	font-size: 13px
}

.finalData .stData {
	width: 18.6%;
	background: url("images/arrowD.png") 95% center no-repeat #fff;
	padding: 0 15px;
	font-size: 14px;
	color: #333;
	border: 1px solid #ccc;
	margin-right: 11px;
	-moz-appearance: none;
	-webkit-appearance: none;
	float: left;
	height: 44px
}

.finalData .stData:last-chid {
	margin-right: 0
}

.finalData .stData option {
	padding: 10px 15px 11px;
	font-size: 14px;
	color: #333
}

.finalData .stData:last-child {
	margin-right: 0
}

.finalData .rdSlider {
	border-right: 1px solid #ccc
}

.finalData #jobmonth,
.finalData #jobtime,
.finalData #month,
.finalData #time {
	margin-top: 7px;
	height: 7px
}

.finalData .ui-slider-range {
	background: #fff;
	height: 7px
}

.finalData .ui-slider-handle {
	background: #0071ce !important;
	border: none !important;
	height: 15px !important;
	width: 15px !important
}

#radio,
#radio div label {
	width: 100%;
	text-align: center
}

#radio div label {
	color: #333;
	cursor: pointer
}

#radio>div {
	width: 49%;
	float: left;
	position: relative
}

#radio>div .ui-corner-left,
#radio>div .ui-corner-right {
	position: absolute;
	opacity: 0;
	left: 10px
}

#radio input[type=radio]:checked+label {
	background: #0071ce;
	color: #fff
}

#radio input[type=radio]:checked+label:before {
	content: "\f00c";
	padding: 0 5px;
	font-family: FontAwesome
}

.cnt_box_outer {
	width: 50%;
	padding: 0 15px;
	display: inline-block;
	float: left
}

#textus form,
.cnt_box {
	padding: 15px
}

.cnt_box {
	background: #fff;
	width: 100%;
	height: 270px;
	display: table;
	margin-bottom: 5px;
	font: bold 15px Arial, Montserrat, sans-serif;
	border-radius: 3px;
	border: 1px solid #e9eaec
}

.cnt_box_outer h2 {
	background: #0071ce;
	color: #fff;
	padding: 10px;
	text-transform: uppercase
}

#textus label span,
.cnt_box a,
.cnt_box h3 {
	color: #0071ce
}

#textus h4,
label.error {
	padding: 10px 15px;
	background: #0071ce
}

.cnt_box h3 {
	margin-top: 0
}

.clinic {
	overflow: hidden;
	height: 330px
}

.map {
	width: 100%;
	height: 300px
}

.cnt_box_oute r .textbox {
	width: 100%;
	border: 1px solid #e9eaec;
	background: #fff;
	padding: 7px 15px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #222;
	border-radius: 3px
}

.cnt_box_outer .button {
	transition: .3s;
	padding: 10px 30px;
	background: #007fcb;
	color: #fff;
	font-size: 18px;
	border: none
}

.cnt_box_outer .button:hover {
	background: #015397
}

#textus {
	position: fixed;
	right: -320px;
	top: 100px;
	z-index: 1000;
	background: #f2f2f2;
	width: 320px
}

#textus h4 {
	color: #fff;
	font: bold 24px 'Open Sans', Arial, Montserrat, sans-serif;
	margin: 0;
	text-transform: uppercase
}

.textus-open {
	position: absolute;
	right: 100%;
	top: 0;
	cursor: pointer
}

.textus-close {
	float: right;
	color: #fff;
	cursor: pointer
}

#textus label {
	font: bold 13px/24px Arial, Montserrat, sans-serif;
	color: #757575;
	display: block;
	width: 100%
}

#textus .textbox {
	width: 100%;
	border: 1px solid #dadada;
	padding: 7px 15px;
	font: 14px Montserrat, Arial, Montserrat, sans-serif;
	color: #222
}

#textus .button {
	padding: 7px 25px;
	background: #000;
	color: #fff;
	font: 18px Montserrat, Arial, Montserrat, sans-serif;
	border: none;
	margin-top: 15px
}

.finalData .mlabel {
	width: 45%
}

.agreeErd #Agree-error {
	left: 0;
	position: absolute;
	top: 15px
}

label.error {
	width: auto;
	position: relative;
	margin-top: 7px;
	color: #fff;
	font: 600 13px/15px Arial, Montserrat, sans-serif;
	border-radius: 4px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

label.error:before {
	position: absolute;
	bottom: 100%;
	left: 10px;
	content: "";
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-bottom-color: #0071ce
}

@media screen and (min-width:992px) {
	.Formvalidate1tData label.error {
		position: absolute;
		left: 40%;
		top: 100%;
		margin: 0;
		z-index: 999
	}
}

@media screen and (-webkit-min-device-pixel-ratio:1) {
	.finalData .stData {
		padding: 10px 15px
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.Navbar ul li a {
		padding: 10px 20px
	}

	#Client .carousel-caption p {
		padding: 15px 25px
	}

	#Client .carousel-caption a em,
	#Client .carousel-caption a span {
		margin-top: 20px
	}

	.works .step {
		width: 31.2%
	}

	.contact form .textbox {
		width: 100%
	}

	.sitemap {
		padding-bottom: 0
	}

	.meet .meet-data {
		top: 0
	}

	.meet .meet-data h2 {
		font-size: 35px
	}

	.meet .meet-data h5 {
		padding-bottom: 10px;
		padding-top: 0
	}

	.category ul li {
		width: 19.12%;
		margin-right: 10px
	}

	.category ul li:nth-child(3n) div ul {
		padding: 0
	}

	.finalData .SRange>div {
		width: 44%
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.Navbar ul li a {
		padding: 10px 8px
	}

	.works .marg .text-center {
		padding: 15px 5px
	}

	.sliderDt .carousel-caption {
		bottom: 30px
	}

	.sliderDt .carousel-caption .carousel-dt {
		width: 400px
	}

	.sliderDt .carousel-caption .carousel-dt h1 {
		font-size: 26px
	}

	.sliderDt .carousel-caption .carousel-dt span {
		font-size: 15px
	}

	.meet .meet-data .orange,
	.sliderDt .carousel-caption a {
		font-size: 16px
	}

	.contact form .textbox,
	.contact form div,
	.contactD .textbox,
	.contactD label,
	.finalData .SRange,
	.finalData .SRange>div,
	.finalData .stData,
	.finalData .textbox,
	.finalData label,
	.works .step {
		width: 100%
	}

	.contact .address h4,
	.meet .meet-data h2 {
		font-size: 30px
	}

	.sitemap {
		padding-bottom: 0
	}

	#Client .carousel-caption p {
		padding: 15px 25px
	}

	.meet .meet-data {
		width: 60%;
		padding: 8px 25px;
		top: 0;
		right: 0
	}

	.meet .meet-data p {
		padding-bottom: 10px;
		padding-top: 0;
		line-height: 1.4
	}

	.category ul li {
		width: 100%;
		margin-bottom: 30px
	}

	.category ul li div ul li {
		text-align: center
	}

	.category ul li:last-child {
		margin-bottom: 0
	}

	.category ul li div ul li i {
		float: none
	}

	.category ul li:nth-child(3n) div ul {
		padding: 0;
		margin-left: 0;
		margin-top: 0;
		background: 0 0;
		height: auto
	}

	.contactD label,
	.finalData label {
		border-right: 1px solid #ccc;
		text-align: center
	}

	.finalData .SRange>div {
		display: block;
		margin-bottom: 10px;
		margin-left: 0
	}

	.finalData .SRange p b {
		display: block;
		width: 100%;
		text-align: center;
		margin-left: 0
	}

	.finalData #jobmonth,
	.finalData #jobtime,
	.finalData #month,
	.finalData #time {
		margin-top: 15px;
		height: 15px
	}

	.finalData .ui-slider-range {
		background: #fff;
		height: 15px
	}

	.finalData .ui-slider-handle {
		background: #0071ce !important;
		border: none !important;
		height: 20px !important;
		width: 20px !important
	}

	.finalData .col-sm-6 {
		padding: 0;
		width: 100%;
		margin-bottom: 10px
	}

	.backD {
		margin-bottom: 15px;
		display: table;
		width: 100%
	}

	.backD ul {
		display: none
	}

	#radio>div {
		width: 50%
	}

	#radio {
		margin-left: 0 !important
	}

	.finalData .SRange p #timeValue {
		margin-left: 0
	}
}

@media screen and (min-width:0) and (max-width:767px) {
	.sliderDt .carousel-caption {
		bottom: 0;
		left: 10px
	}

	.sliderDt .carousel-caption .carousel-dt {
		padding: 15px 25px;
		width: 260px
	}

	.meet .meet-data .orange,
	.sliderDt .carousel-caption .carousel-dt h1 {
		font-size: 16px
	}

	.sliderDt .carousel-caption .carousel-dt span,
	.sliderDt .carousel-caption a {
		font-size: 12px
	}

	.sitemap {
		padding-bottom: 0
	}

	.navbar-brand {
		display: block
	}

	.agreeErd,
	.backD {
		display: table;
		width: 100%
	}

	.category ul li div ul li {
		font-size: 18px;
		text-align: center
	}

	.Navbar ul li,
	.Navbar ul li a,
	.Navbar ul li div ul,
	.Navbar ul li div ul li a {
		display: block;
		text-align: center;
		width: 100%
	}

	.Navbar ul li div {
		position: inherit;
		height: 250px;
		overflow-y: auto
	}

	.sitemap ul li {
		width: 100%;
		text-align: center
	}

	.contact .address,
	.contact form .textbox,
	.contact form div,
	.contactD .textbox,
	.contactD label,
	.finalData .SRange,
	.finalData .SRange>div,
	.finalData .stData,
	.finalData .textbox,
	.finalData label,
	.works .step {
		width: 100%
	}

	.contact .address {
		position: inherit
	}

	#Client .carousel-caption p {
		padding: 15px 25px
	}

	#event_map {
		width: 100% !important;
		height: 200px !important
	}

	.meet .meet-data {
		width: 95%;
		padding: 8px 25px;
		top: 0;
		right: 0
	}

	.meet .meet-data h2 {
		font-size: 18px
	}

	.meet .meet-data p {
		padding-bottom: 10px;
		padding-top: 0;
		line-height: 1.4
	}

	.meet .meet-data .butto {
		padding: 6px 25px
	}

	.category ul li {
		width: 100%;
		margin-bottom: 10px
	}

	.category ul li:last-child {
		margin-bottom: 0
	}

	.category ul li div ul li i {
		float: none
	}

	.category ul li:nth-child(3n) div ul {
		top: 0;
		padding: 0;
		margin-left: 0;
		margin-top: 0;
		background: #fff;
		height: auto;
		width: 93%;
		position: absolute
	}

	.contactD label,
	.finalData label {
		border-right: 1px solid #ccc;
		text-align: center
	}

	.finalData .SRange>div {
		display: block;
		margin-bottom: 10px;
		margin-left: 0
	}

	.finalData .SRange p b {
		display: block;
		width: 100%;
		text-align: center;
		margin-left: 0
	}

	.finalData #jobmonth,
	.finalData #jobtime,
	.finalData #month,
	.finalData #time {
		margin-top: 15px;
		height: 15px
	}

	.finalData .ui-slider-range {
		background: #fff;
		height: 15px
	}

	.finalData .ui-slider-handle {
		background: #0071ce !important;
		border: none !important;
		height: 20px !important;
		width: 20px !important
	}

	.finalData .col-sm-6 {
		padding: 0
	}

	.backD {
		margin-bottom: 15px
	}

	#Formvalidate label,
	#Formvalidate1 .rdlabel1,
	.backD ul {
		display: none
	}

	#radio>div {
		width: 50%
	}

	.finalData .SRange p #timeValue {
		margin-left: 0
	}

	#Formvalidate1 .rdlabel {
		background: 0 0 !important;
		border: none
	}

	#radio {
		margin-left: 0 !important
	}

	.finalData .stData {
		margin-bottom: 5px
	}

	.category ul {
		padding: 0 !important
	}

	.cmargin {
		margin-top: 330px
	}

	.agreeErd {
		padding: 0 15px !important
	}
}

@media screen and (max-width:499px) {
	.site-list table {
		width: auto
	}

	.contactD .textbox,
	.contactD label,
	.finalData .SRange,
	.finalData .SRange>div,
	.finalData .stData,
	.finalData .textbox,
	.finalData label,
	.site-list td,
	.sitemap .site-list .pic {
		width: 100%
	}

	.sitemap .site,
	.sitemap .site-list {
		margin: 0;
		width: 100%
	}

	.cnt_box_outer {
		width: 100%;
		float: none
	}

	.cnt_box {
		height: auto;
		margin-bottom: 0
	}

	.backD ul,
	.meet .meet-data .orange,
	.meet .meet-data p,
	.sliderDt .carousel-caption {
		display: none
	}

	#Client .carousel-caption p {
		margin: 0 15px
	}

	#Client .carousel-caption a span {
		float: none
	}

	#Client .carousel-caption a em {
		line-height: normal;
		text-align: center
	}

	.meet .meet-data {
		right: 35px;
		padding: 10px 0;
		width: 51%
	}

	.meet .meet-data h2 {
		font-size: 16px
	}

	.meet .text-center {
		margin-top: 10px
	}

	.meet .meet-data .butto {
		padding: 4px 15px;
		font-size: 14px
	}

	.contactD label,
	.finalData label {
		border-right: 1px solid #ccc;
		text-align: center
	}

	.finalData .SRange>div {
		display: block;
		margin-bottom: 10px;
		margin-left: 0
	}

	.finalData .SRange p b {
		display: block;
		width: 100%;
		text-align: center;
		margin-left: 0
	}

	.finalData #jobmonth,
	.finalData #jobtime,
	.finalData #month,
	.finalData #time {
		margin-top: 15px;
		height: 15px
	}

	.finalData .ui-slider-range {
		background: #fff;
		height: 15px
	}

	.finalData .ui-slider-handle {
		background: #0071ce !important;
		border: none !important;
		height: 20px !important;
		width: 20px !important
	}

	.finalData .col-sm-6 {
		padding: 0
	}

	.backD {
		margin-bottom: 15px;
		display: table;
		width: 100%
	}

	#radio>div {
		width: 50%
	}
}

/*#loan_no,
.contactD h1,
.contactD p,
.financeSection {
	font: 500 30px/35px 'Nexa Bold', sans-serif
}*/

.mdData {
	display: none;
	background: #fff;
	padding: 10px;
	text-align: center;
	color: #333;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
	border-radius: 0 0 10px 10px
}

.progress {
	transition: width .3s ease-out;
	box-shadow: 3px 2px 11px rgba(0, 0, 0, .25);
	border-radius: 0;
	margin-bottom: 0
}

.progress-bar {
	background-image: -webkit-linear-gradient(top, #e98348 0, #d25f1c 100%);
	background-image: -o-linear-gradient(top, #e98348 0, #d25f1c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e98348), to(#d25f1c));
	background-image: linear-gradient(to bottom, #e98348 0, #d25f1c 100%)
}

.car-options {
	flex-wrap: wrap;
	display: flex
}

.car-option {
	width: 100%;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16);
	border: 2px solid #fff;
	cursor: pointer
}

.car-option img {
	width: 62%
}

.car-options>* {
	flex: 0 46%;
	box-sizing: border-box;
	margin: 1% 2%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	align-items: center;
	padding: 15px;
	border: 2px solid #ffffff;
}

.car-options.equity>div {
	flex: 0 100%;
}

.contactD h1 {
	color: #4b5a6b;
	text-transform: uppercase
}

.contactD p {
	color: #3b96f9;
	margin-bottom: 0
}

.footerWidget>div>a:nth-child(2n),
.steps h1,
p.layout-text {
	margin: 0 auto;
	text-align: center
}

.check-animate input[type=checkbox] {
	height: 0;
	width: 0
}

.check-animate input[type=checkbox]+label {
	position: relative;
	display: flex;
	align-items: center;
	color: #3b96f9;
	transition: color 250ms cubic-bezier(.4, 0, .23, 1)
}

.check-animate input[type=checkbox]+label>ins {
	position: absolute;
	display: block;
	bottom: 0;
	left: 2em;
	height: 0;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
	transition: height .3s cubic-bezier(.4, 0, .23, 1)
}

.check-animate input[type=checkbox]+label>ins>i {
	position: absolute;
	bottom: 0;
	font-style: normal;
	color: #3b96f9
}

.check-animate input[type=checkbox]+label>span {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1em;
	width: 1em;
	height: 1em;
	background: 0 0;
	border: 2px solid #3b96f9;
	border-radius: 2px;
	cursor: pointer;
	transition: 250ms cubic-bezier(.4, 0, .23, 1)
}

.check-animate input[type=checkbox]+label:hover,
input[type=checkbox]:focus+label {
	color: #fff
}

.check-animate input[type=checkbox]+label:hover>span,
input[type=checkbox]:focus+label>span {
	background: rgba(255, 255, 255, .1)
}

.check-animate input[type=checkbox]:checked+label>ins,
.owl-carousel.banks .owl-item {
	height: 100%
}

.check-animate input[type=checkbox]:checked+label>span {
	border: .5em solid #3b96f9;
	animation: .2s cubic-bezier(.4, 0, .23, 1) shrink-bounce;
	border-radius: 28px;
	margin: 0;
	font-size: -webkit-xxx-large
}

.check-animate input[type=checkbox]:checked+label>span:before {
	content: "";
	position: absolute;
	top: .58em;
	left: .25em;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	transform: rotate(45deg);
	transform-origin: 0% 100%;
	animation: 125ms cubic-bezier(.4, 0, .23, 1) 250ms forwards checkbox-check
}

.steps .tick,
.steps .tick2 {
	display: none;
	width: unset;
	float: none;
	background: #fff;
	border: none;
	padding: 0;
	text-align: unset
}


.check-animate {
    position: absolute;
    right: 0px !important;
    top: 20px !important;
}

.car-option:hover {
	border: 2px solid #3b96f9;
	transition: border .5s
}

.car-option-other:hover {
	border: 2px solid #3b96f9;
	transition: border .5s
}

.car-option-other {
	width: 100%;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16);
	border: 2px solid #fff;
	cursor: pointer
}

.car-option.part2 {
	display: none;
}
.car-option.showpart {
	display: flex;
}


.steps.income_info .car-option.hide { display: none; }

@keyframes shrink-bounce {

	0%,
	100% {
		transform: scale(1)
	}

	33% {
		transform: scale(.85)
	}
}

@keyframes checkbox-check {
	0% {
		width: 0;
		height: 0;
		border-color: #fff;
		transform: translate3d(0, 0, 0) rotate(45deg)
	}

	33% {
		width: .2em;
		height: 0;
		transform: translate3d(0, 0, 0) rotate(45deg)
	}

	100% {
		width: .2em;
		height: .5em;
		border-color: #fff;
		transform: translate3d(0, -.5em, 0) rotate(45deg)
	}
}

.credit-field {
	box-sizing: border-box;
	background-color: #f7f7f9;
	border-radius: 5px;
	border: 2px solid #e9eaec;
	padding: 8px 8px 5px;
	outline: 0;
	text-align: center;
	width: 37%;
	margin: 25px 10px
}

.contactD button.btn {
	color: #0071ce;
	margin: 5%;
	transition: .3s;
    background: rgb(6,77,160);
    background: linear-gradient(0deg, rgba(6,77,160,1) 36%, rgba(24,102,192,1) 100%);
    font-size: 18px;
}

.contactD button.btn:hover,
.navBtn button {
	background: #fff;
	color: #3b96f9;
	border: 1px solid #3b96f9
}

.steps h1 {
	width: fit-content;
	position: relative;
	padding: 9px
}

.lcontent,
.referralFContainer h2,
.step-text,
.steps>span {
	text-align: center
}

.step-error {
	font-size: 14px;
	text-align: center;
	border: 1px solid red;
	border-radius: 5px;
	width: fit-content;
	padding: 0 15px;
	margin: 14px auto;
	color: red;
	display: none
}

.step-field {
    margin: 10px;
    padding: 6px;
    background: #f6f6f6;
    border: 3px solid #9ec8ea;
    width: 50%;
    font-size: 18px;
    height: 42px;
    font-weight: bold;
    letter-spacing: 2px;
}

.step12 .step-fields {
	background-color: #f0f8ff;
	border-radius: 10px;
	padding: 26px
}

#loan_no {
	color: #3b96f9
}

#buttons button,
#carousel .cloud9-item {
	cursor: pointer
}

#carousel {
	height: 420px
}

.cloud9-item {
	width: 430px
}

.cloud9-item canvas {
	cursor: default
}

.cloud9-item:not(:first-child) {
	-webkit-filter: blur(1.5px);
	filter: blur(1.5px)
}

.owl-carousel .owl-item {
	font-size: 16px;
	transition: opacity 250ms ease-in, background-color 250ms ease-in;
	width: 262px;
	padding: 5px;
	height: 158px;
	opacity: .4
}

.owl-item.active {
	background: #fff;
	opacity: 1
}

.owl-nav {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.navBtn button:hover {
	background: #3b96f9;
	color: #fff
}

.prevDiv {
	float: left
}

.nextDiv,
.textImage {
	float: right
}

.navBtn {
	margin: 13px
}

p.layout-text {
	color: #337ab7;
	font-size: 12px;
	width: 60%;
	display: flex;
	align-items: flex-start;
	justify-content: center
}

.layout-text span {
	color: #337ab7;
	font-size: 12px;
	text-transform: none;
	width: inherit;
	margin: 0
}

.checkField {
	background: #fff;
	display: flex !important;
	align-items: baseline;
	justify-content: center
}

.checkField span {
	width: auto;
	margin: 10px
}

.selected {
	border: none;
	background: #3b96f9;
	border: 2px solid #3b96f9 !important;
}

.info object {
	width: 17px
}

.contactD p.successText {
	font-size: 16px;
	text-transform: none;
	color: #524f6d
}

p.successText {
	font-size: 13px;
	line-height: 22px
}

.referralContent {
	padding: 5% 0
}

.referralContent h2 {
	font-size: 56px
}

.referralContent p {
	font-size: 19px
}

.referralContent a>button {
	padding: 9px 21px;
	background: #fff;
	border: 1px solid #d76523;
	color: #d76523;
	transition: .3s
}

.referralContent a>button:hover {
	background: #d76523;
	color: #fff
}

.referralFContainer {
	margin: 0 auto 4%;
	width: 42%;
	border: 3px solid #d8e8f9;
	padding: 10px 16px;
	word-break: break-word;
	border-radius: 10px
}

#referralFormTable input {
	margin: 0;
	width: 100%
}

#referralFormTable td {
	padding: 7px
}

div.wpcf7-mail-sent-ng {
	margin: 7px !important
}

.checkfields {
	margin-top: 8%;
	text-align: center
}

.checkfields input {
	width: auto
}

.steplabel {
	font-size: 23px !important;
	color: #4a5b6a !important
}

#checkbox_rent_own input[type=checkbox] {
	--height: 2.5rem;
	--inset: 0.25rem;
	--border-size: 3px;
	--color-hover: #dcdcdc;
	--color-bg: #2196F3;
	--color-bg-checked: #0875cb;
	--color-knob: #fff;
	--knob-size: calc(var(--height) - var(--inset) * 2);
	--width: calc(var(--height) * 2 - var(--inset) * 2);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: content-box;
	position: relative;
	overflow: hidden;
	width: var(--width);
	height: var(--height);
	border-radius: var(--height);
	border: var(--border-size) solid transparent;
	transition: background .3s
}

#checkbox_rent_own input[type=checkbox]:hover,
input[type=checkbox]:focus {
	background: var(--color-hover)
}

#checkbox_rent_own input[type=checkbox]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
	transition: background .3s
}

#checkbox_rent_own input[type=checkbox]:after {
	content: "";
	position: absolute;
	border-radius: 100%;
	top: calc(var(--inset));
	left: calc(var(--inset));
	width: var(--knob-size);
	height: var(--knob-size);
	background: var(--color-knob);
	transition: transform .3s
}

#checkbox_rent_own input[type=checkbox]:checked:before {
	background: var(--color-bg-checked)
}

#checkbox_rent_own input[type=checkbox]:checked:after {
	transform: translateX(100%)
}

#checkbox_rent_own {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4%
}

#checkbox_rent_own label {
	width: fit-content;
	border: none;
	background: 0 0;
	font-size: 25px;
	color: #33363b;
	margin-bottom: 0
}

.footerWidget {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	color: red;
	z-index: 999;
	background-color: #fff
}

.leftArrow,
.rightArrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999999
}

.footerWidget>div {
	display: flex;
	align-items: center;
	justify-content: center
}

.footerWidget>div>a:nth-child(1n) {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	height: auto;
	padding: 14px;
	font-size: 21px;
	color: #3b96f9;
	background: #fff;
	border-top: 1px solid #3b96f9
}

.footerWidget>div>a:nth-child(2n) {
	width: 50%;
	height: auto;
	padding: 14px;
	font-size: 21px;
	color: #fff;
	background: #3b96f9
}

header {
	box-shadow: 0 2px 14px -7px rgba(0, 0, 0, .48)
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #d6d6d6;
	padding: 0;
	margin: 30px 0
}

#car-btn {
	margin: 2%;
	font-size: 20px;
	font-weight: 700;
	padding: 17px 41px;
	border: 1px solid #daebff;
	color: white;
}

#car-btn:hover {
    border: 1px solid #3b96f9;
    background: #13137e;
}

.textSection {
	clear: both;
	align-items: center
}

.headingTitle .darkcolor {
	margin-bottom: 15px;
	font-weight: 400
}

.headingTitle .darkcolor span {
	display: inline;
	color: #0071ce;
	font-size: inherit
}

.headingTitle h2 {
	line-height: 1;
	color: #384141
}

.limage {
	padding: 3% 26%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lbox {
	border-right: 1.5px solid #efefef
}

.lbox:last-child {
	border-right: none
}

.ltitle {
	font-weight: 600
}

.imgCar {
	height: 150px
}

.works .marg .text-center img {
	width: 28%;
	height: 120px
}

.leftArrow {
	left: -5px
}

.rightArrow {
	right: -12px
}

.textImage {
	padding: 17px
}

.small-approval-box {
	overflow: auto;
	padding: 0 !important
}

.small-approval {
	padding: 1% 3%
}

.approval {
	background: url(https://www.edmontonautoloans.com/assets/images/approval-bg.jpg) left top/cover no-repeat #fff;
	padding: 40px 15px;
	float: left;
	width: 100%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.approval .small-approval-text {
	float: left;
	margin-right: 7%
}

.approval h3 {
	color: #fff;
	text-shadow: 5px 1px 15px #4b7783
}

.approval .clock {
	font: 700 14px/28px Roboto;
	color: #fff
}

.clock:before {
	content: '';
	background: url(https://www.edmontonautoloans.com/assets/images/icon-clock.png) left top/cover no-repeat;
	width: 31px;
	height: 29px;
	float: left;
	margin-right: 7px
}

.btn-orange {
	background: #f7ac0c;
	border: 2px solid #fff;
	border-radius: 5px;
	box-shadow: none;
	font-weight: 900;
	font-size: 20px;
	padding: 18px;
	color: #fff
}

.article,
.largediv td,
.main-points-section {
	background-color: #fff
}

.article,
.arttitle {
	color: #111;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box
}

.contactD p.text1 {
	color: #000
}

.contactD p.text2 {
	text-transform: initial;
	font-size: 22px;
	color: #000
}

.contactD p.text4 {
	color: #000;
	font-size: 20px;
	text-transform: inherit;
	font-weight: 800
}

.largediv {
	display: flex;
	align-items: center
}

.article,
.arttitle,
.owl-carousel.banks .owl-controls {
	display: block
}

.divpos {
	width: 33%;
	margin: 12px
}

.divpos input {
	width: -webkit-fill-available;
	margin-left: 20px;
	border: 1px solid #ddd
}

.calc .row {
	background-color: #f0f5f9;
	margin-bottom: 30px
}

.largediv table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 9px
}

.largediv th {
	font-size: 17px;
	text-align: center
}

.largediv td {
	padding: 12px;
	text-align: center
}

p.p_disc {
	font-size: 13px;
	margin: 0
}

.ui-slider-handle {
	margin-left: -20px !important
}

.owl-theme .owl-controls .owl-page span {
	background: #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: .5;
	width: 12px
}

.article {
	transition: box-shadow .25s;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .12);
	margin-bottom: 30px;
	padding: 30px 30px 20px
}

.arttitle {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 14px;
	transition-property: color, background-color, border-color;
	transition-duration: .125s;
	transition-timing-function: ease-out
}

.arttitle .entry-title {
	font: 600 30px Montserrat, sans-serif;
	margin: 0;
	padding: 0 0 13px;
	text-transform: capitalize;
	background: 0 0
}

.artdesc {
	display: inline-block;
	font-size: 19px;
	line-height: 1.7
}

.artdesc img {
	float: left;
	margin-right: 10px
}

.banks {
	padding-bottom: 20px
}

.successText span {
	display: contents;
	color: #3b96f9;
	margin-bottom: 0 px;
	font-size: 22px
}

.step-fields #cr_name {
	display: contents;
	font-size: 30px;
	color: #3b96f9
}

.leftArrow>i:hover,
.rightArrow>i:hover {
	cursor: pointer;
	color: #a8abab !important;
	transition: .3s
}

img.cloud9-item:hover {
	filter: none !important
}

@media only screen and (min-width:320px) and (max-width:518px) {

	.headingTitle h2,
	.loans h2,
	.step-title h2,
	h1.bottom35 {
		font-size: 23px
	}

	.largediv td,
	.largediv th,
	.step-title h5,
	p.p_disc {
		text-align: center
	}

	.contact .address h4,
	.credit-field {
		font-size: 24px
	}

	.step-title h2 {
		margin: 0;
		line-height: 46px
	}

	.step-title h5 {
		margin: 0 0 10px
	}

	.loans h2 {
		margin: 20px 0 0
	}

	.works .marg {
		margin: 20px 0
	}

	.ui-slider-handle {
		margin-left: 0 !important
	}

	p.p_disc {
		font-size: 9px;
		margin: 7px;
		line-height: 12px
	}

	.divpos {
		margin: 6px
	}

	.divpos p {
		font-size: 12px;
		line-height: 16px
	}

	.ui-slider-handle.ui-state-default.ui-corner-all {
		font: inherit;
		margin: 0;
		height: 26px;
		width: 14px
	}

	.steps .ui-slider-handle.ui-state-default.ui-corner-all {
		font: inherit;
		margin: 0;
		height: 41px;
		width: 17px
	}

	.divpos .ui-widget-content {
		height: 9px;
		color: #362b36
	}

	.divpos input {
		font-size: 16px
	}

	.largediv th {
		font-size: 11px;
		line-height: 13px
	}

	.largediv td {
		padding: 7px;
		background-color: #fff;
		font-size: 14px;
		line-height: 14px
	}

	#textus,
	.leftArrow,
	.mobileHide,
	.rightArrow {
		display: none
	}

	.artdesc,
	.contact.works .container,
	.footerWidget {
		display: block
	}

	.car-options>div {
		flex: 0 100%!important;
		padding: 5px!important
	}

	input[type=checkbox]:checked+label>span:before {
		top: .49em;
		left: .19em
	}

	input[type=checkbox]:checked+label>span {
		border: .4em solid #3b96f9;
		border-radius: 20px
	}

	input[type=checkbox]+label>span {
		width: .5em;
		height: .5em;
		border: 2px solid #3b96f9
	}

	.check-animate {
		position: absolute;
		right: 0;
		top: 0
	}

	.credit-field {
		width: 100%;
		margin: 25px 0
	}

	.picker__header .picker__select--year {
		width: 30.5%;
		font-size: 21px
	}

	.picker__header .picker__select--month {
		width: 45%;
		font-size: 21px
	}

	.contactD p {
		font: 500 25px/35px 'Nexa Bold', sans-serif
	}

	.step-field {
		width: 95%;
		margin: 7px
	}

	.backD,
	.works .portion {
		margin-top: 15px
	}

	.owl-nav {
		height: 30px
	}

	.steps h1 {
		font-size: 17px;
		font-weight: 700
	}

	p.layout-text {
		width: 90%
	}

	.car-option p {
		font-size: 21px;
		margin: 0
	}

	.checkField {
		align-items: normal
	}

	.checkField input {
		width: 25px;
		height: 25px
	}

	.checkField span {
		margin: 0
	}

	.cardBody {
		display: flex
	}

	.limage {
		padding: 2% 5%
	}

	.lcontent {
		text-align: left
	}

	.limage img {
		width: 100px
	}

	.works {
		padding: 10px 0
	}

	.imgCar {
		height: 82px
	}

	.works .portion {
		margin-bottom: 15px
	}

	.works .marg .text-center {
		padding: 10px;
		box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1), 0 1px 38px 0 rgba(0, 0, 0, .1) !important
	}

	.works .marg .text-center img {
		width: 71%
	}

	.works .marg .text-center h4 {
		height: 39px;
		font-size: 15px;
		margin: 0;
		padding: 0
	}

	.contact.works .container>div {
		width: 100%;
		height: auto;
		margin: 30px 0
	}

	.portion:nth-child(odd) {
		clear: both
	}

	.logo a img {
		width: 100%
	}

	.step1 {
		padding: 0
	}

	.rc-anchor-normal {
		height: 74px;
		width: min-content
	}

	.artdesc img {
		margin-bottom: 10px;
		float: none;
		margin-right: 0;
		width: 100%
	}
}

.main-points-section {
	padding: 2.5rem 0
}

.main-points-section .main-heading {
	font-family: Montserrat, sans-serif;
	color: #494744;
	font-size: 30px;
	margin: 0 0 2.5rem;
	font-weight: 600;
	text-transform: uppercase
}

.main-points-section .box .point {
	display: flex;
	margin-bottom: .5rem
}

.main-points-section .box svg {
	fill: #0071ce;
	margin-right: 1rem;
	font-size: 1rem
}

.main-points-section .box p {
	color: #222;
    text-transform: none;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
}

.about-content {
	padding: 2%
}



ul#ui-id-1,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {    
    list-style: none !important;
    width: 375px !important;
    padding: 0rem !important;
	max-height: 200px;
	overflow-y: auto;
}

ul#ui-id-1 li,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li
{    
    padding: 0.5rem 1rem !important;
}

ul#ui-id-1 li:hover,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li:hover
{    
    background: #e6e6e6;
    color: #000;
    border: 1px solid #e6e6e6;
}

textarea.step-field {
    height: auto;
}
span.step-field.checkField {
    border: none;
}

.footer-socila-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.footer-socila-icons a{
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-socila-icons svg{
    fill: #fff;
    width: 45px;
}

.copyright .cAlign a{
	height: 50px;
	display: block;
    line-height: 50px;
}

.cardBody svg {
	width: 100%;
	height: auto;
}

.works.loans svg{
	width: 50px;
	height: initial;  
}

.works svg{
	width: 140px;
	height: 100px;  
}

@media screen and (min-width: 768px) {
    
	.works.loans svg{
		width: 80px;
		height: 80px; 
	}
    
}

@media screen and (min-width: 1020px) {
    
	.works.loans svg{
		width: 120px;
		height: 120px; 
	}

	.works svg{
		width: 180px;
		height: 140px;  
	}
    
}

footer p.mAlign {
    font: 600 20px Montserrat,sans-serif;
    color: #494744;
    margin-top: 30px;
    margin-bottom: 15px;
}