/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

  @font-face {
 font-family:MonotypeCorsiva_Regular;
 src:url('fonts/MonotypeCorsiva_Regular.ttf');
}
/*  @font-face {
 font-family:chuchuan;
 src:url('fonts/SVN-Gotham-Light.otf');
}
  @font-face {
 font-family:chubook;
 src:url('fonts/SVN-Gotham-Book.otf');
}
  @font-face {
 font-family:tieudemenu;
 src:url('fonts/SVN-Gotham-Regular.otf');
}
@font-face {
 font-family:chuthuong;
 src:url('fonts/SVN-Gotham-XLight.otf');
}*/

.row.row-small {
max-width:1250px
}

.full-width .ubermenu-nav,.container,.row {
max-width:1250px
}

.row.row-collapse {
max-width:1250px
}

.row.row-large{
        max-width: 1250px;
}

html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
} 
 
body {
  color: #333;
}


h1, h2, h3 {
	position: relative;
	    line-height: 1.6;
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 400;
}
h3 {
    line-height: 1.6;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 25px;
     color:#0095da !important;
    position: relative;
}
/*.header-section {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    float: none;
}*/
.page h3 {
	position: relative;
	    margin:20px auto;
    width: -moz-fit-content;
    width: fit-content;
    float: none;
    text-transform: uppercase;
        display: table;
}
.page h3:after {
    right: 0;
    content: " ";
    width: 100px;
    border-top: 3px solid #ed1c24;
    position: absolute;
    bottom: -5px;
    left: 0;
    text-align: center;
    margin: 0 auto;
    display: table;
}

h5 {
    line-height: 1.35!important;
    /*padding-bottom: 5px!important;*/
    padding-top: 5px;
    margin-bottom: 2px!important;
    /*font-family: tieudehoa !important;*/
}

.is-divider {
	display: none;
}
p.from_the_blog_excerpt {
    font-size: 1rem;
}
.section2 .col {
	padding-bottom: 0px;
}
.portfolio-element-wrapper ul.nav li a {
    background-color: #c7c7c79e;
    border: 1px solid transparent;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    padding: 2px 20px;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 10px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.portfolio-element-wrapper li.active a {
    background: #01a52a !important;
    color: #fff !important;
}

.portfolio-element-wrapper ul.nav li a:hover {
	background: #01a52a !important;
    color: #fff !important;
}

.footer-partners .col {
    padding-bottom: 0;
}
.footer-wrapper .widget-title.shop-sidebar:before{
    content: '';
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.footer-wrapper .widget-title.shop-sidebar span{
    position: relative;
    display: inline-block;
    height: 100%;
    color: #ff0;
}
.footer-wrapper .widget-title.shop-sidebar span:before{
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: -5px;
    background-color: #ff0;
}
.footer-wrapper .col .menu .menu-item{
    position: relative;
}
.footer-wrapper .col .menu .menu-item:before{
    content: '\f0da';
    font-family: FontAwesome;
    opacity: 1;
    font-size: 0.9em;
    color: #fff;
}
/*.header-wrapper.stuck .nav>li>a {
    color: #222;
}*/
.footer-info {
    margin: 0;
}
.footer-info .info-item {
    list-style: none;
    margin: 0 0 6px 0;
    position: relative;
    padding-left: 31px;
    font-size: .9em;
}
.footer-info .info-item.blank {
    height: 5px;
}
.footer-info .info-item .fa {
    position: absolute;
    left: 3px;
    top: 4px;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 10px;
    font-weight: 400;
}

.footer-wrapper > .section {
    background: rgb(11 113 160);
    padding-bottom: 0px !important;
}

li.cat-item.cat-item-1 {
    display: none;
}
.footer-wrapper input.wpcf7-form-control.wpcf7-submit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px;
    min-height: 39px;
}

.footer-wrapper h5 {
    padding-bottom: 15px !important;
    display: inline-block;
}
.footer-wrapper  iframe {
	margin-top: 10px;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    min-height: 39px;
}

.footer-wrapper .col {
	padding-bottom: 0px;
}
.lienhe {
	padding-top:30px;
}

.single-blog-post .h2, .single-blog-post h2, .page-id-159 h2 {
    font-size: 0.96rem;
    font-weight: 700;
    /*font-family: tieudehoa;*/
    text-transform: uppercase;
    margin-top: 20px;
}
header.archive-page-header {
    background-color: #e5e5e5;
    margin-bottom: 50px;
    padding: 20px 0;
    margin-top: 20px;
}
.archive div#content {
    padding-top: 0px;

}
.page-title, .large-12.text-center.col {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.img-inner.box-shadow-2.dark {
    /* max-width: 200px; */
    padding: 100px;
}
.page-title {
    color: #505050;
    /*font-family: tieudehoa;*/
    font-weight: 700;
    letter-spacing: -0.25px;
    font-size: 1.75rem;
    line-height: 1.5;
}

.archive .box-blog-post .is-divider {
    height: 3px;
    display: block;
    max-width: 80px;
        margin-bottom: 20px;
    background-color: rgb(0, 165, 42);
}
.archive .from_the_blog_excerpt {
    border-top: 1px solid #b3b3b3;
    /*font-family: chuchuan;*/
}

.info span {
    display: inline-block;
    margin-left: 55px;
}
.info .fa {
    padding-right: 5px;
}
.archive .info {
    display: block;
}

.post-sidebar .is-divider {
    display: block;
        background-color: rgb(0, 165, 42);
}

.post-sidebar .widget_categories a {
        color: #333333;
    font-weight: 500;
    font-size: 16px;
        width: 88%;
    display: inline-block !important;
    text-transform: uppercase;
    /*font-family: chubook;*/
}


span.widget-title {
    font-size: 1em;
    font-weight: 500 !important;
    font-size: 18px;
    font-weight: bold;
    /*font-family: tieudemenu;*/
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 15px 0;
}
.post-sidebar .widget_categories a:before {
    content: "\f105";
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        padding-right: 5px;
}

.post-sidebar {
    padding:0px 15px 0px 0px;
}

.block_widget .col.post-item .is-divider {
    display: none !important;
}

.block_widget .col.post-item {
    border-bottom: 1px solid #ddd;
}
.block_widget .box-text.text-left.is-small {
    padding: 0px 10px;
}

.block_widget .box.box-vertical {
    padding: 10px 0px;
}

.nav-dropdown>li>a:hover {
    color: rgb(0, 165, 42);
}
.nav-dropdown-default {
    padding: 0px !important;
}
.nav-dropdown-default a {
    font-size: 14px;
}
ul.header-nav.header-nav-main {
    z-index: 999999;
}
.lienhe h3 {
    font-size: 20px;
}
footer#footer p {
    font-size: 14px;
}
.icon-box-text h4 {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.box.box-normal {
        color: hsl(0deg 3% 34%);
    border: 1px solid #ccc;
    border-top: none;
}
.box.box-normal  .box-text  {
    padding: 10px 10px 15px 15px;
}
.box.box-normal:hover {
    background: #f5f5f5;
}
.box.box-normal img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sectionx {
    padding-top: 50px !important;
}

.portfolio-top .row.page-wrapper {
    max-width: 100% !important;
        padding-top: 0px;
}
div#portfolio-content {
    padding: 0px;
    text-align: center;
}


.portfolio-inner img {
    width: auto;
    max-width: 800px;
}

ul.header-nav.header-nav-main > li > a {
        /*font-family: tieudemenu;*/
            font-weight: 600;
            color: #000;
}
h6.entry-category a {
    color: #000;
}
h1.entry-title {
    font-size: 22px;
        color: #0095da;
}
.entry-content.single-page img {
    margin-top:10px;
    margin-bottom:10px;
}

.float-icon ul {
    list-style: none;
}
.float-icon li {
    padding: 7px 0;
    position: relative;
}
.float-icon a {
    cursor: pointer;
}
.float-icon img {
    width: 40px;
}
.icontitle {
    font-size: 16px;
    color: #04a62a;
    padding: 0 5px;
    line-height: 20px;
    position: absolute;
    width: 80px;
    left: 40px;
    top: 15px;
    text-transform: initial;
}

.float-icon {
    bottom: 20px;
    position: fixed;
    right: 200px;
    left: auto!important;
    z-index: 9999;
}
.bottom-contact {
    display: none;
}
.tooltipster-base {
    display: none;
}
.mfp-ready .mfp-close {
    opacity: 1 !important;
    transform: none;
    color: red !important;
    mix-blend-mode: inherit !important;
}

.khachhang .col, .khachhang {
    padding-bottom: 0px;
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0px  !important;
}
.post-sidebar.large-3.col .widget {
    margin-bottom: 1.5em;
    color: hsl(0deg 3% 34%);
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: hsl(0, 0%, 100%);
    padding: 15px;
}

.single-post .large-9.col {
    padding: 0px;
}

