/* 
Theme Name: Theme FE Credit
Theme URI: http://timeuniversal.vn
Author: Time Universal
Author URI: http://blog.timeuniversal.vn
Description: Designed by Time Universal Communications
Version: 0.0.1
License: Theme basic
tags: ones-columns, two-columns, framework theme, starter theme, customize
Textdomain: fe
*/
@import "assets/css/fonts-roboto-mono.css";
@import "assets/css/fonts-opensans.css";
/*@import "assets/css/fonts-roboto.css";*/
@import "assets/css/addons.css";
@import "assets/bootstrap/css/bootstrap.min.css";
@import "assets/font-awesome/css/font-awesome.min.css";
@import "assets/css/helpers.css";
@import "assets/css/swiper.min.css";
@import "assets/css/main.css";
@import "assets/css/nhu.css";
@import "assets/css/thanh.css";
@import "assets/css/thien.css";
@import "assets/css/tai.css";
@import "assets/css/thanhnt.css";
@import "assets/css/binhnp.css";
@import "assets/css/responsive.css";

@import "assets/css/landing-page.css";

@import "assets/css/register.css";
@import "assets/css/guess.css";
@import "assets/css/add-on.css";
@import "assets/css/minh.css?v=1.0.2";

.snap-landing-page a span.menu-image-title{
	font-family: 'Roboto', sans-serif;
}

#main .main-selects-issua .btn-submit-issua{
	padding: 5px;
    font-size: 20px;
}
span.field-request{
	color: red;
}
.category-khuyen-mai .categories-thumbnails,
.category-news .categories-thumbnails{
	height: 45px;
}
.category-khuyen-mai .name.cat_news a,
.category-news .name.cat_news a{
	top: 15px;
}
.sow-submit-wrapper.sow-submit-styled{
	text-align: center;
	margin-bottom: 20px;
}
.so-widget-sow-contact-form-default-cb179854fa4e .sow-form-field input.sow-text-field,
#sow-contact-form-field-ngy-chn-tham-gia-chng-trnh-562e687f3231b{
	height: 40px;
}
.text_ads.text-ads.text-ad-links{
  display: none; 
}
.color-red{
	color: #ed1c24;
	font-size: 30px;
}

#main .main-selects-issua .item-issua:hover .st0{
	fill:#ffffff;
	stroke:#ffffff
}
#widget-type-card .ow-pt-column.ow-pt-featured .ow-pt-title{
	padding: 20px 0;
}
#widget-type-card .ow-pt-columns-atom{
	display: flex;
  align-items: flex-end;
}
#panca-index .content-p h2 {
  color: #ffffff;
  font-family: VPBank Bold, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-transform: uppercase;
}
#panca-index .content-p a {
  text-decoration: none;
  color: #ffffff;
  font-family: VPBank Bold, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
}
#panca-index.panca-dk .text-dk-dk {
  margin-bottom: 30px;
}
.frm_msg_banca_error{
	color: #c31b13;
  font-weight: bold;
  margin-top: 15px;
}
.common-form .btn-submit button,
#panca-index .form-hop-dong button {
  color: #ffffff;
  font-family: VPBank Bold, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #008247;
  border-radius: 5px;
  margin-top: 30px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  padding: 10px 15px 5px 15px;
  -webkit-box-shadow: 2px 2px 2px #fff, 7px 6px 0px #d1d3d4;
  box-shadow: 2px 2px 2px #fff, 7px 6px 0px #d1d3d4;
  transition: all .4s;
  border: 0;
  border: 2px solid #008247;
}
.common-form#form-banca-get-information-3 .btn-submit button{
  max-width: 209px;
  width: 100%;
}
#panca-index .form-ETB .btn-submit button[type="submit"] {
  border: 2px solid #fff;
  -webkit-box-shadow: 4px 4px 0px #006232;
  box-shadow: 4px 4px 0px #006232;
}
#panca-index .register .container{
	padding-bottom: 30px;
}
#panca-index.panca-dk .register .container.is-customer{
  padding-bottom: 0px;
}

