a,
a:hover {
    color: #337ab7
}

.box_banner .image,
.cagegoryhome .item .image img {
    -webkith2-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.box_html,
.freadmore,
.rating>span,
.xemthem {
    cursor: pointer
}

.box_new_category .list-news .col-md-6:nth-child(2n+1),
.box_products .list-product .col-md-4:nth-child(3n+1),
.list_edutcation .col-md-4:nth-child(3n+1),
.news_related .list_news .col-md-6:nth-child(2n+1),
.subcategories>ul .col-md-2:nth-child(6n+1) {
    clear: both
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: Roboto-LightItalic;
    src: url(../fonts/roboto/Roboto-LightItalic.ttf)
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/roboto/Roboto-Bold.ttf)
}

@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/roboto/Roboto-Light.ttf)
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/roboto/Roboto-Medium.ttf)
}

body {
    font-family: Roboto-Regular, sans-serif;
    overflow-x: hidden;
    color: #231f20;
    font-size: 14px;
    background: #fff;
    margin: 0
}

.width100,
table {
    width: 100%;
    float: left;
}

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

p {
    margin: 0 0 15px;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

input[type=email],
input[type=text] {
    border: 1px solid #bdbdbd;
    padding: 5px 10px
}

button[type=submit] {
    background-color: #3089c5;
    border-color: transparent;
    color: #FFF;
    font-size: 14px;
    font-weight: 700
}

input[type=submit] {
    color: #fff;
    font-size: 14px;
    padding: 7px 35px;
    text-transform: uppercase;
    background: #d31313;
    border: 0
}

select {
    border: 1px solid #808285;
    padding: 5px 15px
}

input[type=checkbox] {
    background-color: transparent;
    border: 1px solid #fff;
    margin-right: 5px;
    float: left
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 15px
}

h3,
h4 {
    font-size: 13px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px
}

table,
table td,
table tr {
    border: 1px solid #e7e7e7;
    padding: 8px
}

#top {
    background: #231f20
}

.top {
    color: #fff;
    font-family: Roboto-Light
}

.mainmenu>ul>li>a,
.sub_menu>.menu_col1>li>a,
.sub_menu>.menu_col1>li>ul>li>a,
.sub_menu>.menu_col1>li>ul>li>ul>li>a:hover,
.sub_menu>.menu_col2>li>a,
.sub_menu>.menu_col2>li>ul>li>ul>li>a:hover {
    font-family: Roboto-Medium
}

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

.top ul li {
    float: left;
    position: relative;
    margin-right: 40px;
    padding: 9px 0;
}

.top ul li i {
    font-size: 15px;
    padding-right: 6px;
    color: #fd0
}

.menutop a,
.top ul li a {
    color: #fff;
}

.menutop {
    float: right
}

.top ul.menutop li {
    padding: 8px 0 0
}

.menutop a {
    font-size: 16px;
    padding-bottom: 7px
}

.top ul.menutop li a:hover {
    border-bottom: 3px solid #fff;
    text-decoration: none;
}

header {
    width: 100%;
    float: left;
    background: #fd0
}

.header {
    width: 100%;
    float: left;
    position: relative
}

.logo {
    padding: 6px 0;
    z-index: 1199;
}

.mainmenu {margin-top: 21px;}

.mainmenu>ul,
.sub_menu {
    margin: 0;
    list-style: none
}

.mainmenu>ul {
    padding: 0;
}

.mainmenu>ul>li {
    float: left
}

.mainmenu>ul>li>a {
    font-size: 16px;
    color: #231f20;
    text-transform: uppercase;
    padding: 0 15px 12px;
}

.mainmenu>ul>li>a:hover {
    text-decoration: none;
    border-bottom: 3px solid #231f20
}

.sub_menu {
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 54px;
    background: rgba(255, 255, 255, .95);
    padding: 20px 0 0 22px;
    z-index: 8;
    display: none;
    z-index: 4000;
}

.mainmenu>ul>li:hover>.sub_menu {
    display: block
}

header .row .col-md-10,
header .row .col-md-9 {
    position: static
}

.sub_menu>.menu_col1>li {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding-right: 10px
}

.sub_menu>.menu_col1 {
    width: 75%;
    float: left;
    border-right: 1px solid #231f20;
    padding-bottom: 10px
}

.sub_menu>.menu_col1>li>a {
    color: #231f20;
    font-size: 14px;
    text-transform: uppercase;
    width: 30%;
    float: left;
    padding: 6px 10px;
    border-left: 5px solid #fd0
}

.sub_menu>.menu_col1>li>a:hover {
    background: #fd0;
    color: #231f20;
    text-decoration: none;
    border-left: 5px solid #231f20
}

.title3,
.title_home {
    border-left: 7px solid #fd0
}

.sub_menu>.menu_col1>li>ul {
    width: 70%;
    float: left;
    list-style: none;
    padding: 0 0 0 10px
}

.sub_menu>.menu_col1>li>ul>li {
    width: 33.3333%;
    float: left;
    position: relative
}

.sub_menu>.menu_col1>li>ul>li>a {
    color: #231f20;
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 6px 0;
    text-transform: uppercase
}

.sub_menu>.menu_col1>li>ul>li>a:hover {
    color: #fd0;
    text-decoration: none
}

.sub_menu>.menu_col1>li>ul>li>ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0
}

.sub_menu>.menu_col1>li>ul>li>ul>li {
    width: 100%;
    float: left
}

.sub_menu>.menu_col1>li>ul>li>ul>li>a {
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 12px
}

.sub_menu>.menu_col1>li>ul>li>ul>li>a:hover {
    color: #000;
    text-decoration: none
}

.sub_menu>.menu_col2>li {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px
}

.sub_menu>.menu_col2 {
    width: 25%;
    float: left;
    padding-bottom: 5px;
    padding-left: 15px
}

.sub_menu>.menu_col2>li>a {
    color: #231f20;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    padding: 6px 0
}

.sub_menu>.menu_col2>li>a i {
    padding-left: 5px
}

.sub_menu>.menu_col2>li>a:hover {
    color: #fd0;
    text-decoration: none
}

.sub_menu>.menu_col2>li>ul {
    width: 100%;
    padding: 0;
    float: left;
    list-style: none
}

.sub_menu>.menu_col2>li>ul>li {
    width: 100%;
    float: left;
    position: relative
}

.sub_menu>.menu_col2>li>ul>li>a {
    color: #231f20;
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 0;
    text-transform: uppercase
}

.sub_menu>.menu_col2>li>ul>li>a:hover {
    color: #fd0;
    text-decoration: none
}

.sub_menu>.menu_col2>li>ul>li>ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0
}

.sub_menu>.menu_col2>li>ul>li>ul>li {
    width: 100%;
    float: left
}

.sub_menu>.menu_col2>li>ul>li>ul>li>a {
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 12px
}

.sub_menu>.menu_col2>li>ul>li>ul>li>a:hover {
    color: #000;
    text-decoration: none
}

.menucategory {
    position: absolute;
    right: 8px;
    top: 147px;
    z-index: 2
}

.menucategory>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menucategory>ul>li {
    float: left;
    position: relative;
    margin: 0 2px
}

.menucategory>ul>li>a {
    background: #ededed;
    color: #000;
    padding: 17px 20px;
    font-size: 12px
}

.menucategory>ul>li>a:hover {
    background: #00a5e6;
    color: #fff;
    text-decoration: none
}

.title2,
.title3,
.title4,
.title_home,
.title_home2 {
    color: #231f20;
    font-family: Roboto-Medium;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 300;
}

.slideshow {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1
}

.title_home {
    padding: 0 0 0 15px;
    font-size: 24px;
    margin: 0 0 20px
}

.title2,
.title_home2 {
    padding: 0 0 10px;
    font-size: 24px;
    margin: 0 0 20px
}

.title_home2 {
    border-bottom: 1px dashed #221f1f
}

.title3 {
    padding: 0 0 0 15px;
    font-size: 21px;
    margin: 0 0 20px;
    float: left;
    width: 100%
}

.title4 {
    padding: 0;
    font-size: 14;
    margin: 0 0 10px
}

#aboutus {
    background-image: url(../images/bgabouts.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 40px
}

.about-home {
    width: 100%;
    float: left;
    color: #fff;
    padding: 40px 0;
    font-size: 20px;
    font-family: LatoWebLight
}

.breadcrumbs a,
.list-news .item .name a,
.list-product .item .name a,
.subcategories>ul>div>li>a,
.title,
.title_singer,
footer h5 {
    font-family: Roboto-Medium
}

.category-about .item {
    width: 33.33333%;
    float: left;
    background: #00a5e6;
    color: #fff
}

.category-about .item .caption {
    width: 100%;
    float: left;
    padding: 30px 20px
}

