.header_top span{
    margin-left: 20px;
    
}
.nut{
    margin-top: 5px;
    background-color:#036; border: solid 1px #FFFFFF; border-radius:16px; padding:3px; width:100px; 
}
.nut a{
    font-size: 12px !important;
}
.text_info_contact img {
    width: 105px;
    margin-right: 10px;
}
li.menu_item {
    padding: 10px;
}
.text_info_contact {
    display: flex;
}
section.product_category {
   
}
.col_pro, .col_sub {
    padding: 0;
}
.mota_danhmuc {
    font-family: 'Quicksand-Regular';
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
}
.sub_row {
    background: #fff!important;
}

.wraper_pro, .sub_row {
    margin: 0;
}
.list_cate_detail {
    margin-bottom: 20px;
}
.slide_about .slider_row {
    margin-top: 10px;
}
.list_cate_detail .tit_dm {
    background: #114b92;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    margin: 0;
}
.icon_dm {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 10px;
}
.icon_dm span {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.icon_dm span:before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 20%;
    width: 60%;
    height: 1px;
    background: #fff;
    -webkit-box-shadow: 0 12px 0 #fff;
    box-shadow: 0 12px 0 #fff;
}
ul.as_menu_detail {
    position: relative;
    z-index: 2;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #fff;
}
li.dropdown_dm {
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.dropdown_dm a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    padding: 11px 10px 7px 5px;
    border-bottom: 1px solid #e5e5e5;
}
ul.dropdown_sub {
    /*position: absolute;*/
    list-style-type: none;
    padding: 0px 0px;
    width: 100%;
    top: 0px;
    left: -9999px;
    z-index: -1;
        padding-left: 20px;
    /*background: rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(0.7, 1);
    -ms-transform: scale(0.7, 1);
    transform: scale(0.7, 1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);*/
}
/*.dropdown_dm:hover > .dropdown_sub {
    display: block;
    z-index: 999;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: -webkit-calc(100%);
    left: calc(100%);
}*/
ul.dropdown_sub li a {
    color: #db8708;
}
li.dropdown_dm:after {
    font-family: fontAwesome;
    /*content: "\f105";*/
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

ul.page_list_head {
    background: unset;
    display: flex;
    /* justify-content: center; */
    padding: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    background: #114b92;
    color: #fff;
    margin-bottom: 15px;
}
ul.page_list_head li {
    font-size: 16px;
}
ul.page_list_head li a {
    font-size: 16px;
    font-family: 'Quicksand-Bold';
    color: #fff;
}
ul.page_list_head li:before {
    content: "/";
    padding: 0 10px;
    font-family: 'FontAwesome';
    color: #fff;
}
ul.page_list_head li:first-child:before{
    content: none;
}
.product_detail_bg {
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 3%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 3%);
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px 30px;
}
.slide_about {
    border-right: 1px solid #ebebeb;
    margin-top: 12px;
}
.slider_row .column {
    width: 20%;
    border: 1px solid #c78d35;
    cursor: pointer;
}
.title_pro_detail_head h2 {
    /* border-bottom: 1px solid #eee; */
    padding: 10px 1.25rem 10px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.375;
    color: #223771;
    margin-bottom: 10px;
    font-family: 'Quicksand-Bold';
}
.line_pro {
    margin: 1.25rem 0;
    border-top: 1px solid #ebebeb;
}
.product_purchase .flex {
    align-items: end;
}

.flex {
    display: flex;
}
.add-to-cart {
    width: 50%;
}
.text_number_detail {
    line-height: 40px;
    font-family: 'Quicksand-Bold';
}
.add-to-cart button.add-cart__btn {
    background-color: #3853a4;
    color: #fff;
}