.common-form .btn-submit input[disabled],
.common-form .btn-submit button[disabled],
.common-form .btn-submit input[disabled]:hover,
 .common-form .btn-submit button[disabled]:hover{
	background-color: #d1d3d4;
	color: #fff;
	cursor: not-allowed;
}
.common-form .form-group input[disabled],
.common-form .form-group input[disabled]:hover{
  cursor: not-allowed;
  background-color: #e5e7ec;
}
#panca-index.banca-payment .container{
  padding-bottom: 30px;
  padding-top: 30px;
}
#panca-index.banca-payment .container iframe{
  border: solid 1px #d5d5d5;
}
.msg-banca-popup{
  color: #dc1111;
  font-weight: bold;
  margin-top: 15px;
}
.menu-middle .menu-menu-card-credit-container ul li a,
.menu-middle .menu-en-menu-card-credit-container ul li a{
  padding: 0 15px;
}
#main .menu-middle .menu-menu-card-credit-container ul li a,
#main .menu-middle .menu-en-menu-card-credit-container ul li a{
  padding: 0 15px;
}
#form-register-investment .msg-error {
  text-align: left;
  color: red !important;
}
.mod-free #form-register-investment .msg-error {
  color: #ffe60d !important;
}
.content-dac-diem ul li{
  position: relative;
}
#mod-hoat-dong .item .text-bottom ul li::before,
.content-dac-diem ul li::before{ 
  content: " ";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #008848;
  top: 8px;
  left: 0;
}
#mod-tien-lai .content-max .ui-widget-content {
  background: #D8D8D8 !important; 
}
#mod-home .wrap-tools{
  position: relative;
}
#mod-tien-lai .form-group a.hover-a{
  color: #008848;
}
.msg-require{
  color: #757C79; 
}
.mod-free #form-register-investment .msg-require{
  color: #fff;
}
#mod-dac-diem .content-dac-diem table tbody tr ul li {
  padding-left: 20px;
}
/* About */
#slider-timeline1 .swiper-wrapper,
#slider-timeline2 .swiper-wrapper{
  padding: 40px 0px;
}
.journey-item > div{
  width: 100%;
}
.slider-timeline .swiper-pagination{
  right: 0px !important;
}
.slider-timeline .swiper-slide{
  padding-right: 75px;
}
#slider-timeline2 ul li{
  list-style: disc;
  margin-bottom: 15px;
}
.page-template-about .about-content-box .over-write{
  text-align: justify;
}
.opacity{
  opacity: 0;
}
/* --- */
.popup-view-contract .wrap-loans-options{
  max-width: 800px;
  width: 100%;
}
.popup-view-contract iframe{
  width: 100%;
  height: 500px;
  background: #fff;
  border: none;
  max-width: 800px;
}
.popup-view-contract:before{
  display: none;
}
.download-total.btn-groups a {
  right: 24%;
  transform: translateX(0);
  left: unset;
}
.download-total.btn-groups input {
  left: 24% !important;
  transform: translateX(0) !important;
}
h2.mgs-popup-contract{
  padding: 50px 20px;
  text-align: center;
}
.download-contract-group {
  padding: 20px;
  text-align: center;
}
/* --- */
.popup-msg-download-contract .wrap-loans-options{
  max-width: 540px;
  width: 100%;
  padding: 30px 30px 10px 30px;
}
.popup-msg-download-contract .wrap-loans-options p{
  margin-bottom: 5px;
  font-size: 15px;
}
.btn-confirm-no-download-contract{
  background-color: #cfcfcf;
}
@media (max-width: 991px) {
  .download-total.btn-groups a {
    right: 15px;
    transform: translateX(0);
    left: unset;
  }
  
  .download-total.btn-groups input {
    left: 15px;
    transform: translateX(0);
  }
}
@media (max-width: 414px) {
  .download-total td a, .download-total td input[type="submit"] {
    width: 165px;
  }
  .download-total.btn-groups a {
    left: 200px;
    transform: translateX(0);
    right: unset;
  }
}
/* ---- */
@media screen and (max-width: 768px){
  .page-template-about .main.main-caree-map .page-section.two .bg2{
    padding: 0px;
    background: transparent;
    min-height: 0; 
  }
  .page-template-about .main.main-caree-map .page-section.two .bg2 img.opacity{
    opacity: 1;
  }
}
@media (max-height: 768px){
  .journey-item > div {
    padding-right: 0;    
  }
}
/* About */
@media screen and (min-width: 768px){
  img.img-mobile{
    display: none;
  }
}
@media screen and (max-width: 768px){
  img.img-desktop{
    display: none;
  }
}


@media screen and (max-width: 1200px) and (min-width: 768px){
	.menu-main > li > ul.sub-menu:before{
		content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    top: -55px;
    width: 100%;
    height: 300px;
    z-index: -2;
	}
	
}
@media screen and (max-width: 992px) and (min-width: 768px){
	#header .head-secound #search-btn-show{
	    line-height: 1.5;
	    margin-bottom: 15px;
	}
}
@media (min-width: 992px){
	#main .main-selects-issua .btn-submit-issua{
		margin-top: 30px;
	}
}
@media (max-width: 767.98px) {#main #vay-tien-mat-procedureeee .blog-procedure h3.card-title {
		margin-bottom: 15px !important}
	
/*@import "assets/css/jquery.mCustomScrollbar.css";*/