@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700&subset=vietnamese');
body { font-family: 'Avantgarde Book', sans-serif; font-size: 15px; color: #445361; background: #f9fbfc; overflow-x: hidden; }
.sf { font-family: 'Avantgarde Book', sans-serif; }
.sfi, .sf italic { font-family: 'Avantgarde Demi Italic', sans-serif; }
.sfb, .sf strong { font-family: 'Avantgarde Demi', sans-serif; }
a, a:hover, a:focus, a:active, .btn-link:hover { text-decoration: none; }
ul, li { margin:0;padding:0;list-style:none; }
.size17 { font-size:17px; }
.size22 { font-size:22px; }
.size32 { font-size:32px; }
.size38 { font-size:38px; }
.size42 { font-size:42px; }
.bold { font-weight:700; }
.text-red { color:#e3352d; }
.text-grey { color:#7c7d7e; }
.c-pointer { cursor: pointer; }
.dp-table { display: table; }
.dp-cell { display: table-cell;float:none; }
.w1p { width:1%; }
.btn { min-width:120px;letter-spacing:0.05em;font-size:13px;font-weight:400;height:36px;padding:5px 20px;border-radius:18px;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); }
.btn-orange { background-color: #d86c28; color: #fff; }
.btn-orange:hover { background-color: #dc854e; color: #fff; }
.btn-blue { background-color:#3479ef;color:#fff;-webkit-box-shadow: 0px 5px 10px 0px rgba(52,131,239,0.4);
-moz-box-shadow: 0px 5px 10px 0px rgba(52,131,239,0.4);
box-shadow: 0px 5px 10px 0px rgba(52,131,239,0.4); }
.btn-blue:hover { background-color:#2d72e8;color:#fff; }
.mar-auto { margin:auto; }
.form-control { height:40px; }
.space5 { margin-bottom: 5px; }
.space10 { margin-bottom: 10px; }
.space15 { margin-bottom: 15px; }
.space20 { margin-bottom: 20px; }
.space25 { margin-bottom: 25px; }
.space30 { margin-bottom: 30px; }
.space40 { margin-bottom: 40px; }
.space50 { margin-bottom: 50px; }
.line-camp-1 { display: block; line-height: 1.4; max-height: 1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-camp-2 { display: block; line-height: 1.4; max-height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-camp-3 { display: block; line-height: 1.4; max-height: 4.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.line-camp-4 { display: block; line-height: 1.4; max-height: 5.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.pagin-custom .pagination { margin: 5px 0; }
.pagin-custom .pagination>li>a, .pagin-custom .pagination>li>span { border-radius: 50%; border-color: transparent; font-size: 15px; padding: 3px 9px; margin: 0 2px; color: #666; }
.pagin-custom .pagination>.active>a, .pagin-custom .pagination>.active>a:hover, .pagin-custom .pagination>.active>span, .pagin-custom .pagination>.active>span:hover { background-color: #649ee2; border-color: #649ee2; color: #fff; font-weight: 700; }
.pagin-custom .pagination>li .fa { font-size: 20px; }
.pagin-custom .pagination>li.first-child>a, .pagin-custom .pagination>li.last-child>a { background-color: transparent; }

.tit-section { font-size:42px;color:#1f4b96;display:inline-block;position:relative;line-height:1.1; }
.tit-section.sm { font-size:20px; }
.tit-section.light { color:#fff; }
.tit-section:after { content:"";border-bottom:2px solid #d86c28;display:block;margin-top:15px;margin-bottom:15px;width:55px; }
.tit-section.center { text-align:center; }
.tit-section.center:after { margin:15px auto; }
.subtit-section { font-size:17px;color:#666; }
.subtit-section.light { font-size:17px;color:#fff;opacity:0.75; }

.imd { background:url(../images/icons-sprite.png) no-repeat;width:80px;height:80px;display:inline-block; }
.imd.imd-vector { background-position:-9px 0; }
.imd.imd-network { background-position:-89px 0; }
.imd.imd-chart { background-position:-169px 0; }
.imd.imd-edit-doc { background-position:-249px 0; }
.imd.imd-idcard { background-position:-320px 0; }
.imd.imd-speedup { background-position:-400px 0; }
.imd.imd-bookmark { background-position:-480px 0; }
.imd.imd-screenslide { background-position:-560px 0; }
.imd.imd-chatting { background-position:-640px 0; }
.imd.imd-network2 { background-position:-720px 0; }

.check-list>li { margin:15px 0; }
.check-list>li .fa { font-size:17px;color:#d86c28;margin-right:12px; }
.navbar-toggle { margin-top:12px;margin-right:10px; }
.navbar-toggle .icon-bar { width:28px;margin:5px 0;background-color:rgba(255,255,255,0.5); }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:none; }
/************TOP BAR************/
.topbar-custom .navbar { background-color:rgba(6,30,96,0.9);border-color:transparent;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.2); }
.topbar-custom .navbar-brand { display: block; height: auto;margin:5px 0; }
.topbar-custom .navbar-collapse { font-size:14px; }
.main-menu>li { position: relative;font-size:14px;letter-spacing:0.05em; text-transform: uppercase; }
/*.main-menu>li+li:before { content: ""; position: absolute; border-left: 1px solid #a0a5ab; height: 18px; width: 0; left: 0; top: 50%; margin-top: -8px; }*/
.main-menu>li>a { padding:35px 20px 33px;color:rgba(255,255,255,0.95);border-bottom:2px solid transparent; }
.nav>li>.btn { padding:7px 20px;margin:26px 15px; }
.nav>li>.btn-orange:hover, .nav>li>.btn-orange:focus { background-color: #dc854e; color: #fff; }

.main-menu>li>a:focus, .main-menu>li>a:hover {background-color:transparent; }
.main-menu>li>a:hover { color:#d86c28;background-color:transparent; }
.main-menu>li.active>a { border-bottom:2px solid #d86c28; }
.topbar-custom .main-menu>.active>a, .topbar-custom .main-menu>.active>a:focus, .topbar-custom .main-menu>.active>a:hover { background-color:transparent;}
/*End of TOP BAR*/
.head-with-bound { display:inline-block;background-color:#f5f1f1;padding:4px 10px; }
.main-banner { background:#061e60;
background:-moz-linear-gradient(top, #061e60 0%, #072371 100%);
background:-webkit-linear-gradient(top, #061e60 0%,#072371 100%);
background:linear-gradient(to bottom, #061e60 0%,#072371 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#061e60', endColorstr='#072371',GradientType=0 ); }
.home-banner { position:relative;color:#fff; }
.home-banner .item { background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;height:830px;position:relative; }
.home-banner .cont { padding:50px;margin:7% 0;position:relative; }
.home-banner .cont h2 { font-size:42px;max-width:600px;margin:auto;margin-bottom:20px; }
.home-banner .cont h4 { font-size:22px;max-width:600px;margin:auto;line-height:36px;margin-bottom:30px; }
.home-banner .slick-dots { position:absolute;bottom:0;text-align:center;left:0;right:0;margin:18px; }
.home-banner .slick-dots>li { display:inline-block;border-radius:4px;margin:10px 8px; }
.home-banner .slick-dots>li>button { width:30px;height:4px;border-radius:4px;background-color:rgba(255,255,255,0.4);text-indent:-9999px;border:none; }
.home-banner .slick-dots>li.slick-active>button { background-color:rgba(255,255,255,1);outline:none; }
.home-banner .item-2 .cont { margin-top:30%; }
.home-banner .item-2 h2 { margin-bottom:60px; }
.home-banner .item-3 .cont { margin-top:18%; }
.home-banner .item-3 h2 { margin-bottom:50px; }
.home-banner .item-4 .cont { margin-top:15%; }
.home-banner .item-4 h2 { margin-bottom:6%; }
.home-banner .item-5 .cont { margin-top:25%; }
.home-banner .item-5 h2 { margin-bottom:30px; }

.home-service { background:url(../images/service-logo-bg.png) fixed no-repeat right bottom #eff5ff; }
.home-service .panel-group .panel { border-radius:20px;background-color:rgba(153,161,174,.2);margin-bottom:10px; }
.home-service .panel-heading { padding:0; }
.home-service .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #eff5ff; }
.home-service .panel-title { font-size:14px; }
.home-service .panel-title>a { display:block;padding:12px 18px;min-height:40px;position:relative; }
.home-service .panel-title>a:after { content:"--";position:absolute;top:50%;right:12px;font-size:20px;line-height:1;margin-top:-10px; }
.home-service .panel-title>a.collapsed:after { content:"+";}
.home-service .item { padding:0 15px;margin-bottom:45px; }
.home-service .item .tit { font-size:20px;text-transform:uppercase;line-height:28px;color:#1f4b96;margin-bottom:15px; }
.home-service .img-item, .home-service .cont-item { display:table-cell;vertical-align:top; }
.home-service .img-item { width:160px;position:relative; }
.home-service .img-item:after { content:"";width:0;height:0;border-top:16px solid transparent;border-left:15px solid #d86c28;border-bottom:16px solid transparent;float:right;position:absolute;right:15px;top:35px; }
.home-service .cont { background:url(../images/service-lucid-logo.png) no-repeat 0 0;padding:8% 0 5%; }
.home-service .lg-tit { padding:40px 0 0 60px;max-width:650px; }

.home-technology { background:url(../images/logo-lucid-circle.png) no-repeat center 48%;padding-top:3%;text-align:center; }
.home-technology .inner { max-width:1024px;margin:50px auto; }
.home-technology .inner .subtit-section { max-width:600px;margin:auto; }
.home-technology .cont { padding:20px 0; }
.home-technology .item { padding:18% 20px 0;margin:20px auto;width:230px;height:230px;text-align:center;border-radius:18px;-webkit-box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);
-moz-box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);
box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);background-color:#fff; }
.home-technology .lotem { padding:20px; }
.home-technology .tit { font-size:16px;text-transform:uppercase;line-height:22px;color:#777; }

.inner-mission { padding:80px 0 110px;text-align:center;color:#fff;background:#061e60;
background:-moz-linear-gradient(top, #061e60 0%, #072371 100%);
background:-webkit-linear-gradient(top, #061e60 0%,#072371 100%);
background:linear-gradient(to bottom, #061e60 0%,#072371 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#061e60', endColorstr='#072371',GradientType=0 ); }
.inner-mission .cont { padding:20px 0; }
.inner-mission .item { margin:30px auto;width:100%;display:table;table-layout:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; }
.inner-mission .item .tit { display:table-cell;height:300px;vertical-align:middle;text-align:center;padding:20px;font-size:38px;line-height:1.3; }
.inner-value { margin-top:-95px; }
.inner-value .box { padding:35px 0 15px;text-align:center;-webkit-box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);
-moz-box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);
box-shadow: 0px 5px 35px 0px rgba(17,108,255,0.1);background-color:#fff; }
.inner-value .cont { padding:20px 0; }
.inner-value .item { max-width:250px;margin:30px auto; }
.inner-value .text { color:#777; }


.home-whyus { padding:8% 0;}
.home-whyus .tit-section { margin-top:32%;}
.home-whyus .cont { padding:0 30px; }
.home-whyus .quote { font-size:35px;line-height:45px;color:#93c1ff;position:relative;margin-bottom:30px;max-width:600px; }
.home-whyus .quote .fa { position:absolute;font-size:70px;line-height:1;left:-40px;top:-40px; }


/************FOOTER************/
.footer { font-size:14px;border-top:2px solid #E7ECF8;padding:4% 0 5%;background:url(../images/logo-lucid-circle.png) no-repeat bottom -150px right -130px; }
.logo-footer { display:block;padding:15px 5px;margin-bottom:10px; }
.footer a { color:#777; }
.f1 { line-height:22px; }
.f1>ul>li { display:block; }
.f1>ul>li>.fa { width:25px;margin-right:10px;text-align:center;font-size:16px;color:#93c1ff;opacity:0.4; }
.f2 { margin-top:8%;padding:0 20px; }
.f2>h4 { margin-bottom:20px; }
.f2 .line { line-height:22px; }
.f3 { margin-top:38%;text-align:right; }
.footer .social-link { font-size:20px; }
.footer .social-link>a { display:inline-block;margin:10px; }

/*End of FOOTER*/
@media (min-width: 768px) {
.modal-xl {
    width: 600px;
    margin: 30px auto;
}
}
@media (min-width: 992px) {
.modal-xl {
    width: 900px;
}
}
@media (min-width: 1200px) {
.modal-xl {
    width: 1100px;
}
}

.modal-contact .modal-header { border:0; } 
.modal-contact .modal-body { padding:3% 7%;background:url(../images/bg/bg-contact.png) no-repeat left bottom; }
.form-control { background-color:#edf1fa;border:0;border-bottom:2px solid transparent;height:42px;box-shadow:none;border-radius:0;margin-bottom:15px;padding:6px 16px 3px; }
.foot-btn { margin:25px 0; }
.has-error .form-control:focus, .has-error .form-control { border-color:#ef345c; }
.has-success .form-control:focus, .has-success .form-control { border-color:#a7cea7; }
.has-error { position:relative; }
.has-error .fa, .has-success .fa { position:absolute;right:25px;top:12px; }
.has-error .fa { color:#f799ad; }
.has-success .fa { color:#a7cea7; }
.form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus { box-shadow:none; }
.modal-contact .subtit-section { margin-bottom:30px; }

.popup-sent { color:#fff;text-align:center;font-size:15px; }
.popup-sent .modal-header { border:0; }
.popup-sent .icon-sent-email { margin-bottom:30px; }
.popup-sent .modal-content { background: #186fff;
background: -moz-linear-gradient(-45deg, #186fff 0%, #4a78ed 50%, #2058b5 100%);
background: -webkit-linear-gradient(-45deg, #186fff 0%,#4a78ed 50%,#2058b5 100%);
background: linear-gradient(135deg, #186fff 0%,#4a78ed 50%,#2058b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186fff', endColorstr='#2058b5',GradientType=1 ); }
.popup-sent .modal-body { background:url(../images/bg/bg-sent-email.png) no-repeat center center;
background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.popup-sent .modal-body { padding:7% 30px 8%; }
.popup-sent .subtit-section { font-size:15px;max-width:350px;margin:5px auto 15px; }


@media (max-width: 1199px) {
.main-menu>li { font-size:12px; }
.main-menu>li>a { padding: 35px 12px 33px; }
}
@media (max-width: 991px) {
.btn { min-width:115px;font-size:12px;height:32px; }
.nav>li>.btn { padding:6px 20px;margin:20px 10px; }
.main-menu>li>a { padding:28px 12px 22px; }
.topbar-custom .navbar-brand { width:55px;overflow:hidden;padding:10px 15px 0px; }
}
@media (max-width: 767px) {
.topbar-custom .navbar-brand { width:auto;height:56px;padding:10px 15px; }
.navbar-brand>img { height:100%; }
.size17 { font-size:15px; }
.tit-section { font-size:36px;text-align:center;display:block; }
.tit-section:after { margin:15px auto; }
.tit-section.sm { font-size:17px; }
.check-list>li { margin:12px 0; }
.slick-prev { left:10px; }
.slick-next { right:10px; }

.home-banner .item { height:600px;text-align:center; }
.home-banner .item-5 { background-position:right 0px bottom 0px;background-size:contain;background-color:#031f5d; }
.home-banner .cont, .home-banner .item-3 .cont, .home-banner .item-4 .cont, .home-banner .item-5 .cont { padding:20px;margin-top:100px; }
.home-banner .cont h2 { font-size:27px;line-height:1.2; }
.home-banner .cont h4 { font-size:16px;line-height:24px; }
.home-banner .item-2 h2 { margin-bottom:30px; }
.home-banner .item-3 h2 { margin-bottom:20px; }

.home-service .lg-tit { padding:40px 0; }
.home-service .item { margin-bottom:15px; }
.home-service .img-item { display:block;margin:auto;width:80px;height:65px; }
.home-service .img-item:after { display:none; }
.home-whyus .tit-section { margin-top:50px; }
.home-whyus .quote { font-size:25px;line-height:1.3; }

.f3 { margin-top:20px;text-align:center;border-top:1px solid #E7ECF8; }

.topbar-custom .navbar { background-color:rgba(6,30,96,0.95); }
.topbar-custom .main-menu>.active>a, .topbar-custom .main-menu>.active>a:focus, .topbar-custom .main-menu>.active>a:hover { background-color:#143a90; }
.main-menu>li>a { padding:15px; }
.main-menu>li.active>a { border-left:4px solid #d86c28;border-bottom:none; }

}