/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by:Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/


/** RESET AND LAYOUT
=================================== */

.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
=================================== */
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /* fix other elements on the page moving (on Chrome) */
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } 
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 200; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.clear { clear: both; }
#header { height: 140px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; }
#header .head-top { height: 74px; }
#header .head-top > a { float: left; margin: 12px 40px 0 0; }
#header .head-top > a img {max-width: 215px;}
#header .head-top .form-search { float: left; width: 456px; border: 1px solid #dfdfdf; height: 24px; display: table; margin-top: 22px; line-height: 24px; border-radius: 3px 0 0 3px; position: relative;}
#header .head-top .form-search .cat { display: table-cell; height: 26px; width: auto; border-right: 1px solid #ddd; float: left; background: url(../images/dropdown.png) no-repeat right 4px center transparent; background-size: 9px; padding-right: 10px; position: relative; }
#header .head-top .form-search .cat ul { display: none; width: 120px; background-color: #fff; position: absolute; top: 26px; border: 1px solid #ddd; left: -1px; z-index: 555; padding: 10px; }
#header .head-top .form-search .cat ul > li { line-height: 26px; cursor: pointer; }
#header .head-top .form-search .cat ul > li:hover { background-color: #EFEFEF; }
#header .head-top .form-search .cat:hover ul { display: block; }
#header .head-top .form-search .cat .text { display: inline-block; padding: 0 10px; text-align: center; white-space: nowrap }
#header .head-top .form-search .cssText { display: table-cell; border: 0; height: 24px; outline: 0; padding-left: 5px; width: 390px; }
#header .head-top .form-search .cssSubmit { display: table-cell; float: right; background-color: #ed1c24; border: 0; height: 26px; padding: 0 15px; color: #fff; text-transform: uppercase; cursor: pointer; transition: all 200ms; }
#header .head-top .form-search .cssSubmit:hover { background-color: #222; }
.login-form { float: right; width: 290px; /*padding: 5px 0 */; margin-top: 10px; /*border-right: 1px solid #dddddd; background: url(../images/dropdown.png) no-repeat right 5px center transparent; background-size: 10px;*/ }
.login-form img { float: left; margin-right: 5px; margin-top: 5px; }
.login-form .login { display: block; font-weight: bold; margin-bottom: 0; line-height: 20px; }
.login-form a:hover { color: #ff0000; }
.cart-form { float: right; margin-top: 30px; position: relative; padding: 0 15px; }
.cart-form span.image { display: block; height: 24px; background: url(../images/icon_cart.png) no-repeat center center transparent; background-size: 18px; }
.cart-form span.text { display: block; line-height: 20px; }
.cart-form:hover span.text { color: #ff0000; }
.cart-form i { font-style: normal; position: absolute; top: 0; right: 10px; background-color: #ff6c25; padding: 2px 5px; border-radius: 3px; color: #fff; font-size: 11px; }
#nav-top { height: 34px; }
#nav-top .menu { float: left; width: 215px; position: relative; border-bottom: 0; background: url(../images/bg-repeat.jpg) repeat-x transparent; }
#nav-top .menu > .text { display: block; border: 1px solid #dfdfdf; height: 33px; line-height: 34px; border-bottom: 0; background: url(../images/barcat.png) no-repeat left 15px center transparent; text-transform: uppercase; padding-left: 40px; font-weight: bold; font-size: 14px; }
#nav-top .menu .absolute { position: absolute; top: 34px; left: 0; z-index: 888; background-color: #fff; width: 213px; border: 1px solid #dfdfdf; /* padding: 0 15px;  */ display: none; }
#nav-top .menu .absolute > .rmenu { position: relative; z-index: 999;}
#nav-top .menu .absolute .ritem { line-height: 30px; padding: 10px 15px;border-bottom: 1px solid #dfdfdf; /* position: relative;  */ }
#nav-top .menu .absolute .ritem .rlink { display: block;  }
#nav-top .menu .absolute .ritem .rlink > .text {display: block; color:#000;line-height: 18px;}
#nav-top .menu .absolute .ritem .rlink > sub {display: block; line-height: 18px; color:#888;}
#nav-top .menu .absolute .ritem .rlink:hover > .text, #nav-top .menu .absolute .ritem .rlink:hover { color: #ff0000; }
#nav-top .menu .absolute .ritem:last-child > a { border-bottom: 0; }

ul.submenu.lv2 {padding-left: 15px;}
ul.submenu.lv2 > li a:before {content: "- "}
ul.submenu.lv2 a:hover {text-decoration: underline;}
#nav-top .menu:hover .absolute { display: block; }
#nav-top .nav-link { float: left; line-height: 34px; font-size: 14px; color: #ed1c24; white-space: nowrap; padding: 0 18px; font-weight: bold; }
#nav-top .nav-hotline { float: right; line-height: 34px; font-size: 14px; color: #ed1c24; font-weight: bold;}
#nav-top .nav-hotline b { color: #999; }
#nav-top .menu .absolute .ritem .subabsolute { position: absolute; display: none; left: 213px; width: 500px; background-color: #fff; top: -1px; padding: 10px; border: 1px solid #dfdfdf; height: 379px; z-index: 999; }
#nav-top .menu .absolute .ritem:hover .subabsolute { display: block; }
#nav-top .subabsolute > ul > li {float:left; width:230px; margin-right: 20px;}
#nav-top .subabsolute > ul > li .lv0 {font-weight: bold;}
.home-banner {width: 915px; float: right; position: relative; margin-bottom: 30px; }
.home-banner img {width: 915px; height: 390px;}
.home-banner #bx-pager {display: flex;align-items: center;}
.home-banner #bx-pager > a {cursor: pointer; border: 1px solid #ddd; line-height: 16px;margin-bottom: 5px;display: block;}
/*.home-banner #bx-pager > a {cursor: pointer; border: 1px solid #ddd; height: 30px; line-height: 16px; overflow: hidden;margin-bottom: 5px;display: block;}*/
.home-banner #bx-pager > a.active {border: 1px solid #888;}
.home-banner #bx-pager > a img {float:left;width: 147px;height: 63px; margin-right: 5px;object-fit: cover;}
.home-banner #bx-pager > a span {display: block;font-size: 11px;line-height: 30px;}


.home-left { float: left; width: 815px; }
.prod-box { margin-bottom: 7px; float: left; width: 815px; }
.prod-box > .title { height: 35px; border: 1px solid #e5e5e5; border-radius: 3px; margin-bottom: 21px; background: url(../images/bg-repeat.jpg) repeat-x transparent; }
.prod-box > .title > .text { float: left; line-height: 35px; padding: 0 12px 0 12px; background-color: #ed1c24; color: #fff; font-weight: bold; text-transform: uppercase; white-space: nowrap; position: relative; margin-right: 15px;}
.prod-box > .title > .text:hover { text-decoration: underline; }
.prod-box > .title > .text .arrow {position: absolute;   width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 18px solid transparent; border-left: 13px solid #ed1c24; border-right: 0px solid transparent; border-bottom: 18px solid transparent; top: 0; right: -13px;}
.prod-box > .title .sub { color: #000; display: inline-block; line-height: 35px; white-space: nowrap; float:right }
.prod-box > .title .sub a { color: #000; display; inline-block; padding: 0 10px; }
.prod-box > .title .sub a:hover { color: #0000EE; }
.prod-grid .prod-item { width: 202px; height: 220px; border: 1px solid #ddd; float: left; position: relative; }
.prod-grid .prod-image { height: 140px; display: table-cell; width: 200px; vertical-align: middle; text-align: center; }
.prod-grid .prod-image img { max-width: 190px; max-height: 130px; }
.prod-grid .prod-name { color: black; display: block; padding: 0 5px; line-height: 16px; height: 32px; overflow: hidden; margin-bottom: 5px; }
.prod-grid .prod-name:hover { color: #0000EE; }
.prod-grid .prod-item:hover .prod-name { color: #0000EE; }
.prod-grid .prod-rate { display: block; padding: 0 5px; margin-bottom: 5px; color: #555; }
.prod-grid .prod-rate img { float: left; margin-top: 0px; margin-right: 5px; }
.prod-grid .prod-price { line-height: 18px; padding: 0 5px; white-space: nowrap; }
.prod-grid .prod-price .price { float: left; }
.prod-grid .prod-price .marketPrice { float: right; font-size: 14px; text-decoration: line-through; color: #888 }
.prod-grid .prod-item .inew { position: absolute; background-color: #006dbb; color: #fff; padding: 3px 5px; border-radius: 3px; z-index: 100; right: 5px; top: 5px; }
.prod-box .prod-grid { padding-left: 2px; }
.prod-box .prod-item { margin-top: -1px; margin-left: -1px; }
.home-right { float: right; width: 345px; }
.home-right .news-box { margin-bottom: 20px; }
.home-right .title { height: 35px; border: 1px solid #e5e5e5; border-radius: 3px 3px 0 0; background: url(../images/bg-repeat.jpg) repeat-x transparent; line-height: 34px; /* padding-left: 10px; */ font-weight: bold; font-size: 11px; }
.home-right .title span {padding: 0 7px; display: inline-block; cursor: pointer;}
.home-right .title span:hover, .home-right .title span.open {color:#ff0000;}
.home-right .news-box .list { border-top: 0; }
.home-right .news-box .list > li { height: 50px; padding: 10px 0; overflow: hidden; }
.home-right .news-box .list > li .image { float: left; width: 55px; margin-right: 5px; }
.home-right .news-box .list > li .image img { width: 55px; height: 50px; }
.home-right .news-box .list > li .name { border: 0; font-size: 13px; line-height: 16px; max-height: 32px; overflow: hidden; display: block; margin-bottom: 3px; }
.home-right .news-box .list > li:hover .name { color: #f31c50; }
.home-right .news-box .list > li .date { color: #777; }
.home-right .news-box .list .more-url {display: block; text-align: right; font-size: 14px; text-decoration: underline;}

.home-right .prod-right .list-group { padding: 0px 10px; border: 1px solid #e9e9e9; border-top: 0; }
.home-right .prod-right .list-group li { height: 75px; padding: 10px 0; }
.home-right .prod-right .list-group li:hover { background-color: #fbfbfb; }
.home-right .prod-right .list-group .image { float: left; width: 85px; height: 75px; margin-right: 5px; }
.home-right .prod-right .list-group .image img { max-width: 85px; max-height: 75px; }
.home-right .prod-right .list-group .name { display: block; line-height: 16px; max-height: 32px; overflow: hidden; margin-bottom: 3px }
.home-right .prod-right .list-group li:hover .name { color: #f31c50; }
.home-right .prod-right .list-group .prod-rate { display: block; height: 16px; white-space: nowrap; margin-bottom: 3px; color: #555; }
.home-right .prod-right .list-group .prod-rate img { float: left; margin-right: 5px; }
.home-right .prod-right .list-group .prod-price { }
.home-right .prod-right .list-group .price { float: left; white-space: nowrap; font-size: 12px; color: #f31c50; }
.home-right .prod-right {margin-bottom: 23px}
#support_per_cat { position: fixed; width: 60px; right: 0px; top: 166px; }
#support_per_cat .content { width: 170px; right: -240px; position: absolute; top: -123px; background: #FFF; padding: 15px; z-index: 9; border: solid 1px #ccc; border-right: solid 32px #DDD; border-radius: 6px 0 0 6px; background: #f6f6f6; }
#support_per_cat .button_show_support { z-index: 999; position: relative; }
#support_per_cat .content ul li b { font-weight: bold; display: block; margin: 4px 0; }
#support_per_cat .content ul li { margin: 10px 0; }
#support_per_cat .content ul li span { padding: 5px 0; display: block; color: #0A85DD; }
#support_per_cat .content ul li a { font-weight: bold; }
.title_group { color: #d00; font-weight: bold; font-size: 13px; border-bottom: solid 1px #d00; padding-bottom: 5px; margin-bottom: 10px; }
.detail_support ul { width: 33%; float: left; }
.detail_support ul b { font-weight: bold; display: block; font-size: 13px; margin-bottom: 5px; }
.detail_support ul a { color: #d00; font-size: 14px; font-weight: bold; }
.detail_support ul span { padding-top: 5px; display: block; }
.hotline_right { font-weight: bold; font-size: 17px; color: #d00; margin-bottom: 10px; }

.banner-grid {margin-bottom: 20px;}
.banner-grid > a {border: 1px solid #ddd; display: inline-block; width: 148px; height: 65px;margin-bottom: 5px;text-align: center; transition: all 250ms;}
.banner-grid > a img {max-width: 146px; max-height: 65px;}
.banner-grid > a:hover {border-color:#ff0000;}
.banner-list > a {display: block; margin-bottom: 5px;}
.banner-list > a img {max-width: 100%;}


.row_1, .row_2 { display: block; float: left; width: 100%; }
.avatar { background: url("/includes/images/avatar0.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 45px; margin-right: 10px; width: 45px; }
.row_1 .product_review_content { float: left; height: 60px; outline-color: #008DE4; padding: 10px; width: 530px; }
.row_2 { margin: 10px 0 20px; }
.row_2 .blockInfo { /* margin-left: 53px; */ }
.person_name, .person_email { float: left; height: 26px; line-height: 26px; margin-right: 10px; outline-color: #008DE4; width: 268px; }
.row_3 { float: left; width: 100%; }
.row_3 .captcha { display: block; margin-left: 67px; }
.row_3 .captcha img { float: left; width: 150px; }
.captcha .txt_captcha { float: left; height: 26px; line-height: 26px; margin-right: 10px; outline-color: #008DE4; width: 139px; }
.s_review_name, .s_review_content { display: block; margin-top: 3px; width: 100%; }
.review-right { float: left; margin-left: 20px; }
.s_ykien { background: none repeat scroll 0 0 #FF6600; border: 0 none; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 7px 24px; transition: background 0.3s ease 0s; }
.s_ykien:hover { background: none repeat scroll 0 0 #000000; }

.pin_gift { bottom: 0; display: inline-block; height: 35px; position: absolute; left: 10px; width: 35px; top: 10px;z-index: 300;}

.autocomplete-suggestions{border:1px solid #ccc;background:#FFF;cursor:default;overflow:auto; width: 465px; display:none;z-index:999;position:absolute;top: 26px;max-height: 350px;}
.autocomplete-suggestion{padding:3px 5px;overflow:hidden;}
.autocomplete-suggestion.selected,.autocomplete-suggestion:hover{background:#B0D5F6;}
.autocomplete-selected{background:#F0F0F0;}
.autocomplete-suggestions strong{font-weight:normal;color:#3399FF;}
.autocomplete-suggestions a{text-decoration:none;color: #333;}
.autocomplete-suggestions a:hover{color:#d00 !important;}

/* Popup */
#backgroundPopup{display:none;position:fixed;_position:absolute;height:100% !important;width:100%;top:0;left:0;background:#000;border:1px solid #cecece;z-index:999}#popupContact{display:none;position:fixed;_position:absolute;border:0 solid #666;z-index:9991;padding:7px;font-size:13px;text-align:center}#popupContact div{text-align:right}#popupContact h1{text-align:left;color:#096;font-size:18px;font-weight:700;border-bottom:1px dotted #CCC;padding-bottom:2px;margin-bottom:20px}#popupContactClose{font-size:12px;line-height:16px;right:6px;top:4px;color:#fff;font-weight:700}#button{text-align:center;margin:100px}#popupContact .popupText{color:#fff;font-size:36px;font-weight:bold;line-height:57px;padding:150px 10px 0;text-align:center;z-index:9999}#popupContact .popupLink{text-align:center}#popupContact .popupLink a{text-decoration:none;color:#999}#popupContact .popupLink a:hover{color:#fff}

.imgdetailproduct img{
    width: 350px;
    padding: 50px 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
                        .f-plogo {
                            z-index: -30;
                            position: absolute;
                            top: -5px;
                            left: 290px;
  right: 60px;
                        }

                        .f-pdn {
                            z-index: 0;
                            position: absolute;
                            top: 0px;
                            right:0px;
                        }
                        header.active .f-plogo,
            header.active .f-pdn {
               display:none;
            }
  div#faded-box-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    filter: alpha(opacity=80);
    opacity: .8;
    z-index: 5000;
    background: url(/static/assets/default/images/fancybox_overlay.png);
}

#popupCart {
    opacity: 1;
    overflow: visible;
    height: auto;
    width: 750px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5001;
    background: #f9f9f9 !important;
}

div#hungnv_fancy {
    position: relative;
    background: #f9f9f9 !important;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 10px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#table-shopping-cart img {
    max-width: 90px;
}
#motachitiet img {
    display: block;
    width: 100%;
    margin: 1rem 0;
}