/** * @Project hoasenvang.com.vn WEBSITE CORP * @Author HOA SEN VANG COMPANY * @Copyright (C) 2011 GOLDEN LOTUS MEC. All rights reserved * @License GNU/GPL version 2 or any later version * @Createdate MON,17 Apr 2011 08:07:79 GMT**/ /* Billygoat team **/ /* Billygoat team row 414 */
.well {
    font-family: times new roman;
} /* Billygoat team row 495 */ /*tooltip*/
.tooltip-inner {
    max-width: 350px;
} /* Billygoat team row 625 */
/* Billygoat team row 694 */ /* ########## Bo sung CSS cho NEWS detail ########## */
.hometext::before {
    background-color: #477;
    color: #fff;
    content: "hoasenvang.com.vn";
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    margin-right: 3px;
    padding: 3px 6px;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}
.news-summary {
    clear: both;
    float: left;
    line-height: 26px;
    margin: 0 0 14px;
    width: 100%;
} /* Billygoat team row 759 */
.wraper {
    width: 1100px;
} /* Billygoat team row 802 */
.body-bg {
    /* background-image:url(../images/header.png),linear-gradient(to bottom,#428bca 0,#245682 51px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%); */
    /* BILLYGOAT - REMOVE BG background-image: url("../images/dot-backgroup.png"), linear-gradient(to bottom, rgba(25, 25, 25, 0.1) 35px, #245682 5px, rgba(25, 25, 25, 0) 5px, rgba(25, 25, 25, 0) 100%);

    background-position: left 51px, left top; */
    background-repeat: repeat;	
    background-size: auto;
    background-color: #ffffff;
} /* Billygoat team row 830 */
#header .logo {
    padding: 10px 5px;
} /* Billygoat team row 840 */
#header .logo h2,
#header .logo .site_description {
    display: none;
} /* Add NEW text cho header random */
#header h2 {
    position: relative;
    margin: 0;
} /* Billygoat team row 869 */
.breadcrumbs {
    margin-top: 5px;
} /* Billygoat team row 879 */ /* remove type remove type remove type remove type */
.breadcrumbs a,
.show-subs-breadcrumbs {
    background-color: transparent;
    padding: 5px;
    float: none;
    text-decoration: none;
    color: none;
    position: none;
} /* remove type remove type remove type remove type */ /* Billygoat team row 893 */ /* remove type remove type remove type remove type */
.breadcrumbs a:before {
    content: ;
    position: ;
    top: 0;
    margin-top: 0;
    border-width: 0;
    border-style: none;
    border-color: none;
    left: 0;
} /* remove type remove type remove type remove type */ /* remove type remove type remove type remove type */
.breadcrumbs a:hover:before {
    border-color: ;
} /* remove type remove type remove type remove type */ /* remove type remove type remove type remove type */
.breadcrumbs a:after,
.show-subs-breadcrumbs:after {
    content: none;
    position: ;
    top: 0;
    margin-top: 0;
    border-top-width: 0;
    border-top-style: none;
    border-top-color: none;
    border-bottom-width: none;
    border-bottom-style: none;
    border-bottom-color: none;
    border-left-width: none;
    border-left-style: none;
    border-left-color: none;
    right: 0;
} /* remove type remove type remove type remove type */ /* Billygoat team row 928 */ /* Add new */
.breadcrumbs li::after,
.show-subs-breadcrumbs::after {
    color: #454545;
    content: "/";
    font: 14px;
    padding: 0 10px 0;
    position: absolute;
} /* Billygoat team row 1065 breadcrumbs */
.third-nav {
    margin-bottom: 0;
}
.third-nav .bg {
    background-color: none; /* padding:5px 5px 3px; */ /* background-image: url("../images/dot-backgroup.png"), linear-gradient(to bottom, rgba(25, 25, 25, 0.3) 0px, #245682 0px, rgba(25, 25, 25, 0) 0px, rgba(25, 25, 25, 0) 100%); */
    background: transparent;
    border: medium none;
} /* Billygoat team row 1117 */
#menusite .navbar-default {
   /** background-color: #2c3e50;  **/
	background-color: #202850;
    border-radius: 7px;
    margin-bottom: 10px;
} /* Billygoat team row 1134 */
#menusite .navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
} /* Billygoat team row 1142 */
#menusite .navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
} /* Billygoat team row 1151 */
#menusite .dropdown-menu {
    background-color: #f5fffa !important;
    border-color: #696969 !important;
} /* Billygoat team row 1178 */
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    /** background:linear-gradient(to bottom,#82b2dc 0%,#428BCA 100%) !important; **/
    background: #205fa0 linear-gradient(to left, #ffd700 3px, #205fa0 3px) repeat-x scroll 0 0 !important;
} /* Billygoat team row 414 */ /* Head-Nav */
.header-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 100%;
    color: #505050;
    background-color: transparent;
} /* Billygoat team row 1276 */
.header-nav a {
    /*color:#dcdcdc;*/
    color: #505050;
} /* Billygoat team row 1285 */
.header-nav a.button {
    /* display:inline-block; */ /* padding:5px; */ /* color:#dcdcdc; */ /* line-height:1; */ /* background-color:#428BCA; */ /* border-width:2px; */ /* border-color:transparent transparent #428BCA #428BCA; */ /* border-style:solid; */ /* border-radius:5px; */ /* -webkit-border-radius:5px; */
    border-radius: 5px;
    border-style: solid;
    /* border-width: 1px;  
	    padding: 5px; */
    display: inline-block;
    line-height: 1;

} /* Billygoat team row 1411 */ /** Sticky top menu **/ /** Sticky top menu **/
.social-icons {
    line-height: 35px;
    float: right;
    margin: 0 80px 0 0;
    padding: 0;
}
/* Billygoat Mau khung chat online */
.social-icons > .welcome {
    text-align: center;
    background-color: #e9c541;
    border-radius: 30px 0px 30px 0px;
} /* Billygoat team row 1416 */

