body {
	background-color: #f0f8ff;
}

.header_1 {
	position: absolute;

	left: 0;

	top: 25px;

	width: 100%;

	height: auto;

	background: transparent;

	z-index: 5;
}

/* .logo {
  position: relative;

  text-align: left;
} */

.logo img {
	max-width: 100%;

	height: auto;
}

.mainmenu {
	position: relative;
	/* background-color: #f0f8ff; */
}

.mainmenu ul {
	margin: 0;

	padding: 0;
}

.mainmenu ul li {
	margin: 0;

	padding: 15px 8px;

	list-style: none;

	display: inline-block;
}

.mainmenu ul li.menu-item-has-children {
	position: relative;
}

.mainmenu ul li a {
	display: block;
	color: #222222;
	line-height: 28px;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}

.mainmenu ul ul.sub-menu {
	background: #fff;

	width: 300px;

	z-index: 9;

	text-align: left;

	padding: 21px 20px 16px;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;

	visibility: hidden;

	opacity: 0;

	left: 35%;

	margin: auto;

	position: absolute;

	right: 0;

	top: 30px;

	transform: translateX(-50%);

	z-index: 2;

	-webkit-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.29);

	-moz-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.29);

	box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.29);
}

.mainmenu ul li:hover ul.sub-menu {
	visibility: visible;

	opacity: 1;

	top: 60px;
}

.mainmenu ul ul.sub-menu li {
	margin: 0;

	padding: 0 0 10px;

	display: block;
}

.mainmenu ul ul.sub-menu li span {
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

.mainmenu ul ul.sub-menu li span img {
	width: 32px;
	height: 32px;
}

.mainmenu ul ul.sub-menu li a {
	font-size: 14px;
	line-height: 1.5;

	display: inline-block;

	text-decoration: none;
}

.mainmenu ul ul.sub-menu li a:hover {
	color: #4b8d55;
	padding-left: 10px;
	transform: 0.7s ease-in-out;
}

.mainmenu ul ul.sub-menu li.menu-item-has-children {
	position: relative;
}

.mainmenu ul ul.sub-menu li.menu-item-has-children a {
	position: relative;

	display: block;
}

.mainmenu ul ul.sub-menu > li.menu-item-has-children > a:after {
	position: absolute;

	right: 0;

	top: 0;

	content: "\f105";

	font-family: fontAwesome;

	font-size: 12px;

	line-height: 28px;

	color: #222;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.mainmenu ul ul.sub-menu > li.menu-item-has-children > a:hover:after {
	color: #8180e0;
}

.fixedHeader .mainmenu ul ul.sub-menu ul.sub-menu,
.mainmenu ul ul.sub-menu ul.sub-menu {
	visibility: hidden;

	opacity: 0;

	left: 100%;

	max-height: 91px;

	transform: translateX(20px);

	top: 10px;

	right: auto;

	-webkit-box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.29);

	-moz-box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.29);

	box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.29);
}

.fixedHeader .mainmenu ul ul.sub-menu li:hover ul.sub-menu,
.mainmenu ul ul.sub-menu li:hover ul.sub-menu {
	visibility: visible;

	opacity: 1;

	top: -20px;
}

.navigator_btn {
	position: relative;
}

.navigator_btn a {
	width: 100px;

	display: inline-block;

	height: 52px;

	background: #ffffff;

	line-height: 52px;

	color: #8180e0;

	padding: 0;
}

.navigator_btn a:hover {
	color: #fff;
}

.mainmenu.MenuInRight > ul > li:last-child {
	padding-right: 20px;
}

.navigator_btn.btn_bg a {
	background: #4b8d55;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navigator_btn.btn_bg a:hover {
	background: #222;

	color: #fff;
}

.menu_white .mainmenu ul li a {
	color: #ffffff;
}

.menu_white .mainmenu ul li a:hover {
	color: #8180e0;
}

.menu_white .mainmenu ul li a {
	color: #ffffff;
}

.menu_white .mainmenu.MenuInRight ul li:last-child {
	padding-right: 0;
}

.menu_white .navigator_btn a {
	width: 150px;

	color: #222222;

	-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.29);

	-moz-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.29);

	box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.29);
}

.menu_white .navigator_btn a:hover {
	background: #222222;

	color: #fff;
}

.fixedHeader {
	background: #fff;

	padding: 5px 0;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 999;

	border: none;

	-webkit-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.29);

	-moz-box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.29);

	box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.29);
	transition: 0.4s ease-in-out;
}
.common_btn {
	border-radius: 30px;
	box-shadow: 4px 6px 20px 5px #0000002e;
}
.fixedHeader .mainmenu ul li:hover ul.sub-menu {
	top: 54px;
}

.fixedHeader .navigator_btn a.common_btn {
	background: #3c7626;

	color: #fff;
}

.fixedHeader.menu_white .mainmenu ul li a {
	color: #222;
}

.menu_white .mainmenu ul ul.sub-menu li a {
	color: #222;
}

.menu_white .mainmenu ul ul.sub-menu li a:hover {
	color: #8180e0;
}

/*----------------------------------------------------

/ 2. Page Banner

------------------------------------------------------*/

.pagebanner {
	position: relative;

	padding: 151px 0 82px;
}

.bannerTitle {
	position: relative;

	z-index: 2;
}

.bannerTitle h2 {
	font-size: 48px;

	line-height: 66px;

	color: #222222;

	margin: 0 0 9px;
}

.bannerTitle p {
	margin: 0;
}

.payloan_header_bg {
	overflow-x: hidden;
}

.header_bg_1 {
	position: relative;

	padding-top: 100px;
	padding-bottom: 50px;
}

.header_bg_1:after {
	position: absolute;

	content: "";

	top: 0;

	right: 0;

	width: 60%;

	height: 100%;

	/* background: url(../images/slider/3.png) no-repeat 100% 0; */

	z-index: -1;
}

.header_bg_2 {
	position: relative;

	padding: 265px 0;
}

.header_bg_2:after {
	position: absolute;

	content: "";

	top: 0;

	right: 0;

	width: 60%;

	height: 100%;

	background: url(../images/slider/4.png) no-repeat;

	z-index: -1;
}

.header_bg_1 .welcome_text h1,
.header_bg_2 .welcome_text h1 {
	font-size: 48px;

	margin-bottom: 30px;

	line-height: 66px;
}

.header_bg_1 .welcome_text h1 {
	font-weight: 800;

	color: #222222;
}

.header_bg_1 .welcome_text h1 span {
	color: #4b8d55;
}

.header_bg_1 .welcome_text p {
	color: #929292;
}

.header_bg_1 .welcome_text p,
.header_bg_2 .welcome_text p {
	font-size: 19px;

	margin-bottom: 0;
}

.header_bg_2 .welcome_text h1 {
	font-weight: 900;

	color: #383c5e;
}

.header_bg_2 .welcome_text p {
	color: #606378;
}

/* Media queries for responsive typography */
@media (max-width: 768px) {
	.header_bg_1 .welcome_text h1,
	.header_bg_2 .welcome_text h1 {
		font-size: 36px;
		line-height: 48px;
	}

	.header_bg_1 .welcome_text p,
	.header_bg_2 .welcome_text p {
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.header_bg_1 .welcome_text h1,
	.header_bg_2 .welcome_text h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.header_bg_1 .welcome_text p,
	.header_bg_2 .welcome_text p {
		font-size: 14px;
	}
}

.header_bg_1 .common_btn,
.header_bg_2 .common_btn {
	margin-top: 45px;
	z-index: 10;
}

.header_bg_2 .common_btn {
	-webkit-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	height: 55px;

	padding: 21px 35.5px;
}

/*----------------------------------------------------

/ 3. About Page

------------------------------------------------------*/

.ab_section {
	padding: 48px 0 32px;
}

.singleABThumb {
	position: relative;

	left: -138px;
}

.singleAB {
	position: relative;

	padding: 31px 0 0;
}

.singleAB h2 {
	font-size: 48px;

	line-height: 60px;

	margin: 0 0 31px;
}

.singleAB p {
	margin: 0 0 25px;
}

.singleAB p a {
	color: #8180e0;

	text-decoration: underline;
}

.singleAB p a:hover {
	color: #929292;
}

.singleABThumb_2 {
	position: relative;
}

.com_history {
	padding: 68px 0 68px;
}

.com_history .sec_desc {
	margin-bottom: 120px;
}

.singleHistory {
	width: 100%;

	-webkit-perspective: 1000;

	-moz-perspective: 1000;

	-ms-perspective: 1000;

	perspective: 1000;

	-ms-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleHistory .flipper {
	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;
}

.singleHistory .flipper {
	-webkit-transform-origin: 100% 213.5px;

	-moz-transform-origin: 100% 213.5px;

	-ms-transform-origin: 100% 213.5px;

	transform-origin: 100% 213.5px;
}

.singleHistory .front,
.singleHistory .back {
	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;

	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;

	-o-transform-style: preserve-3d;

	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;

	-ms-transform-style: preserve-3d;

	-ms-transform: rotateY(0deg);

	transition: 0.6s;

	transform-style: preserve-3d;

	transform: rotateY(0deg);

	position: absolute;

	top: 0;

	left: 0;
}

.singleHistory .front {
	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	background: #fff;

	z-index: 2;

	padding: 37px 30px 24px 35px;

	width: 100%;

	-webkit-box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);

	-moz-box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);

	box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);
}

.singleHistory .back {
	background: #8180e0;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	position: relative;

	padding: 40px 30px 26px 35px;

	width: 100%;

	top: -34px;
}

.singleHistory .back:after,
.singleHistory .front:after {
	position: absolute;

	right: 0;

	top: 0;

	width: 79px;

	height: 74px;

	background: #c5c5f7;

	content: "";

	z-index: 9;

	border-radius: 0 0 0 100%;
}

.singleHistory .back h4,
.singleHistory .front h4 {
	font-size: 22px;

	line-height: 30px;

	color: #8180e0;

	font-weight: 700;

	margin: 0 0 17px;
}

.singleHistory .front p {
	margin: 0 0 16px;
}

.singleHistory .back h4,
.singleHistory .back p {
	color: #fff;
}

.singleHistory:hover .front,
.singleHistory.hover .front {
	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);
}

.singleHistory:hover .back,
.singleHistory.hover .back {
	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	transform: rotateY(0deg);
}

.singleTeam {
	position: relative;
}

