/******************************************************************
  Template Name: Loanday
  Description:  Loanday loan HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Loan Service Section
7.  Testimonial Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

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

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height                : 100%;
	font-family           : "Lato", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin     : 0;
	color      : #111111;
	font-weight: 400;
	font-family: "Lato", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size  : 15px;
	font-family: "Lato", sans-serif;
	color      : #5c5c5c;
	font-weight: 400;
	line-height: 25px;
	margin     : 0 0 15px 0;
}

img {
	max-width: 100%;
}

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

a:hover,
a:focus {
	text-decoration: none;
	outline        : none;
	color          : #ffffff;
}

ul,
ol {
	padding: 0;
	margin : 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 80px;
	text-align   : center;
}

.section-title h2 {
	font-weight  : 700;
	color        : #323232;
	line-height  : 46px;
	margin-bottom: 20px;
}

.section-title P {
	margin-bottom: 0;
}

.set-bg {
	background-repeat  : no-repeat;
	background-size    : cover;
	background-position: top center;
}

.spad {
	padding-top   : 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display       : inline-block;
	font-size     : 15px;
	padding       : 14px 40px 12px;
	color         : #ffffff;
	text-transform: uppercase;
	font-weight   : 700;
	background    : #88C417;
	border-radius : 2px;
	letter-spacing: 1px;
}

.site-btn {
	font-size     : 15px;
	color         : #ffffff;
	font-weight   : 700;
	text-transform: uppercase;
	display       : inline-block;
	padding       : 14px 30px 12px;
	background    : #88C417;
	border        : none;
	letter-spacing: 1px;
	border-radius : 2px;
}

/* Preloder */

#preloder {
	position  : fixed;
	width     : 100%;
	height    : 100%;
	top       : 0;
	left      : 0;
	z-index   : 999999;
	background: #000;
}

.loader {
	width            : 40px;
	height           : 40px;
	position         : absolute;
	top              : 50%;
	left             : 50%;
	margin-top       : -13px;
	margin-left      : -13px;
	border-radius    : 60px;
	animation        : loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform        : rotate(0deg);
		border           : 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform        : rotate(180deg);
		border           : 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform        : rotate(360deg);
		border           : 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border           : 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		border           : 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		border           : 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width   : 111px;
	height  : 91px;
	top     : 0;
	right   : 0;
	z-index : 999;
}

.spacial-controls .search-switch {
	display    : block;
	height     : 100%;
	padding-top: 30px;
	background : #323232;
	text-align : center;
	cursor     : pointer;
}

.search-model {
	display   : none;
	position  : fixed;
	width     : 100%;
	height    : 100%;
	left      : 0;
	top       : 0;
	background: #000;
	z-index   : 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width        : 500px;
	font-size    : 40px;
	border       : none;
	border-bottom: 2px solid #333;
	background   : 0 0;
	color        : #999;
}

