@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600italic,700,300italic,600&subset=latin,vietnamese);

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div, 
object,
iframe, 
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i, 
dt, 
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
    display: block;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
    box-sizing: border-box;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*img,*/
/*object,*/
/*embed {*/
/*width: 100%;*/
/*}*/
/* force a vertical scrollbar to prevent a jumpy page */
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */

ul {
    _0list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

/*select, input, textarea {font: 99% sans-serif;}*/
table {
    font-size: inherit;
    font: 100%;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

* {
    outline: none;
}

html {
    width: 100%;
    height: 100%;
}

html,
html a {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

img {
    max-width: 100%;
}

body {
    background-color: #ffffff;
    color: #141414;
    font-size: 13px;
    overflow-x: hidden;
}

input[type=submit],
input[type=text],
input[type=password],
input[type=button],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 50px;
    resize: vertical;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

p {
    /*color: #141414;*/
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: 'Roboto', sans-serif;
    /*font-size: 17px;*/
}

* img {
    vertical-align: middle;
}

.main-content-wrap {

}

.main-bg {
    background: #fff;
    border: 1px solid #e6e6e6;
}

.title {
    color: #1E1F21;
    font-size: 36px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    height: 70px;
    font-weight: 700;
}

.img-100 {
    width: 100%;
}


/*********************************
        up-header
**********************************/

#breadcum .breadcrumb {
    background: transparent;
    padding: 30px 0;
    margin: 0;
}

#breadcum .breadcrumb a, #breadcum .breadcrumb li {
    font-size: 13px;
    color: gray;
}

#breadcum .breadcrumb > li + li::before {
    color: #fd9b28;
    content: ">";
    padding: 0 5px;
}

.child-breacum#breadcum {
    background: url("../images/bre-bg.jpg") no-repeat top center;
    background-size: cover;
}

.child-breacum#breadcum li, .child-breacum#breadcum li a {
    color: #fff;
}

.child-breacum#breadcum .breadcrumb > li + li::before {
    color: #fff;
}

.child-breacum#breadcum .title {
    text-align: left;
    color: #fff;
}

.child-breacum#breadcum .title {
    text-align: left;
    color: #fff;
}

.child-breacum#breadcum .title::after {
    left: 0;
    background: #fff;
}

.title.title-child-page {
    font-size: 20px;
    text-align: left;
    height: 50px;
    margin-bottom: 30px;
}

.title.title-child-page::after {
    left: 0;
}

mark {
    color: #FD9B28;
}

.gray-bg {
    background: #f2f2f2;
}

.title.white-title {
    color: #fff;
}

.title.white-title::after {
    border-bottom: 3px solid #fff;
}

.title-left {
    color: #2f2e2e;
    font-size: 38px;
    margin-bottom: 40px;
    text-align: left;
    position: relative;
}

.title-left::after {
    content: "";
    border-bottom: 3px solid #005b74;
    position: absolute;
    width: 50px;
    left: 0%;
    bottom: -20%;
}

.no-padding {
    padding: 0;
}

.title-small {
    font-size: 18px;
    color: #006228;
    text-transform: uppercase;
    margin: 10px 0;
}

.my-btn {
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-table;
    font-weight: 700;
}

.dropdown-menu {
    background: #fff;
}

/*********************************
       up-header
**********************************/
#up-header {
    /*background: url(../images/bg_red.png) repeat-x top center transparent;*/
    position: relative;
    background: #1b5174;
}

.info-detail li {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    margin-right: 30px;
}

/*.info-detail li::after {*/
/*position: absolute;*/
/*content: "/";*/
/*right: 10px;*/
/*top: 0;*/
/*}*/

.info-detail li:last-child {
    margin-right: 0;
}

.list-flag li {
    display: inline-block;
}

/****************************
    main-menu
*********************************/
.sologan {
    text-align: center;
}

.lgo-part {
    padding: 5px 15px;
}

.logo-part img {
    max-width: 130px;
    text-align: center;
}

.sologan h3 {
    color: #1b5174;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:25px;
}

.sologan h4 {
    color: #333333;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

#my-nav.fixed {
    position: fixed;
    top: 0;

    /*background: #fff;*/
    /*padding: 22px;*/
    width: 100%;
    z-index: 99;
    transition: all 300ms ease 0s;
    display: block;
}