.singleTeam img {
	max-width: 100%;

	height: auto;

	margin-bottom: 30px;
}

.singleTeam h4 {
	font-size: 20px;

	line-height: 32px;

	font-weight: 700;

	text-transform: capitalize;

	margin: 0 0 5px;
}

.singleTeam p {
	font-size: 17px;

	line-height: 28px;

	margin: 0;
}

.custome_sec {
}

.custome_sec .sec_title {
	font-size: 38px;

	line-height: 58px;
}

.customer_area {
	position: relative;

	padding: 63px 40px 13px 89px;

	background: url(../images/about/4.png) no-repeat left top / cover;
}

.singleCustomer {
	position: relative;

	padding: 0;
}

.singleCustomer > img {
	max-width: 100%;

	height: auto;

	width: auto !important;
}

.quote_img {
	position: relative;

	margin: 40px 0 13px;
}

.quote_img img {
	width: 55px !important;

	height: 45px;
}

.singleCustomer p {
	font-size: 15px;

	color: #ffffff;

	line-height: 38px;

	margin: 0 0 45px;
}

.singleCustomer h5 {
	font-size: 20px;

	color: #ffffff;

	line-height: 32px;

	font-weight: 700;

	margin: 0 0 10px;
}

.customer_thumb {
	position: relative;

	margin-left: 40px;
}

.cus_signature {
	width: 114px;

	height: 30px;
}

.cus_signature img {
	width: 100%;

	height: 100%;
}

.customer_area .owl-controls .owl-nav {
	position: relative;

	margin: -58px 55px 0 0;

	padding: 0;

	float: right;
}

.customer_area .owl-controls .owl-nav .owl-prev,
.customer_area .owl-controls .owl-nav .owl-next {
	background: transparent;

	margin: 0 0 0 12px;

	padding: 0;

	font-size: 39px;

	color: #fff;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.customer_area .owl-controls .owl-nav .owl-prev:hover,
.customer_area .owl-controls .owl-nav .owl-next:hover {
	color: #466e35;
}

/*----------------------------------------------------

/ 4. Footer Section

------------------------------------------------------*/

.footer {
	position: relative;

	padding: 180px 0 30px;

	background: url(../images/bg/2.png) no-repeat left top / cover;
}

.footer.bg_2 {
	background: url(../images/bg/3.png) no-repeat right top / cover;
}

.footer.bg_1 {
	background: #fff;

	padding: 108px 0 55px;
}

.footer.bg_1 .about_widgets {
	margin-top: 13px;
}

.footer.bg_1 .subscribe_widgets input[type="submit"] {
	background: #e46609;
}

.footer.bg_1 .subscribe_widgets input[type="submit"]:hover {
	background: #222;
}

.footer.bg_1 .about_widgets p {
	color: #333;
}

.footer.bg_1 .singleLPost h4 a:hover {
	color: #000;
}

.footer .about_widgets h3 {
	font-size: 29px;

	line-height: 0.8;

	color: #222;

	font-weight: 700;

	margin-bottom: 20px;
}

.footer .widget {
	position: relative;
}

.footer .about_widgets img {
	max-width: 100%;

	height: auto;

	margin-bottom: 52px;
}

.footer .about_widgets {
	margin-top: 21px;
}

.footer .about_widgets p {
	font-size: 1.2rem;

	line-height: 20px;

	color: #222;

	margin: 0;
}

.footer .singleLPost {
	position: relative;

	margin: 0 30px 30px -40px;
}

.footer .singleLPost h4 {
	font-size: 20px;

	line-height: 32px;

	font-weight: 700;

	margin: 4px 0 18px;
}

.footer .singleLPost h4 a {
	color: #222222;
}

.footer .singleLPost h4 a:hover {
	color: #8180e0;
}

.footer .singleLPost span {
	font-size: 16px;

	font-weight: 400;

	color: #b8b8b8;

	line-height: 0.8;

	display: block;

	margin: 0 0 15px;
}

.footer .singleLPost p {
	font-size: 17px;

	line-height: 28px;

	margin: 0;
}

.footer .subscribe_widgets {
}

.footer .subscribe_widgets h3 {
	font-size: 40px;

	line-height: 55px;

	margin: 0 0 26px;
}

.footer .subscribe_widgets input[type="text"],
.footer .subscribe_widgets input[type="email"] {
	font-size: 19px;

	color: #929292;

	line-height: 55px;

	width: 100%;

	background: #fff;

	height: 52px;

	border: 1px solid #dedede;

	outline: none;

	border-radius: 5px;

	margin-bottom: 25px;

	padding: 0 20px;
}

.footer .subscribe_widgets input[type="text"]::-moz-placeholder,
.footer .subscribe_widgets input[type="email"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.footer .subscribe_widgets input[type="text"]::-webkit-input-placeholder,
.footer .subscribe_widgets input[type="email"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.footer .subscribe_widgets input[type="text"]::-ms-input-placeholder,
.footer .subscribe_widgets input[type="email"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.footer .subscribe_widgets input[type="submit"] {
	height: 54px;

	color: #ffffff;

	line-height: 54px;

	background: #e46609;

	border: none;

	outline: none;

	font-weight: 700;

	font-size: 17px;

	border-radius: 3px;

	cursor: pointer;

	padding: 0 35.5px;

	margin: 15px 0px;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;

	-webkit-box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);

	-moz-box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);

	box-shadow: 0px 0px 22px 0px rgba(129, 128, 224, 0.17);
}

.footer .subscribe_widgets input[type="submit"]:hover {
	background: #335226;

	color: #fff;
}

.copyright {
	position: relative;

	background: #000;

	padding: 20px 0px;

	text-align: center;
}

.copyright.bg_f4f5f4 {
	background: #f4f5f4;

	padding: 16px 0 17px;
}

.copyright p {
	font-size: 17px;

	line-height: 28px;

	color: #fff;

	margin: 0;
}

.foot-loc {
	list-style: none;
	position: relative;
	padding-left: 0px;
}

.foot-loc li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	margin-bottom: 10px;
}

.foot-loc li a {
	color: #e3660a;
}

.foot-loc li::before {
	position: absolute;
	content: "\f879";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 19px;
	color: #4b8f56;
	left: -10px;
	top: -3px !important;
}

.foot-loc li.foot-mail::before {
	content: "\f2b6";
}

.foot-loc li.foot-addr::before {
	content: "\f3c5";
	top: -10px;
}

.foot-link {
	padding-left: 0;
}

.foot-link li {
	margin-bottom: 15px;
}

.copyright p a {
	display: inline-block;

	color: #e46609;

	font-weight: 700;
}

.devby {
	color: #e46609;
}

.copyright.bg_f4f5f4 p {
	color: #222;
}

.copyright.bg_f4f5f4 p a {
	color: #4fb32c;
}

.copyright.bg_f4f5f4 p a:hover {
	color: #222;
}

.copyright p a:hover {
	color: #929292;
}

#backTo {
	position: relative;

	height: 40px;

	width: 40px;

	background: #519e33;

	border-radius: 50%;

	display: inline-block;

	color: #fff;

	text-align: center;

	font-size: 23px;
	top: -70px;
	right: -60px;
}

#backTo:hover {
	background: #5c5ad4;

	color: #fff;
}

/*----------------------------------------------------

/ 5. Services Page 01 and 02

------------------------------------------------------*/

.servicePage {
	padding: 50px 0 80px;
}

.servicePage:after {
	position: absolute;

	left: 0;

	top: -211px;

	background: url(../images/bg/ser_bg.png) no-repeat left top;

	content: "";

	z-index: 1;

	width: 100%;

	height: 393px;
}

.singleService {
	position: relative;

	background: #fff;

	padding: 47px 30px 43px 39px;

	margin-bottom: 40px;

	border-radius: 3px;

	transition: all ease 500ms;

	-webkit-transition: all ease 500ms;

	-moz-transition: all ease 500ms;

	-webkit-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	-moz-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);
}

.singleService i {
	font-size: 58px;

	color: #8180e0;

	line-height: 58px;

	display: inline-block;

	float: left;
}

.singleService h1 {
	font-size: 68px;

	line-height: 62px;

	color: #e5e4f9;

	font-weight: 900;

	text-align: right;

	margin: 0 0 0;
}

.singleService h4 {
	font-size: 22px;

	line-height: 32px;

	font-weight: 700;

	margin: 27px 0 20px;
}

.singleService p {
	margin-bottom: 22px;
}

.singleService a {
	display: inline-block;

	font-size: 17px;

	line-height: 28px;

	color: #8180e0;

	font-weight: 700;

	margin: 0;
}

.singleService:hover {
	background: #8180e0;
}

.singleService:hover i,
.singleService:hover h1,
.singleService:hover h4,
.singleService:hover p,
.singleService:hover a {
	color: #fff;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleService a:hover {
	color: #c86bd8;
}

.singleService.three_column {
	padding: 55px 30px 49px 39px;
}

.singleService.three_column h1 {
	font-size: 50px;
}

.singleService.three_column h4 {
	margin-top: 27px;
}

.singleService.three_column p {
	margin-bottom: 20px;
}

.singleService.three_column a {
	margin-top: 13px;
}

.servicePage a.common_btn:after {
	background: #c86bd8;
}

.mt42 {
	margin-top: 42px;
}

.serviceDetails {
	position: relative;

	padding: 30px 0 120px;
}

.serDetailThumb {
}

.serDetailThumb img {
	width: 100%;

	height: auto;
}

.serDetailContent {
	position: relative;

	margin: 86px 0 35px 40px;
}

.noMar {
	margin-left: 0;

	margin-top: 0;
}

.serDetailContent h3 {
	font-size: 48px;

	line-height: 60px;

	color: #222222;

	margin: 0 0 29px;
}

.serDetailContent p {
	margin: 0 0 25px;
}

.mt_63 {
	margin-top: 63px;
}

.servicepage_2 {
	padding: 70px 0 30px;
}

.servicepage_2 .sec_title {
	margin: 37px 0 43px;

	font-size: 38px;

	line-height: 55px;
}

.servicepage_2 a.common_btn {
	padding: 22px 30px;

	height: 58px;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);
}

.serviceRelated {
	position: relative;

	display: inline-block;

	background: #fff;

	color: #8180e0;

	font-size: 19px;

	line-height: 30px;

	font-weight: 400;

	padding: 22px 22px 21px;

	border: 1px solid #f2f2f2;

	border-radius: 3px;

	width: 100%;

	-webkit-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.12);

	-moz-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.12);

	box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.12);
}

