@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(animate.css);
@import url(jquery.fullpage.css);
@import url(../fancybox/jquery.fancybox.css);
@import url(../mCustomScrollbar/jquery.mCustomScrollbar.min.css);
@import url(../fonts/OstrichSans-Black/styles.css);
@import url(../fonts/TUVDomaineDisplay/styles.css);
@import url(../fonts/UTMAvo/styles.css);
@import url(../fonts/UTMSwissCondensed/styles.css);
@import url(../fonts/SFUHelveticaCondensedLight/styles.css);
@import url(../fonts/SFUHelveticaCondensedBold/styles.css);
@import url(../fonts/MyriadPro-Regular/styles.css);
@import url(../fonts/MyriadPro-Bold/styles.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext,vietnamese'); /*font-family: 'Roboto Condensed', sans-serif;*/
#loader {
    z-index: 9999;
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border-radius: 15%;
    color: #ed1c24;
    color: #fff;
    text-align: center;
    transition: all 0.3s;
    font-size: 28px !important;
    background: #00b0ef;
}

html, body {
    font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
    color: #000;
    background: #fff; /*font-size: 18px;*/
}

header{
    max-width: 100%;
    height: 120px;
}
.bg-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

a, a:active, a:hover, a:focus, a:visited, [onclick], .btn, .btn:active, .btn:hover, .btn:focus, .btn:visited, button, button:active, button:hover, button:focus, button:visited {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    outline: none !important;
    transition: all 0.3s;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}

span[style] {
    font-family: inherit !important;
    font-size: inherit !important;
}

p {
    margin-bottom: 0.75rem;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
}

.img img {
    width: 100%;
}

.img video {
    width: 100%; /*height: 100%;*/
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.bold {
    font-weight: bold;
}

.pd0 {
    padding: 0 !important;
}

#fp-nav ul li a span {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, .75);
}

#fp-nav ul li .fp-tooltip.right {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 12px;
}

