/******
Author	: 	Quân Bư Bla Bla !
Date	:	2017
******/
/******
Author  :   Quân Bư Bla Bla !
Date    :   2017
******/
@font-face {
    font-family: Oswald-Bold;
    src: url("../fonts/Oswald-Bold.ttf");
}
@font-face {
    font-family: Oswald-Regular;
    src: url("../fonts/Oswald-Regular.ttf");
}
@font-face {
    font-family: Quicksand-Bold;
    src: url("../fonts/Quicksand-Bold.ttf");
}
@font-face {
    font-family: Quicksand-Regular;
    src: url("../fonts/Quicksand-Regular.ttf");
}
@font-face {
    font-family: Quicksand-Light.ttf;
    src: url("../fonts/Quicksand-Light.ttf");
}
@font-face {
    font-family: Quicksand-Italic;
    src: url("../fonts/Quicksand-Italic.ttf");
}
body {
    font-family: Quicksand-Regular;
    font-size: 14px;
    line-height: 1.4;
    overflow-x: hidden;
    background: url(../img1/bg-main.jpg) repeat top left;
    color: #000;
    font-weight: 600;
}
img{
    max-width: 100%;
}
i,em{
    font-style: italic;
}
ul{
    margin: 0px;
}
strong{
    font-family: Quicksand-Bold;
}
.qnh{
    width: 100%;
    float: left;
    position: relative;
    transition: all .3s linear;
}
.wrapper{
    width: 100%;
    float: left;
}
.wrap{
    width: 100%;
    float: left;
}
header,section,footer{
    width: 100%;
    float: left;
}
.container{
    min-width: 320px;
    max-width: 1280px;
}
.page-qnh{
    padding: 30px 0px;
}
.top-header {
    width: 100%;
    float: left;
    padding: 10px 0px;
    background: #0c0c0ccc;
}
.search-qnh {
    width: 300px;
    float: right;
    padding: 0px 15px;
}
form.form-search {
    width: 100%;
    float: left;
}
input.txt-search {
    width: 222px;
    float: left;
    border: 1px solid #ccc;
    padding: 5px 10px;
    outline: 0;
}
input.btn-search {
    width: 48px;
    float: left;
    height: 32px;
    border: 0px;
    border-left: 0px;
    outline: 0;
    background: #ffff00 url("../images/btn-search.png") center no-repeat;
    padding: 0px;
}
.info-header {
    float: left;
    padding: 6px 15px;
}
.hotline1 {
    float: left;
    color: #fff;
    margin-right: 10px;
}
a.hotline1 i ,a.mail-header i {
    display: inline-block;
    padding-right: 3px;
}
span.lineq1 {
    float: left;
    color: #fff;
    margin-right: 10px;
}
.mail-header {
    float: left;
    color: #fff;
    margin-right: 10px;
}
.logo-qnh {
    width: 300px;
    float: left;
    padding: 8px 15px;
}
.phone-header {
    width: 130px;
    float: right;
    text-align: right;
    padding: 20px 0px;
}
.phone-header i {
    display: inline-block;
    font-size: 20px;
    vertical-align: bottom;
}
.phone-header span{
    display: inline-block;
}
.main-menu {
    width: calc(100% - 430px);
    float: left;
    padding: 5px 0px;
}
.main-menu > ul > li {
    display: inline-block;
    position: relative;
}
.main-menu > ul > li:hover{
    background: rgba(0,0,0,0.1);
}
.main-menu > ul > li > a {
    display: inline-block;
    padding: 15px;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-family: Quicksand-Bold;
}

ul.nav-main-menu {
    display: none;
    position: absolute;
    left: 0px;
    top: 64px;
    background: rgba(0,0,0,0.8);
    width: 270px;
    text-align: left;
    z-index: 9;
}
ul.nav-main-menu > li {
    width: 100%;
    float: left;
    position: relative;
}
ul.nav-main-menu > li:hover{
    background: rgba(0,0,0,0.3);
}
ul.nav-main-menu > li > a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    width: 100%;
    border-bottom: 1px solid #6c6c6c;
    font-family: Quicksand-Bold;
}
.main-menu > ul > li:hover ul.nav-main-menu {
    display: block;
}