/************** DISABLE BY BILLY / MOVE TO STYLE.REPONSIVE.CSS 
.personalArea {
    line-height: 30px;
    float: right;
    width: 120px;
} *****************Billygoat team row 1423 */

.contactDefault {
    line-height: 35px;
} /* Billygoat team row 1448 */ /* Add New */
.langList {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 1px soild #505050;
    background-color: transparent !important;
}
.langList li {
    margin: 5px 0 0 0;
    width: 30px;
    float: right;
    display: inline;
} /* Billygoat team row 1515 */ /* Add new */
.langList {
    list-style: none;
    padding: 0;
    margin: 0;
} /* Billygoat team row 1527 */ /* Add new */ /* Grow Shadow */
.contactList li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    margin-right: 10px;
}
.contactList li:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
} /* Billygoat team row 1552 */
.socialList li a {
    /* background-color:#428BCA; */
    background-color: transparent;
} /* Billygoat team row 1592 */
#body {
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
} /* Billygoat team row 1611 */ /* Footer-NAV2 */
.footerNav2 {
    /** background-color:#002236; 
    background: #002236 linear-gradient(to right, #273037 0%, #233e55 50%, #273037 100%) repeat scroll 0 0;**/
	background: #0d7cbe linear-gradient(to right, #08304e 0%, #286497 50%, #08304e 100%) repeat scroll 0 0;	
    z-index: 4;
} /* Billygoat team row 1671 */ /* ADD NEW to back to top */ /* ADD NEW to back to top */
@keyframes MoveUpDown {
    0% {
        bottom: 30px;
    }
    50% {
        bottom: 70px;
    }
    100% {
        bottom: 30px;
    }
} /** .bttop {animation: MoveUpDown 20s linear infinite;position: fixed;right: 40px;bottom: 90px;}**/
.bttop a {
    display: block;
    line-height: 40px;
    color: #428bca;
    font-size: 30px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}