.category-about .item .name {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.category-about .item .name a {
    width: 100%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px
}

.category-about .item .description {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 115px
}

.btn_readmore {
    width: 100%;
    float: left;
    padding-right: 15px
}

.btn_readmore a {
    color: #231f20;
    font-size: 14px;
    padding: 5px 12px;
    background: #fd0;
    float: right
}

.desc_first,
.name_first,
.tit_first {
    color: #222;
    margin-bottom: 10px
}

.box_newslatest,
.box_newslatest .item,
.box_newslatest .item .image,
.box_newslatest .item .image img,
.box_newslatest .item .subname,
.btn_allarticle,
.btn_readnews,
.btn_readnews a,
.cagegoryhome .item,
.cagegoryhome .item .desc,
.cagegoryhome .item .image,
.cagegoryhome .item .image img,
.cagegoryhome .item .name,
.cagegoryhome .item .name a,
.category-about .item .image,
.category-about .item .image img,
.desc_first,
.item_first,
.name_first,
.tit_first {
    width: 100%;
    float: left
}

.btn_readmore a:hover {
    text-decoration: none;
    background: #fff
}

.box_newslatest {
    background: #f3f3f3;
    padding: 50px 0 20px
}

.tit_first {
    font-size: 18px;
    text-transform: uppercase
}

.name_first {
    font-size: 35px;
    text-transform: uppercase
}

.desc_first {
    font-size: 16px
}

.btn_allarticle {
    color: #e2001a;
    text-transform: uppercase;
    font-size: 18px
}

.box_newslatest .item {
    margin-bottom: 30px;
    background: #fff
}

.box_newslatest .item .name {
    width: 100%;
    float: left;
    padding: 15px
}

.box_newslatest .item .name a {
    color: #222;
    text-transform: uppercase;
    font-size: 18px
}

.box_newslatest .item .name a:hover {
    color: #e2001a;
    text-decoration: none
}

.box_newslatest .item .subname {
    padding: 15px 15px 0;
    color: #e2001a;
    font-size: 16px
}

.cagegoryhome .item .name a,
.cagegoryhome .item .name a h3 {
    font-size: 18px;
    font-family: Roboto-Medium
}

.btn_readnews {
    text-align: left
}

.btn_readnews a {
    background: url(../images/arrownews.png) 20px 9px no-repeat #3a3a3a;
    padding: 5px 30px;
    color: #fff
}

.btn_readnews a:hover {
    background-image: url(../images/arrownewsh.png);
    color: #fd0;
    text-decoration: none
}

.cagegoryhome {
    position: relative;
    margin-right: -5px;
    margin-left: -5px
}

.cagegoryhome .item {
    position: relative;
    margin-bottom: 30px
}

.cagegoryhome .item .image {
    position: relative;
    overflow: hidden
}

.cagegoryhome .item .image:hover img {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.image-gallery li a img,
.list-product .item .image>a>img {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    transform: translateY(-50%);
    backface-visibility: hidden;
    top: 50%
}

.cagegoryhome .item .image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.cagegoryhome .item .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 36%;
    bottom: 0;
    text-align: center;
    padding: 0 10px
}

.cagegoryhome .item .name {
    position: absolute;
    bottom: 0
}

.category>ul>li,
.category>ul>li>ul>li,
.description_cate,
.image-gallery li a img,
.image_singer,
.list-news .item .image img,
.list-product .item .image,
.menumobile,
.rating>span,
.subcategories>ul>div>li {
    position: relative
}

.cagegoryhome .item .name a {
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0 7px 40px;
    background-color: rgba(0, 0, 0, .8);
    background-image: url(../images/arrowcat.png);
    background-repeat: no-repeat;
    background-position: 20px 12px
}

.cagegoryhome .item .name a h3 {
    margin: 0;
    line-height: 22px;
    font-weight: 300;
}

.cagegoryhome .item .name a:hover {
    color: #231f20;
    background-color: rgba(255, 221, 0, .8);
    background-image: url(../images/arrowcath.png);
    text-decoration: none
}

.cagegoryhome .item .desc {
    display: table-cell;
    vertical-align: middle
}

.item_cate_1,
.item_cate_2 {
    width: 25%
}

.item_cate_3 {
    width: 50%
}

.item_cate_4,
.item_cate_5 {
    width: 25%
}

.item_cate_6 {
    width: 50%
}

.item_cate_7 {
    width: 25%
}

#footer,
#manufacturerhome,
.logo-footer,
footer .col,
footer .col ul li {
    width: 100%;
    float: left
}

.item_cate_1 .image {
    height: 781px
}

.item_cate_2 .image {
    height: 520px
}

.item_cate_6 .image {
    height: 257px
}

.client {
    text-align: center;
    margin: 30px 0 20px
}

.client .item {
    list-style: none;
    margin: 10px 5px;
    display: inline-block;
    zoom: 1
}

.client .item .image {
    max-width: 100px;
    max-height: 35px
}

#footer {
    padding: 40px 0 0;
    color: #FFF;
    background: #1d1d1d
}

.top-footer {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px
}

.logo-footer {
    text-align: center;
    padding: 10px 0 20px
}

.info-contact ul,
footer .col ul {
    padding: 0;
    list-style: none
}

footer a,
footer a:hover {
    color: #fff
}

.logo-footer img {
    margin-bottom: 15px
}

footer .col {
    padding-left: 0;
    margin-bottom: 5px
}

footer .col ul li {
    margin-bottom: 10px;
}

footer .col ul li a {
    font-size: 14px
}

footer .col ul li i {
    font-size: 18px;
    margin-right: 5px;
    width: 30px
}

.info-contact ul,
footer .col ul li p,
footer .col ul li span,
footer h5 {
    width: 100%;
    float: left
}

footer a:hover {
    color: #fd0;
    text-decoration: none
}

footer h5 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: 300;
}

.info-contact {
    line-height: 26px
}

.info-contact ul {
    margin-bottom: 10px
}

.info-contact ul li {
    display: block;
    margin-bottom: 10px
}

.info-contact ul li i {
    width: 25px;
    color: #acacac
}

#main,
.box,
.breadcrumbs,
.breadcrumbs ul,
.category,
.category>ul,
.category>ul>li,
.category>ul>li>a,
.category>ul>li>ul,
.category>ul>li>ul>li,
.category>ul>li>ul>li>a {
    width: 100%;
    float: left
}

.info-contact ul li i.fa-map-marker {
    color: #ed2b31
}

.copyright {
    text-align: center;
    padding-top: 20px
}

#main {
    padding: 0 0 40px;
}

.box {
    margin-bottom: 20px
}

.category>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.category>ul>li>a {
    color: #231f20;
    padding: 10px 0;
    border-bottom: 1px solid #e6e7e8;
    display: inline-flex
}

.category>ul>li>a>i {
    margin-right: 10px
}

.category>ul>li>a h3 {
    font-size: 15px;
    margin: 0;
    line-height: 16px
}

