@import "jquery.colorbox.css";

@charset "utf-8";

@font-face {
    font-family: 'UVNHongHaHep_B';
    src: url('../fonts/UVNHongHaHep_B.eot');
    src: url('../fonts/UVNHongHaHep_B.eot-#iefix') format('embedded-opentype'),
url('../fonts/UVNHongHaHep_B.woff') format('woff'),
url('../fonts/UVNHongHaHep_B.ttf') format('truetype'),
url('../UVNHongHaHep_B.svg#WOL_SB') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'UVNHongHaHep_R';
    src: url('../fonts/UVNHongHaHep_R.eot');
    src: url('../fonts/UVNHongHaHep_R.eot-#iefix') format('embedded-opentype'),
url('../fonts/UVNHongHaHep_R.woff') format('woff'),
url('../fonts/UVNHongHaHep_R.ttf') format('truetype'),
url('../UVNHongHaHep_R.svg#WOL_SB') format('svg');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'UTM_Avo';
    src: url('../fonts/UTM_Avo.eot');
    src: url('../fonts/UTM_Avo.eot-#iefix') format('embedded-opentype'),
url('../fonts/UTM_Avo.woff') format('woff'),
url('../fonts/UTM_Avo.ttf') format('truetype'),
url('../UTM_Avo.svg#WOL_SB') format('svg');
    font-weight: 600;
    font-style: normal;
}





/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { outline: 0; border: 0; }
body { padding: 0; margin: 0 auto; color: #444242; background: #fff;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; 
}
body#home{background: #fff ;}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; padding: 0px; }
img.auto {max-width:100%; height:auto;}
a { color: #444242; text-decoration: none;  cursor:pointer;  
	-webkit-transition: color .30s ease-in-out;
    -moz-transition: color .30s ease-in-out;
    -ms-transition: color .30s ease-in-out;
    -o-transition: color .30s ease-in-out;
    transition: color .30s ease-in-out;}
