@charset "UTF-8";
body{font-family: "Nunito", sans-serif; color:#222929; font-size: 18px;}
body a{color:#2E9192; text-decoration: none;}
.container{max-width:1170px;}
.container .row{margin-left:0px; margin-right: 0px;}

.pb-10{padding-bottom: 86px !important;}
.pb-36p{padding-bottom: 36px !important;}

.nunito-thin{font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;}
.nunito-font{font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.nunito-medium{font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.roboto-regular {font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal;}  
.roboto-bold {font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;}  
.roboto-regular-italic { font-family: "Roboto", sans-serif; font-weight: 400; font-style: italic; }  
.roboto-bold-italic { font-family: "Roboto", sans-serif; font-weight: 700; font-style: italic; }

.border-ra10{border-radius: 10px !important;}

.camera_caption{top:auto; left:0px; bottom:10px;text-align: left; margin-left:34px; transform:none}

.loading {width: 48px;height: 48px;border: 5px solid #2E9192;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
} 

#headBody{background-color:/*#363637*/ #FFF;height:117px; padding-top: 28px;
  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.15);
}
#headBody .container{max-width:100% !important; width: 100% !important; padding-left: 37px; padding-right: 37px;}
#headBody.affix{position: fixed; height: 80px; z-index: 1000; width: 100%; padding-top:14px;}
#headBody .logo{padding-top:10px !important;}
.homeBody #headBody{background-color: transparent; position: absolute; width:100%; z-index: 10; box-shadow: none;}
.homeBody #headBody.affix{position: fixed !important; height: 80px !important; z-index: 1000 !important; width: 100% !important; padding-top:14px !important; background-color: /*#363637*/ #FFF; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.15);}
.nav-link-mobile{display:none;}

#topMenu{margin-top: 5px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto;}
#topMenu .container-fluid{padding-right: 0px;}
#topMenu .nav-item{padding-right:37px;}
#topMenu .nav-item:last-child{padding-right:0px;}
#topMenu a{color:/*#CCCCCC*/ #222929; text-transform: uppercase; font-weight: 600; padding-left: 0px; padding-right: 0px; padding-top: 11px; padding-bottom: 11px; font-size: 14px;}
#topMenu a:hover{color:#2E9192;}
#topMenu a.active{color:#2E9192;}
#topMenu a.mn-login{border:2px solid #2E9192; border-radius: 4px; padding:9px 23px 9px 23px;}
#topMenu a.itemMnRes{display:none;}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu-sub{ display: none !important; }
	.navbar .nav-item .dropdown-menu{ display: none; }	
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

    .dropdown-submenu:hover > .dropdown-menu-sub, .dropdown-submenu:focus > .dropdown-menu-sub{
        display: flex; flex-direction: column;  position: absolute !important; margin-top: -30px; left: 100%!important;
        display: block !important;
    }
}	
#topMenu .dropdown-menu{background-color: #363637; border-radius: 0px; text-transform: uppercase;}
#topMenu .dropdown-menu a{font-size: 12px; padding-left:12px; padding-right:12px; color:#FFF;}
#topMenu .dropdown-menu a:hover{color: #2E9192; background-color: #222529;}
.homeBody #topMenu a{color:#FFF;}
.homeBody .affix #topMenu a{color:#222929;}
.homeBody .affix #topMenu .dropdown-menu a{color:#FFF;}
.homeBody .affix #topMenu .dropdown-menu a:hover{color:#2E9192;}

#footerBody{min-height: /*400px*/ 280px; background-color: #00605C; color:#FFF /*#222929*/; font-size: 16px; border-top: 1px solid /*#4583B5*/ #CCCCCC;}
#footerBody .container .row{padding-top: 27px;}
#footerBody .container .rowFirst{padding-top: /*71*/ 30px;}
#footerBody .social-network{height: 38px; position: relative;}
#footerBody .social-network a{margin-right: 6px; display:inline-block; position: relative; bottom: -13px;}
#footerBody .col-menu-footer{padding-left:55px; padding-right: 52px;  display: flex; height: 38px;}
#footerBody .col-menu-footer a{color:/*#CCCCCC*/ #FFF; font-size: 14px; margin-right: 41px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; text-transform: uppercase; font-weight: 600; align-self: flex-end; line-height: 17px;}
#footerBody .col-menu-footer a:hover, #footerBody .col-menu-footer a.active{color:#CCC;}
#footerBody .col-menu-footer a:last-child{margin-right:0px;}
#footerBody .col-menu-footer a.mn-login{border:2px solid #2E9192; border-radius: 4px; padding:9px 23px 9px 23px; position: relative; right: 0; bottom: -10px;}
#footerBody .copyRight{min-height:103px; padding-top: 25px; margin-top: 10px; border-top: 1px solid /*#575757*/ #1D837E;  font-family: "Nunito", sans-serif;}
#footerBody .copyRight a{color:/*#999999*/#FFF; font-family: "Nunito", sans-serif; font-size: 16px;}
#footerBody .copyRight .menu-footer{text-align: right;}
#footerBody .copyRight .menu-footer a{padding-left: 19px; padding-right: 19px; position: relative;}
#footerBody .copyRight .menu-footer a:hover{color:#2E9192;}
#footerBody .copyRight .menu-footer a::after{content:' '; height: 12px; width: 1px; background-color: #FFF; position: absolute; right:0; bottom:5px;}
#footerBody .copyRight .menu-footer a:last-child{padding-right:0px;}
#footerBody .copyRight .menu-footer a:last-child::after{display: none;}
#footerBody .copyRight .ctnFooter{font-size:14px;}


#home-banner{height:970px !important; width: 100%; overflow:hidden; position: relative;}
#home-banner  .home-video::before{content:' '; background-color: #000000; opacity: 0.5; width:100%; height: 100%; min-height: 970px; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#home-banner  .home-video video{height: 100%; width: 100vw; min-width: 100%; object-fit: cover;}
#home-banner  .home-video .banner-caption{
  position: absolute; z-index: 3; width: 1366px; height: 300px; top: 0; color: #FFF; margin: auto;
  right: 0;text-align: center; left: 0;bottom: 0;
}
#home-banner  .home-video .banner-caption .title{ font-size: 64px; font-weight: 700; margin-bottom: 13px;}
#home-banner  .home-video .banner-caption .preview{ font-size:24px;}
#home-banner  .home-video .banner-caption .link-more{margin-top:60px;}

