@import assets/fonts/flaticon/flaticon.css;
@import https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900;
@import https://fonts.googleapis.com/css?family=Great+Vibes;
@font-face{font-family:"RalewayR";src:url(Raleway-Regular-vi.ttf) format("truetype")}
@font-face{font-family:"Gotham-Ultra";src:url(Gotham-Ultra.otf) format("truetype")}
body{font-family:'RalewayR',sans-serif!important;font-size:15px;line-height:29px;font-weight:500;color:#999;background-color:#fff;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased!important}
html{font-family:'RalewayR',sans-serif!important}
html,body{width:100%;height:100%}
a{color:#ed145b}
a,a > *{outline:none;cursor:pointer;text-decoration:none}
a:focus,a:hover{color:#363e50;outline:none;text-decoration:none}
a,.navbar a,.form-control{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
h1,h2,h3,h4,h5,h6{font-family:'RalewayR',sans-serif!important;font-weight:400;color:#202020;margin:0 0 15px}
h1{font-size:40px}
h2{font-size:19px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
p img{margin:0}
p{margin:0 0 30px;line-height:30px}
hr{margin:0}
.btn{height:50px;padding:12px 20px;font-size:16px;line-height:26px;border-radius:2px;background-color:#363e50;border:0}
.btn-lg{padding:12px 38px}
@media screen and (max-width: 767px) {
.btn-lg{height:auto;font-size:14px;padding:8px 25px}
}
.btn:hover{background-color:#363e50}
.btn.active,.btn:active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}
.btn.white,.btn.white:hover,.btn.white:focus{color:#363e50}
.btn i.material-icons{font-size:20px}
.btn.focus,.btn:focus,.btn:hover{color:#fff}
.btn:focus,button:focus{outline:none!important}
.btn-download{padding:16px 38px;text-align:left;line-height:22px;height:75px}
.btn-download i{font-size:30px;line-height:48px}
.btn-download span{display:block!important;overflow:hidden}
.btn-download strong{display:block;font-size:20px;font-weight:900;text-transform:uppercase}
address{margin:30px 0 0;font-style:normal;line-height:25px}
address hr{margin-top:20px;margin-bottom:20px}
thead{color:#272829;background-color:#f5f5f5;border-bottom:1px solid #eee}
.table>thead>tr>th{padding:12px 8px;border-bottom:0}
.table>tbody>tr>td,.table>tbody>tr>th{color:#666;padding:15px 8px;border-top:1px solid #eee}
.contact-info i{font-size:30px;line-height:38px;float:left;margin-right:18px;padding-left:2px}
.contact-info .address,.contact-info .phone,.contact-info .mail{overflow:hidden}
.contact-info .mail a{color:#999}
.contact-info .mail a:hover{color:#363e50}
#mapcontent p{margin:0}
.contact-form-wrapper{background:url(assets/img/vactor-map.png) no-repeat center center}
.contact-form-bg{background:url(assets/img/vactor-map.png) no-repeat center center;background-size:contain}
@media (min-width: 992px) {
#contactForm .submit-button{float:right}
}
.form-control{border-radius:0}
.input-field{margin-top:45px}
.input-field label{color:#999;top:0;left:0;font-size:14px;line-height:16px;font-weight:400;margin:0}
.input-field label.active{font-size:12px}
.alert{padding:12px 15px}
.no-margin{margin:0!important}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0}
.no-padding{padding:0!important}
.section-padding{padding:88px 0}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-80{margin-top:80px}
.mt-100{margin-top:100px}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-30{margin-bottom:30px!important}
.mb-40{margin-bottom:40px!important}
.mb-50{margin-bottom:50px!important}
.mb-80{margin-bottom:80px!important}
.mb-100{margin-bottom:100px!important}
.mtb-50{margin:50px 0!important}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.ml-10{margin-left:10px}
.ml-20{margin-left:20px}
.padding-top-50{padding-top:50px}
.padding-top-70{padding-top:70px}
.padding-top-90{padding-top:90px}
.padding-top-100{padding-top:100px}
.padding-top-110{padding-top:110px}
.padding-top-120{padding-top:120px}
.padding-top-160{padding-top:160px}
.padding-top-220{padding-top:220px}
@media screen and (max-width: 768px) {
.padding-top-220{padding-top:170px}
}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-30{padding-bottom:30px}
.padding-bottom-50{padding-bottom:50px}
.padding-bottom-70{padding-bottom:70px}
.padding-bottom-80{padding-bottom:80px}
.padding-bottom-90{padding-bottom:90px}
.padding-bottom-100{padding-bottom:100px}
.padding-bottom-110{padding-bottom:110px}
.padding-bottom-120{padding-bottom:120px}
.padding-bottom-190{padding-bottom:190px}
@media screen and (min-width: 992px) {
.pl-100{padding-left:100px}
}
.ptb-30{padding:30px 0}
.ptb-50{padding:50px 0}
.ptb-70{padding:70px 0}
.ptb-90{padding-top:90px;padding-bottom:90px}
.ptb-110{padding-top:110px;padding-bottom:110px}
.ptb-120{padding-top:120px;padding-bottom:120px}
.ptb-150{padding:150px 0}
.ptb-190{padding:190px 0}
@media screen and (max-width: 991px) {
.mt-sm-30{margin-top:30px}
.mt-sm-50{margin-top:50px}
.mb-sm-30{margin-bottom:30px}
.mb-sm-50{margin-bottom:50px}
}
@media screen and (max-width: 768px) {
.mt-xs-30{margin-top:30px}
.mt-xs-46{margin-top:46px}
}
.radius-2{border-radius:2px}
.radius-3{border-radius:3px}
.radius-4{border-radius:4px}
.font-roboto{font-family:'Roboto',sans-serif!important}
.font-greatvibes{font-family:'Great Vibes',cursive!important}
.font-20{font-size:20px}
.font-25{font-size:25px}
.font-30{font-size:30px}
.font-35{font-size:35px}
.font-40{font-size:40px}
@media screen and (max-width: 767px) {
.font-30{font-size:25px}
h1,.font-35,.font-40{font-size:30px}
}
.line-height-40{line-height:40px}
.line-height-50{line-height:50px}
.text-light{font-weight:300!important}
.text-regular{font-weight:400!important}
.text-medium{font-weight:500!important}
.text-bold{font-weight:700!important}
.text-extrabold{font-weight:900!important}
.dark-text{color:#202020!important}
.light-grey-text{color:#dedede!important}
.list-icon li{font-size:17px;line-height:40px}
.list-icon li .material-icons{position:relative;top:5px}
.height-200{height:200px!important}
.height-350{height:350px!important}
.height-450{height:450px!important}
.height-650{height:650px!important}
.brand-color{color:#195884!important}
.brand-color.darken-2{color:#0288d1!important}
.brand-bg{background:transparent}
.brand-bg.darken-2{background:transparent;    box-shadow: 0 -5px 5px -1px rgba(0,0,0,0.15);}
.brand-hover:hover{background-color:rgba(54, 62, 80,0.85)!important}
.green-bg{background-color:#71c44c!important}
.green-color{color:#71c44c!important}
.pink{background-color:#ed145b!important}
.white-bg{background-color:#fff!important}
.gray-bg{background-color:#f5f5f5!important;padding-bottom: 58px;}
.light-gray-bg{background-color:#f3f3f3!important}
.light-pink-bg{background:#fff8f1!important}
.dark-bg.darken-1{background:#101010!important}
.dark-bg{background:#202020!important}
.dark-bg.lighten-1{background-color:#1e262a!important}
.dark-bg.lighten-2{background-color:#303b41!important}
.dark-bg.lighten-3{background-color:#2c2c2c!important}
.dark-bg.lighten-4{background-color:#373a3d!important}
.border-top{border-top:1px solid #eee}
.border-tb{border-top:1px solid #eee;border-bottom:1px solid #eee}
.overlay,.overlay .container{position:relative}
.overlay:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2)}
.overlay.dark-0:before{background-color:rgba(0,0,0,0)}
.overlay.dark-1:before{background-color:rgba(0,0,0,.1)}
.overlay.dark-2:before{background-color:rgba(0,0,0,.2)}
.overlay.dark-3:before{background-color:rgba(0,0,0,.3)}
.overlay.dark-4:before{background-color:rgba(0,0,0,.4)}
.overlay.dark-5:before{background-color:rgba(0,0,0,.5)}
.overlay.dark-6:before{background-color:rgba(0,0,0,.6)}
.overlay.dark-7:before{background-color:rgba(0,0,0,.7)}
.overlay.dark-8:before{background-color:rgba(0,0,0,.8)}
.overlay.dark-9:before{background-color:rgba(0,0,0,.9)}
.overlay.dark-10:before{background-color:rgba(0,0,0,1)}
.overlay.light-0:before{background-color:rgba(255,255,255,0)}
.overlay.light-1:before{background-color:rgba(255,255,255,.1)}
.overlay.light-2:before{background-color:rgba(255,255,255,.2)}
.overlay.light-3:before{background-color:rgba(255,255,255,.3)}
.overlay.light-4:before{background-color:rgba(255,255,255,.4)}
.overlay.light-5:before{background-color:rgba(255,255,255,.5)}
.overlay.light-6:before{background-color:rgba(255,255,255,.6)}
.overlay.light-7:before{background-color:rgba(255,255,255,.7)}
.overlay.light-8:before{background-color:rgba(255,255,255,.8)}
.overlay.light-9:before{background-color:rgba(255,255,255,.9)}
.overlay.light-10:before{background-color:rgba(255,255,255,1)}
.full-height{height:100vh;width:100%}
.half-height{height:78vh!important;width:100%}
.valign-wrapper{display:table;width:100%}
.valign-cell{display:table-cell;vertical-align:middle}
.intro-title{font-size:60px;font-weight:900}
.sub-intro{display:block;margin:0 auto 30px}
@media (min-width: 768px) {
.sub-intro{width:60%}
}
.section-title{font-size:39px;margin-bottom:20px;color:#414041}
.section-sub{margin:0 auto}
@media (min-width: 992px) {
.section-sub{width:60%}
}
.width-60{width:60%;margin:0 auto}
@media screen and (max-width: 767px) {
.intro-title{font-size:35px}
.section-title{font-size:30px}
.section-title p{width:100%}
.width-60{width:100%}
}
.hero-clouds{position:absolute;top:0;left:0;width:250.625em;height:100vh;background:url(assets/img/banner/clouds.png) 0 100% repeat-x;-webkit-animation:cloudLoop 80s linear infinite;animation:cloudLoop 80s linear infinite}
@-webkit-keyframes cloudLoop {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
}
@keyframes cloudLoop {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
}
.mouse-icon{position:absolute;left:50%;bottom:40px;border:2px solid #fff;border-radius:16px;height:40px;width:24px;margin-left:-15px;display:block;z-index:10}
.mouse-icon .wheel{-webkit-animation-name:drop;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:drop;animation-duration:1s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-play-state:running;position:relative;border-radius:10px;background:#fff;width:2px;height:6px;top:4px;margin-left:auto;margin-right:auto}
@-webkit-keyframes drop {
0%{top:5px;opacity:0}
30%{top:10px;opacity:1}
100%{top:25px;opacity:0}
}
@keyframes drop {
0%{top:5px;opacity:0}
30%{top:10px;opacity:1}
100%{top:25px;opacity:0}
}
.video-intro{position:relative}
.video-intro .external-link{position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px}
.video-intro .external-link .material-icons{font-size:60px;color:rgba(255,255,255,0.4);-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease}
.video-intro:hover .external-link .material-icons{color:rgba(255,255,255,0.9)}
.video-trigger i.material-icons{font-size:68px;color:#fff;margin:0 20px;position:relative;top:24px}
.mocup-wrapper{position:relative}
.mocup-wrapper img{max-width:100%}
@media screen and (max-width: 991px) {
.mocup-wrapper-sm img{width:100%}
}
.bg-cover,[class*='banner-']{background-size:cover!important}
.banner-1{background-image:url(assets/img/banner/banner-1.jpg)}
.banner-2{background-image:url(assets/img/banner/banner-2.jpg)}
.banner-3{background-image:url(assets/img/banner/banner-3.jpg)}
.banner-4{background-image:url(assets/img/banner/banner-4.jpg)}
.banner-5{background-image:url(assets/img/banner/banner-5.jpg)}
.banner-6{background-image:url(assets/img/banner/banner-6.jpg)}
.banner-7{background-image:url(assets/img/banner/banner-7.jpg)}
.banner-8{background-image:url(assets/img/banner/banner-8.jpg)}
.banner-9{background-image:url(assets/img/banner/banner-9.jpg)}
.banner-10{background-image:url(assets/img/banner/banner-10.jpg)}
.banner-11{background-image:url(assets/img/banner/banner-11.jpg)}
.banner-12{background-image:url(assets/img/banner/banner-12.jpg)}
.banner-13{background-image:url(assets/img/banner/banner-13.jpg)}
.banner-14{background-image:url(assets/img/banner/banner-14.jpg)}
.banner-14.overlay::before{background-color:rgba(246,72,63,0.9)}
.banner-15{background-image:url(assets/img/banner/banner-15.jpg)}
.banner-16{background-image:url(assets/img/banner/banner-16.jpg)}
.banner-17{background-image:url(assets/img/banner/banner-17.jpg)}
.banner-18{background-image:url(assets/img/banner/banner-18.jpg)}
.banner-19{background-image:url(assets/img/banner/banner-19.jpg)}
.banner-20{background-image:url(assets/img/banner/banner-20.jpg)}
@media screen and (max-width: 767px) {
.banner-wrapper{margin-top:45px}
}
@media (min-width: 992px) {
.bg-fixed{background-attachment:fixed}
}
.error-wrapper{padding:50px 0}
.error-wrapper i{font-size:130px;line-height:170px;text-align:center;display:block;color:#dadada}
.error-info{padding-left:60px;border-left:1px solid #eee}
.error-info h1{color:#fff;font-size:130px;line-height:100px;font-weight:700;text-shadow:5px 5px 0 #dadada,-1px -1px 0 #dadada,1px -1px 0 #dadada,-1px 1px 0 #dadada,1px 1px 0 #dadada}
.ie9 .error-info h1,.ie9 .error-wrapper-alt h1{color:#999}
.error-sub{display:block;font-size:30px;line-height:45px;font-weight:700;text-transform:uppercase}
@media screen and (max-width: 767px) {
.error-info{padding-left:0;border-left:0;text-align:center}
}
@media (min-width: 992px) {
.error-wrapper{padding:200px 0}
}
.error-wrapper-alt h1{color:#fff;font-size:130px;line-height:130px;font-weight:700;text-shadow:5px 5px 0 #dadada,-1px -1px 0 #dadada,1px -1px 0 #dadada,-1px 1px 0 #dadada,1px 1px 0 #dadada}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:-10px;padding-right:0;width:40px;text-align:center}
button.mfp-close:focus,button.mfp-arrow{background-color:transparent}
.mfp-bg{z-index:1055}
.mfp-wrap{z-index:1056}
.mfp-image-holder .mfp-close:hover,.mfp-iframe-holder .mfp-close:hover{cursor:pointer}
.mfp-zoom-out-cur{cursor:default}
.box-padding{padding:60px 40px}
.profile .author-cover{position:relative}
.profile .author-cover img{width:100%}
.author-wrapper.profile .author-avatar{position:relative;padding:15px 20px 30px 130px}
.author-wrapper.profile .author-avatar img{width:100px;height:100px;border-radius:50%;background:#fff;padding:5px;position:absolute;top:-30px;left:15px;z-index:20}
.profile .author-meta{padding:0 40px;overflow:hidden}
.profile .author-meta li{margin:10px 0;font-weight:500}
.profile .author-meta li .title{display:inline-block;width:135px;color:#202020}
.profile .author-meta li .address{float:right;width:50%}
.profile .available{display:block;padding:10px;text-align:center}
.profile .available a{display:inline-block;color:#999}
.profile .available a:hover{color:#363e50}
@media screen and (max-width: 991px) {
.author-wrapper.profile{margin-top:30px}
}
@media screen and (max-width: 479px) {
.box-padding .cta-button .btn{display:block;margin-top:10px}
.profile .author-meta li .title{width:80px}
.profile .author-meta li .address{width:60%}
}
.progress-section{position:relative}
.progress-title{display:block;margin-bottom:8px}
.progress{box-shadow:none;background-color:#eee;height:5px;overflow:visible;border-radius:0;margin-bottom:30px}
.progress-bar{box-shadow:none;text-align:right}
.progress-bar span{position:absolute;top:-32px;color:#999;font-size:14px;display:inline-block}
.ie11 .progress-bar span,.ie10 .progress-bar span,.ie9 .progress-bar span{top:-25px;right:0}
.progress .progress-bar.six-sec-ease-in-out{-webkit-transition:width 2s ease-in-out;-moz-transition:width 2s ease-in-out;-o-transition:width 2s ease-in-out;transition:width 2s ease-in-out}
.progress-dot{position:relative}
.progress-dot::before{content:"";width:20px;height:20px;background-color:#363e50;border-radius:50%;position:absolute;top:0;margin-top:-8px;right:-1px}
.clients-grid .border-box{border:1px solid #eee;margin-left:-1px;margin-bottom:-1px;-webkit-transition:box-shadow .3s;-moz-transition:box-shadow .3s;-ms-transition:box-shadow .3s;transition:box-shadow .3s}
.clients-grid .border-box a{display:block;margin-left:auto;margin-right:auto}
.clients-grid .border-box img{padding:30px 50px;display:block;margin-left:auto;margin-right:auto;width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.clients-grid .border-box img:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.clients-grid .border-box:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.clients-grid.grid-gutter .border-box{margin-bottom:30px}
@media (max-width: 991px) {
.clients-grid.gutter .border-box{margin-bottom:30px}
}
.gallery-thumb .flex-viewport li img{width:100%}
.gallery-thumb .flex-control-thumbs{margin:-35px 0 0}
.gallery-thumb .flex-control-thumbs li{width:70px;float:none;margin:0 5px}
.gallery-thumb .flex-control-thumbs img{width:70px;height:70px!important;border-radius:50%;background:#fff;padding:5px;opacity:1;z-index:100;position:relative}
.gallery-thumb .flex-direction-nav a{opacity:1;top:auto;bottom:45px;text-align:center}
.gallery-thumb .flex-direction-nav .flex-prev{left:15px}
.gallery-thumb .flex-direction-nav .flex-next{right:15px}
.gallery-thumb .flex-direction-nav a.flex-prev::before,.gallery-thumb .flex-direction-nav a.flex-next::before{font-family:'Material Icons';font-size:20px;color:#fff}
.gallery-thumb .flex-direction-nav a.flex-prev::before{content:'arrow_back'}
.gallery-thumb .flex-direction-nav a.flex-next::before{content:'arrow_forward'}
@media screen and (max-width: 370px) {
.gallery-thumb .flex-control-thumbs li{width:50px}
.gallery-thumb .flex-control-thumbs img{width:50px;height:50px!important}
}
.food-menu-category{padding-bottom:35px}
.food-menu-category .food-menu-wrapper{-webkit-transition:box-shadow .3s ease-out;-moz-transition:box-shadow .3s ease-out;-o-transition:box-shadow .3s ease-out;-ms-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out}
.food-menu-category:hover .food-menu-wrapper{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.food-menu-intro{padding:24px}
.food-menu-intro .material-icons{font-size:40px}
.food-menu-list{padding:30px}
.food-menu{border-bottom:1px dotted rgba(255,255,255,0.5);padding:0 0 15px;margin:0 0 15px}
.food-menu-title{margin-bottom:5px}
.food-menu-detail{line-height:20px}
.food-menu-price{font-style:italic}
.food-menu-price-detail{position:relative;text-align:right}
.food-menu-label{background:#fff8f1;color:#363e50;display:inline-block;padding:0 10px;font-style:italic;font-size:13px;float:right;position:relative}
i[class^="flaticon-"]{line-height:50px;display:inline-block}
i[class^="flaticon-"]:before{font-size:45px;margin-left:0}
nav{background-color:transparent}
nav ul,nav ul li{float:none}
nav ul li:hover,nav ul li.active{background-color:transparent}
nav ul a{font-size:inherit}
@media only screen and (min-width: 1200px) {
.container{width:1170px}
}
@media only screen and (max-width: 749px) {
.container{width:100%}
}
@media only screen and (max-width: 601px) {
.container{width:90%}
}
.container .row,.container-fluid .row{margin-bottom:0}
.container .row{margin-right:-15px;margin-left:-15px}
.row .col{padding-right:15px;padding-left:15px}
.carousel{height:auto}
#owl-demo .section img{display:block;width:100%;height:auto}
.button-style .btn,.button-style .btn-large{margin-right:30px;margin-bottom:30px}
.button-style .btn-floating i{height:auto!important}
@media (max-width: 767px) {
.equal-height-column{height:auto!important}
}
.tt-animate i{text-align:center;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.tt-animate i::before{speak:none;display:block;-webkit-font-smoothing:subpixel-antialiased!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}
.tt-animate.ltr i:hover::before{-webkit-animation:LeftToRight .3s forwards;-moz-animation:LeftToRight .3s forwards;animation:LeftToRight .3s forwards}
.tt-animate.ltr i:before{-webkit-animation:RightToLeft .3s forwards;-moz-animation:RightToLeft .3s forwards;animation:RightToLeft .3s forwards}
.tt-animate.btt i:hover::before{-webkit-animation:BottomToTop .3s forwards;-moz-animation:BottomToTop .3s forwards;animation:BottomToTop .3s forwards}
.tt-animate.btt i:before{-webkit-animation:TopToBottom .3s forwards;-moz-animation:TopToBottom .3s forwards;animation:TopToBottom .3s forwards}
@-webkit-keyframes LeftToRight {
49%{-webkit-transform:translate(100%)}
50%{opacity:0;-webkit-transform:translate(-100%)}
51%{opacity:1}
}
@-moz-keyframes LeftToRight {
49%{-moz-transform:translate(100%)}
50%{opacity:0;-moz-transform:translate(-100%)}
51%{opacity:1}
}
@keyframes LeftToRight {
49%{transform:translate(100%)}
50%{opacity:0;transform:translate(-100%)}
51%{opacity:1}
}
@-webkit-keyframes RightToLeft {
49%{-webkit-transform:translate(100%)}
50%{opacity:0;-webkit-transform:translate(-100%)}
51%{opacity:1}
}
@-moz-keyframes RightToLeft {
49%{-webkit-transform:translate(-100%)}
50%{opacity:0;-webkit-transform:translate(100%)}
51%{opacity:1}
}
@keyframes RightToLeft {
49%{-webkit-transform:translate(100%)}
50%{opacity:0;-webkit-transform:translate(-100%)}
51%{opacity:1}
}
@-webkit-keyframes BottomToTop {
49%{-webkit-transform:translateY(-100%)}
50%{opacity:0;-webkit-transform:translateY(100%)}
51%{opacity:1}
}
@-moz-keyframes BottomToTop {
49%{-moz-transform:translateY(-100%)}
50%{opacity:0;-moz-transform:translateY(100%)}
51%{opacity:1}
}
@keyframes BottomToTop {
49%{transform:translateY(-100%)}
50%{opacity:0;transform:translateY(100%)}
51%{opacity:1}
}
@-webkit-keyframes TopToBottom {
49%{-webkit-transform:translateY(-100%)}
50%{opacity:0;-webkit-transform:translateY(100%)}
51%{opacity:1}
}
@-moz-keyframes TopToBottom {
49%{-moz-transform:translateY(-100%)}
50%{opacity:0;-moz-transform:translateY(100%)}
51%{opacity:1}
}
@keyframes TopToBottom {
49%{transform:translateY(-100%)}
50%{opacity:0;transform:translateY(100%)}
51%{opacity:1}
}
.device-mockup{position:relative;width:100%;padding-bottom:61.775701%}
.device-mockup > .device{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-image:url(assets/img/device-mockups/macbook.png)}
.device-mockup > .device > .screen{background-color:#000;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);position:absolute;top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%;overflow:hidden}
.device-mockup[data-device="ipad"],.device-mockup[data-device="ipad"][data-orientation="portrait"]{padding-bottom:128.406276%}
.device-mockup[data-device="ipad"][data-orientation="landscape"]{padding-bottom:79.9086758%}
.device-mockup[data-device="ipad"] > .device,.device-mockup[data-device="ipad"][data-color="black"] > .device,.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="black"] > .device{background-image:url(assets/img/device-mockups/ipad_port_black.png)}
.device-mockup[data-device="ipad"][data-color="white"] > .device,.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="white"] > .device{background-image:url(assets/img/device-mockups/ipad_port_white.png)}
.device-mockup[data-device="ipad"][data-orientation='landscape'] > .device,.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="black"] > .device{background-image:url(assets/img/device-mockups/ipad_land_black.png)}
.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="white"] > .device{background-image:url(assets/img/device-mockups/ipad_land_white.png)}
.device-mockup[data-device="ipad"] > .device > .screen,.device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .screen{top:12.025723%;bottom:12.154341%;left:13.45995%;right:13.45995%}
.device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .screen{top:13.87755102%;bottom:13.87755102%;left:11.5459883%;right:11.5459883%}
.screenshot-carousel-wrapper .carousel-control{top:50%;margin-top:-35px;text-shadow:none;filter:alpha(opacity=100);opacity:1;width:70px;height:70px;font-size:40px;line-height:70px;background:#fff;background-image:none!important;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.screenshot-carousel-wrapper .carousel-control:hover{color:#fff;background:#81c784;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
@media screen and (min-width: 850px) {
.screenshot-carousel-wrapper .carousel-control.left{left:-70px}
.screenshot-carousel-wrapper .carousel-control.right{right:-70px}
}
@media screen and (max-width: 767px) {
.screenshot-carousel-wrapper .carousel-control{margin-top:-20px;width:40px;height:40px;font-size:24px;line-height:40px}
}
.subscription-success{color:#fff;line-height:24px;margin-top:20px}
.has-header-search .menuzord-menu{margin-right:30px}
.search-trigger{position:absolute;right:10px;top:0;cursor:pointer;z-index:200}
.search-trigger:focus{outline:none}
.search-trigger i{font-size:18px;line-height:102px;color:#202020;position:absolute;top:0;left:0;right:0;text-align:center;margin:0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
@media (min-width: 769px) {
.search-trigger.light i{color:#fff}
.search-trigger.dark i{color:#202020}
.sticky .search-trigger.light i{color:#999}
.sticky .search-trigger.light.semidark i{color:#fff}
}
.search-trigger i:hover{color:#363e50}
.tt-nav.sticky .search-trigger i.material-icons{line-height:62px}
.search-trigger .search-btn{padding:0;outline:0;width:40px;height:40px;margin-top:30px;border-radius:50%;box-sizing:border-box;transform-origin:50%;-webkit-transition:all .7s cubic-bezier(0.4,0,0.2,1);-moz-transition:all .7s cubic-bezier(0.4,0,0.2,1);-ms-transition:all .7s cubic-bezier(0.4,0,0.2,1);-o-transition:all .7s cubic-bezier(0.4,0,0.2,1);transition:all .7s cubic-bezier(0.4,0,0.2,1)}
.search-trigger .search-btn:active,.search-trigger .search-btn:focus{outline:none}
.search-trigger .icon-search,.search-trigger .search-close{-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}
.icon-search{position:absolute;top:18px;left:20px;font-size:28px}
.search-close{position:fixed;top:35px;right:35px;color:rgba(255,255,255,0.9);font-size:30px;visibility:hidden;-webkit-transform:translate(10px,0) rotate(90deg);-moz-transform:translate(10px,0) rotate(90deg);-ms-transform:translate(10px,0) rotate(90deg);-o-transform:translate(10px,0) rotate(90deg);transform:translate(10px,0) rotate(90deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1001;cursor:pointer}
.search-close:hover{color:#fff}
.search-form-wrapper{position:relative}
.search-form-wrapper .search-button{position:absolute;top:30px;right:0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:40px;height:40px;font-size:14px;text-align:center;line-height:40px;padding:0}
.search-form-wrapper .input-field label,.search-form-wrapper .input-field input[type=text]{color:#fff;font-size:17px}
.search-form-wrapper .input-field label.active{font-size:12px}
.search-form-wrapper form{position:absolute;top:150px;left:0;right:0;bottom:0;display:block;pointer-events:none;-moz-opacity:0;-webkit-opacity:0;opacity:0;visibility:hidden;-webkit-transform:translate(40px,0);-moz-transform:translate(40px,0);-ms-transform:translate(40px,0);-o-transform:translate(40px,0);transform:translate(40px,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1000}
.active-search{overflow:hidden}
.active-search .search-form-wrapper form,.active-search .search-close{-moz-opacity:1;-webkit-opacity:1;opacity:1;visibility:visible;pointer-events:all;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.active-search .search-trigger .icon-search{-moz-opacity:0;-webkit-opacity:0;opacity:0;visibility:hidden}
.active-search .search-trigger .search-btn{position:relative;cursor:default;z-index:300;background-color:rgba(3,169,244,0.9);-webkit-transform:scale(90);-moz-transform:scale(90);-ms-transform:scale(90);-o-transform:scale(90);transform:scale(90)}
@media screen and (max-width: 768px) {
.search-trigger i{line-height:52px}
.search-trigger .search-btn{margin-top:6px}
}
#preloader{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;z-index:999999;text-align:center}
#preloader .preloader-position{width:100%;margin:0 auto;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#preloader .progress{height:2px;margin:35px 0}
#preloader .progress .indeterminate{background:#363e50}
.block-responsive#header .dotted{z-index:3}
.block-responsive#header .img-background{z-index:2;width:100%!important}
.block-responsive#header{position:relative;color:#c2c2c2}
.block-responsive#header .header-inner{position:absolute;-moz-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%);z-index:8;left:0;right:0;text-align:center;font-size:1em;bottom:50%}
.block-responsive#header .header-inner .page-title{margin:.2em;color:#202020!important;font-weight:700;background:transparent;font-weight:900!important;font:normal 60px Raleway,sans-serif;font-family:Gotham-Ultra}
.block-responsive#header .header-inner .page-desc{display:block;font-size:.675em;line-height:1.5em;color:#202020!important;font:normal 16px/1.5 Raleway,sans-serif;font-family:RalewayR}
#header .header-inner .page-desc{font-size:17px!important}
@media screen and (max-width:320px) {
.block-responsive#header .header-inner .page-desc{font-size:.875em;margin-bottom:30px}
.block-responsive#header .header-inner .page-title{font-size:10.05em;margin-bottom:10px}
br.brindex{display:none}
#header.block-responsive .header-inner{top:20px}
.icon-mouse{display:none}
.navbar-fixed-top{margin-top:-10px}
}
@media screen and (max-width: 585px) {
.block-responsive#header .header-inner .page-desc{line-height:1}
.block-responsive#header .header-inner .page-title{font-size:1.25em}
}
@media screen and (min-width: 586px) {
.block-responsive#header .header-inner .page-title{font-size:1.45em}
.block-responsive#header .header-inner .page-desc{font-size:1.5em;width: 90%;margin: auto;}
}
@media screen and (max-width: 777px) {
	.btn-tu-van{display: none;}
	.btn-tu-van-mobile{display: block!important;}
}
@media screen and (min-width: 777px) {
.block-responsive#header .header-inner .page-title{font-size:2.75em}
}
@media screen and (min-width: 1024px) {
.block-responsive#header .header-inner .page-title{font-size:3.125em}
.block-responsive#header .header-inner .page-desc{font-size:1.5em;width: 650px;margin: auto;}
}
@media screen and (min-width: 1140px) {
.block-responsive#header .header-inner .page-title{font-size:52px}
}
@media screen and (min-width: 1601px) {
.block-responsive#header .header-inner{top:auto}
}
#page-content{margin-top:4.625em}
#index-testimonials .content-sub-title,#page-content .content-title,#page-content .content-sub-title{text-align:center}
#index-testimonials .content-sub-title,#page-content .content-title{font-size:3.4285714285714em;font-weight:lighter;color:#403e3e}
#index-testimonials .content-sub-title,#page-content .content-sub-title{margin-bottom:4.625em;font-size:1em}
#index-testimonials .content-sub-title span,#page-content .content-sub-title span{border-bottom:solid 1px #dcb924;line-height:1.43em}
.no-margin-top{margin-top:0!important}
#meet-our-team{padding-top:4.625em;padding-bottom:70px}
#index-expertises{margin-top:4.625em}
#index-expertises .ul-exp{font-size:0;margin:0;padding:0;list-style:none}
#index-expertises .ul-exp i{font-size:72px;color:#dcb924}
#index-expertises .ul-exp > li{text-align:center;padding:171px 0;border-top:solid 1px #f0f0f0;font-size:14px;position:relative;height:480px;overflow:hidden;-webkit-transition:all 1s ease .2s;-moz-transition:all 1s ease .2s;transition:all 1s ease .2s}
#index-expertises .ul-exp > li a{display:block;text-decoration:none;color:#252525}
#index-expertises .ul-exp > li:hover{background:#252525;color:#959595;z-index:87;border-right-color:transparent!important;border-top-color:transparent!important;padding:80px 0;position:relative;transform:scale(1.12)}
#index-expertises .ul-exp > li:hover .textt{padding-bottom:30px;-webkit-transition:all 1s ease .2s;-moz-transition:all 1s ease .2s;transition:all 1s ease .2s}
#index-expertises .ul-exp-link{display:none!important;font-size:18px;padding-top:45px;transition:all 1s ease .2s;-moz-transition:all 1s ease .2s;-webkit-transition:all 1s ease .2s}
#index-expertises li:hover .ul-exp-link{display:block!important}
#index-expertises .ul-exp-link i{font-size:18px}
#index-expertises .ul-exp-item{width:70%;text-align:center;display:block;margin:auto;overflow:hidden;visibility:hidden;opacity:0;height:0;-webkit-transition:all 1s ease .2s;-moz-transition:all 1s ease .2s;transition:all 1s ease .2s}
#index-expertises .ul-exp li:hover > .ul-exp-item{display:block;height:auto;opacity:1;line-height:1.44em;visibility:visible}
#index-expertises .ul-exp > li:hover .textt{color:#fff}
@media all and (min-width: 572px) {
.work-item{width:50%}
#index-expertises .ul-exp > li{width:50%;display:inline-block}
#index-expertises .ul-exp > li:nth-of-type(2n-1){border-right:solid 1px #f0f0f0}
}
@media all and (min-width: 1000px) {
.navbar-brand{margin-top:-24px}
}
@media all and (min-width: 1010px) {
#index-expertises .ul-exp > li{width:33.3333333%;padding:179px 0}
#index-expertises .ul-exp > li:hover .textt{margin-top:40px}
#index-expertises .ul-exp > li:nth-of-type(2n-2){border-right:solid 1px #f0f0f0}
}
@media all and (min-width: 1200px) {
#index-expertises .ul-exp > li{width:20%}
}
@media all and (max-width: 350px) {
.work-item{width:100%}
.share-f li{margin:0 6px!important}
}
.textt{color:#252525;font-size:16px;display:block;font-weight:700;text-transform:uppercase;margin-top:48px}
.sub-ctc{transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s}
.sub-ctc:hover{border-color:#dcb924;background:#dcb924}
.sub-ctc.sub-ctc1{color:#fff;border:solid 2px #fff;margin-top:47px}
.sub-ctc.sub-ctc1 i{color:#fff}
.sub-ctc.sub-ctc1:hover{background:rgba(220,185,36,.5);border:solid 2px #fff}
.handl .home #header{padding-bottom:66.25%}
.work-item .img-responsive{width:100%}
.home .block-responsive#header .header-inner .page-title{margin-top:.1016em}
@media all and (max-width: 1023px) {
.home .block-responsive#header .header-inner .page-desc{margin-top:-1px;font-size:.95em}
}
.dotted{background:rgba(255,255,255,.6)}
.block-responsive{position:relative;padding-bottom:37.5%;height:0;overflow:hidden}
#header-video,.block-responsive.fluid-16-9{padding-bottom:56.25%;height:0!important}
.block-responsive .block-item{position:absolute;top:0;left:0;width:100%;height:100%}
.block-responsive.gmap{padding-bottom:30%}
.logo-f{margin:auto;display:block;padding-top:104px}
.share-f li{list-style:none;display:inline-block;margin:0 25px;margin-bottom:25px}
.share-f{display:block;text-align:center;margin:0;padding:0;margin-top:22px}
.text-bq{font-size:16px;color:#666;width:100%;text-align:center;display:block;margin-top:14px}
.text-cont{height:68px;background:#f0f0f0;border:none;box-shadow:none;position:relative;padding:10px;padding-left:40px;font-size:16px;color:#ccc;font-weight:700;margin-bottom:32px;border-radius:0;outline:solid 1px transparent}
.text-cont::-webkit-input-placeholder{color:#ccc;text-transform:uppercase}
.text-cont::-moz-input-placeholder{color:#ccc;text-transform:uppercase}
.text-cont:focus,.text-cont-area:focus{box-shadow:none;outline:solid 1px #dcb924;background:#f0f0f0;-webkit-transition:outline .6s;-moz-transition:outline .6s;transition:outline .6s}
.box-cont{height:100%;display:block;width:100%;position:relative;float:left}
.email-i-c:after{position:absolute!important;content:""!important;width:18px!important;height:15px!important;background:url(../picture/icon-mail.png)!important;display:block!important;top:23px!important;left:30px!important}
.phone-i-c:after{position:absolute!important;content:""!important;width:20px!important;height:19px!important;background:url(../picture/icon-phone.png)!important;display:block!important;top:23px!important;left:30px!important}
.chat-i-c:after{position:absolute!important;content:""!important;width:18px!important;height:19px!important;background:url(../picture/icon-chat.png)!important;display:block!important;top:23px!important;left:30px!important}
.text-cont-area{background:#f0f0f0;border:none;box-shadow:none;position:relative;padding:10px;padding-left:40px;font-size:16px;padding-top:24px;color:#ccc;font-weight:700;max-width:100%;min-height:140px;margin-bottom:50px;outline:solid 1px transparent}
.text-cont-area::-webkit-input-placeholder{color:#ccc;text-transform:uppercase}
.text-cont-area::-moz-input-placeholder{color:#ccc;text-transform:uppercase}
.sub-ctc{font-size:14px;color:#252525;text-transform:uppercase;font-weight:700;background:rgba(204,204,204,0);border-radius:5px;border:solid 2px #252525;padding:12px 25px;display:block;margin:auto;outline:none}
.sub-ctc i{font-size:24px}
.dl-c{font-size:14px;color:#252525;text-align:center;display:block;margin-top:80px;margin-bottom:150px}
.dl-c:hover{color:#252525}
.box-cont-t{margin-top:32px}
.bg-text{background:#f0f0f0;width:100%;padding-bottom:120px;padding-top:94px}
.text-about{text-align:center;display:block;font-size:24px;color:#252525}
.form-mem{position:relative;overflow:hidden;margin-bottom:30px}
.form-mem:hover .box-hover{opacity:1;visibility:visible;top:0}
.form-mem .about-me{bottom:1.875em;position:absolute;display:block;left:50%;margin-left:-.5em}
.box-hover{-moz-transition:all ease .5s;-webkit-transition:all ease .5s;position:absolute;z-index:6;background:rgba(220,185,36,0.9);text-align:center;opacity:0;visibility:hidden;width:100%;height:100%;top:-100%}
.img-mem{width:100%;height:auto}
.mem-list-item{transition:all 1s}
@media all and (min-width: 522px) {
.mem-list-item{width:50%}
}
@media all and (min-width: 1209px) {
.mem-list-item{width:25%}
}
.text-h-1{display:inline-block;text-align:center;font-weight:700;font-size:16px;color:#252525;text-transform:uppercase;margin-top:50px;border-bottom:solid 1px #252525}
.text-h-2{display:block;font-size:14px;color:#252525;font-style:italic}
.text-h-gt{font-size:14px;color:#252525;padding:0 20px;display:block;margin-top:30px;line-height:24px;max-height:4.8em;overflow:hidden}
.box-hover a{text-decoration:none}
.box-hover .about-me i{color:#252525;display:block;line-height:47px}
.img-team{width:100%;height:auto}
.box-team{text-align:center;position:absolute;top:18.5%;width:100%;height:100%;vertical-align:middle}
@media all and (min-width: 975px) {
.box-team-small{top:28.5%!important}
}
.box-team i{color:#dcb924}
.team-1-text{font-size:48px;color:#fff;font-weight:400}
.team-2-text{font-size:24px;color:#c2c2c2;display:none;margin-top:22px}
@media all and (min-width: 625px) {
.box-team{top:6.5%}
.team-2-text{display:block}
}
@media all and (min-width: 918px) {
.box-team{top:32.5%}
}
.text-join{font-size:24px;color:#fff;display:block;font-weight:700;text-transform:uppercase}
.cv-your{font-size:16px;color:#c2c2c2;display:block;margin-top:5px}
.bg-team-1{width:100%;height:482px;background:#f0f0f0;position:relative;clear:both}
.bg-team{position:relative}
.box-our{background:#fff}
#index-testimonials .content-title,.text-our{font-size:48px;color:#403e3e;font-weight:lighter;margin:0;text-align:center;display:block;padding:40px 0}
.index-testimonails-inner{position:relative}
.index-testimonails-inner .pagination{top:0}
#index-box-our{background:#fff}
.ul-our{margin:0;padding:0;font-size:0;list-style:none}
.ul-our li{text-align:center;position:relative;overflow:hidden;height:150px;line-height:150px;border-bottom:solid 1px #ebebeb}
@media all and (min-width: 529px) {
.ul-our li{display:inline-block;width:50%;border-left:solid 1px #ebebeb}
.ul-our li:nth-child(2n+1){border-left:0}
.ul-our li:nth-last-child(2),.ul-our li:nth-last-child(1){border-bottom:0}
}
@media all and (min-width: 800px) {
.ul-our li:nth-child(n){width:33.3333333%;border-left:solid 1px #ebebeb}
.ul-our li:nth-child(3n+1){border-left:0}
.ul-our li:nth-last-child(3){border-bottom:0}
}
@media all and (min-width: 1005px) {
.box-our{padding-bottom:45px;margin-top:-60px}
#index-box-our{padding-bottom:60px;background:#f0f0f0}
}
@media all and (min-width: 1258px) {
.ul-our li:nth-child(n){width:20%;border-left:solid 1px #ebebeb}
.ul-our li:nth-child(5n+1){border-left:0}
.ul-our li:nth-last-child(5),.ul-our li:nth-last-child(4){border-bottom:0}
}
.bg-team-2{width:100%;min-height:546px;position:relative;overflow:hidden}
#index-testimonials .content-title{padding-top:88px;padding-bottom:0}
.index-testimonails-inner .swiper-container{padding-top:0;cursor: pointer;}
.slideto{display:block;text-align:center;position:relative}
.input{display:none}
.label1{width:10px;height:10px;background:#d3d3d3;display:inline-block!important;border-radius:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.label1:hover{background:#252525}
#div1:checked ~ #button1,#div2:checked ~ #button2{background:#252525}
.label{display:inline-block!important}
.pagination{position:absolute;text-align:center;width:100%;z-index:999}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#d3d3d3;margin:0 3px;cursor:pointer}
.swiper-visible-switch{background:#696969}
.swiper-active-switch{background:#252525}
.index-testimonails-inner .swiper-container{width: 90%;}
.box-cmt{background:#f0f0f0;border-radius:.75em;position:relative;padding-top:25px;margin:.9375em}
.text-2-cmt,.text-cmt{color:#252525;padding:.625em;display:block}
.text-2-cmt{font-size:.75em;color:#959595}
.img-cmt{position:absolute;top:0;margin-top:-35px;margin-left:18px;left:50%}
@media all and (min-width: 734px) {
.img-cmt{top:50%;left:0}
.box-cmt{padding:25px 30px;padding-left:105px}
.text-2-cmt,.text-cmt{padding:0!important;font-size: 13px;}
}
.text-cmt p{line-height: 23px}
.ul-header-exper li{list-style:none;display:inline-block;margin:0 3.45%;padding:0}
.ul-header-exper i{color:#fff}
.ul-header-exper{padding:0;margin-top:2em}
.text-1-per{font-size:48px;color:#252525}
.text-2-per{color:#959595;font-size:16px;line-height:28px}
.ul-box-per li{line-height:28px;list-style:none}
.ul-box-per li:before{position:absolute;content:"+";display:block;left:40px}
.tron-per{background:#dcb924;border-radius:50%;margin:auto;margin-top:60px;font-size:100px;width:2.3em;height:2.3em}
.tron-per i{color:#fff;display:block;text-align:center;line-height:2.3em}
.box-per-ngc .per-left{float:right!important}
.box-per{margin-bottom:100px}
.expertises{margin-bottom:100px}
.exp-item{margin-bottom:6.25em;position:relative}
@media all and (min-width: 992px) {
.exp-item:nth-child(2n) > div{float:right}
}
.tron-proc{width:170px;height:170px;border:solid 3px #dcb924;border-radius:50%;margin:auto;position:relative}
.img-tron-proc{position:absolute;top:50%;margin-top:-40px;margin-left:-62px;left:50%}
.text-1-proc{font-size:16px;color:#252525;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-top:50px;margin-bottom:30px}
.dd{color:#dcb924}
.text-2-proc{display:block;color:#959595;font-size:16px;text-align:center;line-height:32px;padding:0 12px}
.form-grid{margin-bottom:150px}
.processs{margin-top:130px!important;display:block}
.box-pic{width:100%;height:auto;position:relative;overflow:hidden}
.img-pic{width:100%;height:auto}
.div-hover{width:100%;height:100%;background:rgba(0,0,0,0.75);position:absolute;top:0;left:0;text-align:center;opacity:1;visibility:hidden;-webkit-transform:scale(0);-webkit-transition:all ease 1s;-moz-transform:scale(0);-moz-transition:all ease 1s}
.box-pic:active .div-hover,.box-pic:hover .div-hover{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);visibility:visible;-webkit-user-select:none;-webkit-touch-callout:none}
.learn i{display:inline-block;font-size:20px;position:absolute;left:19px}
.text-div-hover-1{font-weight:lighter;color:#fff;border-bottom:solid 1px #fff;display:inline-block;padding-bottom:.20833333333333em}
.text-div-hover-2{display:block;text-align:center;margin:auto;font-style:italic;color:#fff;line-height:1.875em;font-size:1em;display:none}
.learn:before{content:'.';text-indent:-9999px;height:0;display:block}
.learn{color:#fff;font-size:.875em;font-weight:700;border:solid 2px #fff;border-radius:.42857142857143em;padding:.42857142857143em .85714285714286em;display:inline-block;text-decoration:none;text-transform:uppercase;margin-top:1.2em;padding-left:4em;position:relative;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.learn:hover{color:#000;background:#fff;text-decoration:none}
.box-con-hover{position:absolute;top:50%;margin-top:-6em;text-align:center;width:100%}
@media all and (min-width: 628px) {
.text-div-hover-2{display:block;max-height:3.5em;overflow:hidden}
.learn{padding:1.1428571428571em 1.5714285714286em;padding-left:4em}
}
@media all and (min-width: 957px) {
.text-div-hover-1{font-size:43px}
.text-div-hover-2{max-height:auto}
}
@media all and (min-width: 1200px) {
.text-div-hover-1{font-size:3em}
.learn{margin-top:2.5714285714286em}
.box-con-hover{margin-top:-8.4em}
}
.swiper-slide{float:left;width:49%}
.footer-intro a{color:#fff;    font-family: sans-serif;}
.footer-intro p{margin:0 auto 40px}
.chat-button{position:fixed;bottom:30px;right:90px;display:block;z-index:998;background:#fff;color:rgba(14,122,232,1);border-radius:100px;height:50px;width:50px;line-height:1.5;box-shadow:0 0 5px 1px rgba(14,122,232,0.63);display:none}
.chat-button:hover{background:#0e7ae8;color:#fff}
.invitation_message{position:fixed;bottom:33px;right:123px;height:37px;display:flex;justify-content:flex-end;align-items:center;z-index:9999;cursor:pointer;display:none}
.invitation_message:after{border:.5em solid transparent;border-color:transparent transparent transparent #ED145B;display:block;position:absolute;content:"";right:-14px;top:50%;transform:translate(0,-50%)}
#invitation_message_text{color:#fff;background:#ED145B;border-radius:.3em;padding:.7em .9em;max-height:50px;line-height:1.25em;overflow:hidden;display:block;border:1px solid rgba(0,0,0,.07);box-shadow:0 0 2px rgba(0,0,0,0.3);font-size:13px;top:50%;width:200px;z-index:10000}
.chatter{position:fixed;bottom:0;right:0;z-index:998;background:transparent;color:rgba(14,122,232,1);/*border-radius:100px;*/height:120px;width:120px;line-height:1.5;/*box-shadow:0 0 2px 1px rgba(255,255,255,0.63);*/display:none;cursor:pointer}
.chatter-icon{width:120px;height:120px}
#iframe-google-mini{display:none}
.modal-dialog{width:762px;margin:0}
.modal-content{border:none;background:#faf0bc}
.modal{padding:0;width:761px;max-height:90%;z-index:1050}
.modal-backdrop.in{padding:0;width:761px}
@media screen and (max-width: 480px) {
#iframe-google-mini{display:block}
#iframe-google{display:none}
.modal-dialog{width:100%;margin:0}
}
@media only screen and (min-width: 300px) and (max-width: 520px) {
.invitation_message{right:128px}
#invitation_message_text{width: 200px;}
.swiper-slide{width: 100%;
    margin-bottom: 20px;}
.block-responsive#header .header-inner .page-title{    font-size: 1.55em;}    
#header .header-inner .page-desc{font-size: 14px!important;}
.block-responsive#header{min-height: 260px; background: #eee}
#header.block-responsive .header-inner{top: 43px;bottom: 100%}
.block-responsive#header .header-inner .page-desc{line-height: 1.4;width: 90%;margin: 0 auto;}
video{display: none;}
.section-padding{padding: 40px 0;}
.header-sticky .container{padding: 0; margin: 0;width: 100%}
.tt-nav .logo-brand img{margin-left: 3px;}
.has-header-search .menuzord-responsive .showhide{margin-right: 15px;}
.header-sticky.light-header {height: 48px;}
.tt-nav.sticky .logo-brand{margin-top: 2px;}
}
@media only screen and (max-width: 480px) {
.chatter-icon{width:60px;height:60px}
.chatter{width:60px;height:60px}
.invitation_message{right:77px;bottom:10px}
}
@media only screen and (min-width: 361px) and (max-width: 395px) {
#invitation_message_text{width:200px}
}
@media (max-width: 769px) {
.tt-nav .logo-brand img{height:46px;padding:6px}
.block-responsive#header{margin-top:50px}
.section-title{font-size:30px}
}
.nav-pills a.waves-effect.waves-light{padding: 19px;}
.nav-pills a.waves-effect.waves-light img{width: 45px;}
.nav-pills li .img-white{display: none;}
.nav-pills li .img-blue{display: block;}
.nav-pills li.active .img-white{display: block;}
.nav-pills li.active .img-blue{display: none;}
.search-wrapper{display: none;}
.swiper-button-prev,.swiper-button-next{background-image: url(Button-L.png);background-size: 32px 32px;margin-top: 0}
.swiper-button-prev{
	-o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.swiper-button-next{-moz-transform: scaleX(-1) translateY(-50%);
    -o-transform: scaleX(-1) translateY(-50%);
    -webkit-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
    filter: FlipH;
    -ms-filter: "FlipH";}
.section-even{background-color: #F2F2F2;text-align: justify;}
.section-old{background-image: url(assets/Dich-vu-page/bg.jpg);text-align: justify;}
.section-even img,.section-old img{width: 100%}
.section-even ul,.section-old ul{padding-left: 17px;margin-bottom: 0;}
.section-even li,.section-old li{list-style-type: circle;}
.section-1{padding-top: 125px;}
.section-1 .col-md-6{text-align: center;}
.section-1-div{    padding: 54px 101px 0 67px;text-align: justify;}
.section-2 .col-md-5{text-align: center;}    
.section-5 .col-md-6.img-div{text-align: center;}    
.section-2-div{padding: 0 50px 0 0;}
.font-32{font-size: 32px;}
.section-3-div{    padding: 0 80px 0 0;}
.section-5-div{    padding: 0 80px 0 0;}
.img1-2{width: 90%!important}
.img2-1{width: 80%!important}
.img2-2{width: 90%!important}
.row-img-2-2{text-align: center;margin-top: 20px;}
.img-5{width: 70%!important}
.img-3{width: 90%!important;margin-top:-28px;}
@media screen and (max-width: 1024px) {
.section-1-div{padding: 54px 69px 0 33px;}
.section-3 h2{padding: 0; text-align: left;}
.section-3-div{    padding: 0 34px 0 0;}
.section-5-div{    padding: 0 30px 0 0;}
}
@media screen and (max-width: 768px) {
	.section-even, .section-old{padding: 40px 0;}
	.section-1{padding-top: 90px;}
	.section-even img,.section-old img{width: 70%}
	.section-even .row,.section-old .row{width: 90%;margin: auto;}
	.img1-1{padding-left: 28px;}
	.img1-2{width: 45%!important;    margin-top: 30px;}
	.img2-1{width: 50%!important}
	.img-5{width: 50%!important}
	.section-1-div{padding: 30px 0 30px 0;}
	.section-2 h2,.section-3 h2,.section-4 h2,.section-5 h2,.section-6 h2{margin-top: 30px;text-align: left;}
	.section-2-div{padding: 0 0 30px 0;}
	.section-3 h2{padding: 0;}
	.section-3-div{    padding: 0 0 30px 0;}
	.section-5-div{    padding: 0 0 30px 0;}
	.section-3 .col-md-6.img-div{text-align: center;}    
	.section-4 .col-md-7{text-align: center;}    
	.section-6 .col-md-7{text-align: center;} 
}
@media screen and (max-width: 480px) {
	.section-even img,.section-old img{width: 100%}
	.img1-2{width: 100%!important;    margin-top: 0;}
	.img2-1{width: 100%!important}
	.img-5{width: 100%!important}
	.img2-2{display: none;}
	.img2-2-mobile{display: block!important;}
	.swiper-button-prev{left: 0}
	.swiper-button-next{right: 0}
	.box-cmt{padding-top: 82px;text-align: center;}
	.img-cmt{margin: 0;-moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);margin-top: 13px;}
  .text-cmt{padding-bottom: 0;}
  .index-testimonails-inner .swiper-container{width: 84%}
	.section-even .row,.section-old .row{width: 100%;margin: auto;}
	.dich-vu-container{width: 100%}
		.section-2 h2,.section-3 h2,.section-4 h2,.section-5 h2,.section-6 h2{font-size: 30px;}
	.max-width-mobile{width: 100%!important;padding:0;}
}
.row-img-2-2{position: relative;}
.video-icon{position: absolute;}