@charset "utf-8";

/*@font-face {
  font-family: 'GothamBook';
  src:url('../fonts/GothamBook.ttf');
}*/
/*@font-face {
  font-family: 'GothamBold';
  src:url('../fonts/GothamBold.ttf');
}*/
@font-face {
  font-family: 'GothamMedium';
  src:url('../fonts/GothamMedium.ttf');
}


@font-face {
  font-family: 'GothamBook';  
  src: url('../fonts/GothamBookFont.otf') format('opentype'),
        url('../fonts/GothamBook.ttf') format('truetype');
}

@font-face {
  font-family: 'GothamMedium';  
  src: url('../fonts/GothamMedium.otf') format('opentype'),
        url('../fonts/GothamMedium.ttf') format('truetype');
}

@font-face {
  font-family: 'GothamBold';  
  src: url('../fonts/GothamBold.otf') format('opentype'),
        url('../fonts/GothamBold.ttf') format('truetype');
}

/*@font-face {
  font-family: 'testFont';  
  src: url('../fonts/GothamBook.ttf') format('truetype'),
        url('../fonts/GothamBookFont.otf') format('opentype');
}*/

body {font-family: "GothamBook", Arial, Helvetica, sans-serif; color: #020202;}
@media(min-width: 768px){
body{font-size: 16px;}
}
header {width: 100%; background-color: #fff; z-index: 999999; border-top: 0px solid #ccc; }
.header-inner { position: relative; padding: 10px 15px !important; max-width: 100% !important; }
@media (min-width:1200px) {
.header-inner{padding: 10px 80px 0 !important;}
}
@media (min-width:1400px) {
.header-inner{padding: 0px 100px 0 !important;}
}
.container{max-width: 100%;}
@media (min-width: 1200px){
    .container{padding: 10px 80px;}
}
@media (min-width: 1400px){
.container { padding: 10px 100px;}
}

.mx-auto { display: block; }

a{text-decoration: none;color:#252525;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

.header-left{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0; background:#fff;}
@media (min-width:1400px) {
    .header-left{padding: 10px 0;}
}
.logo{width: 136px; height: 60px; margin: 5px 0;}
@media (min-width:992px) {
    .logo{height: 60px; width: 206px; margin-left:-22px!important; }
}
@media (min-width:1200px) {
    .logo{width: 210px; margin: 11px 0;}
}
@media (min-width:1400px) {
    .logo{width: 240px;}
}
.box-logo{width: 70%; text-align: center;}
.header-top-r{width: 0;}
@media (min-width:992px) {
    .box-logo{width: 30%; text-align: left;}
    .header-top-r{width: 70%;}
}
.header-top-r{display: flex; justify-content: flex-end; align-items: center;}
.search{display: none;}
.mobile-search{display: block; width: 100%;}
.search-box{border: 2px solid rgb(126, 126, 126); background-color: #fff; padding: 6px 20px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%;}
@media (min-width:992px) {
    .search{display: block; width: 48%; padding-right: 10px; display: flex; justify-content: flex-end;}
    .mobile-search{display: none;}
    .search-box{ max-width: 250px; padding: 10px 20px;}
}
@media (min-width:1200px) {
    .search{padding-right: 0;}
    .search-box{max-width: 360px;}
}
@media (min-width:1400px) {
    .search-box{max-width: 440px;}
}
.search-text{font-size: 14px; color: #7E7E7E; border: none; font-weight: bold; width: 100%; }
.header-top-nav{display: none;}
.header-top-nav li{padding: 0 10px;}
.header-top-nav li a{font-size: 14px; color: rgb(126, 126, 126); font-family: 'GothamMedium', Arial, Helvetica, sans-serif;}
.header-top-nav li a:hover{color: #fac10a;}
.mobile-nav{display: block;}
@media (min-width:992px) {
    .mobile-nav{display: none;}
    .header-top-nav{display: flex; margin: 0;}
}
@media (min-width:1400px) {
    .header-top-nav li{padding: 0 20px;}
}
.jump-box{display: none;}
.jump-box i{display: none; font-style: normal; font-family: 'GothamMedium'; font-size: 12px; line-height: 14px; padding-top: 4px; text-align: center; color: #666; }
@media (min-width:992px) {
    .jump-box{margin: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 10px;}
    .jump-box i{display: block;}
}
.header-right {display: none; border-top: none; flex-grow: 1; display:inline-block; width: 100%; background:#fff; }
@media (min-width:992px) {
    .header-right{min-height: 20px; border-top: 1px solid #ccc;}
}

/*nav*/
.nav-box{padding: 0;}
.menu{display: flex; justify-content: space-between; }
.box-menu li {/* position: relative; */}
.box-menu > ul > li  { flex-grow: 1; }
.sub-menu > li  { flex-grow: 1; }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { font-size:16px; color: #020202; display: block; /* padding: 5px 10px; */ }
@media(min-width: 992px) {
.box-menu > ul > li > a { padding: 5px 4px; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { /* padding: 5px 10px; */ padding: 5px;}
}
@media(min-width: 1440px) {
.box-menu > ul > li > a { font-size: 1.125rem; padding:5px 15px;}
}
.box-menu > ul { margin-bottom: 0; }
.box-menu > ul > li {text-align:center; float:left; /* position: relative; */ padding: 5px 0;}
@media (min-width:1400px) {
    .box-menu > ul > li{padding: 8px 0;}
}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover { background-color: #fff;}
.box-menu > ul > li > a > span { font-size: 14px; width: 100%; font-weight: bold; height: inherit; line-height: inherit;}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a { color: #020202;}
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #7e7e7e;}
.box-menu > ul > li > ul {min-width: 962px; width: 100%; border-top: 1px solid #eee; position: absolute; top: 100%; z-index: 99999; background-color: #fff; display: flex;  justify-content: flex-start;
     opacity: 0;
     flex-grow:1;
     pointer-events: none;
filter: alpha(opacity=0); 
 /*-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; */
}

/*.box-menu > ul > li > ul > li {
    display: flex; 
         justify-content: center; 
         position: static!important; 
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
}*/
.box-menu > ul > li > ul::before{content: ''; width: 100%; height: 103%; border-top: 1px solid #eee; position: absolute; left: -100%; top: -1px; background-color: #fff;}
.box-menu > ul > li > ul::after{content: ''; width: 100%; height: 103%; border-top: 1px solid #eee; position: absolute; right: -100%; top: -1px; background-color: #fff;}
.box-menu > ul > li > a > span:hover > ul{ opacity: 1; }
.box-menu > ul > li ul li { text-align: left; padding: 4px 0px;}
@media (min-width:1440px) {
    .box-menu > ul > li ul li {padding: 4px 10px; padding-left:0;}
    .sub-menu2 { padding-left:0!important; }
}
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { font-weight: normal; white-space: nowrap; color: #7e7e7e; text-align: center; font-size: 14px; font-weight: bold; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ text-decoration: underline;}
.box-menu > ul > li.selected > ul {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        /*-webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        transition: all 1.5s;*/
}
.box-menu > ul > li > ul > li > .sub-menu2{
    min-width: 962px; width: 100%; border-top: 1px solid #eee; position: absolute; top: 100%; z-index: 99999; background-color: #fff; padding: 15px 5px; display: flex;  justify-content: flex-start;
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0); 
    /*-webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out; */
}
.box-menu > ul > li > ul > li > .sub-menu2::before{content: ''; width: 100%; height: 100.2%; border-top: 1px solid #eee; position: absolute; left: -100%; top: -1px; background-color: #fff;}
.box-menu > ul > li > ul > li > .sub-menu2::after{content: ''; width: 100%; height: 100.2%; border-top: 1px solid #eee; position: absolute; right: -100%; top: -1px; background-color: #fff;}
.box-menu > ul > li > a > span > ul > li > a:hover > ul{ opacity: 1; }
.box-menu > ul > li > ul > li{ text-align: left; padding: 7px 5px;}
@media (min-width:1440px) {
    .box-menu > ul > li > ul > li{padding: 11px 15px; padding-left:0; }
}
.box-menu > ul > li > ul > li.active, .box-menu > ul > li > ul > li.selected, .box-menu > ul > li > ul > li:hover { background-color: #fff;}
.box-menu > ul > li > ul > li.active a, .box-menu > ul > li > ul > li.selected a, .box-menu > ul > li > ul > li:hover a{color: #020202;}
.box-menu > ul > li ul li ul li a { font-weight: normal; white-space: nowrap; color: #020202; text-align: center; font-size: 14px; }
.box-menu > ul > li ul li ul li a:hover, .box-menu > ul > li ul li ul li a.active{ text-decoration: underline;}
.box-menu > ul > li > ul > li.selected > ul {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        /*-webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);*/
        /*transition: all 0.6s;*/
}
@media (min-width:992px) {
    .dropdown{position: unset;}
}
.menu{position: relative;}
.menu .sub-menu{position: absolute; left: 0; display: flex; justify-content: space-between;}
.menu .sub-menu1{display: flex; justify-content: flex-start;}
.box-menu > ul > li > .sub-menu1::before{content: ''; width: 100%; height: 100.2%; border-top: 1px solid #eee; position: absolute; left: -100%; top: -1px; background-color: #fff;}
.box-menu > ul > li > .sub-menu1::after{content: ''; width: 100%; height: 100.2%; border-top: 1px solid #eee; position: absolute; right: -100%; top: -1px; background-color: #fff;}
.menu .sub-menu2{position: absolute; left: 0; top: 100%; display: flex; justify-content: flex-start;}
.sub-menu-ul{display: flex; justify-content: space-between;}
.nav-list li{padding-left: 0 !important;}
.nav-list li a{color: #7e7e7e !important; font-weight: normal !important;}
@media (min-width:992px) {
    .nav-list li a{color: #020202 !important;}
}
.nav-list li a:hover{text-decoration: underline !important;}
.nav-title{font-family: 'GothamMedium'; color: #252525; font-size: 15px; font-weight: 700;}
.nav-right-inner{display: none;}
@media (min-width:992px) {
    .nav-right-inner{ padding-left: 30px !important; display: block;}
    .nav-right{height: 100%; display: flex; justify-content: flex-start; border-left: 1px solid #eee;}
    /* .nav-rw1{max-width: 700px;} */
    /*.nav-rw5{max-width: 1300px;}*/
}
.nav-left li a:hover, .nav-left li a.active{text-decoration: underline;}
.nav-right-box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; overflow-y: auto; height: 500px;}
.nav-li{padding-left: 30px; padding-right: 30px; padding-bottom: 30px; }
.nav-li a{display: flex; flex-direction: column; justify-content: center; width: 170px; overflow: hidden;}
.nav-img{position: relative; width: 100%; height: 100%; overflow: hidden;}
.nav-img img{transition: all ease-out .4s;}
.nav-li i{padding: 5px; text-align: center; font-size: 14px; color: #252525; font-style: normal; white-space: normal; line-height: 18px; font-weight: normal;}
.nav-li:hover .nav-img img{transform: scale(1.1); transition: all ease-out .4s;}
.nav-li:hover i{text-decoration: underline; transition: all ease-out .4s;}
/* ---- */
.box-menu > ul > li > a.active{color: #bbb;}

/* nav scrollbar */
.nav-right-box::-webkit-scrollbar{width: 5px;}
.nav-right-box::-webkit-scrollbar-thumb{border-radius: 10px; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background-color: #ccc;}
.nav-right-box::-webkit-scrollbar-track{border-radius: 10px; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background-color: #fafafa;}

/* mobile menu */
.st-menu { background-color: #fff; }
.st-menu ul li a { color: #7e7e7e; font-size: 14px; }


.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#7e7e7e;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px!important;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:50px; text-decoration: none !important; color: #fff !important;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #fff; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
.menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #E5E5E5;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 


.btn-ud {
  color: #fff!important;
  background-color: #7d3800;
  padding: 2px 10px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fac10a;}
.btn-ud:hover {
  color: #fff;
  background-color: #fac10a;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fac10a;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fac10a;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}


/*main-all*/
/*.main-all { min-height: 90vh; overflow: hidden; }*/


.topbox{height: 144px; }
@media (min-width:768px) {
    .topbox{height: 150px;}
}
@media (min-width:1240px) {
    .topbox{height: 140px;}
}
@media (min-width:1400px) {
    .topbox{height: 174px;}
}

/*slideshow*/
.index-swiper{height: 100%;}
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.index-pagination{position: absolute; display: flex; justify-content: flex-start; padding-left: 50px;}
.index-pagination .swiper-pagination-bullet{width: 12px; height: 12px; border-radius: 100%; background-color: #fff; border: 2px solid #fff; outline: none; opacity: 1;}
.index-pagination .swiper-pagination-bullet-active{background-color: rgb(126, 126, 126);}
.swiper-pagination-bullet { height: 12px; width: 12px;border-radius: 50%; outline: none; opacity: 1;}
.swiper-pagination-bullet-active { background-color: #ac5b26; }
.swiper-button-prev {outline: none; background: url(../images/arrow-left.png) no-repeat center; width: 30px; height: 30px; }
.swiper-button-next {outline: none; background: url(../images/arrow-left.png) no-repeat center; width: 30px; height: 30px; transform: rotateZ(180deg); }
@media (min-width:992px) {
    .swiper-button-next, .swiper-button-prev{width: 50px; height: 50px;}
}
.swiper-button-next::after, .swiper-button-prev::after{content: '';}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
.swiper-slide{position: relative; height: 100%; background-color: #f3f4f7;}
.swiper-slide-img{position: relative; overflow: hidden; height: 100%;}
@media(max-width: 767.98px){
  .index-swiper{ max-width: 1920px; margin: auto; height: 60vh;}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}
@media(max-width:425px){
    .index-swiper{height: 50vh !important;}
    .swiper-container img{
        position: absolute;
        top: 0;
        left: 0;
    }
}


/*back-to-top*/
#back-to-top {position: fixed; right: 2%; bottom: 6%; z-index: 99999; background-color: #fac10a; border-radius: 10px; padding: 16px;}
@media(min-width: 768px) {
    #back-to-top {right: 1%; bottom: 6%;}
}
#back-to-top a {color: #fff;}

/* footer */
.footer{padding: 20px 0; background-color: rgb(126, 126, 126);}
.footer-text{color: #fff; font-weight: 600; font-size: 12px; }
@media (min-width:992px) {
    .footer-text{font-size: 13px;}
}

/* product */
.product{padding: 15px 0 0px;}
.product-list{display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
@media (min-width:992px) {
    .product-list{display: flex; flex-direction: row; align-items: center; margin-bottom: 15px;}
}
.product-inner{border: 4px solid #f4f4f4; overflow: hidden; transition: all ease-out .4s;}
.product-images{overflow: hidden; position: relative; width: 100%;}
.product-images img{transition: all ease-out .4s; width: 100%;}
.product-text{padding: 15px; overflow: hidden; width: 100%;}
.product-text a{display: flex; justify-content: center; text-align: center; color: #020202; font-weight: bold; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: all ease-out .4s;}
.product-text a:hover{color: #7e7e7e; transition: all ease-out .4s;}
.product-inner:hover{border-color: #ccc; transition: all ease-out .4s; }
.product-inner:hover .product-images img{transform: scale(1.1); transition: all ease-out .4s; }
@media (min-width:992px) {
    .product-images{width: 60%;}
    .product-text{width: 40%;}
    .product-text a{text-align: left; padding-top: 0; padding-bottom: 0;}
}


/* product */
#categorymenu { display:none; }
#categorymenu a {
    background: #efefef;
    color: #7D3800;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
#categorymenu a i {
    float: right;
    font-size: x-large;
    font-weight: bold;
}
.product-container { display:flex; justify-content:space-between; }
.product-left-container { width:20%; margin-right:2.5%; }
.product-right-container { width:80%; }
@media(max-width:780px){
    .product-container { display:block; }
    .product-left-container { width:100%; margin-right:0; margin-bottom:30px; }
    .product-right-container { width:100%; }
    #categorymenu { display:block; }
}
.breadcrumb { background:#fff; }
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "";
}
.category-name h5 { font-weight:bold; font-size:18px; }
.custom-line { width:100%; height:1px; background:#CCCCCC; }
.category-description { font-size:14px; }

.product-item { overflow:hidden; }
.product-item img { transition: all 0.5s ease; }
.product-item:hover img { transform: scale(1.1); }
.product-item:hover .product-item2 { border:4px solid #CBCBCB; }
.product-cover-image { width:100%; overflow:hidden; display:block; }




/* product inner start */
#categorymenu { display:none; }
#categorymenu a {
    background: #efefef;
    color: #7D3800;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
#categorymenu a i {
    float: right;
    font-size: x-large;
    font-weight: bold;
}
.product-container { display:flex; justify-content:space-between; }
/*.product-left-container { width:20%; margin-right:2.5%; }*/
.product-right-container { width:100%; }
@media(max-width:780px){
    .product-container { display:block; }
    .product-left-container { width:100%; margin-right:0; margin-bottom:30px; }
    .product-right-container { width:100%; }
    #categorymenu { display:block; }
}
.breadcrumb { background:#fff; }
/*.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: ">";
}*/
#categorybox { padding:20px; border:4px solid #F4F4F4; margin-bottom:50px; }
.toggle-btn { position:absolute;right:0; font-size:22px; margin-top:-3px; }
.hide { display:none; }
.category1 { color:#020202; font-weight:bold; padding-right:25px; }
.category2 { color:#333333; font-size:14px; }
.product-item .product-title { padding:20px 0; }
.product-item { margin-bottom:30px; }
.product-item img { width:100%;height:auto; }
.product-item2 { border:4px solid #F4F4F4; }
@media(max-width:768px){
    .product-left-container { width:100%; }
    .product-right-container { width:100%; }
}

.product-container thead tr { border:0; }
.product-container table th { text-align:left; font-size:18px; }
.product-container table td { width:41%; font-size:14px; }
.description-title { font-size:20px; font-weight:bold; }
.row2 { align-items:flex-start!important; }
.product-container .table thead th { border:0; }
/* product inner end */



/* location slide */
.location-photo .slider-for button { display: none; }
.location-photo .slick-prev, .location-photo .slick-next { position: absolute; display: block; height: 30px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.location-photo .slick-prev:focus, .location-photo .slick-next:focus { outline: none; }
.location-photo .slick-prev.slick-disabled:before, .location-photo .slick-next.slick-disabled:before { opacity: 0.25; }
.location-photo .slick-prev:before, .location-photo .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.location-photo .slider-nav .slick-prev { left: -15px; background: url(../images/left-icon-n.png) center no-repeat ; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo .slider-nav .slick-prev { top: 58%; }
}
@media(min-width: 1024px) {
.location-photo .slider-nav .slick-prev { left: -18px; }
}
@media(min-width: 1440px) {
.location-photo .slider-nav .slick-prev { left: -25px; top: 65%; }
}
.location-photo .slick-prev:before { content: ''; }
.location-photo .slider-nav .slick-next { right: -15px; background: url(../images/right-icon-n.png) center no-repeat ; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo .slider-nav .slick-next { top: 58%; }
}
@media(min-width: 1024px) {
.location-photo .slider-nav .slick-next { right: -18px; }
}
@media(min-width: 1440px) {
.location-photo .slider-nav .slick-next { right: -25px; top: 65%; }
}
.location-photo .slick-next:before { content: ''; }
.location-photo .slick-slider { margin-bottom: 15px; }
.location-photo .slider-for img { width: 100%; }
.location-photo .slider-nav img { width: 100%;}

.location-photo .slider-nav .slick-slide.slick-current.slick-active img { border: 3px solid #C9C9C9; }
.location-photo .slick-slide { outline:none; }
/* location slide end*/

.pagination {
    justify-content: flex-end;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #7E7E7E;
    border-color: #7E7E7E;
}
.page-link {
    color: #000;
    background-color: #E2E2E2;
    border: 1px solid #dee2e6;
    margin-right:10px;
}
.page-link:hover {
    color: #000;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(226 226 226 / 25%);
}














































































/***** product detail start ****/
.elevate-zoom-wrapper {
    /*display: flex;*/
    margin-bottom: 2rem;
    position: relative;
}

.product-thumbnail-gallery {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.product-thumbnail-gallery.swiper-horizontal {
    margin-top: 8px;
}
@media (min-width: 768px) {
    .product-thumbnail-gallery.swiper-horizontal {
        padding: 0 30px;
    }
}

.product-thumbnail-gallery .swiper-container {
    background-color: transparent;
}

.product-thumbnail-gallery .swiper-button {
    position: absolute;
    display: block;
    margin-top: -10px;
    background: transparent;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #089346;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
    outline: none;
    cursor: pointer;
}
.product-thumbnail-gallery.swiper-horizontal .prev-thumb {
    top: 50%;
    margin-top: -10px;
    left: -6px;
}
.product-thumbnail-gallery.swiper-horizontal .next-thumb {
    top: 50%;
    margin-top: -10px;
    right: -4px;
}

.product-thumbnail-gallery .swiper-button.swiper-button-disabled{
    cursor: default;
    color: #999;
    opacity: .7;
}


/***** product detail end ****/


/*.sp-p p { margin-bottom:0; }*/


#back-to-top  {
    font-size:15px;
    line-height:12px;
}
@media (max-width: 768px){
    #back-to-top  {
        font-size:14px;
        line-height:14px;
    }
}

.first-cate { margin-bottom:30px; }
.first-cate .category2 { margin-bottom:11px; }
.first-cate .list-unstyled { padding-top:10px; }
.toggle-btn i { font-size:16px; }

#menu li a { text-align:left; }
#menu li:first-child a { padding-left:0; }


.arrow-right {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #7E7E7E;
    font-size: 0;
    line-height: 0;
    transform: rotate(90deg);
    margin:0 7px;
    margin-bottom:1px;
}
.breadcrumb-item+.breadcrumb-item { padding-left:0; }
.breadcrumb-item+.breadcrumb-item::before { padding-right:0; }



/* product inner modal start */
.product-modal { z-index:9999; }
.product-modal .modal-dialog,.product-swiper { max-width:951px; }
@media (min-width: 1200px){
    .product-modal .modal-dialog,.product-swiper {
        max-width: 1140px;
    }
}
.product-modal .modal-body {
    position: relative;
    height: 100%;
}
.product-modal .swiper {
    width: 15%;
    height: 15%;
}
.product-modal .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: gray;
    height:60px;
}
.product-modal .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background:#fff;
}
.product-modal .product-swiper { padding-top:30px; padding-bottom:30px; overflow:hidden; 
    position:relative; padding-left:15px; height:656px;
}
.product-modal .swiper-button-prev2, .swiper-button-next2 { background:#fff; display:block; width:100%!important; height:32px; text-align:center; right:0; }
.product-modal .swiper-button-prev2 { position:absolute; top:0; z-index:999; }
.product-modal .swiper-button-next2 { position:absolute; top:96%; z-index:999; line-height:38px; }
.product-modal .product-swiper i { font-size:33px; color:#7f7f7f; }
@media(max-width:1200px){
    .product-modal .product-swiper {
        height: 545px;
    }
}
/* product inner modal end */


/* btn start */
.btn-info-cus {
    color: #FFF;
    background-color: #7E7E7E;
    border:2px solid #7E7E7E;
    border-radius:0;
    outline:0;
    padding:10px 43px;
}
.btn-info-cus:hover {
    color: #7E7E7E;
    background-color: #fff;
    border-color: #7E7E7E;
}
.btn-info-cus.focus, .btn-info-cus:focus {
    box-shadow: 0 0 0 0.2rem #fff;
}
.btn-info-cus:not(:disabled):not(.disabled).active, .btn-info-cus:not(:disabled):not(.disabled):active, .show>.btn-info-cus.dropdown-toggle {
    color: #7E7E7E;
    background-color: #fff;
    border-color: #fff;
}
.btn-info-cus:not(:disabled):not(.disabled).active:focus, .btn-info-cus:not(:disabled):not(.disabled):active:focus, .show>.btn-info-cus.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #fff;
}
/* btn end */


/* btn2 start */
.btn-info-cus2 {
    color: #7E7E7E;
    background-color: #FFF;
    border:2px solid #7E7E7E;
    border-radius:10px;
    outline:0;
    padding:10px 43px;
}
.btn-info-cus2:hover {
    color: #FFF;
    background-color: #7E7E7E;
    border-color: #FFF;
}
.btn-info-cus2.focus, .btn-info-cus2:focus {
    box-shadow: 0 0 0 0.2rem #fff;
}
.btn-info-cus2:not(:disabled):not(.disabled).active, .btn-info-cus2:not(:disabled):not(.disabled):active, .show>.btn-info-cus2.dropdown-toggle {
    color: #FFF;
    background-color: #7E7E7E;
    border-color: #fff;
}
.btn-info-cus2:not(:disabled):not(.disabled).active:focus, .btn-info-cus2:not(:disabled):not(.disabled):active:focus, .show>.btn-info-cus.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #fff;
}
@media(max-width:960px){
    .btn-info-cus2 { padding:10px 10px; font-size:14px; }
}
/* btn2 end */

#categorybox a:hover { color:#252525; }
.swiper-slide-cus.active { border: 3px solid #C9C9C9; }
.swiper-slide-cus-a.active { border: 3px solid #C9C9C9; }
.swiper-slide-cus-b.active { border: 3px solid #C9C9C9; }

.product-title { color:#020202; font-weight:bold; font-size:14px; }
.product-title:hover { color:#7e7e7e; }


.slick-prev:before, .slick-next:before {
    width:0!important;
    height:0!important;
    opacity:0!important;
}
/*.slick-cus .slick-prev {
    background: url(../images/arrow-left2.png) no-repeat;
    background-size:40px;
}
.slick-cus .slick-next {
    background: url(../images/arrow-right2.png) no-repeat;
    background-size:40px;
}*/

.slick-cus .slick-prev {
    background: url(../images/left-icon-n.png) no-repeat;
    width:40px;
    height:40px;
    background-size:40px;
}
.slick-cus .slick-next {
    background: url(../images/right-icon-n.png) no-repeat;
    width:40px;
    height:40px;
    background-size:40px;
}

.slick-cus .slick-prev, .slick-cus .slick-next {
    position: absolute;
    display: block;
    height: 62px;
    width: 62px;
    top: 42%;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    /*background: transparent;*/
    color: transparent;
    /*margin-top: -10px;*/
    padding: 0;
    border: none;
    outline: none;
    z-index: 999;
}

.slick-cus .slick-prev {
    left: 12px!important;
}
.slick-cus .slick-next {
    right: -15px!important;
}
@media(max-width:1025px){
    .slick-cus .slick-prev {
        left:12px!important;
    }
    .slick-cus .slick-next {
        right: -12px!important;
    }
}

.breadcrumb li { font-size:14px; }
.breadcrumb-item a:hover { color:#252525; text-decoration:underline!important; }

#categorybox {
    padding-top: 38px; padding-bottom:9px;
}


@media(max-width:960px){
    .container { max-width:98%!important; }
}


.btn-info.focus, .btn-info:focus {
    color: #7E7E7E;
    background-color: #fff;
    border-color: #7E7E7E;
}




/*  Room Planning start */
.box-menu>ul>.cus-li>ul>li {
    position: relative;
}
.box-menu>ul>.cus-li>ul>li:hover>ul {
    position: absolute;
    top: 0;
    display: block;
    background-color: #FFFFFF;
}
.box-menu>ul>.cus-li>ul {
    position: absolute;
}
@media(min-width: 1600px) {
    .box-menu>ul>.cus-li>ul {
        left: 0px;
    }
}
.menu .cus-li .sub-menu {
    position: absolute;
    left: auto;
    display: block!important;
}
.box-menu > ul > .cus-li > ul { min-width:auto; width:auto;}
/*  Room Planning end */

.banner img { width:100%; height:auto; }


.box-menu > ul > .cus-li > ul::before{width:0;}
.box-menu > ul > .cus-li > ul::after{width:0;}

.sp-p p:last-child{ margin-bottom:0; }

.nav-right-box { height:auto; }
.nav-li{padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
@media(max-width:1680px){
    .nav-li{padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
}
.nav-li a { width:192px; }
@media(min-width:1919px){
    .nav-right-box { padding-left:30px; }
}

.sp-p p { margin-bottom:0; }


.breadcrumb { margin-bottom:0; margin-top:-18px; }

/*.nav-li { flex-basis:16.5%; }*/
.nav-right-inner { width:100%; }



/*v8*/
.product-title span {
    width:93%;
    display:block;
    /*margin:0 auto;*/
    color: #020202;
    font-weight: bold;
    font-size: 14px;
    text-align:left!important;
}
.product-item2 {
    border:0;
}
.product-item:hover .product-item2 { border:0; }

.slick-disabled,.swiper-button-disabled { opacity:0.1; }


/*.product-title span {
    padding-left:12px;
    padding-right:12px;
    display: flex;
    width: auto;
    justify-content: center;
    margin: 0 auto;
    color: #020202;
    font-weight: bold;
    font-size: 14px;
    text-align: left!important;
}*/


.product-cover-image { position:relative; }
.new-icon { position:absolute; left:0; bottom:0; padding:0 8px; background:#FD9326; color:#fff; border-radius:0px; line-height:22px; }
.new-flag { font-size:22px; padding:3px 9px; background:#FD9326; color:#fff; border-radius:3px; line-height:22px; }

#input-message { background:#fff!important; }




header {width: 100%; background-color: #fff; z-index: 999999; position: relative; }
header::before{content: '';position: absolute;top: 0;left: 0;background-color: #ccc;width: 100%;height: 0px;z-index: 1;}


.box-menu > ul > li > ul {min-width: 962px; width: 100%; border-top: 1px solid #eee; position: absolute; top: 100%; z-index: -999; background-color: #fff; display: flex;  justify-content: flex-start;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
 -webkit-transform: translate3d(0,-100%,0);
  -moz-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out; 
}
.box-menu > ul > li.selected > ul {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}








#back-to-top {
    background-color: #7E7E7E;
}