/*!
Theme Name: Red theme
Theme URI: https://giaiphaptaichinh.vn
Author: https://giaiphaptaichinh.vn
Author URI: https://giaiphaptaichinh.vn
Description: Theme develope by Chuong Nguyen
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.registerPage__form {
	position: relative;
}
.modalRegister__form.loading:after {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 1;
	right: 0;
	background: rgba(0, 0, 0, 0.31);
}
.modalRegister__form.loading::before {
	font-family: 'Font Awesome 5 Pro'; content: '\f110';
	position: absolute; top: 50%;
	left: 50%; color: #fff;
	z-index: 2; font-size: 30px;
	-webkit-animation: loading 1s linear infinite; -moz-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite;
}
.modalLogin__form_ft {
	 max-width: 310px;
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 margin-left: auto;
	 margin-right: auto;
}
 .modalLogin__form_ft .form-group {
	 position: relative;
	 margin-top: 32px;
}
 .modalLogin__form_ft .form-group .form-control {
	 width: 100%;
	 border: 1px solid #9f9f9f;
	 border-radius: 8px;
	 height: 44px;
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 25px;
	 background: #fff;
}
 .modalLogin__form_ft .form-group .form-control:focus {
	 box-shadow: none;
}
 .modalLogin__form_ft .form-group label {
	 position: absolute;
	 top: -8px;
	 margin: 0;
	 left: 10px;
	 background: #fff;
	 font-style: normal;
	 font-weight: 600;
	 font-size: 12px;
	 line-height: 13px;
	 padding: 0 3px;
	 z-index: 1;
	 border-radius: 8px;
}
 .modalLogin__form_ft .form-group .showPass {
	 position: absolute;
	 top: 0;
	 right: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 44px;
	 height: 44px;
	 opacity: 0.5;
	 cursor: pointer;
}
 .modalLogin__form_ft .forgot-pass {
	 display: block;
	 width: 100%;
	 text-align: center;
	 margin-bottom: 10px;
	 font-weight: 600;
	 font-size: 14px;
	 line-height: 15px;
	 color: #3a82e2;
	 cursor: pointer;
	 text-decoration: underline;
}
 .modalLogin__form_ft .forgot-pass a {
	 display: block;
	 width: fit-content;
	 margin-left: auto;
	 margin-right: auto;
	 color: #3a82e2;
}
 .modalLogin__form_ft .forgot-pass a:hover {
	 color: #3a82e2;
}
 .modalLogin__form_ft .text-or {
	 display: block;
	 width: 100%;
	 text-align: center;
	 font-weight: 600;
	 font-size: 16px;
	 line-height: 25px;
	 margin-top: 12px;
	 margin-bottom: 5px;
}
 .modalLogin__form_ft .form-switch {
	 display: block;
	 width: 100%;
	 text-align: center;
	 font-size: 14px;
	 margin-bottom: 0;
	 margin-top: 15px;
}
 .modalLogin__form_ft .form-switch a {
	 font-weight: 700;
	 color: #3a82e2;
	 text-decoration: underline;
}
 .modalLogin__form_ft .form-switch a:hover {
	 color: #3a82e2;
}
 .modalLogin__form_ft .form-term {
	 font-size: 10px;
	 display: block;
	 width: 100%;
	 text-align: justify;
	 margin-top: 5px;
}
 .modalLogin__form_ft .form-term a {
	 color: #ef233c;
	 font-weight: 700;
}
 .modalLogin__form_ft .form-term a:hover {
	 color: #ef233c;
}
 
.formChangePass.error #cpassword {
	background: #ffeded;
	border: 1px solid #f00;
}
form.modalLogin__form.error #message_notify {
	color: #f00;
}
form.modalLogin__form.error .form-control {
	border-color: #f00;
}
form.modalLogin__form.loading {
	position: relative;
}
form.modalLogin__form.loading:after {
	position: absolute;
	content: '';
	position: ;
	top: -5px;
	bottom: -5px;
	right: -5px;
	left: -5px;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
}
form.modalLogin__form.loading:before {
	content: '\f110';
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 5px);
	z-index: 2;
	font-family: "Font Awesome 5 Duotone";
	font-size: 18px;
	-webkit-animation: loading 1s linear infinite;
	-moz-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite;
}
.body-user {
	display: none;
}
.body-user.active {
	display: block;
}
#formUserInfo.loading .btnSaveInfo {
	position: relative;
}
#formUserInfo.loading .btnSaveInfo:after {
	left: -35px;
	content: "\f110";
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	font-size: 18px;
	-webkit-animation: loading 1s linear infinite;
	-moz-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite;
	color: #000;
}
@-moz-keyframes loading {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-moz-transform:rotate(360deg)
	}
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg)
	}
}
@keyframes loading {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
a.social.social-instagram, a.social[href^="https://www.instagram"] {
	background: #CB2054;
}
.social-instagram::after {
	content: '\f16d';
}
.single-post-meta {
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 20px;
	margin-right: 0;
	margin-left: 0;
}
.single-post-meta .author-info {
	margin-left: 5px;
	font-size: 13px;
	color: #888;
}
.social-share-button {
	width: 30%;
	margin-left: auto;
	display: flex;
}
.update-time {
	margin-left: 5px;
	font-size: 13px;
	color: #888;
}
.author-info .avartar {
	width: auto;
	height: auto;
	border-radius: unset;
	float: left;
	margin-right: 15px;
	overflow: hidden;
	display: block;
}
.author-info {
	width: 100%;
}
.single-post-meta-bottom {
	flex-wrap: wrap;
}
.author-info .gravatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
}
.author-name {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 5px;
	color: #000;
}
.social-share-button .social {
	margin: 0 3px;
}
a.social::after {
	font-family: 'Font Awesome 5 Brands';
	font-size: .95rem;
}
.compareTool .compareBody {
	position: relative;
}
.compareTool .compareSticky:before,
.compareTool .compareBody:before {
	content: '';
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: hsla(0,0%,100%,.7);
	display: none;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}
.compareTool.loading .compareSticky:before ,
.compareTool.loading .compareBody:before {
	display: block;
}
.compareBlock:first-child .compareBlock__body {
	display: block;
}
.select2-selection__clear {
	position: relative;
}
.section-loans-suggest {
	background: #f7f7f7;
	padding: 10px 15px;
	margin: 15px 0;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.section-loans-suggest .section-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
}
.chose-this {
	position: sticky;
	bottom: 0;
	background: #fff;
	padding: 5px 15px;
	border: 1px solid rgba(14,14,44,.05);
	box-shadow: 0 5px 36px -14px rgba(14,14,44,.1),0 1px 1px rgba(0,0,0,.05);
	border-radius: 10px 10px 0 0;
}
.chose-this .offer-name {
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	margin-top: 5px;
	font-size: 13px;
	text-overflow: clip;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.breadcrumb-item + .breadcrumb-item::before {
	display: none;
}
.sticky {
	position: sticky;
	top: 110px;
	z-index: 2;
}
.formUserInfo .form-group .wrap-input .form-check-input:checked[type="radio"]::after {
	content: "";
	width: 8px;
	height: 8px;
	text-align: center;
	background: #2a3151;
	border-radius: 100%;
	position: absolute;
	margin: 3px;
}
.current-menu-parent > .nav-link {
	font-weight: 700 !important;
	color: #d20404 !important;
}
.loanFilter .val::after {
	content: attr(data-measure);
	margin-left: 3px;
}
.compareSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 20px;
	line-height: 25px !important;
}
.compareBlock__head {
	cursor: pointer;
}
.compareSelect .select2-container {
	text-align: center;
}
.offer__name {
	height: 26px;
}
.modal--check-login .close-modal {
	position: absolute;
	top: 25px;
	right: 30px;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	box-sizing: content-box;
	color: #000;
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 11.414 0 NaN NaNlNaN NaN NaN NaNa1 1 0 111.414 1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 1-1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 1-1.414 NaN NaNlNaN NaN NaN NaNa1 1 0 10-1.414 NaN NaNz'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
	border: 0;
	opacity: .5;
}
.topPage__left {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#modal--check-login .modal-content {
	max-width: 450px;
	margin: 0 auto;
}
#modal--check-login .modalLogin__form, #modal--check-login .modalRegister__form {
	max-width: 400px;
}
#modal--check-login .modalLogin__title, #modal--check-login .modalLogin__subtitle {
	text-align: center;
	margin: 0;
	line-height: 1.3;
	font-size: 20px;
} 
#modal--check-login .modalLogin__subtitle {
	font-size: 14px;
}
#modal--check-login .modalLogin__btn i {
	font-size: 13px;
	text-transform: initial;
	font-weight: normal;
}
.post__title a {
	color: #2a3151;
}
.compareSelect .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' viewBox='0 0 16 9' fill='%232A3151' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.61 2.2c.52-.501.52-1.313 0-1.814a1.37 1.37 0 00-1.886 0L8 5.892 2.276.386a1.37 1.37 0 00-1.885 0C-.13.886-.13 1.699.39 2.2l6.666 6.413c.52.501 1.365.501 1.886 0L15.61 2.2z'/%3E%3C/svg%3E");
}
.compareSelect .select2-search--dropdown:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23676767' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='22' height='22'%3E%3Cpath d='M21 3C11.621 3 4 10.621 4 20s7.621 17 17 17c3.71 0 7.14-1.195 9.938-3.219l13.156 13.125 2.812-2.812-13-13.032A16.923 16.923 0 0038 20c0-9.379-7.621-17-17-17zm0 2c8.297 0 15 6.703 15 15s-6.703 15-15 15S6 28.297 6 20 12.703 5 21 5z'/%3E%3C/svg%3E");
}
.modalLogin__left .close-modal,
.modalRegister__left .close-modal {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
}
.header-menu .navbar-nav .dropdown-item.active {
	background: transparent;
}
.offer__item {
	margin-bottom: 20px;
}

.offer__list-number > :nth-child(1) .offer__item:before,
.offer__list-number > :nth-child(2) .offer__item:before,
.offer__list-number > :nth-child(3) .offer__item:before,
.offer__item.hot__item::before {
	content: '';
	position: absolute;
	width: 55px;
	aspect-ratio: 55/48;
	height: auto;
	max-height: 55px;
	top: -7px;
	left: 4px;
	z-index: 2;
}
.offer__item.hot__item::before {
	background: url('images/icons/icon-top-4.svg') no-repeat;
	background-size: 100%;
}
.offer__list-number > :nth-child(1) .offer__item:before {
	background: url('images/icons/icon-top-1.svg') no-repeat;
	background-size: 100%;
}
.offer__list-number > :nth-child(2) .offer__item:before {
	background: url('images/icons/icon-top-2.svg') no-repeat;
	background-size: 100%;
}
.offer__list-number > :nth-child(3) .offer__item:before {
	background: url('images/icons/icon-top-3.svg') no-repeat;
	background-size: 100%;
}

.offer__metas strong {
	font-weight: 500;
}
.offer__text {
	font-weight: 500;
}
.offer__rating {
	color: #6d7286;
}
.offer__btn.pause {
	opacity: .4;
}
.offer__btn-compare.pause {
	pointer-events: none;
	opacity: .4;
}
.offer__logo .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: auto;
	height: auto;
	object-fit: contain;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}
.search-form .btn-search {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
}
.search-form {
	position: relative;
}
.no-results.not-found {
	max-width: 700px;
	text-align: center;
	margin: 20px auto;
}
.box-inset {
	box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,.1);
	padding-bottom: 10px;
}
@media( max-width: 575px) {
	.social-share-button {
		width: auto;
	}
	a.social {
		width: 25px;
		height: 25px;
	}
	.kk-star-ratings.kksr-template {
		flex-direction: column;
	}
}