.AdvertisementBG {
        position:absolute;
        top:0px;
        left:0px;
        z-index:999;
        opacity:0.8;
        background-color:#c0c0c0;
}
.AdvertisementCenter {
        position:fixed !important;
        z-index:1000;
        display:inline-block;
        padding:2px;
        width: auto;
        height:auto;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 0px 0px 10px #999;
        line-height: 1.5;
}
.AdvertisementCenter .AdvertTitleBar {
        display:inline-block;
        position:absolute;
        top:2px;
        right:2px;
        width:32px;
        height:32px;
}
.AdvertisementCenter img{
        max-width: 800px;
        height:auto!important;
}
.AdvertisementCenter .AdvertTitleBar .Collapse{
        display:inline-block;
        width:32px;
        height:32px;
        background: url(images/Close.png) no-repeat center center;
        cursor:pointer;
}
/************************************************/
.AdvertisementTopLeft {
        left: 0;
        position: fixed;
        top: 20px;
        z-index: 5;
}
.AdvertisementTopRight {
        position: fixed;
        right: 0;
        top: 20px;
        z-index: 5;
}
.AdvertisementCenter a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: none;
        line-height: 1.5;
        text-decoration: none;
}
.AdvertContent > table {
        border: 1px solid #0084d6;
        border-radius: 5px 5px 0 0;
}
.row.ttgt>div:nth-child(1)>h2 {
        color: #0b60a4;
}
.row.ttgt>div:nth-child(1){
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
}
.row.ttgt {
        padding: 40px 0;
}
.row.ttgt>div:nth-child(1)>p>strong {
        color: #dd303f;
}
.row.ttgt>div:nth-child(1)>p {
        color: #757575;
        font-size: 16px;
        text-align: justify;
        flex: 1;
}
.row.ttgt>.col-sm+div {
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}
.row.ttgt .info-bottom {
        background: #dd303f;
        padding: 8px 20px !important;
        /* border-radius: 100px; */
        color: #fff;
        font-weight: bold;
        width: 100% !important;
}
.row.ttgt>.col-sm:nth-child(2)>div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 5px;
}
.row.ttgt>.col-sm:nth-child(2)>div * {
        width: 33%;
        margin: 0px;
        height: 135px;
        object-fit: fill;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 300ms;
        padding: 5px;
        text-decoration: none;
}
.row.ttgt>.col-sm:nth-child(2)>div>span{
        font-size: 16px;
        color: #dd303f;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
}
.row.ttgt>.col-sm:nth-child(2)>div>img:hover{
        transform: scale(1.1)
}
.video-gt {
        background-image: url(https://storage-vnportal.vnpt.vn/bvdkbd/1/QuangCao/qc1.jpg);
        width: 100%;
        height: 50vw;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #b1edff;
}
.video-gt>video {
        width: 1160px;
        height: 90%;
        /* border: 5px solid #fff; */
        /* background: rgba(0, 0, 0, 0.5); */
}
.row.dvtt {
        padding: 40px 0;
        padding-top: 0;
}
.row.dvtt>.col-sm-9 {
        padding-left: 0;
        display: flex;
}
.row.dvtt>.col-sm-9 .dv {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
        padding: 40px 20px;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
        cursor: pointer;
        transition: all 300ms;
        text-decoration: none;
}
.row.dvtt>.col-sm-9 .dv *{
        transition: all 300ms;
}
.row.dvtt>.col-sm-9 .dv:hover{
        transform: translateY(-10px)
}
.row.dvtt .fa {
        font-size: 80px !important;
        color: #dd303f;
        margin-bottom: 20px;
}
.row.dvtt h6 {
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        color: #0b60a4;
}
.row.dvtt>.col-sm-9 .dv+.dv {
        margin-left: 10px;
}
.row.dvtt>.col-sm-3 {
        padding: 20px;
        display: flex;
        color: #0b60a4;
        text-align: right;
        flex-direction: column;
        align-items: flex-end;
        text-transform: uppercase;
        padding-left: 0;
        background: #0b60a414;
        justify-content: center;
}
.row.dvtt>.col-sm-3:hover .fa{
        transform: translateX(-20px);
}
.row.dvtt .col-sm-3 .fa {
        color: #dd303f;
        font-size: 60px !important;
        transition: all 300ms;
}
.row.dnbs {
        padding-bottom: 40px;
}
.row.dnbs h2 {
        color: #0b60a4;
        text-transform: uppercase;
}
.row.dnbs p {
        font-size: 16px;
        color: #757575;
}
.row.dnbs a {
        padding: 8px 20px;
        background: #dd303f;
        color: white;
        border-radius: 100px;
}
.MS-content {
        display: flex;
        align-items: stretch;
        padding-bottom: 40px;
}
.MS-content .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33%;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
}
.MS-content .item .imgTitle {
        flex: 1;
}
.MS-content .item+div {
        margin-left: 10px;
}
.MS-content .item .imgTitle img {
        width: 100%;
        height: 330px;
        object-fit: cover;
        margin-bottom: 20px;
}
.MS-content .item * {
        text-align: center;
}
.MS-content .item .nd strong {
        color: #0b60a4;
}
.MS-content .item .nd p {
        color: #dd303f;
        font-weight: bold;
}
.row.gcs h2 {
        text-transform: uppercase;
        color: #0b60a4;
        display: flex;
        align-items: center;
        padding-bottom: 20px;
}
.row.gcs h2 img {
        width: 40px;
        height: 40px;
        margin-left: 10px;
}
.row.gcs .col-sm-6 {
        display: flex;
        align-items: flex-start;
}
.row.gcs .col-sm-6+.col-sm-6 {
}
.row.gcs .col-sm-6 img {
        width: 150px;
        height: 150px;
        display: inline-block;
        padding: 5px;
        border: 3px solid #dd303f;
        border-radius: 50%;
        margin-right: 20px;
        object-fit: cover;
}
.row.gcs .col-sm-6 h6 {
        color: #0b60a4;
        font-weight: bold;
}
.row.gcs .col-sm-6 h6 strong {
        color: #dd303f;
}
.row.gcs .col-sm-6 p {
        font-size: 16px;
        color: #757575;
}
.row.gcs {
        margin-bottom: 10px;
}
.row.gcs .col-sm-6>div {
        flex: 1;
}
.row.gcs:last-child {
        margin-bottom: 40px;
}
.row.spdv {
        padding: 40px 0;
        width: 1160px;
        margin: auto;
}
.row.spdv>.col-sm-3 {
        padding: 20px;
        background: #0b60a4c4;
}
.row.spdv>.col-sm-3 h2 {
        text-transform: uppercase;
        text-align: left;
        color: #fff;
}
.row.spdv>.col-sm-3 .fa {
        font-size: 30px !important;
        color: #fff;
        transition: all 300ms;
}
.row.spdv>.col-sm-3:hover .fa{
        transform: translateX(20px)
}
.row.spdv>.col-sm-9 {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
}
.row.spdv>.col-sm-9 .dv {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-grow: 1;
        width: 30%;
        margin: 0;
        background: white;
        padding: 20px;
        outline: 1px solid #0b60a4;
        cursor: pointer;
        text-decoration: none;
}
.row.spdv>.col-sm-9 .dv:hover h6{
        transform: scale(1.1);
        color: #dd303f
}
.row.spdv>.col-sm-9 .dv img {
        width: 100%;
        height: 165px;
        margin-bottom: 20px;
        transition: all 300ms;
}
.row.spdv>.col-sm-9 .dv h6 {
        transition: all 300ms;
        font-weight: bold;
        text-align: center;
        color: #0b60a4;
        margin-top: 10px;
}
.row.spdv>.col-sm-3 img {
        width: 100%;
}
.head {
        display: block;
        margin: auto;
        position: relative;
        overflow: hidden;
}
.head .content {
        display: flex;
        gap: 30px;
        padding: 10px 0;
}
.head .content .info {
        display: flex;
        flex-direction: column;
        flex: 1;
}
.head1__col1 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px;
        font-size: 14px;
        margin-bottom: 0;
        z-index: 1;
        background-color: rgb(2 103 175);
        height: 35px;
}
.head1__col1 .social{
        display:inline-block;
        list-style-type:none;
        margin: 0;
}
.head1__col1 .social li{
        display:flex;
        float: left;
        margin-left: -10px;
}
.head1__col1 span {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #fff;
}
.head1__col1 .span_1 em {
        color: #f8f9fa;
        font-size: 14px;
        margin-bottom: 0;
}
.head1__col1 .span_1 strong {
        font-weight: 600;
        color: white;
        font-size: 14px;
}
.head1__col1 span a {
        font-size: 14px;
        font-weight: 600;
        color: #ffc107;
}
.head1__col1 .phone{
        flex: 1;
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        color: #fff;
        font-size: 14px;
}
.h-top-right{
        background: #dd303f;
        padding: 10px;
        font-weight: 600;
        font-size: 15px;
}
.gioi-thieu .top .left img {
        width: 150px;
        min-width: 150px;
}
.gioi-thieu .top {
        /* display: flex; */
        gap: 0;
        margin-bottom: 20px;
        background: #fafafa;
}
.gioi-thieu .top .right {
        padding: 30px;
        background: #ecf3f8;
}
.gioi-thieu {
        background: #fff;
}
.gioi-thieu .top .left {
        padding: 30px;
        display: flex;
        align-items: center;
        min-width: 290px;
        justify-content: center;
}
.gioi-thieu .top .right p {
        margin-top: 0;
        font-size: 16px;
        color: #0267af;
        /* margin-bottom: 5px; */
}
.gioi-thieu .top .right p a {
        font-size: 15px;
        color: #dc3545;
}
.gioi-thieu .top .right h2 {
        margin-top: 0;
        color: #dc3545;
        margin-bottom: 30px;
        font-size: 30px;
        text-transform: uppercase;
}
.AdvertisementBG {
        display: none;
}
.gioi-thieu .bottom {
        display: flex;
        gap: 20px;
        /* margin-bottom: 20px; */
}
.gioi-thieu .bottom .left {
        flex: 1;
        width: 50%;
        overflow: hidden;
}
.gioi-thieu .bottom .right {
        flex: 1;
        width: 50%;
        overflow: hidden;
}
.gioi-thieu .bottom .right img {
        max-width: 100%;
        transition: 500ms;
}
.gioi-thieu .bottom .left img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 500ms;
}
.gioi-thieu .bottom .left a {
        display: flex;
        height: 100%;
        position: relative;
}
.gioi-thieu .bottom .left a .fb {
        width: 100%;
        background: #aa2331c7;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        height: 30%;
        transition: 500ms;
}
.gioi-thieu .bottom .left a .fb .fa {
        color: #fff;
        font-size: 55px !important;
}
.gioi-thieu .bottom .right img:hover {
        transform: scale(1.1);
}
.gioi-thieu .bottom .left a:hover .fb {
        height: 100%;
}
.banner-top {
        padding: 20px 0;
        display: flex;
        flex-flow: column;
        gap: 10px;
        min-height: 150px;
        justify-content: center;
}
.banner-top .fa {
        font-size: 35px !important;
        color: #dc3545;
        min-width: 40px;
}
.banner-top>h6 {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 0;
        flex-direction: unset;
        flex-direction: row-reverse;
}
.banner-top a {
        font-size: 16px;
        color: #0267af;
        font-weight: 600;
}
@media only screen and (max-width: 768px){
        .row.gcs img {
                width: 40px !important;
                height: 40px !important;
        }
        .row.gcs .col-sm-6 h6, .row.gcs .col-sm-6 h6 * {
                flex-direction: row !important;
                width: auto !important;
        }
        .row.gcs .col-sm-6 img {
                /* display: none !important; */
                width: 150px !important;
                height: 150px !important;
                margin-top: 20px !important;
                ;
        }
        .row.gcs .col-sm-6{
                align-items: center;
        }
        .row.spdv>.col-sm-3 {
                margin: 10px !important;
                width: auto !important;
                padding: 10px !important;
        }
        .row.spdv>.col-sm-9 {
                padding: 10px !important;
                width: auto !important;
        }
        .row.spdv>.col-sm-9 .dv {
                margin-bottom: 20px !important;
                outline: none !important;
        }
        .row.spdv>.col-sm-9 .dv img {
                margin: 0 !important;
        }
        .row.spdv>.col-sm-9 .dv h6 {
                padding: 10px !important;
        }
        .row.dnbs {
                padding: 10px !important;
        }
        .MS-content .item {
                box-shadow: none !important;
        }
        .row.dvtt {
                padding: 10px !important;
        }
        .row.dvtt>.col-sm-9 .dv {
                padding: 10px !important;
                margin-bottom: 10px !important;
        }
        .row.dvtt>.col-sm-3 {
                padding: 10px !important;
        }
        .row.dnbs a {
                padding: 8px 20px !important;
                width: auto !important;
        }
        .row.ttgt>div:nth-child(1)>p *, .row.ttgt>div:nth-child(1)>p{
                display: inline-block !important;
                width: auto !important;
        }
        .row.ttgt {
                padding: 10px !important;
        }
        .MS-content {
                padding: 10px !important;
        }
        .row.gcs {
                padding: 10px !important;
        }
        .row.ttgt>.col-sm+div * {
                flex-direction: row !important;
                padding: 5px !important;
        }
        .row.ttgt>.col-sm+div {
                margin-top: 10px !important;
        }
        div.AdvertContent .col-sm-99>a>img {
                max-width: 30% !important;
        }
        div.AdvertContent .col-sm-99 {
                flex-wrap: wrap;
                flex-direction: row !important;
        }
        div.AdvertContent .col-sm-99>a[class*="dv"] {
                max-width: 20vw !important;
                box-shadow: unset !important;
        }
        div.AdvertContent .col-sm-99>h6>a {
                box-shadow: unset !important;
                font-size: 14px !important;
                text-align: left;
        }
        div.AdvertContent .col-sm-99>h6 {
                max-width: calc(100vw - 20vw) !important;
                width: calc(100vw - 20vw) !important;
        }
        div.AdvertContent .head{
                padding: 0 5px !important;
        }
        div.AdvertContent .head .info{
                overflow: auto;
                justify-content: flex-start !important;
                align-items: flex-start !important;
        }
        div.AdvertContent .head1__col1{
                flex-direction: row!important;
                flex-wrap: nowrap !important;
                display: inline-flex !important;
                width: unset !important;
                max-width: unset !important;
        }
        div.AdvertContent .head1__col1 *{
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                display: inline-flex !important;
                width: unset !important;
                max-width: unset !important;
                white-space: nowrap;
        }
        div.AdvertContent .gioi-thieu{
                padding: 5px !important;
                margin-bottom: 30px !important;
        }
        div.AdvertContent .gioi-thieu .top .left, div.AdvertContent .gioi-thieu .top .right{
                padding: 30px !important;
        }
        div.AdvertContent .gioi-thieu .top .right *{
                text-align: left;
        }
        div.AdvertContent .gioi-thieu .top .left img{
                max-width: 30vw !important;
        }
        div.AdvertContent .h-top-right{
                padding: 5px !important;
        }
        div.AdvertContent .banner-top>h6 {
                flex-direction: row !important;
                justify-content: flex-start;
        }
        div.AdvertContent .banner-top>h6 * {
                width: unset !important;
                min-width: 40px !important;
                text-align: left;
                align-items: flex-start !important;
        }
        div.AdvertContent .banner-top {
                min-height: unset;
                padding: 10px!important;
                gap: 5px;
        }
        div.AdvertContent .banner-top a {
                font-size: 15px;
        }
}