.add-cart__btn {
    margin: 15px 0 0 0;
    width: 100%;
    background-color: #bb0029;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: white;
    background-size: 26px;
    transition: .4s all;
    text-align: center;
    background-position: 24px;
    padding: 13px;
    border: none;
    font-family: 'Quicksand-Bold';
}
.search_add {
    width: 50%;
    margin-left: 15px;
}
.search_add a {
    border: 1px solid #ebebeb;
    background-color: #f2f7fc;
    color: #223771;
    font-size: 14px;
    border-radius: 50px;
    width: 100%;
    height: 40px;
    padding: 10px 24px;
    font-weight: 600;
    line-height: 35px;
    font-family: 'Quicksand-Bold';
}   
p.old-price {
    line-height: normal;
    font-size: 20px;
    color: #808080;
    text-decoration: line-through;
    margin-bottom: 5px;
    font-family: 'Quicksand-Regular';
}
p.new-price {
    color: #DD4A4A;
    line-height: normal;
    font-size: 27px;
    font-family: 'Quicksand-Bold';
}
.operator__btn {
    background-color: #f9f9f9;
    color: #888;
    border: 1px solid #ddd;
    text-transform: none;
    padding: 5px 14px;
    font-size: 16px;
    font-weight: bold;
}
.slider_right_pro .mySlides img {
   
    object-fit: fill;
}
.slider_right_pro .mySlides {
    /*height: 450px;*/
    overflow: hidden;
}
.thongso, .desc_pro {
    background: #fff;
    padding: 20px 0 0;
    margin-bottom: 20px;
}
.title_lq {
   /* padding: 0 20px;*/
}
.title_lq h2 {
    display: inline-block;
    color: #292BB7;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 3px solid #292BB7;
    padding-bottom: 5px;
    margin: 0;
   
    /* border-bottom: 1px solid #ececec; */
    margin-bottom: 0;
    /* padding: 0 20px; */
}
.mota_detail {
    padding: 20px;
    font-size: 16px;
    color: #20315c;
    
}
.product_lq .title_lq {
    border-bottom: 1px solid #ececec;
    margin-bottom: 0;
    padding: 0 20px;
    background: #fff;
    padding-top: 20px;
}
.slide_pro_detail {
    display: inline-block;
    background: #fff;
    width: 100%;
}
.box_product_home {
    border-left: 0.5px solid rgba(41,43,183,.2);
    border-bottom: 0.5px solid rgba(41,43,183,.2);
    padding: 15px;
    position: relative;
}
.box_product_home:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    left: 0;
    height: calc(100% + 40px);
    -webkit-box-shadow: 0 3px 17px rgb(0 0 0 / 16%);
    box-shadow: 0 3px 17px rgb(0 0 0 / 16%);
    background: #fff;
    border-radius: 0;
    border: solid 0 #dee2e6;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
.box_product_home:hover:before {
    opacity: 1;
}
.box_product_home:hover {
    z-index: 3;
}
.box_product_home .pro_item {
    padding-bottom: 100px;
}