.category>ul>li>ul {
    list-style: none;
    margin: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.category>ul>li>ul>li>a {
    color: #222;
    padding: 7px 15px;
    border-bottom: 1px solid #ccc
}

.breadcrumbs {
    padding: 15px 0 25px;
}

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

.breadcrumbs ul li {
    float: left;
}

.breadcrumbs ul li i {
    padding-right: 10px;
    padding-left: 10px;
}

.breadcrumb {
    margin: 0;
    padding: 8px 0
}

.breadcrumbs a {
    color: #008fd5
}

.rating {
    float: left;
    padding-top: 1px
}

.rating>span {
    display: inline-block;
    width: 18px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    float: left
}

.box_products,
.description_cate,
.list-product,
.list-product .item,
.list-product .item .name,
.title {
    width: 100%;
    float: left;
}

.rating i {
    color: #FFC81B
}

.title {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

.description_cate {
    background: #e6e7e8;
    padding: 20px;
    overflow: hidden
}

.hieght250 {
    height: 250px
}

.list-product .item {
    margin-bottom: 30px;
    border: 1px solid #8e8380;
    padding-bottom: 10px;
}

.list-product .item .image {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e7e8;
    height: 300px;
    text-align: center;
    padding: 3px;
    overflow: hidden;
}

.list-product .item .image>a>img {
    position: relative
}

.list-product .item .name {
    padding: 10px 5px 5px 10px;
    height: 56px
}

.list-product .item .name a {
    color: #231f20;
    font-size: 16px;
    text-transform: uppercase
}

.list-product .item .name a h3 {
    font-size: 16px;
    margin: 0
}

.pagination {
    clear: both;
    float: right
}

.pagination a,
.pagination strong {
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 8px;
    border: 1px solid #12120f
}

.pagination strong {
    background: #12120f;
    color: #fff
}

.pagination a {
    color: #12120f
}

.subcategories,
.subcategories>ul {
    padding: 0;
    float: left;
    width: 100%
}

.pagination a:hover {
    border: 1px solid #12120f;
    background: #12120f;
    color: #fff;
    text-decoration: none
}

.subcategories>ul {
    list-style: none;
    margin: 0
}

.subcategories>ul>div>li {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.subcategories>ul>div>li>a {
    width: 100%;
    float: left;
    text-align: center;
    background: #12120E !important;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0;
}

.image-gallery,
.info-details,
.social-language {
    padding: 0;
    list-style: none
}

.description_single {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.image_singer {
    width: 100%;
    float: left;
    max-height: 450px;
    display: flex;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden
}

.image_singer img {
    float: left;
    /* margin: auto; */
}

.title_singer{
    float: left;
    margin: 0;
    font-size: 20px;
    margin-bottom: 7px;
    font-family: 'Roboto-Medium';
    font-weight: 300;
}

.social-language {
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0
}

.social-language li {
    margin: 0 10px 0 0;
    float: left;
    list-style: none
}

.social-language li a {
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    zoom: 1;
    float: left
}

.info-details i,
.skype-btn {
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center
}

.fb-btn {
    background: #2d59aa;
    border: 2px solid #2d59aa
}

.gg-btn {
    background: #f93f3f;
    border: 2px solid #f93f3f
}

.pt-btn {
    background: #dc1c37;
    border: 2px solid #dc1c37
}

.skype-btn {
    background: #00aff0;
    zoom: 1;
    line-height: 29px;
    font-size: 18px;
    border: 2px solid #00aff0
}

.info-details li {
    margin-bottom: 10px
}

.info-details i {
    line-height: 30px;
    margin-right: 8px
}

.info-details i.fa-phone {
    background: #ff8a00
}

.info-details i.fa-envelope-o {
    background: #c520c7
}

.info-details strong {
    color: #ff8a00;
    font-size: 16px
}

.image-gallery {
    margin: 0 auto;
    width: auto;
    float: none
}

.image-gallery li {
    float: left;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px
}

.image-gallery li a {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
    height: 70px;
    overflow: hidden
}

.description_singer {
    width: 100%;
    float: left;
    margin-top: 0
}

.description_singer img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 750px;
    height: auto!important
}

.tags {
    width: 100%;
    float: left;
    margin-top: 20px;
    border-top: 1px solid #e6e7e8;
    padding-top: 20px
}

.tags a {
    border: 1px solid #e6e7e8;
    padding: 3px 15px;
    margin-right: 10px;
    float: left;
    color: #231f20;
    text-transform: uppercase
}

.tags a:hover {
    background: #fd0;
    text-decoration: none
}

.list-news {
    width: 100%;
    float: left
}

.list-news .item {
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.list-news .item .image {
    width: 100%;
    float: left;
    height: 150px;
    overflow: hidden;
    border: 1px solid #f7f7f7
}

.menu_mb ul>li>a,
.menu_mb_category ul>li>a {
    text-transform: uppercase;
    border-top: 1px solid #333
}

.list-news.list_news_top .item .image {
    height: 50px
}

.box_new_category .list-news .item .image {
    height: 310px;
}

.list-news .item .image img {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%
}

.box_new_category .list-news .item .caption {
    padding: 10px 15px;
    height: 181px;
}

.box_new_category .list-news .item {
    background: #f7f7f7;
    margin-bottom: 20px
}

.list-news .item .caption {
    width: 100%;
    float: left
}

.list-news .item .name {
    width: 100%;
    float: left;
    margin-bottom: 7px
}

.list-news .item .name a {
    font-size: 16px;
    margin-bottom: 5px;
    color: #231f20
}

.box_new_category .list-news .item .name a {
    font-size: 15px
}

.box_new_category .list-news .item .name a h3 {
    margin: 0;
    font-size: 15px
}

.list-news .item .description {
    width: 100%;
    float: left
}

.more-n i {
    margin-left: 8px
}

.line-contact {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.line-contact input,
.line-contact textarea {
    width: 100%;
    float: left;
    padding: 8px 15px
}

.error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
    float: left
}

.susscess {
    color: #00a5e6
}

.list-galleriess {
    height: 600px;
    overflow: auto
}

.list-gallery {
    width: 100%;
    float: left
}

.list-gallery .item {
    width: 25%;
    float: left;
    margin-bottom: 20px
}

.list-gallery .item .image,
.list-gallery .item .image img {
    width: 100%;
    float: left
}

.list-gallery .item .name {
    width: 100%;
    float: left;
    padding: 5px 0 0
}

.list-gallery .item .name a {
    width: 100%;
    float: left;
    color: #222;
    font-size: 14px
}

.menumobile,
.top ul.language {
    float: right
}

.list-gallery .item .name a h3 {
    margin: 0
}

.list-gallery .item .name a:hover {
    color: #00a5e6;
    text-decoration: none
}

.top ul.language li {
    margin-right: 0;
    margin-left: 6px
}

.menumobile {
    display: none;
    margin-top: 19px
}

.menu_mb ul,
.menu_mb_category ul,
.menucategorymobile>ul,
.menumobile>ul {
    margin: 0;
    list-style: none
}

.menumobile>ul {
    float: left;
    width: 100%;
    padding: 0
}

.menumobile ul>li {
    float: left
}

.menumobile ul>li>a {
    color: #00a5e6;
    padding: 0 0 0 20px;
    float: right
}

.menumobile ul>li>a i {
    font-size: 28px
}

.menumobile>ul>li.active>em.open-close {
    width: 100%;
    float: left
}

.menumobile>ul>li>em.open-close {
    float: left;
    padding: 13px;
    width: 57px;
    position: absolute;
    right: 0;
    top: 0
}

.menumobile>ul>li>em.open-close:hover {
    width: 100%;
    float: left
}

.menumobile ul li>div>ul {
    display: block!important
}

.menu_mb {
    display: block;
    position: absolute;
    z-index: 999;
    width: 160px;
    left: -96px;
    top: 42px
}

.menu_mb ul {
    width: 100%;
    float: left;
    padding: 0;
    background: #fff
}

.menu_mb>ul>li {
    width: 100%;
    float: left;
    position: relative
}

.menu_mb ul>li>a {
    color: #333!important;
    background: #fff!important;
    width: 100%;
    font-size: 13px;
    padding: 7px 0 7px 20px;
    float: right
}

.menu_mb_category ul,
.menu_mb_category>ul>li,
.menucategorymobile,
.menucategorymobile ul>li,
.menucategorymobile ul>li>a,
.menucategorymobile>ul,
.menucategorymobile>ul>li.active>em.open-close,
.menucategorymobile>ul>li>em.open-close:hover {
    float: left;
    width: 100%
}

.menu_mb ul>li>a:hover {
    text-decoration: none
}

.menucategorymobile {
    position: relative;
    text-align: center;
    display: none
}

.menucategorymobile>ul {
    padding: 0
}

.menucategorymobile ul>li {
    text-align: center
}

.menucategorymobile ul>li>a {
    color: #fff;
    padding: 7px 0;
    background: #00a5e6;
    text-transform: uppercase
}

.menucategorymobile ul>li>a i {
    font-size: 28px
}

.menucategorymobile>ul>li>em.open-close {
    float: left;
    padding: 13px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.menucategorymobile ul li>div>ul {
    display: block!important
}

.menu_mb_category {
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 34px
}

.menu_mb_category>ul>li,
.search {
    position: relative
}

.menu_mb_category ul {
    padding: 0;
    background: #fff
}

.menu_mb_category ul>li>a {
    color: #333!important;
    background: #fff!important;
    width: 100%;
    font-size: 13px;
    padding: 7px 0 7px 20px;
    float: right
}

#search,
.search {
    width: 100%;
    float: left;
}

.menu_mb_category ul>li>a:hover {
    text-decoration: none
}

#search {
    margin-top: 12px;
    position: relative;
    z-index: 1099;
}

input.input_search {
    width: 160px;
    float: left;
    border: 0;
    padding: 7px 10px 6px;
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-family: Roboto-LightItalic;
}

.image_slide,
.image_slide>img {
    width: 100%;
    float: left
}

.tit_html,
.title_slide {
    font-family: Roboto-Medium;
    text-transform: uppercase
}

button.btn_search {
    background-color: transparent;
    font-size: 12px;
    text-transform: uppercase;
    color: #fd0;
    float: left;
    background-image: url(../images/icon_s.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    z-index: 3;
    position: absolute;
    right: 10px;
    padding: 0 0 0 6px;
    border: 0;
}

button.btn_search span {
    background-color: #231f20;
    padding: 7px 6px 6px;
    float: left;
}

.image_slide {
    position: relative
}

.caption_slide {
    position: absolute;
    bottom: 50px;
    width: 400px;
    left: 0;
    padding: 30px;
}

#box_html,
.box_html,
.btn_slide,
.cap_sl,
.content_slide,
.desc_slide,
.title_slide {
    width: 100%;
    float: left
}

.cap_sl {
    position: relative
}

.caption_slide:before {
    content: '';
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.content_slide {
    opacity: 1;
    color: #fff;
    z-index: 2;
    position: relative
}

.title_slide {
    font-size: 30px;
    margin-bottom: 10px
}

.desc_slide {
    font-size: 16px;
    margin-bottom: 10px
}

.btn_slide {
    margin-top: 10px
}

.btn_slide a {
    background: #fd0;
    padding: 5px 15px;
    color: #231f20;
    font-size: 14px
}

.btn_slide a:hover {
    text-decoration: none;
    background: #fff
}

#box_html {
    margin-top: 20px;
    margin-bottom: 40px
}

.box_html {
    background: #231f20;
    color: #fff;
    padding: 15px
}

.icon_html,
.icon_html1 {
    background-image: url(../images/icon_html1.png);
    width: 66px;
    height: 45px
}

.icon_html {
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: left top
}

.tit_html {
    font-size: 18px
}

.desc_html {
    font-size: 14px;
    font-family: Roboto-Light
}

.icon_html2 {
    background-image: url(../images/icon_html2.png);
    width: 65px;
    height: 38px;
    margin-top: 5px
}

.icon_html3 {
    background-image: url(../images/icon_html3.png);
    width: 39px;
    height: 45px
}

.icon_html4 {
    background-image: url(../images/icon_html4.png);
    width: 44px;
    height: 45px
}

.cap_html {
    float: left
}

.box_html:hover {
    background: #fd0;
    color: #231f20
}

.cn li,
.freadmore,
.icon_email,
.icon_hotline,
.icon_phone {
    background-repeat: no-repeat
}

.box_html:hover .icon_html1 {
    background-image: url(../images/icon_html1h.png)
}

.box_html:hover .icon_html2 {
    background-image: url(../images/icon_html2h.png)
}

.box_html:hover .icon_html3 {
    background-image: url(../images/icon_html3h.png)
}

.box_html:hover .icon_html4 {
    background-image: url(../images/icon_html4h.png)
}

.icon_email {
    width: 19px;
    height: 15px;
    float: left;
    margin-right: 10px;
    background-image: url(../images/icon_email.png);
    background-position: left 3px
}

.icon_hotline,
.icon_phone {
    width: 19px;
    margin-right: 3px;
    float: left
}

.icon_phone {
    height: 19px;
    background-image: url(../images/icon_phone.png);
    background-position: left 1px
}

.icon_hotline {
    height: 21px;
    background-image: url(../images/icon_hotline.png);
    background-position: 3px 0
}

.icon_facebook,
.icon_instagram,
.icon_youtube,
.icon_zalo {
    height: 30px;
    background-repeat: no-repeat
}

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

.icon_facebook,
.icon_instagram,
.icon_youtube,
.icon_zalo {
    width: 31px;
    float: left
}

.social ul {
    padding: 0;
    list-style: none;
    float: left
}

.social ul li,
footer .col .social ul li {
    float: left;
    margin-right: 20px;
    width: 31px
}

.icon_facebook {
    background-image: url(../images/icon_facebook.png)
}

.icon_youtube {
    background-image: url(../images/icon_youtube.png)
}

.icon_instagram {
    background-image: url(../images/icon_instagram.png)
}

.icon_zalo {
    background-image: url(../images/icon_zalo.png)
}

.desc_newsletter,
.group_btn_newsletter,
.newsletter,
.tit_newsletter {
    width: 100%;
    float: left
}

.freadmore {
    background-image: url(../images/icon_arrowdown.png);
    padding-left: 17px;
    background-position: left;
    float: left
}

.middle-footer {
    padding: 20px 0 0
}

.middle-footer .col li strong {
    width: 100%;
    float: left;
    font-weight: 400;
    font-family: Roboto-Regular
}

footer .col.cn {
    margin-bottom: 15px
}

.cn li {
    background-image: url(../images/dot_footer.png);
    padding-left: 17px;
    background-position: left 5px;
    float: left;
    list-style: none;
    margin-bottom: 10px
}

.cn ul {
    float: left;
    margin: 0
}

.cn img {
    float: left;
    margin-right: 20px
}

.newsletter {
    background: #e6e7e8;
    padding: 30px 0 50px
}

.tit_newsletter {
    color: #231f20;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Roboto-Medium;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.desc_newsletter {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.send_mail {
    text-transform: uppercase;
    background: #231f20 !important;
    color: #fff;
    font-family: Roboto-Light;
    padding: 6px 49px;
    margin-right: 30px;
    float: left;
}

.send_mail:hover {
    background: #fd0;
    color: #231f20;
    text-decoration: none
}

input.input_newsletter {
    width: 200px;
    float: left;
    padding: 7px 10px 6px;
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-family: Roboto-LightItalic
}

button.btn_newsletter {
    background-color: transparent;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: Roboto-Medium;
    float: left;
    background-image: url(../images/icon_s.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    z-index: 3;
    position: absolute;
    right: 0;
    padding: 0 0 0 6px;
    border: 0
}

.box_banner .item,
.item_p,
.line_newsletter {
    position: relative
}

.btn_newsletter {
    background-color: #231f20 !important;
    padding: 7px 6px 6px !important;
    float: left;
    font-weight: bold;
}

.line_newsletter {
    float: left;
}

.box_cagegoryhome,
.item_p,
.label_accept,
.list_category,
.list_product .item,
.list_product .item .image {
    width: 100%;
    float: left;
}

.label_accept {
    margin-top: 15px
}

.label_accept input {
    margin-top: 3px;
    background-color: transparent;
    border: 1px solid #ccc;
    margin-right: 5px;
    border-radius: 0
}

.box_cagegoryhome {
    margin-bottom: 10px
}

.list_product .item {
    padding-left: 15px;
    padding-right: 15px;
}

.list_product .item .image {
    border: 1px solid #e6e7e8;
    text-align: center;
}

.list_product.list_product_related .item .image {
    height: 250px
}

.list_product .item .image img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.list_product .item .caption {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, .75);
    padding: 20px 0
}

.list_product .item .caption_l {
    width: 70%;
    float: left
}

.list_product .item .name {
    width: 100%;
    float: left;
    padding-left: 15px
}

.list_product .item .name a {
    color: #fff;
    text-transform: uppercase;
    font-family: Roboto-Medium;
    background-image: url(../images/arrowpro.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 12px;
    display: inline-block
}

.currency,
.price {
    color: #ed1c24;
    font-family: Roboto-Medium
}

.owl-icon,
.owl-icon.owl-icon-next {
    background-image: url(../images/owl-next.png)
}

.list_product .item .name a h3 {
    margin: 0
}

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

.caption_r {
    width: 30%;
    float: right
}

.list_product .item .price {
    padding-left: 20px
}

.currency {
    font-size: 11px;
    padding-left: 5px
}

.price_old,
.price_old .currency {
    color: #fff
}

.price_new {
    float: left;
    margin-right: 5px;
    min-height: 20px
}

.price_old {
    /* float: left; */
    margin-right: 20px;
    font-size: 14px;
    text-decoration: line-through;
}

.owl-icon {
    width: 27px;
    height: 15px;
    float: left;
    background-repeat: no-repeat
}

.owl-icon.owl-icon-prev {
    background-image: url(../images/owl-prev.png)
}

.owl-icon.owl-icon-next:hover {
    background-image: url(../images/owl-nexth(1).png);
}

.owl-icon.owl-icon-prev:hover {
    background-image: url(../images/owl-prevh.png)
}

.list_product.owl-theme .owl-controls .owl-buttons {
    top: -50px;
    width: 65px;
    right: 12px
}

.list_product.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: auto;
    right: 0
}

.list_product.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: auto;
    left: 0
}

.newslatest.owl-theme .owl-controls .owl-buttons {
    top: -50px;
    width: 65px;
    right: 12px
}

.newslatest.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: auto;
    right: 0
}

.newslatest.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: auto;
    left: 0
}

.client.owl-theme .owl-controls .owl-buttons {
    top: -18px;
    width: 65px;
    right: 12px
}

.client.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: auto;
    right: 0
}

.client.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: auto;
    left: 0
}