.scrolldown {
    position: fixed;
    bottom: 5px;
    z-index: 9;
    left: 50%;
    margin-left: -11px;
}
.fp-viewing-12 .scrolldown{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.fp-viewing-12 .scrolldown img{
    /*display: none;*/
    -moz-transform: rotate(180deg);
    /* Opera 10.5 */
    -o-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
    -webkit-transform: rotate(180deg);
    /* Standard */
    transform: rotate(180.0deg);
}

.container-fluid, .container {
    position: relative;
}

.section {
    overflow: hidden !important;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color:#00b0ef; /* in case the video doesn't fit the whole page*//*background-image: url("../images/sec0.jpg")!* our video *!;*/
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index: 3;
}

.btn-video {
    color: #fff !important;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 9;
    width: 1rem;
    height: 1rem;
    text-align: left;
    cursor: pointer;
    right: 0;
    margin-right: 11rem;
    top: 2.5rem;
}

.btn-video i {
    display: block;
    font-size: 1rem;
    cursor: pointer;
}

#section0 .layer {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 43%;
    top: 20%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*video::-webkit-media-controls{*//*display:none !important;*//*}*/
header {
    top: 0;
    position: fixed;
    z-index: 9;
    width: 100%;
}

.logo {
    position: absolute;
    width: 135px;
    width: 9rem;
    left: 45px;
    left: 3rem;
    top: 20px;
    top: 1.333333333333333rem;
    z-index: 9;
}

.fp-viewing-0 .logo {
    visibility: visible;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.logo .wap-logo {
    display: block;
    position: relative;
}

.logo .wap-logo .mask {
    border-radius: 100px;
    opacity: 0.5;
    content: " ";
    position: absolute;
    top: -0%;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(147, 206, 222, 0);
    background: -moz-linear-gradient(left, rgba(147, 206, 222, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(73, 165, 191, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(147, 206, 222, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(73, 165, 191, 0)));
    background: -webkit-linear-gradient(left, rgba(147, 206, 222, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(73, 165, 191, 0) 100%);
    background: -o-linear-gradient(left, rgba(147, 206, 222, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(73, 165, 191, 0) 100%);
    background: -ms-linear-gradient(left, rgba(147, 206, 222, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(73, 165, 191, 0) 100%);
    background: linear-gradient(to right, rgba(147, 206, 222, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(73, 165, 191, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-btn {
    width: 2.6rem;
    position: absolute;
    right: 3.2rem;
    top: 1.5rem;
    z-index: 9;
}

.menu-btn [data-toggle] {
    width: 2.6rem;
    height: 2.6rem;
    display: block;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.menu-btn ul {
    position: absolute;
    top: 1rem;
    right: 100%;
    white-space: nowrap;
    margin-bottom: 0;
}

.menu-btn ul li {
    height: .8rem;
    white-space: nowrap;
    margin: 0;
    padding-left: .2rem;
    padding-right: .2rem;
}

.menu-btn ul li:first-child {
    border-right: 1px solid #fff;
}

.menu-btn ul li a {
    padding: 0 .5rem;
    font-size: .8rem;
    display: inline-block;
    color: #f2f2f2;
    font-weight: 100;
    line-height: 1rem;
    vertical-align: top;
    -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
}

.footer-menu {
    position: fixed;
    bottom: 1.25rem;
    right: 3.2rem;
    z-index: 10;
}

.footer-menu ul {
    margin-bottom: 0;
}

.footer-menu li {
    border-bottom: 1px solid #f2f2f2;
    margin-top: .25rem;
    -webkit-box-shadow: 0px 1px 0px rgba(150, 150, 150, 0.5);
    box-shadow: 0px 1px 0px rgba(150, 150, 150, 0.5);
}

.footer-menu li a {
    display: block;
    text-align: right;
    color: #fff;
    font-family: UTMAvo;
    font-size: 9px;
    height: 1.6rem;
    line-height: 2rem; /*text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);*/
}

.footer-menu li.share {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-menu li.share a {
    height: auto;
    line-height: 0
}

.footer-menu li.social {
    margin-top: 0;
    text-align: right;
}

.footer-menu li.social a {
    display: inline-block;
    padding-left: .5rem;
    font-size: 16px;
}

.footer-menu li a .fa[class*=fa-caret-] {
    margin-left: 3px
}

.footer-menu li.social a:first-child {
    padding-left: 0
}

.alothietke {
    margin-top: .25rem;
    position: relative;
}

.alothietke a {
    display: block;
    text-align: right;
    color: #fff;
    font-family: UTMAvo;
    font-style: italic;
    font-size: 9px;
    height: 1.6rem;
    line-height: 2rem; /*text-shadow: 1px 1px 0px #fff;*/
}

.footer-menu .copyright {
    position: relative;
    right: 100%;
    top: -0.8888888888888889rem;
    font-family: MyriadPro-Bold;
    font-size: 10px;
    color: #fff;
}

.logo-big img {
    width: 24.53333333333333em;
    margin-bottom: 2.933333333333333rem;
}

.layer .text img {
    width: 53.53333333333333rem;
    margin-top: 20vh;
}

#section0 { /*background-image: url("../images/sec0.jpg");*/
    background-color: #fff;
}

#section1 { /*background-image: url("../images/sec1.jpg");*/
    background-image: url("../images/sec1_bg.jpg");
    background-repeat: repeat;
    background-size: auto;
}

#section2 { /*background-image: url("../images/sec2.jpg");*/
    background: rgba(231, 231, 231, 1);
    background: -moz-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(192, 192, 192, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231, 231, 231, 1)), color-stop(100%, rgba(192, 192, 192, 1)));
    background: -webkit-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(192, 192, 192, 1) 100%);
    background: -o-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(192, 192, 192, 1) 100%);
    background: -ms-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(192, 192, 192, 1) 100%);
    background: linear-gradient(to bottom, rgba(231, 231, 231, 1) 0%, rgba(192, 192, 192, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#c0c0c0', GradientType=0);
}

#section3 { /*background-image: url("../images/sec3.jpg");*/
    background-color: #00a7e3;
}

#section4 { /*background-image: url("../images/sec4.jpg");*/
    background-image: url("../images/quality_bg.png");
    background-size: cover;
    background-position: center;
}

#section5 {
    background-image: url("../images/firm_bg.png");
    background-size: cover;
    background-position: center;
}

#section6 { /*background-image: url("../images/sec6.jpg");*/
    background-color: #00a7e3;
}

.fp-controlArrow.fp-next {
    right: 50px
}

.fp-controlArrow.fp-prev {
    left: 50px
}

#section7 {
    background-image: url("../images/sec7.jpg"); /* background: rgba(0,167,227,1); background: -moz-linear-gradient(45deg, rgba(0,167,227,1) 0%, rgba(0,143,195,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,167,227,1)), color-stop(100%, rgba(0,143,195,1))); background: -webkit-linear-gradient(45deg, rgba(0,167,227,1) 0%, rgba(0,143,195,1) 100%); background: -o-linear-gradient(45deg, rgba(0,167,227,1) 0%, rgba(0,143,195,1) 100%); background: -ms-linear-gradient(45deg, rgba(0,167,227,1) 0%, rgba(0,143,195,1) 100%); background: linear-gradient(45deg, rgba(0,167,227,1) 0%, rgba(0,143,195,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e3', endColorstr='#008fc3', GradientType=1 ); */
}

#section8 { /*background-image: url("../images/sec8.jpg");*/
    background-image: url("../images/sec8_bg.png");
}

#section9 { /*background-image: url("../images/sec9.jpg");*/
    background: #00a7e3 !important;
}

#section10 {
    background-image: url("../images/sec10_bg.png");
}

#section11 { /*background-image: url("../images/sec11.jpg");*/
    background-image: url("../images/sec11_bg.png");
}

#section12 { /*background-image: url("../images/sec12.jpg");*/
    background-image: url("../images/sec11_bg.png");
    /*background: rgba(255, 255, 255, 1);*/
    /*background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 231, 231, 1)));*/
    /*background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e7e7', GradientType=0);*/
}

#section13 {
    background-image: url("../images/sec_tuyendung.jpg");
    background-size: cover;
    background-position: center center;
}

#section14 {
    background-image: url("../images/sec_contact.png");
    background-size: cover;
    background-position: center center;
}

#section0:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../images/bg-video.png");
    z-index: 5;
    opacity: .7;
}

.modal-backdrop { /*opacity: 0 !important;*/
    background-color: #fff !important;
}

.modal-wap {
    background: #009ed7;
    height: 100vh;
}

#myMenu .close, #service-expand .close {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 0;
    position: absolute;
    right: 3rem;
    top: 1rem;
    text-shadow: none;
    font-size: 4rem;
    padding-right: 10px;
    font-family: 'Roboto';
    font-weight: 100;
    text-align: center;
    color: #fff;
    opacity: 1;
    padding: 0;
    z-index: 10;
}

.list-menu {
    width: 53.33333333333333rem;
    margin: 5rem auto;
    color: #fff;
    font-weight: 100;
}

.list-menu a {
    border-bottom: 1px solid #fff;
    padding: 1rem 0;
    border-radius: 0 !important;
    margin: 1rem !important;
    font-size: 1.25rem;
}

.list-menu a:hover {
    color: #009ed7 !important;
}

