/* CSS */
@import url('/css/font-awesome.min.css');
@import url('/css/animate.css');

.clear {
    clear: both;
}

.clear5 {
    clear: both;
    height: 5px;
}

.clear10 {
    clear: both;
    height: 10px;
}

.clear15 {
    clear: both;
    height: 15px;
}

.clear20 {
    clear: both;
    height: 20px;
}

.clear30 {
    clear: both;
    height: 30px;
}

body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'OpenSans';
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Roboto', sans-serif;*/
    margin: 0px;
    padding: 0px;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    color: #3584c8;
    outline: none;
    transition: all 500ms ease 0s;
}

ul {
    padding: 0;
    margin: 0;
    list-style: outside none none;
}

.fw {
    float: left;
    width: 100%;
}

.fw1 {
    float: right;
    width: 100%;
    padding-left: 5%;
}

#back-to-top {
    background: #3584c8 none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 50%;
    bottom: 0px;
    color: #fff;
    cursor: pointer;
    display: none;
    padding: 3px 6px;
    position: fixed;
    right: 0px;
    z-index: 999999;
}

.back-to-top-info {
    background: #3584c8 none repeat scroll 0 0;
    left: -550%;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: -22%;
    display: none;
}

#back-to-top:hover .back-to-top-info {
    display: block;
}

.stick {
    position: fixed;
    z-index: 999;
    background: rgba(225,225,225,0.8);
}

.container {
    width: 1220px;
}

figure {
    text-align: center;
}

/*style*/
@font-face {
    font-family: 'OpenSans';
    src: url('/fonts/OpenSans.ttf');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('/fonts/OpenSans-ExtraBold.ttf');
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/fonts/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: 'UVNDoiMoi';
    src: url('/fonts/UVNDoiMoi.TTF');
}

.header-bottom-menu li a:hover, .socical a .fa:hover, .target .items .t-title a:hover, .f-document a:hover {
    /*color: rgb(232, 35, 35);*/
}

.f-menu a:hover, .news-related .n-items .n-title a:hover, .news .n-title a:hover {
    color: rgb(65, 130, 213);
}

.target .items article figure img:hover {
    filter: brightness(1.5);
}

.news .items article figure img:hover, .news-related article figure img:hover {
    transform: scale(1.3, 1.3);
}

/*menu*/
.main-menu .sub-menu {
    border-top: 2px solid #2c7fd8;
    display: none;
    left: 20px;
    position: absolute;
    z-index: 100;
}

.main-menu .sub-menu .sub-menu {
    left: 100%;
    margin-top: -2px;
    top: 0;
}

.main-menu .sub-menu .sub-menu::after {
    display: none;
}

.main-menu li {
    position: relative;
}

.main-menu > ul > li {
    float: left;
    padding-left: 45px;
    position: relative;
    white-space: nowrap;
}

.main-menu > ul > li:nth-child(1) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/home.png") no-repeat scroll center center;
    padding: 20px 15px;
}

.main-menu > ul > .active:nth-child(1) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/home2.png") no-repeat scroll center center;
    color: rgb(255, 0, 0);
}

.main-menu li:hover > .sub-menu {
    display: block;
}

.main-menu > ul > li > a {
    /*color: rgb(61, 61, 61);*/
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 12px 8px;
    text-transform: uppercase;
}

.menubar {
    display: inline-block;
    margin: 5px 0 0 5px;
}

.menubar a {
    font-family: opensansbold;
}

.menubar li:hover > a {
    color: #2c7fd8;
}

.tamgiac > a::after {
    border-bottom: 6px solid rgb(44, 127, 216);
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    position: absolute;
    bottom: 0;
    transform: translate(-50%);
    display: none;
}

.main-menu > ul > li:hover > a:after {
    display: block;
}

.sub-menu > li > a {
    background: #c8dfff none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    display: block;
    font-family: opensans;
    font-size: 12px;
    padding: 12px 14px;
    text-transform: uppercase;
}

.sub-menu li a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #1c71d1;
}

.main-menu .active {
    border-bottom: 2px solid rgb(44, 127, 216);
    color: rgb(44, 127, 216);
}

.main-menu .active a {
    color: rgb(44, 127, 216);
}

.mean-nav > ul > li:nth-child(1) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/home3.png") no-repeat scroll 20px center;
    padding: 23px 5% 23px 20px;
}

.mean-nav > ul > li:nth-child(1):hover a {
    background: rgb(255, 255, 255) url("/images/icon/home2.png") no-repeat scroll 20px center;
}

/*header*/
.header-top {
    background: #eef4f7 none repeat scroll 0 0;
    padding: 15px 0;
}



.language {
    border: 2px solid rgb(38, 124, 214);
    color: rgb(38, 124, 214);
    float: right;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase;
    width: 88px;
}

.header-bottom {
    background: #267cd6 none repeat scroll 0 0;
}

.header-bottom span a {
    /*font-weight: bold;*/
}

.header-bottom-menu li {
    float: left;
    margin-left: 290px;
}

.header-bottom-menu {
    float: right;
}

.header-bottom-menu li:nth-child(1) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/document.png") no-repeat scroll left center;
    padding-left: 30px;
}