.list_category.owl-theme .owl-controls .owl-buttons {
    top: -35px;
    width: 65px;
    right: 12px
}

.box_banner,
.box_banner .item {
    width: 100%;
    float: left
}

.list_category.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: auto;
    right: 0
}

.list_category.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: auto;
    left: 0
}

#productfeatured {
    margin-bottom: 40px
}

.box_banner .item {
    margin-bottom: 30px
}

.box_banner .image {
    float: left;
    width: 555px;
    height: 250px;
    overflow: hidden
}

.box_banner .image img {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    width: 100%;
}

.box_banner .image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.list-videos .image img,
.list_news .item .image img {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    transform: translateY(-50%);
    backface-visibility: hidden;
}

.box_banner .name {
    position: absolute;
    top: 10px;
    left: 20px
}

.box_banner .name a {
    text-transform: uppercase;
    color: #231f20;
    font-size: 24px;
    font-family: Roboto-Medium;
    background-image: url(../images/arrowbanner.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 4px;
    display: block
}

.box_banner .name a h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
}

.newslatest .item {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-bottom: 30px
}

.newslatest .item .image {
    width: 100%;
    float: left;
    height: 210px;
    overflow: hidden;
}

.newslatest .item .caption {
    padding: 20px;
    width: 100%;
    float: left;
    background: #e6e7e8
}

.newslatest .item .name {
    width: 100%;
    float: left;
    height: 58px
}

.newslatest .item .name a {
    color: #231f20;
    font-size: 16px;
    font-family: Roboto-Medium;
    display: block
}

.newslatest .item .name a h3 {
    color: #231f20;
    font-size: 16px;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list_infov ul,
.list_video .item {
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.newslatest .item .name a:hover {
    text-decoration: none;
    color: #fd0
}

.newslatest .item .description {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#videohome {
    background: #fd0;
    padding: 40px 0
}

.list_video .item .name,
.list_video ul li {
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    width: 100%
}

.list_video .item .name {
    background-image: url(../images/arrowvideo.png)
}

.list_video .item .name a {
    color: #231f20;
    font-size: 15px;
    padding-left: 30px
}

.list_video .item .name a:hover {
    text-decoration: none;
    color: #fff
}

.list_video .item:first-child .name {
    background-image: none
}

.list_video .item:first-child .name a {
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 0
}

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

.list_video ul li {
    background-image: url(../images/arrowvideo.png);
    margin-bottom: 22px
}

.list_video ul li a {
    color: #231f20;
    font-size: 15px;
    padding-left: 30px
}

.list_video ul li a:hover {
    text-decoration: none;
    color: #fff
}

.list_video ul li:first-child {
    background-image: none
}

.list_video ul li:first-child a {
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 0
}

.list_logo {
    width: 100%;
    float: left;
    margin-top: 15px
}

.mb_subcategories {
    width: 100%;
    float: left;
    background: #fff;
    z-index: 5;
    max-height: 0;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    position: absolute;
    top: 49px
}

.line_mb_subcategories {
    width: 100%;
    float: left;
    color: #231f20;
    font-family: Roboto-Light;
    background-image: url(../images/arrowcategory.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 15px
}

.subcategories>ul>div:hover>li>a,
.subcategories>ul>div>li.actived>a {
    background: #fd0 !important;
    text-decoration: none;
    color: #231f20;
}

.line_mb_subcategories a {
    color: #231f20;
    margin-bottom: 5px;
    display: block
}

.line_mb_subcategories a h3,
.subcategories>ul>div>li>a h2 {
    margin: 0;
}

.subcategories>ul>div>li.actived .mb_subcategories,
.subcategories>ul>div>li:hover .mb_subcategories {
    border: 1px solid #fd0;
    max-height: 9999px;
    padding: 10px 0 5px
}

.list-product .item .price {
    color: #ed1c24;
    font-size: 15px;
    padding-left: 10px
}

.list-product .item .currency {
    color: #ed1c24
}

.list-product .item .price_old {
    color: #696868;
}

.list-product .item .price_old .currency {
    color: #231f20
}

.price_single,
.price_single .currency {
    color: #ed1c24
}

.list-product .item .short_description {
    float: left;
    margin-top: 5px;
    height: 50px;
    padding-left: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list-product .item .short_description ul {
    padding: 0 0 0 15px;
    width: 100%;
    float: left
}

.xemthem {
    background-image: url(../images/xemthem.png);
    background-repeat: no-repeat;
    background-position: 20px 12px;
    float: left;
    width: 100%;
    padding: 7px 20px 7px 35px
}

#xemthem {
    background-color: #e6e7e8
}

.short_desc_singproduct {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.short_desc_singproduct ul {
    width: 100%;
    float: left;
    padding-left: 15px
}

.btn_addcart,
.btn_tragop {
    background: #231f20;
    font-family: Roboto-Light;
    padding: 10px 35px;
    margin-right: 30px;
    float: left;
    text-transform: uppercase
}

.box_order>label,
.box_order_item>label,
.box_ss label,
.desc_searchagency,
.fisrt_news .item .name a,
.fn-com-user-name,
.label_option,
.list_agency .item .name,
.list_edutcation .item .name,
.list_edutcation_left .name a,
.list_fisrt_news .item .name a,
.list_news .item .name a,
.name_searchagency,
.resultsearch ul li a,
.second_news .name a,
.supports_product .name a,
.total_comment {
    font-family: Roboto-Medium
}

.price_single {
    font-size: 18px;
    margin-bottom: 10px
}

.price_single .price_new {
    float: left;
    margin-bottom: 6px
}

.price_single .price_new .currency {
    font-size: 15px
}

.price_single .price_old {
    float: left;
    color: #231f20;
    font-size: 14px
}

.price_single .price_old .currency {
    color: #231f20;
    font-size: 13px
}

.btn_addcart,
.btn_addcart a,
.btn_tragop,
.btn_tragop a {
    color: #fff
}

.group_addcart {
    width: 100%;
    float: left;
    margin-top: 20px
}

.btn_addcart:hover,
.btn_tragop:hover {
    background: #fd0
}

.btn_addcart:hover a,
.btn_tragop:hover a {
    color: #231f20;
    text-decoration: none
}

.box_desc_single {
    width: 100%;
    float: left;
    padding-top: 30px
}

.box_desc_single .tab-content {
    padding-top: 20px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0 solid #ddd;
    border-bottom: 2px solid #414042
}

.box_desc_single .nav-tabs>li>a {
    text-transform: uppercase;
    font-size: 16px;
    color: #414042
}

.box_desc_single .nav-tabs>li>a h2 {
    margin: 0
}

.box_desc_single .nav-tabs>li>a:hover {
    background: 0 0;
    border: 1px solid transparent;
    margin: -1px 0 0;
    border-bottom: 2px solid #414042
}

#xemthempro {
    background-color: transparent
}

.box_desc_single .xemthem {
    background-position: 0 12px;
    padding-left: 15px
}

.maxheigh600 {
    max-height: 600px;
    overflow: hidden
}

.product_relateds {
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #a7a9ac
}

.list_product_related .item .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 30%;
    display: none
}

.list_product_related .item:hover .caption {
    display: block
}

.list_product_related .item .caption_l {
    width: 100%;
    margin-bottom: 10px;
    text-align: center
}

.list_product_related .item .name {
    float: none;
    width: auto;
    padding-left: 0;
    margin-bottom: 5px
}

.page_single {
    width: 100%;
    float: left;
    padding-top: 40px
}

.list_product .item .price {
    float: none;
    width: auto
}

.list_product_related .caption_r {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px
}

.list_product_related .btn_readmore {
    width: auto;
    float: none;
    margin: 0 auto
}

.list_product_related .btn_readmore a {
    float: none
}

.product_accessorys {
    width: 100%;
    float: left;
    padding: 20px 0
}

.top_news {
    width: 100%;
    float: left;
    padding: 50px 0 20px
}

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

.fisrt_news .item {
    width: 100%;
    float: left;
    position: relative
}

.fisrt_news .item .image,
.fisrt_news .item .image img {
    width: 100%;
    float: left
}

.fisrt_news .item .caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, .75);
    width: 360px;
    border: 1px solid #fff;
    padding: 15px;
    color: #fff
}

.fisrt_news .item .name {
    width: 100%;
    float: left;
    font-size: 16px;
    text-transform: uppercase
}

.fisrt_news .item .name a {
    color: #fff
}

.meta_news {
    width: 100%;
    float: left;
    color: #808285
}

.date_add {
    float: left;
    margin-right: 25px
}

.viewed {
    float: left;
    margin-right: 30px
}

.fisrt_news .item .description {
    width: 100%;
    float: left;
    margin-top: 10px
}

.fisrt_news .more-n,
.more-n {
    background-repeat: no-repeat;
    background-position: 0 5px;
    display: block;
    margin-top: 15px;
    padding-left: 14px;
    font-size: 13px;
    float: left;
    width: 100%
}