.sec-contact {
    background: rgba(32, 235, 235, 1);
    background: -moz-linear-gradient(45deg, rgba(32, 235, 235, 1) 0%, rgba(0, 143, 195, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(32, 235, 235, 1)), color-stop(100%, rgba(0, 143, 195, 1)));
    background: -webkit-linear-gradient(45deg, rgba(32, 235, 235, 1) 0%, rgba(0, 143, 195, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(32, 235, 235, 1) 0%, rgba(0, 143, 195, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(32, 235, 235, 1) 0%, rgba(0, 143, 195, 1) 100%);
    background: linear-gradient(45deg, rgba(32, 235, 235, 1) 0%, rgba(0, 143, 195, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20ebeb', endColorstr='#008fc3', GradientType=1);
}

.wap-contact {
    padding: 0;
    margin-top: 12vh;
}

.wap-contact .left .tit {
    font-size: 2.066666666666667rem;
    font-family: OstrichSans-Black;
    font-family: 'Roboto Condensed';
    color: #fff;
    position: relative;
    margin-top: 1vh;
    text-transform: uppercase;
}

.wap-contact .left .tit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.666666666666667rem;
    height: 0.2rem;
    background: #fff;
}

.wap-contact .left .text {
    color: #fff;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 100;
}

.wap-contact .right {
    border-radius: 15px;
    text-align: left;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background: rgba(255, 255, 255, .8);
}

.wap-contact .right .com-name {
    font-size: 2.066666666666667rem; /*font-family: OstrichSans-Black;*/
}

.wap-contact .right .text { /*font-family: OstrichSans-Black;*/
    font-size: 1.066666666666667rem;
}

.contact-form .form-group {
    margin-bottom: 1rem;
}

.contact-form .form-control { /*font-family: OstrichSans-Black;*/
    background: transparent !important;
    border: none;
    border-radius: 0;
    padding-left: 0;
    outline: none !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 1.066666666666667rem;
    height: 2rem;
    padding: .4rem 0;
    line-height: 2rem;
    border-bottom: 1px solid #000 !important;
    color: #fff !important;
}

.contact-form textarea.form-control {
    height: auto;
}

.contact-form .btn-primary {
    height: 2rem;
    line-height: 2.2rem;
    background-color: #fff !important;
    border: none;
    color: #000 !important;
    border-radius: 0;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    width: 100px;
    padding: 0;
    text-align: center;
}

::-webkit-input-placeholder { /* Chrome */
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

:-ms-input-placeholder { /* IE 10+ */
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

::-moz-placeholder { /* Firefox 19+ */
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.sec-doitac {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 231, 231, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 231, 231, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e7e7', GradientType=0);
}

.wap-doitac {
    height: 100vh;
    padding-top: 17vh;
}

.wap-doitac > .row {
    height: 100%;
}

.wap-doitac > .row, .wap-doitac > .row > [class*=col-], .wap-doitac > .row > [class*=col-] > .item, .wap-doitac > .row > [class*=col-] > .item > dl {
    height: 100%;
    position: relative;
}

.wap-doitac .item dd.more {
    position: absolute;
    bottom: 2rem;
    left: 0;
    color: #00b0ef;
    font-size: 4.5rem;
    font-family: "Roboto Condensed";
}

.wap-doitac .item {
    padding-right: 2rem;
}

.wap-doitac .item dl {
    margin-bottom: 0;
}

.wap-doitac .item dt {
    font-size: 1.333333333333333rem;
    font-family: Arial;
    color: #474747;
    border-bottom: 3px solid #474747;
    margin-bottom: 1rem;
}

.wap-doitac .item .wap_client {
    height: 33.93333333333333em;
}

.wap-doitac .popupCom-name .item {
    text-align: center;
}

.wap-doitac .popupCom-name .item dt {
    color: #00b0ef;
    margin-bottom: 2rem;
}

.wap-doitac .item dd {
    margin-bottom: .75rem;
}

.wap-doitac .item dd a img {
    height: 4.9rem;
    transform-origin: left center;
    transition: all 0.3s;
}

.wap-doitac .item dd a:hover img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.sec-chanel {
    background-image: url("../images/sec11_bg.png");
}

.img-maume {
    width: 51.6rem;
    float: right;
    margin-right: 17rem;
    margin-top: 3rem;
    position: relative;
}

.img-maume img {
    width: 100%;
}

.wap-maume {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; /*background-color: rgba(255, 0, 0, .2);*/
}

.sec-event {
    background: rgba(0, 167, 227, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 167, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 167, 227, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(45deg, rgba(0, 167, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 167, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 167, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(0, 167, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7e3', endColorstr='#ffffff', GradientType=1);
}

.events {
    margin-top: 10.25rem;
}

.events .row {
    margin-left: -4px;
    margin-right: -4px;
    margin-left: -0.2666666666666667rem;
    margin-right: -0.2666666666666667rem;
}

.events .row .item {
    padding: 4px;
    padding: 0.2666666666666667rem;
}

.events .item a {
    height: 16.2rem;
    display: block;
    position: relative;
    overflow: hidden;
}

.events .item .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #fff;
    transition: all .3s;
}

.events .item .mask-border {
    width: 100%;
    height: 100%;
    padding: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
}

.events .item .mask-border:before {
    display: block;
    border: 0.333333rem solid rgba(255, 255, 255, 0);
    content: "";
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.events .item:hover .mask-border:before {
    border: 0.333333rem solid rgba(255, 255, 255, 0.75);
}

.events .item:hover .img {
    transform: scale(1.1);
}

.events .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    text-align: center; /*background-color: rgba(24, 67, 122, 0.3);*/
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
    color: #fff;
    transition: all .5s;
    font-size: 1.666666666666667rem;
    padding-top: 6.5rem;
    transition: all .3s;
    font-family: SFUHelveticaCondensedLight;
    font-weight: 100;
    text-transform: uppercase;
}

.events .overlay strong {
    font-weight: 100;
}

.events .item:hover .overlay {
    font-size: 2rem;
}

/**/
.events .item.evmau .overlay {
    font-size: 4rem;
    padding-top: 5rem;
    font-family: SFUHelveticaCondensedBold;
}

.events .item.evmau .img {
    background-color: #ffb782;
}

.events .item.ev1 .img { /*background-image: url("../images/event1.jpg");*/
}

.events .item.ev2 .img { /*background-image: url("../images/event2.jpg");*/
}

.events .item.ev3 .img { /*background-image: url("../images/event3.jpg");*/
}

.events .item.ev4 .img { /*background-image: url("../images/event4.jpg");*/
}

.events .item.evmau .overlay {
    background-color: #ffb782;
}

.events .item.evmore a {
    background-color: #fff;
}

.events .item.evmore .overlay {
    background-color: transparent !important;
    font-size: 7rem;
    color: #898989;
    font-family: Roboto;
    padding-top: .5rem;
    text-align: center;
    font-family: Roboto Condensed;
    letter-spacing: -.5rem;
}

.events .item.evmore:hover .overlay {
    color: #fff;
}

.events .item.evmore .mask-border {
    display: none;
}

.events .item.evmore .img {
    position: absolute;
    bottom: 100%;
}

.events .item.evmore:hover .img {
    bottom: 0;
    background-color: #00b0ef;
}

/**/
.sec-service {
    position: relative;
}

.sec-service .tab-content {
    position: relative;
}

#service-expand .close {
    right: 0;
    background-color: rgba(255, 255, 255, .8);
    line-height: 1.5rem;
    top: 0.2666666666666667rem;
    color: #333; /*text-shadow: 1px 1px 0px rgba(0, 0, 0, .75);*/
}

.services {
    height: 100%;
    padding-top: 10.25rem;
}

.services .row {
    margin-left: -4px;
    margin-right: -4px;
    height: 100%;
}

.services .item {
    padding: 4px;
    height: 100%;
}

.services .list {
    border: 0.5333333333333333rem solid #fff;
    border-right: none;
    height: 100%;
    height: 32.93333333333333rem;
    position: relative;
    overflow: hidden;
}

.services .list-wap {
    position: relative;
    width: 100%;
    height: 100%; /*border-right: 0.5333333333333333rem solid #fff;*/
}

.services .box-scroll-xxx {
    padding-top: 8%;
    height: 100%;
}

.services .list-wap:before, .services .list-wap:after {
    content: " ";
    border-right: 0.5333333333333333rem solid #fff;
    width: 0;
    height: 12%;
    z-index: 2;
    position: absolute;
    right: 0;
}

.services .list-wap:before {
    top: 0;
}

.services .list-wap:after {
    bottom: 0;
}

.services .list .list-group { /*margin: 0;*//*padding: 0;*//*border: none;*//*/!*height: 80%;*!/*//*background-color: #00a7e3;*//*position: absolute;*//*width: 100%;*//*right: -0.5333333333333333rem;*//*padding-top:2.9rem;*/
    padding-bottom: 0rem;
    margin-bottom: 0;
}

.services .list .list-group li {
    background-color: transparent;
    text-align: right;
    padding: 2rem 0;
    margin-top: 0;
    border-radius: 0;
    background-color: #00a7e3;
    border-color: #fff;
    border-left: none;
    border-right: none;
    border-bottom: none; /*margin-right: -0.5333333333333333rem;*/
    margin-left: 3rem;
    margin-bottom: 0;
    box-shadow: none;
}

.services .list .list-group li:first-child {
    border-top: none;
}

.services .list .list-group li:after {
}

.services .list .list-group li > a {
    display: block;
}

.services .list .list-group li span {
    display: block;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-family: SFUHelveticaCondensedBold;
    font-size: 2rem;
    line-height: 1.2;
    padding-right: 1.866666666666667rem;
}

.services .list .list-group li span:after {
    content: " ";
    display: block;
    border-right: 0.5333333333333333rem solid #fff;
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    opacity: 0;
}

.services .list .list-group li .panel-body {
    color: #fff;
    padding: 1rem 1.866666666666667rem 0 0;
}

/**/
.sec-service.sec-event .overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.sec-service .events .item.sv1 .img { /*background-image: url(../images/ser1.jpg);*/
}

.sec-service .events .item.sv2 .img { /*background-image: url(../images/ser2.jpg);*/
}

.sec-service .events .item.sv3 .img { /*background-image: url(../images/ser3.jpg);*/
}

.sec-service .events .item.sv4 .img { /*background-image: url(../images/ser4.jpg);*/
}

.sec-service .events .item.sv5 .img { /*background-image: url(../images/ser5.jpg);*/
}

.sec-service .events .item.sv6 .img { /*background-image: url(../images/ser6.jpg);*/
}

/**//**/
.whatwhedo {
    width: 26.4em;
    height: 29em;
    margin-top: 20vh;
    margin-left: 5em;
    background-size: 100% 100%;
    position: relative;
}

.whatwhedo img {
    position: absolute;
}

.whatwhedo img:nth-child(1) {
    width: 7em;
    height: 7em;
    left: 8.8em;
    top: 17.46666666666667em;
}

.whatwhedo img:nth-child(2) {
    width: 9.066666666666667em;
    height: 9.066666666666667em;
    left: 8.466666666666667em;
    top: 7.533333333333333em;
}

.whatwhedo img:nth-child(3) {
    width: 6em;
    height: 6em;
    left: 8.666666666666667em;
    top: 0;
}

.whatwhedo img:nth-child(4) {
    width: 5em;
    height: 5em;
    left: 17.26666666666667em;
    top: 1.733333333333333em;
}

.whatwhedo img:nth-child(5) {
    width: 7.866666666666667em;
    height: 5.8em;
    left: 18.53333333333333em;
    top: 7.733333333333333em
}

.whatwhedo img:nth-child(6) {
    width: 6em;
    height: 6em;
    left: 18.53333333333333em;
    top: 14.33333333333333em;
}

.whatwhedo img:nth-child(7) {
    width: 7.666666666666667em;
    height: 7.666666666666667em;
    left: 16.46666666666667em;
    top: 21em;
}

.whatwhedo img:nth-child(8) {
    width: 3em;
    height: 3em;
    left: 9.933333333333333em;
    top: 25.93333333333333em;
}

.whatwhedo img:nth-child(9) {
    width: 3.866666666666667em;
    height: 3.866666666666667em;
    left: 3.666666666666667em;
    top: 21.73333333333333em;
}

.whatwhedo img:nth-child(10) {
    width: 6em;
    height: 6em;
    left: 1.4em;
    top: 14.33333333333333em;
}

.whatwhedo img:nth-child(11) {
    width: 7em;
    height: 7em;
    left: 0;
    top: 5.466666666666667em;
}

.whatwhedo_thangkhung {
    width: 60rem;
    margin-top: 12vh;
    position: relative;
}

.whatwhedo_thangkhung .nav-text {
    position: absolute;
    width: 30rem;
    right: 5.5rem;
    top: 2.4rem;
    z-index: 2;
}

.whatwhedo_thangkhung .nav-text .nav > li + li {
    margin-top: 0.4666666666666667rem;
}

.whatwhedo_thangkhung .nav-text .nav > li > a {
    background-color: transparent;
    display: inline-block;
    padding: 0 2rem 0 2rem;
    height: 3.866666666666667rem;
    line-height: 3.866666666666667rem;
    border-radius: 0;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: .2rem;
    color: #fff;
    border-radius: 0.666667rem 0px 0.666667rem 0px;
    -moz-border-radius: 0.666667rem 0px 0.666667rem 0px;
    -webkit-border-radius: 0.666667rem 0px 0.666667rem 0px;
}

.whatwhedo_thangkhung .nav-text .nav > li > a:hover {
    transform: translateX(1rem);
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd1"] {
    background: #f8339d;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd2"] {
    background: #66cce3;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd3"] {
    background: #b272ef;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd4"] {
    background: #ffb782;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd5"] {
    background: #f8339d;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd6"] {
    background: #66cce3;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd7"] {
    background: #b272ef;
}

.whatwhedo_thangkhung .nav-text .nav > li > a[href="#wwd8"] {
    background: #ffb782;
}

.sub-text {
    text-transform: uppercase;
    color: #6b6b6b;
    padding-left: 3rem;
    padding-top: 1rem;
}

.whatwhedo_thangkhung .tab-content {
    position: absolute;
    width: 26.66666666666667rem;
    top: 0;
    left: 0;
}

.whatwhedo_thangkhung .tab-content .tab-pane {
    border: 1.333333rem solid #fff;
    height: 36.66666666666667rem;
    padding: 4rem 3rem 1rem 2rem;
    border-radius: 1.333333rem 0px 1.333333rem 0px;
    -moz-border-radius: 1.333333rem 0px 1.333333rem 0px;
    -webkit-border-radius: 1.333333rem 0px 1.333333rem 0px;
}

.whatwhedo_thangkhung .tab-content .tab-pane .box-scroll {
    height: 27.33333333333333rem;
}

#wwd1 {
    border-color: #f8339d;
}

#wwd2 {
    border-color: #66cce3;
}

#wwd3 {
    border-color: #b272ef;
}

#wwd4 {
    border-color: #ffb782;
}

#wwd5 {
    border-color: #f8339d;
}

#wwd6 {
    border-color: #66cce3;
}

#wwd7 {
    border-color: #b272ef;
}

#wwd8 {
    border-color: #ffb782;
}