a:hover { color: #f58220; text-decoration: none; }
.middle { vertical-align:middle;}
.button { border:solid 0px #cdcdcd; height:30px; line-height:30px; padding:0px 25px; margin:0px;background:#4ea9ce; float:right; color:#fff; font-style:italic; font-size:15px; cursor:pointer;margin-top: 2px;}

.button:hover {color:#fff; background:#ce0003; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#back-top {
    position: fixed;
    bottom: 90px;
    right: 70px;
    font-size: 34px;
    cursor: pointer;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #1b2a42;
    line-height: 36px;
    border: 1px solid #1b2a42;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
#back-top i.fa {
    line-height: 26px;
}
.new-editer blockquote ul{
    border-left: 5px solid #ccc;
    padding: 20px 0 20px 40px;
    list-style-type: disc;
}
.new-editer ul{
    list-style-type: disc;
    padding-left: 40px;
}
.new-editer blockquote ul li{
    font-style: italic;
}
.header-top-new{
    background: #fff;
    padding: 20px 0;
}
.flex-bw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ul-main-menu{
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-main-menu > li > a{
    display: inline-block;
    color: #000;
    font-family: UVNHongHaHep_B;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px;
}
.has-sub{
    position: relative;
}
.ul-sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
    min-width: 220px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    display: none;
}
.ul-sub-menu > li > a{
    display: block;
    color: #000;
    font-family: UVNHongHaHep_B;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.has-sub-2{
    position: relative;
}
.ul-sub-menu-2{
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 999;
    background: #fff;
    width: 200px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    display: none;
}
.ul-sub-menu-2 > li > a{
    display: block;
    color: #000;
    font-family: UVNHongHaHep_B;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.has-sub-3{
    position: relative;
}
.ul-sub-menu-3{
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 999;
    background: #fff;
    width: 200px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    display: none;
}
.ul-sub-menu-3 > li > a{
    display: block;
    color: #000;
    font-family: UVNHongHaHep_B;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.ul-sub-menu > li:last-child > a,
.ul-sub-menu-2 > li:last-child > a,
.ul-sub-menu-3 > li:last-child > a{
    border: none;
}
.has-sub:hover .ul-sub-menu,
.has-sub-2:hover .ul-sub-menu-2,
.has-sub-3:hover .ul-sub-menu-3{
    display: block;
}
.logo img{
    max-height: 60px;
}
.f-search .stylish-input-group .input-group-addon{
    background: white !important; 
}
.f-search .stylish-input-group .form-control{
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
}
.f-search .stylish-input-group button{
    border:0;
    background:transparent;
}
.header-old{
    display: none;
}
.ul-main-menu > li:hover > a{
    color: #6c211b
}
.ul-sub-menu > li:hover > a,
.ul-sub-menu-2 > li:hover > a,
.ul-sub-menu-3 > li:hover > a{
    color: #fff;
    background: #6c211b;
    transition: all 0s;
}
.cate-home{
    padding: 60px 0 30px;
    background: url(../img/sl03.png);
    background-size: cover;
}
.block-ser-home{
    border: 5px solid #fff;
    margin-bottom: 30px;
}
.img-ser-home{
    display: block;
}
.img-ser-home img{
    width: 100%;
}
.tit-ser-home {
    margin: 0;
    background: #6c211b;
    text-align: center;
    padding: 15px 10px;
    font-size: 20px;
    text-transform: uppercase;
}
.tit-ser-home:hover{
    background: #132d72;
}
.tit-ser-home > a{
    color: #fff;
    font-family: UVNHongHaHep_B;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    bottom: -20px;
    left: -20px;
    position: fixed;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#6c211b;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    bottom: 10px;
    left: 10px;
    position: fixed;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgb(108 33 27);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    bottom: 30px;
    left: 30px;
    position: fixed;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    background-size: 35px;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#6c211b;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@media(max-width:1024px)
{
	#back-top { right:0;}
}
@media(max-width:991px){
    .ul-main-menu > li > a,
    .ul-main-menu-2 > li > a,
    .ul-main-menu-3 > li > a{
        font-size: 12px;
        padding: 15px 10px;
    }
    .tit-ser-home{
        font-size: 20px;
    }
}
@media(max-width:767px){
    header{
        display: none;
    }
    .header-old{
        display: block;
    }
    .tit-ser-home{
        font-size: 18px;
    }
    .bg_header .banner,
    .header-right.positiontopright{
        display: none;
    }
    .page-header .navbar-header{
        padding: 0 0 15px !important;
    }
}
/* General */
.none { display:none !important;}
.ohidden { overflow: hidden; }
.block-left { float: left; }
.block-right { float: right; }
.clear { clear: both; }
h1.title { font-size:22px; color:#414042;  margin:0px 0px 15px; padding:0px; font-weight:bold; }
h1.sidebar-title, h2.sidebar-title {font-size:18px; color:#443f3f; text-transform:uppercase; padding-left:60px; margin:0px 0px 32px; padding-top:10px; }
.content-editor img, img {max-width:100%; height:auto;}

#page_wrapper, .page-wrapper{width:100%; overflow:hidden;}

.page-header .navbar-collapse { padding:0px; background:#d6b289;position:relative;}
.page-header .navbar-collapse .header-right {position:absolute; right:0px; top:-90px;}
.page-header{position:relative; width:100%; float: left;  min-height:0;  padding-bottom:0;
             margin:0px; border:0px; background:transparent;
}
.page-header{}
.page-header .bg_header{/*background:url(../img/bg_header.jpg) no-repeat; background-size:cover;  padding:10px 0px 0px;*/ position:relative;}
.page-header .navbar-header{height:auto; width:auto;}
.page-header  .navbar-toggle {background:#00aeef; border:0;}
.page-header  .navbar-toggle:hover, .page-header  .navbar-toggle:focus{background:#005aa6; outline:none;}
.page-header a.logo{  padding:0px 15px;     width:250px;     
}

.page-header ul.navbar-nav li a{font-size:14px; color:#fff;  padding:0px 15px; height:38px; line-height:38px;
                                font-family: 'UVNHongHaHep_R',Tahoma,Helvetica,sans-serif; text-transform:uppercase;
 }
.page-header ul.navbar-nav li:hover a, .page-header ul.navbar-nav li.active a, .page-header  ul.navbar-nav li.active a:focus{background:#6c211b !important;}

#searchformwrap { }
#searchformwrap #s, .txtNewsLetterEmail { font-size: 1.1em; width: 178px; height:30px; margin-right:5px; color: #444242;  padding: 3px 0 3px 8px; float: left; border: solid 1px #00aef0; }
.language {
    margin-bottom: 0;
    padding: 10px 0 15px 0;
    display:block;
	text-align:right;
}
.language a { display: block; float: right; margin-left: 15px; padding-left:15px; border-left: solid 2px #9c9b9d; line-height:1em; 
              font-size:10px; 
}
.language a.active {color: #e5813b; font-weight:bold;}
.language a.last{border:0px;}
.hotline { background:#6c211b url('../img/bg-hotline.png') no-repeat right top; height:30px; line-height:30px; padding:0px 10px; color:#fff; margin-bottom:5px;
           font-size: 16px;font-family: UVNHongHaHep_R;
}
.hotline strong { font-family: UVNHongHaHep_B; }

.page-bg {}
.bg-white { background:#fff;}
.page-bottom { padding:15px 0px 5px;}
.footer-bg { height:auto;  line-height:1.5em; padding:20px 25px; color:#fff; font-size:10px; }
.footer-bg .coppyright {text-transform:uppercase; font-size:11px; text-align:right; line-height:1.5em; padding:15px 0;}
.socialnetwork a {margin-left:5px;}
.socialnetwork { padding-right:25px;}
.newsletter-wrap { padding-left:25px;}

.txtNewsLetterEmail { float:left; height:25px; margin-left:5px; margin-right:0px;}
.btRegNewsLetter { }
#page_body .page-content { padding-top:30px; padding-bottom:30px; background:#fff; padding-right:70px;}
#page_body .page-content .content-right {padding-left:45px; position:relative;}
#page_body .page-content h1.big-title {margin:0px 0px 15px; font-size:22px; color:#414042; font-weight:bold; text-transform:uppercase;}
.nav-left { list-style:none; margin:0px; padding:0px 0px 0px 20px;}
.nav-left li a{ font-size:14px; color:#414042; text-transform:uppercase;border-bottom:solid 1px #bbbbbb;
                display:block; padding-bottom:5px; margin-bottom:5px; font-family: 'UVNHongHaHep_R';
}
.nav-left li:hover a, .nav-left li.active a {color:#00abee;}
.nav-left li.no-border a{border-bottom:0px;}
#page_body .page-content .content-editor a { color:#f58220;}
.page-news .item { padding-bottom:20px; margin-bottom:20px;border-bottom:solid 1px #bbbbbb; }
.page-news .item .item-thumb{ margin-right:25px; }
.page-news .item h3.title { margin:0px 0px 5px 0px; font-size:14px; font-weight:bold;}
.page-news .item .datetime{ color:#bbbbbb;}
.page-news .item .bt-detail {  padding-left:12px; margin-top:2px; background:url('../img/bg-bt-detail.png') no-repeat left center; float:right; font-size:10px; color:#f58220; }

/* paging */
.paging { margin: 0 auto 15px; padding: 0; list-style: none; }
.paging  a { color: #414042; padding:2px 2px; line-height:30px;  text-decoration: none; margin: 0 3px; display: block; float: left; }
.paging a.pPrev { background: url("../img/bt-page-prev.png") center top no-repeat; width: 30px; height: 30px; text-indent:9999999px;overflow: hidden; }
.paging a.pNext { background: url("../img/bt-page-next.png") center top no-repeat; width: 30px; height: 30px;text-indent:9999999px;overflow: hidden; }
.paging a:hover, .paging  a.current { color: #f58220;  }
.paging a.pPrev:hover {background: url("../img/bt-page-prev.png") center bottom no-repeat;  }
.paging a.pNext:hover {background: url("../img/bt-page-next.png") center bottom no-repeat;  }
.paging a.pPrev,.paging a.pNext{display:none;}
.paging a.Haslink{display:block;}
.paging a.pFirst, .paging a.pLast{display:none !important; text-indent:999999px;}
.paging  .gotopage {width: 30px;padding: 3px 0;border-radius: 2px 0 0 2px;border: 1px solid #ccc;height: 14px; float:left;
                    display:none;
}
.paging .anextpage {
background: url(../nextp.png) no-repeat center center #cecece;
border-radius: 0 2px 2px 0;
padding: 4px 6px;
border-left: 0px;
margin: 0;
height:14px; display:none;
}
.paging .anextpage:hover {background: url(../nextp.png) no-repeat center center #82b639; }

.page-control { border-top:solid 1px #bbbbbb; margin-top:15px; padding-top:5px; }
.page-control a{display:block; float:right; width:18px; height:12px; margin-left:5px;}
.page-control .emailbutton { background:url('../img/icon-email.png') no-repeat center center;}
.page-control .print { background:url('../img/icon-print.png') no-repeat center center;}

.page-content .block-footer  h2.title { font-size:18px;}
.page-content .block-footer ul { list-style:none; margin:30px 0px 0px; padding:0px;}
.page-content .block-footer ul li{font-size:11px;}
.page-content .block-footer ul li a span{margin-right:15px;}

/* end paging */

.project-content h1.title { text-transform:uppercase;text-align:right;margin-bottom:0px; margin-top:60px;}
.sub-nav-wrap .sub-nav { margin:0px; padding:0px; list-style:none;}
.sub-nav-wrap { position:absolute; width:180px; margin-top:140px; margin-left:-182px; background:#6dcaed; padding:1px 15px;}
.fix-nav { position: fixed; top: 0px; margin-top: 0px;}
.sub-nav-wrap .sub-nav li a { font-family:Arial; font-size:11px; color:#ffffff; text-transform:uppercase; font-weight:bold;
                                  display:block; padding:8px 0px; border-bottom:solid 1px #fff;
}
.sub-nav-wrap .sub-nav li.last a { border:0px;}
.project-post-list { margin-top:15px;}
.project-post-list h3.title{font-size:14px; text-transform:uppercase; margin:15px 0px 10px; font-weight:bold;}

.member-list .item { border-bottom:0px; padding-bottom:0px;}
.member-list .item .item-thumb { border:solid 1px #e6e6e6; margin-right:15px; }
.nav-member li a { text-transform:none; font-family:Arial; font-size:12px;}

.page-photos .post-list .item { margin-bottom:30px;}
.page-photos .post-list .item .item-thumb { padding:4px; border:solid 1px #e7e7e7; background:#fff; margin-right:0px;}
.page-photos .post-list .item .item-thumb img { max-width:100%; height:auto;}
.page-photos .post-list .item h3.title { padding:5px 15px; border:solid 1px #e7e7e7; border-top:0; margin:0px; min-height:50px;
                                        display:table; width:100%;
}
.page-photos .post-list .item h3.title:hover{background:#00aeef;}
.page-photos .post-list .item h3.title a { display:table-cell; vertical-align:middle; text-align:center;
                                           font-family:UVNHongHaHep_R; text-transform:uppercase; font-size:14px;
}
.page-photos .post-list .item h3.title:hover a{color:#fff;}

.page-history .tab-pane { border:solid 1px #ebebeb; padding:15px; margin-top:20px;}
.page-history .nav-tabs { border-bottom:0px; }
.page-history .nav-tabs li a { border:0px; border-right:solid 1px #bbbbbb; line-height:15px; font-size:15px; color:#7c7c7c; padding:0px 10px;
                               border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;
}
.page-history .nav-tabs li.first a {padding-left:0px;}
.page-history .nav-tabs li.last a {border:0px;}
.page-history .nav-tabs li.active a{color:#00abee;}
#page_body .page-fullwidth  { padding-right:0px;}
#page_body .page-fullwidth .content-editor { position: relative; overflow:hidden; }
#page_body .page-fullwidth .content-editor iframe { margin-top:-167px; margin-left:-22px; width:1024px !important;}
#page_body .page-fullwidth h1.title{padding-left:23px; text-transform:uppercase;}

.page-shareholder .item .item-thumb { margin-right:0px;}

.page-shareholder .description ul {list-style:none; padding:0px; margin:0px; }
.page-shareholder .description ul li{display:block;}
.page-shareholder .description ul li a{display:block; height:20px; line-height:20px; padding-left:23px; background:url('../img/icon-pdf.png') no-repeat left center; margin-bottom:5px;}
.page-shareholder-thumb-v2 .item .item-thumb {
 margin-right: 0px;
}
.page-shareholder-thumb-v2 .item .item-thumb img { max-width:100%; height:auto;
}
.page-shareholder-thumb-v2 .item { position:relative; border:0px; padding-bottom:0px;}
.page-shareholder-thumb-v2 .item .item-info{position:absolute; right:0px; bottom:0px;}
.page-shareholder-thumb-v2 .item .item-info a.bt-download{display:block; width:18px; height:22px; background:url('../img/icon-pdf-big.png') no-repeat center center; float:right;
                                                          margin-right:-15px;   
}
.page-shareholder-thumb-v2 .item h3.title {margin-right:-15px; border-bottom:dashed 1px #bbbbbb; padding-bottom:5px; margin-bottom:5px;}
#page_body .page-content .content-right h1.title {margin-bottom:20px; }
.page-shareholder-default .item { margin-bottom:10px; padding-bottom:10px; border-bottom-color:#ebebeb;}
.page-shareholder-default .item h3.title span { float:right; display:block; margin-left:10px; padding-left:27px; min-height:22px; background:url('../img/icon-pdf-big.png') no-repeat left center;  }
.page-shareholder-default .item h3.title a { font-weight:normal; font-size:13px; line-height:22px;}

.project-wrapper { }
.project-wrapper .flexslider { padding:0px 50px;  margin: 0px;}
.project-content { padding:0px; background:#fff;}
.product_all .project-content{padding:0;}
.project-wrapper.product_all,.product_all .project-content{border-top:0; }
.project-wrapper.product_all .project-content h1.title{    margin-bottom: 0; color: #d6b289; padding: 0;}
.project-wrapper.product_all .wrapper_girds .grids{width:25%; text-align:center; border-top: 1px dotted #ccc;}
.project-content h2.title,.project-content h3.title,.project-content h1.title{ padding-left:10px;font-family: UVNHongHaHep_B;
font-size:18px;color: #414042;text-transform: uppercase;
margin:0px 0px 15px;
}
.content_page .title h1 {
    padding-bottom: 10px;
}
.about-list.row{margin:0;}
.project-content h3.title,.project-content h1.title{font-weight: bold;color: #414042;text-transform: uppercase;}
.project-content h1.title{text-align:left;}
.home-page .post-list {padding:15px 0px;}
.home-page .post-list.page_sub {
    background: #6c211b;
    padding: 0; margin-bottom:10px;
}
.home-page .post-list.page_sub ul li a{color:#6c211b;}
.home-page .post-list.page_sub ul li a:hober{color:#F9AF03;}
.col-xs-12.col-sm-3.float_left {
    padding: 0 10px;
}
.home-page .post-list  .bt-detail{ float:right; padding-left:12px;  font-size:10px; color:#fff; position:relative;
}
.home-page .post-list  .bt-detail:before{content: "\f178";     font: normal normal normal 14px/1 FontAwesome; position:absolute; left:0; top:0; }
.home-page .post-list  .bt-detail span{padding-left:5px;}
.home-page .post-list  .bt-company-news{ display:block;  padding-left:12px; background:#f58220 ;  color:#fff;
                                        font-size:16px; font-family:UVNHongHaHep_R; text-transform:uppercase; width:100%;  min-height:29px; line-height:1.2em; padding:5px 40px 5px 12px; margin-top:30px; padding-right:40px; position:relative;
}

.home-page .post-list .bt-company-news span.icon-news {
    display: block;
    float: right;
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 22px;
}
.home-page .post-list h3.title{font-size:16px; margin-top:0px; }
.home-page .post-list h2.title, .home-page .about-list h2.title,.home-page .about-list h3.title, .home-page .about-list h3.title {font-size:18px; font-family:UVNHongHaHep_B; text-transform:uppercase; margin-top:0px; }
.home-page .post-list ul{list-style:none; margin:0px; padding:0px;}
.home-page .post-list ul li{display:block; padding-bottom:7px; padding-top:7px;  border-bottom:solid 1px #f1f1f1; position:relative;}
.home-page .post-list ul li a{ padding-left:15px;}
.home-page .post-list ul li.has-sub{padding-bottom:0;}
.home-page .post-list ul li a:after{content: "\f101"; font: normal normal normal 14px/1 FontAwesome;position:absolute; top:10px; left:0; color:#fff;}
.title_law h2 {text-align:center; margin:5px;}
.title_law h2 a{color:#fff; text-transform:uppercase; text-align:center; display:inline-block; font-size:30px;}
.title_law.title_news h2{padding:15px 0;}
.title_law.title_news h2 a{color:#6c211b;}
.home-page .post-list.page_sub ul li{border-bottom:solid 1px #2d466f;    font-size: 16px}
.home-page .post-list.page_sub ul li:last-child{border-bottom:0;}
.home-page .post-list.page_sub ul li:hover:after,.home-page .post-list.page_sub ul li:hover a{color:#F9AF03;}
.home-page .about-list { padding:15px 0 25px 0px;}
.home-page .about-list h2.title,.home-page .about-list h3.title {margin-bottom:0;}
.home-page .about-list .item .description {margin:15px 0px 10px;}
.home-page .about-list .item img {max-width:100%; height:auto;}
.home-page .about-list .item .bt-detail{ position:relative;padding-left:10px; float:right; font-size:10px; color:#f58220; }
.home-page .about-list .item .bt-detail span{padding-left:5px;}
.home-page .about-list .item .bt-detail:before{    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 0;}
.btRegNewsLetter { margin:0px; padding:0px 5px; background:url('../img/bg-button.png') repeat-x left center; height:25px; line-height:25px; border:solid 1px #00aef0; border-left:0px;
                   font-size:12px; color:#fff; float:left;
}
.button-group { display:inline;}
.newsletter-wrap .lbl-title { float:left; margin-right:0; line-height:23px; font-size:12px; font-weight:normal;}
.careers-list table tr th { color:#f58220; border-top:0px;}
.careers-list table tr h3.title { font-size:12px; font-weight:bold; margin:0px; padding:0px; }
.careers-list table tr.active h3.title { color:#005aa6;}
.careers-list table tr.tr { cursor:pointer;background:#fff;}
.careers-list table tr.tr td{background:#fff;}
.careers-list table tr.row-detail { display:none;}
.careers-list table tr.row-detail td{padding:15px 15px 15px 40px;}
.careers-list a.applicant { display:block; min-height:22px; padding-right:30px; background:url('../img/bt-applicant.png') no-repeat right center; float:left; margin-top:15px; font-weight:bold; }

#formApplicant .row label { display:block; width:100px; padding-right:10px; float:left;}
#formApplicant .row label span { font-weight:normal; font-size:11px;}
#formApplicant .row .textbox { width:250px; height:30px;padding:0px 5px; border:solid 1px #ebebeb; margin-bottom:15px; max-width:100%; }
#formApplicant .row .txtFUpload { display:inline;}
#formApplicant .row .textarea { height:170px;}


.page-contact .block-contact-email .column .row {  margin:0px;}
.page-contact .div-maps img { max-width:100%; height:auto;}
.page-contact .row .textbox { width:100%; height:30px; padding:0px 5px; border:solid 1px #ebebeb; margin-bottom:15px; max-width:100%;}
.page-contact .row .textarea { height:130px;}
.page-contact h3.title{margin:0px 0px 20px; color:#00a7d8; font-size:28px; color:#00a7d8;}
#formApplicant .row .captcha, .page-contact .row .captcha { width:90px;}
.contact-form { margin-top:20px;}
.search-list .item {padding-bottom: 10px;margin-bottom: 10px;border-bottom: solid 1px #bbbbbb;}
.search-list h3.title { margin: 0px 0px 5px 0px;
font-size: 14px;
font-weight: bold;}
.search-list h3.title  a{display:block;}
.scroll-top { position:fixed; bottom: 20px;right: 20px;z-index: 9999;}
#loadslide { height:0px; overflow:hidden;}

/******start search******/
 /*import font awesome css icon library*/
.search_form {
  width: 100%;
  position: relative;
}
.search_form:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 35px;
  line-height: 35px;

  text-align: center;
  color: #fff;
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
}

.searchTerm {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #F58220;
  padding: 5px;
  height: 30px;
  outline: none;
      padding-right: 45px;
}

.searchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 30px;
  opacity: 1;
  cursor: pointer;
  border:0px;
  box-sizing:border-box;
  
	background:#F58220  url(../img/search-white.png)  no-repeat;
  background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;
}
.search_mobile {
    position: relative;
	width:178px; float:left;
}
/*****end search******/
/* Large desktop */
.navbar-collapse{max-height:100%;}
.img_sv{text-align:center; margin-bottom:10px;}
.about-list.content_page .item{margin-bottom:10px;}
.img_sv a{display:inline-block}
.mainslide{position:relative;}
.title_main_slide{
		position:absolute;
	font-size: 24px;
    font-family: 'UTM_Avo',Tahoma,Helvetica,sans-serif;
    color: #fff;
    padding: 10px 20px;
    top: auto;
    bottom: 0;
	display:block; width:100%;
	background:rgba(185,147,103,0.6);
}
.content_page .title h3,.content_page .title h1{margin:0;font-size: 24px;}
.content_page .title h3{padding:5px 0;}
.content_page .content_text{padding:10px 0; font-size:14px; min-height:150px;}
	ul.social{list-style:none; padding:0; display:inline-block}
	ul.social li{float:left;  padding-left:5px;} 
		ul.social li a{ display:table-cell; width:25px; height:25px; background:#ccc; color:#fff; font-size:15px;  vertical-align:middle; text-align:center;line-height:1.5em;} 
				ul.social li a.fb{background:#425F9C;}
		ul.social li a.gl{background:#DD4E42;}
		ul.social li a.yt{background:#CC181E;}
		ul.social li a.tw{background:#55ACEE;}
		.text_copyright { padding: 0 0 10px 0;}
		.countonline{line-height:1.5em; text-align:center; font-size:13px; padding:15px 0 0 0 ;}
		li.item.active a{color: #f58220;}
		.menu_left{padding:15px 0;}
@media screen and (min-width: 1200px) {
    
    .container {}
    .page-header ul.navbar-nav li a { padding: 0px 15px;}
 }

@media screen and (min-width: 993px) and (max-width: 1199px) {

    .page-header ul.navbar-nav li a { padding: 0px 18px;}
}
 
 /* Small devices (tablets, 768px and up) */
@media screen and (max-width: 992px) {
    
    .page-header ul.navbar-nav li a{padding:0 5px;}
      
   
}
 
/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {
    
}
@media (max-width:992px)
{
	.hotline{font-size:14px;}
	.search_mobile{width:150px;}
}
 .navbar-collapse.in{overflow:visible;}
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
	.search_mobile{width:100%;float:none; margin:15px 0;}
    .page-header { min-height:0px; padding-top:5px; padding-bottom:10px;}
    .page-header .navbar-header {height:auto; width:auto; padding:15px 0; padding-top:50px}
    .page-header .navbar-collapse { padding:0px 15px 15px; background:#006cb8 ;}
   .page-header a.logo img {max-width:100%;}
    .page-header .navbar-collapse .header-right { position:relative; float:none !important; top:0px; margin-top:15px; padding-top:15px; border-top:solid 1px #4ea9ce; }
    .page-header .navbar-collapse .header-right .language{float:left; min-height:25px;}
    .page-header .navbar-collapse .header-right .language a { color:#fff;}
    .page-header .navbar-collapse .header-right .language a.last{margin-left:0px; padding-left:5px; }
    .project-content h1.title { font-size:16px;}
	.hotline{width:50%;}
    .nav-left { margin-top: 50px;}
    #page_body .page-content { padding-right:0px;}
    #page_body .page-content .content-right {padding-right: 40px; padding-left:40px;}
    .iframe-wrapper { height:1860px;  overflow:auto; overflow-x:auto;}

    .sub-nav-wrap { position:relative; margin-left:0px; margin-top:0px; width:100%; display:none;}
    .home-page .about-list {
        padding: 25px 30px 25px 30px;
    }
    .socialnetwork {
        float:left !important;
        margin-top:15px;
        padding-left: 15px;

    }
	.navbar-nav{margin:10px 0;}
	.navbar-collapse.in {overflow-y: auto;}
	.project-wrapper .content_intro{height:auto !important}
	.flexslider li .desc{display:none !important;}
	}
    
/* Landscape phones and down */
@media screen and (max-width: 480px) { }
@-ms-viewport{ width: device-width; }

/*****************/
/* CSS Document */
.clear{clear:both;}
ul.list_ul{list-style:none; margin:0; padding:0;}
ul.list_ul li.lists{width:100%; float:left; margin:0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 0 10px 0; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  position:relative;     border-bottom: 1px solid #999;}
ul.list_ul li.lists:last-child{border-bottom:0px;}
ul.list_ul li.lists .date-box{left:10px; top:10px;}
ul.list_ul li.lists .date-box {
    width: 60px;
    position: absolute;
    text-align: center;
    border: solid 1px #333;
}
ul.list_ul li.lists .date-box .day {
    color: #333;
    display: block;
    font-size: 20px;
    padding: 5px 0 5px 0;
	background:rgba(255,255,255,0.4);
    font-family: 'UTMCafeta',helcan, Arial, sans-serif;
}
p.list-news-status-p{margin:5px 0; color:#ccc; }
p.list-news-status-p a{font-size:12px; color:#ccc; text-decoration:none;}

ul.list_ul li.lists .date-box .month {
    font-size: 12px;
    display: block;
    color: #fff;
    background: #333;
    font-family: 'UTMCafeta',helcan, Arial, sans-serif;
}
.img-list{width:30%; height:auto;  float:left}
.img-list>a{display:block; text-align:center;}
.img-list-in{width:100%; height:auto; margin:0 auto;}
.content-list{width:70%; float:left}


.title-list{font-size:16px; color:#333; text-transparent:uppercase;}
.title-list h3{margin:0; padding:10px 0;}
.title-list h3 a,.title-list h3{font-size:16px; color:#333; font-weight:bold; text-decoration:none;}
.content-list-in{width:100%; margin:5px 0px; font-size:13px; text-align:justify; padding:0 5px;}
.content-list-in a{font-size:13px;}
.content-list_inm{margin-left:20px;}
.lists .xt{width:100%; text-align:right;}
.lists .xt a{text-decoration:none; color:#333; padding:5px;padding-right:20px; font-size:13px;  font-weight:bold; display:block; float:right; font-style:italic; position:relative; margin-top:5px;font-family: 'UTMCafeta',helcan, Arial, sans-serif; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.lists .xt a:hover{color:#333; background:transparent; }
.lists .xt a:after{content: "..."; position:absolute; bottom: 5px; right: 3px;  font: normal normal normal 14px/1 FontAwesome;}
ul.list_ul.document  li.lists .like_share{padding-top:15px;}
ul.list_ul.document  li.lists .content-list {width:100%;}
ul.list_ul.document  li.lists .content-list .content-list_inm {margin-left: 0;}
.content_page .title h1{border-bottom: 1px solid #6c211b;}
.content_page .title.border_none h1{border-bottom:0px;}
ul.list_ul.document  li.lists { border-bottom:0;}

@media (max-width:550px)
{
	ul.list_ul li.lists{padding-left:0;}
	.img-list{width:100%; float:none; height:auto;}
	.content-list{width:100%; float:none;}
	.content-list_inm{margin-left:10px;}
	.title-list h3 ,.content-list-in {margin-top:10px;}
	
}


.title-list p{margin:0;line-height: 1.2em;}
.title-list>p.date_post>span,.title-list p.date_post{color:#333;font-family: helcan, Arial, sans-serif; font-size:12px;}
.span3.menu-item>a {
    display: block;
    height: 190px;
    overflow: hidden;
}
.span7.image_top.class_no_child {
    width: 100% !important;
}
@media (max-width:768px)
{
	ul.list_ul li.lists{width:100%; padding:15px 0 0 0;}
	.content-list_inm{margin-left:10px;}
	.title-list h3 ,.content-list-in {}
	.col-xs-12.col-sm-4.col-lg-4.paddingnone:nth-child(2) .post-list.post_top.padding_index{padding:0;}

}
@media (max-width:400px)
{
	ul.list_ul li.lists{padding-left:0;}
		.img-list{width:100%; float:none; height:auto;}
	.content-list{width:100%; float:none;}
}
.wp_page{width:100%; text-align:right; padding:10px 0px;}
.wp_page>.page{width:100%;}
.wp_page>.page a{font-size:13px; padding:3px 8px; text-decoration:none; font-weight:bold; color:#6c211b; display:inline; margin-left:-5px; line-height:2.5em; }
.wp_page>.page a:first-child{border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }
.wp_page>.page a:last-child{border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;}
.wp_page>.page a:hover,.wp_page>.page a.active{background:#6c211b; color:#fff; font-weight:bold;}
.related_news {
    margin: 0px;
	padding-bottom:30px;
	text-align:left;
}
.related_news_title {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.related_news_title span{padding-right:5px;}
.related_news_content ul {
    list-style: none;
    padding-left: 15px;
	padding:0;
	
	margin:5px 0px;
}
.related_news_content ul li {
    font-size: 13px;
	margin-bottom:5px;
}
.list_fonts {
    padding-right: 5px;
}
.related_news_content .fa{padding-right:5px;}

.related_news_content ul li::before{content: "\f105";     font: normal normal normal 14px/1 FontAwesome; color:#AEB0B3; font-size:14px;}
.related_news_content li a{padding-left:10px; color:#333;}
/******************/
/********start contacts**********/
/**********thông tin*************/
.clear{clear:both;}
input, select, textarea{
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
	
}
input[type="text"],input[type="reset"],input[type="submit"], input[type="password"], textarea, select { 
    outline: none;
	  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-family:"arial";
  line-height:1.5em;
  font-size:13px;
	
}
input[type="text"] {
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  padding:5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
input[type="text"]:focus,
input[type="text"].focus,textarea:focus,
textarea.focus, select:focus,
select.focus {
  border: solid 1px #1690C8;
  box-shadow: 0 0 5px 1px #DBEDF4;
}
.box_contact textarea{resize:vertical;}
.box_contact{width:100%; font-family:"arial"; margin:0 auto; }
.title-box_contact{width:auto; padding:10px; background:#8A0000; font-size:16px ; color:#fff; text-transform:uppercase;
border-radius:3px; 
-moz-border-radius:3px; 
-ms-border-radius:3px; 
-o-border-radius:3px; 
-webkit-border-radius:3px; 
}
.content-box_contact{width:100%; }
.box_contact .row{width:100%;}
.box_contact .text-input{width:30%; float:left; font-size:14px; text-align:right; padding-right:15px; margin-top:8px;}
.box_contact .input{width:100%; float:left;}
.clsip{width:100%; padding:7px;
border:1px solid #ccc;}
.clsipa{padding:7px; width:100%; height:150px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
border:1px solid #ccc;}

.post-list.post_top.padding_index .clsipa{height:100px;}

.clsipxn{padding:7px; width:50%;
border:1px solid #ccc;}
.ipmaxn{width:55%;}
.img-reload{float:left; margin:5px; font-weight:bold;}
.btn-reload{ width:32px; height:30px; border:0px; margin-left:15px; cursor:pointer;}
.divbtn-gui{float:left;}
.btn-gui{border:0px; padding:3px 30px 3px 30px; margin-left:30px; font-size:13px;color:#fff;
cursor:pointer;
  margin: 15px 0px 0px 0px;
    padding: 10px 25px;
	width:auto;
	background:#3c5b90;
}
.bdnone{border:none;}
.btnclass{margin:0px;}
.conatct_left{width:100%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.conatct_right_in{ background:#ddd;}
.info_coty{margin:15px 0px; padding: 10px 15px;}
.conatct_right{width:100%; float:right;}
.content-box_contact.conatct_right{margin-top:10px;}
.content-box_contact.conatct_right .row {
    margin: 0px;
    margin-bottom: 10px;
    width: 50%;
    float: left;
    padding: 0 5px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
.content-box_contact.conatct_right .row:last-child,.content-box_contact.conatct_right .row.width100pt{width:100%;}
.contact_bottom{margin:0 -5px;}
.content-box_contact.conatct_right .row>.input{width:100%;}
input.btn-gui{margin-top:10px;}
address{line-height:1.5em; text-align:left;}
address p{margin:0;}
.logo_contact {}
.logo_contact a {
    display: block;
    text-align: center;
    width: 185px;
    margin: 0 auto;
	margin-bottom:10px;
}
.conatct_left{width:30%; float:left;}
.conatct_right{width:70%; float:right;}
.conatct_right_in.map-container {
    margin-bottom: 10px;
}
.conatct_right_in iframe{width:100%; height:250px;}
.map-container {
    width: 100%;
}
.map-container iframe{
    display: block;
    width: 100%;
    pointer-events: none;
}
.map-container iframe.clicked{
    pointer-events: auto;
}
.info_coty{font-size:13px;}
.info_coty address{ margin-bottom:10px;}
.info_coty address h4{margin:0; padding:0; font-size:16px; text-transform:uppercase; font-weight:bold; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #ccc;}
ul.social{list-style:none; padding:0; margin:0; text-align:left;}
ul.social li{float:left;  padding-left:5px;} 
ul.social li a{ display: table-cell;
    width: 40px;
    line-height: 40px;
    height: 40px;
    background: #ccc;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;} 
ul.social li a.fb{background:#425F9C;}
ul.social li a.gl{background:#DD4E42;}
ul.social li a.yt{background:#CC181E;}
ul.social li a.tw{background:#55ACEE;}
@media (max-width:992px)
{
	.conatct_left{width:40%; float:left;}
	.conatct_right{width:60%; float:right;}
}
@media (max-width:700px)
{
	.conatct_left,.conatct_right{width:100%; float:none;}
	
}
@media (max-width:600px)
{
	
	.content-box_contact{width:90%; margin:0 auto;}
	.text-input,.input{width:auto;text-align:left; float:none;}
	.map60pt,.conatct_right{width:100%; float:none; padding:0px;} 
	
}
.width100pt{width:100%;}
/*********End form contact***********/
/********end contacts***********/

/*********start table********/
table.table_list { 
		width: 100%; 
		border-collapse: collapse; 
	}
		table.table_list tr:nth-of-type(odd) { 
		background: #f1f1f1; 
	}
	table.table_list tr:nth-of-type(even)
	{
		    background: #ccc;
	}
		table.table_list th { 
		background: #0077c1; 
		color: white; 
		font-weight: bold; 
	}
	 	table.table_list td, 	table.table_list th { 
		padding: 6px; 
		text-align: left; 
	}


	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		table.table_list,table.table_list thead,table.table_list  tbody,table.table_list th,table.table_list td,table.table_list tr {
			display: block;
		}

		table.table_list thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		table.table_list tr { border: 1px solid #ccc; }

		table.table_list td {
			border: none;
			position: relative;
			padding-left: 50%;
		}

		table.table_list td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			    overflow: hidden;
			text-overflow: ellipsis;
		white-space: nowrap;
		}

		table.table_list td:nth-of-type(1):before { content: "First Name"; }
		table.table_list td:nth-of-type(2):before { content: "Last Name"; }
		table.table_list td:nth-of-type(3):before { content: "Job Title"; }
		table.table_list td:nth-of-type(4):before { content: "Favorite Color"; }
		table.table_list td:nth-of-type(5):before { content: "Wars of Trek?"; }
		table.table_list td:nth-of-type(6):before { content: "Porn Name"; }
		table.table_list td:nth-of-type(7):before { content: "Date of Birth"; }
		table.table_list td:nth-of-type(8):before { content: "Dream Vacation City"; }
		table.table_list td:nth-of-type(9):before { content: "GPA"; }
		table.table_list td:nth-of-type(10):before { content: "Arbitrary Data"; }
	}

	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	}
	.home-page .about-list h2.title,.home-page .about-list h3.title{font-size:14px; text-align:center;}
	.home-page .about-list h3.title{margin-top:15px; margin-bottom:0;}
/*********end table******/
.content_intro {
    color: #333;
    padding-bottom: 10px;
	padding:10px; 
	background:#fff;
}
.wrapper_girds{ margin:0 -5px}
.container.box-midder .bg-white{margin:0 -10px;}
ul.social{margin-bottom:0;}
.wrapper_girds .grids{width:25%;float:left; padding:5px;}
h4.tkw9999,h4.tkw9999>a{margin: 0;font-size: 12px;color:#fff;display: inline-block;}
.footer-bg .post-list.post_top.padding_index p {
    line-height: 1.5em;
    color: #fff;
	font-size:13px;
}
.footer-bg .post-list.post_top.padding_index h3{margin:0; padding-bottom:10px; font-size:18px; text-transform:uppercase;}
.footer-bg .post-list.post_top.padding_index p.title_bottom{color:red; font-size:13px; font-weight:bold; margin-bottom:5px;}
.footer-bg .post-list.post_top.padding_index{padding:0;}
.col-xs-12.col-sm-4.col-lg-4.paddingnone:nth-child(2) .post-list.post_top.padding_index{padding:0 15px;}
.text_copyright {
    color: #333;
    background: #1b2a42;
    text-align: center;
    padding: 10px;
}
.page-footer.page-bg.hidden-print{ background: #6c211b;}
.navbar>.container .navbar-brand{margin:0 auto; padding:0;}
.module_intro{}
.module_intro .title_intro h3{font-size:18px; text-transform:uppercase; font-weight:bold; }
@media(max-width:1023px)
{
	.item.col-xs-12.col-sm-3.item_icon{width:50%; float:left;}
}
@media(max-width:767px)
{
	.wrapper_girds .grids{width:50%;}
	.content_intro{border-bottom:0px; margin-bottom:20px;}
}
.wrapper_girds .grids a.image_a{display:block;}
.wrapper_girds .grids a.image_a{
	
    overflow: hidden;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    height: 120px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
	
}
.wrapper_girds .grids a.image_a img{width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
.wrapper_girds .grids .description {
    font-family: 'Georgia', serif;
    padding: 10px 0;
    text-align: left;
}
.wrapper_girds .grids {text-align:center;}
.wrapper_girds .grids h3.title {
    display: block;
    padding: 5px 0;
    margin-bottom: 0;
    margin:0;
}
.wrapper_girds .grids h3.title a{font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.product_all{border-top: solid 1px #6c211b;}
.post-list.post_top h2.title,.home-page .post-list ul li{color:#fff;}

/***************/
ul{list-style:none;}
#top-nav {
    list-style-type: none;
    position: relative;
	margin:0;
    height: auto;
    background-position: 0 1px;
    width: auto;
	padding-left:0;
	padding-left:15px;
    float: left;
}

li.level0 {
    text-align: left;
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
}
li.level0 a.level0 {
    background: transparent;
    color: #000;
    display: block;
    text-decoration: none;
    font-weight: normal;
    float: left;
    
    height: auto;
	font-size: 13px;
    color: #fff;
    padding: 16px 15px;
    height: auto;
    line-height: 1.5em;
    font-family: arial,Tahoma,Helvetica,sans-serif;
    text-transform: uppercase;
}
*{outline:none;}
li.level0 a.level0 {
    z-index: 1000;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
li.level0.active a,li.level0:hover a{
    color: #fff;
    background: #F9AF03;
}
li.level0:hover li.nav-list-item a{border-bottom: 0px solid #4c1e13;}
a.level0 .highlight {
    padding: 0 2px;
}


.sub {
    display: none;
    position: absolute;
    top: 36px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 3px 0 0 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #4c1e13;
    z-index: 10000;
    border-top-width: 2px;
    min-height: 219px;
	    z-index: 1000;
}
li.level0:hover .sub {
    display: block;
}
.menu_mega_sub {
    display: block;
    float: right;
    width: 100%;
    padding-left: 250px;
    box-sizing: border-box;
}
.nav-preview-img {
    position: absolute;
    left: 0px;
    top: 0px;
z-index: 100;
}
li.sub-section {
    border: none;
    padding-top: 9px;
    padding-left: 5px;
    margin-right: 0;
    float: left;
    width: auto;
}
li.sub-section {
    position: relative;
    z-index: 1000;
}
li.sub-section h6 {
    font-size: 16px;
	font-family: UVNHongHaHep_B;
	    
}
a.nav-item{font-family: 'UVNHongHaHep_R',Tahoma,Helvetica,sans-serif; font-size:14px;}
.sub-cats-container {
    margin-top: 4px;
    padding-top: 1px;
    border-top: 1px solid #b1aeae;
}
ul.subcats {
    width: 144px;
    float: left;
    margin: 0;
    list-style-type: none;
}
li.nav-list-item {
    clear: both;
    line-height: 25px;
}
a.nav-item {
    background: none;
    border: none;
    padding: 0;
    font-weight: normal;
    display: block;
}
div#header-top {
    
	width:100%;
}
div#search_btn_click {
    position: absolute;
    top: 0;
    right: 55px;
    font-size: 24px;
    z-index: 10000;
    height: 100%;
	color:#fff;
    cursor: pointer;
    padding: 10px 5px;
	
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
li#top_search {
    float: right;
    position: relative;
    top: 8px;
	right:10px;
}
 #top_search {
    text-align: right;
    width: 25%;
	position:relative;
    height: auto;
}
 #top_search #search_mini_form {
    width: 100%;
	position: relative;
    display: block;
    height: auto;
}
input#search {
    width: 70%;
    height: 17px;
    margin-top: -1px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	font-size:13px;
}
input#search:focus{width:100%;}
input#search {
    padding: 3px 95px 3px 3px;
    border: 1px solid #bbb;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: auto;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
button.search {
    position: absolute;
    right: 14px;
    top: 0px;
    border: none;
    font-size: 14px;
    height: 100%;
    background: transparent;
    margin: 0;
    font-style: italic;
    cursor: pointer;
    padding: 5px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
 #top_search .search {
    width: 20px;
    height: auto;
    background-position: -28.15em -9.2em;
    background-size: 132em;
}
 #top_search .search {
    background-color: transparent;
    cursor: pointer;
    top: 1px;
    right: 2px;
    margin: 1px;
    display: inline-block;
    border: 0;
    padding: 0;
    position: absolute;
    opacity: 0.3;
}
.form_search {
    position: absolute;
    top: 47px;
    left: 0;
    padding:0;
    width: 100%;
    display: none;
	z-index:10000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
form#search_mini_form {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 100%;
}
.display_mobile input#search {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #333;
}
.display_mobile{display:none;}
.display_destop{display:block;}
.wrapper_menu{background:#6c211b; position:relative;}
.title_header{text-align:left;}
 .title_header h3.title{text-align:left !important; color:#D6B289; border-bottom:1px solid #D6B289; padding:8px 0; font-size:16px !important;}
.project-wrapper.product_all.product_detail .wrapper_girds .grids{width:25%;}
.content_infor .title_header{margin-bottom:10px;}
.contact_form.req .content-box_contact .row {
    clear: inherit;
    margin-bottom: 0;
    margin: 0;
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.contact_form.req .content-box_contact .row.last_width100 {
    width: 100%;
}
.sitebar-col>h4 {position:relative; font-size:16px; text-transform:uppercase; font-weight:bold; margin:0 0px; padding:10px;}
.sitebar-col{
border: 1px solid #ccc;
padding: 5px 12px;
margin: 0 0 10px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.sitebar-col>h4{    position: relative;
    margin: 0px;
    width: 100%;
	 font-size: 13px;

    font-weight: bold;
	box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff;
	font-weight: normal;
    margin:0;
    padding:10px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
	color:#333;
	font-family:'kameronregular','Georgia',serif;
    line-height: 1.2;
}

.sitebar-col-content{background:#fff; padding:10px;}
.display_none_more>h4>span.toggle,.sitebar-col.display_none_more>.sitebar-col-content{display:none;}
@media (min-width: 960px)
{
	.sitebar-col-content {
		height: 100% ;
		display: block;
		opacity: 1;
	}
	.sitebar-col h4{pointer-events: none;}
}
.cms-home .col1-layout .col-main.col-xs-18{width:75%; float:right; padding-left:15px; box-sizing:border-box;}
.sidebar.col-xs-6{float:left;}
.category-products.product_detaile .col-xs-8.hoverbox.product-item{width:33.3%;}
.sitebar-col-content ol {
    position: relative;
    white-space: nowrap;
    padding-left: 0;
	margin:0;
	list-style:none;
}
.sitebar-col-content ol li {
    position: relative;
    white-space: nowrap;
    padding-left: 0;
	display:block;
	padding:5px 0;
}
.sitebar-col-content ol li a{}
.col-xs-12.col-sm-9.float_right{padding-left:0;}
.paddingnone{padding:0;}
.post-list.post_top.padding_index{padding:10px 10px;}
.sitebar-col-content{}
.display_none_more>h4>span.toggle,.sitebar-col.display_none_more>.sitebar-col-content{display:none;}
.paddingleftnone{padding-left:0;}
.post-list.post_top.padding_index ul li.item a{color:#fff;}
.col-xs-12.news_page {
    padding: 10px;
}
.post-list.post_top.padding_index  h3.title{ margin-bottom:10px; border-bottom:1px solid #fff;}
.post-list.post_top.padding_index  h3.title span{    display: inline-block;
    padding: 5px;
    background: #fff;
    color: #6c211b;
    position: relative;
    height: 30px;
    line-height: 22px; font-weight:bold;}
.post-list.post_top.padding_index  h3.title span:after{content:""; position:absolute; top:0; right:0px;
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 0 solid transparent;
        border-bottom: 30px solid #fff;
}
/************************/
.table .display_mobile{display:none;}
.clear {
    clear: both;
}
.floatleft {
    float: left;
}
.container_table{
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
	    overflow: hidden;
}
.container_table table.table {
  display: table;
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: #ccc;
    width: 100%;
	  font-size:13px;
	  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
  padding: 5px; text-align:center;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn_df {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
    text-decoration: none;
}

.btn-sm,.btn-group-sm>.btn_df {
  padding: 0px 10px;
  font-size: 12px;
  line-height: 1.5;
      margin-left: 5px;
}

.btn_table_td_rf_del {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-sm, .btn-group-sm>.btn_df {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.floatleft.width50 {
    width: 40px;
}
.btn_table_sc {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; height:auto; font-size:15px;}


.btn_table:hover, .btn_table:focus, .btn_table:active, .btn_table.active, .open>.dropdown-toggle.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #d58512;
}

.col_table_image.col_table_hidden-xs{
  width: 100px;
margin:0 auto;
}
.col_table_name {
  padding: 0px 10px;
}

.clear{clear:both;}
.floatright{float:right;}
.floatleft {
    float: left;
    width: 50px;
}
a.btn_df.btn_table.floatleft{width:auto;}
.aligncenter{text-align:center;}
.text-center{background:none;}
input[type="number"] {
	width:50px; padding: 5px 10px 5px 3px; outline:none; -moz-outline:none; -ms-outline:none; -webkit-outline:none; -o-outline:none;
	text-align:center;
}

.tr_first{background:#eee; color:#333;}
.tr_first>th {
    padding: 10px 0px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}
tr{background:#fff;}

.btn_df.btn_table_td_rf_del.btn-sm.btn_ref {width: 100%;}
.number{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; border:0px;}


.inputsoluong {
    border: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    border: 1px solid #D4D2D2;
}

td.textright {background-color: #fff; font-size:16px; font-weight:bold;}

span.color_red.font_money{    color: red; font-size:16px; font-weight:bold;}
.col_table_image.col_table_hidden-xs img {
    width: 100%;
}
input.inputsoluong {
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
}
td.textright {
    font-size: 18px;
    color: red;
}
td.textright {
    height: 45px;
}
table#cart tbody td {}

table#cart tbody td .form-control{
	width:100%;
	display: block ;
}	

.data-table td{text-align: center;}
td.textright_text{ font-size:18px; color:#333; text-transform:uppercase;}
a.btn_df.btn_table.floatleft{background-color:transparent; border:0; color:#333; font-weight:bold; font-size:13px;    padding:5px  10px;
    line-height: 20px;}
tr.tr_last {
    background-color: #EEEEEE;
}
a.btn_df.btn_table_sc.btn-block.floatright{
    outline: 0;
    background-color: #7fd611;
    border-bottom-color: #487513;
	border:0;
	width:auto;
	box-shadow: 3px 3px 0px #487513;
	
}
.btn_df.btn_table_td_rf_del.btn-sm
{
	  outline: 0;
    background-color: #A7A6A6;
    border-bottom-color: #487513;
	border:0;
	    box-shadow: 3px 3px 0px #333; -moz-box-shadow: 3px 3px 0px #333; -webkit-box-shadow: 3px 3px 0px #333; -ms-box-shadow: 3px 3px 0px #333; -o-box-shadow: 3px 3px 0px #333;
}
i.fa.fa-refresh,i.fa.fa-trash-o{color:#fff;}
tr {border: 1px solid #ddd;    box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
span.text_price {
    font-weight: bold;
}
span.text_price.color_red{color:red; font-weight:bold;}
.table>tbody>tr>td.textright_text{text-align:right; padding:10px 5px; font-size:14px;}
/************************/
.news_slider{position:relative;}
.content_intro ul li:last-child{border-bottom:0;}
.title_news_slider {
    padding: 10px;
    background: #6c211b;
    color: #fff;
    display: inline-block;
	position:relative;
	text-transform:uppercase;
}
.title_news_slider:after{content:"";
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 19px solid transparent;
    border-top: 18px solid transparent;
    border-right: 0px solid transparent;
    border-left: 20px solid #6c211b;
    position: absolute;
    top: 0;
    right: -20px;
}
.slider_news {
    width: calc(100% - 165px);
	  width: -moz-alc(100% - 165px);
	    width: -webkit-calc(100% - 165px);
    display: inline-block;
    float: right;
}
/********start contacts**********/
*{padding:0; margin:0;}
.contact_form{font-family:"arial";}
textarea{resize:vertical;/*resize:none; resize:horizontal;*/ }
.map{ margin-bottom:20px;}
.map iframe{width:100%; height:300px;}
.contact_form .contact_left{width:40%; float:left; padding-right:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contact-list {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    margin-bottom: 59px;
	list-style:none;
	margin:0; padding:0;
}
.contact-list li {
    padding:5px 0;
    position: relative;
    min-height: 55px;
	font-size:14px;
	position:relative;
}
b.color_red {
    color: #176C41;
}
.contact-list .title, .hiring-box .title {
	
	font-size: 16px;
    font-weight: bold;
	font-family: UVNHongHaHep_B;
    color: #176C41;
    display: block;
}
.contact-list p {
    margin: 0 0 5px;
	font-size:13px;
}
.hiring-box {
    font-size: 16px;
    line-height: 24px;
    color: #5a6063;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding:10px 0;
}
.hiring-box .title {
    font-size: 21px;
    margin: 0 0 10px;
}
.arrow-link {
    font-size: 14px;
    color: #009ddc;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 20px 0 0; 
    position: relative;
    -webkit-transition: color .3s ease-out,background-color .3s ease-out;
    -moz-transition: color .3s ease-out,background-color .3s ease-out;
    transition: color .3s ease-out,background-color .3s ease-out;
}
.ch-contacts-details {
    background: #fff;
    padding: 0 0 30px 0;
}
.contact_form .contact_right{width:60%; float:left;}
/**********thông tin*************/
.clear{clear:both;}
input, select, textarea{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"],input[type="file"],input[type="submit"], input[type="password"], textarea, select { 
    outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"] {
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus,textarea:focus,
textarea.focus, select:focus,
select.focus {
  border: solid 1px #1690C8;
  box-shadow: 0 0 5px 1px #DBEDF4;
}
.box_contact{width:100%; }
.title-box_contact{width:auto; padding:10px; background:#8A0000; font-size:16px ; color:#fff; text-transform:uppercase;}
.content-box_contact{margin:0 auto; }
.row{width:100%;}
.text-input{width:30%; float:left; font-size:14px; text-align:right; padding-right:15px; margin-top:8px;box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;}
.input{width:100%; float:left;}
.input label {
    display: block;
    font-size: 13px;
    color: #0a4f82;
	text-align:left;
    margin: 0 3px 5px 0;
}
.clsip,.clsipa{width:100%; padding:5px 7px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:30px;
border:1px solid #ccc;}

.clsipc{width:100%; 
 padding:7px; border:1px solid #ccc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:auto;
 }

.clsipa{min-height:150px;}

.input.ipmaxn.mxntext {
    font-size: 22px;
}
.clsipxn{padding:7px; width:80%;
 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
border:1px solid #ccc;}
.ipmaxn{width:100%; text-align:left;}
.img-reload{float:left; margin:5px; font-weight:bold;}
.btn-reload{ width:32px; height:30px; border:0px; margin-left:15px; cursor:pointer;}
.divbtn-gui{float:left;}
.btn-gui{border:0px; padding:3px 30px 3px 30px; margin-left:30px;
background:#8A0000; font-size:13px;color:#fff;
cursor:pointer;
}
input.btn-gui {
    margin: 0;
    padding: 5px 15px;
    width: auto;
    font-size: 13px;
	font-weight:bold;
    background: #fff;
	color:#176C41;
    text-transform: uppercase;
	border: 1px solid #176C41;
}
.intro .content_intro{border-bottom:0px; width:510px; margin:0 auto; padding-bottom:0;}
.content_intro p.image_intro img{width:100%;}
.content_intro p.des_info{margin:10px 0 0 0;     text-align: justify;}
.intro  .post-list.post_top{text-align:center;  padding: 15px 20px;}
.bdnone{border:none;}
.btnclass{margin:0px;}
.content_intro ul.link{}
.content_intro ul.link li{text-align:center; width:50%; float:left;}
.content_intro ul.link li p.link_text{color:#333;}
.content_intro ul.link li{border-bottom:0;}
/***********START checkbox************/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: linear-gradient(rgb(224,224,224),rgb(240,240,240));
    position: relative;
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    width: 1em;
    color: #176C41;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115,153,77);
    font-weight: bold;
    position: absolute;
    top: -5px;
    font-size: 20px;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

/*********END checkbox************/
/********START choose file********/

/* Container of demo-styling */
.choose_file {
/* Make padding go inside the element, instead of expanding */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
/* Container for 2 child elements (button & filename) */
.fileUpload {
background: #fff;
border: 0;
display: block;
width: 100%;
    border: 1px solid #ccc;
}
/* The button */
.fileUpload .fileBtn {
	color:#fff;
background: #333;
cursor: pointer;
float: left;
font-size: 1em;
font-weight: bold;
padding: 10px;
text-align: center;
width:100px;
font-size:13px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn:hover {
}
/* Where the input-name will be filled in */

.fileUpload .fileName {
float: right;
overflow: hidden;
white-space: nowrap;
width: calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
text-align: left;
color: #000;
padding:10px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn,.fileUpload .fileName{height:35px;}
/* Animation (hover) */
.fileUpload .fileBtn:hover {
-webkit-transition-property: background;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: background;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease-in;
-o-transition-property: background;
-o-transition-duration: 0.4s;
-o-transition-timing-function: ease-in;
-ms-transition-property: background;
-ms-transition-duration: 0.4s;
-ms-transition-timing-function: ease-in;
transition-property: background;
transition-duration: 0.4s;
transition-timing-function: ease-in;
}
/* Clear input-parent, due to child-floats */
.fileUpload:after {
clear: both;
content: " ";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
/********END File***********/
label.choosefile{display:inline-block;
    color: #fff;
    background: #333;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100px;
	height:100%;
    font-size: 13px;

box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
margin:0;
position:absolute; top:0; left:0;
}
.logo_contact{display:block; text-align:center;}
.logo_contact img{display:inline-block; max-width:100%; min-width:40%; width:50%;}
.input_code_wp{position:relative;}
.input_code_wp .input_code {padding-left: 110px;}
.input_code_wp .text_code{position: absolute;
    top: 0;
    left: 0;
    background-color: #176C41;
    color: #fff;
    height: 40px;
    width: 100px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font-weight: bold;}
.title h3 {
    margin: 0;
    margin-bottom: 15px;
    color: #333;
    font-size: 25px;
    font-weight: bold;
}
.private {
    height: 400px;
    width: 100%;
    overflow: auto;
	line-height:1.5em;
}
.register_r a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	text-decoration:none;
}
.register_r a{color:#176C41;}
.register_r a.fb {
    background: #425F9C;
	color:#fff;
}
.register_r a.gl {
    background: #DD4E42;
	color:#fff;
}
.register_btn .ipmaxn{text-align:left;}
.blogin{margin:10px 0;}
.blogin a,.blogin{padding:0; font-weight:normal; font-size:14px}
.login_form{width:400px; margin:0 auto;}
.login_wrapper{
	display: flex;
    display: block;
    overflow: hidden;
    position: absolute;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    height: 100%;
	width:100%;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.login_wrapper_in{width:100%;}
.login_wrapper .form_contact_in{width:100%;}
.row_input {
    margin-bottom: 10px;
	width:50%;
	float:left;
	padding:0 5px;
}
.row_input.width100pt{width:100%;}
.float_left{float:left;}
.float_right{float:right;}
@media (max-width:768px)
{
	
	.contact_form .contact_right,.contact_form .contact_left{width:100%; float:none; margin-bottom:15px;}
	.clsip,.clsipa{width:100%; }
	.content-box_contact{width:100%; margin:0 auto;}
	.text-input,.input{width:auto;text-align:left; float:none;}
	.text-input{padding-right:0px;}
	.clsipxn{width:100%;}
	.ch-contacts-details{padding-bottom:0;}

	.hiring-box{padding:10px;}
	.row{margin:0 auto;}
	.home-page .post-list{padding:15px 0;}
	.home-page .post-list.post_top{padding:15px; margin:0;}
	.home-page .about-list,.container.banner_top,.container.box-midder,.container{padding:0;}
	.page-header{padding:10px 15px;}
	.float_left,.float_right{float:none;}
	.content_page{margin-top:15px;}
	.intro .content_intro{width:80%;}
}
@media (max-width:550px)
{

}
@media (max-width:400px)
{
	.contact-list li,.hiring-box{padding:0; margin-bottom:20px;}
	.contact-list li.addr:before,.contact-list li.phone:before{display:none;}
	.hotline{width:100%; margin-bottom:10px;}
}
@media (max-width:350px)
{

}
.content-box_contact .row{margin-bottom:10px;}
 .map-container {
    width: 100%;
}
.map-container iframe{
    display: block;
    width: 100%;
    pointer-events: none;
}
.map-container iframe.clicked{
    pointer-events: auto;
}
/*********End form contact***********/
/************Background_Gradient************/
.bg_gradient{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5C4C4 ), color-stop(100%, #7B7B7B ));
    background: -webkit-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
    background: -o-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
    background: -ms-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
    background: linear-gradient(to bottom, #EDEDED 0%, #D5D5D5 100%);
	filter: progid:DXImageTransform.Microsotf.gradient(startColorstr='#EDEDED', endColorstr='#D5D5D5'); /*IE6-9 */
}
.news_slider.bg_gradient {
    margin-top: 10px;
}
body{background:#f1f1f1;}
.wrapper{ margin:0 auto; background:#fff; box-sizing:border-box;}

div#owl-link_news {
    width: 75%;
}
.navbar{border-radius:0;}
.chat_right ul li {float:left; padding:0 3px;}
.chat_right ul li a img{height:25px;}
.chat_right ul li.hotline_li {
    line-height: 28px;
    
}
.slider_news{position:relative;}
.chat_right {
    position: absolute;
    top: 5px;
	right:10px;
}
.chat_right ul li.hotline_li a,.chat_right ul li.hotline_li {
    color: red;
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
}
.breadcrumb{background:transparent; padding:0; margin-bottom:3px;}
.breadcrumb a{padding-right:15px; position:relative; padding:5px; display:inline-block; padding-right:15px;}
.breadcrumb a.active {color: #BD002A;}
.breadcrumb a:first-child{padding-left:0;}
.breadcrumb a:after{position:absolute; top:6px; right:2px;content: "/"; }
.breadcrumb a:last-child{padding-right:0; color:#BD002A;}
.breadcrumb a:last-child:after{content:"";}
@media(max-width:1200px)
{
	.wrapper{ margin:0 auto;}	
}

@media(max-width:1100px)
{

}

@media(max-width:1023px)
{

}
@media(max-width:992px)
{

}
@media(max-width:767px)
{

	.chat_right{position:static;}
	div#owl-link_news{width:100%;}

}
@media (min-width: 768px)
{
	.sitebar-col-content {
		height: 100% ;
		display: block;
		opacity: 1;
	}
	.sitebar-col h4{pointer-events: none;}
	.sitebar-col-content{display:block !important;}
}
.hotline a{color:#fff;}
.hotline a:hover{color:#fff;}
.item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.intro{padding:0 10px;}

 .table table, .table caption,  .table tr,  .table th,  .table td {
    border: 0px solid;
}
@media(max-width:767px) {
	
	.sitebar-col,.category-products.product_detaile .col-xs-8.hoverbox.product-item,.project-wrapper.product_all .wrapper_girds .grids,.project-wrapper.product_all.product_detail .wrapper_girds .grids{width:50%;}
	.sitebar-col>h4 {cursor:pointer;}
	.sitebar-col>h4 span.toggle{ position: absolute;top: 50%;right: 10px;margin-top: -10px;}
	.sitebar-col>h4 span.toggle:after{  content: "\f107";  font: normal normal normal 14px/1 FontAwesome;}
	.sitebar-col>h4 span.toggle.opened:after{  content: "\f107";  font: normal normal normal 14px/1 FontAwesome; }
	.sitebar-col-content{display:none;}
	.sitebar-col{width:100%; float:none;}
	.sitebar-col-content{display:none;}
}
.page-header.navbar.navbar-inverse.page_header_bottom {
    background: #6c211b;
}
@media(max-width:768px)
{
.page-header {padding:0;}
.page-header .container{padding:5px 5px 0 5px;}
.container.banner_top,.container.box-midder .col-xs-12.col-sm-8.col-lg-9,.col-xs-12.col-sm-3.float_left,.col-xs-12.col-sm-9.float_right,.page-bg{padding:0 5px;}
}
.like_share {
    padding:0;
}
.like_share ul { margin:0;
}
.like_share ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.project-wrapper {
    padding: 20px 0 20px 0;
}
.page-header.navbar.navbar-inverse  .container{padding:15px 0 0 0 ;}
.page-header.navbar.navbar-inverse.page_header_bottom .container{padding:0; position:relative;}
.project-wrapper{background:#fff;}
.project-wrapper:nth-child(even){background:#6c211b;}
.project-wrapper:nth-child(even) .post-list.post_top.padding_index  h3.title{color:#fff;    border-bottom: 1px solid #fff;}
.project-wrapper:nth-child(even) .post-list.post_top.padding_index  h3.title span{background: #fff;color: #6c211b;}
.project-wrapper:nth-child(even) .post-list.post_top.padding_index  h3.title span:after{    border-bottom: 30px solid #fff;}
.project-wrapper:nth-child(even) .content_intro{background: #fff;}
.project-wrapper:nth-child(even) .post-list ul li a{color:#6c211b;}
.project-wrapper:nth-child(even) .post-list ul li a:after{color:#6c211b;}
.project-wrapper:nth-child(even) .post-list ul li:after{color:#f22222;}
.project-wrapper:nth-child(even) .title_law h2 a{color:#fff;}

.project-wrapper .post-list.post_top.padding_index  h3.title span:after{    border-bottom: 30px solid #6c211b;}
.project-wrapper .post-list.post_top.padding_index  h3.title{color:#fff;    border-bottom: 1px solid #6c211b;}
.project-wrapper .post-list.post_top.padding_index  h3.title span{background: #6c211b;color: #fff;}
.project-wrapper .content_intro{background: #6c211b; height:250px; overflow:hidden;}
.project-wrapper .content_intro.content_intro_top_one{height:auto;}
.project-wrapper.home_intro .content_intro{background:transparent;}
.project-wrapper .content_intro img{width:250px; float:left; padding:0 10px; font-size:13px;}
.project-wrapper  .post-list ul li a{color:#fff;}
.project-wrapper .post-list ul li:after{color:#fff;}
.project-wrapper .title_law h2 a{color:#6c211b;font-family: UVNHongHaHep_B;}
.title_law.title_news h2 a,.module_intro .title_intro h3,.conten_text p.title_bold,.news_hot h3,.footer-bg .post-list.post_top.padding_index h3,.flexslider .desc span.title, .flexslider .desc span.text,.content_page .title h3, .content_page .title h1{font-family: UVNHongHaHep_B;}
.logo_footer{ text-align:left; margin-bottom:10px;}
.logo_footer a{display:inline-block; max-width:200px;}
.module_intro .title_intro h3{margin:0; padding-bottom:10px;     color: #6c211b;}
.module_intro.why_choose .title_intro h3{font-weight:bold; font-family: UVNHongHaHep_B;}
.image_left,.content_intro_right{width:50%; float:left;}
.image_left img{max-width:100%;}
.project-wrapper .image_left img{max-width:100%; margin:0;}
.content_intro_right ul{margin:0; padding:0;}
.content_intro_right ul li{margin-bottom:5px;}
.img_icon{width:auto;float:left; padding:10px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  width:50px; text-align:center;height:50px; font-size:24px; background:#6c211b; color:#fff;}
.conten_text{float:left; padding-left:10px;     width: calc(100% - 50px); width: -webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);}
.conten_text p{margin:0;}
.conten_text p.title_bold{  
  font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #6c211b;}
.conten_text p.des{font-style:italic;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{background:#3c5b90;}
.banner {
  
	 width: calc(80% - 155px);
	 width: -moz-calc(80% - 160px);
	 width: -webkit-calc(80% - 160px);
    float: left;
}
.page-header .navbar-header{width:20%;}.positiontopright{position:absolute; top:0;right:0;}
.menu_dropdown{width:auto; display:inline-block;float:left; color:#fff; padding: 10px 0;line-height: 1.5em; font-family: arial,Tahoma,Helvetica,sans-serif;
    text-transform: uppercase; cursor:pointer; position:relative; z-index:100000;}
.menu_dropdown_list {
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 1000;
	display:none;
}
.menu_dropdown:hover .menu_dropdown_list{display:block;}
.menu_dropdown.active .menu_dropdown_list{display:block;}
.menu_dropdown .title_dm{position:relative; padding:5px 10px; background:#fff; color:#6c211b; padding-right:20px; width:200px; font-weight:bold;}
.menu_dropdown .title_dm:after{    content: "\f0d7"; position:absolute;top: 6px;
    right: 10px;  font: normal normal normal 14px/1 FontAwesome;}
	p.bg-support {
    border: 1px solid #f1f1f1;
    border-left: 0;
}
@media(max-width:1200px)
{
	li.level0 a.level0{padding:15px 4px;}
	#top-nav{padding-left:5px;}
}	
@media(max-width:1023px)
{
		.col-xs-12.col-sm-6.col-lg-6.paddingnone{width:50%; margin-bottom:15px;}
		.project-wrapper.home_intro .content_intro{padding:10px 0;}
		#top-nav{padding-left:0;}
		li.level0 a.level0{padding:15px 6px}
}
@media(max-width:767px)
{
	.wrapper_menu.menu_list {padding: 0 10px;}
	.col-xs-12.col-sm-6.col-lg-6.paddingnone{width:100%}
	.menu_dropdown,.menu_dropdown .title_dm{width:100%;}

	.page-header a.logo{width:240px;}
	.display_mobile{display:block;}
	.hotline{font-size:16px;}
	.hotline i.fa{font-size:20px;}
	.display_destop{display:none;}.page-header .navbar-header{text-align:center; width:100%;}
	.banner{width:100%;}
	.page-header a.logo{display:inline-block; float:none;}
	.pull-right{display:block; width:100%; float:none;}
	.language { position: absolute;top: 0;right: 22px;}
	#searchformwrap{text-align:right;}
	.hotline{width:auto; display:inline-block;}
	.pull-left{display:inline-block; float:none !important;}
}
@media(max-width:767px)
{
	.intro{padding:0 5px;}
}
@media(max-width:480px)
{
	.wrapper_girds .grids{width:100%;}
	.footer-bg{padding:0 15px;}
}
@media(max-width:420px)
{
.image_left{text-align:center;}
.project-wrapper .image_left img{margin:0 auto;display:inline-block; float:none;}
.image_left, .content_intro_right{width:100%;}
.content_intro_right{margin:15px 0;}
}
/*******************/


#dmxchatpanel{
    position: fixed;
    left: 1px;
    top: 250px;
    z-index: 999;
}
.btn_register{   position: fixed;
    right: -1px;
    top: 250px;
    z-index: 999;}

    #dmxchatpanel img {
        width: 80px;
		 
        /*padding-top: 10px;*/
    }

.support-chat {
    position: relative;
	z-index: 100;
}

p.bg-support {
    width: auto;
    height: auto;
    /*background-color: #fafafa;*/
    opacity: 0.9;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    /*border-radius: 80px;
    background: #3498db;
    color: #ffffff;*/
    font-weight: bold;
	background:rgba(255,255,255,0.8);
}

.content_support {
    display: none;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 80px;
    color: #000;
    width: 200px;
    padding: 10px 10px 10px 22px;
    box-shadow: -2px 4px 8px #999;
}

    .content_support p {
        font-weight: bold;
        padding: 10px 0;
    }

        .content_support p span {
            color: red;
        }

    .content_support img {
        width: auto!important;
        padding-left: 10px;
    }

#dmxchatpanel .support-chat:hover .content_support {
    display: block;
}
#dmxchatpanel02 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    height: 100%;
}

.display {
    display: block;
}
.box-ht {
    border-left: 1px solid #000;
    padding: 0;
    background: #f1f1f1;
    height: 100%;
	position: fixed;
	transition:all 0.3s;
	visibility:hidden;
	opacity:0;
    top: 0;
    left: -60px;
	box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333;
}

#dmxchatpanel .support-chat:hover .box-ht{
    left: 0;
    visibility: hidden;
    opacity: 0;
    visibility: inherit;
    opacity: 1;
    width: 270px;
    overflow-y: auto;}
.btn_register p.bg-support{}
.btn_register p.bg-support a {
    display: inline-block;
    font-size: 13px;
    padding: 10px 5px;
    color: red;
    width: 95px;
    background: #fff;
    box-sizing: border-box;
	border:1px solid #f1f1f1;
	border-right:0;
	box-shadow:0px 1px 5px #333;
}
.btn_register p.bg-support a img{width:60px;}
ul.quick-nav-above {padding:0;}

    ul.quick-nav-above > li {
        display: block;
        width: auto;
        height: auto;
        position: relative;
		background:#f9f9f9;
    }
		ul.quick-nav-above > li:nth-child(even){background:#ccc;}
.yk_cus {
    padding: 10px;
}
.image_left {
    width: 50%;
    float: left;
}
.yk_cus .image_left {
    width: auto;
    float: left;
}

#dmxchatpanel .yk_cus .image_left img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    border: 1px solid;
    padding: 5px;
}
.yk_cus .text_right {
    width: 70%;
    float: right;
}
.yk_cus .content_write {
    font-size: 14px;
    position: relative;
	color:#fff;
    padding:10px;
	padding-right:0;
}
.yk_cus .content_write p{font-size:13px; color:#333;}
.yk_cus .content_write p b{font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;}

.yk_cus  .name_post span.name {
    font-family: bold;
    font-size: 14px;
}
.box-ht h3{    margin: 0;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    background: #f1f1f1;
    color: #333;
    font-weight: bold;}
.footer-bg .post-list.post_top.padding_index .input label{color:#fff;}
.sitebar-col.post-list.page_sub>h4{color:#fff; font-family:arial; font-size:16px; font-weight:bold;}
.list_data_wrapper{margin:0 -5px;}
.list_data{}
.list_data li { width:50%; float:left; padding:5px; position:relative; padding-left:15px; }
.list_data li:after{    
position: absolute;
    content: "";
    width: 95%;
    height: 1px;
    left: 0;
    background: #f1f1f1;
    bottom: 0;}
.list_data li:before{    
    position: absolute;
    top: 7px;
    left: -3px;
    content: "";
    background: url(../img/icon_list.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    font: normal normal normal 6px/1 FontAwesome;
	}
.list_data li:hover:before{color:#f58220;}
.list_data li a{font-size:14px;}
div#cssmenu_flyout {
    background: #fff;
    box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333;
}
.display_none{display:none;}
.wrapper_new {
    border-top: 1px solid #f1f1f1;
}
.wrapper_news_in ul.list_ul li.lists{width:25%; padding:0 10px; border-bottom:0;}
.wrapper_news_in ul.list_ul li.lists .img-list{width:100%;}
 .wrapper_news_in ul.list_ul li.lists .content-list{width:100%;}
.wrapper_news_in ul.list_ul li.lists .content-list .content-list_inm{margin:0;}
.wrapper_news_in ul.list_ul li.lists .content-list  .content-list-in{margin:0;
	  display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 80px;
	background-color: #fff;
    line-height: 1.3em;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}
.news_hot h3 {
margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.news_hot {
display: inline-block;
    padding: 10px;
    border: 1px solid #e77927;
    position: absolute;
    bottom: 30px;
    z-index: 10000;
    background: rgba(255,255,255,0.9);
    right: 15%;
    width: 300px;
	
}
.news_hot_in{max-height:160px; overflow:hidden;}
.news_hot ul li{padding:3px 0;}
.news_hot ul li{}
.news_hot ul li:before{content:"+";}
.news_hot ul li a{padding-left:3px;}
.news_hot{
	animation-name: opac;
    animation-duration: 0.5s;
	transition-delay: 1s; 
}
.wrapper_new.cate_lib {border-top:0;}
.wrapper_new.cate_lib .wrapper_news_in {
    margin: 0 -10px;
}
.fix_top {
    position: fixed;
    top: 0;
    animation-name: animatetop;
    animation-duration: 0.5s;
    z-index: 100000;
    box-shadow: 0px 2px 5px #333; -moz-box-shadow: 0px 2px 5px #333; -webkit-box-shadow: 0px 2px 5px #333;
}
@media(max-width:767px){
	.fix_top {background: #6c211b !important;}
}
	
@-webkit-keyframes animatetop{
	from{top:-300px;opacity:0} to{top:0;opacity:1}
}
@keyframes animatetop{
	from{top:-300px;opacity:0} to {top:0;opacity:1}
}


 @-webkit-keyframes fading{
	0%{opacity:0}100%{opacity:1}
}
@keyframes fading{
	0%{opacity:0}100%{opacity:1}
}
@media(max-width:1200px)
{
	.news_hot_in{max-height:135px; overflow:hidden;}
}
@media(max-width:1023px)
{
	.image_left{width:45%;}
	.wrapper_news_in ul.list_ul li.lists{width:50% !important;}
	li.level0 a.level0{    padding: 15px 3px;}
	
}
@media(max-width:992px)
{
	.news_hot{display:none;}
	#dmxchatpanel02{display:none;}
	.btn_register{top:330px;}
}
@media(max-width:767px)
{
	#dmxchatpanel02 div#dmxchatpanel .support-chat{display:none;}
	.col-xs-12.col-sm-4.col-lg-4.paddingnone:nth-child(2) .post-list.post_top.padding_index{padding:0;}
	.col-xs-12.col-sm-3.float_right{padding:0;}
	.flexslider .desc {transform: scale(1);    margin-top: -21px;}
	.btn_register{top:230px;}
	.col-xs-12.col-sm-4.col-lg-4.paddingnone {
    margin-bottom: 30px;
}
p.bg-support{opacity: 0.7;}
.btn_register p.bg-support a{ font-size: 15px;width: 85px;}
}
@media(max-width:550px)
{
	.flexslider .desc {transform: scale(0.8);    margin-top: -21px;}
}
@media (max-width: 420px)
{
.image_left, .content_intro_right {width: 100%;}
.fwmb{
    width: 100%;
}
.cate-home{
    padding: 40px 0;
}
}
li.level0 a.level0 i.fa{font-size:24px;}
li.level0 a.level0.search_end {
    padding: 12px;
}
li.level0.search_li_wrapper{position:relative;}
li.level0.search_li_wrapper .form_search.search_mini_desktop{display:none; width:250px; left:-200px;}
li.level0.search_li_wrapper .form_search.search_mini_desktop button.search{right:0;}
li.level0.search_li_wrapper .form_search.search_mini_desktop input#search{box-sizing: border-box; width:100%; height:35px; outline:none;}

p.des_info_footer{margin:0; padding-left: 24px;}
p.des_info_footer a{color:#fff; font-size:14px;}
div#dmxchatpanel02>p.bg-support a {
display: inline-block;
    position: fixed;
    top: 50%;
    margin-top: 15px;
    border: 1px solid #f1f1f1;
    background: #ffffff;
    border-left: 0;
}
div#dmxchatpanel02>p.bg-support a img {
    width: 80px;
}

.project-wrapper .post-list.post_top.padding_index  h3.title{margin-bottom:10px;}
.project-wrapper .post-list.bg_white_detail  h3.title{margin-bottom:0;}
.bg_white_detail .content_intro.boxscroll{background:#fff; border:1px solid #f1f1f1; color:#6c211b; border-top:0;}


ul.list_ul.document .title-list{color: #fff; border-bottom: 1px solid #6c211b;}
ul.list_ul.document .title-list h3{
display: inline-block;
    padding: 5px;
     background: #6c211b;
    color: #fff;
    position: relative;
    height: 30px;
    line-height: 22px;
    font-weight: bold;
}
ul.list_ul.document .title-list h3 a{color:#fff;}
ul.list_ul.document .title-list h3 a:after{content: "";
    position: absolute;
    top: 0;
    right: 0px;
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 0 solid transparent;
    border-bottom: 30px solid #6c211b;}
.content_text.lvhd 	.content-list_inm{margin-left:0;}
.content_text.lvhd .content-list{width:100%;}
.content_text.lvhd  ul.list_ul li.lists{border-bottom:1px solid #f1f1f1;}
.home-page  .post_detail .post-list ul{list-style: inherit;
    list-style-position: inside;}
.home-page  .post_detail .post-list ul li{color:#333;}
 .project-wrapper .post_detail .post-list.post_top.padding_index  h3.title{margin-bottom:0 }
 
 .home-page  .post_detail .post-list  .content_intro.bg_white_detail.boxscroll ul li{display: list-item;}
  .home-page  .post_detail .post-list  .content_intro.bg_white_detail.boxscroll ul li a{padding:0;}
 .home-page  .post_detail .post-list  .content_intro.bg_white_detail.boxscroll ul li a:after{display:none;}
 .home-page .post-list.page_sub ul li:first-letter{text-transform:uppercase;}
 select.select_lv {
    padding: 0 10px;
    position: absolute;
    top: 4px;
	max-width:200px;
    left: 70px;
    height: 35px;
    border: 1px solid #6c211b;
    border-radius: 3px;
    z-index: 100000;
}
select.select_lv:focus{box-shadow:0px 0px 0px; -moz-box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px; }
select.select_lv option span:first-letter{text-transform:uppercase;}