.more-n {
    background-image: url(../images/xemthem.png);
    color: #231f20
}

.fisrt_news .more-n {
    background-image: url(../images/icon_arrowdown.png);
    color: #fff
}

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

.second_news .item {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 21px
}

.second_news .item .image,
.second_news .item .image img {
    width: 100%;
    float: left
}

.second_news .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 6px 20px
}

.second_news .name a {
    color: #fff;
    text-transform: uppercase
}

.box .list-news .item .name a {
    font-size: 14px;
    text-transform: none
}

.content_muaodau ul li a,
.errorswrap h1,
.landing_tskt>h3,
.list_agency .item .name,
.list_edutcation .item .name,
.list_edutcation_left .name a,
.list_news .item .name a,
.list_shop ul li a,
.open,
.thumb-user,
.title_list_agencyss,
.title_popup {
    text-transform: uppercase
}

.box .list-news .item .name a h3 {
    margin: 0
}

.single_news .meta_news {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e7e8
}

.edu_list_logo {
    width: 100%;
    float: left;
    padding: 50px 57px 30px;
}

.edu_list_logo .item {
    float: left;
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 20px;
}

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

.list_edutcation .item {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.list_edutcation .item .image,
.list_edutcation .item .image img {
    width: 100%;
    float: left
}

.list_edutcation .item .caption {
    position: absolute;
    bottom: 0;
    height: 30px;
    left: 0;
    right: 0;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.list_edutcation .item .name {
    width: 100%;
    float: left;
    background: url(../images/bgtit_education.png) 5px 9px no-repeat #1996a9;
    color: #fff;
    padding: 6px 5px 4px 22px;
    -webkit-transition: background 0s linear;
    -moz-transition: background 0s linear;
    -ms-transition: background 0s linear;
    -o-transition: background 0s linear;
    transition: background 0s linear
}

.list_edutcation .item .name a {
    color: #fff
}

.list_edutcation .item .name a h3 {
    margin: 0;
    line-height: 20px
}

.list_edutcation .item:hover .caption {
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8)
}

.list_edutcation .item .short_description {
    width: 100%;
    float: left;
    color: #fff;
    padding: 15px 22px;
    font-size: 12px;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s;
    height: 0;
    display: none
}

.list_edutcation .item:hover .short_description {
    height: auto
}

.list_edutcation .item .name:hover {
    background-color: #fd0
}

.list_edutcation .item .name:hover a {
    text-decoration: none
}

.btn_detail {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center;
    display: none
}

.btn_detail a {
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #fff
}

.btn_detail a:hover {
    text-decoration: none;
    background: #fd0;
    color: #231f20;
    border: 1px solid #fd0
}

.list_edutcation .item:hover .btn_detail,
.list_edutcation .item:hover .short_description {
    display: block
}

.list_agency {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.list_agency .item {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-bottom: 5px solid #1996a9;
    padding-bottom: 10px
}

.list_agency .item .image {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 260px
}

.list_agency .item .image img {
    width: 100%;
    float: left;
    max-height: 100%;
}

.list_agency .item .caption {
    width: 100%;
    float: left;
    height: 130px;
}

.pagesingle>.description {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px
}

.list_agency .item .name {
    width: 100%;
    float: left;
    background-image: url(../images/bgtit_agency.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding: 0 5px 0 20px;
    margin-bottom: 5px
}

.list_agency .item .name a {
    color: #231f20
}

.list_agency .item .name a h3 {
    margin: 0
}

.list_agency .item .address,
.list_agency .item .email,
.list_agency .item .hotl {
    width: 100%;
    float: left
}

.list_agency .btn_detail {
    width: 100%;
    float: right;
    margin-top: 55px;
    text-align: center;
    display: none
}

.list_fisrt_news,
.list_fisrt_news .item,
.list_fisrt_news .item .image,
.list_fisrt_news .item .image img,
.list_fisrt_news .item .name,
.list_news,
.list_news .item {
    width: 100%;
    float: left
}

.list_agency .btn_detail a {
    color: #1996a9;
    border: 1px solid #1996a9
}

.list_fisrt_news .item .image {
    border: 1px solid #1996a9;
    margin-bottom: 10px
}

.list_fisrt_news .item .name {
    margin-bottom: 5px
}

.list_fisrt_news .item .name a {
    color: #231f20;
    font-size: 16px
}

.list_fisrt_news .item .name a h3 {
    font-size: 16px;
    margin: 0
}

.list_fisrt_news .item .description {
    width: 100%;
    float: left;
    font-size: 13px
}

.list_news .item {
    margin-bottom: 20px
}

.list_news .item .name a {
    color: #231f20
}

.list_news .item .name a h3 {
    margin: 0
}

.list_gallery,
.list_videoss {
    margin-top: 20px;
    width: 100%;
    float: left;
}

.list_gallery .item,
.list_videoss .item {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.list_news .item .image {
    width: 100%;
    float: left;
    height: 125px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.list_news .list_fisrt_news .item .image {
    height: 290px
}

.list_news .item .image img {
    position: relative;
    top: 50%;
}

.list_gallery .name a {
    color: #231f20;
    font-size: 13px;
    padding-top: 2px;
    float: left
}

#sync2 {
    margin-left: -5px;
    margin-right: -5px
}

#sync2 .owl-item {
    padding-left: 5px;
    padding-right: 5px;
    float: left
}

#sync2 .owl-item.synced {
    padding-left: 4px;
    padding-right: 4px
}

#sync2 .owl-item.synced>div {
    border: 1px solid #1996a9
}

#sync2 .owl-item>div {
    border: 1px solid #fff
}

.list_videoss .item .image {
    width: 100%;
    float: left;
    position: relative;
    height: 150px;
    overflow: hidden;
}

.list_videoss .list_fisrt_news .item .image {
    height: 312px
}

.list_videoss .item .name {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.list_videoss .item .name a h3 {
    margin: 0
}

.list_videoss .name a {
    color: #231f20
}

.icon_play {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-top: 22%;
}

.icon_play i {
    font-size: 30px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 8px;
    padding-left: 8px
}

.icon_play_lager i {
    font-size: 45px;
    width: 70px;
    height: 70px;
    padding-top: 10px;
    padding-left: 12px
}

.list_video .image,
.list_video .image img {
    width: 100%;
    float: left
}

.xemtatca {
    float: right;
    margin-top: -45px
}

.list-videos,
.list-videos .image,
.list-videos .item,
.list-videos .name,
.list_edutcation_left,
.list_edutcation_left .image,
.list_edutcation_left .item,
.news_related,
.page_details,
.page_details .description,
.pagesingle,
.single_education,
.single_education .description {
    width: 100%;
    float: left
}

.xemtatca a {
    color: #231f20;
    background-image: url(../images/xemtatca.png);
    background-repeat: no-repeat;
    background-position: right 6px;
    padding-right: 15px
}

.page_details {
    padding-bottom: 50px
}

.page_details .description {
    margin-bottom: 20px
}

.list_edutcation_left {
    margin-bottom: 50px
}

.list_edutcation_left .item {
    margin-bottom: 20px;
    position: relative
}

.list_edutcation_left .image {
    position: relative;
    z-index: 4;
    height: 110px;
    overflow: hidden
}

.list_edutcation_left .image:before {
    content: '';
    border: 1px solid #fff;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    position: absolute;
    z-index: 6
}

.list_edutcation_left .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    padding-top: 16%;
    z-index: 5
}

.list_edutcation_left .name {
    width: 100%;
    float: left;
    text-align: center
}

.list_edutcation_left .name a {
    color: #fff;
    font-size: 16px
}

.list_edutcation_left .name a h2 {
    margin: 0
}

.single_education {
    padding-left: 30px;
    border-left: 1px solid #1996a9;
    margin-bottom: 30px
}

.pagesingle {
    padding: 30px 0
}

.list-videos .image {
    position: relative;
    height: 202px;
    overflow: hidden
}

.list-videos .image img {
    position: relative;
    top: 50%;
    width:100%;
}

.list-videos .item {
    margin-bottom: 20px
}

.list-videos .name {
    height: 40px;
    margin-top: 5px
}

.list-videos .name a {
    color: #231f20
}

.list-videos .name a h3 {
    margin: 0;
    font-weight: 300;
}

.list-videos .name a:hover {
    text-decoration: none;
    color: #fd0
}

.news_related {
    margin-bottom: 30px
}

.desc_searchagency,
.line_searchagency {
    margin-bottom: 15px;
    width: 100%;
    float: left
}

.news_related ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left
}

.news_related ul li {
    width: 100%;
    float: left
}

.news_related .list_news {
    margin-top: 20px
}

.maps {
    width: 100%;
    float: left;
    height: 717px;
    display: block
}

.mapsdetail {
    width: 100%;
    float: left;
    height: 450px;
    display: block
}

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

.line_searchagency select {
    width: 100%;
    float: left;
    border: 1px solid #808285;
    padding: 5px 15px
}

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