/**//**/
.members {
    color: #fff
}

.members .col {
    position: absolute;
    width: auto;
    display: inline-block;
    transform: translate(-50%, 0);
}

.members .col:nth-child(1) {
    top: 5.555555555555556vh;
    left: 50%;
}

.members .col:nth-child(2) {
    top: 34.44444444444444vh;
    left: 39%;
}

.members .col:nth-child(3) {
    top: 34.44444444444444vh;
    left: 61%;
}

.members .col:nth-child(4) {
    top: 65vh;
    left: 20%;
}

.members .col:nth-child(5) {
    top: 65vh;
    left: 35%;
}

.members .col:nth-child(6) {
    top: 65vh;
    left: 50%;
}

.members .col:nth-child(7) {
    top: 65vh;
    left: 65%;
}

.members .col:nth-child(8) {
    top: 65vh;
    left: 80%;
}

.popovermembers {
    background-image: url("../images/cai_moc.png");
    background-size: 100% 100%;
    width: 19.33333333333333rem;
    max-width: none;
    height: 13.66666666666667rem;
    height: auto;
    max-height: none;
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    text-align: center;
    margin-top: -16vh;
    margin-left: -6rem !important;
    pointer-events: none;
    user-select: none;
    padding-bottom: 5rem;
}

.popovermembers .popover-content {
    padding-top: 3.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    color: #fff;
    font-style: italic;
}