.bttop a:hover {
    color: #064481;
} /**.bttop a:hover:after {content:".Top";font-size: 16px; }.bttop em { margin-right:-2px;}**/
.bttop {
    -webkit-animation: bounce 12000ms infinite;
    animation: bounce 12000ms infinite;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 100;
}
.bttop :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} /* Billygoat team row 1731 */ /* Footer */
#footer {
    background-attachment: fixed;
    min-height: auto; /* background-color:#245682; */
    background-color: #2c3e50; /*background-image:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);*/
    background-image: linear-gradient(to top, rgba(26, 49, 65, 0.8), rgba(26, 49, 65, 0.8)), url("../assets/images/Hoasenvang-industrial-city-modern-min.jpg");
    background-position: center center;
    padding: 40px 0;
    z-index: 4;
} /* Billygoat team row 1758 */
#footer h3 {
    border-bottom: 1px solid #757575;
    color: #dcdcdc;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-bottom: 5px;
    text-transform: uppercase;
} /* Billygoat team row 1842 */ /* Add NEW registered trademark css */
#footer .trademark {
    color: #adadad;
    font-size: 11.5px;
} /****footer-logo****/
.footer-logo p {
    line-height: 1.7em;
}
.footer-logo img {
    padding-top: 50px;
    width: 95%;
} /* Billygoat team row 1859 */ /* Block copyright*/
.copyright {
    font-size: 12px;
    list-style: outside none none;
} /* Billygoat team row 1867 */ /* Add New */
.copyright li {
    padding: 0 0 5px;
}
.copyright li a,
.copyright span a {
    color: #dcdcdc !important;
}
.copyright li a:hover,
.copyright span a:hover {
    color: #ffffff !important;
} /* Billygoat team row 1881 */
.company_info li {
    padding-bottom: 5px;
} /* Billygoat team row 2032 */ /* List none giong ul class="breadcrumbs list-none"> */
.list-none {
    margin: 5px;
} /* Billygoat team row 2041 */ /* Block global */ /* Billygoat loại bỏ .nv-block-banners {float: right;} */ /* Billygoat team row 2127 */ /** billygoat fied for shop .panel-body ul li { margin-bottom:10px;}**/
.panel-body ul li {
    margin-bottom: 0px;
} /* Billygoat team row 2139 */
.panel-body img {
    margin-bottom: 20px;
} /* Billygoat team row 2152 */ /** panel for shop detail fix by billy goat **/
.panel-default {
    border-color: #ddd;
}
/* Billygoat DI DOI CSS TU BOOTRAP-MIN **/
.panel-default > .panel-heading {
  color: #333;
    background-color: #ede085;
    border: 1px solid #d9d58d;
  /** border-color: #e31212; 
  background: #eeabab url(https://hoasenvang.com.vn/uploads/shops/2026_07/line-style-blue-curvy-wave-2026.png) center / cover no-repeat **/
  
}

.panel {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
} 