.serviceRelated:hover {
	background: #8180e0;

	color: #fff;
}

.mt26 {
	margin-top: 26px;
}

.singleService_3 {
	position: relative;

	background: #fff;

	margin-bottom: 50px;

	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	-moz-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
}

.singleService_3 img {
	width: 100%;

	height: auto;

	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	-moz-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
}

.singleService_3 .serDetail {
	padding: 40px 35px 36px;
}

.singleService_3 .serDetail h4 {
	font-size: 20px;

	line-height: 32px;

	color: #383c5e;

	font-weight: 700;

	margin: 0 0 17px;

	display: inline-block;

	float: left;
}

.singleService_3 .serDetail h4 a {
	color: #383c5e;
}

.singleService_3 .serDetail h4 a:hover {
	color: #8180e0;
}

.singleService_3 .serDetail h2 {
	float: right;

	font-size: 30px;

	line-height: 32px;

	color: #8180e0;

	font-weight: 900;
}

.singleService_3 .serDetail p {
	font-size: 19px;

	line-height: 30px;

	color: #606378;

	margin: 0 0 14px;
}

.singleService_3 .serDetail a.readMore {
	font-size: 17px;

	line-height: 0.8;

	color: #383c5e;

	font-weight: 700;

	display: inline-block;

	margin: 0 0 0;
}

.singleService_3 .serDetail a.readMore:hover {
	color: #8180e0;
}

/*----------------------------------------------------

/ 6. Testimonial Page 01 and 02

------------------------------------------------------*/

.testimonialSec {
	padding: 50px 0 70px;
}

.singleTestimoinal {
	position: relative;

	background: #fff;

	border: 1px solid #e7e6e6;

	padding: 31px 25px 55px 35px;

	border-radius: 3px;

	margin-bottom: 50px;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;

	-webkit-box-shadow: 0px 0px 44px 0px rgba(129, 128, 224, 0.12);

	-moz-box-shadow: 0px 0px 44px 0px rgba(129, 128, 224, 0.12);

	box-shadow: 0px 0px 44px 0px rgba(129, 128, 224, 0.12);
}

.testiThumb {
	position: relative;

	margin: 0 0 47px;
}

.testiThumb img {
	width: 115px;

	height: 112px;
}

.quote {
	position: relative;

	margin: 0 0 25px;

	height: 45px;
}

.quote img {
	width: 55px;

	height: 45px;

	position: absolute;

	left: 0;

	top: 0;
}

.quote img:last-of-type {
	opacity: 0;
}

.singleTestimoinal p {
	font-size: 27px;

	line-height: 35px;

	font-weight: 300;

	margin: 0 0 42px;
}

.singleTestimoinal h5 {
	font-size: 20px;

	line-height: 0.8;

	font-weight: 700;

	margin: 0 0 18px;
}

.signature {
	position: relative;
}

.signature img {
	width: 114px;

	height: 30px;

	position: absolute;

	left: 0;

	top: 0;
}

.signature img:last-of-type {
	opacity: 0;
}

.singleTestimoinal:hover {
	background: #8180e0;
}

.singleTestimoinal:hover h5,
.singleTestimoinal:hover p {
	color: #fff;
}

.singleTestimoinal:hover .quote img:last-of-type,
.singleTestimoinal:hover .signature img:last-of-type {
	opacity: 9;
}

.singleTestimoinal:hover .quote img:first-child,
.singleTestimoinal:hover .signature img:first-child {
	opacity: 0;
}

.singleTestimoinal_2 {
	position: relative;

	padding: 0 0 70px;

	margin: 0;
}

.pdRight {
	padding-right: 25px;
}

.pdLeft {
	padding-left: 25px;
}

.singleTestimoinal_2 .test_quote {
	width: 75px;

	height: 63px;

	margin: 0 0 39px;
}

.singleTestimoinal_2 .test_quote img {
	width: 100%;

	height: 100%;
}

.singleTestimoinal_2 p {
	font-size: 23px;

	line-height: 40px;

	color: #606378;

	font-weight: 600;

	margin: 0 0 43px;
}

.singleTestimoinal_2 .testiDetail {
	position: relative;

	padding: 0 0 0 121px;
}

.singleTestimoinal_2 .testiDetail img {
	position: absolute;

	left: 0;

	top: 0;

	width: 81px;

	height: 81px;
}

.singleTestimoinal_2 .testiDetail h5 {
	font-size: 21px;

	color: #383c5e;

	line-height: 30px;

	font-weight: 700;

	margin: 0 0 1px;
}

.singleTestimoinal_2 .testiDetail p {
	font-size: 16px;

	line-height: 30px;

	color: #606378;

	font-weight: 600;

	margin: 0 0 11px;
}

.singleTestimoinal_2 .testiDetail .star-rating {
	position: relative;

	line-height: 0.8;

	margin: 0;

	padding: 0;
}

.singleTestimoinal_2 .testiDetail .star-rating i {
	font-size: 16px;

	line-height: 0.8;

	color: #ffa200;

	letter-spacing: 3px;
}

.singleTestimoinal_2 .testiDetail .star-rating span i,
.singleTestimoinal_2 .testiDetail .star-rating span {
	color: #bbc0eb;
}

/*----------------------------------------------------

/ 7. Blog Page

------------------------------------------------------*/

.blogPage {
	padding: 50px 0 120px;
}

.singleBlog {
	position: relative;

	margin: 0 55px 82px 0;
}

.blogThumb {
	position: relative;

	margin: 0 0 46px;
}

.blogThumb img {
	width: 100%;

	height: auto;

	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.15);

	-moz-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.15);

	box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.15);
}

.blogDetail h3 {
	font-size: 35px;

	line-height: 60px;

	margin: 0 0 20px;
}

.blogDetail h3 a {
	color: #222222;

	display: inline-block;
}

.blogDetail h3 a:hover {
	color: #8180e0;
}

.blogDetail p {
	margin: 0 0 28px;
}

.blogDetail .author {
	display: inline-block;

	float: left;

	font-size: 19px;

	color: #222222;

	line-height: 30px;

	font-weight: 400;

	margin: 0 0 0;
}

.blogDetail .author span {
	color: #8180e0;

	font-weight: 700;
}

.blogDetail a.view_detail {
	display: inline-block;

	float: right;

	font-size: 19px;

	line-height: 30px;

	color: #8180e0;

	margin: 0;
}

.blogDetail a.view_detail:hover {
	color: #222;
}

.payloan_paginations {
	position: relative;

	margin: -26px 0 0;

	padding: 0;
}

.payloan_paginations a,
.payloan_paginations span {
	width: 50px;

	height: 50px;

	border: 1px solid #dedef7;

	text-align: center;

	border-radius: 3px;

	display: inline-block;

	font-size: 22px;

	line-height: 0.8;

	color: #222222;

	font-weight: 700;

	background: transparent;

	margin: 0 13px 0 0;

	padding: 16px 0;
}

.payloan_paginations a:hover,
.payloan_paginations .current {
	color: #fff;

	background: #8180e0;
}

.sidebar {
	position: relative;
}

.sidebar .widget {
	position: relative;

	margin-bottom: 50px;

	border: 1px solid #f5f5fb;

	border-radius: 3px;

	background: #fff;

	-webkit-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.11);

	-moz-box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.11);

	box-shadow: 0px 0px 29px 0px rgba(129, 128, 224, 0.11);
}

.sidebar .widget .widget_title {
	font-size: 25px;

	color: #fff;

	line-height: 60px;

	font-weight: 400;

	background: #8180e0;

	border-radius: 3px;

	margin: 0 0 33px;

	padding: 5px 15px;

	text-align: center;

	width: 100%;
}

.sidebar .widget_search {
	background: none;

	box-shadow: none;

	border: none;
}

.sidebar .widget_search input[type="search"] {
	width: 100%;

	height: 65px;

	border-radius: 3px;

	border: 1px solid #e1e1f5;

	background: transparent;

	font-size: 19px;

	color: #929292;

	line-height: 60px;

	font-weight: 400;

	outline: none;

	padding: 0 25px;
}