.list_searchagency .item {
    width: 100%;
    float: left;
    margin-bottom: 7px;
    background-image: url(../images/icon_list_agency.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 15px
}

.name_searchagency {
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 13px
}

.add_searchagency {
    width: 100%;
    float: left;
    color: #231f20;
    font-size: 12px
}

.hieght90 {
    height: 84px
}

.searchagency .xemthem {
    padding-left: 15px;
    padding-top: 0;
    background-position: 2px 7px
}

.comment_message,
.input_name {
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%;
    float: left
}

.commentss {
    width: 100%;
    float: left;
    margin-top: 30px
}

.box-comment {
    width: 100%;
    float: left
}

.comment_message {
    height: 80px
}

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

.frm-comment .wrap-comment .button {
    display: inline-block;
    padding: 10px 20px;
    color: #fff!important;
    border: 0;
    cursor: pointer
}

.button.btn-dark-blue {
    background: #231f20;
    font-size: 14px
}

.list-comment {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left
}

.thumb-user {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
    background: #fd0;
    color: #231f20;
    text-align: center;
    padding-top: 3px
}

.post-comment {
    float: left;
    width: 92%
}

.fn-com-user-name,
.fn-content,
.func-comment,
.list-comment-replies-container {
    width: 100%;
    float: left
}

.fn-com-user-name {
    color: #231f20;
    margin-top: 3px
}

.fn-content {
    margin-bottom: 5px
}

.fn-reply {
    float: left;
    margin-right: 35px;
    color: #0092c8
}

.fn-time {
    float: left;
    font-size: 13px
}

.formcomment {
    margin-top: 5px;
    width: 96%;
    float: right
}

.list-comment-replies-container {
    padding-left: 35px;
    position: relative;
    margin-top: 5px
}

.list-comment-replies-container ul {
    list-style: none;
    padding: 15px;
    background: #e6e7e8;
    float: left;
    width: 100%;
    position: relative
}

.list-comment-replies-container ul:before {
    content: '';
    background-image: url(../images/bgrepcomment.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: -10px
}

.list-comment-replies-container .item-comment {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.list-comment-replies-container ul li:last-child {
    border-bottom: 0 solid #ccc;
    margin-bottom: 0
}

.total_comment {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    border-bottom: 1px solid #939598;
    padding-bottom: 10px
}

#datasearchagency {
    float: left;
    width: 100%;
    overflow: hidden
}

.pagesingle .list_fisrt_gallery {
    margin-bottom: 30px;
    width: 100%;
    float: left
}

.pagesingle .list_fisrt_gallery .item {
    margin-bottom: 10px;
    width: 100%;
    float: left
}

.box_order,
.searagency {
    width: 100%;
    margin-bottom: 20px;
    float: left
}

.pagesingle .list_fisrt_gallery .item img {
    width: 100%;
    float: left
}

.share {
    float: left
}

.share a {
    color: #808285;
    font-size: 12px;
    margin-top: 5px
}

.meta_news .share {
    padding-right: 20px
}

.searagency input.input_search {
    border: 1px solid #808285;
    width: 100%
}

.searagency button.btn_search span {
    padding: 7px 6px 8px
}

.box_order {
    margin-top: 20px;
    background: #f2f3f7
}

.box_order select {
    font-size: 13px;
    padding: 5px 8px
}

.box_order>label {
    text-transform: uppercase;
    padding: 11px 10px;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin: 0
}

.box_order_item {
    float: left;
    margin-left: 20px;
    position: relative
}

.box_s,
.list_option,
.share-box {
    position: absolute
}

.box_order_item>label {
    padding: 9px 0;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin: 0
}

.sort_feature,
.sort_manufacturer,
.sort_pricess {
    float: left;
    cursor: pointer
}

#sort_manufacturer .box_ss ul li {
    width: 33.333333%
}

.box_order_item>label.sort_order {
    padding-right: 20px;
    cursor: pointer
}

.box_s {
    top: 35px;
    width: 500px;
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 9999
}

.box_s.box_orderss {
    width: 150px;
    left: -32px
}

.box_ss,
.box_ss ul {
    width: 100%;
    float: left
}

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

.box_ss ul li {
    width: 50%;
    float: left;
    margin-bottom: 5px
}

.box_s.box_orderss .box_ss ul li {
    width: 100%
}

.box_ss label {
    font-size: 13px;
    font-weight: 400;
    float: left;
    margin: 0;
    cursor: pointer
}

.errorswrap h1,
.open {
    font-weight: 700;
}

.box_ss input {
    display: none
}

.list_option {
    bottom: 15px;
    right: 10px
}

.list_color {
    width: 100%;
    float: right
}

.list_color .icon_color {
    width: 14px;
    height: 14px;
    border: 1px solid #d1d3d4;
    float: left;
    margin: 0 3px
}

.colors,
.options {
    width: 100%;
    float: left
}

.list_color .icon_color>img {
    width: 100%;
    overflow: hidden;
    float: left;
    cursor: pointer
}

.colors {
    margin-bottom: 10px
}

.colors .icon_color {
    width: 30px;
    height: 30px;
    border: 1px solid #d1d3d4;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.label_option,
.product_accessory_attach {
    width: 100%;
    float: left
}

.colors .icon_color img {
    width: 100%;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100%
}

.label_option {
    color: #333;
    margin-bottom: 5px
}

.list_product_accessory_attach {
    margin-right: -5px;
    margin-left: -5px
}

.list_product_accessory_attach .item {
    width: 20%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px
}

.share-box,
.share_box {
    background-image: url(../images/icon_sharethis.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px
}

.list_product_accessory_attach .item .image {
    width: 100%;
    float: left;
    border: 1px solid #e6e7e8
}

.list_product_accessory_attach .item .name {
    width: 100%;
    float: left;
    margin-top: 5px
}

.list_product_accessory_attach .item .name a {
    color: #231f20;
    font-size: 12px;
    line-height: 13px;
    float: left
}

.list_product_accessory_attach .item .name a h3 {
    margin: 0
}

.share-box {
    left: 0;
    bottom: 0
}

.share_box,
.single_bottom {
    position: relative;
    width: 100%;
    float: left
}

.single_bottom {
    margin-top: 40px;
    display: inline-flex;
    text-align: center
}

.icon_tragop {
    position: absolute;
    right: 0;
    top: 0;
    background: #fd0;
    font-size: 13px;
    padding: 5px 10px
}

.list_product .item .item_p .price {
    padding: 0 15px
}

.supports_product {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 30px
}

.supports_product .item {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.supports_product .image {
    float: left;
    width: 40px
}

.supports_product .image img {
    max-width: 100%
}

.supports_product .name {
    float: left
}

.supports_product .name a {
    font-size: 15px;
    color: #333;
    padding-top: 6px;
    float: left
}

.supports_product .name a:hover {
    text-decoration: none;
    color: #fd0
}

.schecked {
    color: #ed1c24
}

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

.resultsearch ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left
}

.resultsearch ul li {
    float: left;
    position: relative;
    margin-bottom: 10px;
    margin-right: 15px
}

.resultsearch ul li a {
    float: left;
    background: #ccc;
    color: #333;
    font-size: 14px;
    padding: 5px 20px
}

.resultsearch ul li a:hover {
    text-decoration: none
}

.resultsearch ul li a i {
    position: absolute;
    right: 3px;
    top: 0;
    cursor: pointer
}

.tab-pane .jwplayer {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

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

.list_agencyss .item .caption {
    width: 100%
}

.list_agencyss .item .name {
    color: #231f20
}

.open {
    display: inline-block;
    color: #605714;
    /* width: 56px; */
    /* height: 21px; */
    /* background-color: #ffe204; */
    /* text-align: center; */
    /* margin-right: 7px; */
    /* line-height: 22px; */
    /* font-size: 10px; */
}

.list_agencyss .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #1996a9;
    padding-bottom: 15px
}

.items_agencyss {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.title_list_agencyss {
    width: 100%;
    float: left;
    background: #666;
    padding: 8px 15px;
    color: #fff;
    cursor: pointer;
    position: relative
}

.title_list_agencyss h2 {
    margin: 0;
    font-size: 14px
}

.advisory_latest,
.div-note-icon {
    margin-top: 20px
}

.con-list_agencyss {
    width: 100%;
    float: left;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.con-list_agencyss.actived {
    height: 600px;
    padding-top: 10px
}

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

.list_agencyss .item .caption {
    height: auto
}

.title_list_agencyss i {
    float: right;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 6px
}

.title_list_agencyss i.fa-angle-up {
    display: none
}

.title_list_agencyss i.fa-angle-down,
.title_list_agencyss.actived i.fa-angle-up {
    display: block
}

.title_list_agencyss.actived i.fa-angle-down {
    display: none
}

.div-note-icon {
    width: 100%;
    float: left
}

.scrollbar {
    float: left;
    height: 600px;
    overflow-y: auto
}

.force-overflow {
    min-height: 600px
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000
}

.scrollbars::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.advisory_latest,
.advisory_latest .item,
.advisory_latest .item .image,
.advisory_latest .item .image img,
.advisory_latest .name {
    width: 100%;
    float: left;
}

.scrollbars::-webkit-scrollbar-thumb {
    background-color: #000
}

.advisory_latest .item {
    margin-bottom: 20px;
    position: relative
}

.advisory_latest .caption {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 15px 15px 10px
}

.advisory_latest .name {
    margin-bottom: 5px
}

.advisory_latest .name a {
    color: #fff;
    font-size: 16px;
    font-family: Roboto-Bold
}

.advisory_latest .name a h3 {
    margin: 0;
    font-size: 16px
}

.advisory_latest .description {
    color: #fff;
    font-size: 13px;
    font-family: Roboto-Bold
}

.col_tt .title3,
.line_info_contact {
    font-family: Roboto-Medium
}

.advisory_latest .description p {
    margin: 0
}

.advisory_latest .col-right .name a {
    font-size: 13px
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px
}

.advisory_latest .col-left {
    float: left;
    padding: 0 10px;
}

.advisory_latest .col-right {
}

.advisory_latest .col-right .image {
    height: 210px;
    overflow: hidden
}

.advisory_latest .col-left .image {
    height: 440px;
    overflow: hidden;
}

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

.list_advisory .item {
    /* width: 100%; */
    float: left;
    margin-bottom: 20px;
}

.list_advisory .item .image {
    width: 100%;
    float: left;
    height: 173px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.list_advisory .item .image img {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-left: 5px;
}

#sync2.owl-theme .owl-controls .owl-buttons,
.bg {
    top: 0
}

.list_advisory .item .name {
    width: 100%;
    float: left;
    padding-top: 5px
}

.list_advisory .item .name a {
    color: #333;
    font-size: 15px
}

.list_advisory .item .name a h3 {
    font-size: 15px;
    margin: 0
}

.code,
.product_type {
    margin-bottom: 10px
}

.list_ad_top .item_l {
    width: 35%;
    float: left;
    padding-right: 7px
}

.list_ad_top .item_r {
    width: 65%;
    float: left;
    padding-left: 7px
}
.icon_sale{
        position: absolute;
    left: 10px;
    top: 10px;
    background: #ed1c24;
    font-size: 13px;
    padding: 1px 8px;
    color: #ffffff;
    z-index: 1;
}
.notication,
.product_type {
    width: 100%;
    float: left
}
.code{
    float: left;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 3px;
}
.list_edutcation.list_forrent .item .name {
    background: #ff7200
}

.list_edutcation.list_forrent .item .name a {
    color: #fff
}

.list_edutcation.list_forrent .item .name:hover {
    background: #1996a9
}

.list_edutcation.list_forrent .item .btn_detail a:hover {
    background: #ff7200;
    border: 1px solid #ff7200
}

.notication {
    text-align: center;
    font-size: 30px;
    padding: 150px 0
}

.list_forrent {
    margin-top: 30px
}

.product_type {
    color: #ed1c24
}

#box-gallery {
    width: auto;
    margin: 0 auto
}

.single_forrent {
    width: 100%;
    float: left;
    margin-top: 40px
}

#message-newsletter {
    width: 100%;
    float: left;
    margin-top: 3px;
    color: red
}

.box_new_category .list-news .item .name {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px
}

.box_new_category .list-news .description {
    height: 100px
}

.list_product.list_product_related .item .item_p .price {
    text-align: center
}

.line_info_contact {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 15px
}

.line_info_contact a,
.line_info_contact span {
    color: #d31313
}

.contact_info {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.list_agency .item .name h3 {
    margin: 0;
    line-height: 20px
}

.list_agency .item .name.l_store {
    background-image: url(../images/bgtit_lstore.png)
}

.list_agency .item .name.l_showroom {
    background-image: url(../images/bgtit_lshowroom.png)
}

.list_agency .item .name.l_agency {
    background-image: url(../images/bgtit_lagency.png)
}

#content-tragop {
    width: 700px;
    margin: 0 auto;
    position: relative
}

#content-muaodau {
    width: 480px;
    margin: 0 auto;
    position: relative
}

.content_muaodau,
.list_shop {
    margin-top: 20px
}

.box_popup,
.content_muaodau,
.content_muaodau ul,
.content_popup,
.title_popup {
    width: 100%;
    float: left
}

.box_popup {
    background: #fff
}

.title_popup {
    background: #231f20;
    color: #fff;
    text-align: center;
    padding: 11px 0;
    font-size: 16px
}

.content_popup {
    padding: 15px 20px;
    font-size: 16px
}

.mfp-close-btn-in .mfp-close {
    color: #fff!important
}

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

.content_muaodau ul li {
    float: left;
    width: 50%
}

.content_muaodau ul li a {
    font-size: 16px;
    color: #231f20;
    background: #e7e7e6;
    width: 100%;
    float: left;
    text-align: center;
    padding: 7px 0
}

.content_muaodau ul li:first-child a,
.list_shop ul li a {
    color: #fff;
    background: #231f20
}

.content_muaodau ul li a:hover {
    text-decoration: none
}

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

.list_shop ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left
}

.list_shop ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.list_shop ul li img {
    float: left
}

.list_shop ul li a {
    float: right;
    padding: 7px 14px
}

.list_shop ul li a:hover {
    text-decoration: none;
    color: #231f20;
    background: #e7e7e6
}

#search-site,
.topinput {
    position: relative;
    background: #f8f9fb;
    height: 50px
}

.errorswrap {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 100px auto;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    text-align: center
}

.errorswrap h1 {
    font-size: 25px;
    line-height: 40px
}

#search-site {
    float: none;
    width: 300px;
    margin: 8px auto;
    border-radius: 5px
}

.topinput {
    float: left;
    width: 250px;
    border: 0;
    text-indent: 10px;
    font-size: 18px;
    border-radius: 5px
}

.btntop {
    float: right;
    width: 48px;
    height: 50px;
    border: 0;
    background: 0 0
}

.iconerror-topsearch {
    background-position: -152px 4px;
    width: 40px;
    height: 48px
}

[class*=iconerror-],
[class^=iconerror-] {
    background: url(../images/404s.png) no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

#search_404 {
    width: 300px;
    margin: 40px auto
}

#search_404 input.input_search {
    border: 1px solid #333;
    width: 100%
}