/* Billygoat team row 2235 */ /* border cho san pham */
.img-thumbnail {
    background-color: transparent;
} /* Billygoat team row 2265 */ /* san pham tuong tu / san pham da xem SHOPS */
.panel-heading {
    font-weight: 700;
    font-size: 18px;
} /* Billygoat team row 2401 */ /* Cho hoa sen vàng footer */
.featured-products img {
    margin-top: 10px;
    width: 95%;
} /* Billygoat team row NEXT Added without STYLE Orginal */ /* -------ADD MORE FOR HOA SEN VANG RIGHT HERE TO BEGIN OF CODER CSS - DO NOT REMOVE OR DELETED ------- */ /* -------Tay phai megamenu------- */ /* -------megamenu------- */ /* -------megamenu------- */
.fix_banner_right > #myScrollspy > .nav > li {
    display: block;
    position: none; /* <!-- Clock position tai boottrap.min.css cua theme --> */
    border-bottom: 1px solid #999;
    background: #f4f2ef;
}
.fix_banner_right > #myScrollspy > .nav > li > a {
    color: #b19a9a;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px #365670 dotted;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.fix_banner_right > #myScrollspy > .nav > li.active > a {
    color: #fff;
} /* -------Them cho fix_banner_right ------- */
#navigation90 {
    padding-top: 110px;
} /* -------loai bo padding này vì add padding-left: 15px; bên style.css cho Right banner #navigation90 > li { padding-left: 10px;}------- */
#navigation90 > li.active > a {
    text-shadow: 3px 2px #444;
}
#navigation90 > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
}
li.drop-down {
    position: relative;
}
li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}
li.drop-down > ul {
    left: 0px;
    min-width: 230px;
}
.drop-down-ul {
    display: none;
}
li.drop-down > ul > li > a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
} /* ------- mega menu ---------- */
.mega-menu {
    left: 0;
    right: 0;
    padding: 0 5px;
    display: none;
    min-height: 100%;
}
h4.row.mega-title {
    color: #eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 2px solid #878787;
    padding-top: 15px;
    background-color: #365670;
}
.img-responsive {
    padding: 10px 0 10px 5px;
}
.img-responsive-seal {
    padding: 10px 15px 0 0;
    margin-left: 0px;
    width: auto;
    height: 40px;
}
.mega-menu ul li a {
    color: #ccc;
    display: block;
    font-size: 100%;
    line-height: 25px;
}
.mega-menu ul li a:hover {
    color: #fff;
    font-size: 110%;
}
ul.stander {
    padding-top: 10px;
}
ul.stander li a {
    padding: 3px 0px;
}
ul.description {
    padding-top: 10px;
}
ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}
ul.description li span {
    color: #ccc;
    font-size: 85%;
    line-height: 1.5;
}
a.view-more {
    border-radius: 1px;
    margin-top: 15px;
    background-color: #009fe1;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}
a.view-more:hover {
    color: #fff;
    background: #0dadef;
}
ul.icon-des {
    padding-top: 20px;
}
ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009fe1;
    line-height: 35px !important;
} /* -------- Images-----------*/
.Images {
    left: 0;
    width: 100%;
    display: none;
    color: #fefefe;
    padding-top: 15px;
    background: #547787;
    padding-bottom: 15px;
}
.Images h4 {
    font-size: 15px;
    margin-top: 0px;
    text-transform: uppercase;
} /*common*/
.mega-menu {
    background-color: #547787;
} /*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.images-drop-down > a:hover + .Images,
.mega-drop-down a:hover + .mega-menu {
    display: block;
}
.exo-menu .mega-drop-down {
    z-index: 9999;
} /*responsive*/
@media (min-width: 767px) {
    .exo-menu > li > a {
        display: block;
        padding: 20px 15px;
    }
    .mega-menu,
    .Images,
    li.drop-down > ul {
        position: absolute;
    }
}
@media (max-width: 767px) {
    .exo-menu {
        min-height: 58px;
        background-color: #23364b;
        width: 100%;
    }
    .exo-menu > li > a {
        width: 100%;
        display: none;
    }
    .exo-menu > li {
        width: 100%;
    }
    .display.exo-menu > li > a {
        display: block;
        padding: 20px 22px;
    }
    .mega-menu,
    .Images,
    li.drop-down > ul {
        position: relative;
    }
}
a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0px;
} /* thuoc tinh Auto Responsive cho IMG news/about/page */
.bodytext img,
#news-bodyhtml img {
    max-width: 100%;
    height: auto;
} /* -- disable copy AT STYLE.CSS: oncontextmenu='return false' onmousedown='return false' onselectstart='return false' */
#content_detail-1,
#news-bodyhtml {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
} /* Add Tạo drop cap First Letter cho bài viết nukeviet */
.panel-body .margin-bottom-lg.bodytext > *:first-child {
    text-indent: 0px;
}
.panel-body .margin-bottom-lg.bodytext > *:first-child::first-letter {
    font-size: 40px;
    font-weight: 400;
    color: #0099ff;
    text-transform: uppercase;
    margin: 10px 20px 0 0;
} /* Add H2 cho bài viết nukeviet NGAY DUOI HINH ANH */
.clearfix h2 {
    font-size: 14px;
    font-style: italic;
} /*//Shops + news//*/ /* Add nav-tab-right at Detail products */
.nav-tab-right {
    float: right;
    white-space: nowrap;
    margin-top: 5px;
    list-style-type: none;
}
.nav-tab-left {
    float: left;
    white-space: nowrap;
    margin-top: 5px;
    list-style-type: none;
}
.nav-tab-left li {
    padding: 5px;
} /* Addby Billy Social shared for shop only */
.slideouticons .horizontal {
    /* webkit adjacent sibling bug fix */
    -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
    from {
        padding: 0;
    }
    to {
        padding: 0;
    }
}
.slideouticons {
    /* main container for slide out icons */
    position: relative; /* change position to fixed or absolute if desired */
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 1000;
}
.slideouticons input {
    display: none;
}
.slideouticons label.mainlabel {
    /* menu shared anchor icon style */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 20px; /* font size, pertains to icon fonts specifically */
    width: 50px; /* width of anchor icon */
    height: 50px; /* height of anchor icon */
    text-align: center;
    color: #eee;
    background: #9a9a9a;
    border-radius: 50%;
    outline: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.slideouticons label.mainlabel:hover {
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    color: #555;
}
.slideouticons span.numberlike {
    /* menu Like shared anchor icon style */
    color: red;
}
.slideouticons .iconswrapper {
    /* DIV that flips over to reveal the hidden icons */
    position: absolute;
    margin: 0;
    top: 60px; /* vertical offset of icons wrapper from the top of main container */
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.slideouticons .iconswrapper ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: -1;
}
.slideouticons .iconswrapper ul li {
    margin-bottom: 10px;
    position: relative;
    opacity: 0;
    width: 50px; /* width of social icons */
    height: 50px; /* height of social icons */
    -webkit-transform: translateY(-100%) rotate(0);
    transform: translateY(-100%) rotate(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.slideouticons .iconswrapper ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 24px; /* font size, pertains to icon fonts specifically */
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #80c5ec; /* background color of icons */
    text-decoration: none;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.slideouticons .iconswrapper ul li a:hover {
    background: #515151; /* background color of icons on hover */
    color: white;
}
.slideouticons input:checked ~ label.mainlabel {
    background: navy; /* background color of toggler icon when activated */
}
.slideouticons input:checked ~ .iconswrapper {
    /* flip icons wrapper to reveal icons when activated */
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    padding-top: 10px;
}
.slideouticons input:checked ~ .iconswrapper ul li {
    /* rotate and shift icons into view when activated */
    opacity: 1;
    -webkit-transform: translateY(0) rotate(360deg);
    transform: translateY(0) rotate(360deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(1) {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    z-index: 4;
}
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; /* increment delay by 0.3s for each icon */
    z-index: 3; /* decrement z-index by 1 for each icon */
}
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    z-index: 2;
}
.slideouticons input:checked ~ .iconswrapper ul li:nth-of-type(4) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
    z-index: 1;
} /* ########## Horizontal Version CSS ########## */
.slideouticons.horizontal .iconswrapper {
    top: 55px;
    left: 60px; /* horizontal offset of icons wrapper from the left of main container */
}
.slideouticons.horizontal .iconswrapper ul li {
    display: inline;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    -webkit-transform: translateX(-100%) rotate(0);
    transform: translateX(-100%) rotate(0);
}
.slideouticons.horizontal input:checked ~ .iconswrapper ul li {
    -webkit-transform: translateX(0) rotate(360deg);
    transform: translateX(0) rotate(360deg);
} /* ########## Shop detail CSS ########## */
.pro-code-decor {
    border-bottom: 1px solid #e4cb43;
    border-top: 1px solid #e4cb43;
} /* Billygoat team Live Chat CSS Function */ /* Billygoat team at hoasenvang.vn */ /* Billygoat team only Desktop */
@media only screen and (max-width: 640px) {
    #lhc_need_help_container {
        display: none !important;
    }
    #lhc_status_container {
        display: none !important;
    }
} /* Billygoat team row 414 */ /* Billygoat add More Div at boottom detail product page */ /* both */
.recent-product-bottom {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0px;
/*  padding-right: 0px;
    padding-left: 0px;
    background: #f7f7f7;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
*/	
} /* left */
.recent-product-left {
    margin-top: 0px;
}
.recent-product-left {
    /* width: 60%; */
    display: inline-block;
    float: left;
    margin-top: 0px;
}
.recent-product-left .thumb {
    width: 25%;
    display: inline-block;
    float: left;
    border: 1px solid #e8e8e8;
    padding: 4px;
    margin-right: 10px;
    border-radius: 5px;
}
.recent-product-left .title_product {
    width: 70%;
    display: inline-block;
    float: left;
    margin-top: 30px;
}
.recent-product-left .title_product p.advisory {
    font-size: 14px;
    color: #555;
}
.recent-product-left a.link-back {
    text-align: left;
    font-size: 15px;
    color: #f37021;
    font-weight: 600;
} /* right */
.recent-product-right {
    margin-top: 30px;
}
.recent-product-right {
    display: inline-block; /* width: 40%; */
    float: left;
}
.recent-product-right span.quote-note {
    font-size: 12px;
    color: #666;
    padding-top: 5px;
    display: block;
    padding-left: 12px;
} /* Billygoat team row 414 */
#site-menu-close {
    color: #095384;
    font-size: 16px;
    color: #fff;
} /* Billygoat team add for Goi Cho Toi tai Detail SHOPS */
.form-control-callforme {
    display: inline-block;
    min-width: 45%; /* width: auto; */
    height: 45px;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
} /* Billygoat team row 414 */ /* NAV TOP Billygoat team row 414 */
.container-nav {
    width: 80%;
    margin: 0 auto;
    clear: both;
}
/* NAV TOP after scroll on to botton */
#topnav {
    background-color: #ede085;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    transition: all 0.5s;
}
#topnav.scrollUp {
    transform: translateY(-80px);
} /* billygoat add */ /* billygoat add Chỉ xuất hiện khi màn hình lớn nhất không quá 768px*/ /* Billygoat team row 414 */
@media (max-width: 768px) {
    #topnav {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9998;
        transition: all 0.5s;
    }
} /* Billygoat team add class remove class */
nav#topnav.scrollstop {
    background-color: #eeebeb;
    border-bottom: 1px solid #cccccc;
} /* Billygoat team DMCA at footer extender */
.dmca {
    padding: 20px 0;
}
.dmca img {
    margin-right: 5px;
    height: 35px;
    border-radius: 5px;
} /* Billygoat team DMCA at footer extender REPONSIVE */
@media screen and (max-width: 1680px) and (min-width: 1024px) {
    .dmca img {
        height: 25px;
    }
    .social-golden-lotus {
        font-size: 70%;
    }
} /* Billygoat team blockquote to NEWS module */
blockquote {
    font-size: 1em;
    margin: 10px auto;
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    border-left: 7px solid #0abb80;
    position: relative;
    background: #ededed;
}
blockquote::before {
    font-family: Arial; /***-- content: "\201C";  color: #414847; --***/
    font-size: 5em;
    position: absolute;
    left: 0px;
}
blockquote::after {
    content: "";
}
blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
} /* img-tet-2019 - STYLE TET 2019 */
.img-tet-2019 {
    display: block;
    position: absolute;
    left: 30%;
} /* Add CSS vao HEAD RIGHT chuyen dong TEXT sat LOGO - quang cao */
#head_right:before,
#head_right:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1%;
    height: 100%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.55);
    z-index: 999999999;
}
#head_right:before {
    left: 155%;
    animation: light-left 1.8s infinite alternate linear;
}
#head_right:after {
    right: -55%;
    animation: light-right 3s infinite alternate linear;
}
@keyframes light-left {
    0% {
        left: 85%;
        opacity: 0;
    }
    50% {
        left: 20%; /* thanh so 2 padding ben Left */
        opacity: 1;
    }
    100% {
        left: 50%;
        opacity: 0;
    }
}
@keyframes light-right {
    0% {
        right: 80%;
        opacity: 0;
    }
    50% {
        right: 100%; /* thanh so 1 padding ben right */
        opacity: 1;
    }
    100% {
        right: 0%;
        opacity: 0;
    }
} /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /* Billygoat team row 414 */ /** HTML at header extender welcome effect 2020 **/
#welcome_effect::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1.5s ease-out 1s infinite;
    -o-animation: searchLights 1.5s ease-out 1s infinite;
    animation: searchLights 1.5s ease-out 1s infinite;
} /** HTML at header extender Giáng sinh 2020 **/ /*.snow, .snow:before, .snow:after { position: absolute; top: -600px; left: 0; bottom: 0; right: 0; background-image: radial-gradient(3px 3px at 222px 214px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 409px 466px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 521px 57px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 538px 257px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 232px 13px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 502px 457px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 541px 461px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 393px 124px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 104px 149px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 249px 42px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 59px 584px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 86px 468px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 353px 178px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 51px 44px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 254px 132px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 430px 266px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 282px 50px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 381px 306px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 168px 202px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 269px 194px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 57px 393px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 131px 263px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 336px 407px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 517px 336px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 14px 485px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 520px 570px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 17px 115px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 516px 20px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 381px 525px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 248px 132px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 444px 503px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 106px 458px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 339px 343px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 561px 212px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 187px 131px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 174px 81px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 368px 304px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 59px 208px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 453px 410px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 58px 141px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 536px 221px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 554px 225px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 550px 537px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 183px 400px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 588px 243px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 266px 492px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 25px 359px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 488px 28px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 196px 278px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 146px 6px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 242px 195px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 112px 469px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 385px 582px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 588px 310px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 294px 374px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 327px 105px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 559px 580px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 293px 137px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 116px 306px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 397px 257px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 317px 469px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 562px 88px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 38px 543px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 194px 549px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 459px 238px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 36px 573px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 295px 591px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 27px 306px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 373px 441px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 84px 110px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)); background-size: 600px 600px; animation: snow 3s linear infinite; content: "";}.snow:after { margin-left: -200px; opacity: .4; animation-duration: 6s; animation-direction: reverse; filter: blur(3px);}.snow:before { animation-duration: 9s; animation-direction: reverse; margin-left: -300px; opacity: .65; filter: blur(1.5px);}@keyframes snow { to { transform: translateY(600px); }}/** HTML at header extender Giáng sinh 2020 **/ /* <div class="snow"><!-- SNOW css at Style 2 second --></div> */
/* Điều chỉnh lại tên hàng và Yêu thích dưới hình sản phẩm - /shops/ */
.thumbnail .caption {
    padding: 9px;
    color: #333;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
/** Header **/
#header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /** padding-top: 40px; **/
}
/** SAMPLE - NOT -USE NOW ------ Home text banner at top **/
.nv-block-banners {
    /* Add any specific styles for your banner block here */
}
.heading-highlight {
    font-family: Georgia, serif;
    font-size: 16px;
    color: rgb(230, 126, 34);
    font-weight: bold;
}
.subheading-highlight {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

/** MOBILE MENU **/
.second-nav {
    z-index: 10000;
}

/** CSS SHop detail block_news **/