.sidebar .widget_search input[type="search"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.sidebar .widget_search input[type="search"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.sidebar .widget_search input[type="search"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.sidebar .widget_search button[type="submit"] {
	width: 65px;

	height: 65px;

	background: #3d3af5;

	color: #fff;

	font-size: 25px;

	line-height: 65px;

	border: none;

	outline: none;

	border-radius: 3px;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.sidebar .widget_search button[type="submit"]:hover {
	background: #222;
}

.sidebar .recent_posts {
}

.payloan_post_widget {
	position: relative;

	padding: 0 15px 33px 30px;

	margin: 0 0 0;
}

.payloan_post_widget h4 {
	font-size: 22px;

	line-height: 30px;

	font-weight: 400;

	margin-bottom: 14px;
}

.payloan_post_widget h4 a {
	display: inline-block;

	color: #8180e0;
}

.payloan_post_widget h4 a:hover {
	color: #222222;
}

.payloan_post_widget p {
	font-size: 17px;

	line-height: 25px;

	margin-bottom: 7px;
}

.payloan_post_widget .author {
	font-size: 15px;

	color: #222222;

	font-weight: 600;

	line-height: 30px;

	margin: 0;
}

.payloan_post_widget .author span {
	font-size: 14px;

	color: #8180e0;
}

.payloan_post_widget:last-child {
	padding-bottom: 38px;
}

.tagcloud {
	position: relative;

	padding: 0 15px 51px 25px;

	margin: 0 0 0;

	color: #929292;
}

.tagcloud a {
	display: inline-block;

	color: #929292;

	font-size: 18px;

	line-height: 30px;

	font-weight: 400;
}

.tagcloud a:hover {
	color: #8180e0;
}

.singlblogPage {
	padding: 50px 0 92px;
}

.singleBlogDetails {
	position: relative;

	margin-right: 55px;
}

.singleBlogDetails .blogThumb {
	margin-bottom: 32px;
}

.singleBlogDetails .author {
	display: block;

	float: none;

	margin-bottom: 17px;
}

.singleBlogDetails .blogDetail p {
	margin-bottom: 18px;
}

.singleBlogDetails .blogDetail ul {
	margin: 29px 0 29px 70px;

	padding: 0;
}

.singleBlogDetails .blogDetail ul li {
	position: relative;

	padding-left: 30px;

	margin: 0 0 18px;
}

.singleBlogDetails .blogDetail ul li:after {
	position: absolute;

	content: "";

	left: 0;

	top: 9px;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #8180e0;
}

.blog_social {
	position: relative;

	padding: 32px 0 26px;
}

.blog_social a {
	display: inline-block;

	text-align: center;

	height: 52px;

	width: 170px;

	border-radius: 3px;

	font-size: 19px;

	line-height: 52px;

	color: #ffffff;

	background: #3a559f;

	padding: 0;

	margin-right: 32px;

	margin-bottom: 10px;

	font-weight: 400;

	text-transform: capitalize;
}

.blog_social a:last-child {
	margin-right: 0;
}

.blog_social a.fac {
	background: #3a559f;
}

.blog_social a.goo {
	background: #e54a2b;
}

.blog_social a.sky {
	background: #01bff6;
}

.blog_social a.beh {
	background: #1311fb;
}

.blog_social a:hover {
	background: #8180e0;
}

.related_post {
	position: relative;

	margin: 0 0 33px;
}

.related_post h3 {
	font-size: 35px;

	line-height: 60px;

	margin: 0 0 25px;
}

.related_post_slide {
	position: relative;
}

.SRPost {
	position: relative;

	border: 1px solid #f7efef;

	border-radius: 3px;

	padding-bottom: 27px;
}

.SRPost img {
	margin-bottom: 31px;

	border-radius: 3px;
}

.SRPost h4 {
	font-size: 22px;

	line-height: 32px;

	font-weight: 700;

	margin: 0 0 14px;

	padding-left: 35px;

	padding-right: 25px;
}

.SRPost h4 a {
	color: #222222;
}

.SRPost h4 a:hover {
	color: #8180e0;
}

.SRPost p {
	margin: 0;

	padding-left: 35px;

	padding-right: 25px;
}

.related_post_slide .owl-controls .owl-nav {
	position: absolute;

	right: -7px;

	top: -70px;

	margin: 0;

	padding: 0;
}

.related_post_slide .owl-controls .owl-nav .owl-prev,
.related_post_slide .owl-controls .owl-nav .owl-next {
	background: transparent;

	margin: 0 0 0 12px;

	padding: 0;

	font-size: 30px;

	color: #b8b8b8;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.related_post_slide .owl-controls .owl-nav .owl-prev:hover,
.related_post_slide .owl-controls .owl-nav .owl-next:hover {
	color: #8180e0;
}

.commentFrom {
	position: relative;
}

.commentFrom h3 {
	font-size: 35px;

	line-height: 60px;

	margin-bottom: 33px;
}

.commentFrom input[type="text"],
.commentFrom input[type="email"],
.commentFrom textarea {
	font-size: 19px;

	color: #929292;

	line-height: 52px;

	width: 100%;

	background: transparent;

	height: 52px;

	border: 1px solid #e7e6e6;

	outline: none;

	border-radius: 3px;

	margin-bottom: 30px;

	padding: 0 20px;
}

.commentFrom textarea {
	height: 230px;

	resize: none;

	line-height: 32px;

	padding-top: 19px;

	margin-bottom: 42px;
}

.commentFrom textarea::-moz-placeholder,
.commentFrom input[type="text"]::-moz-placeholder,
.commentFrom input[type="email"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.commentFrom textarea::-webkit-input-placeholder,
.commentFrom input[type="text"]::-webkit-input-placeholder,
.commentFrom input[type="email"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.commentFrom textarea::-ms-input-placeholder,
.commentFrom input[type="text"]::-ms-input-placeholder,
.commentFrom input[type="email"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.commentFrom .common_btn {
	background: #8180e0;

	padding: 20px 42.5px;
}

.commentFrom .common_btn:after {
	background: #c86bd8;
}

/*----------------------------------------------------

/ 8. Calculation Page

------------------------------------------------------*/

.calculationPage {
	padding: 29px 0 110px;
}

.calculationThumb {
	position: relative;
}

.calculationThumb img {
}

.caclculationFrom {
	position: relative;

	background: #f1f1f8;

	border-radius: 10px;

	border: 2px solid #8180e0;

	padding: 48px 35px 24px;

	margin-bottom: 50px;

	margin-top: 20px;
}

.caclculationFrom input[type="number"] {
	font-size: 19px;

	color: #929292;

	line-height: 55px;

	width: 100%;

	background: #fff;

	height: 62px;

	border: none;

	outline: none;

	border-radius: 3px;

	margin-bottom: 20px;

	padding-left: 20px;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;
}

.caclculationFrom input[type="number"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.caclculationFrom input[type="number"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.caclculationFrom input[type="number"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

#price_range {
	width: 100%;

	height: 5px;

	background: #fff;

	border-radius: 5px;

	margin: 10px 0 0;

	position: relative;
}

#price_range .ui-slider-range.ui-widget-header {
	height: 100%;

	background: #8180e0;

	border-radius: 5px;
}

#price_range .ui-slider-handle {
	width: 15px;

	height: 15px;

	border-radius: 50%;

	background: #8180e0;

	display: block;

	position: absolute;

	right: 0;

	top: -5px;

	outline: none;

	cursor: pointer;
}

.amount_range {
	position: relative;

	text-align: center;
}

.amount_range input[type="text"] {
	background: transparent;

	border: none;

	outline: none;

	font-size: 22px;

	color: #222222;

	font-weight: 700;

	line-height: 55px;

	text-align: center;
}

.loanCaclculat {
	position: relative;

	background: #8180e0;

	border-radius: 10px;

	padding: 33px 40px;
}

.totalAmout {
	position: relative;

	padding: 69px 0 72px;
}

.totalAmout:after {
	height: 100%;

	width: 5px;

	border-radius: 5px;

	background: #fff;

	position: absolute;

	right: 0;

	top: 0;

	content: "";
}

.totalAmout h4 {
	font-size: 22px;

	font-weight: 700;

	color: #ffffff;

	line-height: 30px;

	margin-bottom: 18px;
}

.totalAmout h2 {
	font-size: 47px;

	font-weight: 800;

	color: #ffffff;

	line-height: 55px;

	margin: 0;
}

.instalAmout {
	position: relative;

	padding: 30px 0 0;
}

.singleAmount {
	position: relative;

	display: inline-block;

	float: left;

	text-align: left;

	padding-right: 47px;

	padding-bottom: 37px;
}

.singleAmount:last-of-type {
	padding-right: 0;
}

.singleAmount h4 {
	font-size: 20px;

	font-weight: 600;

	color: #ffffff;

	line-height: 30px;

	margin-bottom: 2px;
}

.singleAmount h3 {
	font-size: 35px;

	font-weight: 400;

	color: #ffffff;

	line-height: 55px;

	margin: 0;
}

.instalAmout a {
	background: #fff;

	color: #222;

	border-radius: 30px;

	padding: 20px 50.1px;
}

.instalAmout a:after {
	border-radius: 30px;
}

/*----------------------------------------------------

/ 9. Contact Page

------------------------------------------------------*/

.contactPage {
	padding: 50px 0 120px;
}

.formArea {
	border: 2px solid #eae9f5;

	border-radius: 5px;

	background: #fff;

	padding-left: 70px;

	-webkit-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	-moz-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);
}

.contactFrom {
	padding-top: 75px;

	padding-bottom: 75px;

	margin-right: 55px;
}

.contactFrom input[type="text"],
.contactFrom input[type="email"],
.contactFrom textarea {
	font-size: 19px;

	color: #929292;

	line-height: 55px;

	width: 100%;

	background: #f2f2fa;

	height: 55px;

	border: 1px solid #d9d9ef;

	outline: none;

	border-radius: 3px;

	margin-bottom: 30px;

	padding: 0 20px;
}

.contactFrom textarea {
	height: 284px;

	resize: none;

	line-height: 32px;

	padding-top: 15px;

	margin-bottom: 42px;

	background: #f2f2fa;
}

.contactFrom textarea::-moz-placeholder,
.contactFrom input[type="text"]::-moz-placeholder,
.contactFrom input[type="email"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.contactFrom textarea::-webkit-input-placeholder,
.contactFrom input[type="text"]::-webkit-input-placeholder,
.contactFrom input[type="email"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.contactFrom textarea::-ms-input-placeholder,
.contactFrom input[type="text"]::-ms-input-placeholder,
.contactFrom input[type="email"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.contactFrom input.reqError,
.contactFrom .reqError {
	border-color: #466e35;

	background: transparent;
}

.contactFrom .common_btn {
	background: #8180e0;

	border-radius: 50px;

	padding: 20px 37px;
}

.contactFrom .common_btn:after {
	background: #c86bd8;

	border-radius: 50px;
}

.gmap {
	position: relative;

	width: 100%;

	height: 798px;

	border-radius: 50% 0 0 50%;
}

/*----------------------------------------------------

/ 10. Application Page

------------------------------------------------------*/

.applicationPage {
	padding: 50px 0 120px;
}

.formArea {
	border: 2px solid #eae9f5;

	border-radius: 5px;

	background: #fff;

	padding-left: 70px;

	-webkit-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	-moz-box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);

	box-shadow: 0px 0px 54px 0px rgba(129, 128, 224, 0.13);
}

.formArea.appareaBG {
	padding: 70px 70px 195px;

	background: url(../images/bg/app_bg.png) no-repeat center bottom;
}

.applicationForm input[type="text"],
.applicationForm input[type="number"],
.applicationForm input[type="email"] {
	font-size: 19px;

	color: #929292;

	line-height: 55px;

	width: 100%;

	background: #f2f2fa;

	height: 55px;

	border: 1px solid #d9d9ef;

	outline: none;

	border-radius: 3px;

	margin-bottom: 30px;

	padding: 0 20px;
}

.applicationForm input[type="number"] {
	padding-right: 0;
}

.applicationForm input[type="number"]::-moz-placeholder,
.applicationForm input[type="text"]::-moz-placeholder,
.applicationForm input[type="email"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.applicationForm input[type="number"]::-webkit-input-placeholder,
.applicationForm input[type="text"]::-webkit-input-placeholder,
.applicationForm input[type="email"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.applicationForm input[type="number"]::-ms-input-placeholder,
.applicationForm input[type="text"]::-ms-input-placeholder,
.applicationForm input[type="email"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.applicationForm input[type="text"]:focus,
.applicationForm input[type="number"]:focus,
.applicationForm input[type="email"]:focus {
	background: #8180e0;

	border-color: #8180e0;

	color: #fff;
}

.applicationForm input[type="number"]:focus::-moz-placeholder,
.applicationForm input[type="text"]:focus::-moz-placeholder,
.applicationForm input[type="email"]:focus::-moz-placeholder {
	color: #fff;

	opacity: 1;
}

.applicationForm input[type="number"]:focus::-webkit-input-placeholder,
.applicationForm input[type="text"]:focus::-webkit-input-placeholder,
.applicationForm input[type="email"]:focus::-webkit-input-placeholder {
	color: #fff;

	opacity: 1;
}

.applicationForm input[type="number"]:focus::-ms-input-placeholder,
.applicationForm input[type="text"]:focus::-ms-input-placeholder,
.applicationForm input[type="email"]:focus::-ms-input-placeholder {
	color: #fff;

	opacity: 1;
}

.applicationForm .common_btn {
	background: #8180e0;

	border-radius: 50px;

	padding: 20px 50.1px;

	margin-top: 50px;
}

.applicationForm .common_btn:after {
	border-radius: 50px;
}

/*----------------------------------------------------

/ 11. Home 01

------------------------------------------------------*/

.rev_slider_1 {
	position: relative;

	z-index: 3;
}

.rev_slider_1 .layer_3 {
	z-index: 3;
}

.rev_slider_1 .layer_1 span {
	color: #8180e0;
}

.homeService {
	position: relative;

	padding: 100px 0 55px;

	z-index: 2;
}

.homeService:after {
	position: absolute;

	left: 0;

	top: -465px;

	content: "";

	background: url(../images/bg/5.png) no-repeat left top;

	width: 100%;

	height: 1173px;
}

.homeService:before {
	position: absolute;

	right: 0;

	top: 150px;

	content: "";

	background: url(../images/bg/6.png) no-repeat right top;

	width: 100%;

	height: 955px;
}

.singleService_2 {
	width: 100%;

	-webkit-perspective: 1000;

	-moz-perspective: 1000;

	-ms-perspective: 1000;

	perspective: 1000;

	-ms-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleService_2 .flipper {
	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;
}

.singleService_2 .flipper {
	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0;
}

.singleService_2 .front,
.singleService_2 .back {
	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;

	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;

	-o-transform-style: preserve-3d;

	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;

	-ms-transform-style: preserve-3d;

	-ms-transform: rotateY(0deg);

	transition: 0.6s;

	transform-style: preserve-3d;

	transform: rotateY(0deg);

	position: absolute;

	top: 0;

	left: 0;
}

.singleService_2 .front {
	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	background: #fff;

	z-index: 2;

	padding: 29px 25px 45px 30px;

	width: 100%;

	-webkit-box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);

	-moz-box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);

	box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);
}

.singleService_2 .back {
	background: #408149;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	position: relative;

	padding: 50px 25px 65px 30px;

	width: 100%;

	top: -20px;
}

.singleService_2 .back i,
.singleService_2 .front i {
	font-size: 58px;

	color: #408149;

	line-height: 58px;

	display: inline-block;

	float: left;

	margin-bottom: 39px;
}

.singleService_2 .back h1,
.singleService_2 .front h1 {
	font-size: 40px;

	line-height: 32px;

	color: #97da9e;

	font-weight: 900;

	text-align: right;

	margin: 21px 0 0;
}

.singleService_2 .back h4,
.singleService_2 .front h4 {
	font-size: 20px;

	line-height: 32px;

	color: #222;

	font-weight: 700;

	margin: 0 0 10px;
}

.singleService_2 .back p,
.singleService_2 .front p {
	font-size: 17px;

	line-height: 28px;

	color: #929292;

	margin: 0 0 14px;
}

.singleService_2 .back h5,
.singleService_2 .front h5 {
	font-size: 19px;

	line-height: 28px;

	color: #222;

	font-weight: 400;

	margin: 0 0 0;
}

.singleService_2 .back i,
.singleService_2 .back h1,
.singleService_2 .back h4,
.singleService_2 .back h5,
.singleService_2 .back p {
	color: #fff;
}

.singleService_2:hover .front,
.singleService_2.hover .front {
	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);
}

.singleService_2:hover .back,
.singleService_2.hover .back {
	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	transform: rotateY(0deg);
}

.mt20 {
	margin-top: 20px;
}

.postTodaySec {
	padding: 100px 0 96px;

	position: relative;
}

.postTodaySec:after {
	position: absolute;

	right: 0;

	top: 140px;

	content: "";

	background: url(../images/bg/12.png) no-repeat right top;

	width: 100%;

	height: 862px;
}

.postTodaySec .sec_desc {
	margin-bottom: 105px;
}

.latestPost {
	position: relative;

	padding: 0 0 19px;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 25px;
}

.latestPost h4 {
	font-size: 20px;

	line-height: 32px;

	font-weight: 700;

	margin: -9px 0 18px;
}

.latestPost h4 a {
	color: #222222;
}

.latestPost h4 a:hover {
	color: #8180e0;
}

.latestPost span {
	font-size: 16px;

	font-weight: 400;

	color: #b8b8b8;

	line-height: 0.8;

	display: block;

	margin: 0 0 15px;
}

.latestPost p {
	font-size: 17px;

	line-height: 28px;

	margin: 0 0 7px;
}

.latestPost a.readMore {
	font-size: 17px;

	line-height: 28px;

	color: #8180e0;

	font-weight: 700;

	margin: 0;

	display: inline-block;
}

.latestPost a.readMore:hover {
	color: #222;
}

.featureImg {
	position: relative;

	margin-top: -48px;
}

.clientSec {
	background: #f4f5f4;

	padding: 72px 0 60px;
}

.singleLogo {
	position: relative;

	padding: 0;
}

.singleLogo a img {
	max-width: 100%;

	height: auto;

	-webkit-filter: grayscale(1);

	-moz-filter: grayscale(1);

	-ms-filter: grayscale(1);

	filter: grayscale(1);

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleLogo a img:hover {
	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	filter: grayscale(0);
}

.mt176 {
	margin-top: 176px;
}

.serviceArea {
	/* padding-left: 80px; */

	/* padding-top: 142px; */

	position: relative;
}

.serviceArea h3 {
	font-size: 35px;

	line-height: 53px;

	font-weight: 900;

	margin: 0 0 27px;
}

.serviceArea p {
	margin: 0 0 21px;
}

.serviceArea a.common_btn {
	margin-top: 31px;

	height: 52px;

	padding: 20px 46.1px;
}

.homeContact {
	padding: 0 0 100px;
}

.homeContact:after {
	position: absolute;

	left: 0;

	top: 255px;

	content: "";

	background: url(../images/bg/7.png) no-repeat left top;

	width: 100%;

	height: 1239px;
}

.contactArea {
	position: relative;

	padding: 119px 0 0;
}

.contactArea h3 {
	font-size: 38px;

	line-height: 58px;

	margin: 0 0 31px;
}

.contactArea p {
	margin: 0 0 21px;
}

.contactArea a.common_btn {
	margin-top: 31px;

	height: 52px;

	padding: 20px 46.1px;
}

.contactThumb {
	position: relative;

	text-align: right;

	margin-left: 70px;
}

.applicatioProces {
	padding: 54px 0 80px;
}

.applicatioProces .sec_desc {
	margin-bottom: 120px;
}

.applicatioProces:after {
	position: absolute;

	right: 0;

	top: 212px;

	content: "";

	background: url(../images/bg/8.png) no-repeat right top;

	width: 100%;

	height: 1015px;
}

.singleProcess_2 {
	-webkit-perspective: 1000;

	-moz-perspective: 1000;

	-ms-perspective: 1000;

	perspective: 1000;

	-ms-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.mr_40 {
	margin-right: 40px;
}

.mlr_40 {
	margin: 0 20px;
}

.ml_40 {
	margin-left: 40px;
}

.singleProcess_2 .flipper {
	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;
}

.singleProcess_2 .flipper {
	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0;
}

.singleProcess_2 .front,
.singleProcess_2 .back {
	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;

	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;

	-o-transform-style: preserve-3d;

	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;

	-ms-transform-style: preserve-3d;

	-ms-transform: rotateY(0deg);

	transition: 0.6s;

	transform-style: preserve-3d;

	transform: rotateY(0deg);

	position: absolute;

	top: 0;

	left: 0;
}

.singleProcess_2 .front {
	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	background: #fff;

	z-index: 2;

	padding: 29px 30px 59px 45px;

	width: 100%;

	-webkit-box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);

	-moz-box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);

	box-shadow: 0px 0px 45px 0px rgba(34, 34, 34, 0.1);
}

.singleProcess_2 .back {
	background: #4a9457;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	position: relative;

	padding: 52px 30px 82px 45px;

	width: 100%;

	top: -23px;
}

.singleProcess_2 .back .bg_number,
.singleProcess_2 .front .bg_number {
	width: 118px;

	height: 110px;

	background: url(../images/p1.png) no-repeat center center / cover;

	padding: 29px 0;

	text-align: center;

	position: relative;

	left: -15px;

	margin: 0 0 11px;
}

.singleProcess_2 .back .bg_number {
	background: url(../images/p2.png) no-repeat center center / cover;
}

.singleProcess_2 .back .bg_number h1,
.singleProcess_2 .front .bg_number h1 {
	font-size: 55px;

	line-height: 55px;

	color: #8180e0;

	font-weight: 900;

	margin: 0 0;
}

.singleProcess_2 .back h4 {
	font-size: 20px;

	line-height: 32px;

	color: #222;

	font-weight: 400;

	margin: 0 0 13px;
}

.singleProcess_2 .front h4 {
	font-size: 18px;
	line-height: 29px;
	color: #222;
	font-weight: 400;
	margin: 0 0 13px;
}

.singleProcess_2 .back p,
.singleProcess_2 .front p {
	font-size: 17px;

	line-height: 28px;

	color: #929292;

	margin: 0;
}

.singleProcess_2 .back h4,
.singleProcess_2 .back p {
	color: #fff;
}

.singleProcess_2:hover .front,
.singleProcess_2.hover .front {
	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);
}

.singleProcess_2:hover .back,
.singleProcess_2.hover .back {
	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	transform: rotateY(0deg);
}

.applyAmoutSec {
	padding: 0 0 20px;

	position: relative;
}

.applyAmoutSec:after {
	background: url(../images/bg/9.png) no-repeat left top;

	position: absolute;

	left: 0;

	top: 150px;

	content: "";

	width: 100%;

	height: 736px;
}

.applyAmoutSec .sec_title {
	margin-bottom: 73px;
}

.applyamountFrom {
	position: relative;

	width: 100%;

	padding: 20px 25px;

	background: #f1f1f8;

	border: 1px solid #db5c22;

	border-radius: 150px;
}

.applyamountFrom input[type="number"] {
	font-size: 19px;

	color: #929292;

	line-height: 55px;

	width: 265px;

	background: #0e73002e;

	height: 62px;

	border: none;

	outline: none;

	border-radius: 50px;

	padding-left: 30px;

	margin-right: 17px;

	display: inline-block;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;
}

.applyamountFrom input[type="number"]:focus {
	border: 1px solid #4b8d55b0;
	color: #000;
}

.applyamountFrom input[type="number"]::-moz-placeholder {
	color: #929292;

	opacity: 1;
}

.applyamountFrom input[type="number"]::-webkit-input-placeholder {
	color: #929292;

	opacity: 1;
}

.applyamountFrom input[type="number"]::-ms-input-placeholder {
	color: #929292;

	opacity: 1;
}

.applyamountFrom button.common_btn {
	height: 62px;

	border-radius: 50px;

	float: right;

	display: inline-block;

	padding: 24px 34px;
}

.applyamountFrom button.common_btn:after {
	border-radius: 50px;
}

.custome_sec_2 {
	position: relative;

	background: url(../images/bg/13.png) no-repeat center center;

	padding: 0 0 0;
}

/*----------------------------------------------------

/ 12. Home 02

------------------------------------------------------*/

.rev_slider_2 {
	position: relative;

	z-index: 3;
}

.rev_slider_2 .layer_3 {
	z-index: 3;
}

.rev_slider_2 .common_btn {
	-webkit-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;
}

.homeService_2 {
	padding: 0 0 120px;
}

.homeService_2 .sec_title {
	font-size: 35px;

	line-height: 52px;

	color: #383c5e;

	font-weight: 900;
}

.homeService_2 .sec_desc {
	color: #606378;

	line-height: 35px;
}

.singleService_4 {
	background: #fff;

	width: 335px;

	padding: 62px 38px 53px;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	-moz-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
}

.singleService_4 i {
	font-size: 58px;

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	line-height: 58px;

	display: inline-block;

	float: left;

	margin-bottom: 28px;

	margin-right: 35px;
}

.singleService_4 h1 {
	font-size: 40px;

	line-height: 32px;

	color: #e5e4f9;

	font-weight: 900;

	text-align: left;

	margin: 21px 0 0;
}

.singleService_4 h4 {
	font-size: 20px;

	line-height: 32px;

	color: #383c5e;

	font-weight: 800;

	margin: 0 0 12px;
}

.singleService_4 p {
	font-size: 19px;

	color: #606378;

	margin: 0 0 16px;
}

.singleService_4 h5 {
	font-size: 17px;

	line-height: 28px;

	color: #383c5e;

	font-weight: 700;

	margin: 0 0 0;
}

.singleService_4:hover {
	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleService_4:hover i {
	background: #fff;

	background: #fff;

	opacity: 1;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleService_4:hover h1,
.singleService_4:hover h4,
.singleService_4:hover p,
.singleService_4:hover h5 {
	color: #fff;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.callToAction {
	padding: 10px 0 115px;
}

.callToAction .serviceArea {
	padding-left: 90px;

	padding-top: 194px;
}

.callToAction .serviceArea h3 {
	color: #383c5e;

	margin-bottom: 32px;
}

.callToAction .serviceArea p {
	color: #606378;

	line-height: 32px;

	margin-bottom: 22px;
}

.callToAction .serviceArea a.common_btn {
	-webkit-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	height: 55px;

	padding: 21px 35.5px;

	margin-top: 25px;
}

.applicatioProces_2 {
	padding: 0 0 107px;
}

.applicatioProces_2 .sec_title {
	font-size: 35px;

	line-height: 52px;

	color: #383c5e;

	font-weight: 900;
}

.applicatioProces_2 .sec_desc {
	line-height: 35px;

	color: #606378;

	margin: 0 0 73px;
}

.service_border {
	background: url(../images/border.png) no-repeat center center;
}

.singleProcess_3 {
	-webkit-perspective: 1000;

	-moz-perspective: 1000;

	-ms-perspective: 1000;

	perspective: 1000;

	width: 350px;

	-ms-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.singleProcess_3 .flipper {
	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-ms-transition: 0.6s;

	-moz-transition: 0.6s;

	-moz-transform: perspective(1000px);

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transition: 0.6s;

	transform-style: preserve-3d;

	position: relative;
}

.singleProcess_2 .flipper {
	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0;
}

.singleProcess_3 .front,
.singleProcess_3 .back {
	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: 0.6s;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;

	-moz-transform-style: preserve-3d;

	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;

	-o-transform-style: preserve-3d;

	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;

	-ms-transform-style: preserve-3d;

	-ms-transform: rotateY(0deg);

	transition: 0.6s;

	transform-style: preserve-3d;

	transform: rotateY(0deg);

	position: absolute;

	left: 0;

	right: 0;

	top: 0;
}

.singleProcess_3 .front {
	-webkit-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	z-index: 2;

	text-align: center;

	padding: 115px 0 83px;
}

.singleProcess_3 .back {
	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	-o-transform: rotateY(-180deg);

	-ms-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

	position: relative;

	padding: 59px 30px 55px 40px;

	border-radius: 20px;

	background: rgb(56, 107, 64);

	background: linear-gradient(
		-38deg,
		rgba(77, 147, 87, 1) 0%,
		rgba(66, 124, 74, 1) 150%,
		rgba(56, 107, 64, 1) 100%
	);

	opacity: 1;
}

.singleProcess_3:hover .front {
	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	transform: rotateY(180deg);
}

.singleProcess_3:hover .back {
	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	transform: rotateY(0deg);
}

.singleProcess_3 .back .bg_number,
.singleProcess_3 .front .bg_number {
	width: 118px;

	height: 110px;

	background: url(../images/p1.png) no-repeat center center / cover;

	padding: 29px 0;

	text-align: center;

	position: relative;

	left: 0;

	right: 0;

	margin: 0 auto 21px;
}

.singleProcess_3 .back .bg_number h1,
.singleProcess_3 .front .bg_number h1 {
	font-size: 45px;

	line-height: 52px;

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(77, 147, 87, 1) 0%,
		rgba(66, 124, 74, 1) 150%,
		rgba(56, 107, 64, 1) 100%
	);

	opacity: 1;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: 900;

	margin: 0 0;
}

.singleProcess_3 .back h4,
.singleProcess_3 .front h4 {
	font-size: 19px;

	line-height: 32px;

	color: #222;

	font-weight: 800;

	margin: 0 0 12px;
}

.singleProcess_3 .back .bg_number {
	background: url(../images/p2.png) no-repeat center center / cover;

	margin: 0 0 27px;

	right: auto;
}

.singleProcess_3 .back p {
	font-size: 19px;

	line-height: 30px;

	color: #fff;

	margin: 0;
}

.singleProcess_3 .back h4 {
	color: #fff;
}

.lastBox .front {
	padding-top: 127px;
}

.lastBox .front .bg_number {
	margin-bottom: 9px;
}

.callToAction_2 {
	padding: 10px 0 102px;
}

.callToAction_2 .serviceArea {
	padding-left: 0;

	padding-right: 90px;

	padding-top: 244px;
}

.callToAction_2 .serviceArea h3 {
	color: #383c5e;

	margin-bottom: 32px;
}

.callToAction_2 .serviceArea p {
	color: #606378;

	line-height: 32px;

	margin-bottom: 22px;
}

.callToAction_2 .serviceArea h5 {
	color: #383c5e;

	font-size: 20px;

	font-weight: 700;

	line-height: 35px;

	margin-bottom: 0;
}

.callToAction_2 .serviceArea a.common_btn {
	-webkit-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	height: 55px;

	padding: 21px 35.5px;

	margin-top: 25px;
}

.callImage img {
	width: 100%;

	height: auto;
}

.callToAction_3 {
	background: url(../images/bg/14.png) no-repeat center top;

	padding: 90px 0 117px;
}

.callToAction_3 .sec_title {
	color: #ffffff;

	font-size: 40px;

	line-height: 55px;

	font-weight: 900;

	margin: 0;
}

.callToAction_3 a.common_btn {
	-webkit-box-shadow: 0px 0px 34px 0 rgba(46, 55, 136, 0.49);

	-moz-box-shadow: 0px 0px 34px 0 rgba(46, 55, 136, 0.49);

	box-shadow: 0px 0px 34px 0 rgba(46, 55, 136, 0.49);

	background: #fff;

	color: #383c5e;

	height: 65px;

	padding: 26px 59.5px;

	margin-top: 53px;
}

.callToAction_3 a.common_btn:hover {
	color: #fff;
}

.latestPostSec {
	padding: 115px 0 119px;
}

.latestPostSec .sec_title {
	font-size: 35px;

	line-height: 52px;

	color: #383c5e;

	font-weight: 900;
}

.latestPostSec .sec_desc {
	line-height: 35px;

	color: #606378;
}

.mrRight_25 {
	margin-right: 25px;
}

.mrLeft_25 {
	margin-left: 25px;
}

.latestPost_2 {
	position: relative;
}

.latestPost_2 p {
	color: #606378;

	margin: 0 0 11px;
}

.latestPost_2 h3 {
	color: #383c5e;

	font-size: 24px;

	line-height: 40px;

	font-weight: 700;

	margin: 0;
}

.latestPost_2 h3 a {
	color: #383c5e;
}

.latestPost_2 h3 a:hover {
	color: #8180e0;
}

.LPThumb {
	position: relative;

	margin-bottom: 41px;
}

.LPThumb img {
	width: 100%;

	height: auto;

	border-radius: 20px;
}

.overlay {
	position: relative;
}

.overlay:after {
	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 0.2) 0%,
		rgba(9, 9, 121, 1) 50%,
		rgba(46, 55, 136, 0.2) 100%
	);

	opacity: 0.2;

	border-radius: 20px;
}

.footer_2 {
	background: #f3f3fa;

	padding: 123px 0 130px;
}

.footer_2 .about_widgets {
	margin-top: 7px;
}

.footer_2 .about_widgets img {
	margin-bottom: 43px;
}

.footer_2 .about_widgets p {
	color: #383c5e;
}

.footer_2 .links {
	position: relative;

	padding-left: 60px;
}

.footer_2 .links h4 {
	font-size: 22px;

	color: #222222;

	font-weight: 700;

	line-height: 32px;

	margin-bottom: 36px;
}

.footer_2 .links ul {
	margin: 0;

	padding: 0;
}

.footer_2 .links ul li {
	list-style: none;

	display: block;

	padding: 0;

	margin: 0;
}

.footer_2 .links ul li a {
	display: inline-block;

	font-weight: 400;

	color: #606378;

	font-size: 19px;

	line-height: 45px;

	margin: 0;

	padding: 0;
}

.footer_2 .links ul li a:hover {
	color: #8180e0;
}

.footer_2 .subscribe_widgets h3 {
	color: #383c5e;

	font-weight: 900;
}

.footer_2 .subscribe_widgets input[type="text"],
.footer_2 .subscribe_widgets input[type="email"] {
	color: #606378;

	height: 60px;

	line-height: 60px;

	margin-bottom: 20px;
}

.footer_2 .subscribe_widgets input[type="submit"] {
	-webkit-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0 rgba(46, 55, 136, 0.3);

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(129, 128, 224, 1) 0%,
		rgba(9, 9, 121, 1) 150%,
		rgba(46, 55, 136, 1) 100%
	);

	opacity: 1;

	height: 60px;

	line-height: 60px;

	width: 195px;

	margin-top: 10px;
}

.footer_2 .subscribe_widgets input[type="submit"]:hover {
	background: rgb(46, 55, 136);

	background: linear-gradient(
		-38deg,
		rgba(46, 55, 136, 1) 0%,
		rgba(9, 9, 121, 1) 50%,
		rgba(129, 128, 224, 1) 100%
	);

	opacity: 1;
}

.copyright_2 {
	background: #2e3788;

	padding: 16px 0 17px;
}

.copyright_2 p {
	color: #ffffff;

	font-weight: 700;
}

.teamProcess {
	padding: 0 0 123px;
}

.teamProcess .sec_title {
	font-size: 35px;

	line-height: 52px;

	color: #383c5e;

	font-weight: 900;
}

.teamProcess .sec_desc {
	line-height: 35px;

	color: #606378;

	margin: 0 0 51px;
}

.team_slider {
	position: relative;

	margin-top: -30px;
}

.team_slider .slick-next,
.team_slider .slick-prev {
	position: absolute;

	left: 0;

	bottom: 0;

	right: 0;

	display: inline-block;

	width: 73px;

	height: 73px;

	border-radius: 50%;

	background: #f1f1fb;

	color: transparent;

	border: none;

	outline: none;

	cursor: pointer;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.team_slider .slick-next {
	right: 28%;

	left: auto;

	bottom: 16px;
}

.team_slider .slick-prev {
	left: 28%;

	right: auto;

	bottom: 16px;

	z-index: 9;
}

.team_slider .slick-prev:after,
.team_slider .slick-next:after {
	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	text-align: center;

	content: "\ea94";

	font-family: "IcoFont";

	font-size: 25px;

	color: #383c5e;

	line-height: 73px;

	margin: auto;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

.team_slider .slick-prev:after {
	content: "\ea93";
}

.team_slider .slick-next:hover,
.team_slider .slick-prev:hover {
	background: #8180e0;
}

.team_slider .slick-prev:hover:after,
.team_slider .slick-next:hover:after {
	color: #fff;
}

.team_slider .slick-slide {
	outline: none;
}

.singleTM {
	position: relative;

	padding: 0 120px 0;
}

.teamDesc {
	position: relative;

	margin: 0 0 24px;
}

.teamDesc img {
	width: 75px;

	height: 63px;

	display: inline-block;

	margin-bottom: 48px;
}

.teamDesc p {
	font-size: 23px;

	line-height: 40px;

	color: #606378;

	font-weight: 600;

	margin: 0;
}

.detail_TM {
	position: relative;

	margin: 0 0 0;
}

.detail_TM h5 {
	color: #383c5e;

	font-size: 21px;

	line-height: 40px;

	font-weight: 700;

	margin-bottom: 5px;
}

.detail_TM p {
	color: #606378;

	font-size: 19px;

	line-height: 0.8;

	font-weight: 600;

	margin-bottom: 27px;
}

.detail_TM .star-rating {
	position: relative;

	line-height: 0.8;

	margin: 0;

	padding: 0;
}

.detail_TM .star-rating i {
	font-size: 16px;

	line-height: 0.8;

	color: #ffa200;

	letter-spacing: 3px;
}

.detail_TM .star-rating span i,
.detail_TM .star-rating span {
	color: #bbc0eb;
}

.slick-list {
	-moz-user-select: none;

	box-sizing: border-box;

	display: block;

	position: relative;
}

.slider-nav {
	position: relative;

	text-align: center;

	margin: 0;

	padding: 18px 0 0;

	height: 285px;

	z-index: 10;
}

.slider-nav:after {
	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	background: url(../images/border2.png) no-repeat center center;

	width: 100%;

	height: 174px;

	z-index: -1;
}

.slider-nav .slick-list {
	padding: 50px 0 0 !important;
}

.slider-nav li {
	display: inline-block;

	list-style: none;

	cursor: pointer;
}

.slider-nav .slick-slide:first-child {
	padding-top: 155px;
}

.slider-nav .slick-slide:nth-of-type(2) {
	padding-top: 33px;
}

.slider-nav .slick-slide:nth-of-type(4) {
	padding-top: 34px;
}

.slider-nav .slick-slide:nth-of-type(4) li img {
	float: right;
}

.slider-nav .slick-slide:nth-of-type(2) li img {
	float: left;
}

.slider-nav .slick-slide:last-child {
	padding-top: 155px;
}

.slider-nav .slick-slide:first-child li img {
	float: left;
}

.slider-nav .slick-slide:last-child li img {
	float: right;
}

.slider-nav .slick-slide.slick-current.slick-center {
	position: relative;

	top: -30px;

	z-index: 99;

	opacity: 1;
}

.slider-nav li img {
	width: 95px;

	height: 95px;

	border-radius: 50%;

	display: inline-block;
}

.slider-nav .slick-slide.slick-current.slick-center li img {
	width: 150px;

	height: 150px;

	border-radius: 50%;

	transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-moz-transition: all ease 400ms;
}

/*----------------------------------------------------

/ 13. Team Members Page

------------------------------------------------------*/

.teamPage {
	padding: 70px 0 60px;
}

.singleTeam_2 {
	position: relative;

	margin: 0 0 58px;
}

.singleTeam_2 img {
	width: 240px;

	height: 240px;

	border-radius: 50%;

	margin-bottom: 26px;
}

.singleTeam_2 h4 {
	font-size: 21px;

	color: #383c5e;

	line-height: 40px;

	font-weight: 700;

	margin-bottom: 5px;
}

.singleTeam_2 p {
	font-size: 16px;

	color: #606378;

	line-height: 0.8;

	font-weight: 600;

	margin: 0 0 8px;
}

.teamSocial {
	position: relative;
}

.teamSocial a {
	display: inline-block;

	font-size: 16px;

	line-height: 40px;

	color: #383c5e;

	margin: 0 4px;
}

.teamSocial a:hover {
	color: #8180e0;
}

.pdLeftRight {
	padding: 0 140px;
}

/*----------------------------------------------------

/ 14. Portfolio and Detail Page

------------------------------------------------------*/

.portfolioPage {
	padding: 70px 0 130px;
}

.portfolioPage .sec_title {
	margin: 37px 0 43px;

	font-size: 38px;

	line-height: 55px;
}

.portfolioPage a.common_btn {
	padding: 22px 30px;

	height: 58px;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);
}

.singleFolio {
	position: relative;

	overflow: hidden;

	margin-bottom: 50px;

	border-radius: 20px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	-moz-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);

	box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
}

.folioThumb {
	position: relative;
}

.folioThumb:after {
	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	background: rgb(46, 55, 136);

	background: linear-gradient(
		-35deg,
		rgba(129, 128, 224, 0.15) 0%,
		rgba(9, 9, 121, 1) 50%,
		rgba(46, 55, 136, 0.15) 100%
	);

	opacity: 0.15;

	border-radius: 20px;
}

.folioThumb img {
	width: 100%;

	height: auto;

	border-radius: 20px;
}

.foilo_overlay {
	position: absolute;

	top: 0;

	z-index: 2;

	left: 0;

	width: 100%;

	height: 100%;

	content: "";

	-webkit-transition-timing-function: cubic-bezier(0.07, 0.72, 0.24, 1);

	transition-timing-function: cubic-bezier(0.07, 0.72, 0.24, 1);

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

	background: rgba(129, 128, 224, 0.9);

	border-radius: 15px;

	opacity: 0;

	visibility: hidden;

	transition: all ease 400ms;

	-moz-transition: all ease 400ms;

	-webkit-transition: all ease 400ms;

	-ms-transition: all ease 400ms;

	-o-transition: all ease 400ms;
}

.singleFolio:hover .foilo_overlay {
	visibility: visible;

	opacity: 0.9;

	border-radius: 20px;
}

.folio_aling {
	left: 0;

	margin: auto;

	position: absolute;

	right: 0;

	text-align: center;

	top: 50%;

	transform: translateY(-50%);

	z-index: 2;

	padding: 30px;
}

.foilo_overlay h4 {
	font-size: 20px;

	color: #fff;

	line-height: 0.8;

	font-weight: 800;

	margin: 0 0 28px;
}

.foilo_overlay h4 a {
	color: #fff;

	z-index: 5;

	top: -30px;

	position: relative;

	transition: all ease 1200ms;

	-moz-transition: all ease 1200ms;

	-webkit-transition: all ease 1200ms;

	-ms-transition: all ease 1200ms;

	-o-transition: all ease 1200ms;
}

.singleFolio:hover .foilo_overlay h4 a {
	top: 0;
}

.foilo_overlay h4 a:hover {
	color: #000;
}

.foilo_overlay p {
	font-size: 19px;

	line-height: 30px;

	color: #fff;

	margin-bottom: 32px;

	z-index: 5;

	position: relative;

	transition: all ease 1200ms;

	-moz-transition: all ease 1200ms;

	-webkit-transition: all ease 1200ms;

	-ms-transition: all ease 1200ms;

	-o-transition: all ease 1200ms;
}

.foilo_overlay a.common_btn {
	font-size: 17px;

	color: #373f91;

	line-height: 0.8;

	font-weight: 700;

	height: 55px;

	background: #fff;

	padding: 19px 36.5px;

	z-index: 5;

	border-radius: 10px;

	position: relative;

	text-align: center;

	bottom: -30px;

	transition: all ease 1200ms;

	-moz-transition: all ease 1200ms;

	-webkit-transition: all ease 1200ms;

	-ms-transition: all ease 1200ms;

	-o-transition: all ease 1200ms;
}

.foilo_overlay a.common_btn::after {
	border-radius: 10px;
}

.foilo_overlay a.common_btn:hover {
	color: #fff;
}

.singleFolio:hover .foilo_overlay a.common_btn {
	bottom: 0;
}

.folioMR_20 {
	margin-right: 20px;
}

.folioML_20 {
	margin-left: 20px;
}

.folioMLR_10 {
	margin-left: 10px;

	margin-right: 10px;
}

.portfolioDetilPage {
	padding: 70px 0 70px;
}

.folio_details {
	position: relative;
}

.folioPostContent {
	position: relative;
}

.folioPostContent h2 {
	font-size: 42px;

	color: #232323;

	line-height: 58px;

	margin-bottom: 28px;
}

.folioPostContent p {
	font-size: 19px;

	line-height: 35px;

	color: #606378;

	margin-bottom: 20px;
}

.folioPostContent img {
	width: 100%;

	height: auto;

	border-radius: 15px;

	margin: 29px 0 50px;
}

.helpingPost {
	background: #e3e4f0;

	padding: 64px 100px 59px;

	border-radius: 15px;

	margin-top: 72px;

	margin-bottom: 97px;
}

.helpingPost h3 {
	color: #383c5e;

	font-size: 40px;

	line-height: 55px;

	margin: 0 70px 46px;

	text-align: center;
}

.helpingPost .loanDesc {
	position: relative;

	font-size: 19px;

	line-height: 35px;

	color: #606378;

	margin: 0 0 9px;
}

.helpingPost .loanDesc h5 {
	font-weight: 700;

	margin: 0;

	font-size: 19px;

	line-height: 35px;

	color: #606378;

	display: inline-block;

	min-width: 155px;
}

.helpingPost .loanDesc p {
	margin: 0;

	display: inline-block;

	padding-left: 20px;

	word-break: break-all;
}

.related_folio {
	position: relative;
}

.related_folio h3 {
	font-size: 40px;

	line-height: 55px;

	color: #383c5e;

	margin-bottom: 56px;
}

/*----------------------------------------------------

/ 15. 404 Page and Faq Page

------------------------------------------------------*/

.page_4040 {
	padding: 113px 0 155px;
}

.content_404 {
	position: relative;

	padding: 0 25px;
}

.content_404 h1 {
	font-size: 250px;

	color: #8180e0;

	font-weight: 900;

	line-height: 1;

	margin: 0 0 11px;
}

.content_404 h4 {
	font-size: 22px;

	line-height: 35px;

	color: #383c5e;

	font-weight: 900;

	margin: 0 0 20px;
}

.content_404 p {
	font-size: 19px;

	line-height: 35px;

	color: #606378;

	margin-bottom: 39px;
}

.content_404 a.common_btn {
	padding: 22px 50px;

	height: 58px;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);
}

.faqPage {
	padding: 80px 0 145px;
}

.faqPdRight {
	padding-right: 65px;
}

.faqPdLeft {
	padding-left: 65px;
}

.singleFaq {
	position: relative;

	margin: 0 0 51px;
}

.singleFaq h3 {
	font-size: 25px;

	line-height: 40px;

	color: #232323;

	font-weight: 600;

	margin-bottom: 26px;
}

.singleFaq p {
	font-size: 23px;

	line-height: 40px;

	color: #8d8d8d;

	margin: 0;
}

.questinForm input[type="text"],
.questinForm input[type="number"],
.questinForm input[type="email"],
.questinForm textarea {
	font-size: 19px;

	color: #606378;

	line-height: 60px;

	width: 100%;

	background: transparent;

	height: 60px;

	border: 1px solid #dedede;

	outline: none;

	border-radius: 8px;

	margin-bottom: 30px;

	padding: 0 30px;
}

.questinForm textarea {
	height: 260px;

	resize: none;

	line-height: 30px;

	padding-top: 17px;

	margin-bottom: 50px;
}

.faqPage .sec_title {
	font-size: 42px;

	line-height: 58px;

	color: #383c5e;

	margin: 56px 0 60px;
}

.faqPage .common_btn {
	padding: 23px 47.5px;

	height: 60px;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	-moz-box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);

	box-shadow: 0px 0px 25px 0px rgba(46, 55, 136, 0.3);
}

/*----------------------------------------------------

/ 16. preloder

------------------------------------------------------*/

.preloader {
	background: #000;

	bottom: 0;

	height: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 99999;
}

.la-ball-circus,
.la-ball-circus > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.la-ball-circus {
	display: block;
	font-size: 0;
	color: #fff;
}

.la-ball-circus.la-dark {
	color: #fff;
}

.la-ball-circus > div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
}

.la-ball-circus {
	width: 16px;
	height: 16px;
}

.la-ball-circus > div {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 16px;
	width: 100%;
	height: 16px;
	height: 100%;
	border-radius: 100%;
	opacity: 0.5;
	-webkit-animation: ball-circus-position 2.5s infinite
			cubic-bezier(0.25, 0, 0.75, 1),
		ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
	-moz-animation: ball-circus-position 2.5s infinite
			cubic-bezier(0.25, 0, 0.75, 1),
		ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
	-o-animation: ball-circus-position 2.5s infinite
			cubic-bezier(0.25, 0, 0.75, 1),
		ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
	animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
		ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
}

.la-ball-circus > div:nth-child(1) {
	-webkit-animation-delay: 0s, -0.5s;
	-moz-animation-delay: 0s, -0.5s;
	-o-animation-delay: 0s, -0.5s;
	animation-delay: 0s, -0.5s;
}

.la-ball-circus > div:nth-child(2) {
	-webkit-animation-delay: -0.5s, -1s;
	-moz-animation-delay: -0.5s, -1s;
	-o-animation-delay: -0.5s, -1s;
	animation-delay: -0.5s, -1s;
}

.la-ball-circus > div:nth-child(3) {
	-webkit-animation-delay: -1s, -1.5s;
	-moz-animation-delay: -1s, -1.5s;
	-o-animation-delay: -1s, -1.5s;
	animation-delay: -1s, -1.5s;
}

.la-ball-circus > div:nth-child(4) {
	-webkit-animation-delay: -1.5s, -2s;
	-moz-animation-delay: -1.5s, -2s;
	-o-animation-delay: -1.5s, -2s;
	animation-delay: -1.5s, -2s;
}

.la-ball-circus > div:nth-child(5) {
	-webkit-animation-delay: -2s, -2.5s;
	-moz-animation-delay: -2s, -2.5s;
	-o-animation-delay: -2s, -2.5s;
	animation-delay: -2s, -2.5s;
}

.la-ball-circus.la-sm {
	width: 8px;
	height: 8px;
}

.la-ball-circus.la-sm > div {
	width: 8px;
	height: 8px;
}

.la-ball-circus.la-2x {
	width: 32px;
	height: 32px;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	position: absolute;
}

.la-ball-circus.la-2x > div {
	width: 32px;
	height: 32px;
}

.la-ball-circus.la-3x {
	width: 48px;
	height: 48px;
}

.la-ball-circus.la-3x > div {
	width: 48px;
	height: 48px;
}

@-webkit-keyframes ball-circus-position {
	50% {
		left: 100%;
	}
}

@-moz-keyframes ball-circus-position {
	50% {
		left: 100%;
	}
}

@-o-keyframes ball-circus-position {
	50% {
		left: 100%;
	}
}

@keyframes ball-circus-position {
	50% {
		left: 100%;
	}
}

@-webkit-keyframes ball-circus-size {
	50% {
		-webkit-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
	}
}

@-moz-keyframes ball-circus-size {
	50% {
		-moz-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
	}
}

@-o-keyframes ball-circus-size {
	50% {
		-o-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
	}
}

@keyframes ball-circus-size {
	50% {
		-webkit-transform: scale(0.3, 0.3);
		-moz-transform: scale(0.3, 0.3);
		-o-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
	}
}

/*----------------------------------------------------

/ 17. Color Preset

------------------------------------------------------*/

.color_settings {
	position: fixed;

	backface-visibility: hidden;

	left: -240px;

	top: 25%;

	width: 240px;

	box-sizing: border-box;

	padding: 25px 20px 20px;

	z-index: 1000;

	background: #fff;

	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);

	-webkit-transition: left 0.3s ease-in-out;

	-moz-transition: left 0.3s ease-in-out;

	-ms-transition: left 0.3s ease-in-out;

	-o-transition: left 0.3s ease-in-out;

	transition: left 0.3s ease-in-out;
}

.color_settings .switch-btn {
	width: 40px;

	height: 40px;

	background: #fff;

	font-size: 18px;

	color: #000;

	border: none;

	position: absolute;

	line-height: 0.8;

	padding: 11px 0;

	top: 20px;

	right: -40px;

	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1) inset;

	text-align: center;
}

.color_settings .color_preset button {
	background: #fff;

	border: none;

	border-radius: 0;

	height: 30px;

	width: 50px;

	display: block;

	float: left;

	margin: 5px;

	outline: none;

	cursor: pointer;
}

.color_settings .color_preset button.active {
	opacity: 0.2;
}

.color_settings .color_preset h4 {
	text-align: center;

	font-size: 16px;

	color: #222;

	line-height: 0.8;

	font-weight: 700;

	text-transform: capitalize;

	padding: 9px 0;

	margin: 0 0 7px;

	border: 2px solid #f5f6fa;
}

.color_settings .switch-btn.active,
.color_settings .switch-btn:hover {
	color: #8180e0;
}