.search-close-switch {
	position         : absolute;
	width            : 50px;
	height           : 50px;
	background       : #333;
	color            : #fff;
	text-align       : center;
	border-radius    : 50%;
	font-size        : 28px;
	line-height      : 28px;
	top              : 30px;
	cursor           : pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform    : rotate(45deg);
	transform        : rotate(45deg);
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

/*---------------------
  Header
-----------------------*/
.title {
	font-size: 18px;
	margin   : 0;
}

.title-word1 {
	color       : #007bff;
	/* Blue color for the first word */
	margin-right: 5px;
}

.title-word2 {
	color       : #28a745;
	/* Green color for the second word */
	margin-right: 5px;
}

.title-word3 {
	color: #dc3545;
	/* Red color for the third word */
}

.header__top {
	background: #182143;
}

.header__top__widget {
	padding: 11px 0 14px;
}

.header__top__widget li {
	font-size   : 15px;
	color       : #ffffff;
	display     : inline-block;
	margin-right: 50px;
	position    : relative;
	list-style  : none;
}

.header__top__widget li::after {
	position  : absolute;
	right     : -32px;
	top       : 0;
	width     : 1px;
	height    : 100%;
	background: rgba(255, 255, 255, 0.1);
	content   : "";
}

.header__top__widget li:last-child {
	margin-right: 0;
}

.header__top__widget li:last-child:after {
	display: none;
}

.header__top__widget li i {
	font-size   : 18px;
	color       : #88C417;
	margin-right: 8px;
}

.header__top__language {
	background: #88C417;
	padding   : 11px 20px;
	float     : right;
	position  : relative;
	cursor    : pointer;
}

.header__top__language:hover ul {
	top       : 40px;
	opacity   : 1;
	visibility: visible;
}

.header__top__language img {
	display      : inline-block;
	height       : 26px;
	width        : 26px;
	border-radius: 50%;
	margin-right : 6px;
}

.header__top__language span {
	font-size     : 15px;
	font-weight   : 700;
	color         : #ffffff;
	text-transform: uppercase;
	display       : inline-block;
	margin-right  : 12px;
}

.header__top__language i {
	font-size: 20px;
	display  : inline-block;
	color    : #ffffff;
}

.header__top__language ul {
	position          : absolute;
	left              : 50px;
	top               : 60px;
	width             : 100px;
	background        : #ffffff;
	opacity           : 0;
	visibility        : hidden;
	-webkit-box-shadow: 0 0 20px rgba(54, 54, 54, 0.15);
	box-shadow        : 0 0 20px rgba(54, 54, 54, 0.15);
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
	z-index           : 9;
}

.header__top__language ul li {
	list-style: none;
}

.header__top__language ul li a {
	font-size: 14px;
	color    : #252525;
	padding  : 5px 5px 5px 15px;
	display  : block;
}

.header__logo {
	padding: 20px 0;
}

.header__logo a {
	display: inline-block;
}

.header__nav {
	text-align: right;
	padding   : 20px 0 20px;
}

.header__menu {
	display: inline-block;
}

.header__menu ul li {
	list-style  : none;
	display     : inline-block;
	margin-right: 65px;
	position    : relative;
}

.header__menu ul li.active a:after {
	width  : 100%;
	opacity: 1;
}

.header__menu ul li:hover a:after {
	width  : 100%;
	opacity: 1;
}

.header__menu ul li:hover .dropdown {
	top       : 36px;
	opacity   : 1;
	visibility: visible;
}

.header__menu ul li .dropdown {
	position          : absolute;
	left              : 0;
	top               : 56px;
	width             : 180px;
	background        : #323232;
	text-align        : left;
	padding           : 5px 0;
	z-index           : 9;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

.header__menu ul li .dropdown li {
	display     : block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size  : 14px;
	color      : #ffffff;
	font-weight: 400;
	padding    : 10px 20px;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size  : 18px;
	color      : #323232;
	font-weight: 700;
	display    : block;
	padding    : 5px 0;
	position   : relative;
}

.header__menu ul li a:after {
	position          : absolute;
	left              : 0;
	bottom            : 0;
	height            : 2px;
	width             : 0%;
	background        : #88C417;
	content           : "";
	opacity           : 0;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

.header__search {
	display: inline-block;
}

.header__search i {
	font-size: 18px;
	color    : #323232;
	cursor   : pointer;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding: 170px 0;
}

.hero__text {
	padding-top: 90px;
}

.hero__text h2 {
	font-size    : 50px;
	color        : #ffffff;
	font-weight  : 700;
	line-height  : 60px;
	margin-bottom: 65px;
}

.hero__text p {
	color        : #ffffff;
	margin-bottom: 60px;
}

.hero__text .primary-btn {
	margin-right: 16px;
}

.hero__text .primary-btn.howit-btn {
	background: #0B2E45;
}

.hero__form {
	background   : #ffffff;
	padding      : 50px 30px 45px;
	border-radius: 2px;
}

.hero__form h3 {
	color        : #323232;
	font-weight  : 700;
	text-align   : center;
	margin-bottom: 24px;
}

.hero__form form .input-list {
	overflow    : hidden;
	margin-right: -20px;
}

.hero__form form .input-list.last .input-list-item {
	margin-bottom: 30px;
}

.hero__form form .input-list .input-list-item {
	width        : calc(50% - 20px);
	float        : left;
	margin-right : 20px;
	margin-bottom: 20px;
}

.hero__form form .input-list .input-list-item p {
	color        : #323232;
	margin-bottom: 12px;
}

.hero__form form .input-list .input-list-item input {
	width        : 100%;
	height       : 48px;
	border-radius: 2px;
	border       : none;
	background   : #f6f6f6;
	padding-left : 15px;
}

.hero__form form .input-full-width {
	margin-bottom: 20px;
}

.hero__form form .input-full-width p {
	color        : #323232;
	margin-bottom: 12px;
}

.hero__form form .input-full-width input {
	width        : 100%;
	height       : 48px;
	border-radius: 2px;
	border       : none;
	background   : #f6f6f6;
	padding-left : 15px;
}

.hero__form form button {
	width: 100%;
}

/*---------------------
  Home About
-----------------------*/

.home__about__text {
	padding-top: 40px;
}

.home__about__text .section-title {
	text-align   : left;
	margin-bottom: 60px;
}

.home__about__item {
	margin-bottom: 65px;
}

.home__about__item h4 {
	color        : #323232;
	font-weight  : 700;
	margin-bottom: 10px;
}

.home__about__item p {
	margin-bottom: 0;
}

.home__about__img img {
	min-width    : 100%;
	border-radius: 2px;
}

/*---------------------
  Loan Services
-----------------------*/

.loan-services {
	padding-bottom: 0;
	padding-top   : 90px;
	background    : #f6f7f9;
}

.loan__services__list {
	margin-left : -15px;
	margin-right: -15px;
	overflow    : hidden;
}

.loan__services__item {
	width        : 20%;
	float        : left;
	height       : 480px;
	position     : relative;
	overflow     : hidden;
	border-radius: 2px;
}

.loan__services__item:hover .loan__services__item__text {
	bottom: 40px;
}

.loan__services__item:hover .loan__services__item__text h4 {
	margin-bottom: 12px;
}

.loan__services__item__text {
	position          : absolute;
	left              : 0;
	bottom            : -150px;
	width             : 100%;
	padding           : 0 35px;
	-webkit-transition: all, 0.4s;
	-o-transition     : all, 0.4s;
	transition        : all, 0.4s;
}

.loan__services__item__text h4 {
	font-weight       : 700;
	color             : #ffffff;
	margin-bottom     : 80px;
	-webkit-transition: all, 0.2s;
	-o-transition     : all, 0.2s;
	transition        : all, 0.2s;
}

.loan__services__item__text h4 span {
	color: #88C417;
}

.loan__services__item__text p {
	color        : #ffffff;
	margin-bottom: 25px;
}

.loan__services__item__text a {
	font-size     : 12px;
	color         : #ffffff;
	font-weight   : 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding       : 4px 0;
	position      : relative;
}

.loan__services__item__text a:after {
	position  : absolute;
	left      : 0;
	bottom    : 0;
	height    : 2px;
	width     : 100%;
	background: #88C417;
	content   : "";
}

/*---------------------
  Choose
-----------------------*/

.choose {
	padding-bottom: 20px;
	padding-top   : 80px;
}

.choose__item {
	background        : #ffffff;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow        : 0px 10px 30px rgba(0, 0, 0, 0.1);
	border-radius     : 2px;
	text-align        : center;
	padding           : 0 30px 60px;
	margin-bottom     : 80px;
}

.choose__item img {
	margin-top: -40px;
}

.choose__item h5 {
	font-size    : 20px;
	color        : #323232;
	font-weight  : 700;
	margin-bottom: 12px;
	margin-top   : 35px;
}

.choose__item p {
	margin-bottom: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background : #182143;
	padding-top: 75px;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about p {
	color: #a8a8a8;
}

.footer__logo {
	margin-bottom: 25px;
}

.footer__logo a {
	display: inline-block;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget.footer__widget--social li a {
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
}

.footer__widget.footer__widget--social li a:hover {
	color: #88C417;
}

.footer__widget.footer__widget--address p {
	margin-bottom: 10px;
}

.footer__widget.footer__widget--address li {
	line-height: 30px;
	font-size  : 15px;
	color      : #a8a8a8;
}

.footer__widget h5 {
	font-size    : 20px;
	font-weight  : 700;
	color        : #ffffff;
	margin-bottom: 26px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-size  : 15px;
	color      : #a8a8a8;
	line-height: 38px;
}

.footer__widget ul li a i {
	margin-right: 6px;
}

.footer__widget p {
	color: #a8a8a8;
}

.footer__copyright {
	border-top: 1px solid rgba(112, 112, 112, 0.1);
	padding   : 18px 0 10px;
}

.footer__copyright__links li {
	list-style  : none;
	display     : inline-block;
	line-height : 20px;
	position    : relative;
	margin-right: 45px;
}

.footer__copyright__links li:last-child {
	margin-right: 0;
}

.footer__copyright__links li:last-child::after {
	display: none;
}

.footer__copyright__links li:after {
	position  : absolute;
	right     : -28px;
	top       : 0;
	height    : 100%;
	width     : 1px;
	background: #a8a8a8;
	content   : "";
}

.footer__copyright__links li a {
	font-size: 15px;
	color    : #a8a8a8;
}

.footer__copyright__text {
	text-align: right;
}

.footer__copyright__text p {
	color        : #a8a8a8;
	margin-bottom: 0;
}

.footer__copyright__text i {
	color: #941515;
}

.footer__copyright__text a {
	color: #88C417;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding: 70px 0 65px;
}

.breadcrumb-option.contact-breadcrumb {
	padding: 70px 0 260px;
}

.breadcrumb-option.contact-breadcrumb h2 {
	margin-bottom: 0;
}

.breadcrumb__text h2 {
	color        : #ffffff;
	font-weight  : 700;
	margin-bottom: 5px;
}

.breadcrumb__links a {
	font-size   : 15px;
	color       : #ffffff;
	margin-right: 18px;
	display     : inline-block;
	position    : relative;
}

.breadcrumb__links a:after {
	position   : absolute;
	right      : -15px;
	top        : 0;
	content    : "";
	font-family: "FontAwesome";
}

.breadcrumb__links span {
	font-size: 15px;
	color    : #a8a8a8;
	display  : inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-bottom: 70px;
}

.about__content {
	margin-bottom: 70px;
}

.about__img {
	position          : relative;
	border-radius     : 2px;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
	box-shadow        : 0px 10px 30px rgba(0, 0, 0, 0.3);
}

.about__img img {
	min-width: 100%;
}

.about__img .play-btn {
	display          : inline-block;
	position         : absolute;
	right            : -50px;
	top              : 50%;
	-webkit-transform: translateY(-50px);
	-ms-transform    : translateY(-50px);
	transform        : translateY(-50px);
}

.about__img .play-btn img {
	min-width: auto;
}

.about__text {
	padding-top: 35px;
}

.about__text h2 {
	color        : #323232;
	font-weight  : 700;
	margin-bottom: 18px;
}

.about__text h4 {
	color        : #323232;
	margin-bottom: 70px;
}

.about__text p.first_para {
	margin-bottom: 30px;
}

.about__text p.last_para {
	margin-bottom: 45px;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h4 {
	color        : #323232;
	font-weight  : 700;
	margin-bottom: 10px;
}

.about__item p {
	color: #707070;
}

/*---------------------
    History
-----------------------*/

.history .section-title h2 {
	color: #ffffff;
}

.history .section-title p {
	color: #ffffff;
}

.history__img img {
	border-radius: 2px;
	min-width    : 100%;
}

.history__text {
	position     : relative;
	height       : 460px;
	padding-left : 44px;
	padding-right: 15px;
	overflow-y   : auto;
}

.history__text:before {
	position  : absolute;
	left      : 9px;
	top       : 0;
	height    : 100%;
	width     : 2px;
	background: rgba(0, 0, 0, 0.1);
	content   : "";
}

.history__item {
	position     : relative;
	margin-bottom: 12px;
}

.history__item .history__indicator {
	position     : absolute;
	left         : -44px;
	top          : 2px;
	height       : 20px;
	width        : 20px;
	background   : rgba(255, 255, 255, 0.1);
	content      : "";
	border-radius: 50%;
}

.history__item .history__indicator:after {
	position     : absolute;
	left         : 5px;
	top          : 5px;
	height       : 10px;
	width        : 10px;
	background   : #88C417;
	content      : "";
	border-radius: 50%;
}

.history__item span {
	font-size    : 14px;
	font-weight  : 700;
	margin-top   : 4px;
	margin-bottom: 10px;
	color        : #88C417;
}

.history__item h5 {
	font-weight  : 700;
	margin-top   : 4px;
	margin-bottom: 10px;
}

.history__item p {
	margin-bottom: 0;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__text .primary-btn {
		margin-right: 15px;
		padding     : 14px 30px 12px;
	}

	.header__menu ul li {
		margin-right: 40px;
	}

	.loan__services__item__text {
		bottom: -175px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__text {
		padding-top   : 0;
		padding-bottom: 50px;
	}

	.home__about__text {
		padding-top  : 0;
		margin-bottom: 40px;
	}

	.loan__services__item {
		width: 33.33%;
	}

	.call__text {
		margin-bottom: 40px;
	}

	.about__img .play-btn {
		left             : 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform    : translate(-50px, -50px);
		transform        : translate(-50px, -50px);
	}

	.history__img {
		margin-bottom: 40px;
	}

	.footer__copyright__links li {
		margin-right: 30px;
	}

	.footer__copyright__links li:after {
		right: -20px;
	}

	.header .container {
		position: relative;
	}

	.canvas__open {
		display      : block;
		font-size    : 22px;
		color        : #323232;
		height       : 35px;
		width        : 35px;
		line-height  : 35px;
		text-align   : center;
		border       : 1px solid #323232;
		border-radius: 2px;
		cursor       : pointer;
		position     : absolute;
		right        : 15px;
		top          : 35px;
	}

	.offcanvas-menu-overlay {
		position          : fixed;
		left              : 0;
		top               : 0;
		height            : 100%;
		width             : 100%;
		background        : rgba(0, 0, 0, 0.6);
		z-index           : 98;
		content           : "";
		visibility        : hidden;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position          : fixed;
		left              : -300px;
		top               : 0;
		height            : 100%;
		width             : 300px;
		background        : #ffffff;
		padding           : 40px 40px 30px 30px;
		z-index           : 99;
		overflow-y        : auto;
		opacity           : 0;
		display           : block;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
	}

	.offcanvas-menu-wrapper.active {
		left   : 0;
		opacity: 1;
	}

	.offcanvas__logo {
		margin-bottom: 20px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.offcanvas__menu {
		display: none;
	}

	.slicknav_menu {
		background   : transparent;
		padding      : 0;
		margin-bottom: 20px;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_nav {
		display: block !important;
	}

	.slicknav_nav ul {
		margin : 0;
		padding: 5px 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding      : 10px 0;
		margin       : 0;
		color        : #323232;
		font-weight  : 600;
		border-bottom: 1px solid #323232;
	}

	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		border-bottom: none;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background   : transparent;
		color        : #323232;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background   : transparent;
		color        : #323232;
	}

	.offcanvas__search {
		margin-bottom: 25px;
		text-align   : center;
	}

	.offcanvas__search i {
		font-size: 18px;
		color    : #323232;
		cursor   : pointer;
	}

	.offcanvas__widget {
		margin-bottom: 30px;
	}

	.offcanvas__widget li {
		font-size  : 15px;
		color      : #323232;
		list-style : none;
		line-height: 30px;
		font-weight: 600;
	}

	.offcanvas__widget li i {
		font-size   : 18px;
		color       : #88C417;
		margin-right: 8px;
	}

	.offcanvas__language {
		background: #88C417;
		padding   : 11px 20px;
		display   : inline-block;
		float     : none;
		position  : relative;
		cursor    : pointer;
	}

	.offcanvas__language:hover ul {
		top       : 40px;
		opacity   : 1;
		visibility: visible;
	}

	.offcanvas__language img {
		display      : inline-block;
		height       : 26px;
		width        : 26px;
		border-radius: 50%;
		margin-right : 6px;
	}

	.offcanvas__language span {
		font-size     : 15px;
		font-weight   : 700;
		color         : #ffffff;
		text-transform: uppercase;
		display       : inline-block;
		margin-right  : 12px;
	}

	.offcanvas__language i {
		font-size: 20px;
		display  : inline-block;
		color    : #ffffff;
	}

	.offcanvas__language ul {
		position          : absolute;
		left              : 50px;
		top               : 60px;
		width             : 100px;
		background        : #ffffff;
		opacity           : 0;
		visibility        : hidden;
		-webkit-transition: all, 0.3s;
		-o-transition     : all, 0.3s;
		transition        : all, 0.3s;
		z-index           : 9;
	}

	.offcanvas__language ul li {
		list-style: none;
	}

	.offcanvas__language ul li a {
		font-size: 14px;
		color    : #252525;
		padding  : 5px 5px 5px 15px;
		display  : block;
	}

	.header__top {
		display: none;
	}

	.header__nav {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__text {
		padding-top   : 0;
		padding-bottom: 50px;
	}

	.home__about__text {
		padding-top  : 0;
		margin-bottom: 40px;
	}

	.call__text {
		margin-bottom: 40px;
	}

	.about__img .play-btn {
		left             : 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform    : translate(-50px, -50px);
		transform        : translate(-50px, -50px);
	}

	.history__img {
		margin-bottom: 40px;
	}

	.loan__services__item {
		width: 50%;
	}

	.contact__widget__phone {
		text-align: left;
	}

	.contact__widget__item {
		margin-bottom: 30px;
	}

	.footer__copyright__links {
		text-align   : center;
		margin-bottom: 20px;
	}

	.footer__copyright__text {
		text-align: center;
	}

	.team .text-right {
		text-align: left !important;
	}

	.team .section-title {
		margin-bottom: 30px;
	}

	.team .primary-btn {
		margin-bottom: 30px;
	}

	.services__details__calculator__total {
		margin-top : 0;
		padding-top: 40px;
	}

	.services__details__calculator h2 {
		margin-bottom: 50px;
	}

	.blog__sidebar {
		margin-top: 40px;
	}

	.blog__details__share {
		text-align: left;
		margin-top: 15px;
	}

	.blog__details__comment__form form .input-list {
		margin-right: 0;
	}

	.blog__details__comment__form form .input-list input {
		width       : 100%;
		float       : n;
		margin-right: 0;
	}

	.contact__form__text form .input-list {
		margin-right: 0;
	}

	.contact__form__text form .input-list input {
		width       : 100%;
		float       : none;
		margin-right: 0;
	}

	.canvas__open {
		display      : block;
		font-size    : 22px;
		color        : #323232;
		height       : 35px;
		width        : 35px;
		line-height  : 35px;
		text-align   : center;
		border       : 1px solid #323232;
		border-radius: 2px;
		cursor       : pointer;
		position     : absolute;
		right        : 15px;
		top          : 35px;
	}

	.offcanvas-menu-overlay {
		position          : fixed;
		left              : 0;
		top               : 0;
		height            : 100%;
		width             : 100%;
		background        : rgba(0, 0, 0, 0.6);
		z-index           : 98;
		content           : "";
		visibility        : hidden;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position          : fixed;
		left              : -300px;
		top               : 0;
		height            : 100%;
		width             : 300px;
		background        : #ffffff;
		padding           : 40px 40px 30px 30px;
		z-index           : 99;
		overflow-y        : auto;
		opacity           : 0;
		display           : block;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
	}

	.offcanvas-menu-wrapper.active {
		left   : 0;
		opacity: 1;
	}

	.offcanvas__logo {
		margin-bottom: 20px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.offcanvas__menu {
		display: none;
	}

	.slicknav_menu {
		background   : transparent;
		padding      : 0;
		margin-bottom: 20px;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_nav {
		display: block !important;
	}

	.slicknav_nav ul {
		margin : 0;
		padding: 5px 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding      : 10px 0;
		margin       : 0;
		color        : #323232;
		font-weight  : 600;
		border-bottom: 1px solid #323232;
	}

	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		border-bottom: none;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background   : transparent;
		color        : #323232;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background   : transparent;
		color        : #323232;
	}

	.offcanvas__search {
		margin-bottom: 25px;
		text-align   : center;
	}

	.offcanvas__search i {
		font-size: 18px;
		color    : #323232;
		cursor   : pointer;
	}

	.offcanvas__widget {
		margin-bottom: 30px;
	}

	.offcanvas__widget li {
		font-size  : 15px;
		color      : #323232;
		list-style : none;
		line-height: 30px;
		font-weight: 600;
	}

	.offcanvas__widget li i {
		font-size   : 18px;
		color       : #88C417;
		margin-right: 8px;
	}

	.offcanvas__language {
		background: #88C417;
		padding   : 11px 20px;
		display   : inline-block;
		float     : none;
		position  : relative;
		cursor    : pointer;
	}

	.offcanvas__language:hover ul {
		top       : 40px;
		opacity   : 1;
		visibility: visible;
	}

	.offcanvas__language img {
		display      : inline-block;
		height       : 26px;
		width        : 26px;
		border-radius: 50%;
		margin-right : 6px;
	}

	.offcanvas__language span {
		font-size     : 15px;
		font-weight   : 700;
		color         : #ffffff;
		text-transform: uppercase;
		display       : inline-block;
		margin-right  : 12px;
	}

	.offcanvas__language i {
		font-size: 20px;
		display  : inline-block;
		color    : #ffffff;
	}

	.offcanvas__language ul {
		position          : absolute;
		left              : 50px;
		top               : 60px;
		width             : 100px;
		background        : #ffffff;
		opacity           : 0;
		visibility        : hidden;
		-webkit-transition: all, 0.3s;
		-o-transition     : all, 0.3s;
		transition        : all, 0.3s;
		z-index           : 9;
	}

	.offcanvas__language ul li {
		list-style: none;
	}

	.offcanvas__language ul li a {
		font-size: 14px;
		color    : #252525;
		padding  : 5px 5px 5px 15px;
		display  : block;
	}

	.header__top {
		display: none;
	}

	.header__nav {
		display: none;
	}

	.search-model-form input {
		width: 100%;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__form form .input-list {
		margin-right: 0;
	}

	.hero__form form .input-list .input-list-item {
		width       : 100%;
		float       : none;
		margin-right: 0;
	}

	.hero__form .site-btn {
		padding: 14px 20px 12px;
	}

	.loan__services__item {
		width: 100%;
	}

	.footer__copyright__links li {
		margin-right: 12px;
	}

	.footer__copyright__links li:after {
		right: -10px;
	}

	.services__details__calculator__item .price-input {
		position  : relative;
		top       : 0;
		margin-top: 25px;
	}

	.services__details__calculator__item {
		margin-bottom: 30px;
	}

	.blog__hero__text h2 {
		font-size: 30px;
	}

	.blog__hero__text ul li {
		margin-right: 10px;
	}

	.blog__details__slider.owl-carousel .owl-nav button {
		left: 30px;
	}

	.blog__details__slider.owl-carousel .owl-nav button.owl-next {
		left : auto;
		right: 30px;
	}

	.blog__details__comment__item.reply__item {
		padding-left: 10%;
	}

	.blog__details__comment__item__img {
		float        : none;
		margin-bottom: 15px;
	}

	.blog__details__comment__item__text {
		padding-left: 0;
	}

	.blog__details__comment__item.reply__large .blog__details__comment__item__text:after,
	.blog__details__comment__item__text:after {
		display: none;
	}

	.blog__details__comment__item__text a {
		margin-bottom: 10px;
	}

	.contact__form__text {
		padding: 30px;
	}

	.search-model-form input {
		font-size: 24px;
	}

	  .btn-telegram {
    background-color: #0088cc;
    color           : white;
    display         : inline-flex;
    align-items     : center;
    font-weight     : bold;
    padding         : 10px 20px;
    border-radius   : 5px;
    text-decoration : none;
  }

  .btn-telegram:hover {
    background-color: #007bb6;
    color           : white;
    text-decoration : none;
  }
}