.col.post-item .box.box-normal {
    position: relative;
    overflow: hidden;
}
.widget_nav_menu {
    margin-left: 0px;
    padding-left: 0px;
}

/*.col.post-item .box.box-normal:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.col.post-item .box.box-normal:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

*/

/*.col-box-x1 h5 {
    color: #fc0101;
}*/

.col-box-x1 .icon-box {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.col-box-x1 .box1 .icon-box {
border: 2px solid #fd0000;
    background: #fb020314;
}

.col-box-x1 .box1 .icon-box {
    background: #f7090b !important;
    color: #fff;
}
 .col-box-x1 .box1 .icon-box:hover h5.post-title {
    color: #fff  !important;
}

 .col-box-x1 .col.post-item h5.post-title:before {
        color: red;
    content: "\f0a4";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
}


.col-box-x1 .box2 .icon-box {
border: 2px solid #FF9800;
    background: #00a52a26;
}

.col-box-x1 .box2 .icon-box {
    background: #FF9800 !important;
    color: #fff;
}
 .col-box-x1 .box2 .icon-box:hover h5.post-title {
    color: #fff  !important;
}



 .col-box-x1 .box-image {
    display: none !important;
}



.col-box-x1 .box3 .icon-box {
border: 2px solid #1dbd24;
    background: #7a7d7b26;
}

.col-box-x1 .box3 .icon-box {
    background: #1dbd24 !important;
    color: #fff;
}
 .col-box-x1 .box3 .icon-box:hover h5.post-title {
    color: #fff  !important;
}


.col-box-x1 .box4 .icon-box {
border: 2px solid #17b2e0;
    background: #43a1f32b;
}


.col-box-x1 .box4 .icon-box {
    background: #17b2e0 !important;
    color: #fff;
}
 .col-box-x1 .box4 .icon-box:hover h5.post-title {
    color: #fff  !important;
}



.col-box-x1 .icon-box {
    margin-top: 10px;
    box-shadow: hsl(0, 0%, 80%) 0 0 9px;
    background-color: hsl(0, 0%, 100%);
}

/*.box1 .col-inner, .box2 .col-inner, .box3 .col-inner, .box4 .col-inner {
    background: #fff;
    border-radius: 4px;
}
*/


/*.col-box-x1 h5.post-title:before {
    content: "\f0a4";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
}
*/
/*.col.post-item .box.box-normal:hover .box-text.text-left {
    background: #00a52a;
    color: #fff;
}*/


.col-box-x1 .info {
    display: none;
}
.footer-wrapper .ux-logo-link {
    padding: 10px 5px 10px 0 !important;
}
div#top-bar {
    display: none;
}
.box-section1 h5.post-title.is-large {
    font-size: 15px;
}



@media (max-width: 767px) {

.box-section1 .large-2 {
    max-width: 50%!important;
    -ms-flex-preferred-size: 50%!important;
    flex-basis: 50%!important;
}
.social-button {
    display: none !important;
}

.section1-col3 {
	display: none;
}
.video-blocks-xd .large-3 {
	max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.colx8 {
    padding: 0px 10px !important;
}

.phonenow {
    font-size: 20px !important;
}

.phonenow b {
    color: #fff907 !important;
}
/*div#top-bar {
    display: none;
}*/
div#top-bar a {
    color: #fff;
}
.khachhang {
    padding-top: 20px !important;
}

.col-box-x1 .box-text-inner.blog-post-inner {
    text-align: center;
}
header.archive-page-header {
    margin-bottom: 5px;
    padding: 25px 0 0 0;
}
/*.col-box-x1 .col {
    padding: 0px 5px !important;
}*/
.col-box-x1 h5.post-title.is-large {
    padding-left: 10px;
}
.portfolio-element-wrapper ul.nav li a {
    margin-right: 0px !important;
        font-size: 15px;
}

.portfolio-element-wrapper ul.nav li {
        margin-left: 8px;
}

h6.uppercase.portfolio-box-title {
    font-size: 14px;
}

.col-box-x1 .from_the_blog_excerpt {
    padding: 2px 15px 10px 15px;
        display: none;
}

.col-box-x1 .box-text {
    padding-top: 0px;
    direction: ltr;
    display: table-cell;
    vertical-align: middle;
}


/*.portfolio-element-wrapper .small-columns-2>.col {
    max-width: 48%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 48%;
    padding-left: 3px;
    padding-right: 2px;
}
*/

.home .col.post-item .box-vertical .box-image {
    width: 25% !important;
direction: ltr;
    display: table-cell;
    vertical-align: middle;
}
.section3 {
    padding-bottom: 30px !important;
}
.row.row-isotope.large-columns-3 {
    padding: 0px !important;
    margin: 0px !important;
}
.single-post .large-9.col {
    padding: 0px 15px;
}

.portfolio-box .box-text {
    height: auto !important;
    line-height: auto !important;
}
.relatedthumb img {
    max-height: 300px;
    overflow: hidden;
}
#related_posts li:nth-child(3) {
    padding-left: 0px;
}
.sectionx {
    padding-top: 30px !important;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0;
    padding-right: 5px;
}
.khachhang .col {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

h5.post-title.is-large {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -ms-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 49px;
}









h3 {
    font-size: 18px;
}


.float-icon {
    display: none;
}
.bottom-contact {
    display: block;
    position: fixed;
    bottom: 0;
    background: #00a52a;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #d2d2d2;
}

.bottom-contact ul li {
    width: 25%;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 13px;
    line-height: 1.6;
}
.bottom-contact ul li img {
    width: 30px;
    margin-top: 7px;
    margin-bottom: 0;
}
.bottom-contact ul li span {
    color: #fff;
}
















#masthead:after {
    display: none;
}



    .footer-wrapper .small-6 {
            max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    }

.footer-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 60px;
    background: #068426;
}
.portfolio-inner.pb {
    padding: 10px !important;
    display: inline-block;
}
.post-sidebar.large-3.col {
    padding: 15px;
}
.article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box {
    padding-left: 0;
    padding-right: 0;
}
#logo {
    z-index: 99999;
}
p.uppercase.portfolio-box-category.is-xsmall.op-6 {
    display: none;
}
.portfolio-inner img {
    width: auto;
    max-width: 100%;
}

}

.article-inner.has-shadow.box-shadow-1 {
    box-shadow: none !important;
}

#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}
.relatedcontent h3 {
  font-size: 16px;
  margin-top: 7px;
}
.relatedthumb img {
  height: 100%;
  max-height: 165px;
}
#related_posts {
  border-top: 4px double #e8e8e8;
        padding-top: 10px;
        margin-top: 20px;
}
#related_posts li:nth-child(1) {
  padding-left: 0 !important;
}
#related_posts li:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#related_posts li:nth-child(3) {
  padding-right: 0 !important;
}
.relatedthumb img {
  min-height: 125px;
}

.single p {
        font-size: 15px;
}
.box-badge .box-text {
    bottom: 0 !important;
}
h6.uppercase.portfolio-box-title {
    font-size: 16px;
}
h1.entry-title.uppercase.mb-0 {
    padding-bottom: 18px;
}
.large-12.text-center.col span.divider {
    padding: 0px 10px;
}


@media (max-width: 1920px) and (min-width: 1100px) {
    .rowx {
    margin: 0 auto !important;
    display: table !important;
    text-align: center;
    width: 100% !important;
}
.portfolio-box .box-image img {
    height: 100% !important;
    min-height: 271px;
}

.portfolio-inner.pb table {
    max-width: 500px;
    margin: 0 auto;
}
.nav-spacing-xlarge>li {
    margin: 0 18px;
}


}

.section6 .col {
    padding-bottom: 0px;
}

.tamnhin1 {
    margin-top: 30px  !important;
}

.logo-left .logo {
    margin-right: 0px !important;
}