.header-bottom-menu li:nth-child(2) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/pdf.png") no-repeat scroll left center;
    padding-left: 30px;
}

.header-bottom-menu li:nth-child(3) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/register.png") no-repeat scroll left center;
    padding-left: 30px;
}

.header-bottom-menu li:nth-child(4) a {
    background: rgba(0, 0, 0, 0) url("/images/icon/login-user-icon.png") no-repeat scroll left center;
    padding-left: 30px;
}

.header-bottom a {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: opensansbold;
    font-size: 14px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-transform: uppercase;
}

.banner {
    position: relative;
}

.banner .owl-prev, .banner .owl-next {
    color: #ffffff;
    opacity: 0.7;
    padding: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.banner .owl-prev {
    background: rgba(0, 0, 0, 0) url("/images/icon/left.png") no-repeat scroll center center;
    border: 1px solid #ffffff;
    left: 6.5%;
}

.banner .owl-next {
    background: rgba(0, 0, 0, 0) url("/images/icon/right.png") no-repeat scroll center center;
    border: 1px solid #ffffff;
    right: 6.5%;
}

.banner .owl-nav {
    display: none;
}

.banner:hover .owl-nav {
    display: block;
}

.banner .owl-dots {
    bottom: 10%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.banner .owl-dots .owl-dot {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    opacity: 0.6;
    padding: 6px;
}

.banner .owl-dots .active {
    background: rgba(0, 0, 0, 0) url("/images/icon/dot.png") no-repeat scroll 0 0;
    margin-top: -7px;
    opacity: 1;
    padding: 13px;
}

/*target*/
.target {
    background: rgba(0, 0, 0, 0) url("/images/img/bg-target.jpg") no-repeat scroll center center / cover;
    padding: 15px 0 45px;
}

.target .t-info span {
    display: block;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
}

.target .t-info span > span {
    color: #000000;
    display: inline-block;
    font-weight: bold;
}

.add-look {
    color: rgb(0, 0, 0);
    display: block;
    font-family: OpenSansBold;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

.target .title {
    text-align: center;
}

.target .title a {
    border: 2px solid rgb(255, 255, 255);
    color: rgb(65, 130, 213);
    display: inline-block;
    font-family: OpenSansBold;
    font-size: 22px;
    margin: 30px 0 40px;
    padding: 20px 30px;
    text-align: center;
    text-transform: uppercase;
}

.target .items {
    margin: 0 -10px;
}

.target .items article {
    float: left;
    padding: 0 25px;
    width: 25%;
}

.target .items article .t-title a {
    color: rgb(28, 113, 209);
    display: block;
    font-family: OpenSansExtraBold;
    font-size: 18px;
    margin: 20px 0 5px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.target .items article figure {
    max-height: 133px;
    max-width: 100%;
    overflow: hidden;
}

.target .items article figure img {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.target .t-desc {
    color: #000000;
    font-size: 14px;
    /*padding: 0 14px;*/
    text-align: center;
}

/*hello*/
.hello-content {
    margin: 40px 0;
    padding: 20px;
}

.hello-content-info {
    background: rgb(232, 240, 245) none repeat scroll 0 0;
    padding: 20px 90px 20px 40px;
}

.helo-content-left {
    float: left;
    width: 19%;
}

.helo-content-left img {
    width: 100%;
}

.helo-content-right {
    float: left;
    width: 81%;
}

.helo-content-right span:nth-child(1) {
    color: rgb(65, 130, 213);
    display: block;
    font-family: UVNDoiMoi;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

.helo-content-right span:nth-child(2) {
    color: rgb(51, 51, 51);
    display: block;
    font-size: 16px;
    line-height: 1.8;
    padding-left: 30px;
    text-align: right;
}

.helo-content-right .add-look {
    margin-top: 20px;
    text-align: right;
}

.hello-author span {
    color: rgb(51, 51, 51);
    display: block;
    text-align: center;
}

.hello-author-title {
    font-family: OpenSansSemibold;
    font-size: 15px;
    margin-top: 5px;
}

.hello-author-desc {
    font-family: OpenSansSemibold;
    font-size: 13px;
}


/*news*/
.news {
    padding: 0px 0;
}

.news .items {
    margin: 0 -10px;
}

.news .items article {
    float: left;
    margin: 25px 0;
    padding: 10px;
    width: 25%;
}

.news .items article figure {
    margin: auto;
    max-height: 182px;
    max-width: 280px;
    overflow: hidden;
}

.news .items article figure img {
    transition: all 1s ease 0s;
    width: 100%;
    height: 182px;
}

.news .title a {
    color: #4182d5;
    display: block;
    font-family: opensans;
    font-size: 40px;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.news .n-title a {
    color: rgb(89, 89, 89);
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin-top: 15px;
}

/*footer*/
.footer-top {
    background: rgba(0, 0, 0, 0) url("/images/img/bg-footer-top.jpg") no-repeat scroll center center / cover;
    color: #000000;
    padding: 60px 0 40px;
}

.footer-top .f-menu {
    float: left;
    width: 24%;
}

.footer-top .map {
    background: #e82323 url("/images/icon/map.png") no-repeat scroll 20px center;
    border-radius: 7px;
    color: #ffffff;
    display: inline-block;
    margin-top: 40px;
    padding: 20px 30px 20px 70px;
    text-transform: uppercase;
}

.footer-top .address span {
    display: block;
}

.footer-top .address span:nth-child(1), .f-menu span {
    color: #4182d5;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 0;
    text-transform: uppercase;
}

.footer-top .address a {
    color: rgb(0, 0, 0);
}

.footer-top .address a:hover {
    color: rgb(65, 130, 213);
}

.footer-top .f-info {
    float: left;
    width: 40%;
}

.f-menu ul li a {
    color: rgb(0, 0, 0);
    font-size: 12px;
    line-height: 2.5;
    padding-left: 17px;
    position: relative;
    text-transform: uppercase;
}

.f-menu ul li a::before {
    background: #4182d5 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px;
}

.f-document {
    float: right;
    width: 133px;
}

.f-document span {
    display: inline-block;
    width: 84px;
}

.f-document a {
    border: 2px solid rgb(255, 255, 255);
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 15px 0 15px 65px;
    text-transform: uppercase;
}

.f-document a:nth-child(1) {
    background: rgba(0, 0, 0, 0) url("/images/icon/pdf-footer.png") no-repeat scroll 15px center;
}

.f-document a:nth-child(2) {
    background: rgba(0, 0, 0, 0) url("/images/icon/register-footer.png") no-repeat scroll 19px center;
}


.footer-bottom {
    background: #3484c8 none repeat scroll 0 0;
    color: #ffffff;
    padding: 15px 0;
}

.footer-bottom .socical, .footer-bottom .copyright {
    float: left;
    text-transform: uppercase;
}

.footer-bottom .copyright {
    width: 38%;
}

.footer-bottom .socical {
    width: 34%;
}

.footer-bottom .socical .fa {
    color: #ffffff;
    font-size: 20px;
    margin-left: 15px;
}

/*cttin*/
.news-detail {
    padding: 40px 0 30px;
}

.sidebar {
    float: left;
    padding-right: 50px;
    width: 28%;
}

.sidebar .f-menu {
    margin-bottom: 40px;
}

.sidebar .f-menu span {
    border-bottom: 2px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.news-detail-content {
    float: left;
    width: 72%;
}

.news-detail-title a {
    color: #1c71d1;
    font-size: 17px;
    font-weight: bold;
    display: block;
}

.share {
    border-bottom: 2px dashed #cccccc;
    border-top: 2px dashed #cccccc;
    display: inline-block;
    margin: 20px 0;
    width: 100%;
}

.share span {
    color: #888888;
    display: inline-block;
    margin: 12px 40px 12px 0;
}

.social-bar {
    float: right;
}

.social-bar span:nth-child(1) {
    background: rgba(0, 0, 0, 0) url("/images/icon/facebook.png") no-repeat scroll 0 0;
    float: right;
    margin: 12px 0;
    padding: 10px 85px;
}

.social-bar span:nth-child(2) {
    background: rgba(0, 0, 0, 0) url("/images/icon/gmail.png") no-repeat scroll 0 0;
    float: right;
    padding: 10px 35px;
}

.news-related-title {
    background: rgba(0, 0, 0, 0) url("/images/icon/gach.png") repeat-x scroll left 22px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.news-related-title a {
    background: #ffffff none repeat scroll 0 0;
    color: #1c71d1;
    font-size: 18px;
    font-weight: bold;
    padding-right: 20px;
}

.news-related article {
    float: left;
    margin: 15px 0;
    padding-right: 40px;
    width: 50%;
}

.news-related article figure {
    float: left;
    margin-right: 15px;
    max-height: 82px;
    max-width: 132px;
    overflow: hidden;
    text-align: left;
}

.news-related article figure img {
    transition: all 1s ease 0s;
    width: 100%;
}

.news-related article .n-title a {
    color: #3e3e3e;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.news-related article .n-date {
    color: #9f9f9f;
}

.news-content-info figure img {
    max-width: 100%;
}

#header_wrapper {
 background: #eef4f7;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
}
.logo {
    max-width: 240px;
    padding: 40px 0;
}
.logo img {
    max-width: 100%;
}
.logo_2 {
    margin-right: 65px;
}
.logo_2 img {
    width: 95px;
}
.main_slogan {
    padding: 0 30px;
}
.main_slogan h2 {
    font-size: 24px;
    font-family: Open Sans;
    font-weight: bold;
    text-transform: uppercase;
    color: #1c71d1;
    text-align: center;
    line-height: 1.5;
}
@media only screen and (min-width:1200px) and (max-width:1920px) {
    header.fw {
        background: #eef4f7 none repeat scroll 0 0;
    }
    .header-bottom.fw1 > span {
        display: block;
        margin: 0 auto;
        width: 1220px;
    }
    .header-bottom.fw1 {
        padding: 0;
    }
    .main-menu > ul > li:first-child {
        padding: 0;
    }
    #header_wrapper {
      margin: auto;
      padding: 0 15px;
      width: 1220px;
  }
}