.errorswrap .or {
    font-size: 16px;
    width: 100%;
    float: left;
    margin-top: 25px
}

.errorswrap .iconlink {
    width: 300px;
    height: 120px;
    margin: 0 auto
}

.errorswrap .iconlink .error {
    width: 130px;
    float: left;
    cursor: pointer
}

.iconerror-home {
    background: url(../images/404h.png) no-repeat;
    width: 110px;
    height: 60px;
    margin: 20px 8px 0 7px
}

.iconerror-contact {
    background: url(../images/404c.png) no-repeat;
    width: 61px;
    height: 60px;
    margin: 7px 8px 12px 7px;
    background-size: contain
}

.errorswrap .iconlink .error span {
    color: #333;
    font-size: 16px;
    display: block;
    width: 130px
}

#sync2.owl-theme .owl-controls .owl-buttons div {
    font-size: 27px;
    width: auto;
    color: #000;
    background: #d2d2d2;
    padding: 14px 7px
}

#sync2.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 4px
}

#sync2.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -6px
}

.scrollbar.scrollbarxxx {
    height: 545px
}

.force-product_scrollbar {
    max-height: 240px;
    overflow: auto
}

#product_scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5
}

#product_scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

#product_scrollbar::-webkit-scrollbar-thumb {
    background-color: #000
}

.scrollbars::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5
}

.force-product_scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.force-product_scrollbar::-webkit-scrollbar-thumb {
    background-color: #000
}

.col_tt {
    width: 100%;
    float: left;
    margin-top: 20px
}

.col_tt .title3 {
    color: #fff;
    font-size: 18px
}

.col_tt .line_info_contact {
    font-size: 14px;
    font-family: Roboto-Regular
}

.row_line_comment {
    margin-left: -5px;
    margin-right: -5px
}

.item_line_comment {
    width: 50%;
    float: left;
    padding: 0 5px
}

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

.listh ul {
    margin: 0 -25px;
    list-style: none;
    padding: 0
}

.listh ul li {
    background: #fff;
    float: left;
    width: 25%;
    padding: 0 25px;
    margin-bottom: 25px
}

.listh ul li .item {
    border: 1px solid #ddd;
    text-align: center;
    float: left;
    width: 100%;
    padding: 30px
}

.listh ul li .item img {
    max-width: 160px;
    height: 60px
}

section.wrapper {
    width: 100%;
    float: left;
    margin-top: 0;
    background-repeat: no-repeat;
    position: relative;
    background-position: center top
}

.content-1>div>div>img {
    display: block;
    max-width: 100%;
    margin: auto
}

.content-1 div.share>*,
.share>div,
a.button {
    display: inline-block
}

.content-1>div>div>span {
    margin: 0 0 15px;
    font-family: 'ROBOTO LIGHT'
}

.content-1 div.share {
    margin-top: 0;
    width: 100%;
    float: left
}

.share>div {
    height: 20px;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: 5px;
    font-family: Roboto-Light;
    font-size: 15px
}

.share>div:first-child,
.share>div:nth-child(2) {
    margin-right: 7px;
    height: auto;
    font-size: 15px;
    overflow: visible
}

.share>div:first-child>a {
    color: #0366d5;
    font-weight: 700
}

.content-1 div.right {
    float: right;
    width: 700px;
    margin-right: -70px
}