.popovermembers .popover-title {
    background: none;
    margin: 0;
    padding: 0;
    color: yellow;
    font-size: 1.2rem;
    font-weight: bold;
    border: none;
}

.popovermembers.popupstyle {
    margin-left: -1rem !important;
}

.members .item {
    text-align: center;
}

.members .item .img {
    display: block;
    width: auto;
    height: 23.11111111111111vh;
    margin-bottom: 0.3333333333333333em;
    margin-left: auto;
    margin-right: auto;
}

.members .item .img img {
    height: 100%;
    width: auto;
}

.members .item .name {
    font-size: 1.9rem; /*font-family: OstrichSans-Black;*/
    line-height: 1;
}

.members .item .pos {
    font-family: UTMSwissCondensed;
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 500;
    font-size: 1.266666666666667rem;
    line-height: 1;
}

.members .item .text {
    font-size: 1.2rem;
    font-family: TUVDomaineDisplay;
    white-space: pre-line;
}

.fp-controlArrow {
    width: 1.533333333333333rem !important;
    height: 2.8rem !important;
    border: none;
    background-image: url("../images/left.png");
    background-size: contain;
}

.fp-controlArrow.fp-next {
    transform: rotate(180deg);
}

/**//**/
.whoisMC {
    width: 25.33333333333333rem;
}