#home-banner .camera_wrap{height:960px !important;}
#home-banner .camera_target_content{background-color: #000000; opacity: 0.5;}
#home-banner .camera_caption{display: none !important;}
#camera .camera_caption .title{color:#FFF; font-size: 48px; text-transform: uppercase; font-weight: 400;}
#camera .camera_caption .line-yellow{display: none;}
#camera .camera_caption .preview{color:#FFF;}

.banner-caption-mobile{display: none; text-align: center; padding-top: 20px; padding-bottom: 10px;}
.banner-caption-mobile .title{font-size: 44px; margin-bottom: 20px;}
.banner-caption-mobile .preview{font-size:24px; margin-bottom: 20px;}

#subpage-banner{height:330px; background-color: #999999;}
#subpage-banner #camera .camera_caption .subtitle{color:#2E9192; font-size: 20px; text-transform: uppercase; display:none;}
#subpage-banner #camera .camera_caption .title{color:#FFF; font-size: 64px; text-transform:none !important;}
#subpage-banner #camera .camera_caption .preview{color:#FFF; font-size: 24px; display:none;}

#contentBody{padding-top:40px; padding-bottom:0px; min-height: 400px;}
#contentBody.artList{padding-top: 46px;}
#contentBody.contactPage{padding-bottom: 0px;}
.submenu-child{background-color:#222529; height: 55px; padding-top: 15px;}
.submenu-child a{color:#FFF; font-size: 12px; font-weight: 700; display: inline-block; margin-right: 30px; text-transform: uppercase;}
.submenu-child a:hover,.submenu-child a.active{color:#1194D2;}

/* Button */
.btnGreen{font-size: 18px; text-transform: uppercase; width: 190px; height:64px; background: #2E9192; color: #FFFFFF; border-radius: 30px; line-height: 25px;}
.btnGreen:hover{background: #2E9192;}
.btnGreen:disabled{opacity: 0.3 !important; cursor:not-allowed !important; background: #2E9192;}

.btnGreen.btnBack,
.btnGreen.btnBack:hover{background: #DDD; color:#222929;}

/* Block */
.blkService{margin-bottom: 59px; margin-top: 15px; text-align: center;}
.blkService .item-row{width:31.8%; display: inline-block; height: 340px; overflow: hidden; margin-right:9px; margin-bottom:22px; position: relative;padding-top: 50px;}
.blkService .item-row .board{text-align: left; box-sizing: border-box; background: #FFFFFF; border: 2px solid #2E9192; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15); border-radius: 20px; height: 260px; padding:74px 34px 34px 34px; width:98%;}
.blkService .item-row.centerRow{margin-left:9px;margin-right:9px;}
.blkService .item-row.endRow{margin-left:9px;margin-right:0px;}
.blkService .item-row .icon{width:100px; height: 100px; background-color:#FBFAF8; border: 2px solid #2E9192; border-radius:100%; position: absolute; top:0px; left: 0; right:0; margin-left: 34.6%;}
.blkService .item-row .icon img{position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0;}
.blkService .item-row .title{color:#287F7B; font-size: 24px;  color: #287F7B; margin-bottom: 4px;}
.blkService .item-row .title a{color:#287F7B;}
.blkService .item-row .preview{color:#222929; font-size: 18px;  line-height: 26px;}
.blkService .link-more a{color:#FFF}

.blkServiceIntro .sub-title{text-transform: uppercase; color:#BDBDBD; font-size: 24px; font-weight:600; display:none;}
.blkServiceIntro .head-title,
    .blkServiceProcess .head-title{font-size: 64px; font-weight:600;}
.blkServiceIntro .intro, 
    .blkServiceProcess .intro{font-size: 24px; margin-bottom: 71px; padding: 10px;}

.blkServiceIntro.hasBackground .blkServiceIntroBg{background-color:#F4F9FD; padding-top: 60px;}


.blkServiceIntroLoans .head-title{font-size: 64px; font-weight: 700; margin-bottom: 40px;}
.blkServiceIntroLoans .item-row{width:23.9%; height: 198px;}
.blkServiceIntroLoans .item-row .board{height: 138px; padding:56px 24px 34px 24px;}
.blkServiceIntroLoans .item-row .icon{margin: auto; background-color: #287F7B; width:72px; height: 72px;  top:12px;  display: flex; justify-content: center; align-items: center; font-size: 32px; color:#FFF;}
.blkServiceIntroLoans .item-row .preview{font-size: 20px;}

.blkServiceIntroLoans.type2 .item-row{width:29%; height: 198px;}
.blkServiceIntroLoans.type2 .item-row .preview{text-align: center;}

.blkServiceProcess{margin-bottom:89px;}
.blkServiceProcess .col-left{padding-right:72px;}
.blkServiceProcess .board-proces{text-align: left; position: relative;}
.blkServiceProcess .board-proces .icon{width:20%; position: relative; z-index: 1; background-color: #FFF;}
.blkServiceProcess .board-proces .info{width:80%; cursor: pointer;}

.blkServiceProcess .board-proces .item{display: table; width: 100%; clear: both; /*margin-bottom: 40px;*/ padding-bottom: 40px; position: relative;}
.blkServiceProcess .board-proces .item::after{ content:' '; width: 1px; background-color: #BDBDBD; height: 100%; bottom: 0; top: auto; display: block; position: absolute; left: 15px; z-index: 0;}
.blkServiceProcess .board-proces .item:first-child.active::after{height:70%;}
.blkServiceProcess .board-proces .item.active::after{height: 100%; top:0; bottom: 0; top: auto;}
.blkServiceProcess .board-proces .item:last-child:after{height:30%; top:0;}
.blkServiceProcess .board-proces .item .info{transition: all 0.5s;}
.blkServiceProcess .board-proces .item .info .title{font-weight:700; font-size: 26px;}
.blkServiceProcess .board-proces .item.active .icon{/*padding-top:10%;*/ margin-top: 10%;}
.blkServiceProcess .board-proces .item.active .info{background-color:#287F7B;border-radius: 20px; color:#FFF; padding:10px 30px 25px 30px;}
.blkServiceProcess .board-proces .item.active .info .title{color:#FFF; margin-bottom: 10px;}
.blkServiceProcess .board-proces .item.active .info .preview{color:#FFF; font-size: 16px;}

/* fadeIn Animation */
@-webkit-keyframes fadeoutin { 0%{ height:0; } 50% { height: 100%; } }  
@keyframes fadeoutin { 0%{ height: 0; } 50% { height: 100%; } }

.serviceExtra{margin-top:60px}
.serviceExtra .col-right{padding-left: 76px;}
.serviceExtra .col-right > .title{font-size: 48px; padding-right: 30px; margin-bottom: 42px; line-height: 56px;}
.serviceExtra .board-proces{margin-bottom: 40px;}
.serviceExtra .board-proces .icon{width:10%;}
.serviceExtra .board-proces .info{width:90%;}
.serviceExtra .board-proces .item{/*margin-bottom: 15px;*/}
.serviceExtra .board-proces .item .info .title{font-size: 20px; font-family: "Nunito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.serviceExtra .board-proces .item::after{height: 60px;}

.blkServiceProcess .col-left .row-button{text-align:left; padding-left: 20%;}
.blkServiceProcess .col-right img{border-radius:15px; max-width: 100%;}

.blkApplyForm{padding-top: 59px; padding-bottom: 66px; background-color:#F5F7F8;}
.blkApplyForm .title{font-size: 64px; line-height: 75px; color: #222929;}
.blkApplyForm .subtitle{font-size: 24px; padding-bottom:18px; padding-top:31px;}
.blkApplyForm .preview{font-size: 24px; padding-top:18px;}
.blkApplyForm .link-more{text-align: center; padding-top: 55px;}

.blkServiceLoans .col-left{padding-top:55px;}
.blkServiceLoans .title{font-size: 48px; color: #222929;}
.blkServiceLoans .intro{font-size: 20px; line-height: 32px; margin-bottom:72px; margin-top: 18px;}

.blk-teamwork {margin-top: 53px;}
.blk-teamwork.row{justify-content: center !important;}
.blk-teamwork .head-title{font-size:64px; font-weight: 700;}
.blk-teamwork .intro{font-size:20px; line-height: 40px; margin-top: 15px; margin-bottom:88px;}
.blk-teamwork .intro.nocontent{font-size:20px; line-height: 40px; margin-top: 15px; margin-bottom:30px;}
.blk-teamwork .item-row{box-sizing: border-box; background: #FFFFFF; border: 1px solid #2E9192; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 22px; margin-right: 22px; margin-bottom: 27px;}
.blk-teamwork .item-row .image{height: 225px; overflow: hidden; margin-bottom:16px;}
.blk-teamwork .item-row .image img{max-width: 100%; height: auto;}
.blk-teamwork .item-row .item-name{font-size:20px; font-weight: 600; color:#1194D2;}
.blk-teamwork .item-row .linkedin-icon{float: right; display: inline-block; width: 24px; height: 24px; background:url(images/linkedin.jpg) no-repeat; top: -7px; position: relative;}

.blkApplyBrokers .preview{width: 970px; margin: 0 auto;}
.blkApplyBrokers .btnGreen{border-radius:10px;}

.blkApplyBorrower, .blkApplyWork{background-color: #FFF;}

.blkBrokerService{background-color:#F4F9FD; padding-top: 81px; padding-bottom: 81px; margin-top:20px;}
.blkBrokerService .item-row{width:32%; margin-right: 12px;}
.blkBrokerService .item-row .board{padding: 74px 30px 34px 30px;}

.blkBrokerProgram .container{height: 764px;}
.blkBrokerProgram .board{width: 970px; height: 428px; position: relative; left:0; right: 0; bottom:0; top:149px; margin: auto; border-radius: 20px; padding: 30px 60px 60px 60px;}
.blkBrokerProgram .board:after{content:' '; background-color: #FFF; opacity: 90%; position: absolute; width: 100%; height: 100%; top:0; left:0; bottom: 0; right:0; z-index: 0; border-radius: 20px;}
.blkBrokerProgram .board .board-ctn{position: relative; z-index: 2;}
.blkBrokerProgram .board .board-ctn .title{text-align: center; font-size: 56px; font-weight: 700; margin-bottom: 30px;}
.blkBrokerProgram .board .board-ctn .list-service{padding-left:80px;}
.blkBrokerProgram .board .board-ctn .list-service div{width:49%; display: inline-block; margin-bottom: 24px; font-size: 24px; padding-left: 58px; position: relative;}
.blkBrokerProgram .board .board-ctn .list-service div::after{content:' ';background: url(images/icon-check2.png?v=1.0.1a) no-repeat; position: absolute; left:0; top:0; width:40px; height: 40px;}
.blkBrokerProgram .board .board-ctn .link-more{margin-top:24px; margin-top: 30px;}

.blkBrokerProgram.typeHome .container{height: 1085px;}

.blkLendingPartner{background-size: cover !important; background-position-x:100% !important;}
.blkLendingPartner .container{height:600px; padding-top: 94px;}
.blkLendingPartner .container .board{width:700px;}
.blkLendingPartner .container .board .title{font-size: 64px; font-weight: 700; line-height: 65px;}
.blkLendingPartner .container .board .service-ctn{font-size: 24px; line-height: 36px; margin-top: 41px;}
.blkLendingPartner .container .board .thumb-mobile,
    .blkLendingPartner .container .board .thumb-tablet{display: none; margin-bottom:20px;}

.blkServiceOverView{margin-bottom: 54px;}
.blkServiceOverView .title{font-size: 64px; border-bottom: 1px solid #CCCCCC;}
.blkServiceOverView .col-data{padding-top: 39px;}
.blkServiceOverView .col-data > div{display: inline-block; border-left: 2px solid #2E9192; padding-left: 10px; padding-right: 30px; font-size: 42px;  font-weight: 700; color: #2E9192; min-width: 175px;}
.blkServiceOverView .col-data > div:last-child{padding-right:0px;}
.blkServiceOverView .col-data > div > div{display: block; font-weight: 400; color:#222929; font-size: 24px;}

.blkMakeTogether{padding-top: 98px; padding-bottom:100px; display: table; width: 100%;}
.blkMakeTogether .title{font-size: 64px; font-weight: 700; margin-bottom: 56px;}
.blkMakeTogether .blk-content .image{display: inline-block; margin-right: 29px; float: left;}
.blkMakeTogether .blk-content .content{display: inline-block; line-height: 36px; font-size: 24px; width: calc(100% - 510px);}

/* Home */
.msgGrowing{position: relative; height: 999px; overflow: hidden;}
.msgGrowing .container{padding-left: 0px; padding-right: 0px;}
.msgGrowing .msg-intro{background-color: #FFF; /*bottom:-167px; position: relative;*/ font-size: 16px; line-height: 26px; width:100%; margin: auto; padding-top: 85px; position: relative; z-index: 2;}
.msgGrowing .msg-intro .intro{padding:62px 100px 79px 100px; }
.msgGrowing .msg-intro .title{font-size: 36px; font-weight: 700; line-height: 42px; text-align: center;}
.msgGrowing .msg-intro .title .txtblue{color:#1194D2;}
.msgGrowing .msg-intro .title .txtgreen{color:#2E9192;}
.msgGrowing .bg-img{height:600px; width:100%; position: absolute; z-index: 1; bottom: 0;}

.msgGrowing.contactPBlk{height: 675px;}
.msgGrowing.contactPBlk .bg-img{height:545px;}
.msgGrowing.contactPBlk .infoContRow{width: 570px; bottom: -10px; position: relative; z-index: 2; background-color: #FFF; margin: 0 auto; text-align: center; font-size: 20px; padding: 32px;}
.msgGrowing.contactPBlk .info-name{font-weight: 600;}

/* Page View */
.pageView{color:#222929; font-size: 18px;}
.pageView h1{font-size: 64px; color:#222929;}
.pageView h1.head-title{font-size: 32px;}
.pageView h1.head-title.headTitleCust{font-size:64px; font-weight: 600;}
.pageView h3{font-size: 32px; font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; color:#222929; margin-top: 30px;}
.pageView .intro{font-size: 24px;margin-bottom: 71px;padding: 10px;}

/* Article Page */
.article-filter{clear: both; margin-bottom: 23px;}
.article-filter .col1{font-size: 16px; padding-top: 5px;}
.article-filter .form-select{border-radius: 0px; border:1px solid #515151;}

.article-list .item-row{border-bottom: 1px solid #cccccc;font-size: 16px;padding-top:23px; padding-bottom: 23px; padding-left: 0px;}
.article-list .item-row .date{margin-bottom:5px; font-size: 14px;}
.article-list .item-row a{color:#515151; font-size: 16px;}
.article-list .item-row a:hover{color:#1194D2;}

.article-list .item-row:first-child{padding-top: 0px;}
.article-list .item-row:last-child{border-bottom: 0px;}

.visionList .item-row{border-bottom: 0px; padding-bottom: 0px;}
.visionList .item-row .title{font-size: 20px; border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 4px;}
.visionList .item-row .preview{font-size: 16px; line-height: 26px;}

.personnel-list .groupCat .cat-title{font-size: 20px; color:#515151; padding-bottom: 3px; border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 4px;}
.personnel-list .item-row{border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 40px;}
.personnel-list .item-row .image{margin-bottom:14px;}
.personnel-list .item-row .title a{font-size: 16px; color:#1194D2; margin-bottom: 10px; font-weight: 700;}

.article-view{font-size: 16px; line-height: 26px; color:#515151;}
.article-view .viewall{color:#515151; font-size: 16px; margin-bottom:26px; display: inline-block; position: relative;}
.article-view .viewall img{margin-left: 10px; position: absolute; top:8px;}
.article-view .viewall:hover{color:#1194D2;}
.article-view h1{font-size: 32px; line-height: 42px; color:#515151; font-weight: 400; margin-bottom: 20px;}
.article-view .date{margin-bottom: 20px;}
.article-view h3, .article-view h4{font-size: 18px; font-weight: 700; margin-top: 30px;}
.article-view .container h3:first-child{margin-top: 0px;}
.article-view .info-company{padding: 0px; padding-right: 7px;}
.article-view .info-company .boardInfo{background-color: #E7F2F5; padding: 40px;}
.article-view .info-company .info{padding-top: 38px; line-height: 28px;}

/* Investor */
.investor-page .intro{text-align: center;font-size: 24px; line-height: 40px; padding: 10px; margin-top:40px;}
.investor-page .list-content{background-color:#F4F9FD; text-align: center; font-size: 20px; margin-top:90px;}
.investor-page .list-content > div{border-bottom: 1px solid #BFCDD8; padding-top: 30px; padding-bottom: 30px;}
.investor-page .list-content > div.last-child{border-bottom:none;  padding-bottom: 0px;}
.investor-page .list-content > div p{margin-bottom:5px;}
.investor-page .list-content > div p.data{font-family: "Roboto", sans-serif; font-weight: 700;font-style: normal; font-weight: bold; font-size: 30px; color:#287F7B;}
.investor-page .list-content .link-more{padding-bottom:48px; padding-top:24px; display: block;}
.investor-page .list-content .btnGreen{width:auto; padding: 20px 33px 20px 33px; border-radius:5px; margin-top:31px;}

/* Office Page */
.office-list .item-row{padding-right: 80px;}
.office-list .item-row .title{border-bottom: 1px solid #CCCCCC; font-size: 20px; margin-bottom: 20px; padding-bottom: 4px; color:#515151;}
.office-list .item-row .info{font-size: 16px; color:#515151;}

.article-stock p{text-align: center;}
.btn-stock{width:370px; height: 49px; margin: 0 auto; background: linear-gradient(to left,#1194D2 15%, #2E9192 85%); border-radius: 25px; color:#FFF; font-size: 18px;
 padding-top: 9px; margin-top: 100px;
}

/* Contact Page */
.contact-page .contact-left{padding-right:61px;}
.contact-page .contact-right{padding-left:95px;}
.contact-page .contact-right a{color:#222929; font-size: 24px !important;}
.contact-page .contact-right a:hover{color:#2E9192 !important;}
.contact-page .title, .contact-page .title h1{font-size: 32px; color:#2E9192;}
.contact-page .telFooter,.contact-page .address-broker{display:none;}
.contact-page .msgIntro{font-size: 16px; line-height: 26px;  margin-top: 14px; margin-bottom: 28px;}
.contact-page .contact-info{font-size: 20px !important; line-height: 34px; margin-top: 14px; margin-bottom:28px; padding-left: /*70*/ 45px; position: relative;}
.contact-page .contact-info::after{position: absolute; content:' '; width: 32px; height: 32px; top: /*-7*/ 0px; left: 0;}
.contact-page .contact-info.icon-location::after{content:' '; background: url(images/icon_location_hover.png?v=0.0.1a3) no-repeat; top: 25%; left: 0px; height:40px;}
.contact-page a:hover .contact-info.icon-location::after{background: url(images/icon_location_hover.png?v=0.0.1a3) no-repeat;}
.contact-page .contact-info.icon-tel::after{content:' '; background: url(images/icon_phone_hover.png?v=0.0.1a3) no-repeat; top:5px;}
.contact-page a:hover .contact-info.icon-tel::after{background: url(images/icon_phone_hover.png?v=0.0.1a3) no-repeat;}
.contact-page .contact-info.icon-mail{margin-top:0px;}
.contact-page .contact-info.icon-mail::after{content:' '; background: url(images/icon_mail_hover.png?v=0.0.1a4) no-repeat; left: 0px;top:/*-6*/ 0px;}
.contact-page a:hover .contact-info.icon-mail::after{background: url(images/icon_mail_hover.png?v=0.0.1a4) no-repeat; left:0px;top:/*-6*/ 0px;}
.contact-page .contact-map iframe{width: 100%; border-radius: 5px;}
.contact-page .contact-form .item{margin-bottom:18px;}
.contact-page .contact-form .btnGreen{border-radius: 5px;}

.formControl{border:1px solid #CCCCCC; border-radius: 5px; padding:15px; font-size: 16px; color:#515151; width: 100%; background-color: #FFF;}
textarea.formControl{height:220px;}

/* Form Popup */
#formLoanContacts .modal-title{text-transform: uppercase; font-weight: 600;}
#formLoanContacts .btnGreen{height:44px;}
#formStep .title{font-weight:600; margin-bottom:10px; font-size:20px; margin-bottom: 30px;}
#formStep .title div{font-weight:400; margin-bottom:10px; font-size:16px;}
#formStep .title.light{font-weight:300;font-size:16px;}
#formStep .row-item{margin-bottom:10px;}
#formStep .row-item .small-input{display: inline-block; width:90px;}
#formStep .row-item .phone-number{/*width:calc(100% - 110px); float:right;*/}
#formStep .labelRow{display: table; clear: both; width: 100%;}
#formStep .labelRow div{width: 33%; float: left; text-align: center; margin-bottom: 15px;}
#formStep .labelRow label{border-radius:15px; border:1px solid #CCCCCC; width:180px; min-height: 190px; display: block; margin: 0 auto; padding-top: 20px; padding-bottom:10px;}
#formStep .labelRow label.active{background-color:#2E9192;}
#formStep .labelRow label img{height: 120px;}
#formStep .labelRow label span{display: block; padding: 15px 10px 10px 10px; text-align: left; font-size:16px;}
#formStep .labelRow label span input{display: none;}

#formStep .labelRow.labelRowBtn div{width: 49%; float: left; text-align: center; margin-bottom: 15px;} 
#formStep .labelRow.labelRowBtn label{width:80%; min-height: auto; padding: 10px 20px 10px 20px; text-align: left; background-color: #E7F2F5;} 
#formStep .labelRow.labelRowBtn label.active, 
#formStep .labelRow.labelRowBtn label:hover{background-color: #2E9192; color: #FFF;} 
#formStep .labelRow.labelRowBtn label input{display: none;}
#formStep .msg-success{font-size: 18px;}
#formStep .text-end{padding-top: 30px;}

@media screen and (min-width:1700px) and (max-width:1800px){
    #home-banner, #home-banner .camera_wrap{height:900px !important;}
}
@media screen and (min-width:1500px) and (max-width:1700px){
    #home-banner, #home-banner .camera_wrap{height:800px !important;}
    #home-banner  .home-video .banner-caption{margin-top:15%;}
}
@media screen and (min-width:1340px) and (max-width:1500px){
    #home-banner, #home-banner .camera_wrap{height:700px !important;}
    #home-banner  .home-video .banner-caption{margin-top:14%; width: 90%;}
}
@media screen and (min-width:1140px) and (max-width:1340px){
    #home-banner, #home-banner .camera_wrap{height:600px !important;}
    #home-banner  .home-video .banner-caption{margin-top:15%; width: 90%;}
}
@media screen and (min-width:320px) and (max-width:1170px){
    .company-page .container{padding-left: 15px !important;}
    .blk-teamwork .item-row .image{height: inherit; text-align: center;}    
    .blk-teamwork .item-row .item-position{padding-right:30px; position: relative; height:40px;}
    .blk-teamwork .item-row .item-position .linkedin-icon{position: absolute; right:0; top:0; bottom: 0; margin-top: auto; margin-bottom: auto;}
}
@media screen and (min-width:320px) and (max-width:1156px){
    .article-view .info-company img{max-width: 100% !important;}
    .article-view iframe{width: 100% !important;}
}
@media screen and (min-width:960px) and (max-width:1140px){
    #home-banner, #home-banner .camera_wrap{height:500px !important;}
    #home-banner  .home-video .banner-caption{margin-top:15%; width: 90%;}
    #home-banner  .home-video .banner-caption .title{font-size: 44px;}

    #footerBody .social-network{float: left !important; display: block; margin-top: /*20px*/ 0px;}

    .blkLendingPartner{background-image: none !important; background-color: #f4f9fd !important;}    
    .blkLendingPartner .container .board{width:100% !important;}
    .blkLendingPartner .thumb-tablet{display: block !important; text-align: center;}
    .blkLendingPartner .thumb-tablet img{height: 350px !important; width: auto !important;}
    .blkLendingPartner .container{height: auto;}
    .blkLendingPartner .container .board .service-ctn{padding-bottom: 30px;}
}
@media screen and (min-width:320px) and (max-width:1060px){
    #topMenu .nav-item{padding-right:25px;}
    .msgGrowing .msg-intro{padding-top:55px; width:98%;}
    .navbar-toggler{float: right; color: #FFF; background-color: #FFF; margin-left: auto; top: -5px; position: relative;}
    #topMenu .nav-item:last-child{padding-right: 5px;}
    #home-banner  .home-video .banner-caption{margin-top:15%; width: 90%;}
    #home-banner  .home-video .banner-caption .title{font-size: 44px;}
    #home-banner .home-video .banner-caption .link-more{margin-top: 20px;}

    .blkServiceIntro .head-title, .blkServiceProcess .head-title{font-size:44px;}
    .blkService .item-row .title{font-size:20px;}
    .blkService .item-row{width:45%;}
    .blkService .item-row .icon{margin: 0 auto !important;}
    .blkService .item-row .board{padding:74px 14px 14px 14px;}
    .container.p-0{padding-left:10px !important; padding-right: 10px !important;}
    
    .blkLendingPartner .container .board .title{font-size: 44px; line-height: 55px;}
    .blkLendingPartner{background-image: none !important; background-color: #f4f9fd !important;}    
    .blkLendingPartner .container .board{width:100% !important;}
    .blkLendingPartner .thumb-tablet{display: block !important; text-align: center;}
    .blkLendingPartner .thumb-tablet img{height: 350px !important; width: auto !important;}
    .blkLendingPartner .container{height: auto;}
    .blkLendingPartner .container .board .service-ctn{padding-bottom: 30px;}

    .blkBrokerProgram .board .board-ctn .title{font-size: 44px;}
    .blkMakeTogether{padding-top: 48px;}
    .blkMakeTogether .title{font-size: 44px;}
    .blkApplyForm .title{font-size:44px; line-height: initial;}
    .pageView h1{font-size: 44px;}
    .blk-teamwork .head-title{font-size: 44px;}
    .blkServiceOverView .title{font-size: 44px;}
    .blkServiceOverView .col-data > div{font-size: 36px;}
    .blkService.blkServiceLoans .col-right img{max-width: 100%; height: auto;}
    .blkService.blkServiceProcess.serviceExtra .col-left img{max-width: 100%; height: auto;}
    .blkService.blkServiceProcess.serviceExtra .col-right{padding-left:0px;}
    .serviceExtra .col-right > .title{font-size: 44px;}
    .blkServiceIntroLoans .head-title{font-size: 44px;}
    .blkServiceLoans .title{font-size: 44px;}
}
@media screen and (min-width:320px) and (max-width:990px){

    .camera_caption{left:0px; margin-left:14px}

    #headBody .logo{position: relative; z-index: 20; padding-top: 0px !important;}
    #headBody.affix .logo{padding-top: 8px !important;}
    #topMenu{position: absolute; right:0; z-index: 11; width: 100%; text-align: left;}
    #topMenu a{color:#FFF;}
    #topMenu a.itemMnRes{display:block;}
    #topMenu a.itemMnPC{display:none;}
    #topMenu .navbar-toggler{margin-right: 10px;}
    #home #headBody.affix #topMenu{margin-top:10px;}
    #headBody.affix #topMenu{margin-top:10px;}
    #topMenu .container-fluid{padding-left: 0px; padding-right: 0px;}
    #navbarSupportedContent{background-color: #000000; width: 100%; padding-left: 10px; padding-top: 15px;}
    #topMenu .dropdown-menu{text-align: left;}
    #topMenu .dropdown-menu .dropdown-menu-sub{padding-left: 10px;}
    .homeBody .affix #topMenu a{color:#FFF;}

    .nav-link-pc{display:none;}
    .nav-link-mobile{display:block;}

    #headBody{height: 90px;}
    #headBody .logo img{height: 31px; width: auto;}
    #headBody .container{padding-left:17px;}
    
    .blkBrokerProgram .board{width:90%;}
    .blkBrokerProgram .board .board-ctn .list-service{padding-left: 0px;}
    .blkBrokerProgram.typeHome .container{height: 600px !important;}
    .blkBrokerProgram .board{top:69px;}
    #footerBody .col-menu-footer{/*display: none;*/ float: left;}
    #footerBody .social-network{/*float: right !important;*/ margin-top: 0px;}
}
@media screen and (min-width:740px) and (max-width:960px){
    #home-banner, #home-banner .camera_wrap{height:400px !important;}
}
@media screen and (min-width:320px) and (max-width:900px){
    .article-view .info-company, .article-view .info-company + div{width: 100%; margin-bottom: 20px; padding-left:0px; padding-right: 0px;}    

    .blkMakeTogether .blk-content .image{width:100%; text-align: center; margin-bottom: 30px;}
    .blkMakeTogether .blk-content .image img{max-width: 100% !important; height: auto !important;}
    .blkMakeTogether .blk-content .content{width:100%;}

    .blkServiceProcess .col-left{margin-bottom: 50px;}
    .blkServiceProcess .col-left, .blkServiceProcess .col-right{width: 100% !important;}
    .blkServiceProcess .col-right img{height: auto !important;}
    .blkService.blkServiceLoans .col-left, .blkService.blkServiceLoans .col-right{width: 100% !important;}
    .blkService.blkServiceLoans .col-right{margin-top:40px;}
}
@media screen and (min-width:320px) and (max-width:820px){
    .blkBrokerProgram .board{padding:30px;}
    .contact-page .contact-left{width:100%; padding-right: 0px; padding-left: 0px;}
    .contact-page .contact-right{width:100%; padding-left: 0px; margin-top: 40px;}
}
@media screen and (min-width:320px) and (max-width:800px){
    .msgGrowing .msg-intro .intro {padding: 60px;}
    #home-banner .home-video .banner-caption .title{font-size:36px;}
    .blkBrokerProgram .board{height:510px;}
    .blkBrokerProgram .board .board-ctn .list-service div{width:100%;}    
    .blkBrokerProgram.typeHome .container { height: /*650*/ 638px !important; }

    .pageView h1.head-title{font-size:24px;}
    .investor-page .intro{font-size:20px; margin-top: 20px;}
    .investor-page .list-content{margin-top: 50px;}
    .blkServiceIntroLoans.type2 .item-row,
    .blkServiceIntroLoans.type2 .item-row .board{height: auto !important;}
}
@media screen and (min-width:320px) and (max-width:767px){
    .submenu-child{padding-bottom: 15px; height: auto;}
    .submenu-child .menulink{text-align: left;}
    .submenu-child .menulink a{margin-bottom: 10px;}
    .blkLendingPartner .container{height: auto; padding-bottom: 30px; background-color:#f4f9fd;}
    .blkLendingPartner .container .board{width:100% !important;}
    .blkLendingPartner .container .board .service-ctn{padding-bottom: 0px;}
    .blkLendingPartner .container .board .thumb-tablet{display: none !important;}
    .blkLendingPartner .container .board .thumb-mobile{display: block; width:100%; text-align: center;}
    .blkLendingPartner .container .board .thumb-mobile img{max-width: 100%; height: auto !important; margin: 0 auto;}

    .loansPage .blkService.blkServiceProcess.serviceExtra{margin-top: 20px;}
    .loansPage .blkServiceProcess{margin-bottom:50px;}
    .loansPage .blkService.blkServiceIntroLoans {margin-bottom:29px;}
    .loansPage .blkServiceLoans .col-left{padding-top:0px;}    

    .blkLendingPartner .container .board .service-ctn,
    .blkMakeTogether .blk-content .content{font-size:20px;}

    #footerBody .social-network{width:100%;}
    #footerBody .container .rowFirst{padding-top:30px;}
    #footerBody .col-menu-footer{float: left !important; margin-top: 20px; padding-left: 0px;}
}
@media screen and (min-width:320px) and (max-width:740px){
    .homeBody #headBody{position: /*relative*/ absolute;}
    /*#home-banner  .home-video::before{background-color: transparent;}*/
    #home-banner, #home-banner .camera_wrap{height:100dvh !important;}
    #home-banner .home-video .banner-caption {margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; width: 90%; height: max-content;}
    #home-banner .home-video::before{z-index: 2;}
    #home-banner .home-video video{z-index: 1; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); object-fit: cover;}
    .homeBody #contentBody{padding-top: 0px;}

    .submenu-child {height: 2px; display: none;}
    .submenu-child .menulink{display: none;}
    .msgGrowing .msg-intro .title{font-size: 30px;}
    /*#home-banner .home-video .banner-caption{display: none;}*/
    .banner-caption-mobile{display: none;}
    .copyRight .col-md-6{width:100%; text-align: left; margin-top: 10px;}
    #footerBody .copyRight{padding-bottom: 30px;}
    #footerBody .copyRight .menu-footer{text-align: left;}
    #footerBody .copyRight .menu-footer a{padding-left: 0px;}
    #subpage-banner #camera .camera_caption .preview{font-size: 18px;}

    #footerBody .col-menu-footer{display: block; width: 100%; height: auto;}
    #footerBody .col-menu-footer a{display: inline-block; width: 30%; line-height:20px; margin-right: 0px;}
}
@media screen and (min-width:320px) and (max-width:610px){
    /*#home-banner .home-video .banner-caption{margin-top: 12%;}*/
    /*#home-banner, #home-banner .camera_wrap{height:100dvh !important;}*/
}
@media screen and (min-width:320px) and (max-width:600px){
    .col-menu-footer a{width:48%; float:left; margin-right: 0px !important; margin-bottom: 10px; text-align: left;}
    #camera .camera_caption .title{font-size: 48px !important;}
    #subpage-banner, #subpage-banner .camera_wrap{height:250px !important;}
    #subpage-banner .camera_wrap img{/*max-height: 250px;*/ height: /*250px*/ 100% !important; width: auto !important;}
    .blkService .item-row .board {overflow: hidden; height: 250px;}

    .blkServiceProcess .board-proces .item .info .title{font-size: 20px;}
    .blk-teamwork .item-row{text-align: center;}
    .blkServiceIntroLoans .item-row,
    .blkServiceIntroLoans .item-row .board,
    .blkServiceIntroLoans.type2 .item-row,
    .blkServiceIntroLoans.type2 .item-row .board{height: auto !important;}
    .blkServiceIntroLoans.type2 .item-row{width:80% !important;}
    .blkServiceOverView .col-data > div{width:48%; padding-right: 0px;}
    .blkServiceOverView .col-data > div:last-child{width:100%; padding-right: 0px;}
    .blkServiceOverView {margin-bottom: 24px;}

    #formStep .labelRow div{width:49%;}
    #footerBody .col-menu-footer a{width: 45%;}
}
@media screen and (min-width:320px) and (max-width:576px){    
    #home-banner .home-video .banner-caption .title{font-size:28px;}
    #home-banner .home-video .banner-caption .preview{font-size:22px;}
    .personnel-list .item-row{text-align: center;}
    .col-menu-footer{margin-top: 20px; width:100%;} 
    .msgGrowing.contactPBlk .infoContRow{width: 100%;}
    #subpage-banner #camera .camera_caption .subtitle,
    #subpage-banner #camera .camera_caption .preview{display: none;}
    #subpage-banner #camera .camera_caption .title{font-size: 54px;}

    .blk-teamwork .item-row .item-position{height:inherit;}
    .blk-teamwork .item-row .item-position .linkedin-icon{top:-10px;}
}
@media screen and (min-width:320px) and (max-width:520px){    
    /*#home-banner, #home-banner .camera_wrap{height:250px !important;}*/
    .blk-teamwork .item-row,
    .blkService .item-row{width:100%; height: auto; margin-right: 0px; padding-bottom:20px;}
    .blkService .item-row .board{height: auto;}
    .blkService .blkBrokerService{padding-bottom:31px;}
    .contact-page .contact-right{padding-right: 0px;}
    .pageView h1.head-title.headTitleCust{font-size:34px;}
    .pageView .intro{font-size:20px;}    

    .blkServiceProcess .col-left, .blkServiceProcess .col-right{padding-right: 0px; padding-left: 0px;}
    .blkService.blkServiceLoans .col-left, .blkService.blkServiceLoans .col-right{padding-right: 0px; padding-left: 0px;}
    .serviceExtra .board-proces .info{padding-left: 10px;}
    .blkServiceOverView .col-data > div{margin-bottom: 15px;}

    .banner-caption-mobile .title{font-size:34px;}
    .banner-caption-mobile .preview{font-size:20px;}
    .blkBrokerProgram .board{height: 550px;}
}
@media screen and (min-width:320px) and (max-width:500px){   
    .msgGrowing .msg-intro .intro {padding:40px 20px 20px 20px;}    
    #headBody .logo img{width:150px; height: auto;}
    #headBody .logo {padding-top: 8px !important;}
    .msgGrowing{overflow: auto; min-height: 999px; height: auto;}
    .msgGrowing.contactPBlk{min-height:675px; font-size: 16px;}
    #camera .camera_caption .title{font-size: 30px;}
    #subpage-banner, #subpage-banner .camera_wrap{height:200px !important;}
    /*#subpage-banner .camera_wrap img{max-height: 200px; height: 200px !important;  width: auto !important;}*/    
    .blkService .item-row .board {overflow: hidden; height: 250px;}

    .blkBrokerProgram .board .board-ctn .title{font-size:34px;}
    .blkLendingPartner .container .board .title{font-size:34px;line-height:initial;}
    .blkLendingPartner .container .board .service-ctn{margin-top: 21px;}
    .blkServiceIntro .head-title, .blkServiceProcess .head-title{font-size:34px;}
    .blkMakeTogether .title{font-size:34px; margin-bottom: 30px;}
    .blkApplyForm .title{font-size:34px;}
    .blkApplyForm .preview {font-size: 20px;}
    .blkServiceIntro .sub-title{font-size: 22px;}
    .blkServiceIntro .intro, .blkServiceProcess .intro{font-size: 20px;}
    .blkBrokerProgram .board .board-ctn .list-service div{font-size: 20px;}
    .blkLendingPartner .container{padding-top: 44px;}
    #subpage-banner #camera .camera_caption .title{font-size: 44px;}
    .blkServiceOverView .title, .serviceExtra .col-right > .title, .blkServiceIntroLoans .head-title, .blkServiceLoans .title{font-size:34px;}
    .blkServiceOverView .col-data > div{width: 100%; font-size: 28px;}    
    .blkBrokerProgram .board{height: 500px;}
}
@media screen and (min-width:320px) and (max-width:450px){
    #camera .camera_caption .title{font-size: 38px !important;}
    /*#home-banner .home-video .banner-caption {margin-top: 28%; }
    #home-banner, #home-banner .camera_wrap{height:220px !important;}*/
    .msgGrowing{min-height:auto; padding-bottom: 150px;}
    #subpage-banner, #subpage-banner .camera_wrap{height:180px !important;}

    #formStep .labelRow label{width:95%;}
    #formStep .labelRow.labelRowBtn div{width:100%;}
    #formStep .labelRow.labelRowBtn label{width:100%}
    #formStep .labelRow label img{height:100px;}    
    #formLoanContacts .btnGreen{width:100px;}

    .contact-page .contact-right a{font-size: 22px !important;}
    .contact-page .contact-info{font-size: 22px !important;}
}
@media screen and (min-width:320px) and (max-width:410px){    
    .contact-page .contact-right a{font-size: 20px !important;}
    .contact-page .contact-info{font-size: 20px !important;}
}
@media screen and (min-width:320px) and (max-width:400px){
    .btn-stock{width:90%;}
    /*#home-banner, #home-banner .camera_wrap{height:200px !important;}*/
    #subpage-banner, #subpage-banner .camera_wrap{height:160px !important;}
    #camera .camera_caption .title {font-size: 26px;}

    #footerBody .footer-logo{float: none !important; margin-bottom: 20px;}
    #footerBody .social-network{float: none !important; text-align: left; margin-bottom: 20px;}

    .blkBrokerProgram .board{height: 560px;}
    .contact-page .contact-right a{font-size: 18px !important;}
    .contact-page .contact-info{font-size: 18px !important;}
}
@media screen and (min-width:320px) and (max-width:390px){
    .blkBrokerProgram.typeHome .container{height:700px !important;}
}
@media screen and (min-width:320px) and (max-width:350px){   
    /*#home-banner, #home-banner .camera_wrap{height:180px !important;}*/
    #subpage-banner, #subpage-banner .camera_wrap{height:140px !important;}
    .blkBrokerProgram .board{height: 580px;}
    .blkBrokerProgram.typeHome .container{height: 680px !important;}
    .blkBrokerProgram .board .board-ctn .link-more{margin-top: 0px;}
    .contact-page .contact-right a{font-size: 16px !important;}
    .contact-page .contact-info{font-size: 16px !important;}
}