#my-nav.navbar-inverse.fixed {
    background: #e64d24;
}

#my-nav.navbar-inverse.fixed li a {
    color: #fff;
}

#nav-wrap {
    position: relative;
    z-index: 2;
    padding-top: 5px;
}

#main-menu .menu-item .dropdown-menu li:first-child a {
    padding: 10px 15px;
}

#my-nav.navbar-inverse {
    background: transparent;
    box-shadow: none;
}

#my-nav.navbar-inverse li a {
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    _Oldpadding: 15px 20px;
    padding: 15px 29px;
    position: relative;
}

#my-nav.navbar-inverse li.dropdown a::after {
    position: absolute;
    top: 21px;
    _0ldright: 4px;
    right: 20px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

#my-nav.navbar-inverse li.active a,
#my-nav.navbar-inverse li:hover a {
    color: #1b5174;
    /*border-bottom:2px solid #e64d24;*/
    /*border-width: 100%;*/
    position: relative;
}

#my-nav.navbar-inverse li::after {
    content: "";
    border-bottom: 2px solid #1b5174;
    position: absolute;
    bottom: 0;
    width: 0;
    transition: 0.3s all ease-in;
    left: 0;
}

#my-nav.navbar-inverse .dropdown-menu li::after,
#my-nav.navbar-inverse .dropdown-menu li.active::after,
#my-nav.navbar-inverse .dropdown-menu li:hover::after {
    content: none;
}

#my-nav.navbar-inverse li.active::after,
#my-nav.navbar-inverse li:hover::after {
    content: "";
    _oldwidth: 100%;width: 70%;
    transition: 0.3s all ease-in;
    _Oldleft: 0;left: 20px;
}

#my-nav.navbar-inverse.fixed li:hover a,
#my-nav.navbar-inverse.fixed li.active a {
    color: #e6e6e6;
}

#my-nav ul.dropdown-menu li a {
    color: #333;
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px 15px;
}

#my-nav ul.dropdown-menu li:hover a {
    background: #1e1f21;
    color: #fff;
}

.dropdown-menu li a:hover {
    background: transparent;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background: #333;
    min-width: 200px;
    padding: 0;
}

#my-nav.navbar-inverse li.dropdown .dropdown-menu a::after {
    content: none;
}

#my-nav.navbar-inverse li.active .dropdown a, #my-nav.navbar-inverse li:hover .dropdown-menu a {
    color: #e3e3e3;
    font-weight: normal;
}

#my-nav.navbar-inverse li.active .dropdown a, #my-nav.navbar-inverse li:hover .dropdown-menu a:hover {
    color: #fff;
    background: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background: transparent;
    color: #007f00;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #007f00;
}

#my-form-search.active .pop-search-box {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
}

.pop-search-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
    /*margin-top: 7px;*/
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: 6px;
    top: 90%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 300px;
}

.pop-search-box::before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 5px 5px;
    content: "";
    height: 0;
    position: absolute;
    right: 17px;
    top: -5px;
    width: 0;
}

.pop-search-box_form {
    position: relative;
}

.pop-search-box_form .form-control {
    background: #eee none repeat scroll 0 0;
    border: 0 none;
    color: #1e1f21;
    font-size: 13px;
    height: auto;
    padding: 11px 55px 11px 15px;
    transition: all 0.3s ease 0s;
    width: 100%;
    border-radius: 0;
}

.pop-search-box_form button {
    background: #e64d24 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

/******************************
    header bottom
*******************************/
#header-bottom {
    width: 100%;
    background: #fff;
    padding: 10px 7px;
    border-bottom: 1px solid #d9d9d9;
    clear: both;
}

#header-bottom li {
    float: left;
    padding: 0 10px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

#header-bottom li a {
    color: #191919;
}

#header-bottom .featured-tags {
    float: left;
    width: 70%;
}

#header-bottom .featured-tags h2 {
    float: left;
    color: #e64d24;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}

#header-bottom ul.second-nav {
    float: right;
}

/***********************************
    slide-left-menu
***************************************/
.sidenav {
    height: 100%;
    width: 250px;
    position: absolute;
    z-index: 88;
    top: 0;
    left: -250px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 45px;
    min-height: 500px;
    border: 1px solid #ededed;
}

.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: #007f00;
    display: block;
    transition: 0.3s;
    background: #fff;
    font-size: 17px;
    padding: 8px;
}

