@charset "utf-8";

html, body {
    overflow-x: hidden;
}
body {
    margin: 0px auto;
    padding: 0px auto;
    font-size: 14px;
    line-height: 27px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    color: #151515;
    background: #f2f2f2;
}
* {
    margin: 0px auto;
    padding: 0px auto;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clr {
    clear: both;
}
a {color: #f50a00;}
a:hover {color: #126bd6;}
ul {
    padding: 0px;
    list-style: none;
}
img {
    border: 0;
    max-width: 100%;
}

.border-product {
    width: 95%;
    margin: auto;
    border-bottom-width: 1px;
    border-bottom-color: #ededed;
    border-bottom-style: solid;
}
.title-cart-page-left {
    flex-basis: 70%;
}
.total-cart-page {
    display: flex;
    font-size: 15px;
    padding: 5px 15px;
}
.cart_product img {height: 115px}
#placeSlide_main {overflow-x: hidden;}
.product-thumbnail__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.product-thumbnail__quantity {
    background-color: #f50a00;
    color: #fff;
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
    text-align: center;
    top: -5px;
    right: -10px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 50%;
}
.product-thumbnail {
    width: 60px;
    height: 70px;
    background: #fff;
    position: relative;
    margin-right: 15px;
    float: left;
    margin-top: 15px;
}
.order-summary__section {
    border-top: 1px solid rgba(175,175,175,.34);
}
.btn--disabled {
    background: #0ac4dd;
    color: #fff;
    padding: 13px 20px;
    border: none;
    float: right;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.7;
}
.field__input-wrapper input {border-radius: 4px;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    height: 42px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    width: 75%;
    float: left;}
.payment-due__price {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1em;
    color: #f50a00;
}
.product__description__name {
    font-weight: 400;
    font-size: 14px;
        display: -webkit-box;
    overflow: hidden;
    line-height: 23px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.order-summary__nav.method-button-cart button {float: right;}
.order-summary__nav.method-button-cart {    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.order-summary__nav.method-button-cart>a {
    margin: 0;
}
.method-button-cart .sc_item_button {
    margin: 15px 0;
}
.page_sp_ct {
    width: 1000px;
    padding: 40px;
}
.edit_checkout {    margin: 20px 0;
    display: inline-block;
    width: 100%;}
.discount-code {padding: 0 20px;}
.sidebar .sidebar__title {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 0;}
#placeSlide_main .sidebar {width: 36%; float: right; border-left: 1px solid #ccc;} 
.content-box__row .fa-money {    font-size: 25px;
    color: #0073ab;
    float: right;}
.content-box__row__desc {clear: both;}
.radio__input {    float: left;}
.radio__label {    float: left;
    margin-left: 7px;
    position: relative;
    top: -9px; width: 93%}
.content-box__row {    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    padding: 20px;}
.thanhtoan-2 h2 {    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase; margin-bottom: 10px;}
.thanhtoan-2 {width: 30%;
    float: left;
    margin: 0 20px}
.alert--info {
    color: #505050;
    background-color: #ececec;
    border-color: #ececec;
    padding: 14px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.top_td select,.top_td input,.top_td textarea {  border-radius: 4px;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    height: 42px;
    background-color: #fff;
    color: #333;
    font-size: 14px; width: 100%;
    margin-bottom: 10px;
}
.top_td {border-bottom: none;}
.top_td textarea {height: 80px}
#chitiet_news {width: 30%; float: left;}
.hidden, .ap-hidden {
    display: none;
}
.new_id_bs_f {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fbfbfb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid #e4e4e4;
    display: inline-block;}
.box_right_pro_view.box_right_pro_tt .new_id_bs {
        width: calc(100% / 1);
    margin: 0;
    border-bottom: 1px solid #E6E8EC;
    padding: 0;
    padding-bottom: 10px;
}
.box_right_pro_view.box_right_pro_tt .new_id_bs:last-child {
    border-bottom: none;
}
.content .alphabet a.active,.content .alphabet a:hover {
    background: #009edb;
    color: #fff;
}
.content .alphabet a {
        display: inline-block;
    width: auto;
    height: 35px;
    font-size: 16px;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 3px;
    color: #4a4a4a;
    background: #fff;
    box-shadow: 0 2px 9px -2px #888;
    margin: 0 1.5px;
}
.ntlc-item .item .col-sm-3 {
    padding: 0;
    width: 20%;     float: left;
}
.ntlc-table tr:first-child {
    background: #009edb;
    color: #fff;
}
.ntlc-table th {
    text-align: center;
    padding: 7px;
    border: 1px solid #e2e2e2;
    white-space: nowrap;
}
.ntlc-item .item .col-sm-9 {
    width: 75%; padding: 0; float: right;
}
.col-sm-12 .tiltle {margin: 20px 0}
.ntlc-item .item {
    margin-bottom: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
        width: calc(100% / 2 - 20px);
    float: left;
    margin: 0px 10px 20px;
}
.ntlc-content {margin-top: 20px}
.ntlc-description h2{     margin: 0;
    font-size: 18px;
    line-height: 30px;
    font-family: inherit;
    font-weight: 400;}
.ntlc-description {
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}
.col-lg-4 .title h2 {
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
}
.col-lg-4 .address-wrapper .item {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 25px;
    line-height: 1.4;
}
.address-wrapper .item .address>div {
    margin: 7px 0;
}
.col-lg-4 .address-wrapper {
    max-height: 245px;
    overflow-y: scroll;
}
.address-wrapper .item .address>div.title {font-weight: 500;
    font-size: 17px;}
.col-lg-4 .form .frm-btn button {
    border: 0;
    border-radius: 5px;
    background: #68b501;
    width: 100%;
    height: 43px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.col-lg-4 .form .frm-btn button:hover {    background: #68b501; cursor: pointer;}
.col-lg-4 .form .frm-btn {
    position: relative;
    width: 100%;
}
.form-control, .form-group select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color:#ababab;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    text-transform: capitalize;
}
.col-lg-4 .form .form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    padding-left: 0;
}
.col-lg-4 {
    width: calc(100% / 2 - 20px);
    margin: 0px 10px 0px;
    float: left;
}
.col-lg-4 .form {
    background: #68b5011f;
    padding: 30px 25px;
}
.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    float: right;
    position: relative;
    width: calc(100% / 2 - 20px);
    margin: 0px 10px 20px;
}
.txt-quantity {
        font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #4c4c4c;
    text-align: center;
    margin: 15px 0 5px;
}
.name-m-blue {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #009edb;
    text-transform: uppercase;
}
.dv-home-sp .col-6 picture img {
    object-fit: cover;
    height: 100px;
}
.dv-home-sp .col-6 {
        position: relative;
    width: calc(100% / 6 - 20px);
    float: left;
    margin: 20px 10px 0;
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #d8ece1; border-radius: 20px;
}
.dv-top img {
    width: 100%;
}
.dv-home-sp {
    padding: 50px 0;
}
.dv-sanpham-detail .dv-home-sp .col-6 {width: calc(100% / 5 - 20px);}
.dv-home-sp .col-6:hover .name-m-blue {color: #68b501}
.dv-home-sp .col-6:hover {    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);}
.dv-home-sanpham {padding: 60px 0}
.dv-home-dichvu {padding: 60px 0}
.box_right_pro_view .new_right {    padding: 10px;
    background: #fff;
    border: 1px solid #e8e8e8;}
.box_right_pro_view .new_right a {     background: #68b501;
    padding: 3px 15px 6px;
    display: inline-table;
    color: #fff;
    margin: 5px;}
.box_right_pro_view img {    width: auto;
    height: 50px;
    float: left;}
.box_right_pro_view>ul>li {
    border-bottom: 1px solid #e8e8e8;
    padding: 8px 0;
    clear: both;
    display: flex;
    margin: 0;
    padding-left: 10px;
}
.box_right_pro_view>ul>li a {
    color: #333;
    font-size: 16px;
    margin: 0;
}
.box_right_pro_view>ul>li.active a,.box_right_pro_view>ul>li a:hover {color:#68b501}
.box_right_pro_view>ul>li a h2 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.tin_right select {padding: 10px 15px;
font-size: 16px;
line-height: 20px;
color: #8d8d8d;
border-color: transparent;
border-radius: 2px;
box-shadow: inset 0 0 0 1px #e8e8e8;
width: 94%;
margin-top: 10px;
margin-left: 3%;
margin-bottom: 10px;}
.dv_gt h2 {    margin-top: 20px;
line-height: 40px;
font-weight: 300;}
.dv_gt {background: #f2f2f2;
position: absolute;
left: 0;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
max-width: 500px;
top: 50%;
transform: translateY(-50%);
padding: 50px;}
.dv_gioithieu1 .dv_gt img {height: 50px; width: auto;}
.dv_gioithieu1 {text-align: center; position: relative;}
.dv_gioithieu1 img {width: 70%}
.dv_doingu .dv_gt h2 {
margin-top: 0;
line-height: 40px;
font-weight: 600;
color: #2c533f;
font-size: 28px;
margin-bottom: 10px;
}
.dv-home-lophoc.dv-lophoc {    padding: 0;
background: transparent;}
.dv-home-lophoc.dv-lophoc:before {display: none;}
.gt-doingu .tiltle {text-align: center;}
.gt-doingu>h3 {text-align: center; font-weight: 500;
margin-bottom: 10px;
font-size: 25px;
color: #c8a251;}
.dv-home-doingu.dv-gt-doingu.gt-doingu {
background: transparent;
padding: 130px 0 20px;
}
.gt-doingu .dv-home-dn {
width: calc(100% / 4 - 20px);
margin: 0 10px 10px;
float: left;
}
.dv_doingu .dv_gt {
background: #f2f2f2;
position: absolute;
left: 0;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
max-width: none;
top: inherit;
transform: none;
bottom: -90px;
padding: 30px 50px;
width: 70%;
right: 0;
}
.dv_gioithieu1.dv_doingu img {width: 80%}
.widget_getintuch b,.widget_getintuch strong {
display: block;
text-transform: uppercase; font-weight: 500;
}
.widget_getintuch li {margin-bottom: 10px;position: relative;padding-left: 25px;line-height: 25px;}
.widget_getintuch i {position: absolute;left: 0;top: 0px;text-align: center;font-size: 16px;}
.dv-home {
padding: 60px 0px;
position: relative;
background: rgba(85,75,185,.95);
}
.dv-home:after {     content: "";
background: url(../delete/schedule-bg-pattern2.png) top no-repeat;
position: absolute;
right: 0;
width: 100%;
bottom: 0;
background-size: cover;
height: 300px;
z-index: -1;}
.dv-home-hinhanh img {
    width: 100%; height: auto;
}
.background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0,0,0,0.7);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.grid-gallery {
width: 100%;
display: flex;
flex-wrap: wrap; position: relative;
}
.grid-gallery li figure figcaption h6 {
font-weight: 600;
font-size: 20px;
margin-bottom: 0;
color: #fff;
text-transform: uppercase;
}
.grid-gallery li figure figcaption small {
font-size: 14px;
color: #fff;
opacity: 0.9;
}
.grid-gallery li figure figcaption small i {padding-right: 7px}
.grid-gallery li figure figcaption {
width: 100%;
float: left;
padding: 20px 30px;
padding-top: 50px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
position: absolute;
left: 0;
bottom: 0;
}
.grid-gallery li {
width: calc(100% / 4 - 20px);
float: left;
margin: 20px 10px 30px;
list-style: none;
position: relative;
}
.grid-gallery li:nth-child(5) {
width: calc(100% / 4 - 20px);
position: absolute;
right: 0%;
bottom: 0;
}
.grid-gallery li figure {
width: 100%;
float: left;
margin: 0;
position: relative;
overflow: hidden;
}
.grid-gallery li:nth-child(6) {
width: calc(100% / 2 - 20px);
position: absolute;
left: 0%;
bottom: 0;
}
.grid-gallery li img {
width: 100%;
transition: all 0.5s;
}
.grid-gallery li img:hover {transform: scale(1.05) rotate(2deg);
transition: 0.5s;
filter: brightness(0.5);}
.dv-home-dn h3 {
color: #2c533f;
font-size: 20px;
line-height: 34px;
padding: 2px 0 0px 0;
margin: 0;
font-weight: 600;
}
ul.social li {
float: left;
list-style: none;
line-height: 0;
text-align: center;
margin: 7px 10px;
}
.poup_page {    padding: 50px;
width: 600px;}
.col_lg_6 ul li {font-size: 16px}
.dv-home-dnright .text-left {margin: 0; padding: 10px 20px;}
.dv-home-dnright {width: 64%; float: right;}
.dv-home-dnleft {width: 35%; float: left;}
.dv-home-doingu.dv-gt-doingu {background: transparent;     padding: 50px 0 10px;}
.dv-home-doingu.dv-gt-doingu:before,.dv-home-doingu.dv-gt-doingu:after {display: none}
.dv-home-doingu:before {
content: "";
background: url(../delete/bg.png) top no-repeat;
position: absolute;
right: 0;
width: 100%;
top: 0;
background-size: cover;
margin-top: -158px;
height: 158px;
}
.dv-home-doingu:after {
content: "";
background: url(../delete/bg_bt.png) top no-repeat;
position: absolute;
right: 0;
width: 100%;
bottom: 0;
background-size: cover;
margin-bottom: -158px;
height: 158px;
z-index: 1;
}
.dv-home-doingu {    padding: 50px 0;
position: relative;
background: #d8ece1;}
p.p-brief {  font-size: 18px;
margin: 5px auto 25px;
width: 600px;
text-align: center;
font-weight: 300;}
.dv-home-lophoc .pagewrap h3 {
text-align: left;}
.dv-home-gioithieu .tiltle {text-align: center;}
.dv-home-lophoc {padding: 130px 0 75px; position: relative;     background: #f1f1f1;}
.dv-home-lophoc:before {     content: "";
background: url(../delete/bg-class.png) top right no-repeat;
position: absolute;
right: 0;
width: 100%;
top: 30px;
background-size: 100%;
z-index: 1;
height: 23%;}
.dv-home-gioithieu:after {
content: "";
background: url(../delete/bg_bt.png) top no-repeat;
position: absolute;
right: 0;
width: 100%;
bottom: 0;
background-size: cover;
z-index: 1;
margin-bottom: -158px;
height: 158px;
}
.dv-home-tintuc div ul .read_more {margin-top: 7px; text-align: left;}
.dv-home-tintuc div ul .read_more a {
color: #68b501;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
margin-top: 3px;
background: transparent;
border-radius: 0;
padding: 0;
display: inline-table;
transition: 0.5s;
border: 0;
text-align: left;
}
.countdown-left-info .fa-calendar:before {
color: #68b501; padding-right: 5px;
}
.dv-home-dn {    width: calc(100% / 1 - 20px);
margin: 0 10px 10px;
float: left;}
.dv-home-dn img {width: 100%}
.dv-home-dnleft p.p-brief {width: 100%}
.dv-homeright .tiltle { margin-bottom: 25px;}
.dv-homeright p {color: #fff}
.dv-homeleft img {width: 100%;
border-radius: 50%;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7);}
.dv-homeleft {width: 30%; float: left;}
.dv-homeright {    width: 67%;
float: right;
padding: 20px 0;
text-align: center;
}
.dv-home-gioithieu {
padding: 40px 0;
position: relative;
background: #d8ece1;
}
.a-right {
text-align: right !important;
}
.itemdv .content p {
font-size: 23px;
color: #151515;
font-weight: 500;
margin-bottom: 7px;
}
.itemdv .content span {font-size: 15px;}
.itemdv .image_icon {
width: 80px;
display: flex;
float: left;
height: 80px;
background: #a1dac0;
border-radius: 50%;
padding: 10px;
vertical-align: middle;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.itemdv .content {
display: block;
float: left;
width: calc(100% - 110px);
-webkit-width: calc(100% - 80px);
-moz-width: calc(100% - 80px);
-os-width: calc(100% - 80px);
-o-width: calc(100% - 80px);
}
.itemdv {
width: 100%;
float: left;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
.dv-home-lh.flex#tintuc_slide {margin: 0}
#tintuc_slide .dv-gr-lh {    width: calc(100% / 1);
margin: 20px 0px 60px;
float: left;}
.dv-gr-lh h3 {
color: #1c283c;
font-size: 20px;
line-height: 34px;
padding: 0px 0 5px 0;
margin: 0;
font-weight: 400; text-transform: capitalize;
}
.tt-row-btn a {
color: #68b501;
transition: color .2s;
font-weight: 400;
font-size: 16px;
line-height: 20px;
}
.tt-row-btn a i {
display: inline-block;
margin-left: 8px;
font-size: 14px;
line-height: 8px;
position: relative;
top: -1px;
}
.dv-home-lh.flex {
margin: 0px -10px 0;
}
.dv-home-gt {margin: 0px -10px}
.text-left h4 {color: #515151;
font-size: 15px;
font-weight: 400; line-height: 25px; margin-bottom: 10px}
.text-left {background: #fff;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
margin: -50px 20px;
z-index: 2;
position: relative;
border-radius: 4px;
padding: 20px 20px 25px;}
.dv-gr-lh img {
width: 100%; transition: 0.5s;
}
.dv-gr-lh .img {overflow: hidden;}
.dv-gr-lh img:hover {transform: scale(1.05) rotate(2deg);
transition: 0.5s;     filter: brightness(0.5);}
.dv-gr-lh {
width: calc(100% / 3 - 20px);
margin: 0 10px 65px;
float: left;
}
.flex {display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.itemdv .image_icon img {    height: 55px;
margin: auto;}
.col-lg-4.align-center img {width: 85%}
.col-lg-4.align-center{text-align: center;}
.dv-home-gioithieu .pagewrap>p{
text-align: center;
font-weight: 400;
padding-top: 10px;
font-size: 16px;
color: #666666;
max-width: 750px;
margin: auto;
margin-bottom: 2%;
}
.read_more a i {
display: inline-block;
margin-left: 5px;
font-size: 14px;
line-height: 8px;
position: relative;
top: 0px;
}
.dv-home-lh.flex#sukien_slide {
    margin: 0;
}
#sukien_slide .dv-gr-lh {
    width: calc(100% / 1);
    margin: 20px 0 65px;
}
.dv-home-tintuc div ul .read_more a:hover {color: #68b501; background: transparent;}
.pagewrap .dv-home-dnleft>h3 {
text-align: left;
font-weight: 500;
margin-bottom: 10px;
font-size: 25px;
color: #c8a251;
}
.pagewrap>h3{    text-align: left;
font-weight: 500;
margin-bottom: 10px;
font-size: 25px;
color: #c8a251;}
.tiltle {
    color: #151515;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
    line-height: 24px;
    text-transform: initial;
}
.tiltle.align_center {
    text-align: center;
}
.tiltle_f {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.tiltle_h {
    text-align: left;
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 35px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0px 10px;
    position: relative;
    margin: 10px 0;
}
.tiltle_h:before{content: '';position: absolute;width: 5px;top: 25%;height: 50%;background-color: #f50a00;left: 0px;}
.tiltle_home {
    text-align: left;
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 35px;
    margin: 0px;
    /* text-transform: uppercase; */
    font-weight: 500;
    padding: 0px 10px;
    /* position: relative; */
    /* margin-bottom: 10px; */
    /* border-bottom: 1px solid #ddd; */
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #f50a00;
    background: #fff;
}
.tiltle_home h2{display: inline-block;position: relative;}
.tiltle_home .tiltle:before{content: '';position: absolute;top: 0px;right: -20px;left: -20px;width: 100%;}
.danhmuc_scroll{display: inline-block;width: 64%;white-space: nowrap;overflow-x: auto;overflow-y: hidden;margin: 0;text-align: right;-webkit-overflow-scrolling: touch;}
.danhmuc_scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1);background-color:#fff;border-radius:5px;box-sizing:border-box}
.danhmuc_scroll::-webkit-scrollbar{height:0px;width: 0px; background-color:#fff;box-sizing:border-box}
.danhmuc_scroll::-webkit-scrollbar-thumb{border-radius:5px;background-color:#f50a00;box-sizing:border-box}
.danhmuc_scroll a{color: #126bd6;font-size: 14px;text-transform: none;margin-right: 10px;display: inline-block;}
.banner_detail {    padding-top: 225px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
padding-bottom: 0px;
position: relative;}
.banner_detail img {width: 100%; position: relative;}
.tin_left .aboutus-head p {font-weight: 300; font-size: 16px}
.home_about .sc_action_item_mc img {
width: auto;
}
.sc_action_item_mc h3 {color: #fff;
text-transform: uppercase;
font-size: 30px;
font-weight: 500;
margin-top: -20px;
line-height: 50px;
margin-bottom: -10px;
}
.sc_action_item_mc {    position: absolute;
top: 35%;
transform: translateY(-50%);
left: 10%;}
.tin_left #home-aboutus {padding-top: 0}
#history_tabs .tabs {font-weight: 400}
.col-md-6 .cat-thumb-item {    margin: 0;
width: 100%;}
.col-md-6.evo-account {float: right;}
.cat-thumb-item-content {
background-color: #68b501;
color: #fff;
text-align: center;
}
.cat-thumb-item-content h3 {    margin-bottom: 10px;
font-weight: 400;
line-height: 38px;}
.cat-thumb-item-content h3 a {
color: #fff;
}
.home_sales {width: 100%;
max-width: 1600px;
position: relative;}
.cat-thumb-item-content p a {
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8);
}
.img-responsive {width: 100%}
.cat-thumb-item-content-inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);     padding: 0 15px;
}
.blog-date {
    padding-left: 15px;
}
.new_id_bs ul span i {
    color: #f50a00;
}
.cat-thumb-item-content.bg-color1 {background: #134a56}
.cat-thumb-item-content
.col-md-6 img {width: 100%}
.col-md-6{float: left; position: relative;margin: 0 10px 10px;
    width: calc(100% / 2 - 20px);}
.home_history {    background: url(../delete/history.jpg) top;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 0 100px; margin-bottom: 60px}
.home_sales {margin-bottom: 60px}
.thsn-static-box-inner p{font-size: 20px;
font-weight: 300;
margin: 10px;}
.thsn-static-box-inner h4 {text-transform: uppercase;
letter-spacing: 1px;
font-size: 30px;
font-weight: 400;}
.thsn-static-box-inner {    position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
color: #fff;     z-index: 1;}
.col_mn_4 a:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
background: -moz-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
background: -webkit-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
background: linear-gradient(to bottom,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78675421',endColorstr='#00675421',GradientType=0);
}
.col_mn_4 a:before{    border: 1px solid rgba(255,255,255,.28);
width: calc(100% - 30px);
height: calc(100% - 30px);
position: absolute;
left: 0;
top: 0;
content: "";
margin: 15px;
z-index: 4;}
.col_mn_4 img {width: 100%}
.col_mn_4 {      float: left;
width: calc(100% / 3 - 20px);
margin: 30px 10px 0;
-webkit-transition: all .3s ease;
position: relative;
text-align: center;
overflow: hidden;
margin-top: -150px;
z-index: 1;}
.sc_layouts_item .fa-phone:before {
color: #fff; padding-right: 7px;
}
.sc_layouts_item {    float: right;     margin: 17px 0;}
.sc_layouts_item .sc_button {
font-size: 15px;
font-weight: 500;
font-style: normal;
line-height: 23px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
background: #68b501;
color: #fff;
padding: 8px 25px;
position: relative;
border-radius: 50px;
border: 1px solid #fff;
}
.sc_layouts_item .sc_button:hover {
background: #fff;
transition: 0.5s;
color: #68b501;
border: 1px solid #68b501;
}
.box_right_pro_view li {
    list-style: none;
    display: block;
    /* border-bottom: 1px solid #E6E8EC; */
    padding: 10px;
    text-align: left;
}
.form-control {
display: block;
width: 100%;
height: 40px;
padding: 5px 12px;
font-size: 15px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
resize: vertical;
box-sizing: border-box;
text-transform: capitalize;
margin-top: 10px;
}
.ui-widget.ui-widget-content {
    border: none !important;
    margin-bottom: 25px;
    width: calc(100% - 15px);
    margin-left: 0px;
}
.ui-widget.ui-widget-content {
    height: 4px;
    background: #ebebeb;
}
.aside-item .aside-content {
    width: 100%;
    z-index: 0;
    position: relative;
    margin-top: 25px;
}
.ui-slider-horizontal .ui-slider-handle {
    height: 18px !important;
    width: 18px !important;
    border-radius: 50% !important;
    top: -7px !important;
    background: #cc2121 !important;
    border: solid 2px #fff !important;
    box-shadow: 0px 4px 8px 0px rgb(204 33 33 / 30%);
    margin-left: 0 !important;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
    background: #cc2121;
}
.variations {
    margin: 20px 0;
    border: 0;
    width: 100%;
}
.variations td.label {
    min-width: 80px;
    text-align: left;
}
.variations label {
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    margin: 5px 0;
    font-weight: 700;
}
.variations td {
    display: block;
    clear: both;
    margin-bottom: 10px;
}
.variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid transparent;
    width: auto;
    padding: 2px 20px;
    border-radius: 3px;
    text-align: center;
    margin: 0 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
variable-item:hover,.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
    border-color: #f50a00;
}
.button-variable-item.selected span {
    font-weight: 700;
}
.button-variable-item.selected span span {
    color: #f50a00;
}
.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item:hover, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
    border-color: #f50a00;
    cursor: pointer;
}

.filter-item--check-box input+.fa:before {
        content: "";
    margin-right: 0;
    border-radius: 50%;
    font-size: 18px;
    border: solid 1px #4b4b4b;
    line-height: 40px;
    position: absolute;
    top: -14px;
    height: 14px !important;
    width: 14px;
    background: #fff;
}
.filter-item--check-box input:checked+.fa:before, .filter-item--check-box input+span:before {
    border-color: #222;
}
label[for] {
    cursor: pointer;
}
.filter-item {
    margin: 0;
    cursor: pointer;
    line-height: 24px;
    min-width: 100%;
    padding: 0px;
    position: relative;
}
.tin_right input[type="checkbox"],.tin_right input[type="radio"] {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    background: transparent;
    outline: none;
    opacity: 0;
}
.filter-item--check-box input:checked+.fa:after, .filter-item--check-box input+span:after {
    font-family: 'FontAwesome';
    content: "";
    color: #68b501;
    position: absolute;
    width: 8px;
    height: 8px;
    line-height: 8px;
    border-radius: 50%;
    background: #68b501;
    top: -10px;
    left: 4px;
}
.filter-item--check-box .fa {
    margin-right: 15px;
    width: 14px;
    font-size: 18px;
    line-height: 40px;
    position: relative;
    top: 2px;
}
.filter-item--check-box input:checked+.fa, .filter-item--check-box input+span {
    color: #ed3952;
}

.form-control.contact_lbl {height: 70px}
.pro_home_id#pro_slide3 {margin: 0}
.pro_home_id#pro_slide3 ul {    width: calc(100% / 1); margin: 20px 0 0}
.box_left .read_more {margin-top: 10px}
.link_login a.login_taikhoan:hover {background: #68b501}
.link_login a.login_taikhoan {background: #134a56;
color: #fff;
padding: 5px 20px;
border-radius: 3px;}
.viewLeft {
width: 44%;
float: left;
position: relative;
z-index: 0;
}
.viewRight {
width: 53%;
float: right;
}
.mySlides {border: solid 1px #E6E6E6;}
.tin_left .column {
    border: 1px solid #e4e4e4;
    float: left;
    width: calc(100% / 10 - 6px);
    margin: 10px 5px;
    padding: 5px;
}
.tin_left .column:hover .demo {cursor: pointer; opacity: 1}
.demo {
opacity: 0.8;
}
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
.container {
display: block;
position: relative;
margin-bottom: 10px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 25px;
text-transform: capitalize;
color: #666;
padding-left: 0px;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 10px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 25px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
background: #151515;
}
.hinhanh_view {    width: 100%;
    float: left;
    position: relative;}
.menu > li > ul.menu_child ul {   transform: none;
position: relative;
visibility: initial;
opacity: 1;
left: 0;
margin-top: 5px;}
.menu > li li ul.menu_child_1 h3 {
font-size: 15px;
color: #fff;
font-weight: 400;
line-height: 27px;
padding: 10px 10px 0;
}
.menu > li li ul.menu_child_1 h4 {
color: #68b501;}
.menu > li li ul.menu_child_1 h3 a:hover {color: #134a56}
.menu > li li ul.menu_child_1 h3 a {color: #252525}
.menu > li > ul > li ul.menu_child_1 li {background: transparent;}
.menu > li li ul.menu_child_1 > li img {width: 100%; margin: 10px 0 0; transition: 0.5s}
.menu > li li ul.menu_child_1 > li {width: 26%; float: left; margin-right: 10px}
.menu > li > ul.menu_child li li {padding: 0;}
.menu > li li ul.menu_child_1 > li:hover > a {    background: transparent;
transform: scale(1.1); padding: 0;
transition: 0.5s;}
.box_menu .menu > li > ul ul {border-top: 2px solid #68b501;}
.box_menu .menu > li > ul ul.menu_child_1:last-child {    border-top: 0;}
.box_menu .menu > li > ul ul.menu_child_1 {clear: both;}
.menu > li > ul.menu_child li li:last-child {padding-bottom: 0} 
.menu > li > ul.menu_child li li:first-child {padding-top: 0}
.box_menu .menu > li > ul.menu_child > li {float: left;
width: calc(100% / 2);
padding: 15px 20px;
text-align: left;
border-right: 1px solid #e7e7e7;}
.box_menu .menu > li > ul.menu_child > li>span {    color: #151515;
text-transform: uppercase;
text-align: left;
font-size: 16px;
padding-bottom: 10px;}
.box_menu .menu > li > ul.menu_child > li>a {border: none;
text-transform: uppercase;
padding: 0px 10px;}
.menu > li > ul.menu_child {    width: 650px; display: flex;}
#tintuc_slide.tt_page {
margin: 0;
}
.fb_iframe_widget_fluid_desktop iframe {width: 100% !important;}
.page_conten_page #tintuc_slide .new_id_bs {
width: calc(100% / 1);
margin: 20px 0; padding-right: 0;}
#tintuc_slide .new_id_bs ul h3 a {
    overflow: hidden;
    }
.dv-home-tintuc #tintuc_slide .new_id_bs ul h3 a {
    text-align: left;
}
.tt_tintuc .new_id_bs ul h3 a {
    text-align: left;
}
.tt_tintuc .new_id_bs {
    width: calc(100% / 3 - 20px);
}
.tt_page_top.tt_tintuc .new_id_bs li {
    width: 100%;
}
.tin_left .tt_page_top.tt_tintuc .new_id_bs ul {
    width: 62%;
    float: right;
    padding: 10px 10px 10px 0;
}
.new_id_bs ul span i {padding-right: 7px}
.new_id_bs ul span {font-size: 14px;}
.qodef-m-item h3 {text-transform: uppercase;margin-top: 15px; font-size: 19px}
.qodef-m-item img {height: 140px}
.qodef-l>img {height: 580px}
.qodef-l {
width: calc(100% / 3 - 20px);
float: left;
margin: 20px 10px;
text-align: center;
padding: 0 10px;
}
.qodef-l .qodef-m-item:last-child {margin-top: 20px}
.qodef-shortcode {    background-image: url(../delete/background-img-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-size: 70%;}
/*CSS_about1*/
.col_lg_6 ul {
padding: 30px 20px;
}
.home-heading {    background: #f2f2f2;
padding: 40px;
margin-top: 40px;}
.home-heading .pos_title .title_h {text-align: center;
float: inherit;}
.home-heading .pos_title {
margin: 0 10px;
text-align: center;
position: relative;
padding: 30px 0 0;
}
.col_lg_6 img {width: 100%}
.col_lg_6 {
float: left;
width: calc(100% /2 - 20px);
margin: 0 10px;
}
.card-item.left {
float: left;
padding: 30px 40px;
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15);
max-width: 60%;
bottom: 0px;
position: absolute;
background: #68b501;
z-index: 99;
right: 0;
}
.card-item.left p {color: #fff}
.block-ideal {
position: relative;
background-color: #22232b;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin-bottom: 40px;
}
.block-ideal img {
display: inline-block;
position: relative;
top: 0;
left: 0;
margin: 0 !important;
width: 40%;
}
.home_about {
padding: 0 0 40px;
text-align: center;
position: relative;
}
.block-ideal .content-idl {
display: inline-block;
text-align: left;
margin: 0;
padding: 50px;
}
.col-md-6 h6 {
font-size: 18px;
margin: 20px 0 5px;
font-weight: 400;
color: #333;
}
.title_home {    color: #68b501;
margin: 0px 0 7px;
font-weight: 400;
text-transform: uppercase;
font-size: 25px;
text-align: center; }
.block-ideal .content-idl h3 {
font-size: 23px;
font-weight: 400;
line-height: 25px;
margin: 0 0 20px;
color: #fff;
text-transform: uppercase; 
}
.content-idl .desc {
color: #ffffff;
font-size: 18px;
font-weight: 500;
line-height: 30px;
position: relative;
padding-left: 33px;
}
.content-idl .desc::before {
content: '\201C';
margin: 0;
display: block;
position: absolute;
left: 0;
top: -11px;
font-size: 100px;
line-height: 1;
color: #fff;
margin-left: -6%;
}
.text-subscribe h3 {color: #e7e7e7;
font-weight: 400;
letter-spacing: 1px;
padding: 20px 0;}
.middle-footer .text-subscribe {
float: left;
width: 45%;
margin: 0;
}
.middle-footer .form_km {
float: right;
width: 55%;
text-align: right;
margin: 6px 0;
}
.middle-footer {    background: #2c533f}
.middle-footer .text-subscribe i {
background: #68b501;
width: 70px;
text-align: center;
color: #fff;
border-radius: 50%;
box-sizing: border-box;
font-size: 34px;
display: block;
float: left;
margin: 0;
height: 70px;
line-height: 70px;
margin-right: 15px;
}
.middle-footer .text-subscribe .text h3 {
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 400;

}
.middle-footer .text-subscribe .text p {
margin: 0;
color: #fff;
}
.tin_right .dt-sc-subscribe-frm {
    width: 100%;
}
.tin_right .dt-sc-subscribe-frm input[type="submit"] {
    width: 32%;font-size: 13px;
    padding: 14px 10px;
}
.tin_right .dt-sc-subscribe-frm input[type="email"] {
        font-size: 13px;
    color: #4c4c4c;
    padding: 14px 10px;
}
.col-lg-9 {
float: right;
margin: 15px 0;
width: 100%;
}
.col-lg-12 {
    margin: 0 -10px;
}
.col-lg-3 {float: left;margin: 0px 30px;width: calc(100% / 4 - 60px);text-align: center;}
.col-lg-3 a {
        display: inline-block;
    overflow: hidden;

}
.col-lg-3 a:hover img {
        transform: scale(1.1);
    transition: all 0.5s;
    filter: brightness(0.5);
}
.col-lg-3 img {
    width: 100%;
    transition: all 0.5s;
}
.dt-sc-sociable li {
display: flex;
float: left;
margin-right: 10px;
}
.column .dt-sc-sociable li a {
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 17px;
margin: 0;
text-align: center;
padding: 0;
}
.column .dt-sc-sociable li.facebook a {
background: #229bf1;
}
.column .dt-sc-sociable li.youtube a {
background: #f1230f;
}
.column .dt-sc-sociable li.instagram a {
background: #f92ecd;
}
.column .dt-sc-sociable li.twitter a {
background: #1ec6f9;
}
.column .dt-sc-sociable li a .fa {
line-height: 35px;
color: #fff;
}
li.text_right p {    color: #5d5d5d;
font-weight: 300;
font-size: 17px;
line-height: 28px;
margin: 10px 0;}
li.text_right h3 {    font-size: 18px;
font-weight: 300;
border-bottom: 1px solid rgba(235, 235, 235, 0.5);
padding-bottom: 10px;
margin-bottom: 10px;}
li.text_right h3 a {color: #fff}
li.text_right h3 a:hover {color: #134a56}
.read_more {
    float: right;
    margin: 0;
}
.read_more a i:before {transition: all 0.3s;}
.read_more a {
    color: #68b501;
    font-size: 13px;
    font-weight: 400;
    border-radius: 50px;
    padding: 3px 30px;
    display: inline-block;
    transition: all 0.3s;
    border: 1px solid #68b501;
}
.read_more a:hover {
    background: #68b501;
    color: #fff;
}
.item-product>h4:before {
content: "";
width: 150px;
height: 2px;
background: #134a56;
position: absolute;
top: 9px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}
.wpb_text_column h6 {
    background: #68b501;
    padding: 15px 20px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
}
.wpb_text_column h6 a {
        color: white;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.wpb_text_column h6 a span {
    color: #fff000;
    text-transform: uppercase;
}
.tintuc_home .one_new_home_right li {width: 40%}
.tintuc_home .one_new_home_right li.text_right {width: 53%}
.tintuc_home ul li img {transition: 0.5s;}
.tintuc_home ul li:hover img {transform: scale(1.1);
transition: 0.5s;}
.tintuc_home ul li {    float: left;
width: calc(100% / 2 - 20px);
margin: 0px 10px;
list-style: none;}
.tintuc_home ul {float: left;
width: calc(100% / 1 - 20px);
margin: 15px 10px 0;}
.dv-home-tintuc {padding: 30px 0 30px;}
.dv-home-tintuc.dv-home-duan { background: #f1f1f1 url(../delete/tri-left-1.png) no-repeat left 36px;}
.box_pro_sile .pro_home_id_1 {padding: 50px 0;}
.pro_home_id.pro_home_id_1 ul img {width: 70%; transition: all 0.5s}
.pro_home_id.pro_home_id_1 ul {
float: left;
width: calc(100% / 4 - 20px);
margin: 30px 10px 0;}
.item-product.pro_home_id ul h4:before {left: 0;
margin: 0;
top: 18%;}
.item-product.pro_home_id ul img {width: 100%; transition: all 0.5s}
.item-product.pro_home_id ul li {
list-style: none;
width: 30%;
float: left;
display: inline-block;
margin-right: 15px;
}
.toast_3n7b {
position: fixed;
left: 0;
right: 0;
z-index: 9;
top: 80%;
transform: translateY(-50%);
background: rgb(229 21 21);
width: 300px;}
.a_cart:hover, .close_16xd:hover {
cursor: pointer;
}
.toast_3n7b .content_1fHI {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.2rem;
text-align: center;
}
.toast_3n7b p {
background: none;
color: #fff;
text-align: center;
font-size: 16px;
margin: 0;
float: left;
padding: 6px 20px 8px !important;
color: #fff !important;
}
.item-product.pro_home_id ul {
border: none;
border-bottom: 1px solid #a2a2a2;
margin: 0;
text-align: left;
padding: 12px 0;
width: calc(100% / 1 - 20px);
}
.item-product.pro_home_id ul:last-child {border-bottom: none}
.item-product.pro_home_id .pos_title {
padding-bottom: 10px;
background: none;
}
.item-product.pro_home_id .pos_title h4 {
color: #ffffff;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
margin-top: 3px;
background: #68b501;
border-radius: 50px;
padding: 9px 26px 7px;
letter-spacing: 1px;
display: inline-table;
}
.item-product>p {color: #fff}
.item-product>h3 {    font-size: 25px;
color: #fff;
font-weight: 100;
line-height: 35px;
padding: 30px 10px 0;
text-transform: uppercase;}
.item-product>h4 span{color: #c1c1c1;
font-weight: normal;
font-size: 15px;
padding-left: 5px;
text-decoration: line-through;}
.item-product>h4{    position: relative;
color: #134a56;
font-weight: normal;
font-size: 20px;
padding: 23px 10px 10px;
text-transform: uppercase;
line-height: 30px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; }
.item-product>h3 a {color: #fff}
.item-product>h3 span {    display: block;
font-size: 16px;
color: #f1f1f1;
font-weight: 100;
text-transform: capitalize;}
.item-product img {width: 41%;}
.item-product {float: left;
width: calc(100% / 3 - 20px);
margin: 0 10px; text-align: center;}
.title-top {
font-size: 33px;
color: #68b501;
font-style: italic;
}
.tintuc_home .one_new_home li.text_right h3 {    margin: 13px 0 0;
padding-bottom: 0;}
.pos_title {margin: 0 10px}
.home_history .pos_title .title_h {    margin-top: -24px;
float: initial;}
.pos_title .title_h {
margin-top: 0;
text-align: left;
z-index: 2;
color: #134a56;
font-size: 37px;
line-height: 40px;
font-weight: 700;
letter-spacing: 1px;
font-style: italic;
position: relative;
margin-bottom: 30px;
float: left;

}
.is-countdown .countdown-section .countdown-period {
display: none; }
.is-countdown {
display: inline-block;
width: 100%;
}
.countdown-amount {
        font-size: 25px;
    line-height: 65px;
}
.module-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.module-header .column {
   display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.module-header .column .entry-description {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 7px;
}
.module-header .column:nth-child(2) {
     -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    margin-left: 20px;
}
.module-header .column:nth-child(2) .ngaygio {
    margin: 0;
}
.module-header .column:first-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.module-header .column h4 {
        width: 100%;
    text-align: right;
    font-size: 30px;
    font-weight: 500;
        letter-spacing: 1px;
}
.module-header .column h4 span {
    font-weight: 600;
    text-decoration: underline;
    color: #f50a00;
}
.is-countdown .countdown-section {
    width: 65px;
    height: 65px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin: 0 10px 0 0;
    background: #f50a00;
}
.is-countdown .countdown-section:last-child {
margin: 0; }
.discount-tag{
top: -5px;
right: 0px;
position: absolute;
background: #f50a00;
width: auto;
padding: 5px 10px;
color: #FFF;
font-weight: normal;
text-align: center;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
cursor: default;
z-index: 1;
font-size: 15px;
line-height: 20px;
max-width: 45px;
}
.discount-tag:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-bottom: 5px solid #f50a00;
border-left: 8px solid transparent;
top: 0px;
right: 45px;
}
.discount-tag:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 23px solid transparent;
border-right: 22px solid transparent;
border-top: 6px solid #f50a00;
top: 30px;
right: 0px;
}
.pro_home_id ul:hover li img {
    transform: scale(1.1);
    transition: 0.5s;
}
.sanpham_lienquan .pro_home_id ul:hover li img {
    transform: scale(1);
}
.pro_home_id ul:hover .block-inner {
opacity: 1;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}
.block-inner a {
font-size: 18px;
color: #68b501;
display: inline-block;
padding: 7px 0;
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 3px;
text-align: center;}
.block-inner i:before {    line-height: 28px;}
.block-inner a:hover {color: #134a56}
.block-inner {
position: absolute;
top: 0;
background: transparent;
padding: 10px 0;
opacity: 0;
width: 100%;
margin-top: 100%;
}
.product-flag {    position: absolute;
top: 10px;
left: 10px;
background: #68b501;
color: #fff;
padding: 0 15px;
border-radius: 70px;
font-size: 13px;
z-index: 1; width: 60px; }
.pro_home_id ul li{list-style: none;text-align: center;margin-bottom: 10px;height: 170px;overflow: hidden;}
.pro_home_id ul li a{display: inline-block;height: 100%;}
.w3-container>h2 {    color: #fff;
font-weight: 100;
font-size: 18px;
padding: 30px 30px 0;
text-align: center;}
.pro_home_id ul h4,
.box_right_pro_view .marquee ul h4 {
    position: relative;
    color: #f50a00;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    text-align: left;
    height: 30px;
}
.pro_home_id ul h4 u {
    font-size: 12px;
}
.pro_home_id ul h4 span {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 13px;
    padding-right: 10px;
    text-decoration: line-through;
}
.tintuc_home ul .read_more {    clear: both;
margin: auto;
text-align: center;
margin-top: 10px;
float: left;}
.css-1h3p11h {
    position: absolute;
    background: #f50a00;
    font-size: 12px;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
    line-height: 18px;
    top: 10px;
    left: 10px;
}
.css-1h3p11h.hot{background: #fac102;}
.progress {
    border-radius: 20px;
    margin-bottom: 0px;
    margin-top: 8px;
    background-color: rgb(0 0 0 / 8%);
    background-image: none;
    position: relative;
    height: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
}
.progress-bar {
        width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #68b501;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    display: inline-block;
    border-radius: 20px 0 0 20px;
}
.progress-value {
        position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    color: #151515;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
}
.in-stock {
    color: #68b501;
    text-transform: uppercase;
    font-size: 12px;
}
.fa-star.acti {
    color: #ffcd00;
}
#pro_tabs .owl-carousel .owl-item img {width: 85%; transition: all 0.5s}
.pro_home_id ul h3 span {    display: block;
font-size: 14px;
color: #c1c1c1;
font-weight: 100;}
.pro_home_id ul h3,
.box_right_pro_view .marquee ul h3 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    line-height: 23px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 46px;
    }
.pro_home_id {
    /* margin: 0 -10px; */
    /* margin-top: 10px; */
    clear: both;
    }
.pro_home_id ul h3 a {color: #101010;}
.pro_home_id ul h3 a:hover,.item-product>h3 a:hover {color: #126bd6;}
.pro_home_id ul {
    float: left;
    width: calc(100% / 5 - 20px);
    margin: 20px 10px 0;
    -webkit-transition: all .3s ease;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
}
.pro_home_id.pro_home_4 ul {
    float: left;
    width: calc(100% / 4 - 20px);
    margin: 20px 10px 0;
    -webkit-transition: all .3s ease;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
}
.box_right_pro_view .marquee ul {
    width: calc(100%);
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    position: relative;
    /* border: 1px solid #e0e0e0; */
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
}
.pro_home_id.pro_home_2column ul:first-child img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.box_pro_sile .pro_home_br.owl-carousel {
    border: 2px solid #f50a00;
    margin: 0;
    border-radius: 10px;
    padding: 5px 20px 20px;
    margin-top: 25px;
}
.dv_box_pro.dv_box_pro_detail .pro_home_id ul {margin: 20px 10px 0px;}
.dv_box_pro .pro_home_id ul {margin: 20px 10px 0px;}
.dv-home-qc {position: relative;padding: 10px 0;background: #f50a00;}
.dv-home-qc .pagewrap {
    /* background: #eeeeee; */
}
.wpb_wrapper.col-lg-3 {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    align-items: center;
    justify-content: space-around;
}
.wpb_wrapper.col-lg-3:last-child {
    border-right: none;
}
.wpb_wrapper.col-lg-3 p {
    margin: 0;
}
.content {
    text-align: left;
    line-height: 1.6;
    margin: 0;
    color: #fff;
}
.content h5 {
    font-size: 16px;
}
.dv-home-qc img {width: 100%}
.pro_home_id ul img {width: 100%;transition: 0.5s;height: 100%;object-fit: scale-down;vertical-align: middle;}
.pro_home_id.pro_home_slide ul {width: calc(100% / 1);margin: 0px 0px 0px;}
.pro_home_id.pro_home_slide {margin: 0;/* margin-top: 10px; */position: relative;}
.pro_home_id ul:hover {border-color: #fff;-webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);text-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1);/* border: 2px solid #f50a00; */}
#pro_tabs .w3-bar {    margin: auto;
text-align: center;
font-size: 24px;
text-transform: uppercase;}
.logo_top img {height: 70px;}
.page_conten_page .left_contact >h3, .page_conten_page .right_contact >h3{text-align: left;margin-bottom: 15px;font-size: 26px;color: #4c4c4c;padding-bottom: 8px;font-weight: 400;position: relative;border-bottom: 1px dotted #ccc;letter-spacing: 0.5px;text-transform: uppercase;}
.left_contact {float: left;width: 28%;padding: 20px;background: #fff;}
.left_contact p {line-height: 22px;margin-bottom: 10px;}
.left_contact ul{margin-top: 20px;}
.left_contact ul li{list-style: none;position: relative;padding-left: 20px;font-size: 14px;}
.left_contact ul li.icon1:before{content: '';background: url(../images/location.png) no-repeat;position: absolute;top: 5px;left: 0px;display: block;z-index: 999;width: 20px;height: 20px;}
.left_contact ul li.icon2:before{content: '';background: url(../images/call.png) no-repeat;position: absolute;top: 5px;left: 0px;display: block;z-index: 999;width: 20px;height: 20px;}
.left_contact ul li.icon3:before{content: '';background: url(../images/printer.png) no-repeat;position: absolute;top: 5px;left: 0px;display: block;z-index: 999;width: 20px;height: 20px;}
.left_contact ul li.icon4:before{content: '';background: url(../images/zalo.png) no-repeat;position: absolute;top: 5px;left: 0px;display: block;z-index: 999;width: 20px;height: 20px;}
.left_contact ul li.icon5:before{content: '';background: url(../images/web.png) no-repeat;position: absolute;top: 5px;left: 0px;display: block;z-index: 999;width: 20px;height: 20px;}
.right_contact {width: 70%;padding: 20px;float: right;background: #fff;}
.right_contact h3{font-weight: normal;font-size: 22px;}
.top_contact{display: block;/* margin-top: 30px; */}
.top_contact h3{text-align: center;padding: 20px 0;font-size: 22px;}
.top_contact .text_contact{text-align: center;color: #f50a00;line-height: 22px;margin-bottom: 20px;}
.box_contact{display: block;}
.box_contact .col_contact{float: left;width: 33.3333%;padding:0 10px}
.box_contact .col_contact .bo_contact{border:1px solid #ddd;padding: 15px;min-height: 200px;}
.box_contact .col_contact .icon_contact{display: block;text-align: center;}
.box_contact .col_contact .icon_contact img{height: 45px; width: auto;}
.box_contact .col_contact .tieude_contact{display: block;text-align: center;padding: 5px 0;font-weight: bold;}
.box_contact .col_contact .txt_contact{display: block;text-align: center;line-height: 22px;}
.page_conten_page {padding: 20px 0;}
.link_page {
    padding: 15px 0;
    /* margin-top: 20px; */
    }
.contact-maps {margin: 20px 0;}
.contact-maps li {
display: initial;
}
.list_item_1 .item .img {float: left;width: 40%}
.list_item_1 .item #content>a {width: 56%; float: right;}
.l-title {
border-bottom: 2px solid #68b501;

margin-bottom: 10px;
}
.list_item.list_item_1 .item #content>a::before {display: none;}
.list_item .item #content>a::before {
position: absolute;
content: "";
background: #ed1c22;
width: 6px;
height: 6px;
left: -15px;
top: 15px;
z-index: 5;
}
.list_item .item a {    display: block;
padding: 5px 0px 5px 0px;
color: #464646;
font-size: 14px;
font-weight: normal;
line-height: 23px; position: relative;}
.list_item .item a:hover {color: #68b501}
.list_item .item {
padding-left: 15px;}
.list_item .item .img img:hover {transform: scale(1.2);
opacity: 1;
-webkit-filter: grayscale(0); transition: 0.5s}
.list_item .item .img>a {overflow: hidden;}
.list_item .item .img img{transition: 0.5s}
.list_item .item:nth-child(2) {padding-left: 0; border-bottom: 1px dotted #bbb;}
.list_item .item:nth-child(2) #content>a::before {display: none}
.list_item.list_item_1 .item:nth-child(2) {padding-top: 0}
.list_item.list_item_1 .item {    border-bottom: 1px dotted #bbb; padding-left: 0; padding: 10px 0}
.list_item.list_item_1 .item:last-child {border-bottom: none;}
.l-title a {
background: #68b501;
color: #fff;
font-size: 15px;
text-transform: uppercase;
display: inline-block;
padding: 4px 17px 2px;
}
.tintuc_box_home_1 {margin: 0 -10px; margin-bottom: 20px}
.tintuc_box_home_1 .list_item {
width: calc(100% / 3 - 20px);
float: left;
vertical-align: top;
margin: 0 10px 10px;
}
.pull-left p {    font-size: 14px;
color: #464646;}
.focus .pagewrap {        padding: 6px 20px;
box-shadow: 0px 2px 5px -2px rgba(99,99,99,1);
background: linear-gradient(to bottom,rgba(255,255,255,100%) 0%,#e1e1e1 100%);}
.pagewrap.top_banner_f {padding: 15px 0 30px;}
.banner_right {width: 23%; float: right;}
.banner_right li a{  background: #d4d5d6;
border-bottom: 2px solid #c5c5c5;
padding: 7.7px 15px;
display: block;}
.banner_right li a:hover {background: #68b501; color: #fff}
.banner_right li {display: block;}
.banner_right li a {color: #464646; text-transform: uppercase;}
.banner_left {width: 100%; margin-bottom: 30px}
.tintuc_box_home_1.tintuc_box_home_2 {margin-bottom: 0}
.card-item h2 {      color: #68b501;
margin: 10px 0 7px;
font-weight: 400;
text-transform: uppercase;
font-size: 23px;
}
.about-wrapper .card-item {
float: left;
padding: 20px 50px 30px;
margin: -70px 30px 30px;
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15);
max-width: 550px;
margin-top: -200px;
position: relative;
background: #fff;
z-index: 1;
margin-left: 70px;
}
.about-wrapper .card-item.right {margin-right: 70px; float: right;}
.content_feature span {color: #666}
.content_feature p {    color: #68b501;
font-size: 25px; letter-spacing: 1px}
.img_feature img {border-radius: 50%;
margin-bottom: 15px; width: 93%}
.section_doingu .col-lg-12 {width: calc(100% / 4 - 20px);
float: left;
margin: 20px 10px 0;
text-align: center;}
p.block.a-center {    text-align: center;
width: 750px;
color: #666;}

.abouts_home ul .description p{letter-spacing: 2px}
.counter_text {width: 33.333%}
.count:after {
content: "+";
color: #f5111a;
padding-left: 7px;
}
.counter_text .count {
color: #f5111a;
font-weight: 600;
font-size: 40px;
letter-spacing: 2px;
margin-bottom: 10px; position: relative;
}
.menu_style {    display: flex;
align-items: center; justify-content: space-between; margin: 10px 0}
.pagewrap {
position: relative;
width: 1200px;
margin: 0 auto;
}
.padding_pagewrap {
padding: 0 10px;
}
.showText p>span.mota_image {    text-align: center;
margin: auto;
display: block;
color: #a9a9a9;
font-style: italic;
padding-top: 7px;}
.showText p, .abouts_home ul p {padding-bottom: 7px;}
.showText figcaption {text-align: center;}
.showText img {margin: 0 auto 15px;height: auto !important;width: 100%;}
.showText ul {
padding-bottom: 15px;
}
.showText ul li {margin-left: 35px;/* font-size: 16px; *//* line-height: 30px; */}
.showText table{max-width: 100%;}
.left_top {width: 32%;
float: left;}
.dv-header-top {
        padding: 5px 0;
        background: #fff;
        border-bottom: 1px solid #ddd;
}
.header-top-left{float: left;line-height: 22px;}
.header-top-left span{font-size: 13px;}
.header-top-lang{float: right;line-height: 0px;}
.header-top-lang a{display: inline-block;}
.header-top-lang a img{width: 20px;height: auto;}
.box_menu .logo_top a {padding: 0}
.logo_top{float: left;margin: 0;width: 85px;}
.dv-header.fixed {
box-shadow: -1px 0px 5px 0px rgba(163,163,163,1);
top: 0;
transition: all .5s; background: #fff;
padding: 5px 0;
position: fixed;
z-index: 9999;
}
.dv-header .pagewrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dv-header {background: #fff;width: 100%;transition: all .5s;position: relative;top: 0;left: 0;z-index: 9;padding: 10px 0 0;/* margin-bottom: 20px; */}
.bannerMain .banner img {
    /* height: 468px; */
}
.logo_top ul li{
float: left;
line-height: 0;
list-style: none;
}
.logo_top ul li img{
height: 90px;
width: auto;
}
.menu_header {    background: transparent;
width: 100%;
position: relative;
transition: all ease .4s;
-webkit-transition: all ease .4s;}
.menu_header .pagewrap {background: #68b501; padding: 0}
.logo_top ul h3{
text-transform: uppercase;
font-size: 28px;
line-height: 35px;
font-weight: 400;
color: #ed1c23;
float: left;
padding-left: 20px;
letter-spacing: 1px;
margin: 10px 0;
text-align: center;
}
.logo_top ul h3 span{
display: block;
text-transform: initial;
font-size: 16px;
}
.riht_header{
float: right;
margin-top: 20px;
}
.riht_header ul h3{

float: left;

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

padding-left: 50px;

font-size: 16px;

font-weight: normal;

line-height: 25px;

/* margin-right: 40px; */

color: #666;
}
.riht_header ul h3 a{
color: #666;
}
.css-1l6j3pm {
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    /* display: flex; */
    /* flex-wrap: wrap; */
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    /* flex-direction: row; */
    color: #FFFFFF;
    /* -webkit-align-items: center; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
}
.css-1l6j3pm a {
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 14px;
}
.css-1l6j3pm a i {
    padding-right: 7px;
}
.highlight {
        color: #fff000;
    font-weight: 600;
}
.riht_header ul h2{
float: left;
font-size: 23px;
font-weight: normal;
line-height: 25px;
background: url(../images/icon_hotline.png) center left no-repeat;
padding-left: 60px;
color: #68b501;
margin-right: 0;
}
.riht_header ul h2 a{

color: #f5111a;
}
.riht_header ul h2 a:hover{

color: #68b501;
}
.riht_header ul h2 span{
font-size: 17px;
display: block;
font-weight: normal;
line-height: 25px;
color: #666;
}
.riht_header ul li{
float: left;
list-style: none;
margin-top: 0;
}
.riht_header ul li a{
display: block;
padding: 10px 30px;
border: solid #ccc 1px;
font-size: 16px;
color: #666;
text-transform: uppercase;
line-height: 30px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.riht_header ul li a:hover{

border: solid #68b501 1px;
color: #fff;
background: #68b501;

}
.box_menu .pagewrap {}
.box_menu.fixed .pagewrap {width: 1200px}
.box_menu.fixed .logo_top img {
height: 40px;
}
.menu_header.fixed {
top: 0;
position: fixed;
z-index: 99999;
background: #68b501;
width: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);
padding: 0;
margin: 0;
float: none;
left: 0;
transition: all 1s;
}
.box_menu:after, .box_menu:before {
content: "";
position: inherit;
top: 0px;
left: 0;
right: 0;
}
.box_menu.fixed:after, .box_menu.fixed:before {
position: absolute;
}
.box_menu:before {
top: auto;
bottom: 0px;
}
.menu {
padding: 0;
text-align: center;
float: left;
}
.menu * {
list-style: none;
}
.menu > li + li {
position: relative;
}
.menu > li + li:after {
border-left: #2B579A;
content: "";
position: absolute;
left: 0;
height: 45px;
bottom: 0;
}
ul.flag-language {float: right;
    margin: 0;
    margin-left: 3%;}

.right_top {
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    z-index: 9;
    flex-direction: column;
    align-items: flex-end;
    width: 22%;
}
.right_top img {    width: 100%;
float: right;}
.right_top div.khuyenmai_top{width: 100%;}
.right_top div.khuyenmai_top .i_head{display: inline-block;vertical-align: middle;width: 35px;text-align: center;}
.right_top div.khuyenmai_top .info_head{display: inline-block;vertical-align: middle;}
.right_top div.khuyenmai_top .info_head p{line-height: 20px;color: #151515;}
 .right_top div.khuyenmai_top i {
     font-size: 20px;
     color: #151515;
 }
 .right_top div.khuyenmai_top h3 {
    font-size: 14px;
    color: #126bd6;
    font-weight: normal;
    line-height: 15px;
    margin-top: 5px;
}
.menu > li > a i.fa-home {margin: 0;
padding: 0;
padding-right: 5px; font-size: 18px}
.menu > li {
   float: left;
   position: relative;
   padding: 6px 0;
}
.flag-language li { list-style: none;
float: left;
margin: 0 4px;
width: 25px; height: 25px;}
.flag-language li img {width: 100%}
.menu > li:last-child {border-right: none}
.menu > li > a {
    display: block;
    line-height: 23px;
    position: relative;
    z-index: 2;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fafafa;
    font-weight: bold;
    padding: 5px 40px;
}
.menu > li > a i {
   display: inline-block;
   vertical-align: middle;
   margin: -2px 0 0 1px;
   color: inherit;
   font-size: 11px;
   padding-left: 5px;
}
.menu > li:hover > a:after {
   left: 0;
   right: 0;
   opacity: 1;
}
.menu > li:hover > ul, .menu li:hover > ul {
   opacity: 1;
   visibility: visible;
   transform: none;
   -webkit-transform: none;
   -moz-transform: none;
}
.menu_header.fixed .menu > li.active:before {display: none;}
.menu > li.active > a:after {
   left: 0;
   right: 0;
   opacity: 1;
}
.menu > li > ul, .menu > li > ul ul {
   position: absolute;
   top: 95%;
   left: 16px;
   opacity: 0;
   visibility: hidden;
   z-index: 3;
   margin: 0;
   width: 265px;
   padding: 0;
   display: block;
   transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -webkit-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
   transform-origin: center top 0px;
   -moz-transform-origin: center top 0px;
   -webkit-transform-origin: center top 0px;
   transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
   -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
   -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
   border-top: 3px solid #f50a00;
}
.menu > li > ul:before {
   content: "";
   border: solid 7px transparent;
   border-bottom-color: #f50a00;
   width: 0;
   height: 0;
   position: absolute;
   top: -17px;
   left: 17px;
   z-index: 2;
}
.menu > li > ul:after {
   content: "";
   position: absolute;
   top: 12px;
   left: 3px;
   right: -3px;
   bottom: -3px;
   z-index: 0;
   background: rgba(0, 0, 0, 0.05);
}
.menu > li > ul > li, .menu > li > ul > li li {
   z-index: 2;
   position: relative;
   margin: 0;
   color: #fff;
   font-weight: 500;
   font-size: 14px;
   padding: 0 15px;
   background: #f50a00;
}
.menu > li > ul > li:first-child, .menu > li > ul li li:first-child {
   padding-top: 10px;
   border-radius: 0;
}
.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child {
   padding-bottom: 10px;
   border-radius: 0;
}
.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a {
   border: none;
}
.menu > li > ul > li > a, .menu > li > ul > li li a {
   display: block;
   white-space: nowrap;
   color: inherit;
   line-height: 40px;
   font-size: inherit;
   background: rgba(255, 255, 255, 0);
   border-bottom: solid 1px rgba(255, 255, 255, 0.2);
   padding: 0 5px 0 0;
   text-decoration: none !important;
   text-transform: capitalize;
   text-align: left;
   font-size: 15px;
   color: #fff !important;
   font-weight: 400;
}
.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span {
   float: right;
   line-height: 40px;
   padding-top: 13px;
}
.menu > li > ul > li:hover, .menu > li li ul > li:hover {
   z-index: 3;     
}
.dv-notfull {
   margin: 0 10px;
}
.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a {
   padding: 0 12px 0 12px;
   background: #68b501;
   border-color: transparent;
   color: #fff !important;
}
.menu > li > a i {
   display: inline-block;
   vertical-align: middle;
   margin: -2px 0 0 2px;
   color: inherit;
   font-size: 11px;
}
.menu > li > ul > li > a, .menu > li > li ul > li > a {
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
}
.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a {
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
}
.menu li.homepage a i {
   font-size: 25px;
   margin: 0;
   padding: 0;
   padding-top: 10px;
}
.menu li.homepage a {
   padding: 0 10px;
}
.menu li.homepage a:hover {
   color: #ff0;
   background: none;
}
.menu > li > ul ul {
   left: 100%;
   top: 0;
}
.menu > li > ul > li.menu-tin ul {
    left: -100%;
}
.box_timkiem_top {
    float: left;
    width: 40%;
    background: #fff;
}
.box_timkiem_top p a{font-size: 13px;color: #126bd6;}
.timkiem_top {
    float: left;
    width: 100%;
    /* border: 1px solid #f50a00; */
}
.tin_right .input_search {display: block;}
.tin_right .timkiem_top {
float: initial;
width: 100%;
padding: 20px;
margin-bottom: 20px;
background: #68b501;
}
.dv-header-top ul li a b {    font-size: 20px;
position: absolute;
top: 4px;
left: -27px;
color: #68b501;}
.input_search {
    padding: 0px 20px;
    height: 46px;
    float: left;
    background: #f2f2f2;
    color: #666;
    width: calc(100% - 60px);
    border: none;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    border: 1px solid #ddd;
}

 .tin_right .search a {
    width: 50px;
    text-indent: -10000px;
    background: #d8ece1 url(../images/search.png) no-repeat center 11px;
    float: right;
    border-left: 0px;
    height: 40px;
    background-size: 32%;
}
.search a {
    width: 60px;
    background: #f50a00;
    float: right;
    border-left: 0px;
    height: 46px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 46px;
}
.search a i{line-height: 46px;}
.w3-container .w3-bar {    background: #d4d5d6;
box-shadow: 0px 4px 3px -2px rgba(148,148,148,1); margin-bottom: 3px}
.w3-container .w3-bar .w3-red{background: #68b501;
    padding: 10px 20px; position: relative; color: #fff}
    .w3-bar .w3-button:after {
     content: "";
     width: 11px;
     height: 11px;
     background: url(../images/bkg-title.png) no-repeat 50% 50%;
     position: absolute;
     left: 0;
     top: 19px;
 }
 .w3-bar .w3-button {padding: 10px 20px;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    border-bottom: 2px solid #616161;
    margin: 0 4px; font-size: 23px;     }
    .w3-bar .w3-button.w3-red {border-bottom: 2px solid #68b501; color: #68b501}
    .w3-bar .w3-button.w3-red:after {background: url(../images/bkg-title-1.png) no-repeat 50% 50%;}
    .w3-bar .w3-button:hover {color: #68b501;border-bottom: 2px solid #68b501;}
    .w3-bar .w3-button:hover:after {background: url(../images/bkg-title-1.png) no-repeat 50% 50%;}
    .w3-container .w3-bar .w3-red:before {
        content: '';
        position: absolute;
        right: -12px;
        top: 0;
        width: 30px;
        height: 100%;
        background: #68b501;
        -ms-transform: skewX(10deg);
        transform: skewX(30deg); display: none;
    } 
    .bannerInside {
       width: 100%;
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
       height: calc(100vh - 205px);
   }

.bannerMain {position: relative;height: auto;width: 100%;margin-bottom: 30px;}
.bannerMain .banner {
    width: 100%;
}
.dv-nut-menu {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    background: #203240;
    line-height: 39px;
    padding: 0px 20px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.dv-menu-left {
    width: 22%;
    float: left;
    color: #fff;
    position: relative;
    height: 100%;
    /* border-radius: 5px; */
}
.dv-ul-menu {
    position: absolute;
    width: 100%;
    margin-top: 0;
    border-top: none;
    background: #fff;
    border: 1px solid #e8e8e8;
    z-index: 999;
}
.dv-ul-menu ul, .dv-ul-menu li {
    list-style: none;
}
.dv-ul-menu ul li {
    -webkit-box-shadow: inset 0px 1px 0px 0px #eee;
    -moz-box-shadow: inset 0px 1px 0px 0px #eee;
    box-shadow: none;
    padding: 0;
}
.vertical-menu-item {
    display: block;
    border-bottom: 1px solid #e8e8e8;
}
.dv-ul-menu ul li a {
    text-decoration: none;
    color: #4c4c4c;
    display: block;
    line-height: 30px;
    text-transform: capitalize;
}
.vertical-menu-item i.fa-th-large {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 8px;
    color: #393;
}
.fa-file-medical-alt:before {
    content: "\f478";
}
.vertical-menu-item>a h2 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
}
.vertical-menu-item>a h2 img {
    vertical-align: middle;
    margin-right: 5px;
}
.vertical-menu-item>a>i.fa-angle-right {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 14px;
    color: #666;
}
.vertical-menu-sub {
        display: none;
    position: absolute;
    left: 100%;
    width: 270%;
    top: 0;
    min-height: calc(100% + 0px) !important;
    margin-left: 0px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    z-index: 20;
    padding: 10px 20px;
}
.vertical-menu-item:hover .vertical-menu-sub {
    display: block;
}
.vertical-menu-item>a {
    line-height: 36px;
    padding: 4px 0 4px 10px;
    display: block;
    position: relative;
    color: #272727;
}
.vertical-menu-sub li {
        float: left;
    width: calc(100% / 1 - 20px);
    margin: 0px 10px 0;
    display: block;
    color: #4c4c4c;
}
.dv-ul-menu ul li a:hover,.dv-ul-menu ul li a:hover i {color: #126bd6;}
.dv-ul-menu ul ul.sub-2 > li > a {
    display: inline-block;
    margin-bottom: 0;
    color: #333 !important;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 7px;
}
.dv-ul-menu ul ul.sub-2 > li > a:hover {color: #f50a00 !important;}
.vertical-menu-sub h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #f50a00;
}
.vertical-menu-sub h2 img {    display: block;
    height: 47px;}
.banner_left .right_tt_home {float: right; width: 38%}
.banner li {/* float: left; */width: 100%;list-style: none;background-position: center center;background-size: cover;background-repeat: no-repeat;cursor: default;position: relative;}
.posBL {
left: 0px;
bottom: 0px;
}
.pagiBanner {
position: relative;
left: 0;
right: 0;
bottom: 50px;
margin: auto;
width: auto;
text-align: center;
z-index: 2;
}
.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a {
display: inline-block;
vertical-align: text-top;
width: 14px;
height: 14px;
background: #00000061;
text-indent: -100000px;
margin: 0 4px;
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0,0,0,0.5);
border: solid #fff 4px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected {
background: #f5111a;
}
.pagiBanner_2, .pagiBanner_3 {
position: relative;
left: 0;
right: 0;
bottom: -20px;
margin: auto;
width: auto;
text-align: center;
z-index: 10;
}
.box_title_banner {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
color: #FFF;
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
width: 100%;
padding: 3% 4%;
}
.box_title_banner ul h3 {
text-transform: uppercase;
font-size: 50px;
line-height: 75px;
font-weight: 600;
padding-bottom: 10px;
text-shadow: 1px 1px #151515;
}
.box_title_banner ul p {
font-size: 17px;
line-height: 26px;
}
.box_title_banner ul h4 a{
float: left;
display: block;
text-transform: uppercase;
font-size: 18px;
line-height: 35px;
font-weight: 500;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: solid #fff 1px;
color: #fff;
padding: 5px 40px;
margin-top: 25px;
}
.box_title_banner ul h4 a:hover, .abouts_home ul h4 a:hover, .our_product_id ul h4 a:hover {
color: #fff;

background: #68b501;
}
.abouts_home{
background: #fff;
padding-bottom: 55px;
}
.abouts_home li{
width: 48%;
float: right;
list-style: none;
line-height: 0;
}
.abouts_home li img{
width: 100%;
height: auto;
background: #fff;
}
.abouts_home ul{
width: 48%;
float: left;
}
.abouts_home h3{
text-transform: uppercase;
font-size: 30px;
line-height: 45px;
font-weight: 700;
color: #f5111a;
margin-bottom: 50px;
position: relative;
letter-spacing: 1px;
text-align: center;
}
.abouts_home h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -39px;
    height: 38px;
    background: url(../images/home_about_img_2.webp);
    z-index: 2;
    width: 109px;
    margin: 0 auto;

}
.abouts_home h3 span{
    color: #151515;
    display: block;
    font-weight: 400;
}
.abouts_home ul h4 a{
   float: left;
   display: block;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 500;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   color: #ffffff;
   padding: 7px 30px 7px;
   border-radius: 50px;
   background: #68b501;
}
.abouts_home ul h4 a:hover {background: #f5111a}
.our_product_home{
background: #eee;
padding: 50px 0;
}
.box_out_us_home{
padding: 50px 0;
background: url(../images/bg_2.jpg) center center no-repeat fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
color: #fff;
position: relative;
}
.box_out_us_home:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #002e4682;
transition: .3s all ease;
z-index: 0;
/* opacity: .5; */
}
.left_au img {width: 100%}
.box_out_us_home .left_au {width: 49%; float: right;}
.right_au{
width: 48%;
float: left;
}
.accordion li i{
padding-right: 10px;
}
.accordion li a {
background: transparent;
line-height: 30px;
text-transform: capitalize;
color: #ffffff;
font-size: 20px;
padding: 11px 10px;
font-weight: 500;
list-style: none;
display: block;
margin-bottom: 5px;
border: 1px solid #fff;
border-radius: 4px;
}
.accordion li .menu_parent:hover, .accordion li a.active {
background: #68b501;
color: #fff;
}
.accordion ul {
background: #fff;
margin-top: 5px;
padding: 20px;
margin-bottom: 5px;
list-style: none;
color: #333;
font-size: 20px; border-radius: 4px;
}
.accordion {
list-style: none;
}
#news_slide {margin-top: 20px}
.title_page {text-align: left;width: 100%;background: #f50a00;}
.title_page ul h4 {
color: #ffffff;
text-transform: uppercase;
font-size: 15px;
font-weight: 300;
background: url(../images/quochuy.png) 10px center no-repeat;
margin-bottom: 0;
background-size: 26px;
padding: 6px 0 6px 45px;
}
.title_page ul h4 span {
color: #f5111a;
}
.title_page.title_page_2 ul h3 {
color: #fff;
}
.title_page ul p {
color: #666;
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
padding-top: 15px;
}
.link_page ul h3 {
text-transform: uppercase;
font-size: 30px;
font-weight: 600;
color: #ffffff;
float: left;
width: 100%;
text-align: left;
letter-spacing: 1px;
margin-bottom: 15px;
}
.link_page ul li span.active {color: #151515;font-weight: bold;}
.link_page ul li {list-style: none;font-size: 15px;text-transform: capitalize;display: inline-block;font-weight: 400;text-align: center;}
.link_page ul li i {/* padding-right: 7px; */}
.link_page ul li a {color: #151515;padding: 0 5px;}
.link_page ul li span {/* padding: 0 5px; */}
.link_page ul li a:hover, .riht_header ul h3 a:hover {color: #126bd6;}
.company_contact ul {
margin: 0 10px 20px 10px;
float: left;
width: 346px;
padding: 20px;
background: #eeeeee;
min-height: 100px;
}
.company_contact ul.contact_2 {
/* width: 240px; */

}
.company_contact ul p {
font-size: 16px;
line-height: 25px;
padding-top: 5px;
color: #151515;
}
.company_contact ul h3 {
text-transform: uppercase;
color: #68b501;
font-size: 20px;
line-height: 35px;
font-weight: 500;
margin-bottom: 5px;
}
.company_contact ul h3 i {
margin-right: 10px;
}
.map_contact iframe {
width: 100%;
height: 500px;
}
.contact{width: 70%;margin-top: 30px;}
.contact h2 {
text-align: center;     margin-bottom: 10px;
}
.contact  p.p-brief {text-align: center; margin-top: 10px; width: 100%}
.formBox li {display: block;position: relative;margin-bottom: 10px;z-index: 0;}
.formBox li input, .formBox li textarea {border: solid 1px #ccc;height: 45px;color: #999;padding: 0 10px 0 10px;font-size: 14px;box-sizing: border-box;text-transform: capitalize;width: 100%;border-radius: 4px;font-weight: 300;}
.formBox li textarea {padding: 10px 10px 10px 10px;height: 99px;}
.contact input, .contact textarea {
width: 100%;
}
.formBox li:after {content: ''; display: block;clear: both;}
.contact .title_frm{float: left;width: 90px;line-height: 44px;}
.contact .input_frm{float: left;width: calc(100% - 90px);}
.formBox .button {float: left;text-transform: uppercase;font-size: 18px;padding: 3px 35px 5px;margin-right: 10px;line-height: 30px;margin-top: 10px;color: #FFF;background: #f50a00;white-space: nowrap;webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%);font-weight: 400;}
.formBox .button:hover {color: #FFF;background: #f50a00;}
.formBox li span {position: absolute;right: 0;top: 3px;line-height: 42px;padding: 0 10px;font-weight: normal;z-index: 2;letter-spacing: 1px;user-select: none;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;}
.tintuc_home_id, .product_list, .pro_id, .company_contact, .logo_doitac, .our_product_id {
margin: 0 -10px;
}
.nums {
table-layout: auto;
margin-top: 15px;
text-align: right;
}
.nums li {
list-style: none;
display: inline-table;
}
.nums a {font-size: 16px;display: block;margin: 0 6px 0 0;padding: 3px;line-height: 22px;height: 30px;width: 30px;table-layout: inherit;text-align: center;color: #fff;background: #1f323f;border: #ccc 1px solid;text-decoration: none;font-weight: 400;}
.nums a i {
    line-height: 20px;
}
.nums a:hover, .nums a.active, .nums a.stay:hover {background: #f50a00;color: #ffffff;}
.contentContainer h2.chucdanh {
background: #d4d5d6;
padding: 6px 20px;
margin-bottom: 15px;
color: #68b501;
font-size: 20px;
}
.canboinfo {
width: 100%;
display: inline-block;
}
.canboinfo .anhdaidien {
width: 20%;
float: left;
margin-bottom: 20px;
text-align: justify;
}
.canboinfo .anhdaidien img {
width: 100%;
}
.canboinfo .info {
text-align: justify;
float: right; width: 77%;
}
.canboinfo .info strong {color: #151515;     font-size: 16px;}
.title_news {/* border-bottom: solid 1px #E6E6E6; */margin-bottom: 11px;}
.fa-calendar:before {padding-right: 7px}
.title_news h2 {
    font-size: 22px;
    line-height: 38px;
    font-weight: 600;
    color: #4c4c4c;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.tin_left .one_new_home {width: 55%; float: left;}
.tin_left .one_new_home_right {
float: right;
width: 42%;
}
.title_news li {
font-size: 15px;
color: #464646;
list-style: none;
margin-bottom: 10px;
font-weight: 400;
}
.title_news p {
line-height: 32px;
color: #171c2b;
font-size: 21px;
font-style: italic;
font-weight: normal;
padding-bottom: 15px;
}
.images_poup_sp {
float: left;
width: 40%;
}
.images_poup_sp img {width: 100%}
.page_sp_ct {
width: 900px;
padding: 20px;
display: inline-block;
background: #fff;
}
.pro_home_id#pro_slide2 ul,.pro_home_id#pro_slide1 ul {width: calc(100% / 1);}
.pro_id ul h3 a,
.box_right_pro_view .marquee ul h3 a {
color: #333;
display: block;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.pro_id ul h3 a, .box_right_pro_view .marquee ul h3 a:hover{color: #126bd6;}
.pro_home_id.pro_id ul h3 span {
color: #6d6d6d;}
.pro_home_id.pro_id ul h4 span,
.box_right_pro_view .marquee ul h4 span {
color: #6d6d6d;}
.pro_home_id.pro_id ul {
    border: 1px solid #e0e0e0;
    margin: 0 10px 20px;
    width: calc(100% / 4 - 20px);
}
.pro_id ul h4 a {
color: #68b501;
font-weight: normal;
font-size: 15px;
text-transform: uppercase;
display: block;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
/* padding-bottom: 20px; */
float: right;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.pro_id ul h4 a i {
padding-left: 7px;
}
.pro_id ul p,
.box_right_pro_sp .marquee ul p {
color: #666;
font-size: 16px;
line-height: 25px;
padding-bottom: 10px;
}
.pro_id#pro_slide3 ul li img {width: 70%}
.pro_id ul li, .pro_id ul li img, .box_right_pro_view .marquee ul li img, .box_right_pro_view .marquee ul li {
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
width: 80%;
height: auto;
position: relative;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.box_right_pro_view .marquee ul li img {
    width: 100%;
}
.box_right_pro_view .marquee ul li {
    margin-bottom: 0;
}
.pro_id ul h4 a:hover, .pro_id ul h3 a:hover, .product_list ul:hover h3 {color: #f50a00;}
.box_page {
margin-top: 20px;
}
#sharelink {
padding-top: 20px;
margin-top: 20px;
border-top: solid #CCC 1px;
}

.placeNav_2, .placeNav_4 {
position: absolute;
top: 30%;
z-index: 3;
color: #fff;
font-size: 60px;
width: 30px;
height: 60px;
line-height: 50px;
text-align: center;
background: rgba(2, 2, 2, 0.21);
opacity: 0;/* background: #0000008a; */
}
.placeNav, .placeNav_3 {
position: absolute;
top: 30%;
z-index: 3;
color: #fff;
font-size: 50px;
width: 35px;
line-height: 24px;
height: 35px;
background: #68b501;
text-align: center;
opacity: 0;
border-radius: 50%;
padding: 4px;
}
.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev {
left: 10px;
}
.placeNav_2.next, .placeNav_4.next {
right: 10px;
text-indent: 3px;
}
.placeNav.next, .placeNav_3.next {
right: 10px;
text-indent: 3px;
}
.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_4, .placeSlide_main:hover .placeNav_3 {
opacity: 1;
}
.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover {
color: #fff;
background: #f5111a;
}
.placeSlide_main {
position: relative;
overflow: hidden;
}
.placeSlide {
width: 1300px;
}
.product_list ul{float: left;margin: 0 10px 30px 10px;width: 285px;}
.product_list ul li, .product_list ul li img{
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
height: auto;
position: relative;
overflow: hidden;
display: block;
}
.product_list ul h3 {
text-transform: capitalize;
font-size: 20px;
line-height: 30px;
padding-top: 15px;
font-weight: normal;
color: #68b501;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}

.sc_button {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 16px 30px 15px;
    font-size: 15px;
    line-height: 1;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background-color: #1052be;
    font-weight: 400;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 10px;
}
.sc_button:hover {
    background: #363f4d;
    color: #fff;
}

.viewRight .gia {font-size: 28px;color: #f5111a;line-height: 30px;font-weight: bold;background: url(../images/title-line.png) repeat-x left bottom;/* padding: 10px 0 15px; *//* margin-bottom: 10px; */}
.viewRight h1 span {
font-size: 21px;
padding-left: 10px;
font-weight: normal;
color: #333;
text-decoration: line-through;
}
.viewRight .desc {margin-top: 10px;}

.pro_home_id ul:hover li.pro_1_b, .pro_home_id_2 ul:hover li.pro_1_b {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.new_right.new_right_2column ul {      width: calc(100% / 2 - 20px);
margin: 10px 10px 5px;
float: left;
position: relative;
padding: 0;
padding-bottom: 10px;}
.new_right.new_right_2column ul li {width: 100%}
.new_right ul:hover li.pro_1_b {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.new_right ul li.pro_1_b {
list-style: none;
overflow: hidden;
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-border-radius: 50%;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.pro_home_id ul li.pro_1_b, .pro_home_id_2 ul li.pro_1_b {
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
-moz-border-radius: 50%;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.box_home_2 {background: #fff;padding: 10px;}
.box_home_2 #pro_tabs {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    }
.box_home_2 #pro_tabs .listtabs {    text-align: left;}
#pro_tabs {
    margin: 0;
    float: right;
    margin-bottom: 5px;
    width: 100%;
    margin-top: 10px;
}
.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {color: #ffffff;background: #f50a00;}
.listtabs {
    overflow: hidden;
    text-align: center;
}
.listtabs li {
display: inline-table;
list-style: none;
margin: 0 0px;
}
.listtabs li a {
    color: #151515;
    text-decoration: none;
    display: block;
    padding: 0px 15px;
    line-height: 33px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 4px 10px;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    text-align: center;
}
.detail-sp>h5 {
    background: #68b501;
    padding: 10px 20px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}
.detail-sp>div#ftwp-postcontent {
    padding: 20px 30px;
    border: 1px solid #e6e6e6;
}
.viewRight .desc b {
display: block;
margin-bottom: 10px;
font-size: 17px;
color: #22232b;
font-weight: normal;
}
.viewRight .desc b span {
margin-left: 15px;
font-size: 19px;
color: #666;
font-weight: normal;
text-decoration: line-through;
}
.viewRight .desc li {line-height: 20px;margin-bottom: 10px;/* text-indent: 20px; */list-style: none;/* background: url(../images/icon-check-pink.png) no-repeat left 6px; */font-size: 15px;}
.viewRight .desc li:before{content: "\f00c"; margin-right: 10px;font-weight: 600; font-family: 'Font Awesome 5 Free'}
.viewRight p{
/* color:#666; */
/* padding-left:15px; */
padding-bottom:10px;
}
.viewRight p a{
color:#666;



}
.viewRight p a:hover{
color:#034ea2;


}

.viewRight p i{
padding-right:5px;

}
.quantity {
position: relative;
margin-bottom: 15px;
}
.quantity, .quantity * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
}
.quantity label {
font-size: 16px;
padding-right: 5px;

}
.quantity .input-text {
width: 50px;
height: 50px;
border: none;
text-align: center;
font-size: 18px;
box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.quantity p {
padding: 15px 0 10px 0;
border-top: dotted 1px #ddd;
font-size: 18px;
text-transform: uppercase;
}
.quantity .minus, .quantity .plus {
position: absolute;
bottom: 0px;
left: 142px;
width: 30px;
height: 23px;
border: none;
cursor: pointer;
font-size: 18px;
color: #fff;
text-align: center;
-webkit-appearance: none;
appearance: none;
background: #034ea2;
line-height: 19px;
}
.quantity .minus {
font-size: 25px;
}
.quantity .plus {
bottom: 27px;
}
.quantity a {
position: relative;
height: 50px;
line-height: 52px;
position: absolute;
/* float: left; */
/* right: 0; */
/* bottom: -1px; */
font-size: 18px;
text-transform: uppercase;
padding: 0 18px 0 50px;
color: #fff;
border: solid 1px #fff;
box-shadow: 1px 1px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
background: #f5111a;
margin-left: 50px;
transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
}
.quantity a:hover {
color: #fff;
background: #034ea2;
}
.quantity a:before {
content: "";
background-image: url("../images/icon-cart-w.png");
background-position: center center;
position: absolute;
top: 12px;
left: 10px;
width: 26px;
height: 22px;
z-index: 2;
line-height: normal;
}
#proView .link a {
display: inline-block;
height: 24px;
line-height: 26px;
padding-left: 30px;
color: #333;
position: relative;
}
#proView .link a:hover {
color: #f00;
}
#proView .link a:first-child {
margin-right: 22px;
}
#proView .link {
margin-bottom: 15px;
}
#proView .link a:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-color: #646464;
background-position: center center;
background-repeat: no-repeat;
}
#proView .link a.b_mail:after {
background-image: url("../images/icon-mail.png");
}
#proView .link a.b_share:after {
background-image: url("../images/icon-share.png");
}
#proCont {
padding: 0px 0px;
}
.listDesc {
margin-bottom: 15px;
box-shadow: inset 0 -5px #E6E6E6;
}
.listDesc a {
text-transform: uppercase;
font-size: 20px;
display: inline-block;
line-height: 40px;
margin-right: 20px;
padding-bottom: 5px;
box-shadow: inset 0 -5px #646464;
color: #999;
}
.titleView {
    position: relative;
    padding: 0px 0 15px 0;
    line-height: 32px;
    font-size: 28px;
    color: #4c4c4c;
    margin-bottom: 5px;
    font-weight: bold;
}
.viewRight h2 {
font-size: 20px;
position: relative;
border-bottom: dotted 1px #ddd;
margin-bottom: 15px;
padding-bottom: 10px;
color: #f60;
}
#bridal_images {
border: 1px solid #e8e8e8;
background: #fff;
padding: 5px;
float: left;
width: 100%;
overflow: hidden;
margin-right: 20px;
margin-bottom: 10px;
position: relative;
z-index: 0;
}
#bridal_images img {
border: none;
width: 100%;
height: auto;
margin: 0px auto;
}
#bridal_images_list {
display: block;
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
#bridal_images_list li {
    list-style: none;
    float: left;
    height: auto;
    width: 100%;
    /* margin: 0 5px; */
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
}
#bridal_images_list li:hover {
border: 1px solid #999;
background: #fff;
}
#bridal_images_list img {
width: 100%;
border: none;
}
.pro_slide_prev, .pro_slide_next {
position: absolute;
width: 12px;
border: solid 1px #ccc;
bottom: 50%;
height: 50px;
margin-bottom: -25px;
text-indent: -10000px;
}
.pro_slide_prev {
left: 0px;
border-radius: 5px 0px 0px 5px;
background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4;
}
.pro_slide_next {
right: 0px;
border-radius: 0px 5px 5px 0px;
background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4;
}
a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
opacity: .5;
}
a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
cursor: default;
}
.cloud-zoom-lens {
cursor: move;


}
.cloud-zoom-big {
overflow: hidden;
}
.cloud-zoom-loading, img.loading {
background: url(../images/loading.gif) no-repeat scroll center transparent;
}
#pro_img_main {
margin-bottom: 25px;/* margin-left: 10px; *//* margin-right: 10px; */
}
.box_page_home{
padding-top: 50px;
padding-bottom: 20px;
}
table th {
text-align: left;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
}
tr:hover {
background-color: #f5f5f5;
}
th, td {border-bottom: 1px solid #ddd;vertical-align: top;}
td a {
color: #ed1c23;
text-align: center;
font-size: 15px;
}
td a:hover {
color: #ed1c23;
}
table {
width: 100%;
}
table {border-collapse: collapse;vertical-align: top;}
#back-top {position: fixed;bottom: 100px;right: 10px;z-index: 1;}
#back-top a {display: inline-flex;width: 50px;line-height: 50px;background: #fff;outline: none;color: #126bd6;font-size: 20px;text-align: center;transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;transform: rotate(45deg);border-radius: 50px;height: 50px;border: 1px solid #ddd;}
.center_column {
display: flex;
flex-wrap: unset;
}
.col1-top {
padding: 50px 40px;
}
.sign_col1 {
width: 40%;
text-align: center;
background: #d4d5d6;
color: #464646;
}
.col1_subheading {
font-size: 30px;
margin: 15px 0;
font-weight: 300;
}
.button_sign:hover {
background: #134a56;
}
.sign_col2 {
background: #efefef;
padding: 30px 40px;
color: #464646;
width: 50%;
position: relative;
}
.sign_input {
width: 100%;
border-width: 0 0 2px 0;
padding: 10px 10px 13px;
margin-bottom: 5px;
font-size: 15px;
background: #ffffff;
border: none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
margin: 6px 0;
}

.col1_des {
line-height: 25px; margin-top: 10px;
}
.link_login {margin-bottom: 5px;}
.button_sign {
background: #68b501;
color: #fff;
border-width: 0;
font-size: 17px;
line-height: 15px;
text-transform: uppercase;
padding: 12px 25px 14px;
margin: 20px 0;
cursor: pointer;
box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
border-radius: 5px;
}
.sign_col2 h3 {
font-size: 23px;
line-height: 25px;
padding-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
margin: 0;
}
.link_login a {
color: #20a9ea;
text-decoration: underline;
}
#back-top a i {transform: rotate(-45deg);line-height: 50px;}
.menu > li:hover a {color: #f3d50c;}
.menu > li.active a{color: #f3d50c;}
.box_menu {
    /* float: left; */
    background: #f50a00;
    padding: 0 20px;
    width: 100%;
    display: flex;
    margin-top: 10px;
}
.menu_header>div>a {float: right;
font-size: 14px;
color: #ffffff;
font-weight: 400;     padding-top: 8px; padding-right: 20px}
.menu_header>div>a:hover {color: #fff000}
.fa-account:before {
content: "\f007";
font-size: 16px;
margin-right: 7px;
}
#back-top a:hover {
color: #68b501;
    background: #ffffff;
}
.css-on3izv span {
    margin-bottom: 5px;
}
.css-on3izv {
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    line-height: 1rem;
    padding: .365rem .75rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    color: #434657;
    border-width: 1px;
    border-style: solid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    font-size: 12px;
    color: #333;
    padding-left: 0px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding-bottom: 0px;
    max-width: 64px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.css-uwn2d9 {
    font-size: 20px;
    margin-bottom: 20px;
}
.css-42iko7 {
    width: 40%;
    float: left;
}
.css-2ig3pg {
    width: 60%;
    float: left;
}
.css-z54kij {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.css-2ig3pg img {
    width: 100%;
    border-radius: 4px;
}
.footer {
    color: #151515;
    position: relative;
    background: #fff;
}
.footer a img {/* height: 22px; */padding: 0 10px;}
.footer a {color: #126bd6;-webkit-transition: 0.1s background-color linear, 0.1s color linear;-moz-transition: 0.1s background-color linear, 0.1s color linear;-o-transition: 0.1s background-color linear, 0.1s color linear;transition: 0.1s background-color linear, 0.1s color linear;}
.footer a:hover {color: #126bd6;}
.right_footer {
float: right;
width: 66%;
}
.right_footer ul {
float: left;
width: 29%;
margin-left: 4%;
}
.right_footer ul li {
list-style: none;
}
.right_footer ul li a {
color: #fff;
line-height: 30px;
}
.right_footer ul li a i {
padding-right: 7px;
}
.right_footer ul li a:hover {
color: #00bed5;
}
.right_footer ul h3 {
font-size: 20px;
color: #00bed5;
line-height: 30px;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 10px;
}
.top_footer img {height: 60px}
.top_footer {    padding-top: 40px;
text-align: center;}
.top_footer .menu > li > a {text-transform: capitalize;}
.left_footer {margin: 0 -20px}
.ft_maps {float: right; width: 50%}
.bottom_ft a {
color: #fff;
-webkit-transition: 0.1s background-color linear, 0.1s color linear;
-moz-transition: 0.1s background-color linear, 0.1s color linear;
-o-transition: 0.1s background-color linear, 0.1s color linear;
transition: 0.1s background-color linear, 0.1s color linear;
}
.bottom_ft a:hover {    color: #68b501;}
.bottom_ft a img {
height: 22px;
padding: 0 10px;
display: inline-block;
}
.footer ul.menu {width: 100%}
.footer ul.menu li a {padding: 5px}
.footer ul.menu li{     clear: initial;
width: 47%;
text-align: left;
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
margin-right: 10px;}
.left_footer li{list-style: none;}
.left_footer>div.col_footer_right{line-height: 22px;padding: 20px 0px 20px;width: calc(100% - 470px);float: left;}
.left_footer>div.col_footer{width: 426px;line-height: 22px;padding: 20px 0px 20px;float: left;margin: 0 15px;}
.widget_getintuch li:last-child {margin-bottom: 0;}
.left_footer div.congty_footer p {color: #151515;font-size: 13px;line-height: 24px;}
.left_footer div.col_footer p i{
margin-right: 10px;
}
.left_footer .logo_footer {
    width: 120px;
    float: left;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.left_footer .congty_footer{float: right;width: calc(100% - 120px);line-height: 16px;}
.left_footer .congty_footer h2{font-size: 22px;padding: 5px 0;}
.left_footer div.col_footer h3 {font-size: 18px;color: #151515;line-height: 38px;text-transform: uppercase;font-weight: bold;position: relative;}
.left_footer div.col_footer_right h3 {font-size: 18px;color: #151515;line-height: 38px;text-transform: uppercase;font-weight: bold;position: relative;}
.left_footer li {list-style: none;/* float: left; */font-size: 14px;clear: both;}
.left_footer li a {font-size: 14px;font-weight: 400;display: block;padding: 4px 0;color: #151515;}
.left_footer li img{
    height: 50px;
    width: auto;
    float: left;
    padding: 0;
    margin-right: 10px;
    margin-top: 18px;
}
.box_footer_right{float: left;width: 50%;min-height: 170px;}
.bottom_ft {background: #1f323f;padding: 10px;text-align: center;width: 100%;}
.bottom_ft p {
font-size: 15px;
color: #fff;
}
.bottom_ft ul {
float: right;
}
.bottom_ft ul li {
float: left;
list-style: none;
line-height: 0;
text-align: center;
margin: 7px 10px;
}
.bottom_ft ul li i {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
display: block;
-webkit-transition: 0.1s background-color linear, 0.1s color linear;
-moz-transition: 0.1s background-color linear, 0.1s color linear;
-o-transition: 0.1s background-color linear, 0.1s color linear;
transition: 0.1s background-color linear, 0.1s color linear;
}
.box_doitac_home {
background: #fff;
padding: 50px 0;
}
.logo_doitac ul {
margin: 10px;
width: 160px;
padding: 10px;
background: #f8f8f8;
float: left;
text-align: center;
transition: all .3s;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.logo_doitac ul li, .logo_doitac ul li img {
width: 100%;
height: 90px;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
overflow: hidden;
display: block;
}
.logo_doitac ul h3, .logo_doitac_page ul h3 {
color: #495677;
font-weight: 500;
font-size: 18px;
text-transform: capitalize;
line-height: 26px;
padding-top: 15px;
transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
position: relative;
}
.logo_doitac_page ul {
margin: 10px;
width: 250px;
padding: 15px;
background: #fff;
float: left;
text-align: center;
transition: all .3s;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.logo_doitac_page ul li, .logo_doitac_page ul li img {
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
overflow: hidden;
display: block;
}
.logo_doitac ul:hover, .id_partner ul:hover {
transform: translateY(-10px);
}
.tin_left {float: left;width: 72%;}
.tin_right .box_right_pro_view:last-child {margin-bottom: 0}
.tin_right>a>img {    width: 100%;
margin: 0}
.tin_right>a:last-child>img {    margin-bottom: 20px;}
.tin_right {float: right;width: 26%;}
.tin_right .dv-menu-left {
    width: 100%;
}
.banner_left_tt ul {
position: relative;
margin: 10px;
}
.banner_left_tt ul li, .banner_left_tt ul li img {
list-style: none;
line-height: 0;
position: relative;
overflow: hidden;
display: block;
height: auto;
width: 100%;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.banner_left_tt ul h3 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #0000007a;
color: #fff;
font-size: 18px;
text-transform: capitalize;
font-weight: normal;
padding: 5px 10px;
line-height: 25px;
}
.banner_left_tt ul:hover h3 {
text-decoration: underline;
}
.tt_page {
margin: 0px -10px;
}
.tin_left .tt_page_top .new_id_bs ul {
    width: 100%;
    padding: 10px 20px 15px;
}
.box_page .pro_id .tt_page {margin: 20px 0px 0;}
.tt_page_top .new_id_bs li {width: 100%}
.tt_page_top .new_id_bs ul {width: 100%;padding: 10px 0;}
.tt_page_top.dv_hinhanh .new_id_bs {width: calc(100% / 4 - 20px);}
.new_id_bs {
    width: calc(100% / 2 - 20px);
    margin: 0 10px 25px;
    float: left;
}
.box_page .owl-carousel .new_id_bs {
    width: calc(100% / 1);
    margin: 20px 0;
}
.tt_page.owl-carousel {
    margin: 0;
}
.new_right .new_id_bs ul h3 a {
font-size: 17px;
font-weight: 500;
color: #4a4a4a;
line-height: 25px;
padding-bottom: 0;
margin-top: 0;
text-align: left;
}
.new_right .new_id_bs li img {margin-bottom: 0}
.new_right .new_id_bs ul h3 {float: right;
width: 100%;
font-weight: 300;
font-size: 12px;
color: #232324;
line-height: 23px;
height: auto;
overflow: hidden;
margin-top: 0;}
.new_right .new_id_bs ul {
float: right;
width: 55%;
border: none;
border-bottom: none;
padding: 0;
}
.new_right .new_id_bs li {width: 40%}
.new_right .new_id_bs {    width: calc(100% / 1);
margin: 10px 0 0;
padding: 10px 10px 10px;}
.new_id_bs li {
float: left;
list-style: none;
line-height: 0;
width: 50%;
position: relative;
overflow: hidden;
display: block;
}
.new_id_bs li a i {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translateY(-50%) scale(0);
    background: transparent;
    color: #fff;
    width: auto;
    transition: all 0.5s;
    font-size: 35px;
    right: 0;
}
.new_id_bs li a:hover i {
    transform: translateY(-50%) scale(1);
    transition: all 0.5s;
    z-index: 1;
}
.new_id_bs li a::after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
.new_id_bs li a:hover::after {
    opacity: 0.7;
}
.new_id_bs li img {width: 100%;height: 245px;webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);object-fit: contain;}
.new_id_bs ul {
float: right;
width: 46%;
}
.dv-home-tintuc .tt_page_top .new_id_bs ul {width: 100%;padding: 10px 0;position: relative;bottom: 0;}
.dv-home-tintuc .tt_page_top .new_id_bs {
    width: calc(100% / 1);
    background: #fff;
    z-index: 2;
    position: relative;
    margin: 0 0px 10px;
    border-radius: 4px;
    border-bottom: none;
    padding-right: 0;
}
.dv-home-tintuc .tt_page_top #tintuc_slide .new_id_bs {    width: calc(100% / 1); padding-right: 0;
margin: 0 0 20px}
.dv-gr-lh a:hover h3 {color: #68b501;}
.new_id_bs ul h3 a i.fa-image {padding-left: 10px}
.new_id_bs ul h3 a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-bottom: 5px;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    margin-top: 5px;
    line-height: 22px;
    text-align: center;
    height: 50px;
    overflow: hidden;
}
.dv-home-tintuc .tt_page_top .new_id_bs a,.dv-home-tintuc {color: #151515;}
.dv-home-tintuc .tt_page_top .new_id_bs a:hover {color: #126bd6;} 
.new_id_bs ul h3 span {
font-size: 17px;
font-weight: 500;
color: #666;
display: block;
text-transform: none;
}
.dv-home-tintuc .pagewrap {z-index: 1}
.new_id_bs ul h3 span i {
padding-right: 7px;
}
.new_id_bs ul p {font-size: 14px;font-weight: 400;color: #f50a00;line-height: 25px;padding-top: 5px;text-align: left;margin-top: 5px;}
.new_id_bs ul h3 a:hover, .one_new_home_right ul h3 a:hover, .one_new_home ul h3 a:hover,
.new_right ul h3 a:hover, .left_tt_home ul h3 a:hover {color: #f50a00;}
.new_top_id.new_top_id_video {box-shadow: none;}
.video_tt_page_right ul:hover {
background: #555;
color: #fff;
}
.new_top_id {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
padding-bottom: 15px;
margin-bottom: 20px;
}
.one_new_home_right li.text_right p {margin: 0}
.one_new_home ul p {
font-size: 18px;
line-height: 30px;
margin: 0;
}
.one_new_home_right li.text_right h3 {
padding-bottom: 0;
margin-bottom: 2px;}
.tintuc_home .one_new_home li {
width: 100%;
list-style: none;
position: relative;
overflow: hidden;
display: block;
margin: 0;
}
.one_new_home li img {
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.one_new_home ul h3 a, .tti_more ul h3 a {
font-size: 23px;
font-weight: 500;
color: #464646;
line-height: 33px;
padding-bottom: 7px;
display: block;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
text-transform: none;
}
.one_new_home {
float: left;
width: 53%;
}
.one_new_home_right {
float: right;
width: 45%;

}
.one_new_home_right ul {
padding-bottom: 10px;
}
.one_new_home_right .title_news li {width: 100%}
.one_new_home_right li {
float: left;
width: 35%;
list-style: none;
position: relative;
overflow: hidden;
display: block;
}

.one_new_home_right li img {
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.one_new_home_right li:hover img,.one_new_home li:hover img,
.new_id_bs li:hover img {    transform: scale(1.2);
transition: 1s;}
.one_new_home_right ul h3 a {
font-size: 18px;
font-weight: normal;
color: #464646;
line-height: 30px;
display: block;
width: 100%;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.new_right ul h3 a i {padding-right: 7px;}
.new_right>.select select,.new_right>.select option {
width: 90%;
height: 40px;
border: 1px solid #e1e1e1;
border-radius: 4px;
margin: 10px 5% 7px;
color: #464646;
font-weight: 600;
}
.tin_right .read_more {text-align: center;}
.tin_right .read_more a {
color: #ffffff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin-top: 3px;
background: #68b501;
border-radius: 50px;
padding: 3px 30px 3px;
display: inline-table;
transition: 0.5s;
border: 1px solid #68b501;
}
.banner-detail img {
    width: 100%;
    margin-bottom: 30px;
}
.tin_right .box_right_pro_view:first-child {margin-top: 0}
.box_right_pro_view {
    text-align: left;
    display: inline-block;
    width: 100%;
    clear: both;
    background: #fff;
    padding: 0 10px;
}
.box_right_pro_view h4 {    text-align: center;
margin: 20px 0;
font-size: 25px;
color: #f50a00;}
.box_right_pro_view .marquee ul h4 {
    margin: 0;
}
.title_right_pro_view {
        text-transform: uppercase;
        color: #ffffff;
        text-align: left;
        background: #f50a00;
        font-weight: 400;
        font-size: 18px;
        padding: 9px 20px;
        border-radius: 5px 5px 0 0;
}
.box_right_pro_view>ul {
    list-style-type: none;
    padding-left: 0;
}
.fa-bars:before {
    font-size: 21px;
    padding-right: 0;
}
.new_right ul h4 {    float: right;
width: 100%;
font-weight: 400;
font-size: 15px;
color: #464646;
line-height: 23px;
margin: 5px 0; text-align: left;}
.new_right ul h4>span {color: #68b501;
letter-spacing: 2px; font-weight: bold}
.new_right.new_right_2column ul:last-child {    border-bottom: dotted #CCC 1px;}
.new_right ul:last-child {border-bottom: none;}
.new_right ul li {
list-style: none;
line-height: 0;
float: left;
width: 40%;
position: relative;
overflow: hidden;
display: block;
}
.new_right ul li img {
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.new_right ul h3 {
float: right;
width: 100%;
font-weight: 400;
font-size: 14px;
color: #232324;
line-height: 23px;
height: 45px;
overflow: hidden;
margin-top: 7px;
}
.new_right ul h3 a {
color: #232324;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.new_right ul h3 span {
font-size: 15px;
color: #666;
display: block;
padding-top: 5px;
}
.new_right ul h3 span i {
padding-right: 5px;
font-size: 12px;
}
.new_right h4 a, .thongso_pro h2 a, .more_pro_id a, .xemthem_id_r a {
vertical-align: middle;
font-size: 16px;
font-weight: 500;
padding: 5px 0;
letter-spacing: 0.025em;
color: #fff;
transition: .3s ease-out;
text-transform: capitalize;
display: block;
transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
-moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
text-align: center;
margin: 10px;
background: #68b501;
}
.new_right h4 a:hover, .new_right h4 a:hover, .thongso_pro h2 a:hover, .camket_pro h4 a:hover, .more_pro_id a:hover, .xemthem_id_r a:hover {
color: #fff;
background: #f5111a;
}
.tintuc_box_home {
padding: 0px 0 30px;
}
.left_tt_home {
float: left;
width: 100%;
}
.left_tt_home ul li, .left_tt_home ul li img {
list-style: none;
line-height: 0;
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);/* margin: 6px; */
}
.pro_id .tt_page {border: none; margin: 0}
#news_slide1 .new_id_bs ul h3 a {margin: 0; padding: 7px 0;}
#news_slide1 .new_id_bs ul {
float: right;
width: 100%;
margin: 0;
}
.pro_id #news_slide1 .new_id_bs {    width: calc(100% / 1 - 20px); padding-bottom: 5px;}
.title_page ul .h_title {text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    padding: 9px 20px;
    }
.left_tt_home ul li img:hover, .right_tt_home ul li img:hover, .id_bds ul li img:hover, .project_home_id ul li img:hover, .list_pro_home ul li img:hover, .tintuc_page_id ul li img:hover, .doitac_id ul li img:hover, .project_id ul li img:hover, .hinhanh_id ul li img:hover, .tintuc_home_id ul li img:hover, .pro_id ul li img:hover {
transform: scale(1.2);
opacity: 1;
-webkit-filter: grayscale(0);
}
.new_right ul li img:hover {transform: scale(1.2);
opacity: 1;
-webkit-filter: grayscale(0);}
.left_tt_home ul h3 a {
display: block;
padding: 10px 0px 10px 0px;
color: #464646;
font-size: 14px;
font-weight: normal;
line-height: 23px;
}
.left_tt_home ul h4 {
display: block;
padding: 0 10px;
color: #666;
font-size: 17px;
font-weight: normal;
line-height: 25px;
}
.left_tt_home ul h4 i, .right_tt_home ul h3 span i {
padding-right: 5px;
}
.left_tt_home ul p {
color: #666;
line-height: 28px;
padding: 5px 10px 15px 10px;
text-align: justify;
}
.left_tt_home ul {
float: left;
width: calc(100% / 1 - 20px);
background: #fff;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
margin: 0 10px;
}
.fa-calendar:before {color: #f50a00;}
.right_tt_home {
float: left;
margin: 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.right_tt_home ul {
border: 1px solid #e6e6e6;
padding: 5px;
}
.right_tt_home ul li {
float: left;
list-style: none;
line-height: 0;
width: 30%;
position: relative;
overflow: hidden;
display: block;
}
.right_tt_home ul li img {
width: 100%;
height: auto;
webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.right_tt_home ul h3 {
float: right;
width: 66%;
}
.right_tt_home ul h3 a {
display: block;
color: #464646;
font-size: 14px;
font-weight: normal;
line-height: 23px;
}
.right_tt_home ul h3 a:hover {color: #68b501}
.right_tt_home ul h3 span {
color: #666;
font-size: 15px;
font-weight: normal;
line-height: 22px;
display: block;
padding-top: 3px;
}
.marquee {/* overflow: hidden; *//* height: 420px; */}
.marquee_2 {
overflow: hidden;
height: 30px;

}
.bounce {
height: 30px;
overflow: hidden;
position: relative;
color: #666;

width: 400px;               


}
.bounce p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 30px;

text-align: center;
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
-moz-animation: bouncing-text 5s linear infinite alternate;
-webkit-animation: bouncing-text 5s linear infinite alternate;
animation: bouncing-text 10s linear infinite alternate;
}

@-moz-keyframes bouncing-text {
0% {
-moz-transform: translateX(50%);
}
100% {
-moz-transform: translateX(-50%);
}
}

@-webkit-keyframes bouncing-text {
0% {
-webkit-transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
}
}

@keyframes bouncing-text {
0% {
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}


/*---Menu Mobile---*/
.menu-bar {
  /* padding: 10px 10px 7px 10px; */
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
  left: 10px;
  top: 10px;
  color: #1f323f;
}
#menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow-y: scroll;
  height: 100%;
  /* padding-top: 60px; */
  background: #fff;
  box-shadow: -5px 0 5px rgb(0 0 0 / 20%) inset;
}
#menu .menu-bar {
  z-index: 3;
  position: relative;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 0px;
  background: none;
  color: #f50a00;
  font-size: 22px;
  display: inline-block;
  left: unset;
}
.lnk-menu {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 10px;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}
.lnk-menu:hover {
  color: #399;
}
#menu {
  transform: translate3d(0, 0, 0) translateX(-100%);
  transition: all 0.25s cubic-bezier(0.16, 0.63, 0.45, 0.98);
}
#menu:target {
  transform: translate3d(0, 0, 0) translateX(0);
}
#menu .sidenav {
  height: 100%;
  overflow-x: hidden;
}
/* Style the sidenav links and the dropdown button */
#menu a {
    color: #363f4d;
    display: block;
    cursor: pointer;
    outline: none;
    margin: 0;
}
#menu .menu-btn {
  padding: 10px 0 10px 10px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  text-align: left;
  cursor: pointer;
  outline: none;
  margin: 0;
  border-bottom: dotted 1px #ddd;
}
#menu > .dropdown-container > .dropdown-btn > a,
#menu > .dropdown-container > .dropdown-container > .dropdown-btn > a,
#menu > .dropdown-container > .dropdown-container > .dropdown-container > .dropdown-btn > a {
    text-transform: capitalize;
}
#menu .dropdown-btn.active a {
    color: #f50a00;
}
#menu a.icon {
    padding-right: 20px;
}
#menu .dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#menu .dropdown-btn.single > a {
    width: 100%;
}
#menu .dropdown-container > a {
    padding-left: 15px;
    border-bottom: dotted 1px #ddd;
}
/* On mouse-over */
#menu > a:hover {
  color: #0a3380;;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
#menu .dropdown-container {
  display: none;
  padding-left: 8px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
#menu .sidenav i {
  float: right;
  padding: 5px 5px 5px 0;
}
.mobile-menu-area {
    position: relative;
    z-index: 2;
    width: 100%;
}
.mobile-menu-area .header_top_mobile {
    background: #f50a00;
    border-bottom: solid 1px #fff;
}
.css-1l6j3pm a.hor {
    width: calc(100% / 3 - 20px);
    margin: 5px 5px;
    position: relative;
    line-height: 1.5;
}
.css-1l6j3pm a.ver {
    width: calc(100% / 3 - 10px);
    margin: 5px 5px;
    position: relative;
    line-height: 1.5;
}
.mobile-menu-area .header_mid_mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 10px;
    background: #fff;
}
.mobile-menu-area .logo-mobile {
    width: 30%;
    text-align: center;
    position: relative;
    z-index: 999;
}
.mobile-menu-area .logo-mobile > ul {
    width: 80%;
    padding-left: 10px;
}
.mobile-menu-area .logo-mobile > ul > h3 > a {
    color: #ED1C24;
}
.mobile-menu-area .logo-mobile > ul > h4 > a {
    color: #167ac6;
    text-transform: uppercase;
}
.mobile-menu-area .header_top_mobile ul {
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.mobile-menu-area .header_top_mobile ul li {
    margin: 0 10px;
    color: #fff;
    text-align: center;
    position: relative;
}
.mobile-menu-area .header_top_mobile ul li i {
    border-radius: 3px;
    text-align: center;
    margin-bottom: 3px;
    font-size: 16px;
    color: #fff;
}
/*
.mobile-menu-area .header_top_mobile ul li h3 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.mobile-menu-area .header_top_mobile a span {
    font-size: 15px;
    color: #000;
    background: #fff;
    height: 20px;
    width: 20px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: 2px;
    text-align: center;
    line-height: 12px;
}
*/
.mobile-menu-area .language {
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}
.mobile-menu-area .language a {
    display: block;
    margin: 0;
    margin-left: 5px;
}
.mobile-menu-area .language a img {
    max-width: 25px;
}
/*
.mobile-menu-area .box-search {
    width: 100%;
    padding: 0 10px 20px 10px;
}
*/
#panel-menu .search form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.mobile-menu-area .header-main {
    width: 100%;
}
#panel-menu input[type="text"] {
    width: 80%;
    height: 40px;
    border: solid 1px #ccc;
    padding: 10px;
}
#panel-menu button[type="submit"] {
    width: 20%;
    border: none;
    background: #65c178;
    color: #fff;
    padding: 0 20px;
    height: 40px;
}
.mobile-menu-area .header_menu_mobile {
    width: 10%;
    margin: 0;
}
.header_menu_mobile > a.btn_menu {
    font-size: 20px;
    color: #fff;
    background: #8cbc43;
    padding: 5px 10px;
}
.mobile-menu-area .header-main .nav-danh-muc {
    width: 95%;
    margin: auto;
}
.mobile-menu-area .nav-danh-muc {
    position: relative;
}
.mobile-menu-area .nav-danh-muc .fa-caret-down {
    position: absolute;
    right: 0;
    top: 14px;
}
.tin-moi p a {
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    display: block;
    padding: 10px;
    border-bottom: solid 1px #e0e0e0;
}
.tin-moi p a:hover {
    color: #68b501;
}
.tin-moi p:last-child a {
    border: none;
}
a.ver{color: #1f323f;font-size: 17px;}
.show_dm_mb a{color: #1f323f;}
.tencongty{width: 15%;margin: 0px;}
.tencongty h3{display: block;font-size: 26px;color: #1f323f;}
.tencongty h4{display: block;font-size: 16px;font-weight: normal;padding-left: 10px;color: #151515;}
.toptop{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 100px);}
.box_menu .menu_sp { width: 80%; float: right; }
.box_pagewrap{padding: 0px 10px;background-color: #fff;position: relative;}
.col-dm-home{float: left;padding: 5px;width: 11.11111111%;}
.col-dm-home .bo-dm-home{/* border:1px solid #ddd; */height: 150px;}
.col-dm-home .dm-home-img{height: 90px;text-align: center;display: flex;align-items: center;}
.col-dm-home .dm-home-img a{display: inline-block;vertical-align: middle;width: 65px;height: 65px;background: #f6f6f6;border-radius: 50%;}
.col-dm-home:hover{border-color: #f50a00;}
.col-dm-home .dm-home-img img{object-fit: scale-down;height: 100%;}
.col-dm-home .dm-home-title{text-align: center;line-height: 20px;padding: 10px 0;}
.col-dm-home .dm-home-title a{color: #101010;}
.col-dm-home .dm-home-title a:hover{color: #126bd6;}
.owl-carousel .owl-item .col-dm-home{float: left;padding: 5px;width: 100%;}
.col_thuonghieutop{float: left;width: calc(50% - 20px);margin: 10px;}
.box_danhmuc{min-height: 156px;border-radius: 2px;overflow: hidden;display: flex;align-items: center;margin-bottom: 15px;}
.box_danhmuc .img_danhmuc:hover{box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, 0.13);}
.box_danhmuc .img_danhmuc{float: left;width: 200px;}
.box_danhmuc .img_danhmuc a{display: block;line-height: 0px;}
.box_danhmuc .img_danhmuc img{width: 100%;height: auto;padding: 5px;border: 1px solid #ddd;}
.box_danhmuc .list_danhmuc{float: right;width: calc(100% - 280px);padding: 10px 0;}
.box_danhmuc .list_danhmuc h3{font-size: 20px;padding: 10px 0;}
.box_danhmuc .list_danhmuc ul{list-style: none;}
.box_danhmuc .list_danhmuc ul li{display: block;}
.box_danhmuc .list_danhmuc ul li a{display: block;color: #101010;position: relative;overflow: hidden;}
.box_danhmuc .list_danhmuc ul li a:hover{color: #126bd6;}
.row{margin-right: -10px;margin-left: -10px;}
.row:after{content: ''; display: block;clear: both;}
.banner_home{padding: 0 0 30px 0;}
.banner_home .banner_col{width: 50%;float: left;padding: 0 10px;}
.banner_home .banner_col a{display: block;}
.banner_home .banner_col img{width: 100%; height: auto;}
.list_logo .logo_dm_tt{float: left;padding: 0px 10px;width: 20%;text-align: center;height: 100px;}
.list_logo .logo_dm_tt a{display: block;/* border: 1px solid #ddd; */height: 100%;}
.list_logo .logo_dm_tt img{height: 100%;object-fit: scale-down;}
.danhmuc_home{margin-top: 15px;}
.danhmuc_home .col_danhmuc{float: left;width: 100%;/* background-color: #126bd6; */}
.danhmuc_home .col_danhmuc:nth-child(even){/* background-color: #1f323f; */}
.danhmuc_home .col_danhmuc a{display: flex;padding: 5px 10px;color: #126bd6;text-align: left;min-height: 40px;line-height: 20px;align-items: center;justify-content: left;border-top: 1px solid #e6e6e6;}
.sanpham_ngang .col_ngang{width: 100%;float: left;padding: 20px 0;}
.sanpham_ngang .row_ngang{width: 33%;float: left;padding: 20px 0;height: 160px;}
.sanpham_ngang .row_ngang.row_ngang100{width: 100%;float: left;padding: 20px 0;height: 160px;}
.sanpham_ngang .row_ngang.row_ngang50{width: 50%;float: left;padding: 20px 0;height: 160px;}
.sanpham_ngang .row_ngang .img{float: left;width: 115px;}
.sanpham_ngang .row_ngang .img img{width: 100%; height: auto;}
.sanpham_ngang .row_ngang .info_sp{float: right;width: calc(100% - 115px);padding: 0px 5px;}
.sanpham_ngang .row_ngang .info_sp h3{display: block;}
.sanpham_ngang .row_ngang .info_sp h3 a{color: #151515;font-weight: normal;font-size: 14px;line-height: 22px;}
.sanpham_ngang .row_ngang .info_sp h3 a:hover{color: #126bd6;}
.sanpham_ngang .row_ngang .info_sp h4{display: block;color: #f00;font-weight: bold;font-size: 16px;}
.sanpham_ngang .row_ngang .info_sp h4 span{color: #c1c1c1;text-decoration: line-through;}
.banner_qc_home{padding-bottom: 30px;}
.banner_qc_home img{width: 100%; height: auto;}
.box_pro_sile{padding-bottom: 30px;}
.dv-home-sp-left {width: 20%;float: left;margin: 0;}
.dv-home-sp-left a{display: block;/* height: 105px; *//* padding: 10px; *//* border: 1px solid #ddd; *//* margin-top: 10px; */text-align: center;}
.dv-home-sp-left a img{width: 100%;height: auto;}
.pro_home_id_f {margin: 0;width: 80%;float: right;}
.logo_dm_col{padding: 0 10px; float: left;width: 25%;}
.logo_dm_col .logo_dm_2{height: 100px;}
.list_danhmuc_2 .logo_dm_2 a {display: block;/* border: 1px solid #ddd; */height: 100%;text-align: center;}
.list_danhmuc_2 .logo_dm_2 img{height: 100%; object-fit: scale-down;}
.list_danhmuc_2 .row_danhmuc{background-color: #1f323f;}
.list_danhmuc_2 .row_danhmuc:nth-child(even) { background-color: #126bd6; }
.list_danhmuc_2 .row_danhmuc a{display: block; color: #fff;padding: 5px 10px;}
.left_sanpham{float: left;width: 20%;}
.right_sanpham{float: right;width: 78%;}
.list_danhmuc_name .danhmuc_box{padding: 20px 0;}
.list_danhmuc_name h3 a {display: block;color: #151515;text-transform: uppercase;}
.list_danhmuc_name h3 a:hover{color: #126bd6;}
.list_danhmuc_name .row_danhmuc{display: block;}
.list_danhmuc_name .row_danhmuc a{display: block;color: #000;padding-left: 15px;position: relative;line-height: 24px;}
.list_danhmuc_name .row_danhmuc a:before {content: "\f105";font-weight: 600;font-family: 'Font Awesome 5 Free';position: absolute;left: 0px;top: 0px;}
.list_danhmuc_name .row_danhmuc a:hover{color: #126bd6;}
.hotline_footer{margin-top: 20px;}
.img_ht{float: left;}
.info_img_ht{float: left;margin-left: 8px;}
.info_img_ht h4{display: block;font-weight: normal;}
.info_img_ht span{display: block;color: #f00;font-size: 20px;font-weight: 500;}
.social_footer a{background-color: #f50a00;color: #fff;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 20px;border-radius: 50%;margin-right: 10px;}
.col_danhmuc_slide{float: left;width: 50%;padding: 10px 10px;}
.logo_danhmuc{display: block;border: 1px solid #ddd;}
.logo_danhmuc a{display: block;}
.logo_danhmuc img{width: 100%;height: 92px;object-fit: scale-down;}
.tiltle_small {color: #151515;margin: 0;font-size: 22px;font-weight: bold;margin-bottom: 0;line-height: 30px;text-transform: initial;padding: 5px 0;}
a.viewmode{color: #126bd6;}
.bg_footer{background: url(../images/ic_map_big.png) no-repeat left center;}
.box_right{padding: 15px;background-color: #fff;margin-bottom: 20px;}
.hotrogioithieu h3{padding: 10px; font-size: 20px;}
.content_box_right p{line-height: 22px; margin-bottom: 12px;}
.hotronhanh247{background-color: #f50a00;padding: 10px;margin-bottom: 20px;}
.hotronhanh247 .img_ht{float: left;width: 35px;}
.hotronhanh247 .info_img_ht{float: left;line-height: 22px;width: calc(100% - 43px);}
.hotronhanh247 .info_img_ht h4{color: #fff;}
.hotronhanh247 .info_img_ht span{color: #fff;font-size: 16px;font-weight: 600;}
.content_box_right h4{text-transform: uppercase;}
.content_box_right a{color: #126bd6;}
.margintop20{margin-top: 20px;}
.box_white{padding: 20px; background-color: #fff;}
.news_col {margin-bottom: 15px;width: 100%;/* box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%); */}
.news_col .news_img {list-style: none;line-height: 0;width: 100%;position: relative;overflow: hidden;display: block;}
.news_col .news_img:hover img { transform: scale(1.2); transition: 1s; } 
.news_col .news_img img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); }
.news_col .news_img a::after { background: #232323 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; }
.news_col .news_content {width: 100%;padding: 10px;}
.news_col .news_content .calendar{color: #f50a00; font-size: 14px;}
.news_col .news_content h3 a {font-size: 16px;font-weight: 400;color: #333;padding-bottom: 5px;display: block;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;margin-top: 5px;line-height: 24px;}
.news_col .news_content p { font-size: 15px; font-weight: 400; color: #515151; line-height: 25px; padding-top: 5px; text-align: left; margin-top: 5px; height: 50px; overflow: hidden; }
.gioithieu_dm{/* margin-bottom: 20px; */line-height: 22px;}
.sort-cate{padding-top: 20px;}
.sort-cate-left{float: left;}
.sort-cate-left a{color: #151515;font-size: 24px;}
.sort-cate-left a.active{color: #f50a00;}
.sort-cate-right {
    float: right;
}
.sort-cate-right h3 {
    color: #222;
    font-size: 16px;
    float: left;
    margin: 0;
    font-weight: normal;
}
.sort-cate-right select{height: 30px; width: 200px;}
.marginbottom30 {margin-bottom: 30px;}
.page_sanpham_view {margin-bottom: 30px;}
.share_social a{display: inline-block;padding: 5px 10px;color: #fff;text-align: center;width: calc(25% - 35px);float: left;margin: 0 10px 10px 0;}
.share_social a.facebook{background-color: #1877f2}
.share_social a.pinterest{background-color: #cb2027}
.share_social a.twitter{background-color: #03a9f4}
.share_social a.instagram{background-color: #f6a848}
.camket{padding: 10px 0;}
.camket .row_camket{display: block;margin-bottom: 10px;}
.camket .row_camket img{display: inline-block;vertical-align: middle;}
.camket .row_camket span{display: inline-block;vertical-align: middle;}
img#imgLogo{width: 152px; height: auto;}
.show_dm_mb{display: none;}
.title_footer_right{position: relative;}
a.arrow_footer{display: none;position: absolute;color: #151515;z-index: 99;right: 0px;top: 8px;}
a.arrow_footer:before { content: "\f054"; display: block; font-weight: 600; font-family: 'Font Awesome 5 Free'; }
a.arrow_footer.a_show:before{content: "\f078";}
.mobile{display: none;}
.desktop{display: block;}
.box_search_mb{position: absolute;left: 0px;right: 0px;top: 0px;/* bottom: 0px; */background: #fff;z-index: 998;}
.close_search{display: flex;text-align: right;height: 70px;align-items: center;justify-content: right;}
.close_search a{color: #f50a00;font-size: 22px;margin-right: 10px;}
.head_menu{border-bottom: 1px solid #f50a00;position: relative;}
.head_menu h3{display: block;padding: 10px 30px;font-weight: 600;}
.dv-home-dmsp{margin-bottom: 30px;}
.dv-home-brand{margin-bottom: 30px;}
.list_logo{/* padding-bottom: 10px; */border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;}
.list_danhmuc_2{/* padding-bottom: 10px; */border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;}
.show_sanpham { max-height: 600px; overflow: hidden; position: relative; }
.show_sanpham::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff)); background: linear-gradient(transparent,#fff); }
a.button-more {display: block;width: 200px;color: #126bd6;text-align: center;border: 1px solid #126bd6;margin: 0 auto;padding: 5px;font-size: 16px;font-weight: bold;}
a.button-more:hover{background-color: #126bd6; color: #fff;}
.list_danhmuc_head{display: block;}
.list_danhmuc_head .danhmuc_box{width: 49.5555%;display: inline-block;padding: 10px 0;vertical-align: top;}
.list_danhmuc_head h3 a {display: block;color: #151515;text-transform: uppercase;}
.list_danhmuc_head h3 a:hover{color: #126bd6;}
.list_danhmuc_head .row_danhmuc{display: block;}
.list_danhmuc_head .row_danhmuc a{display: block;color: #000;padding-left: 15px;position: relative;line-height: 24px;}
.list_danhmuc_head .row_danhmuc a:before {content: "\f105";font-weight: 600;font-family: 'Font Awesome 5 Free';position: absolute;left: 0px;top: 0px;}
.list_danhmuc_head .row_danhmuc a:hover{color: #126bd6;}
.icon-fixed-right-group a:first-child {
    margin-top: 0
}

.icon-fixed-right-group a {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 40px;
    display: block;
    margin-top: 5px
}

.icon-fixed-right-group a i {
    line-height: inherit
}

.icon-fixed-right-group {
    width: 40px;
    position: fixed;
    right: -100%;
    transition: .45s all;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.icon-fixed-right-group.active {
    right: 5px;
    transition: .45s all
}

.icon-fixed-right-group a:nth-child(1),
.icon-fixed-right-group a:nth-child(3),
.icon-fixed-right-group a:nth-child(4),
.icon-fixed-right-group a:nth-child(5) {
    background: #4267b2
}

.icon-fixed-right-group a:nth-child(6) {
    background-color: #825b39;
}

.icon-fixed-right-group a:nth-child(2),
.icon-fixed-right-group a:nth-child(7) {
    background: red
}

.icon_zalo {
    background: url('../images/zalo-page.png') no-repeat;
    background-size: contain
}
.padding20{padding: 20px 0;}
.col100{width: 100%;}
.innghieng{font-style: italic;}
.viewmore{margin-right: 0px;}
.viewmore a{display: inline-block;color: #126bd6;padding: 5px 15px;font-size: 16px;}
.logo_thuonghieu .thuonghieu {
    float: left;
    width: calc(100% / 5 - 20px);
    margin: 20px 10px 0;
    -webkit-transition: all .3s ease;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    text-align: center;
}
.logo_thuonghieu .thuonghieu img{/* width: 100%; *//* height: auto; */}