p.uppercase.portfolio-box-category.is-xsmall.op-6 {
    display: none;
}
.new-home {
    margin-top: 30px;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default a {
    font-size: 16px;
    text-transform: uppercase;
}
.header-block {
    min-height: 0;
}


.social-button{
        display: inline-grid;
    position: fixed;
    bottom: 95px;
    left: 29px;
    min-width: 45px;
    text-align: center;
    z-index: 99999;
    background-color: transparent !important;
    }
    .social-button-content{
      display: inline-grid;   
    }
    .social-button a {padding:8px 0;cursor: pointer;position: relative;}
    .social-button i{
      width: 40px;
        height: 40px;
        background: #43a1f3;
        color: #fff;
        border-radius: 100%;
        font-size: 20px;
        text-align: center;
        line-height: 1.9;
        position: relative;
        z-index: 999;
    }
    .social-button span{
      display: none;
    }
    .alo-circle {
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: zoomIn;
        width: 50px;
        height: 50px;
        top: 3px;
        right: -3px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid rgba(30, 30, 30, 0.4);
        opacity: .1;
        border-color: #0089B9;
        opacity: .5;
    }
    .alo-circle-fill {
      animation-iteration-count: infinite;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-name: pulse;
        width: 60px;
        height: 60px;
        top: -2px;
        right: -8px;
        position: absolute;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        background-color: rgba(0, 175, 242, 0.5);
        opacity: .75;
    }
    .call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block}
    .social-button a span {
        border-radius: 2px;
        text-align: center;
        background: rgb(103, 182, 52);
        padding: 9px;
        display: none;
        width: 192px;
        margin-left: 10px;
        position: absolute;
        color: #ffffff;
        z-index: 999;
        top: 9px;
        right: 57px;
        transition: all 0.2s ease-in-out 0s;
        -moz-animation: headerAnimation 0.7s 1;
        -webkit-animation: headerAnimation 0.7s 1;
        -o-animation: headerAnimation 0.7s 1;
        animation: headerAnimation 0.7s 1;
    }
    @-webkit-keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    @keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    .social-button a span:before {
          content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 10px 10px 2px;
    border-color: transparent rgb(103, 182, 52) transparent transparent;
    position: absolute;
    right: -10px;
    transform: rotate(180deg);
    top: 10px;
    }