.box_product_home .pro_item {
    position: relative;
    overflow: hidden;
}
.picture_prod {
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.picture_prod img {
    height: 100%;
    object-fit: contain;
}
.picture_prod span {
    position: absolute;
    top: 10px;
    right: 0;
    height: 27px;
    width: 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 27px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #ff2727;
    margin-bottom: 10px;
}
.title_product {
    position: absolute;
    background: #fff;
    width: 100%;
    padding-top: 10px;
    transition: all .35s;
    -o-transition: all .35s;
    -moz-transition: all .35s;
    -webkit-transition: all .35s;
    /* bottom: -40px; */
}
.title_product h4 {
    font-family: 'Quicksand-Bold';
    position: relative;
    padding: 0;
    color: #20315c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 0;
    height: 45px;
    font-weight: 600;
}
.price_box, .installment {
    display: inline-block;
}
.price_old {
    font-family: 'Quicksand-Regular';
    font-size: 14px;
    color: #9a9a9a;
    text-decoration: line-through;
}
.price_new {
    font-size: 18px;
    color: #ff3c3b;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Quicksand-Bold';
}
.box_product_home:hover .pro_item {
    overflow: visible;
}
.box_product_home:hover img {
    transition: 1.2s;
    transform: scale(1.2);
}
.box_product_home .view_detail {
    opacity: 0;
}
.box_product_home .view_detail:hover {
    background-color: #292bb7;
}
.view_detail {
    font-family: 'Quicksand-Bold';
    margin-top: 10px;
    text-align: center;
    border: none;
    height: 33px;
    line-height: 33px;
    color: #fff;
    display: block;
    border-radius: 4px;
    background-color: #fe2c2b;
    transition: all .35s;
    -o-transition: all .35s;
    -moz-transition: all .35s;
    -webkit-transition: all .35s;
    text-decoration: none;
}


.box_product_home:hover .view_detail {
    opacity: 1;
}
.box_tuvan {
    padding: 20px 0;
}
.content_tuvan h3 {
    color: #222b45;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Quicksand-Bold';
}
.content_tuvan p {
    margin: 10px 0 0;
    font-size: 14px;
    color: #666;
    font-family: 'Quicksand-Regular';
}
.write_news_sidebar h3 span {
    background: linear-gradient( 275deg ,#17ffff 0%,#0049fd 100%)!important;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
ul.post_news li {
    counter-increment: li;
    list-style: none;
    padding: 10px 0;
    margin: 0 0 10px 0;
    line-height: 18px;
    border-bottom: 1px solid #e5e5e5;
}
ul.post_news li:before {
    float: left;
    padding: 5px 10px 5px 10px;
    background: #288ad6;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    position: relative;
    margin-right: 10px;
    border-radius: 50%;
    margin-bottom: 7px;
    content: counter(li);
}
ul.post_news li span {
    text-transform: lowercase;
    display: block;
    font-family: 'Quicksand-Regular';
    font-size: 16px;
    color: #333;
    outline: none;
}
.write_news_sidebar h3 {
    margin: 20px 0;
}
section.danhmuc_product {
    background-color: #f1f4fb;
    padding: 10px 0;
}
.picture_tuvan img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.picture_tuvan {
    height: 230px;
    overflow: hidden;
}
.text_banner_cate h5 {
    line-height: 1.3;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    color: #222b45;
    font-size: 18px;
    font-family: 'Quicksand-Bold';
}
.banner_right_new .picture_box_banner, .box_list_mid .picture_box_banner {
    height: 200px;
    overflow: hidden;
}
.box_list_mid {
    margin-bottom: 30px;
}
.picture_box_banner img {
    height: 100%;
    object-fit: cover;
}
.content_top {
    background: #f1f4fbb5;
    padding: 5px 0;
}
.icon_top {
    float: right;
}
.content_top .row.d_flex {
    align-items: center;
}
.address_company p {
    font-size: 16px;
    letter-spacing: -0.3px;
    font-family: 'Quicksand-Bold';
}
.mess img, .zalo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mess , .zalo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    /*margin-bottom: 12px;*/
}
.icon_fixed {
    right: 27px;
    bottom: 100px;
}
.icon_fixed {
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
}
.fix_mb {
    display: flex !important;
    background: #3c57a6;
    margin-bottom: 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.fix_mb span a {
    color: #fff;
}
.inbox_zl span {
    padding: 0 7px;
    /*width: 135px;*/
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}
.fix_mb.inbox_zl {
    background: #01b0ef;
}
.inbox_mess span {
    padding: 0 10px;
    /*width: 150px;*/
    cursor: pointer;
        font-weight: 600;
    font-size: 16px;
}

@font-face {

  font-family: 'Quicksand-Regular';

  src: url('../fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),

  url('../fonts/Quicksand-Regular.woff') format('woff'), url('../fonts/Quicksand-Regular.ttf')

  format('truetype'), url('../fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Roboto_Bold';

  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),

  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')

  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Quicksand-Bold';

  src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),

  url('../fonts/Quicksand-Bold.woff') format('woff'), url('../fonts/Quicksand-Bold.ttf')

  format('truetype'), url('../fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Roboto-Medium';

  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),

  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')

  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');

  font-weight: normal;

  font-style: normal;

}

.content_mid .row.d_flex {

    align-items: center;

}

.content_mid {

    background: #f9f9f9;
    height: 40px;

}

.chu_t2{

    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;

}

.mota_gia{
    font-size: 20px
}


 .banner-big {
    color: #666;
    font-size: 1.5rem;
    line-height: 1.6;
}
.banner img {
    display: block;
    max-width: none;
    width: 100%;
    height: 260px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.banner-overlay>a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.25);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}
.banner-content {
    max-width: none;
    left: 0;
    right: 0;
    text-align: center;
}

.banner-big .banner-title a{
  color: #fff;
}
.banner-big .banner-title {
    width:100%;
    
    position: absolute;
  top:60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  
  padding:5px 5px;
  
    font-weight: 700;
   
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}


.img-box img {
  width: 100%;
  transition: transform 0.35s ease;
}

.img-box:hover img {
  transform: scale(1.05);
}



.img_head {

    margin: 7px auto;

}

a.logo_pc img {

    width: 80px;

}

.box_header_mid {

    align-items: center;

}

.d_flex {

    display: flex;

}

.search_bar {

    margin-right: 15px;

    padding: 17px 0px;

    position: relative;

}

.search_bar form {

    border-radius: 6px;

    border: 1px solid transparent;

    position: relative;

    z-index: 9;

}

.form_groups {

    background: #e5f6ff;

    border-radius: 80px;

}

.form_item input.form-control {

    background: #fff;

    width: 100%;

    border-radius: 5px;

    padding: 3.5px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.form_item input {

    font-style: normal;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    width: 730px;

    padding: 5px 15px;

    border-radius: 50px;

    height: 42px;

    line-height: 42px;

    font-size: 13px;

    margin-bottom: 0px;

}

button.primary_btn {

    position: absolute;

    top: 6px;

    right: 6px;

    color: #2d2e7f;

    padding: 1px;

    font-size: 18px;

    border-radius: 50%;

    border: 0;

    border-left: 0px solid #2d2e7f;

    margin: 0;

    background: #FFD749;

    height: 30px;

    text-align: center;

    width: 30px;

    line-height: 30px;

    min-height: auto;

}

.hotline_info {

    z-index: 1;

    text-align: center;

    padding: 14px 5px;

    position: relative;

    -webkit-transition: all .35s;

    transition: all .35s;

    color: #fff;

    font-size: 13px;

}

.item_link_phone a:hover {

    background: #7879FE;

}



.item_link_phone a {

    font-family: 'Quicksand-Bold';

    color: #fff;

    display: flex;

    align-items: center;

    line-height: 20px;

    font-size: 16px;

    background: #db8708;

    padding: 10px 15px;

    border-radius: 200px;

    font-weight: 600;

} 

.item_link_phone a img {

    margin-right: 5px;

}

.card_header {

    border-left: 0px solid #d2d2d2;

    padding-left: 5px;

}

.mini_card a:hover {

    background: #FFE68F;

}

.mini_card a {

    background: #f5bd39;

    padding: 11.2px 15px;

    position: relative;

    border-radius: 200px;

    font-size: 16px;

    color: #ffffff;

    font-family: 'Quicksand-Bold';

}

.mini_card a i {

    font-size: 22px;

    margin-right: 2px;

}

.mini_card a span {

    height: 19px;

    width: 19px;

    background: #f43a3a;

    line-height: 19px;

    position: absolute;

    right: 3px;

    border-radius: 50%;

    top: -7px;

    z-index: 2;

    text-align: center;

    font-size: 12px;

    color: #fff;

}

.khoitaisao{

    background-image: url(../img/ha-long-tour.jpg) ;
    height: auto;
    padding-bottom: 20px;
}

.basic_img{
    
    width:60px;
   
}


.cot_50 {
    padding: 5px;
    background: #fff;
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 15px;
    border-radius: 15px;
}

.item .thumb {
    display: inline-block;
    
    float: left;
    margin-right: 8px;
}

.item .text h3 a {
    color: #FE7202;
    font-weight: bold;
    font-size: 18px;
}

section.banner_home, .slide_product, .news_home, .about_home, .box_home_product {

    background-color: #f1f4fb;

}

.banner_home .wraper_bn {

    background: #fff;

}



.wraper_bn {

    margin: 0 -5px;

}

.col_bn {

    padding: 0 5px;

}

.box_slide_bn {

    height: 368px;

    overflow: hidden;

}

.box_slide_bn img {

    height: 100%;

    object-fit: cover;

}

button.owl-next, button.owl-prev {

    position: absolute;

    /* font-size: 0; */

    border: none;

    background-color: rgb(0 0 0 / 60%) !important;

    opacity: 1 !important;

    border: none;

    outline: none!important;

    border-radius: 0 !important;

    z-index: 1 !important;

    color: #fff !important;

    width: 38px !important;

    height: 38px !important;

}

.box_right_bn {

    background: #fff;

}



.banner_home .title_top_flashsale h2 {

    border-bottom: 1px solid #dee2e6;

}



.title_top_flashsale h2 {

    font-size: 20px;

    font-weight: 700;

    padding: 15px 10px;

    text-transform: uppercase;

}

.title_top_flashsale h2 a {

    color: #212529;

    letter-spacing: 0;

    font-family: 'Quicksand-Bold';

}

span.d_ov {

    width: 1em;

    height: 13px;

    color: #212529;

    letter-spacing: 0;

    position: relative;

    display: inline-block;

    margin-left: 8px;

}

span.ringring {

    border: 3px solid #f53d2d;

    border-radius: 50%;

    height: 1pc;

    width: 1pc;

    left: -4px;

    top: -4px;

    animation: pulsate 1s ease-out;

    animation-iteration-count: infinite;

    opacity: 0;

    color: #212529;

    letter-spacing: 0;

    position: absolute;

    display: inline-block;

}

@keyframes pulsate {

  0% {

    -webkit-transform: scale(0.1);

    opacity: 0;

}



50% {

    opacity: 1;

}

100% {

    -webkit-transform: scale(1.2);

    opacity: 0;

}

}

span.circle {

    color: #212529;

    letter-spacing: 0;

    width: 8px;

    height: 8px;

    background-color: #f53d2d;

    background-color: #f53d2d;

    border-radius: 50%;

    top: 0;

    left: 0;

    position: absolute;

    display: inline-block;

}

.box_new_km {

    max-height: 312px;

    overflow: auto;

    background: #fff;

}

.box_km {

    padding: 10px 0;

}

.image_bn_right {

    min-width: 100px;

    max-width: 100px;

}

.image_bn_right img {

    height: 100%;

    object-fit: cover;

    border-radius: 7px;

}

.title_km {

    padding-left: 10px;

}

.title_km h4 {

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-word;

    -webkit-line-clamp: 2;

    line-height: 21px;

    font-family: 'Quicksand-Bold';

    font-size: 16px;

}

.title_km p {

    font-size: 13px;

    font-weight: 400;

    color: #4c4c4c;

}

.box_new_km::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: rgb(247 148 31);

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);

}

.box_new_km::-webkit-scrollbar {

    width: 8px;

}

.box_new_km::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

.title-main {

    display: block;

    z-index: 10;

    margin-bottom: 15px;

    position: relative;

    border-bottom: 2px solid #db8708;

}

.title-main h2 {

    position: relative;

    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

    color: #fff;

    font-size: 14px;

    padding-left: 20px;

    height: 37px;

    line-height: 37px;

    background: #db8708;

    display: inline-block;

    font-family: 'Quicksand-Bold';

}

.title-main h2:before {

    content: '';

    height: 39px;

    width: 18px;

    position: absolute;

    top: 0;

    left: 0;

    background: #db8708;

    background-size: 100% 100%;

}

.title-main h2:after {

    content: '';

    height: 37px;

    width: 52px;

    position: absolute;

    top: 0;

    left: 100%;

    background: url(../img/no.png);

    background-size: 100% 100%;

}

.prod_item {

   

}



.box {

    transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;

    transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;

}

.box {

    width: 100%;

    position: relative;

    margin: 0 auto;

}

.box:before {

    content: "";

    display: table-cell;

}

.image_prod {

    position: relative;

    height: 170px;

    margin: 0 auto;

    overflow: hidden;

        background: #fff;

} 

.prod_item a img {

    height: 100%;

    object-fit: contain;

    width: 100%;

}

.prod_item:hover img {

  transition: 1.2s;

  transform: scale(1.2);

}

.prod_item:hover .content .text-center a {

  color: #db8708;

}



/*img.back-image {

    right: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

    font-family: 'object-fit: cover;';

}

.show-on-hover {

    opacity: 0;

    transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;

    transition: opacity .5s, transform .3s, max-height .6s, filter .6s;

    transition: opacity .5s, transform .3s, max-height .6s, filter .6s, -webkit-transform .3s, -webkit-filter .6s;

    -webkit-filter: blur(0);

    filter: blur(0);

    pointer-events: none;

}*/

.mota{
  
 display: -webkit-box;
  -webkit-line-clamp:2;   /* số dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;

}
.content {

    margin-top: 0;

}

.content .text-center {

    text-align: center!important;

    height: 150px;

    margin-top: 0px;

    padding: 0px 9px 66px;

    

}

.content .text-center a {

    color: #000;

    margin-bottom: 5px;

    font-weight: bold;

    /* font-family: 'Roboto-Regular'; */

    font-family: 'Quicksand-Bold';

    font-size: 16px;

    line-height: 28px;

    /* height: 38px; */

    overflow: hidden;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    /* font-weight: 500; */

}

.click_me> a {

    color: #000;

    font-size: 16px;

    font-weight: bold;

    font-family: 'Quicksand-Bold';

    display: inline-block;

    width: 100%;

    padding: 0px 0px 8px;

    /* background: #036b12; */

    position: relative;

    top: 10px;

    margin-bottom: 10px;

}
.prod_item {
    margin-bottom: 50px;
}
ul.as_menu_detail {
    margin: 0;
    border: 1px solid #eee;
    padding: 3px 3px 15px 3px;
}
li.menu_about_price{
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.as_menu_detail li a {
    font-size: 16px;
    font-family: 'Quicksand-Bold';
}

.menu_about_price a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    padding: 11px 10px 7px 5px;
    border-bottom: 1px solid #e5e5e5;
}

.click_me p b {

    color: #FF3838;

    margin: 0 0 2px;

    font-size: 16px;

    font-weight: 700;

    font-family: 'Quicksand-Bold';

}

.about_home, .box_home_product {

    padding: 30px 0;

}
section.slide_product {
    margin-bottom: 30px;
}
.prod_item.box:hover {

    /*border: 1px solid #db8708;*/

}



.qts_footer_mid {

    

    background: #1a1a1a;

    padding: 40px 0 15px;

}

.qts_footer_mid .footer-panel .footer_title {

    color: #fff;

    font-weight: 700;

    font-size: 15px;

    line-height: 20px;

    margin-bottom: 10px;

    text-transform: uppercase;

}

.footer-panel .footer-panel-body .contact li {

    font-size: 16px;

    color: #fff;

    margin-bottom: 17px;

}

.footer-panel .footer-panel-body .contact .location::before {

    content: '\f041';

}

.footer-panel .footer-panel-body .contact .phone::before {

    content: '\f095';

}

.footer-panel .footer-panel-body .contact .email::before {

    content: '\f0e0';

    

}

.footer-panel .footer-panel-body .contact li::before {

    font-family: FontAwesome;
    float: left;
    margin-left: 0px;
    width: 15px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin-top: -4px;
    padding-right: 23px;

}

.footer_follow > li {

    float: left;

    margin-right: 10px;

}

.footer_follow > li > a.facebook {

    background: #024B7E;

}

.footer_follow > li > a.google {

    background: #F10E00;

}

.footer_follow > li > a.skype {

    background: #01b0ef;

}

.footer_follow > li > a.rss {

    background: #f36523;

}

.footer_follow > li > a {

    height: 30px;

    width: 30px;

    display: block;

    line-height: 30px;

    font-size: 16px;

    text-align: center;

    color: #FFF;

    border-radius: 50%;

}

.footer-panel-body .contact a {

    color: #fff;

}

.footer-panel .footer-panel-body .contact li {

    font-size: 13px;

    color: #fff;

    margin-bottom: 10px;

}

.title_top_new {

    /*background: #fff;*/

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}

.title_top_flashsale {

    background: #fff;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}

.title_top_new h2 {

    font-size: 20px;

    font-weight: 700;

    padding: 15px 10px;

    text-transform: uppercase;

    text-align: center;

}

.title_top_new h2 a {

    color: #212529;

    letter-spacing: 0;

    font-family: 'Quicksand-Bold';

}

.box_slide_sale {

    /*border-top: 1px solid #dee2e6;*/

    /*background: #fff;*/

    padding: 10px;

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

}

.picture_news {

    position: relative;

}

.position_new {

    position: relative;

    height: 160px;

    overflow: hidden;

}

.position_new img {

    height: 100%;

    object-fit: cover;

}

.date_new {

    color: #ffffff;

    top: 10px;

    left: -5px;

    background: #f7941f;

    padding: 3px 7px;

    line-height: normal;

    z-index: 9;

    position: absolute;

    text-align: center;

}

.date_new p {

    font-size: 18px;

    font-weight: 700;

    font-family: 'Quicksand-Bold';

}

.date_new span {

    font-size: 12px;

    font-family: 'Quicksand-Regular';

}

.content_video_home h3 {

    font-weight: 700;

    font-size: 17px;

    margin-top: 7px;

    line-height: 23px;

    margin-bottom: 10px;

    font-family: 'Quicksand-Bold';

}

.content_video_home h3 a {

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-word;

    -webkit-line-clamp: 1;

}

.content_video_home p {

    -webkit-line-clamp: 3;

    height: auto;

    line-height: 21px;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break: break-word;

    font-family: 'Quicksand-Regular';

    margin-bottom: 10px;

}

.box_new_home {

    background: #fff;

    /*padding: 10px 5px;*/

    border-radius: 4px;

}

.content_video_home {

  padding: 10px 5px;

}

.title_top_new h2 span:after {

    background: #114b92;

    content: '';

    display: block;

    height: 3px;

    width: 15%;

    margin: 6px auto;

}



.position_new:before, .position_new:after {

    content: "";

    background: rgba(243, 238, 238, 0.45);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    z-index: 1;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.position_new:hover:before {

    opacity: 1;

    top: 50%;

    bottom: 50%;

}

.position_new:hover:after {

    opacity: 1;

    left: 50%;

    right: 50%;

}

section.news_home {

    padding-bottom: 30px;

}

.box_about_image:before, .box_about_image:after {

    content: "";

    background: rgba(243, 238, 238, 0.45);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    z-index: 1;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.box_about_image:hover:before {

    opacity: 1;

    top: 50%;

    bottom: 50%;

}

.box_about_image:hover:after {

    opacity: 1;

    left: 50%;

    right: 50%;

}

h2.title_head_content {

    position: relative;

    margin-bottom: 20px;

    font-family: 'Quicksand-Bold';

    color: #2b2b2b;

    font-size: 34px;

    line-height: 44px;

}

.box_content_text p {

    margin-bottom: 10px;

    font-size: 16px;

    line-height: 25px;

    font-family: 'Quicksand-Regular';

}

h2.title_head_content:before {

    content: '';

    position: absolute;

    width: 75px;

    height: 2px;

    background-color: #223e99;

    /* left: calc(7% - 37.5px); */

    bottom: -10px;

}

a.smooth_xemthem {

    display: inline-block;

    padding: 10px 35px 12px;

    border-radius: 30px;

    font-size: 16px;

    background-color: #114b92;

    color: white;

    font-family: 'Quicksand-Bold';

    margin-top: 50px;

}





.call-now-button {

    display: none;

    z-index: 9999;

    clear: both;

    margin: 0 auto;

    position: fixed;

    border-radius: 50px;

}

.call-now-button {

    display: flex !important;

    background: #3c57a6;

}

.call-now-button {

    background: #f10e00;

    right: 25px;

    /* top: 88%; */

    bottom: 50px;

}

.call-now-button div {

    display: flex;

}

.call-now-button .call-text {

    color: #fff;

}



.call-now-button div p {

    color: #fff;

    display: table;

    padding: 10px;

    border-radius: 21px;

    height: 34px;

    line-height: 14px;

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

    margin: 8px 65px 8px 5px;

    text-transform: uppercase;

    /*font-weight: normal;*/

    text-align: center;

    box-sizing: content-box;

    text-decoration: none !important;

    box-sizing: border-box;

}

.call-now-button p.call-text a {

    color: #fff;

}

.quick-alo-ph-circle {

    width: 100px;

    height: 100px;

    top: -25px;

    right: -25px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 5px solid rgba(30, 30, 30, .4);

    opacity: 1;

    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;

    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;

    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;

    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;

    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.quick-alo-ph-circle-fill {

    width: 80px;

    height: 80px;

    top: -15px;

    right: -15px;

    position: absolute;

    background-color: #000;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: 0.5;

    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.quick-alo-ph-btn-icon.quick-alo-cart-img-circle {

    background: url(../img/iphone.jpeg) no-repeat center center;

    background-size: 40px 40px;

}

.quick-alo-ph-btn-icon {

    width: 50px;

    height: 50px;

    top: 0;

    right: 0;

    position: absolute;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: 1;

    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;

    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;

    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

@keyframes quick-alo-circle-anim {

  0% {

    -webkit-transform: rotate(0) scale(.5) skew(1deg);

    -webkit-opacity: .1;

}



30% {

    -webkit-transform: rotate(0) scale(.7) skew(1deg);

    -webkit-opacity: .5;

}

100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    -webkit-opacity: .1;

}

}

@keyframes quick-alo-circle-fill-anim {

  0% {

    -webkit-transform: rotate(0) scale(.7) skew(1deg);

    opacity: .2;

}

50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

    opacity: .2;

}

100% {

    -webkit-transform: rotate(0) scale(.7) skew(1deg);

    opacity: .2;

}

}

@keyframes quick-alo-circle-img-anim {

  0% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

}

10% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

}

20% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

}

30% {

    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

}

40% {

    -webkit-transform: rotate(25deg) scale(1) skew(1deg);

}

50% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

}

100% {

    -webkit-transform: rotate(0) scale(1) skew(1deg);

}

}



.ft_bot {
    /* position: absolute; */
    /* bottom: 0; */
    border-top: 1px solid #fff;
    background-color: #114b92;
    padding: 10px 0;
    width: 100%;
    color: #fff;
}
.text-center {
    text-align: center;
}