a.button {
    width: auto;
    padding: 0 30px;
    font-family: Roboto-Bold;
    line-height: 45px;
    margin-top: 10px;
    border-radius: 6px;
    color: #fff;
    border: 1px solid #f89406;
    background: -moz-linear-gradient(90deg, #f89406 30%, #f77417 70%);
    background: -webkit-linear-gradient(90deg, #f89406 30%, #f77417 70%);
    background: -o-linear-gradient(90deg, #f89406 30%, #f77417 70%);
    background: -ms-linear-gradient(90deg, #f89406 30%, #f77417 70%);
    background: linear-gradient(180deg, #f89406 30%, #f77417 70%)
}

.iframe,
.youtube {
    margin: auto;
    display: block
}

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

.landing_button,
.landing_share {
    width: 100%;
    float: left;
    text-align: center
}

.bg {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-size: cover
}

.content-1 {
    min-height: 445px
}

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

.iframe {
    width: 800px;
    height: 564px;
    background-size: 50px 50px
}

#news,
.block_13_price,
.landing_content,
.landing_title {
    width: 100%;
    float: left
}

.opaci {
    opacity: 0;
    z-index: 1;
    visibility: hidden
}

.content-block {
    padding: 30px 0
}

.landing_page h1 {
    font-size: 35px
}

.landing_page h2 {
    font-size: 30px
}

.landing_page h3 {
    font-size: 25px
}

.landing_page h4 {
    font-size: 20px
}

.landing_page h5 {
    font-size: 18px
}

.landing_page h6 {
    font-size: 15px
}

.landing_content {
    padding: 0 30px
}

.landing_content p {
    margin-bottom: 5px
}

.landing_content b,
.landing_content strong {
    font-weight: 400;
    font-family: Roboto-Bold
}

.landing_title {
    text-align: center;
    margin: 10px 0 20px
}

#news {
    padding: 20px 0
}

.landing_page #news h3 {
    font-size: 13px
}

#content-video {
    cursor: pointer;
    z-index: 5
}

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

.block_13_price {
    margin-top: 20px;
    text-align: center
}

.block_13_price_sp {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    float: left;
    padding: 15px 9px 0 35%
}

.block_13_price .price_new {
    font-size: 30px;
    color: red;
    font-family: Roboto-Medium
}

.block_13_price .price_new .currency {
    font-size: 32px;
    color: red
}

.block_13_price a {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    font-size: 15px
}

a.button>span {
    line-height: 13px;
    font-family: Roboto-Regular;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    display: flex
}

.button.blue {
    background-color: #09f!important;
    border: 1px solid #1591d0;
    color: #fff;
    border-radius: 4px;
    background: -webkit-linear-gradient(90deg, #09f 30%, #09f 70%);
    background: -o-linear-gradient(90deg, #09f 30%, #09f 70%);
    background: -ms-linear-gradient(90deg, #09f 30%, #09f 70%);
    background: linear-gradient(180deg, #09f 30%, #09f 70%)
}

.block_13_price a:hover {
    text-decoration: none
}

.block_13_price a .price_new {
    font-size: 12px;
    color: #fff;
    padding-left: 5px
}

.block_13_price a .price_new .currency {
    font-size: 12px;
    color: #fff
}

.landing_tskt>h3 {
    display: block;
    font-size: 31px;
    margin-bottom: 20px;
    text-align: left
}

.landing_tskt li {
    display: table;
    width: 100%;
    padding: 5px 0;
    text-align: left;
    float: left
}

.landing_tskt li:nth-child(2n+1) {
    background-color: #eee
}

.landing_tskt li strong {
    display: table-cell;
    width: 30%;
    vertical-align: top;
    padding: 5px 10px;
    font-size: 14px;
    color: #666
}

.landing_tskt a.viewmore {
    display: inline-block;
    text-decoration: none!important;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #09f;
    color: #09f;
    padding: 10px 30px 8px;
    font-size: 15px;
    margin-top: 10px
}

.landing_tskt a.viewmore:hover {
    background-color: #09f;
    color: #fff
}

.list-comment>li {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.qtv {
    background: #f1c40f;
    border-radius: 2px;
    padding: 0 5px;
    line-height: normal;
    border: 1px solid #f1c40f;
    font-size: 11px;
    color: #333;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 0 10px
}

#popup-form {
    max-width: 1140px;
    width: 800px;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.colors .icon_color.actived {
    border: 1px solid #333;
}

.support_footer li a {
    color: #ed1c24;
    font-size: 16px;
}

#list_gallery_color,
.list_gallery_color {
    width: 100%;
    float: left;
    position: relative;
}

.gallery-owl {
    width: 100%;
    float: left;
}




.border_r{
    border-right: 1px solid #d7d7d7;
}
.border_l{
     border-left: 1px solid #d7d7d7;
}
.product_single_right{
    width: 100%;
    float: left;
    padding: 15px 0px;
}

.fancybox-access-box {
    position: relative;
    font-size: 13px;
    color: #337ab7;
    padding-left: 28px;
    width: 100%;
    float: left;
}
.fancybox-access-box a{
     color: #337ab7;
}
.fancybox-access-box a:hover{
    text-decoration: underline;
}
.fancybox-access-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 17px;
    width: 17px;
    background: url('../images/tronghop.png') no-repeat center;
}
.icdt {
    display: inline-block;
    background-image: url('../images/icondt.png');
      background-repeat: no-repeat;
  }
.fs-dtckbox {
    width: 100%;
    float: left;
    padding: 0;
    list-style: none;
}
.fs-dtckbox li {
    font-size: 13px;
    color: #545454;
    margin-bottom: 8px;
    padding-left: 28px;
    position: relative;
}
.fs-dtckbox li span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 16px;
}

.fs-dtck1 {
    background-position: -5px -51px;
}
.fs-dtck2 {
    background-position: -27px -51px;
}
.fs-dtck3 {
    background-position: -53px -51px;
}
.fs-dtck4 {
    background-position: -78px -51px;
}
.dtckbox{
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.fs-thumit {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
}
.fs-thumit li {
    cursor: pointer;
    width: 60px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    font-size: 11px;
    color: #333;
}
.fs-thumit li span {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-bottom: 3px;
    display: block;
    text-align: center;
    border: solid 1px #e1e1e1;
}
.fs-thumit li a {
    display: block;
    color: #333;
}
.fs-thumit li span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-image: url('../images/icclise.png');
    background-repeat: no-repeat;
}
.fs-thumit li span.fs-th4:before {
    background-position: -80px 0;
}
.fs-thumit li span.fs-th5:before {
    background-position: -160px 0;
}
.fs-thumit li span.fs-th2:before {
    background-position: 0 0;
}

.fs-th5{
    position: relative;
}
.fs-th5 i {
    position: absolute;
    top: 2%;
    left: 39%;
    color: #7d7d7d;
    font-family: Arial;
}

.row_slide{
    margin-left: -7px;
    margin-right: -7px;
}
.slide_left{
   width: 66.66666667%;
   float: left;
   padding-right: 7px;
   padding-left: 7px;
}
.slide_right{
    width: 33.33333333%;
   float: left;
   padding-right: 7px;
   padding-left: 7px;
}
.fs-asnews {
    width: 100%;
    float: left;
    background: #fff;
    padding: 11px 15px 15px 15px;
    height: 150px;
}
.fs-asntit {
    position: relative;
    padding-bottom: 10px;
}
.fs-asntit h3 {
    font-size: 15px;
    font-weight: bold;
    color: #d0011b;
        margin: 0;
}
.fs-asntit a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #18487a;
}
.fs-asnews ul{
    list-style: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.fs-asnews ul li{
    width: 100%;
    float: left;
}
.fs-asnews ul li a {
    display: block;
    height: 50px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.43;
    color: #3d3d3d;
    padding-bottom: 5px;
    margin-bottom: 9px;
    border-bottom: 1px solid #efefef;
}
.fs-asnews ul li a span {
    width: 78px;
    height: 40px;
    overflow: hidden;
    display: block;
    float: left;
    margin-left: 10px;
}

.fs-asnews ul li a span img {
    vertical-align: middle;
}
.fs-asnews ul li a h3 {
    display: block;
    margin-left: 90px;
    font-size: 14px;
    line-height: 1.43;
    color: #1f1f1f;
    height: 40px;
    overflow: hidden;
        margin: 0;
}
.fs-asnews ul li:last-child a {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 42px;
}
.error-tooltip{
    position: absolute;
    top: -11px;
    background: #fd0;
    padding: 2px 10px;
    left: 0;
    font-size: 12px;
    color: red;
}



.short_desc_singproduct{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.short_desc_singproduct ul{
    width: 100%;
    float: left;
    padding-left: 15px;
}
.price_single {
    font-size: 18px;
    color: #ed1c24;
    margin-bottom: 10px;
    padding-top: 15px;
}
.price_single .currency{
     color: #ed1c24;
}
.price_single .price_new{
	    float: left;
	    margin-bottom: 6px;
	    font-size: 25px;
}
.price_single .price_new .currency{
    font-size: 15px;
}
.price_single .price_old{

    float: left;
    color: #231f20;
    font-size: 17px;
    margin-left: 10px;
    padding-top: 8px;

}
.price_single .price_old .currency{
   color: #231f20;
    font-size: 13px;

}
.group_addcart{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.btn_addcart{
    width: 100%;
    float: left;
    background: #d92028;
    border: 1px solid #d92028;
    font-family: 'Roboto-Medium';
    color: #fff;
    padding: 10px 3px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
     text-align: center;
}
.btn_addcart p{
    width: 100%;
    float: left;
    font-size: 12px;
    color: #fff;
     font-family: 'Roboto-Regular';
     margin-bottom: 0;
}
.single_information {
    border-top: 1px solid #d7d7d7;
    width: 100%;
    float: left;
}

.price_sale_single {
    float: left;
    padding: 2px 6px 1px;
    vertical-align: middle;
    background-color: #fde5e5;
    border: solid 1px #ffc6c6;
    font-size: 12px;
    color: #ff2d2d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: 6px;
}


.pernumpro {
       background-color: #ff2842;
    color: #fff;
    border: solid 1px #ff677a;
    margin-left: 5px;
    display: inline-block;
    padding: 2px 6px 1px;
    vertical-align: middle;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-top: 6px;
}
.ghoh {
    font-size: 15px;
    cursor: pointer;
    color: #eb0000;
    position: relative;
    padding: 5px 5px 5px 40px;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: #fff9fa;
    border: solid 1px #ffdddd;
    float: left;
    width: 100%;
    font-family: 'Roboto-Medium';
    display: none;
}
.ghoh:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 21px;
    background: url('../images/chronometer.png') no-repeat center;
    position: absolute;
    top: 5px;
    left: 8px;
}
.data-price{
	float: left;
}

.box_khuyen_mai{
	width: 100%;
	float: left;
	margin-bottom: 20px;
   
}
.title_box_khuyen_mai{
	width: 100%;
	float: left;
	background: #34a105;
	color: #fff;
	text-align: left;
	padding: 5px 15px;
     border-bottom: dashed 1px #d7d7d7;
}
.content_box_khuyen_mai{
	width: 100%;
	float: left;
	padding: 10px 15px 10px;
	border-bottom: dashed 1px #d7d7d7;
	border-left: dashed 1px #d7d7d7;
	border-right: dashed 1px #d7d7d7;
}
.content_box_khuyen_mai ul{
	list-style: none;
	padding: 0;

}


.row_btn{
    margin-left: -5px;
    margin-right: -5px;
}
.item_btn{
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}


.btn_tragop{
    width: 100%;
    float: left;
    background: #2089D2;
    border: 1px solid #2089D2;
    font-family: 'Roboto-Medium';
    color: #fff;
    padding: 10px 3px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.btn_tragop p{
    width: 100%;
    float: left;
    font-size: 12px;
    color: #fff;
     font-family: 'Roboto-Regular';
     margin-bottom: 0;
}


.btn_call{
      background: #ffdd00;
    border: 1px solid #ffdd00;
    font-family: 'Roboto-Light';
    color: #333333;
    float: left;
    padding: 2px 15px;
    margin-right: 0;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 175px;
}
.btn_call i {
    float: left;
    font-size: 30px;
    padding-right: 10px;
    padding-top: 3px;
}
.btn_call p{
float: left;
    font-size: 12px;
    margin-bottom: 0;
}
.btn_call b{
	    float: left;
    font-size: 16px;
    font-weight: normal;
}
.btn_tragop a{
    color: #fff;
}
.btn_addcart:hover{
    background: #ffdd00;
     border: 1px solid #ffdd00;
}
.btn_addcart:hover a{
    color: #231f20;

    text-decoration: none;
}

.btn_tragop:hover{
    background: #ffdd00;
    border: 1px solid #ffdd00;
}
.btn_tragop:hover a{
    color: #fff;
    text-decoration: none;
}
.block-call-for-customer {
    width: 100%;
    padding: 12px 10px 10px;
    background-color: #22934e;
    border-radius: 4px;
    position: relative;
    float: left;
}
#message-error1 {
    width: 100%;
    float: left;
    text-align: center;
    color: red;
    padding: 5px;
}
.block-call-for-customer>h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.block-call-for-customer .text-number-phone {
    border: 0;
    font-size: 12px;
    color: #999;
    display: inline-block;
    padding: 6px 5px 5px 10px;
    margin-top: 8px;
    width: calc(100% - 70px);
    float: left;
}
.block-call-for-customer .btn-sent-number-phone {
    width: 66px;
    height: 26px;
    border: 0;
    background-color: #F15A22;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 9px;
    right: 10px;
    text-align: center;
    padding-top: 3px;
    cursor: pointer;
}
.block-call-for-customer .btn-sent-number-phone.acti{
        padding-top: 20px;
        height: 59px;
}
.call-for-customer1 {
    margin-top: 20px;
}
.txt_call {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 13px;
    color: #000;
}
.txt_call a:hover {
    text-decoration: underline;
}

.txt_call a {
    color: #d92028;
    font-family: 'Roboto-Medium';
    font-size: 18px;
}
.mfp-content{
    padding:10px;
}
.mfp-figure:after{
    background: #fff !important;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor: pointer !important;
}
.mfp-iframe-holder .mfp-content{
    background:#fff;
}
.mfp-iframe-scaler{
    position: relative;
}
.list_recruitment{
    width: 100%;
    float: left;
}
.list_recruitment .item{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.list_recruitment .item .image{
    width: 30%;
    float: left;
}
.list_recruitment .item .caption{
    width: 55%;
    float: left;
    padding-left: 20px;
}
.list_recruitment .item .btn_recruitment{
    width: 15%;
    float: left;
    text-align: right;
}
.list_recruitment .item .name{
    width: 100%;
    float: left;
}
.list_recruitment .item .name h3{
    color: #000;
    font-size: 20px;
    margin: 0 0 20px;
}
.list_recruitment .item .name a:hover{
    text-decoration: none;
    color:  #ffdd00;
}
.list_recruitment .item .name a:hover h3{
    text-decoration: none;
    color:  #ffdd00;
}
.list_recruitment .item .short_description{
    width: 100%;
    float: left;
}
.btn_recruitment a{
    background: #ffdd00;
    color: #000;
    padding: 7px 20px;
    cursor: pointer;
}
.btn_recruitment a:hover{
    text-decoration: none;
    background: #333;
    color: #fff;
}
.bannertd{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.bannertd img{
    width: 100%;
    float: left;
}
#frmrecruitment{
    width: 500px;
    margin:0 auto;
    position: relative;
}
.frm_recruitment{
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    padding: 30px;
}
 .mfp-close-btn-in #frmrecruitment .mfp-close{
       color: #000!important;
}
.bnt_recruitment{
   width: 100%; 
    float: left;
    padding: 8px 15px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #d31313;
   text-align: center;
   cursor: pointer;
}
.bnt_recruitment:hover{
    text-decoration: none;
    background: #333;
}