.sidenav .odd {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.sidenav a:hover,
.offcanvas a:focus {
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    background: transparent;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

/*********************************************
      progress bar slider
******************************************/
/******************************************
      mega-dropdown
*******************************************/
.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #f9fafc;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li a {
    border: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
    border: none;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #007f00;
    background-color: transparent;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    font-weight: bold;
    padding: 3px 0;
    text-transform: uppercase;
}

.mega-dropdown-menu .dropdown-header a {
    color: #007f00;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

@media (max-width: 500px) {

}

/**************************
        my-menu
***************************/
#my-nav {
    position: relative;
    z-index: 99;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
}

#my-nav.navbar-inverse {
    /*background: #FFFFFF;*/
    border-radius: 0;
    border: none;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li {
    position: relative;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li a {
    padding: 30px 36px 22px;
    position: relative;
    border-right: 1px solid #dcdcdc;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.active a::after {
    border-bottom: 3px solid #007f00;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -3px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li:hover a::after {
    border-bottom: 3px solid #007f00;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -3px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown.open a.dropdown-toggle {
    background: transparent;
    color: #007f00;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown.open ul li ul li {
    padding: 3px 0;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu {
    background: #fff;
    padding: 20px 0;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu.mega-dropdown-menu {
    background: #f2f2f2;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu.mega-dropdown-menu li.dropdown-header {
    margin: 0px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu.mega-dropdown-menu li a {
    margin: 10px;
    color: #58676d;
    font-size: 15px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu.mega-dropdown-menu li.special a {
    display: block;
    background: #fff;
    padding: 15px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu a {
    padding: 0 40px;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.dropdown .dropdown-menu a::after {
    content: none;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.index a::after {
    content: none;
}

#my-nav.navbar-inverse #bs-example-navbar-collapse-1 ul li.mega-dropdown ul li a {
    border: none;
}

@media (max-width: 360px) {
    #my-nav.navbar-inverse {
        background: #222;
    }
}

#my-nav-menu {
    display: none;
}

.header, .footer {
    background: #1b5174;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    padding: 5px 10px 5px 10px;
    height: 35px;
}

.header .icon-open-nav {
    display: block;
    width: 30px;
    height: 100%;
    /*padding: 15px 11px;*/
    position: relative;
    /*top: -9px;*/
    left: 0;
    color: #fff;
    float: left;
}

/*************************
    section banner owl-1
*************************/
#main-banner {
    position: relative;
    z-index: 1;
}

.owl-1 {
    margin-bottom: 15px;
}

.main-banner-wrap {
    position: relative;
}

.main-banner-wrap .item img {
    _0height: 630px;
}

.text-overlay {
    position: absolute;
    z-index: 8;
    left: 10px;
    right: 10px;
    width: 99%;
    height: 100%;
    top: 80%;
    /*padding: 50px;*/
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
}

.link-wrap {
    position: absolute;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.text-overlay h2 {
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.text-overlay p {
    font-size: 14px;
    color: #fff;
}


.owl-thumb-item {
    display: inline-block;
}

.owl-thumb-item.active {
    padding: 5px;

    background: #F4B51A;
}

.owl-thumb-item img {
    height: 60px;
    width: 150px;
    object-fit: cover;
}

.main-banner-wrap .owl-prev, .main-banner-wrap .owl-next {
    width: 40px;
    position: absolute;
    top: 45%;
}
.main-banner-wrap .owl-prev{
    left: 20px;
}
.main-banner-wrap .owl-next{
    right:20px;
}
.brum-list {
    float: left;
    line-height: 39px; 
    margin-top: 9px;
}
.brum-list img {
    float: left;
    padding-right: 7px;
}
.face-icon img {
    float: right;
    margin-top: 9px;
}
/****************************
    main-services
*****************************/
#main-services {
    position: relative;
    z-index: 2;
    margin-top: -124px;
}

.box-service {
    display: inline-block;
    width: 100%;
}

.box-service img {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    margin-top: 25px;
}

.box-service img:hover {
    transform: rotate(360deg);
}

.box-service:hover {

}

.box-service-1 {
    min-height: 260px;

}

.service-title {
    text-transform: uppercase;
    line-height: 25px;
    font-weight: bold;
    margin-top: -12px;
    font-size: 16px;
}

/***************************
    footer
****************************/
#footer2 {
    width: 100%;
    min-height: 175px;
    float: left;
    background: #f4f4f4 url(../images/bg_footer.jpg) top center repeat-x;
}

.up-footer {
    padding-top: 20px;
}

.conten_f1 {
    float: left;
    display: inline-block;
    width: 22%;
    margin-right: 20px;
}

.conten_f1.fr {
    /*float: right;*/
    margin-right: 0;
    width: 45%;
}

.conten_f1 h3 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #666;
    font-size: 16px;
}

ul.other_form li {
    background: url(../images/icon1.png) 0 4px no-repeat;
    padding-left: 10px;
    margin-bottom: 5px;
    font: normal 12px Roboto;
    list-style: none;
    display: block;
    text-align: left;

}

ul.other_form li a {
    color: #333;
}

.socials {
    margin-top: 15px;
}


#footer2 .widget-body li i {
    color: #e6e6e6;
    margin-right: 5px;
}

.
.nav-footer li:last-child::before {
    content: none;
}


/*******************************
    page news
********************************/
.logo img {
    max-width: 130px;
}

.main-content-wrap.page-news {
    background: url(../images/bg-page.jpg) repeat-x fixed center;
    padding: 23px 0;
    /*background-size: 100% auto;*/
}

.wrap-content-bg {
    background: #fff;
    background-size: 100% auto;
    box-shadow: 0 2px 5px #666666;
    padding: 10px 15px;
}

.page-news #up-header {
    background: transparent;
    margin-bottom: 10px;
}

.page-news #my-nav.navbar-inverse {
    /*background: url(../images/pro_drop4_0a.gif) repeat;*/
    min-height: 30px;
    background: #1b5174;
}

.page-news #my-nav.navbar-inverse li a {
    padding: 8px 30px;
    color: #fff;
}