.whoisMCtext img {
    opacity: 0;
}

.whoisMCtext {
    width: 56.46666666666667rem;
}

.whoisMCtext .white {
    color: #fff;
    font-family: SFUHelveticaCondensedLight;
    font-size: 1.866666666666667rem;
}

.whoisMCtext .vang {
    color: #ffea00;
    font-family: SFUHelveticaCondensedBold;
    font-size: 1.866666666666667rem;
    text-transform: uppercase;
    margin-top: .4rem;
    transition: all 0.3s;
}

.whoisMCtext .com-name {
    top: 0;
    cursor: pointer;
    width: 52%;
    height: 19%;
}

.whoisMCtext .com-name .box_scroll_inside {
    height: 10rem;
    white-space: normal;
    line-height: 1.5;
}

.whoisMCtext .com-name .well {
    position: relative;
    z-index: 9;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1rem;
}

.whoisMCtext .below {
    top: 42%;
    cursor: pointer;
    width: 53%;
    height: 19%;
}

.whoisMCtext .place-hcm {
    top: 79%;
    width: 20%;
    height: 20%;
}

.whoisMCtext .place-hanoi {
    top: 79%;
    width: 40%;
    height: 20%;
    left: 30%;
}

.whoisMCtext .place-cam {
    top: 79%;
    width: 20%;
    height: 20%;
    left: 80%;
}

.whoisMCtext > div { /*text-indent: -9999px;*/
    position: absolute;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
}

.whoisMCtext > div:hover .vang {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.whoisMCimg {
    width: 31.46666666666667rem;
}

.popupCom-name .modal-dialog {
    width: 30rem;
    height: 36.66666666666667rem;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7rem;
    border: 2px solid #00a3dd;
    border-radius: 1rem;
}

.popupCom-name .modal-header {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    border: none;
}

.popupCom-name .modal-header .close {
    color: #00a3dd;
    text-shadow: none;
    opacity: 1 !important;
    font-family: Roboto !important;
    font-weight: 100;
    font-size: 46px;
}

.popupCom-name .modal-body {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2.5rem;
}

.wap-popupCom-name {
    height: 30.7rem;
}

.popupCom-name .modal-body .tit {
    color: #00a3dd;
    font-size: 1.333333333333333rem;
    text-transform: uppercase;
    margin-bottom: .2rem;
}

.mCS-dark.mCSB_scrollTools {
    opacity: 1 !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #00a3dd !important;
    width: 0.6666666666666667rem !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

/**//*our smile*/
.our_mile_logo {
    width: 32.26666666666667rem;
    position: absolute;
    left: 18.33333333333333rem;
    top: 14vh;
}

.our_mile_thangkhung {
    width: 35.86666666666667rem;
    height: 22.06666666666667rem;
    position: absolute;
    left: 50.66666666666667rem;
    top: 2.25vh;
}

.our_mile_thangkhung video {
    width: 100%; /*height: 100%;*/
}

.our_mile {
    position: absolute;
    position: relative;
    width: 100%;
    top: 46vh;
}

.our_mile img {
  width: 100%;
  height: auto;
  display: block;
}

.moc {
    position: absolute;
    top: 0;
    left: 0;
    width: 6%;
    height: 40%;
    cursor: pointer;
    left: 0;
    top: 0%;
    color: #00b0ef;
    font-size: 2.666666666666667em;
    text-align: center;
    font-family: SFUHelveticaCondensedBold;
    letter-spacing: .2rem;
}
.moc span{
    height: 100%;
    display: block;
}
.m2000 {
    left: 18%;
    top: 0%;
}
.m2000 span{
    line-height: 1.733333333333333rem;
}
.m2003 {
    left: 28.5%;
    top: 0%;
}
.m2003 span{
    line-height: 1.733333333333333rem;
}
.m2004 {
    left: 28.5%;
    top: 59%;
}
.m2004 span{
    line-height: 12.2rem;
}
.m2014 {
    left: 41%;
    top: 0%;
}
.m2014 span{
    line-height: 1.733333333333333rem;
}
.m2015 {
    left: 40.5%;
    top: 59%;
}
.m2015 span{
    line-height: 12.66666666666667rem;
}
.m2016 {
    left: 53%;
    top: 59%;
}
.m2016 span{
    line-height: 12.66666666666667rem;
}
.m2017 {
    left: 64.5%;
    top: 0%;
}

.m2018 {
    left: 76.5%;
    top: 0;
}

.popover {
    border-radius: 0.666667rem;
    -moz-border-radius: 0.666667rem;
    -webkit-border-radius: 0.666667rem;
    border-color: #ccc;
}

.popover-content {
    font-family: 'Roboto Condensed';
    font-weight: 300;
    color: #0db1ee;
    padding: 1.5rem;
    font-size: 1.066666666666667rem;
}

.list-so {
    width: 59.33333333333333rem;
    margin-top: 33vh;
}

.list-so .item {
    margin: 0.75rem;
}

.list-so .do {
    opacity: 0;
    width: 11.33333333333333rem;
    height: 11.33333333333333rem;
    line-height: 11.33333333333333rem;
    color: #fff;
    background-color: red;
    border-radius: 9999px;
    overflow: hidden;
    font-family: 'Roboto Condensed';
    font-size: 4.333333333333333rem;
    text-align: center;
}

.list-so .do span {
    font-weight: 700;
}

.list-so .text {
    font-family: 'MyriadPro-Bold';
    font-size: 1.666666666666667rem;
    line-height: 2rem;
    font-weight: 100;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 0.4666666666666667rem solid red;
}

.quality_right {
    width: 20.06666666666667rem;
    margin-top: 22vh;
    margin-left: auto;
    margin-right: auto;
}

.quality_right video {
    width: 100%; /*height: 100%;*/
}

.wap-accordion {
    width: 77.33333333333333rem;
    margin-left: auto;
    margin-right: auto;
}

.people_left {
    width: 24.73333333333333rem;
    margin-top: 15vh;
}

.people_left video {
    width: 100%; /*height: 100%;*/
}

.box-accordion {
    margin-top: 15vh;
}

.box-accordion .panel-group {
    margin-bottom: 0;
}

.box-accordion .panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.box-accordion .panel-heading {
    background-color: transparent;
    padding: 0;
}

.box-accordion .panel-title {
    font-size: 2.666666666666667rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.box-accordion .panel-title .text {
    transition: all 0.3s;
    display: inline-block;
}

.box-accordion .panel-title:hover .text {
    transform-origin: left center;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    color: yellow;
}

.box-accordion .panel-title .icon {
    display: block;
    position: absolute;
    width: 2.933333333333333rem;
    line-height: 3rem;
    right: 100%;
    margin-right: 2rem;
}

.box-accordion .panel-body {
    padding: 0;
    color: #fff;
    font-weight: 300;
    padding-bottom: 3rem;
    border: none !important;
    border-bottom: 1px solid #fff !important;
}

.box-accordion .panel-body strong {
    font-weight: 700;
}

.box-accordion .panel-body .wap-text {
    height: 14rem;
}

.box-accordion .panel-body .wap-text .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff !important;
}

.box-accordion .panel-body .wap-text .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff !important;
    width: 1px !important;
}

.head-text {
    position: absolute;
    right: 0;
    top: 4.5rem;
    color: #fff; /*font-size: 2.666666666666667rem;*/
    font-size: 2.4rem;
    line-height: 2.666666666666667rem;
    text-transform: uppercase;
    text-align: right;
    z-index: 10;
}

.head-text .mong {
    font-family: SFUHelveticaCondensedLight;
    letter-spacing: 0.2666666666666667rem;
}

.head-text .dam {
    font-family: SFUHelveticaCondensedBold;
    letter-spacing: 0.5333333333333333rem;
}

#section4 .head-text, #section10 .head-text, #section10 .head-text, #section11 .head-text, #section12 .head-text, #section13 .head-text {
}

