@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
* { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none !important; }
body { font-family: "Roboto", sans-serif; }
h1, h2, h3, h4 { font-weight: 700; }
img { max-width: 100%; max-height: 100%; }
.container { padding: 0px 60px; }
.wrapper { width: 100%; height: 100%; }
.top { background: #f5f5f5; }
.top-left-icon { overflow: hidden; }
    .top-left-icon ul li { float: left; padding: 3px 10px; border-right: 1px solid #cccccc; }
        .top-left-icon ul li:nth-child(1) { padding-left: 0px; }
        .top-left-icon ul li i { color: #bfbfbf; font-size: 23px; }
.top-right-lang { padding: 5px 10px; }
    .top-right-lang ul li { float: right; }
        .top-right-lang ul li a { color: #929292; padding: 0px 10px; font-size: 13px; border-right: 1px solid #cccccc; }
        .top-right-lang ul li:nth-child(1) a { padding-right: 0px; border-right: none; }
.dropdown ul li { float: none; }
    .dropdown ul li a { padding: 2px 7px; }
    .dropdown ul li img { margin-right: 7px; }
.dropdown-menu { min-width: 110px; padding: 0px; margin: 6px 0 0; left: 0px; }
.top-contact { overflow: hidden; margin-top: 20px; margin-bottom: 10px; }
    .top-contact ul li { float: right; }
        .top-contact ul li i { color: #939393; font-size: 20px; margin-right: 10px; }
        .top-contact ul li a { color: black; padding: 4px 30px; font-size: 15px; }
        .top-contact ul li:nth-child(2) a { border-right: 1px solid #cccccc; padding-left: 0px; }
.logo img { margin-top: -5px; }
.text-sea { border-top-left-radius: 7px; height: 36px; border-bottom-left-radius: 7px; }
.text-bt { padding: 7px 12px; border-radius: 7px; color: black; }
.mg-top { margin-top: 20px; }
.mg-bottom { margin-bottom: 20px; }
.mg-top-2 { margin-top: 10px; }
.mg-bottom-2 { margin-bottom: 10px; }
.bor-top { border-top: 1px solid #cccccc; }
.bor-bottom { border-bottom: 1px solid #cccccc; }
.mainMenu > li > a { font-size: 14px; padding: 0px 9px; color: black; }

.pagination > li > a.active { background: #ccc; }
.a-2 { z-index: 1 }
.mainMenu > li:hover > a, .mainMenu > li.active > a { color: #F66321 }
#header { border-top: 1px solid #cccccc; padding: 12px 0px; margin-top: -10px; }
#owl-demo1 .item1 img { display: block; width: 100%; height: auto; }
.slyder-home .owl-buttons { display: none; }
.nav-pills > li > a { text-transform: uppercase; }
pagination > li > a:active { background: blue; color: white; }
/*footter*/
.footter { border-top: 1px solid #cccccc; }
.scol-menu-footter { overflow: hidden; padding: 15px 0px; }
    .scol-menu-footter ul li { float: left; }
        .scol-menu-footter ul li a { font-size: 14px; color: #4a4a4a; padding: 10px 13px; }
        .scol-menu-footter ul li:nth-child(1) a { padding-left: 0px; }
        .scol-menu-footter ul li a:hover { color: #c79e9e; }
.show-footter { background: #e7e7e7; padding: 10px 0px; }
.show-bt span, .show-right span { font-size: 14px; color: #4a4a4a; }
.show-bt img { margin-left: 108px; margin-bottom: 8px; }
.show-bt, .show-right { margin-top: 3px; }
.nav-pills > li:hover > a { background: #f0f0f0 !important; padding: 0 10px !important }
.list-item-collect h4 { font-weight: 700; text-align: center; font-size: 14px; line-height: 18px; }
    .list-item-collect h4 a { color: #00345a }
.nav-pills > li > a { transition: .2s linear }
/*back top*/
#go_top { display: block; width: 31px; height: 31px; position: fixed; background: url(../images/logo/btop.png)no-repeat; bottom: 40px; right: 105px; background-size: 100%; }

    #go_top:before { content: ""; position: Absolute; width: 0; height: 0; left: 5px; top: -8px; }


    #go_top:after { content: ""; position: Absolute; width: 10px; height: 17px; left: 11px; top: 14px; }

/*Wow*/
.w-top { visibility: visible; animation-name: fadeInDown; }
.w-bottom { visibility: visible; animation-name: fadeInUp; }
.w-left { visibility: visible; animation-name: fadeInLeft; }
.w-right { visibility: visible; animation-name: fadeInRight; }


@media screen and (max-width: 370px) {
    .list-collect, .row-list-img .list-collect { height: 285px !important; }
}

.child-bst { opacity: 0; visibility: hidden; position: absolute; top: calc(100% + 2px); transition: .2s linear; z-index: 2; padding: 6px; border: 1px solid #d0d0d0; left: 20%; display: flex; background: #fff; }
.nav-pills > li:hover .child-bst { opacity: 1; visibility: visible }
.child-bst li { padding: 5px 15px; border-right: 1px solid #d0d0d0; transition: .2s linear; }
    .child-bst li:hover { background: #b5b5b5; color: #fff; }
        .child-bst li:hover > a { color: #fff }
    .child-bst li:last-child { border-right: 0 }
    .child-bst li a { font-size: 16px; color: #333; white-space: nowrap; transition: .2s linear }
.cndl { padding: 16px 0 50px; }
.slcn { display: flex; padding: 6px; background: #e6e6e6; margin-bottom: 16px; }
.form-control { display: block; width: 100%; height: 38px; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.slcn .form-control { float: left; width: 28%; margin-right: 6px; border-radius: initial; }
.btn-tk { float: left; width: 10%; background: #ea1c24; text-align: center; height: 38px; border: 2px solid #ea1c24; }
    .btn-tk a { text-transform: uppercase; color: #fff; font-weight: 700; line-height: 38px; transition: .3s linear; }
.listcn { display: grid; grid-template-columns: 56% 44%; padding: 3px; }
#map { height: 750px; }
.listcn .listts .itts { border-bottom: 1px dotted #e0e0e0; padding-bottom: 20px; padding-top: 12px; }
.itts h4 { font-size: 18px; font-weight: 700; background: url(../../HTML_AnhSao/images/imts.png) no-repeat; padding-left: 26px; margin-bottom: 0; padding-bottom: 10px; background-position: left; background-position-y: 0; }
.itts p { font-size: 14px; margin-bottom: 5px; }
.listcn .listts .btn-map { display: flex; padding-top: 12px; }
    .listcn .listts .btn-map .btn-xbd { padding-right: 8px; }
        .listcn .listts .btn-map .btn-xbd a { border: 1px solid #ea1c24; color: #ea1c24; padding: 6px 15px; border-radius: 3px; }
    .listcn .listts .btn-map .btn-xctm a { border: 1px solid #6f6f6f; color: #6f6f6f; padding: 6px 15px; border-radius: 3px; }
.slcn .inside { float: left; width: 34%; border: none; margin-right: 10px; height: 38px; padding-left: 14px; }
#main-cart table th { font-family: "Roboto", sans-serif }
.title-cate h3 { font-family: "Roboto", sans-serif; font-weight: 700 }
#demo .mz-loading { display: none }

.mm-page iframe { right: 0 !important }
#sticky_navigation .form-control { height: 36px }


#txt_search { font-size: 14px }
/*.list-table-product > *, .list-table-product > * > *, .list-
    table-product > * > * > *, .list-table-product > * > * > * > *, .list-table-product > * > * > * > * > * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important }*/
#mainMenu .mainMenu > li:not(:last-child) { margin-right: 10px }