.page-news #my-nav.navbar-inverse .dropdown-menu li a {
    padding: 10px;
}

.page-news #main-banner {
    margin: 0;
    padding-bottom: 0;
    position: relative;
}

.page-news .main-banner-wrap .item img {
    height: auto;
}

.info-up-head {
    color: #1b5174;
    font-weight: bold;

}

.page-news .info-up-head {
    padding-top: 25px;
}

.right-info {
    overflow: inherit;
}

.box-ribon {
    min-height: 100px;
    border: 1px solid #E1E1E1;
    box-shadow: 0px 2px 5px #CCCCCC;
    position: relative;
    padding-top: 10px;

}

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

.title-ribon .img-bg {
    background: url("../images/bg_menu-1.png") 100% 100% no-repeat;
    min-height: 49px;
    position: absolute;
    left: 4px;
    width: 100%;
    z-index: 1;
}

.title-ribon .img-bg img {
    min-height: 49px;
    position: absolute;
    left: -14px;
    width: 100%;
    z-index: 1;
}

.img-bg-fade {
    background: url("../images/t1.png") 100% 100% no-repeat;
    min-height: 49px;
    position: absolute;
    right: -10px;
    width: 100%;
    z-index: 1;
}

.img-bg-fade img {
    min-height: 49px;
    position: absolute;
    right: -10px;
    width: 100%;
    z-index: 1;
}

.title-ribon span {
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    position: relative;
    z-index: 2;
    top: 10px;
    font-size: 20px;
    font-weight: bold;
}

.view-more {
    font-size: 11px;
    color: #666666;
}

.box-line {
    padding-top: 30px;
    border-bottom: 1px solid #ddd;
}

.box-line-info {
    padding: 10px;

}

.box-line:last-child {
    border-bottom: none;
}

.box-line-title {
    font-weight: bold;
    font-size: 13px;
    padding: 5px 10px 0;
}

.box-line-title a {
    color: #C71F2C;
}

.box-line-title span {

    font-size: 10px;
    color: #999999;
    font-weight: normal;
}

.box-line-info a {
    color: #666;
}

.box-title-overlay {
    border: 1px solid #999;
    border-radius: 5px;
    position: relative;
}

.title-overlay span {
    background: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
    top: -15px;
    font-size: 20px;
    font-weight: bold;
}

.box-title-video {
    padding: 0px 10px 10px;
}

.title-video {
    color: #000;
    font-style: italic;
    padding: 5px 0;
}

.video-relate {
    list-style: square;
    padding-left: 25px;
    margin-top: 15px;
}