#section3 .head-text .dam {
    letter-spacing: 0;
}

.box-tab-events {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    background-color: #00a7e3;
}

.clipboard {
    width: 15rem;
    height: 15rem;
    -webkit-clip-path: polygon(0 0, 26.339286% 100%, 100% 26.339286%);
    clip-path: polygon(0 0, 26.339286% 100%, 100% 26.339286%);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    background-size: cover !important;
    background-position: center center !important;
}

.clipboard.style2 {
    -webkit-clip-path: polygon(73.660714% 0, 0 73.660714%, 100% 100%);
    clip-path: polygon(73.660714% 0, 0 73.660714%, 100% 100%);
}

.clipboard1 { /*background-image: url("../images/ourchannel/hinh1.png");*/
    top: 12.066667rem;
    left: 0.066667rem;
}

.clipboard1.change {
    background-image: url("../images/ourchannel/hinh2.png");
}

.clipboard2 { /*background-image: url("../images/ourchannel/hinh2.png");*/
    top: 23.466667rem;
    left: 9.066667rem;
}

.clipboard2.change {
    background-image: url("../images/ourchannel/hinh1.png");
}

.clipboard3 {
    width: 23.866667rem;
    height: 23.866667rem; /*background-image: url("../images/ourchannel/hinh3.png");*/
    top: 11.86666666666667rem;
    left: 21.26666666666667rem;
}

.clipboard3.change {
    background-image: url("../images/ourchannel/hinh1.png");
}

.popoverclipboard {
    margin-left: 1rem !important;
}

.clipboard.office {
    left: 11.6rem;
    top: 0.6666666666666667rem;
}

.clipboard.retailer {
    left: 33.06666666666667rem;
}

.clipboard.stadiums {
    bottom: 0;
    top: auto;
    left: 36.66666666666667rem;
}

.clipboard.cinema {
    top: 11.733333rem;
    left: 9.5rem;
}

.clipboard.school {
    left: 21.2rem;
    top: 0;
}

.clipboard.university {
    left: 24.933333rem;
    top: 28.133333rem;
}

.clipboard.super {
    left: 36.533333rem;
    top: 16.6rem;
}

.firm_item {
    position: relative;
    margin-top: 19vh;
    width: 42.466667rem;
    height: 30.933333rem;
    margin-left: auto;
    margin-right: auto;
}

/*structure*/
.tree {
    text-align: center;
}

.tree ul {
    padding-top: 2.8rem;
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    width: 100%;
}

.tree li {
    float: left;
    width: 100%;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 1.333333rem 0 0 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/
.tree > ul {
    padding-top: 0;
    width: 100%;
}

.tree > ul > li {
    width: 100%;
}

.tree li::before, .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #fff;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}

/*Remove left connector from first child and right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-right: 1px solid #ccc; /*border-radius: 0 5px 0 0;*//*-webkit-border-radius: 0 5px 0 0;*//*-moz-border-radius: 0 5px 0 0;*/
}