ul.nav-sub-menu {
    display: none;
    position: absolute;
    left: 180px;
    background: rgba(0,0,0,0.3);
    top: 0px;
    width: 220px;
}
ul.nav-main-menu > li:hover ul.nav-sub-menu {
    display: block;
}
ul.nav-sub-menu > li {
    width: 100%;
    float: left;
}
ul.nav-sub-menu > li:hover{
    background: rgba(0,0,0,0.4)
}
ul.nav-sub-menu> li > a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    padding: 5px 15px;
    width: 100%;
    border-bottom: 1px solid #6c6c6c;
}
.title-menu-mobile {
    position: absolute;
    right: 15px;
    top: 35px;
    width: 29px;
    display: none;
    cursor: pointer;
}
span.line-qnh {
    display: block;
    width: 100%;
    height: 4px;
    background: #ff3131;
    margin: 5px 0px;
    box-shadow: 0px 0px 2px #fff;
}
.menu-mobile {
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 105px;
    border: 3px solid #ff3131;
    background: rgb(255 255 255 / 90%);
    height: 340px;
    overflow-y: scroll;
    display: none;
}
.menu-mobile::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.menu-mobile::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    background-color: #f5f5f5;
}
.content-menu-mobile {
    width: 100%;
    float: left;
}
.content-menu-mobile > ul > li {
    width: 100%;
    float: left;
    padding: 5px 15px;
    margin: 0px;
    border-bottom: 1px solid #ededed;
}
.content-menu-mobile > ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    font-family: Quicksand-Bold;
}
ul.nav-mobile-qnh {
    width: 100%;
    float: left;
}
ul.nav-mobile-qnh > li{
    width: 100%;
    float: left;
    padding-left: 15px;
    position: relative;
    margin-top: 15px;
}
ul.nav-mobile-qnh > li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
    background: #000;
    height: 4px;
    width: 4px;
}
ul.nav-mobile-qnh > li > a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.slider-qnh{
    width: 100%;
    float: left;
}
.title-one{
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 0px 15px;
}
.top-title-one{
    width: 100%;
    float: left;
    font-size: 32px;
    font-family: Quicksand-Bold;
}
.bottom-title-one {
    width: 100%;
    float: left;
    font-size: 16px;
}
.prolist-qnh {
    width: 100%;
    float: left;
}
.item-prolist {
    width: 50%;
    float: left;
    padding: 15px;
    position: relative;
}
.image-prolist {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
a.link-prolist1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 1;
    transition: all .8s linear;
}
.item-prolist .image-prolist img {
    transition: all .8s linear;
    width: 100%;
    height: 270px;
}
.item-prolist:hover .image-prolist img {
    transform: scale(1.5);
    transition: all .8s linear;
}
.item-prolist:hover a.link-prolist1 {
    background: rgba(0,0,0,0.1);
    transition: all .8s linear;
}
.name-prolist {
    width: calc(100% - 30px);
    float: left;
    padding: 6px 10px;
    text-align: justify;
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    z-index: 2;
    text-transform: uppercase;
}
.name-prolist a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-family: Quicksand-Bold;
    text-align: justify;
}
.price-prolist {
    width: 100%;
    float: left;
    font-size: 14px;
}
.price-prolist strong {
    font-size: 24px;
    color: #f00;
}
.info-prolist {
    width: calc(100% - 30px);
    float: left;
    margin-bottom: 5px;
    position: absolute;
    text-align: right;
    color: #fff;
    z-index: 2;
    padding: 10px;
}
.left-info-prolist{
    float: left;
    width: 100%;
}
.right-info-prolist {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.item-prolist2 {
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.item-bor-prolist2 {
    width: 100%;
    float: left;
    background: #fff;
}
.item-prolist2:nth-child(1) .item-bor-prolist2{
    background: #263374;
}
.item-prolist2:nth-child(2) .item-bor-prolist2{
    background: #0ba8e0;
} 
.item-prolist2:nth-child(3) .item-bor-prolist2{
    background: #cc242a;
}
.item-bor-prolist2 .image-prolist2 {
    width: 100%;
    float: left;
    overflow: hidden;
    transition: all .8s linear;
}
.item-bor-prolist2 .image-prolist2  img {
    transition: all .8s linear;
}
.item-bor-prolist2:hover .image-prolist2  img {
    transform: scale(1.5);
    transition: all .8s linear;
}
.name-prolist2 {
    width: 100%;
    float: left;
    padding: 30px 15px;
    text-align: justify;
    line-height: 1.5;
    height: 145px;
    position: relative;
}
span.line-prolist2 {
    width: calc(100% - 30px);
    height: 3px;
    position: absolute;
    background: #fff;
    left: 15px;
    bottom: 0px;
}
.name-prolist2 a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    text-decoration: none;
}
.info-prolist2 {
    width: 100%;
    float: left;
    padding: 30px 15px 15px 15px;
    color: #fff;
    font-size: 16px;
}
.left-info-prolist2 {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.right-info-prolist2 {
    width: 100%;
    float: left;
}
.price-prolist2 {
    width: 100%;
    float: left;
    padding: 0px 15px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px;
    text-decoration: underline;
}






.about-home {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.about-home .qnh {
    border: 1px solid #eee;
    background: #fff;
}
.img-about-home {
    width: 33.3333%;
    float: left;
}
.right-about-home {
    width: 66.6666%;
    float: right;
    padding: 15px;
    position: absolute;
    right: 0px;
    top: 15%;
}
.name-about-home {
    width: 100%;
    float: left;
    font-size: 30px;
    text-transform: uppercase;
}
.summary-about-home {
    width: 100%;
    float: left;
    text-align: justify;
    font-size: 18px;
    margin-bottom: 10px;
}
.link-about-home{
    width: 100%;
    float: left;
}
.link-about-home a{
    display: inline-block;
    background : #cc242a;
    color: #fff;
    font-family: Quicksand-Bold;
    transition: all .4s linear;
    padding: 10px 20px;
    text-decoration: none;
}
.link-about-home a:hover{
    background : #fa4038;
    transition: all .4s linear;
}
.about-home2 {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.about-home2 .qnh {
    border: 1px solid #eee;
    background: #fff;
}
.img-about-home2 {
    width: 33.3333%;
    float: right;
}
.right-about-home2 {
    width: 66.6666%;
    float: left;
    padding: 15px;
    position: absolute;
    left: 0px;
    top: 15%;
}
.name-about-home2 {
    width: 100%;
    float: left;
    font-size: 30px;
    text-transform: uppercase;
}
.summary-about-home2 {
    width: 100%;
    float: left;
    text-align: justify;
    font-size: 18px;
    margin-bottom: 10px;
}
.link-about-home2{
    width: 100%;
    float: left;
}
.link-about-home2 a{
    display: inline-block;
    background : #cc242a;
    color: #fff;
    font-family: Quicksand-Bold;
    transition: all .4s linear;
    padding: 10px 20px;
    text-decoration: none;
}
.link-about-home a:hover{
    background : #fa4038;
    transition: all .4s linear;
}
.title-two{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    text-align: center;
    padding: 0px 15px;
}
.top-title-two{
    width: 100%;
    float: left;
    font-size: 30px;
    margin-bottom: 10px;
    font-family: Quicksand-Bold;
}
.bottom-title-two{
    width: 100%;
    float: left;
    font-size: 18px;
}
.info-home2 {
    width: 100%;
    float: left;
}
.item-info-home2 {
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.icon-info-home2 {
    float: left;
    width: 26px;
}
.right-info-home2 {
    width: calc(100% - 26px);
    float: left;
    padding-left: 30px;
}
.title-info-home2 {
    width: 100%;
    float: left;
    font-size: 30px;
    font-family: Quicksand-Bold;
    line-height: 1;
}
.title-info-home2 p {
    margin-bottom: 5px;
}
.summary-info-home2 {
    width: 100%;
    float: left;
}
.summary-info-home2 a {
    display: inline-block;
    text-decoration: none;
    color: #045dd4;
    font-size: 18px;
    font-family: Quicksand-Bold;
    margin-top: 5px;
}


.procate-one {
    width: 100%;
    float: left;
    background: #f2f2f2;
    border: 1px solid #d1d1d1;
}
.item-procate {
    width: 25%;
    float: left;
    padding: 15px 15px 15px 25px;
    position: relative;
}
.item-procate {
    width: 20%;
    float: left;
    padding: 15px 15px 15px 25px;
    position: relative;
}
.item-procate a {
    text-decoration: underline;
    color: #333;
    font-size: 18px;
    font-family: Quicksand-Bold;
    transition: all .8s linear;
    position: relative;
    float: left;
}
.item-procate a:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 8px;
    background: #919191;
    left: -12px;
    top: 10px;
    transition: all .8s linear;

}
.item-procate a:hover{
    color: #000;
    transition: all .8s linear;
}
.item-procate a:hover:before{
    background: #000;
    transition: all .8s linear;

}
.nelist-qnh{
    width: 100%;
    float: left;
}
.item-nelist {
    width: 50%;
    float: left;
    padding: 15px;
}
.name-nelist {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    height: 22px;
    overflow: hidden;
    line-height: 1.5;
}
.name-nelist a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.img-nelist {
    width: 150px;
    float: left;
    padding-right: 15px;
    height: 80px;
    overflow: hidden;
}
.img-nelist img {
    width: 100%;
    max-height: 80px;
}
.info-nelist {
    width: calc(100% - 150px);
    float: left;
    text-align: justify;
}
.summary-nelist {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
footer{
    background: url("../images/bg-footer.jpg") no-repeat;
    background-attachment: fixed;
}
.top-footer {
    width: 100%;
    float: left;
}
.item-footer {
    width: calc(100% - 300px);
    float: left;
    padding: 15px;
}
.item-footer2 {
    width: 300px;
    float: left;
    padding: 15px;
}
.info-footer {
    width: 100%;
    float: left;
    color: #fff;
}
.img-info-footer {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.img-info-footer img {
    max-width: 200px;
}
.name-info-footer {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 28px;
    font-family: Quicksand-Bold;
    margin-bottom: 10px;
    text-align: justify;
}
.info-footer p {
    margin-bottom: 10px;
}
.title-footer {
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.title-footer span {
    display: inline-block;
    border-bottom: 3px double #fff;
}
.content-list-footer {
    width: 100%;
    float: left;
}
.content-list-footer > ul > li {
    width: 100%;
    float: left;
    position: relative;
}
.content-list-footer > ul > li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    left: 0px;
    top: 18px;
}
.content-list-footer > ul > li > a {
    display: inline-block;
    color: #fff;
    padding: 10px 0px 5px 15px;
    text-decoration: none;
}
.bottom-footer {
    width: 100%;
    float: left;
    text-align: center;
    background: #070b0e;
    padding: 15px 0px;
    color: #262626;
}
.summary-info-footer {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: 16px;
}
.top-page {
    width: 100%;
    float: left;
    padding: 15px 0px;
    background: rgba(0,0,0,0.2);
}
ul.nav-top-page {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
ul.nav-top-page > li {
    float: left;
    font-size: 16px;
    margin-right: 15px;
}
ul.nav-top-page > li > a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
ul.nav-top-page > li:last-child > a{
    font-weight: initial;
}
.content-necategory {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.name-necategory {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 1.3;
    margin: 15px 0px;
    padding: 0px 30px;
}
.img-newscategory {
    width: 500px;
    float: left;
    padding: 15px;
}
.summary-necategory {
    width: calc(100% - 500px);
    float: left;
    padding: 15px;
    font-size: 16px;
    color: #000;
}
.nelist-page {
    width: 100%;
    float: left;
}
.paging-qnh {
    width: 100%;
    float: left;
    padding: 15px 0px;
    text-align: center;
}
.paging-qnh a {
    display: inline-block;
    text-decoration: none;
    background: #e0e0e0;
    color: #000;
    padding: 4px 9px;
}
.paging-qnh a:hover,a#link_pt_active {
    color: #fff;
    background: #006cff;
}
.news-detail {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 0px 15px;
    color: #000;
}
.top-news-detail {
    width: 100%;
    float: left;
    margin-bottom: 15px
}
.name-news-detail {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 24px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.4
}
.date-news-detail {
    width: 100%;
    float: left;
    color: #999;
    margin-bottom: 10px
}
.summary-news-detail {
    width: 100%;
    float: left;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 20px;
    line-height: 1.4
}
.info-news-detail {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.info-news-detail p {
    margin-bottom: 15px;
}
.date-about-home {
    width: 100%;
    float: left;
    color: #999;
    margin-bottom: 15px;
    font-size: 11px
}
.author-news-detail {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 16px;
    font-weight: 700
}
.middle-news-detail {
    width: 100%;
    float: left
}
.title-other-news-detail {
    width: 100%;
    float: left;
    background: url(../images/iconnews.png) left top no-repeat;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px
}
.title-other-news-detail span {
    display: inline-block;
    width: 100%;
    padding: 7px 0 14px 45px;
    border-bottom: 1px solid #ccc
}
.content-other-news-detail {
    width: 100%;
    float: left;
    padding: 10px 0;
    line-height: 1.5
}
.content-other-news-detail ul li {
    list-style: square;
    list-style-position: inside;
    float: left;
    width: 100%;
    padding: 4px 0;
    font-size: 14px;
}
.content-other-news-detail ul li a {
    text-decoration: none;
    color: #333
}
.content-other-news-detail ul li a:hover {
    color: red
}
.left-contact {
    width: calc(100% - 500px);
    float: left;
    padding: 15px;
}

.right-contact {
    width: 500px;
    float: right;
    padding: 15px;
}
.top-contact-qnh {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    line-height: 2;
}
.top-contact-qnh h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: Quicksand-Bold;
}
.p-contact {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.l-p-contact {
    width: 150px;
    float: left;
    min-height: 13px;
}
.word-contact {
    width: 100%;
    float: left;
    color: #000;
}
.r-p-contact {
    width: calc(100% - 150px);
    float: left;
}
input.txt-contact,textarea.textarea-contact {
    width: 100%;
    float: left;
    padding: 5px 10px;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 2px;
}
input.btn-send-contact {
    float: right;
    margin-left: 15px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 20px;
}
div.title-contact-footer {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #ffcd01;
    margin: 15px 0px 15px 0px;
}
.item-nelist-page {
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.img-nelist-home {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}
.img-nelist-home img {
    width: 100%;
    transition: all 1.3s linear;
    height: 204px;
}
.img-nelist-home:hover img{
    transform: scale(1.2,1.2);
    transition: all 1.3s linear;
}
.name-nelist-home {
    width: 100%;
    float: left;
    height: 45px;
    overflow: hidden;
}
.name-nelist-home a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.summary-nelist-home {
    width: 100%;
    float: left;
    height: 82px;
    overflow: hidden;
}
.date-nelist-home {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.read-more2 {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 5px;
}
.read-more2 a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #cbcbcb;
    padding: 10px 30px;
    font-weight: bold;
    transition: all .3s linear;
}
.read-more2 a:hover {
    border: 1px solid #2753a4;
    background: #2753a4;
    color: #fff;
    transition: all .3s linear;
}
.paging-qnh {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}
.paging-qnh a {
    display: inline-block;
    background: #e1e1e1;
    color: #000;
    line-height: 1;
    padding: 10px 15px;
    margin: 0px 3px;
    text-decoration: none;
    transition: all .3s linear;
}
.paging-qnh a#link_pt_active,.paging-qnh a:hover {
    background: #000000;
    color: #fff;
    transition: all .3s linear;
}
.top-procate {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.img-procate {
    width: 600px;
    float: left;
    padding: 0px 15px;
}
.right-procate {
    width: calc(100% - 600px);
    float: right;
    padding: 0px 15px;
}
.name-procate {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 30px;
}
.summary-procate {
    width: 100%;
    float: left;
    line-height: 1.7;
    font-size: 16px;
    text-align: justify;
}
.tabs-prodetail {
    width: 100%;
    float: left;
    background: #fff;
}
.title-product-home.title-tab-product1 {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.title-product-home.title-tab-product1 a {
    float: left;
    text-transform: uppercase;
    color: #000;
    background: #f5f5f5;
    padding: 10px 40px;
    transition: all .3s linear;
    text-decoration: none;
    font-family: Quicksand-Bold;
    border-right: 1px solid #f5f5f5;
}
.title-product-home.title-tab-product1 a.active,.title-product-home.title-tab-product1 a:hover {
    background: #f0b519;
    transition: all .3s linear;
    color: #fff;
}
.content-prodetail {
    width: 100%;
    float: left;
    padding: 15px;
}
.title-other-prodetail {
    width: 100%;
    float: left;
    padding: 50px 15px 0px 15px;
}
.title-other-prodetail span {
    width: 100%;
    float: left;
    font-size: 30px;
    border-bottom: 3px double #ccc;
}
.info-prodetail {
    width: 100%;
    float: left;
    border-bottom: 3px double #ccc;
    font-size: 16px;
}
.info-prodetail p {
    margin-bottom: 10px;
}
.top-shopcart {
    width: 100%;
    float: left;
}
.content-shopcart {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.item-shopcart {
    width: 100%;
    float: left;
    border-bottom: 0px;
}
table.tbl-shopcart {
    width: 100%;
    float: left;
}
table.tbl-shopcart tr td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center;
}
table.tbl-shopcart tr:first-child {
    font-size: 16px;
    font-family: Quicksand-Bold;
}
.name-shopcart img {
    max-width: 300px;
}
.name-shopcart {
    font-family: Quicksand-Bold;
    font-size: 16px;
}
.number-shopcart a {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    background: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    font-family: Quicksand-Bold;
    color: #000;
}
.number-shopcart input {
    display: inline-block;
    border: 1px solid #ccc;
    height: 30px;
    vertical-align: top;
    text-align: center;
    padding: 0px 15px;
    width: 80px;
    outline: 0;
}
p.pricecart-qnh {
    font-size: 16px;
    margin-top: 15px;
}
.money-shopcart {
    font-size: 16px;
    font-family: Quicksand-Bold;
    margin-top: 15px;
}
table.tbl-shopcart tr td.totalcart-qnh {
    text-align: right;
    font-size: 18px;
    font-family: Quicksand-Bold;
    color: #f00;
}
form#formcart {
    width: 100%;
    float: left;
    padding: 15px;
}
.form-info-cart {
    width: 100%;
    float: left;
}
.titcart-qnh {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Quicksand-Bold;
}
table.tbl-info-cart {
    width: 100%;
    float: left;
    vertical-align: middle;
    margin: 15px 0px;
}
table.tbl-info-cart tr td {
    vertical-align: middle;
    padding: 10px 0px 5px 0px;
}
input.input-tbl-info-cart, .textarea-cart-qnh {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    outline: 0;
}
input.btn-buy-cart {
    border: 1px solid #ccc;
    background: #eee;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    transition: all .3s linear;
    outline: 0;
}
.buy-prolist {
    width: 100%;
    float: left;
    margin: 15px 0px;
}
input.btn-link-buy {
    border: 1px solid #ccc;
    background: #eee;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    outline: 0;
    transition: all .3s linear;
}
input.btn-link-buy:hover,input.btn-buy-cart:hover{
    background :#d3550a;
    border: 1px solid #d3550a;
    color: #fff;
}
.price-procate {
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 20px;
}
.price-procate strong {
    color: #f00;
    font-size: 30px;
}
a.tel-prodetail {
    float: left;
    border: 1px solid #ccc;
    background: #eee;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    outline: 0;
    transition: all .3s linear;
    color: #000;
    text-decoration: none;
}
a.tel-prodetail:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
.addinfo2 {
    width: 100%;
    float: left;
    border-top: 3px double #ccc;
    padding-top: 15px;
}
.item-addinfo2 {
    width: 100%;
    float: left;
}
.addinfo2-tel a{
    text-decoration: none;
    color: #f00;
    font-size: 20px;
    font-family: Quicksand-Bold;
}
.item-addinfo2.addinfo2-name {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.item-addinfo2.addinfo2-tel {
    margin-bottom: 15px;
}
.search1-qnh {
    width: 100%;
    float: left;
    padding: 15px 0px;
    background: #fff;
}
.search1-qnh .qnh {
    padding: 15px;
    background: #fff;
}
form.form-search1 {
    width: 100%;
    float: left;
}
input.txt-search1 {
    width: calc(100% - 120px);
    float: left;
    border: 1px solid #ccc;
    padding: 15px 10px;
    height: 54px;
    outline: 0;
    font-size: 16px;
}
input.txt-search1[type="text"] {
    font-size: 20px;
    font-weight: bold;
}
input.btn-search1 {
    width: 120px;
    float: left;
    height: 54px;
    border: 0px;
    border-left: 0px;
    outline: 0;
    background: #ffff00 url("../images/btn-search.png") center no-repeat;
    padding: 0px;
}
.info-home {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 0px;
}
.item-info-home {
    width: 25%;
    float: left;
    padding: 0px 15px;
    text-align: center;
}
.img-info-home {
    width: 100%;
    float: left;
}
.img-info-home img{
    width: 50px;
}
.right-info-home {
    width: 100%;
    float: left;
}
.title-info-home {
    width: 100%;
    float: left;
    font-size: 32px;
    font-family: Quicksand-Bold;
}
.summary-info-home {
    width: 100%;
    float: left;
    margin-top: 7px;
}
.top-page {
    width: 100%;
    float: left;
    padding: 15px 0px;
}
.top-page a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    float: left;
    padding: 0px 0px 0px 15px;
    font-size: 20px;
}
.top-page a:last-child {
    font-weight: initial;
}
.link-footer {
    width: 100%;
    float: left;
    padding: 30px 0px 0px 0px;
    background: #fff;
}
.item-lifooter {
    width: 33.3333%;
    float: left;
    padding: 15px;
    color: #000;
}
.title-lifooter {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 18px;
    font-family: Quicksand-Bold;
    text-transform: uppercase;
}
.content-lifooter {
    width: 100%;
    float: left;
}
.content-lifooter > ul > li {
    list-style: square;
    width: calc(100% - 17px);
    float: left;
    margin-left: 17px;
    color: #ccc;
}
.content-lifooter > ul > li > a {
    display: inline-block;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}
section.news-page {
    background: #fff;
}
.mucluc {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    background: #fbfbfb;
    padding: 15px;
}
.title-mucluc {
    width: 100%;
    float: left;
    font-size: 19px;
    text-transform: uppercase;
    font-family: Quicksand-Bold;
}
.ds-mucluc {
    width: 100%;
    float: left;
}
.ds-mucluc > ul > li {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
.ds-mucluc > ul > li:last-child{
	padding-bottom: 0px;
}
.ds-mucluc > ul > li > a {
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: Quicksand-Bold;
    color: #000;
}
ul.nav-mucluc1 > li {
    list-style: inside;
    color: #333;
}
ul.nav-mucluc1 > li > a {
    color: #000;
}
.ontbl-visa1 {
    width: 100%;
    float: left;
    text-align: center;
}
table.tbl-visas1 {
    display: inline-block;
    margin: 10px 0px;
}
table.tbl-visas1 tr td {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    font-family: Quicksand-Bold;
}
table.tbl-visas1 tr:nth-child(2n+1) td{
    background: #dbe7fd;
}
table.tbl-visas1 tr:first-child td {
    font-weight: bold;
    background: #316fdf;
    color: #fff;
}
.banner-qnh {
    width: 100%;
    float: left;
}
.banner-qnh img{
    width: 100%;
}
.item-prolist-p1 {
    width: 33.3333%;
    float: left;
    padding: 15px;
    transition: all .8s linear;
}
.name-prolist-p1 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 51px;
    overflow: hidden;
}
.name-prolist-p1 a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Quicksand-Bold;
}
.image-prolist-p1 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}
.item-prolist-p1 .image-prolist-p1 img{
    width: 100%;
    transition: all .8s linear;
} 
.item-prolist-p1:hover .image-prolist-p1 img {
    transform: scale(1.5);
    transition: all .8s linear;
}
.info-prolist-p1 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.left-info-prolist-p1,.right-info-prolist-p1{
    width: 100%;
    float: left;
}
.price-prolist-p1{
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: Quicksand-Bold;
}
table.tbl-travel-a1 tr td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
table.tbl-travel-a1 tr:first-child {
    font-size: 18px;
    font-family: Quicksand-Bold;
}
.item-nelist2 {
    width: 50%;
    float: left;
    padding: 15px;
}
.name-nelist2 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.name-nelist2 a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

.img-nelist2{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
}
.img-nelist2 img{
    width: 100%;
    transition: all .8s linear;
}
.item-nelist2:hover .img-nelist2 img {
    transform: scale(1.5);
    transition: all .8s linear;
}
.info-nelist2 {
    width: 100%;
    float: left;
    font-size: 16px;
}
.right-nelist2 {
    width: 50%;
    float: left;
    padding: 15px;
}
.item-nelistr2 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}
.img-nelistr2 {
    width: 200px;
    float: left;
    overflow: hidden;
}
.img-nelistr2 img{
    width: 100%;
    transition: all .8s linear;
}
.item-nelistr2:hover .img-nelistr2 img {
    transform: scale(1.5);
    transition: all .8s linear;
}
.info-nelistr2 {
    width: calc(100% - 200px);
    float: right;
    padding-left: 15px;
}
.name-nelistr2 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.name-nelistr2 a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}