.video-relate li {
    margin-bottom: 7px;
    font-size: 11px;
}

.video-relate li a {
    color: #000;
}

.box-ribon-fade {
    background: url("../images/bg4.gif") right top no-repeat;
    min-height: 115px;
    position: relative;
    /*overflow: hidden;*/
}

.img-box {
    float: left;
    width: 60px;
    margin-right: 5px;
}

.wrap-partner td {
    padding: 4px;
}

.wrap-partner img {

    padding: 5px;
    border: 1px solid #999;
}

.owl-imageL img {
    height: 98px;
    width: 100%;
}

.wrap-partner {
    overflow: hidden;
    margin-top: 45px;
}

.line-partner {
    padding: 0;
    margin-bottom: 5px;
    /*overflow: hidden;*/
}

.title-ribon-fade {
    position: relative;
    z-index: 2;

}

.title-ribon-fade span {
    color: #666;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    top: 15px;
    font-weight: bold;
}

.title-content {
    font-size: 24px;
    color: #0050a7;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.page-news #footer2 {
    padding: 0 10px;
}

.title-img-lib {
    font-weight: bold;
    color: #0492d8;
    font-size: 14px;
    margin: 5px 0;
}

.box-grey {
    box-shadow: 0 1px 1px #e1e1e1;
    background-color: #F9F9F9;
}

.box-grey-line {
    padding: 5px;
}

.box-grey-line:first-child {
    border-bottom: 1px solid #ddd;
}

.box-grey-line li {
    display: inline-block;
}

.box-grey-line li:not(:first-child) {
    padding-top: 8px;
}

.box-grey-line li img {
    width: 70px;
}

.box-grey-line li h5 {
    color: #ec1d25;
    font-size: 13px;
    margin-bottom: 7px;
    font-weight: bold;
}

.box-grey-line li h6 img {
    width: 30px;
}

.box-grey-line li h6 span {

    font-weight: bold;
    font-size: 12px;
    color: #1e398d;
}

.box-grey-line li span img {
    width: 34px;
    padding-top: 4px;
}

.wrap-content-bg #my-nav.navbar-inverse li.dropdown a::after {
    top: 16px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/**************************
    fake bread
&*************************/
#path_link li {
    display: inline-block;
    font-style: italic;
}

#li_home a {
    color: #000;
    font-weight: bold;
}

/**************************
    page thu viện ảnh
**************************/
.box-img-lib {
    margin-bottom: 15px;
}

.box-img-lib-title {
    text-align: center;
    margin-top: 10px;
}

#page_navigation a {
    border: 1px solid gray;
    color: #000;
    margin: 2px;
    padding: 3px;
    text-decoration: none;
}

#page_navigation a {
    border: 1px solid gray;
    color: #000;
    margin: 2px;
    padding: 3px;
    text-decoration: none;
}

#page_navigation a.active_page {
    background: none repeat scroll 0 0 #D2A42A;
    color: #000;
}

.line-bottom {
    border-top: 1px solid #e3e3e3;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    color: #6a6a6a;
}

.line-bottom a {
    color: #999;
    font-size: 10px;
}

/*******************************
    page event
********************************/
.content-events {
    border: 1px solid #262163;
    /*padding: 2px;*/
}

.content-event-title {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    background: #262163;
    padding: 5px 0 5px 25px;
}
.event-row{
    padding: 10px;
    border-bottom: 1px solid #999;
}
.event-title{
    color: #C71F2C;
    font-size: 14px;
}
.event-title a{
    color: #C71F2C;
    font-size: 14px;
}
.post-date{
    font-size: 10px;
    color: #999999;
    display: inline-block;
    padding-left: 5px;

}
a#scrollUp {
    /*animation: 2s ease 0s normal none infinite running pulse;*/
    /*background: #fe980f none repeat scroll 0 0;*/
    background: url("../images/top.png");
    bottom: 20px;
    color: #fff;
    /*padding: 5px 10px;*/
    right: 10px;
    /*border-radius: 50%;*/
    /*left: 10px;*/
    width: 44px;
    height: 44px;
}

a#scrollUp i {
    font-size: 30px;
    color: transparent;
}
ul.pagination {
    float: right;
}
.break {
    clear:both;
}
.navbar-collapse.collapse {
    _0margin-top:25px;
}
.navbar-nav {padding-left:0;
}