h5.post-title.is-large {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -ms-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.col-box-x1 h5 {
    color: #00a52a;
}


.from_the_blog_excerpt  {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -ms-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 15px;
}
.sectionx h5.post-title {
height: 100%;
    padding-bottom: 0px !important;
        text-transform: uppercase;
    text-align: center;
}

.thicong .large-12 {
    padding-bottom: 0px;
}
.col-box-x1 .col {
    padding-bottom: 0px;
}
.col-box-x1 h5 {
    height: auto !important;
}

.col-box-x1 .box-text {
    padding-bottom: 0;
}
.box-image {
       position: relative;
    overflow: hidden;
}
.box-image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.box-image:hover:before {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
/*.entry-content.single-page .large-4 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}*/
.col-box-x1 .icon-box-img img {
    padding: 8px;
        border-radius: 50%;
    margin-left: 5px;
}

.col-box-x1 h5.post-title.is-large {
    font-size: 16px;
        text-align: left;
}
.col-box-x1 h5.post-title {
    font-size: 16px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.col-box-x1 .icon-box-text > h5 {
    color: #fff;
}
.col-box-x1 .icon-box p {
    font-size: 15px;
}

.section3 .col {
    padding-bottom: 0px;
}
.video.video-fit.mb {
    border-radius: 4px;
}
.portfolio-box .box-image img {
    border-radius: 4px;
        color: hsl(0deg 3% 34%);
    border-radius: 4px;
    box-shadow: hsl(0, 0%, 80%) 0 0 9px;
    background-color: hsl(0, 0%, 100%);
}
.image-cover {
    border-radius: 4px;
}
.portfolio-box .box-text {
    /*background: linear-gradient(transparent,#444 95%);*/
    position: absolute;
    bottom: 0;
    height: 60px;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    /* width: calc(100% - 30px); */
    /* left: 15px; */
    margin: 0;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: 100;
        border-radius: 4px;
}


@media (min-width: 1600px) {
.row.row-small {
max-width:1440px;
}

.full-width .ubermenu-nav,.container,.row {
max-width:1440px;
}

.row.row-collapse {
max-width:1440px;
}

.row.row-large{
        max-width: 1440px;
}

}

.col.post-item:hover a, .header-nav.header-nav-main > li:hover > a {
        color: #01a52a;
}
/*.col.post-item:hover h5 {
    color: #fff;
}
*/
.col-box-x1 .col.post-item:hover h5 {
    color: #fd0000 !important;
}
.col.post-item h5 {
    color: #0095da;
}
button.button.is-bevel {
    margin: 0 auto;
    display: table;
    text-align: center;
    margin-top: 10px;
}

ul.sub-menu li:hover {
     color: #fb070a;
}
i.fa.fa-zalo.fa-phone:before {
    background-image: url(/wp-content/uploads/2020/07/zalo.png)!important;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    margin-top: 0;
}
@media (max-width: 350px) and (min-width: 300px) {
    h3 {
    font-size: 17px !important;
}


}

@media (max-width: 320px) and (min-width: 300px) {

.bottom-contact ul li span {
    color: #fff;
    font-size: 11px;
}

}


::-webkit-scrollbar{background:#fff;width:10px;height:11px}

::-webkit-scrollbar-thumb{background:#BBB}

*{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100%!important}

.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style]{width:100%!important}

.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width:100%!important}

#clickvideo{width:100%;padding:4px 0;margin:3px 0;border:1px solid #DDD;box-sizing:border-box}

.addthis_native_toolbox{margin:10px 0;width:100%;clear:both;border:1px solid #ededed;padding:10px;margin-bottom:10px;background:#f7f6f6;box-sizing:border-box}

.addthis_native_toolbox b{float:left;font-size:14px;text-transform:uppercase;margin-right:10px}

#toptop{width:37px;height:37px;position:fixed;bottom:30px;right:20px;text-indent:-99999px;cursor:pointer;background:url(images/back_to_top.png) top center no-repeat;transition:.5s;z-index:200}

#toptop:hover{background:url(images/back_to_top.png) bottom center no-repeat;transition:.5s}

.clear{clear:both}

img{max-width:100%;height:auto}

div.bando img{max-width:none!important}

a{text-decoration:none}




.nodisplay{width:0;height:0;overflow:hidden;z-index:-99;position:fixed;top:-500px}



.sp_cart_top {height: 32px;position: absolute;top:35px;right: 20px;

background: url(images/giohang.png) no-repeat left;padding-left:38px;

line-height: 32px;color: #333;font-family: Roboto_M;font-size: 15px;

z-index: 999;}





.sp_cart_top span {font-family: OpenSans_R;font-size: 12px;color: #FFF;line-height: 20px;

    width: 20px;height: 20px;background-color: #8C1B21;

border: solid 1px #8C1B21;border-radius: 50%;position: absolute;;top: -8px;left:20px;text-align: center;}



div#wapper{margin:0 auto;width:100%;max-width:1366px;;overflow-x:hidden;}



div#header{position:relative;margin:0 auto;width:100%;max-width:1366px;top: 0px;z-index: 99;

}

.icon_mxh_top {position: absolute;top: 10px;right: 10px;}

.icon_mxh_top img {display: inline-block;vertical-align: top;margin: 2px 3px;}



.top_header {background: #0177C3;

    width: 100%;

    position: absolute;top: 0px;right: 0px;z-index: 99;

    width: auto;

    padding-right: 5%;padding-left: 3%;

}



.top_header:before

{

    content: "";position: absolute;top: 0px;left: -40px;

    width: 0;

      height: 0;

      border-top: 45px solid #0177C3;

      border-left: 40px solid transparent;

}



.top_header .content {

    width:auto;

    padding:10px;font-family:OpenSans_R;line-height:25px;font-size:13px;

    float: left;

}



.flex_3 {width: calc(100% / 3)}





.slogan_top {font-family: RobotoCondensed;font-size: 15px;color: #FFF;display: inline-block;

    vertical-align: top;

line-height: 30px;margin-right: 45px;}





.top_header .diachi {padding-left:25px;float: left;

background:url(images/link_diachi.png) no-repeat left;font-family:OpenSans_R;

line-height:25px;color: #FFFFFF;margin-right:30px;}



.top_header .email {padding-left:25px;float: left;

background:url(images/link_email.png) no-repeat left;font-family:OpenSans_R;

line-height:25px;color: #FFFFFF;margin-right:30px;}



.top_header .giolam {padding-left:25px;float: left;

background:url(images/link_giolam.png) no-repeat left;font-family:OpenSans_R;

line-height:25px;color: #FFFFFF;}



div#header .content_bn{width:100%;max-width:1200px;margin:0 auto;position:relative;text-align:left;

    box-sizing:border-box;}





.hotline_top{position: absolute;bottom:10px;right: 5px;

    min-height: 50px;

    font-family:OpenSans_R;

    font-size: 16px;

    line-height:25px;

    padding-left:55px;

    background: url(images/phone.png) no-repeat left;



}

.hotline_top span {

    font-family: UTM_HelvetIns;color: #EE1010;font-size: 22px;

    text-shadow: 

     1px  1px     #fff, 

    -1px  1px     #fff, 

     1px -1px     #fff, 

    -1px -1px     #fff,

     1px  1px 5px #555;

    letter-spacing: 2px;

}



div#header .logo{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:150px;

    position: relative;z-index: 10;

}



div#header .banner{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:150px;

    margin-left: 70px;

}





.slide_dmsp_i{width:100%;display:inline-block;vertical-align:top;margin-bottom:30px}







div#lang{float:right;margin-top:7px;margin-left:30px;}

div#lang a{display:inline-block;vertical-align:top;line-height:20px;color:#666;text-decoration:none}

div#lang a:hover{color:red}

div#lang a img{display:inline-block;vertical-align:top;height:20px;width:30px}



div.link_lienket{height: 30px;position: absolute;top: 10px;right:0px;}



div.link_lienket a{color:#016F86;font-size:20px;height:30px;width:30px;display: inline-block;vertical-align: top;

    line-height:28px;text-align:center;text-decoration:none;margin:0px 5px;transition:1s;

    font-weight:400;border-radius: 50%;border: solid 1px #016F86;}



div.link_lienket a:hover{transition:1s;transform:rotate(360deg);color:red}





div.link_lienket2{width:100%;display:inline-block;vertical-align:top;margin-top:20px;text-align:left;}

div.link_lienket2 a{display:inline-block;vertical-align:top;color:#FFF;font-size:20px;height:40px;line-height:40px;

    width:40px;text-align:center;text-decoration:none;margin:0 3px;transition:1s;font-weight:700;border-radius:50%;

    border:solid 1px #fff;background:none;}



.col_w50{width:50%;float:left;padding:10px}

.col_w60{width:60%;float:left;padding:10px}

.col_w40{width:40%;float:left;padding:10px}

.col_w30{width:30%;float:left;padding:10px}

.col_w70{width:70%;float:left;padding:10px}

.col_w20{width:20%;float:left;padding:10px}





div#right{width:calc(100% - 270px);float:right;margin-bottom:20px}



div#left{width:250px;float:left;background:#FFF;margin-bottom:20px}



div#danhmuc_left{width:100%;margin-bottom:30px;border:solid 1px #D8D7D7;



}

div#left .tieude{color:#FFF;

    font-size:18px;

    width:100%;height: 40px;

    margin-bottom:10px;

    background: #007FFF;

    display: inline-block;vertical-align: top;

    line-height:37px;

    text-indent: 20px;

    text-transform:uppercase;font-family:Roboto_M;

    margin-bottom: 10px;

}



div#left .tieude2{color:#fff;text-align:left;font-size:16px;

    background-image: linear-gradient(#007BD7 , #0066B4);

    height:38px;width:100%;line-height:28px;

    text-transform:uppercase;font-family:Roboto_M;

    border-radius: 8px;

    margin-bottom: 5px;

    padding: 5px 20px;

}



.list_news_r{list-style:none;width:100%;box-sizing:border-box;padding: 0px;

    display:inline-block;vertical-align:top}

.list_news_r li{width:100%;box-sizing:border-box;padding:5px 20px;position:relative;

    display:inline-block;

    line-height: 28px;

    vertical-align:top;padding-left:25px;

    border-bottom: solid 1px #E1E1E1;

    padding:7px 15px;

    transition:0.5s;

}

.list_news_r li.dmc1:after {

    content: "";

    width: 10px;height: 10px;position: absolute;

    background: url(images/icon-muiten.png) no-repeat center;

    top: 12px;right: 10px;

}



.list_news_r li:last-child {border-bottom: none}



.list_news_r li a{color:#333;font-family:'RobotoCondensed';text-decoration:none;font-size:18px;

transition:.4s;display:block;line-height:28px;text-transform: capitalize;}

.list_news_r li a:hover{color: #D90F0F;}



.list_news_r li ul{width:100%;padding:0;margin-top: 5px;

    overflow:hidden;transition:1s;

    z-index: 999;

    display: inline-block;vertical-align: top;

}

.list_news_r li ul li{background:none;padding:2px 10px;border: none}

.list_news_r li ul li a{font-size:15px}

div#danhmuc_left .phone_left{background:url(images/dienthoai.png) no-repeat left top;padding-left:90px;height:80px;width:90%;margin:5%;display:inline-block;vertical-align:top;line-height:30px;font-family:UTM_American_Sans;font-size:18px;color:red;padding-top:10px}

div#danhmuc_left .phone_left span{font-size:25px}

.hotro_left{width:100%;display:inline-block;vertical-align:top;padding-left:20px;margin-bottom:20px}

.hotro_left li{list-style:none;font-family:RobotoCondensed;font-size:16px;line-height:30px}

.hotro_left li img{display:inline-block;vertical-align:top;margin-right:10px;width: 40px;}

.hotro_left li.dienthoai{font-family:UTM_American_Sans;color:red}



#slick_quangcao_l .img {width: 100%;}



.col_w33{width:calc(100% / 3);padding:10px;float:left}



.load_video{width:100%;}



#gioithieu_index{width:100%;padding:20px 0px;margin-bottom:20px;

}



#gioithieu_index .title_gioithieu1{width:100%;display:inline-block;vertical-align:top;

    font-family:OpenSans_R;position: relative;

    font-size:18px;text-align:left;color: #333;line-height:30px;

    padding-left:20px;

}

#gioithieu_index .title_gioithieu1:before {

    content: "";width:4px;height:65px;position: absolute;left:0px;top:8px;

    background: #2B95FF;

}



#gioithieu_index .title_gioithieu{width:100%;display:inline-block;vertical-align:top;

    font-family:UTM_HelvetIns;position: relative;

    font-size:35px;margin-bottom:25px;color: #F00000;

    padding-left: 20px;

}



.content_gioithieu {width: 100%;display: inline-block;vertical-align: top;

font-family: OpenSans_R;font-size: 15px;

}



.img_about {width: 100%;position: relative;width: 100%;

padding-top:30px;padding-right:50px;}

.img_about img {width: 100%;display: inline-block;vertical-align: top;    padding-left: 10px;}

.img_about:after {width: calc(100% - 50px);height: calc(100% - 30px);

content: "";position: absolute;border: solid 4px  #f0393f;

top: 10px;right: 30px;z-index: -1;

}

blockquote {
    border-left: 4px solid #01a52a;
        padding: 0px 10px;
}



#quangcao-top{width:100%;max-width:1200px;margin:0 auto;padding-bottom:10px}

#quangcao-top .img{width:calc(50% - 5px);float:left;margin-right:10px}

#quangcao-top .img:nth-child(2n){margin-right:0}



#menu_login{list-style:none;position:absolute;top:0px;right:0px}

#menu_login li{display:inline-block;padding-left: 20px;margin-right: 5px;}

#menu_login li a{text-decoration:none;color:#fff;padding:0 5px;font-size: 14px;}

#menu_login li a:hover {color: #000;}

#menu_login li.dk {background: url(images/dangky.png) no-repeat left;}

#menu_login li.dn {background: url(images/dangnhap.png) no-repeat left;}



.hotline_m{display:none}



.sang_header{top:10px;left:20px}

.img_pop_up{width:100%;border:solid 5px #666}

.mxh_top{float:right;height:40px;margin-top:10px}





div.header{display:none}

div.wap_menu{position:relative;width:100%;margin:0 auto;z-index:10;margin:0 auto;max-width:1366px;

background:#007FFF;}

div.wap_menu .menu{width:100%;max-width: 1200px;margin: 0px auto;position: relative;}

div.menu ul{list-style:none;padding:0;}

div.menu ul li{display:inline-block;vertical-align:top;position:relative;z-index:50;

border-left: solid 1px #2B95FF;

padding-left: 3px;

}

div.menu ul li.line_menu{height:50px;width:36px;padding:0;margin:0;

    background: url(images/line_menu.png) no-repeat center;}

div.menu ul li a{color:#FFF;font-size:15px;line-height:45px;padding:0px 12px;text-decoration:none;

    text-transform:uppercase;display:block;font-family:OpenSans_R;position:relative;}





div.menu ul li a:hover,div.menu ul li a.active{background: #EFE301;color: #333;}



div.menu ul li ul,div.menu ul li:hover ul li ul{position:absolute;margin-left:0;display:none;

    background:#01596B;line-height:1.5;height:auto;z-index:9999;width:220px;

}



div.menu ul li ul li{display: block;width:100%;position:relative;height:auto;

border-bottom: solid 1px #017A94;}



div.menu ul li ul li a{text-transform:none;display:block;line-height:25px;padding:5px 10px;font-size:14px;

    }

div.menu ul li ul li ul{left:100%;top:0}



div.search{position: absolute;top: 7px;right:10px;width:30px;box-sizing:border-box;

font-family:RobotoCondensed;overflow: hidden;z-index: 99;transition: 1s;

}

div.search:hover {width: 220px;transition: 1s;}



div.search input{height:30px;line-height:30px;float:left;border:none;background:none;

    width:calc(100% - 35px);outline:none;color:#333;box-sizing:border-box;font-size: 15px;

    background:#FFF;

    text-indent: 15px;

    box-sizing: border-box;

    border-radius: 10px;

}



div.search .btn_search{position: absolute;top: 0px;right: 0px;

    background:url(images/icon_search_menu.png) no-repeat center;

    width:30px;

    box-sizing:border-box;height:30px;text-transform:uppercase;cursor:pointer}



div.search input::-webkit-input-placeholder{color:#333}

div.search input::-moz-placeholder{color:#333}

div.search input:-ms-input-placeholder{color:#333}

div.search input:-moz-placeholder{color:#333}



div#slider{margin:0 auto;position:relative;width:100%;max-width:1366px;

}





#tintuc_index{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;background: #F5F5F5;}



#slick_tintuc_i {height: 360px;overflow: hidden;}



.content_noidung{width:100%;max-width:1200px;margin:15px auto}



.content_fanpage {width: 100%;display: flex;flex-wrap: wrap;}

.content_fanpage .fb-page {width: 50% !important;padding: 10px;}



.title_tintuc{width:100%;margin-bottom:15px;display:inline-block;vertical-align:top;position:relative;

    font-family: UTM_HelvetIns;font-size:26px;color: #333;

    text-align: left;

    padding-bottom:10px;

    text-transform: uppercase;

}

.title_tintuc:before {width:80px;height:4px;content: "";background: #0068B8;

position: absolute;left: 3px;bottom:0px;}



.box_news_index {padding: 5px;font-family:RobotoCondensed;font-size: 15px;line-height: 22px;}

.box_news_index .img {width: 100%;display: inline-block;vertical-align: top;}

.box_news_index .ten {display: inline-block;vertical-align: top;margin-top: 10px;margin-bottom: 4px;}

.box_news_index .ten a {font-family: Roboto_M;color: #000;font-size: 16px;}

.box_news_index .ten a:hover {color: red;}



.content_tintuc_i{padding:20px;background:#F3F3F3}







#tab_noibat {width: 100%;padding: 5px;text-align: center;}

#tab_noibat li {display: inline-block;vertical-align: top;cursor: pointer;border: solid 1px #D0D0D0;

border-radius: 4px;padding: 5px 20px;line-height: 25px;color: #333;font-family:Roboto_M;

font-size: 15px;text-transform: uppercase;margin: 0px 3px;}

#tab_noibat li:hover , #tab_noibat li.active {background: #F4D52B;border-color: #F4D52B;}



#content_noibat {padding-bottom: 30px;width: 100%;display: inline-block;overflow: hidden;}



.col_50{width:50%;float:left;padding:10px;box-sizing:border-box}

.col_33{width:calc(100% /3);float:left;padding:10px;box-sizing:border-box;text-align:center}

.col_30{width:30%;float:left;padding:10px;box-sizing:border-box}

.col_40{width:40%;float:left;padding:10px;box-sizing:border-box}

.col_60{width:60%;float:left;padding:10px;box-sizing:border-box}

.link-xemthem{float: right;font-size: 16px;color: #CA101B;}

.link-xemthem:hover{color:#880B11;transition:.5s}



.link-xemthem2{padding:7px 25px;border:none;color:#007FFF;font-family:OpenSans_R;font-size:17px;

    margin-top:10px;display:inline-block;vertical-align:top;transition:.5s;

    background: #FFF;

    border: solid 1px #2B95FF;

}

.link-xemthem2:hover{color:#F00000;transition:.5s}



.bando_ft{width:100%;position:relative}

.frm_lienhe_index{position:relative;

    width: 100%;max-width:800px;margin: auto;

    text-align:center;

    padding: 10px;

}

.frm_lienhe_index .input_lh{padding:6px;border:solid 1px #CCC;background:#FFF;border-radius:5px;width:100%;

    display:inline-block;vertical-align:top;margin-bottom:10px;line-height:22px;

font-family: OpenSans_R;font-size: 15px;

}



.btn_send_contact {display: inline-block;vertical-align: top;line-height: 25px;padding: 8px 30px;

background: #ED1C24;font-family: Roboto_M;color: #FFF;font-size: 16px;

border-radius: 5px;border: none;margin: 4px;cursor: pointer;transition: 0.5s;}

.btn_send_contact:hover {background: #0170C3;transition: 0.5s;}



.frm_lienhe_index #hinh_captcha{height:30px;display:inline-block;vertical-align:top}

.frm_lienhe_index .title_frm {width: 100%;display: inline-block;vertical-align: top;

    margin-bottom: 15px;

    font-family: UTM_HelvetIns;color: #0170C3;

font-size: 25px;}

.gg_capchar {width: 220px;height: 50px;display: inline-block;vertical-align: top;overflow: hidden;

border: solid 1px #EEE;

border-radius: 5px;}

.gg_capchar .g-recaptcha {margin-left: -10px;margin-top: -10px;}





#div_dangkynhantin {



width: 100%;

position: relative;

margin-bottom: 10px;

padding:35px 20px;

background: #CAE5FE;

}





#dknt{width:100%;max-width:600px;text-align: left;}



#dknt .title_dknt{width:100%;color:#0745A0;display:block;margin-bottom:10px;

font-family: UTM_American_Sans;font-size: 18px;}



#dknt .mota_dknt{width:100%;color:#FFF;font-size:14px;display:block;margin-bottom:10px;}



form#frm_dknt .txt_input{width:100%;padding:5px 10px;line-height:25px;display: inline-block;

    vertical-align: top;margin-bottom:10px;

    border:none;

    background:#FBFDFE;outline:none;color:#000;outline:none;

    font-family: OpenSans_R;font-size: 15px;

}

form#frm_dknt .txt_input.name {background: url(images/icon-name.png) no-repeat 8px 8px;

}

form#frm_dknt .txt_input.phone {background: url(images/icon-phone.png) no-repeat 8px 8px;

}

form#frm_dknt .txt_input.email {background: url(images/icon-email.png) no-repeat 8px 8px;

}





form#frm_dknt .txt_input2{width:100%;padding:5px 10px;line-height:25px;display: inline-block;

    vertical-align: top;margin-bottom: 10px;height:90px;

    outline:none;color:#000;outline:none;

    border:none;font-family: OpenSans_R;font-size: 15px;

    background:#FBFDFE;

}



form#frm_dknt input[type='button']{background-image: linear-gradient(#007FFF, #005BB7);color:#FFF;

    width:100px;height:45px;line-height:45px;

    border:none;cursor:pointer;text-transform:uppercase;outline:none;font-family:Roboto_M;

    text-align: center;display: inline-block;vertical-align: top;

    font-size:16px;font-weight:normal;

    display: inline-block;vertical-align: top;

    margin: 5px;



}

form#frm_dknt input[type='button']:hover {color: #f51820;}



.gg_capchar {width: 200px;height:45px;display: inline-block;vertical-align: top;border: solid 1px #CECECE;

overflow: hidden;border-radius: 5px;margin: 5px;}

.gg_capchar .g-recaptcha {margin-top: -14px;margin-left: -6px;}



.tag_keywords

{

    width: 100%;padding: 10px;

    background: #E8E8E8;

    margin-bottom: 25px;

}



.title_box_tags {font-family:Roboto_M;font-size: 20px;color: #333;}



.box_tags {padding: 10px;}

.box_tags a {display: inline-block;vertical-align: top;font-family: OpenSans_R;font-size: 15px;

color: #333;padding: 3px 10px;}

.box_tags a:hover {color:#FF0000;}



div#main_content{width:100%;max-width:1200px;margin:20px auto}

.tieude_giua{font-family:Roboto_M;font-size:22px;color:#0068B8;width:100%;margin-bottom:10px;

    text-align:center;padding-bottom:20px;background:url(images/title_main.png) no-repeat bottom center;}



.tieude_index {font-family:UTM_HelvetIns;font-size:32px;color:#333;width:100%;

    margin-bottom:10px;

    margin-top: 15px;

    padding-bottom: 20px;

    position:relative;

    text-transform:uppercase;

    background: url(images/title_main.png) no-repeat bottom center;

    text-align: center;

}

.tieude_index span {display: inline-block;vertical-align: top;padding: 5px 30px;background: #FFF;

position: relative;z-index: 99;}



.tieude_index:before {width: 100%;height: 1px;content: "";

position: absolute;left: 0px;top: 38%;

background: #007FFF;}



.mota_index {width: 100%;text-align: center;display: inline-block;vertical-align: top;padding:0px 10px;

font-family: RobotoCondensed;font-size: 16px;color: #333;line-height: 22px;margin-bottom: 15px;}





.tieude_uytin {font-family:UTM_HelvetIns;font-size:32px;color:#FFF;width:100%;

    margin-bottom:15px;



    position:relative;

    text-transform:uppercase;

    text-align: center;



}







#uytin_index {width: 100%;padding: 40px 0px;

background: url(images/bg_uytin.jpg) repeat-y top center;}



.item_duan_i {width: calc(100% - 20px);margin:10px;text-align: center;

    font-family: RobotoCondensed;

    border: solid 1px #E5E5E5;

}

.item_duan_i .img {width: 100%;display: inline-block;vertical-align: top;border: solid 1px #EEEEEE;

    margin-bottom: 5px;

}

.item_duan_i .ten {width: 100%;display: inline-block;vertical-align: top;padding: 5px;}

.item_duan_i .ten a {color: #000;font-size: 16px;line-height: 22px;font-family: Roboto_M;

text-transform: uppercase;}

.item_duan_i .ten a:hover {color:#FC1212 }

.item_duan_i .mota {width: 100%;display: inline-block;vertical-align: top;

text-align: center;font-size: 14px;color: #333;padding:0px 5px;

margin-bottom: 10px}



#quytrinh_index {width: 100%;margin: 0px auto;padding:30px 0px;background: #CAE5FE;}



.wrap_quytrinh {width: 100%;max-width: 1300px;margin:20px auto;text-align: center;}



#quytrinh_index .tieude_index span {background: #CAE5FE;}



#slick_quytrinh {width: 100%;position: relative;padding: 0px;

    padding-bottom:40px;}



#slick_quytrinh:after {width:calc(100% - 40px);height:6px;position: absolute;content: "";

left:20px;bottom: 0px;background: #C7C7C7;

border: solid 4px rgba(255, 255, 255, 0.8);

border-radius: 10px;

}



#slick_quytrinh .slick-list {overflow: unset;z-index: 999;}



.item_quytrinh_i {width: calc((100% / 7) - 33px);margin:5px 13px;

    text-align: center;

    font-family: Roboto_M;

    position: relative;

    display: inline-block;vertical-align: top;

    list-style: none;

    

}

.item_quytrinh_i:last-child:before

{

    display: none;

}



.item_quytrinh_i:before

{

    width: 34px;height: 17px;

    content: "";

    position: absolute;

    background: url(images/muiten_quytrinh.png);

    right: -32px;top: calc(50% - 8px);

}



.item_quytrinh_i:after

{

    width: 15px;

    height: 15px;content: "";

    background: #007FFF;

    border: solid 8px #FFFFFF;

    position: absolute;

    bottom: -54px;

    left: calc(50% - 16px);

    z-index: 10;

    border-radius: 50%;

    transition: 0.4s;

}

.item_quytrinh_i:hover:after

{

    background: #EC3237;transition: 0.4s;

}



.item_quytrinh_i .img {width: 70px;display: inline-block;

}

.item_quytrinh_i .info {

    width: 100%;padding:40px 20px;position: absolute;top: 0px;

    left: 0px;text-align: center;

    z-index: 99;

}

.item_quytrinh_i .info .ten {font-family: RobotoBold;font-size: 17px;color: #007FFF;}



.item_quytrinh_i .hexagon {

  position: relative;

  width: 140px;

  height: 80px;

  background-color: #cae5fe;

  margin: 50px auto;

  border-left: solid 1px #42A0FF;

  border-right: solid 1px #42A0FF;

  box-sizing: unset;

  transition: 0.5s;

}

.item_quytrinh_i:hover .hexagon {background-color: #FFF;transition: 0.5s;}



.item_quytrinh_i .hexagon:before,

.item_quytrinh_i .hexagon:after {

  content: "";

  position: absolute;

  z-index: 1;

  width: 98.99px;

  height: 98.99px;

  -webkit-transform: scaleY(0.5774) rotate(-45deg);

  -ms-transform: scaleY(0.5774) rotate(-45deg);

  transform: scaleY(0.5774) rotate(-45deg);

  background-color: inherit;

  left: 19.5025px;

  box-sizing: unset;

}



.item_quytrinh_i .hexagon:before {

  top: -50px;

  border-top: solid 1px #007FFF;

  border-right: solid 1px #007FFF;

  box-sizing: unset;

}



.item_quytrinh_i .hexagon:after {

  bottom: -50px;

  border-bottom: solid 1px #007FFF;

  border-left: solid 1px #007FFF;

  box-sizing: unset;

}





.item_uytin_i {width: calc(100% - 20px);margin: 10px;text-align: center;font-family: OpenSans_R;

font-size: 14px;color: #E1E1E1;padding: 10px;

background: url(images/item_uytin.png) no-repeat bottom;

background-size: 100% auto;

}

.item_uytin_i .img {width:105px;display: inline-block;vertical-align: top;border-radius: 50%;

    margin-bottom: 15px;

}

.item_uytin_i .ten {width: 100%;display: inline-block;vertical-align: top;}

.item_uytin_i .ten a {color: #FFF;font-family: Roboto_M;font-size: 16px;}

.item_uytin_i .ten a:hover {color: #f51820;}

.item_uytin_i .mota {width: 100%;display: inline-block;vertical-align: top;margin-top: 7px;

line-height: 22px;height: 66px;overflow: hidden;}







.wrap_dmsp {width: 100%;text-align: center;}



a.xemthem_sp {padding: 8px 32px;display: inline-block;vertical-align: top;margin-top: 10px;

background:#E10000;color: #FFF;font-family: OpenSans_R;font-size: 15px;position: relative; }

a.xemthem_sp:before

{

    content: "";position: absolute;left: 4px;bottom: 4px;

    width: 0;

    height: 0;

    border-bottom: 15px solid #FFF;

    border-right: 15px solid transparent

}

a.xemthem_sp:after

{

    content: "";position: absolute;top: 4px;right: 4px;

    width: 0;

    height: 0;

    border-top: 15px solid #FFF;

    border-left: 15px solid transparent;

}

a.xemthem_sp:hover {color: #f51820;}





#dmsp_index {width: 100%;margin: 0px auto;padding: 0px;}



.item_dmsp {width: 100%;display: inline-block;position: relative;margin-bottom:5px;overflow: hidden;}



.item_dmsp .img {width: 100%;display: inline-block;vertical-align: top;transition: 0.8s;}

.item_dmsp:hover .img {transform:scale(1.1);transition: 1s;}



.item_dmsp .info {width: 80%;height: 80%;position: absolute;top: 10%;left: 10%;

z-index: 10;padding: 20px;    display: block !important;}



.item_dmsp .info .ten {font-size: 35px;}

.item_dmsp .info .ten a {color: #FFF;font-weight: 600;font-size: 24px;}

.item_dmsp .info .ten a:hover {color: #f51820;}



.item_dmsp.v1 .info {border: solid 2px #FFF;border-right: none;display: block !important;}

.item_dmsp.v1 .info:before 

{

    width: 2px;height: 15%;content: "";position: absolute;top: 0px;right: 0px;

    background: #FFF;

}

.item_dmsp.v1 .info:after 

{

    width: 2px;height: 30%;content: "";position: absolute;bottom: 0px;right: 0px;

    background: #FFF;

}

.item_dmsp.v1 .btn_detail {transform: rotate(-90deg);

position: absolute;top: 38%;right: -18%;

color: #FFF;font-size: 22px;

}


.item_dmsp.v1 .btn_detail:hover {color: #f51820;}



.item_dmsp.v2 .btn_detail {

position: absolute;bottom: 0px;right:0px;

color: #FFF;font-size: 20px;

}

.item_dmsp.v2 .btn_detail:hover {color: #f51820;}



#doitac{width:100%;padding:20px 0;background-color: #EBEBEB;}

#doitac .title_doitac {width: 100%;display: inline-block;vertical-align: top;

font-size: 25px;margin-bottom: 10px;

position: relative;padding: 10px;color: #000;}

#doitac .title_doitac:after

{

    width: 100px;height: 3px;content: "";

    background: #EE1010;

    position: absolute;left: 10px;bottom: 0px;

}



#slick_doitac{width:100%;max-width:1200px;margin:0 auto;padding:15px 0px;text-align:center;font-family:RobotoCondensed;font-size:16px;color:#FFF}



#doitac .item_doitac{margin:0 10px;box-sizing:border-box}

#doitac .item_doitac img{max-width:100%;border: solid 1px #EEE;background: #FFF;transition: 0.3s;}

#doitac .item_doitac img:hover {border-color:#EE1010;transition: 0.3s; }



div.wap_item{text-align:center;position:relative;width:100%;margin:0 auto;padding-bottom:25px}





.item{width:calc((100% / 4) - 23px);margin:10px 10px;text-align:center;display:inline-block;

    vertical-align:top;box-sizing:border-box;position:relative;font-family:Roboto_M;transition:.4s;

    transition: 0.4s;

}



.item .img{

    width:100%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;

    position: relative;

    border: solid 1px #D2D2D2;

}

.item .img:hover {border-color:#016FC3;transition: 0.4s; }



.item .ten{width:100%;position:absolute;font-family:OpenSans_R;text-align:center;font-weight:normal;

padding: 7px;line-height:23px;

left: 0px;bottom: 0px;background: rgba(0,127,255,0.8);

}

.item .ten a{color:#FFF;font-size:17px}

.item .ten a:hover{color:#f51820;}





.item .sp_gia{width:100%;margin:0;font-size:16px;text-align:center;display:inline-block;

    vertical-align:top;line-height:22px;margin-bottom: 10px;}

.item .sp_gia span {color: #FC1212;}

.item .giacu {font-family:RobotoCondensed;color: #666;text-decoration: line-through;font-size: 14px;

margin-left: 10px; }



.item .dathang {height: 35px; text-align: center;line-height:25px;text-align: center;

    padding: 5px 25px;

background: #493435;border-radius: 18px;color: #FFF;cursor: pointer;font-family:RobotoCondensed;



font-size: 15px;position: relative;display: inline-block;vertical-align: top;margin-bottom: -20px;;transition: 0.4s;z-index: 99;}

.item .dathang .ico {width: 25px;height: 25px;display: inline-block;vertical-align: top;

background: url(images/icon_addcart.png);}



.item:hover .dathang {color: #F4D52B;transition: 0.6s;}



.item .box-img:after {content: "";position: absolute;top: 0px;left: 0px;

background: rgba(0,0,0,0.6);z-index: 10;width: 100%;height: 100%;transition: 0.4s;opacity: 0;}

.item:hover .box-img:after {opacity: 1;transition: 0.6s;}





.item_dt{width:calc((100% / 5) - 23px);margin:10px 10px;text-align:center;display:inline-block;

    vertical-align:top;box-sizing:border-box;position:relative;font-family:RobotoCondensed;transition:.4s;

    transition: 0.4s;

    border: solid 1px #D2D2D2;

    padding:3px;

    background: #FFF;

    -moz-box-shadow: 3px 3px rgba(0,0,0,0.1);

    -webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);

    box-shadow: 3px 3px rgba(0,0,0,0.1);

}



.item_dt .img{width:100%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;

    position: relative;

}

.item_dt:hover {border-color:#016FC3;transition: 0.4s; }



.item_dt .ten{width:100%;position:relative;font-family:RobotoCondensed;text-align:center;font-weight:normal;

padding: 7px;line-height:22px;}

.item_dt .ten a{color:#000000;font-size:18px}

.item_dt .mota{width:100%;margin:0;display:inline-block;vertical-align:top;padding:5px 0;font-weight:400;

    font-size:15px;color:#000}

.item_dt .ten a:hover{color:#F00}

.item_dt .mota{width:100%;margin:0;display:inline-block;vertical-align:top;font-size:14px}



.item_dt .sp_gia{width:100%;margin:0;font-size:16px;text-align:center;display:inline-block;

    vertical-align:top;line-height:22px;margin-bottom: 10px;}

.item_dt .sp_gia span {color: #FC1212;}

.item_dt .giacu {font-family:RobotoCondensed;color: #666;text-decoration: line-through;font-size: 14px;

margin-left: 10px; }





a.btn-chitiet{width:35%;float:right;text-align:center;line-height:25px;background:#EEE;font-size:15px;color:#000;padding:5px 0;position:relative}

a.btn-chitiet:before{width:0;height:0;border-bottom:35px solid #EEE;border-left:20px solid transparent;content:'';position:absolute;left:-20px;bottom:0}

a.btn-chitiet:hover{color:red}



a.btn-addcart{padding:3px 18px;border:double 3px #666;display:inline-block;vertical-align:top;margin:5px 0;color:#333;font-size:15px;cursor:pointer}

a.btn-addcart:hover{color:red}



#tab_pro_index {width: 100%;display: inline-block;vertical-align: top;margin-bottom: 20px;

padding: 0px;

background: url(images/title_index.png) repeat-x center;

text-align: center;

}

#tab_pro_index li 

{

    padding:8px 25px;display: inline-block;vertical-align: top;background: #006BB0;

    cursor: pointer;

    line-height: 25px;

    transition: 0.4s;

    font-family: Roboto_M;color: #FFF;font-size: 16px;

    transform: skew(-15deg);

    margin: 0px 3px;

    min-width: 160px;



}

#tab_pro_index li span {display: inline-block;vertical-align: top; transform: skew(15deg);}



#tab_pro_index li:hover , #tab_pro_index li.active {background: #DF1515;transition: 0.4s;}



#uytin_index {width: 100%;padding:20px 0px; }



#uytin_index .box_uytin {font-family: OpenSans_R;font-size: 14px;

margin: 10px; text-align: center;}



#uytin_index .box_uytin .img {display: inline-block;vertical-align: top;width: 85px;border: solid 3px #007FFF;

border-radius: 50%;transition: 0.4s;} 

#uytin_index .box_uytin .img:hover {border-color:#004891;transition: 0.4s; }



#uytin_index .box_uytin .ten {width: 100%;display: inline-block;vertical-align: top;margin-top: 8px;}

#uytin_index .box_uytin .ten a {font-family: Roboto_M;font-size:15px;color: #333;

}

#uytin_index .box_uytin .ten a:hover {color:#007FFF }





div#wap_footer{margin:0 auto;width:100%;position:relative;max-width:1366px;

    background:url(images/bg_bottom.jpg) no-repeat top center;

    background-color: #040300;

    color:#FFF;font-family:OpenSans_R;font-size:15px;

}





#main_footer

{

    width: 100%;

    max-width: 1200px;

    margin: 0px auto;

    padding-bottom: 20px;

    padding-top: 20px;

}



#tags_footer {width:100%;padding: 10px;margin: 0px auto;max-width: 1200px;

font-family:OpenSans_R;font-size:15px;

}



.box_title_ft {width: 100%;padding: 10px;text-align: center;padding-top: 30px;

color: #FFF;font-family: RobotoCondensed;font-size: 22px;}

.box_title_ft .t1 {text-transform: uppercase;}

.box_title_ft .t2 {text-transform: uppercase;font-family: UTM_American_Sans;font-size: 42px;

font-weight: normal;}



.map_ft {width: 100%;display: inline-block;vertical-align: top;}

.map_ft iframe {height:220px !important; width: 100% !important ;display: inline-block;vertical-align: top; }



.map_contact {width: 100%;display: inline-block;vertical-align: top;

border: solid 1px #EBEBEB;}

.map_contact iframe {height: 500px !important; width: 100% !important ;display: inline-block;vertical-align: top; }





.g-recaptcha div {max-width: 100% !important;}

.g-recaptcha iframe {width: 100% !important;}



.rc-anchor-normal , .rc-anchor-normal .rc-anchor-content , .rc-anchor-normal-footer {height: 50px !important;}



div#wap_footer .ten_cty{width:100%;font-size:28px;text-transform:capitalize;margin-bottom:5px;

    display:inline-block;

    vertical-align:top;position:relative;font-family:UTM_HelvetIns;color:#F00000;

    position:relative;}





div#wap_footer .title_ft{width:100%;font-size:17px;text-transform:uppercase;margin-bottom:10px;

    display:inline-block;margin-top: 10px;

    vertical-align:top;position:relative;font-family:Roboto_M;color:#FFF;position:relative;}





div#wap_footer .box_noidung_ft {background: url(images/bg_nd_footer.png) no-repeat center;

    padding: 10px 20px;background-size: 100% 100%;margin-top: -30px;

width: 45%;padding:30px; padding-left: 6%;}

div#wap_footer .box_noidung_ft .content {width: 80%;}



div#wap_footer .box_noidung_ft2 

{

    width: 55%;padding:20px;

    padding-right: 6%;

}



.pad20 {padding: 20px;}





div#wap_footer .info_ft{width:100%;display:inline-block;line-height:18px;padding:5px;

    font-family:RobotoCondensed;font-size:15px;color:#FBFBFB;padding-left:12px;

    background:url(images/muiten.png) no-repeat 0 8px}

div#wap_footer .info_ft:hover{color:#FF0}



#copy_right{width:100%;padding:10px;margin:0 auto;bottom:0;line-height:25px;

    background-color: #007FFF;

    color:#fff;font-family:OpenSans_R;font-size:14px;z-index:99;text-align:center; }





.thongke_ft{width:100%;display:inline-block;vertical-align:top;}

.thongke_ft img{width:16px;height:16px;display:inline-block;vertical-align:top;

    margin-right:6px;margin-top:4px}



.thongke_ft p {display:inline-block;vertical-align:top;

width:100%;margin-bottom:10px;}







div.wap_pro{width:100%;padding:10px}

.zoom_slick{width:45%;float:left;text-align:center}

.zoom_slick .slick2{border:1px solid #DDD}

.zoom_slick .slick{margin-top:5px}

.zoom_slick .slick img{width:95%;margin:auto;border:1px solid #DDD;box-sizing:border-box;cursor:pointer}

.zoom_slick .slick img:hover{border:1px solid #F60;opacity:.5;transition:1s}

.product_info{float:right;list-style:none;width:52%}

.product_info li{font-size:14px;border-bottom:1px solid #EEE;padding:6px 0;font-family: Roboto_M;}

.product_info li.ten{color:#03F;font-size:18px}

.product_info li.giacu{font-size:15px;text-decoration:line-through}

.product_info li.gia{color:#8C1B21;font-size:16px}

.product_info li.loai{color:#8C1B21;font-size:18px}



.product_info li b{font-weight:400;font-size:14px}

.xemgiohang{color:#E80019;display:block;width:120px;height:30px;text-align:center;line-height:30px;text-align:center;font-weight:700;cursor:pointer;font-size:13px;transition:.4s;margin:auto;margin-top:7px}

.product_info li .dathang{background:#8C1B21;color:#fff;display:block;max-width:300px;height:40px;line-height:40px;text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;font-size:14px;transition:.4s}

.product_info li .dathang i{margin-right:10px;font-size:25px;margin-top:3px}

.product_info li .dathang:hover{transition:.4s;background:#493435}



.txt_hethang {display: inline-block;vertical-align: top;padding: 3px 10px;border-radius: 5px;background: #E4E4E4;

color: #8C1B21;font-family: Roboto_M;}
div.baogia_slidera{padding: 30px 0px;}
.img_bangiga{width: 100px;height: 100px;overflow:hidden;border-radius: 50%;margin: 0 auto;background-color: #007FFF;border:5px solid #007FFF;box-sizing: border-box;padding: 5px;transition: 0.5s;cursor: pointer;}
.img_bangiga:hover{border-color: yellow;transition: 0.5s;}
.img_bangiga img{max-width: 90px;}
.bangia_sl{text-align: center;width: 25%;float: left;display: inline-block;padding: 0px 20px;}
.bangia_sl h3{text-transform: uppercase;font-weight: normal;font-family: 'Roboto_M';font-size: 18px;display: block;margin-top: 5px;}
.bangia_sl h3 a{color: #000;}
.bangia_sl h3 a:hover{color: red;}
.bangia_sl p{font-family: 'myFont';font-size: 14px;line-height: 25px;}

span.size{display:inline-block;padding:2px 10px;border:1px solid #DDD;border-radius:3px;

    margin:3px;cursor:pointer;color: #333;font-size: 14px;}

span.mausac{display:block;float:left;border:1px solid #DDD;width:30px;height:30px;margin-right:5px;cursor:pointer;font-size:0}

span.active_size,span.size:hover,span.mausac:hover,span.active_mausac{border:1px solid #E00}

input.soluong{width:50px;border:1px solid #C7C6C6;padding:2px 0;text-align:center;font-size:15px;margin-right:5px}

table#giohang input{margin:5px 0}

table#giohang input.btn,.click_ajax{background:#0068B8;color:#fff;padding:7px 25px;

    border:none;cursor:pointer;margin:5px 1px;border-radius:3px;

    font-family: RobotoCondensed;font-size: 16px;

}





.box_dientichluy {width: 100%;display: inline-block;vertical-align: top;text-align: center;;font-size: 14px;}

.check_giamgia {width: 100%;display: inline-block;vertical-align: top;text-align: center;;font-size: 14px;

color: #D94D09;    font-family: RobotoCondensed;font-size: 16px;margin-bottom: 10px;}

.check_giamgia span {font-family: Roboto_M}



.check_giamgia #use_score {width: 20px;height: 20px;display: inline-block;vertical-align: top;cursor: pointer;

    margin: 0px; margin-right: 6px;margin-top: 2px;}



.btn_click_muahang {display:inline-block;vertical-align:top;font-family:Roboto_M;font-size:14px;

    color:#333;border:solid 1px #999999;background:#EEE;padding:4px 25px;margin-top:10px;cursor:pointer;}

.btn_click_muahang:hover {color:#8C1B21;}



table#tt td{height:30px}

table#tt td input.t{width:300px;height:20px;margin:3px 0 5px;border:1px solid #DDD}



table#tt td textarea{width:300px}

table#tt span{color:red}

@-webkit-keyframes star {

0%{-webkit-transform:rotate(0) scale(0)}

50%{-webkit-transform:rotate(180deg) scale(1.5)}

100%{-webkit-transform:rotate(360deg) scale(0)}

}

@-o-keyframes star {

0%{-o-transform:rotate(0) scale(0)}

50%{-o-transform:rotate(180deg) scale(1.5)}

100%{-o-transform:rotate(360deg) scale(0)}

}

@-moz-keyframes star {

0%{-moz-transform:rotate(0) scale(0)}

50%{-moz-transform:rotate(180deg) scale(1.5)}

100%{-moz-transform:rotate(360deg) scale(0)}

}

.start-animate{z-index:1.0E+17!important;position:absolute;animation:star linear 1.75s infinite;-moz-animation:star linear 1.75s infinite;-webkit-animation:star linear 1.75s infinite;-o-animation:star linear 1.75s infinite}

@keyframes star {

0%{transform:rotate(0) scale(0)}

50%{transform:rotate(180deg) scale(1.5)}

100%{transform:rotate(360deg) scale(0)}

}

@media screen and (max-width: 603px) {
.col_w40, .col_w60, .col_w50, .col_w70, .col_w33 {
    width: 100%;
        padding: 0;
}
/*.col, .gallery-item, .columns {
    padding: 0 10px 15px !important;
}*/
.item_dmsp .info .ten {
    font-size: 26px;
}

}

.about6 h2 {
    font-size: 23px;
    font-weight: 600;
    font-style: initial;
    color: #f60f13;
}
.home .info {
    display: none;
}
.xaydung {
    padding-bottom: 0px !important;
}

th, td {
    border: 1px solid #ddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th:first-child, td:first-child {
    padding-left: 10px;
}
td {
    color: #333;
}

.entry-content {
    padding-top: 0;
}

@media (max-width: 992px) and (min-width: 768px) {
    .medium-6 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.footer-wrapper .medium-3 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.row.row-isotope.large-columns-3.medium-columns-.small-columns-2.row-normal.row-full-width {
    padding-right: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
}
/*.thicong {
	padding-top: 50px !important;
}*/
/*.thicong:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-width: 180px 440px 0 0;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    z-index: 1;
}*/
.thicong:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAP19fX/GZHFQAKNjY2McEGYAEgRWBBZACyILgASBAB/txKCuXwkFwAAAABJRU5ErkJggg==) repeat;
}

/*.thicong {
    background: url(https://landingpage.hobien.com.vn/assets/images/hobien/problem/bg.png) no-repeat;
    background-position-x: calc(50vw - var(--scrollbar-width)/2);
    background-position-y: -30rem;
    padding-top: 8rem;
}*/

#masthead li.html.custom.html_topbar_left h2 {
color: #ed1c24;
    margin-bottom: 8px;
    font-size: 26px;
    text-align: center;
    padding-top: 7px;
}
#masthead li.html.custom.html_topbar_left ul li {
        font-size: 17px;
    line-height: 1.5;
}
#masthead li.html.custom.html_topbar_left {
    padding-left: 90px;
}
.phonenow {
    font-size: 26px;
    color: red;
}
.phonenow b {
    color: red;
}
.nav-line-grow>li>a:before {
   display: none !important;
}
#masthead  .footer-info .info-item .fa {
    color: #00a52a;
}
body.archive.category .col.post-item:hover h5 {
    color: #22be29 !important;
}

.marquee p {
        margin-bottom: 0;
        padding-top: 5px;
}
.box-section1 .large-2 {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
.box-section1 .col {
    padding-bottom: 0px;
}

.lienhe_top {
    background: rgba(14,92,151,0.8);
    position: relative;
    box-shadow: 0 4px 2px -2px #ccc;
    color: #fff;
    padding: 30px 15px;
}
.section1-col3 .col-inner {
    min-height: 380px;
}
.box-section1 img {
    border-radius: 50%;
}
.box-section1 {
    position: relative;
    top: 20px;
}
.box-section1 .icon-box.featured-box {
    padding: 15px;
}

.yeucaubaogia {
        padding: 20px;
        margin-bottom: 20px;
    border: 2px solid #004980;
}
.guiyeucau {
    font-size: 24px;
    padding-bottom: 10px;
}
.post-sidebar .video-blocks-xd .large-3 {
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    padding-bottom: 0px;
}
.video.video-fit.mb {
    margin-bottom: 10px;
}
.colx8 {
    padding: 0px;
}
.post-sidebar.large-4.col.colx4 {
    padding-right: 0px;
}
.post-sidebar.large-4.col.colx4 aside {
    border: 1px solid #ddd;
    padding: 20px;
}
aside#post_views_counter_list_widget-2 a {
    font-size: 14px;
    border-left: 2px solid #0095da;
    padding-left: 8px;
    text-transform: uppercase;
}
.post-sidebar.large-4.col.colx4 .widget_media_image img {
    width: 100%;
}

.video-blocks-xd .large-3 .col-inner {
    background: #f5f5f5;
}
.video-blocks-xd .large-3 .col-inner h4 {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}