.tree li:first-child::after { /*border-radius: 5px 0 0 0;*//*-webkit-border-radius: 5px 0 0 0;*//*-moz-border-radius: 5px 0 0 0;*/
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #fff;
    width: 0;
    height: 2.4rem;
}

.tree li .a {
    border-radius: 100px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    padding: 0;
    text-decoration: none;
    color: #666; /*font-family: arial, verdana, tahoma;*/
    font-size: 1rem;
    display: inline-block;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border: none;
}

.tree li .a img {
    width: 3.4rem;
    height: 3.4rem;
    transition: all 0.3s;
}

.tree li .a img:hover {
    transform: scale(1.2);
    -ms-transform: scale(1.2); /* IE 9 */
    -moz-transform: scale(1.2); /* Firefox */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    image-rendering: crisp-edges;
}

.tree li .big img {
    width: 4rem;
    height: 4rem;
}

.tree li .big.system {
    position: absolute;
    left: 50%;
    margin-top: .5rem;
    z-index: 2;
    padding-left: 3.6rem;
}

.tree li .big.system:after {
    content: " ";
    border-bottom: 1px solid #fff;
    width: 2.533333333333333rem;
    position: absolute;
    left: 0;
    bottom: 50%;
}

.tree li .big.system span {
    display: inline-block;
    vertical-align: top;
}

.tree li .a span {
    margin-top: .6rem;
    margin-bottom: .4rem;
    display: block;
    white-space: nowrap;
    color: #fff;
    font-family: MyriadPro-Bold;
    font-size: 1.066667rem;
    line-height: 1.3rem;
}

.tree li .a span p {
    margin: 0;
}

.tree .sub {
    padding-top: 4.2rem;
}

.tree .sub::before {
    height: 5.066667rem;
}

.tree .sub li {
    width: 8.4rem;
}

.tree .sub li img {
    position: relative;
    z-index: 2;
}

.tree .sub li::before, .tree .sub li::after {
    top: 3rem;
}

/**/
.popupCom-name .modal-body .list-group {
    margin: 0;
}

.popupCom-name .modal-body .list-group .list-group-item {
    border: none;
    padding: 0.5rem 2rem;
}

.popupCom-name .modal-body .list-group .list-group-item:after {
    position: absolute;
    bottom: 50%;
    left: 0;
    content: " ";
    height: 0;
    border-bottom: 1px solid #057aa4;
    width: 1.5rem;
}

.popupCom-name .modal-body .list-group .list-group-item:before {
    content: " ";
    border-left: 1px solid #057aa4;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.popupCom-name .modal-body .list-group .list-group-item:first-child:before {
    top: 50%;
}

.popupCom-name .modal-body .list-group .list-group-item:last-child:before {
    bottom: 50%;
    top: auto;
}

.popupCom-name .modal-body .list-group .list-group-item img {
    width: 3.4rem;
    height: 3.4rem;
    margin-right: 1rem;
}

.popup .container-fluid {
    height: auto;
}

.popup .head {
    color: #00b0ef;
}

#list_career .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff !important;
}

.wap_td {
    height: 100vh;
    padding-top: 5vh;
    position: relative;
}

.wap_td .tit {
    font-family: SFUHelveticaCondensedBold;
    color: #00a7e3;
    font-size: 2.4rem;
    line-height: 3rem;
    width: 26rem;
    border-bottom: 1px solid #00a7e3;
    padding-bottom: .25rem;
}

.wap_td .text {
    margin: 1.5rem 0;
}

.wap_td .panel {
    box-shadow: none;
}

.wap_td .media {
    margin-top: 2rem;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
}

.wap_td .media-list {
    margin-bottom: 0;
}

.wap_td .img-career img {
    width: 10rem !important;
    height: 10rem !important;
}

.wap_td .media-heading {
    margin: 0;
    margin-bottom: .5rem;
    font-family: SFUHelveticaCondensedBold;
    text-transform: uppercase;
    color: yellow;
    font-size: 1.333333333333333rem;
}

.wap_td .wap_centent_td {
}

.wap_td .wap_centent_td.in ~ .col-xs-9 .wap-btn{
    display: none;
    visibility: hidden;
}

.wap_td .box-scroll_TD {
    max-height: 15rem;
}

.wap_td .media-content {
    margin-top: .4rem;
    margin-bottom: .4rem;
    font-size: 1rem;
    font-family: Roboto;
    font-weight: 400;
    color: #fff; /*position: relative;*//*top: -5rem;*//*margin-bottom: -5rem;*/
}

.wap_td .wap-btn .btn {
    border: 0.1333333333333333rem solid #fff !important;
    color: yellow !important;
    border-radius: 0;
    font-family: MyriadPro-Regular;
    padding-top: 0;
    padding-bottom: 0;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 1.2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-transform: uppercase;
}

.wap_td .pager {
    width: 100%;
    text-align: left;
    margin: 1.2rem 0;
    border-top: 1px solid #fff;
}

.wap_td .pager a {
    background-color: transparent !important;
    color: #fff;
    border: none;
    font-size: 1.2rem;
    padding: 0;
    width: 2rem;
    height: 1rem;
}

.wap_td .pager li.active a {
    font-weight: bold;
}

.popupTuyendung .modal-dialog {
    background-color: #00b0ef;
    color: #fff;
    border-radius: 0;
}

.popupCom-name.popupTuyendung .modal-header .close {
    color: #fff;
}

.popupCom-name.popupTuyendung .modal-body .tit {
    color: #fff;
    font-size: 1.333333333333333rem;
    margin-bottom: 1rem;
}

.popupCom-name.popupTuyendung .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff !important;
}

.fp-viewing-12 .popover-content {
    padding: 0.25rem;
    font-size: 1rem;
}