/* Reset*/
html, body, div, span, applet, object, iframe, html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, textarea, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html { -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: transparent;overflow-x: hidden; }
body { line-height: 1; -webkit-text-size-adjust: none; overflow-x: hidden; }
button, input, textarea { -webkit-appearance: none;}
input:required, input:invalid { border:0 none; outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
a { text-decoration: none; }
img { vertical-align: middle; }
ul, ol { list-style: none; }
address, cite, dfn, em, var { font-style: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { vertical-align: top; }
.clearfix { zoom: 1; }
.clearfix:after { clear: both; content: '/0821'; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
embed { /*for the damn thouder plugin*/ display: none; }
::-moz-selection {background: #f3f4f7;}
::selection {background: #f3f4f7;}
* {  box-sizing: border-box; }/* ============================================== */
/* Author : Adam Muhammad Nurdin
/* Email  : adamnurdin0@gmail.com
/* Project  : corenav
/* version  : 1.1.3
/* Description  : coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.
/* ============================================== */
* { box-sizing: border-box}
.core-content.open-side-menu, .core-content.open-side-menu nav.nav-core-sticky.on-scroll { margin-left: -280px; margin-right: 280px}
.core-content { -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; min-height: 100vh}
.core-content .brand { outline: 0}
.core-content .brand img { border: 0; outline: 0;}
.core-content .side-menu { position: fixed; overflow-y: auto; top: 0; right: -280px; width: 280px; height: 100%; display: block; border-left: solid 1px #efefef; -webkit-transition: all .5s ease-in-out;-khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 9}
.core-content.open-side-menu .side-menu { right: 0}
.core-content .wrap-search-top { display: none; border-bottom: solid 1px #efefef}
.core-content .wrap-search-top input { border: 0; padding: 12px 20px; display: inline-block; width: 60%; outline: 0; font-size: 14px; color: #6a6a6a}
.core-content .wrap-search-top ::-webkit-input-placeholder,.core-content .wrap-search-top ::-moz-placeholder,.core-content .wrap-search-top :-ms-input-placeholder,.core-content .wrap-search-top :-moz-placeholder  { font-size:14px;font-style:italic;}
.core-content .wrap-search-fullscreen { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: none}
.core-content .wrap-search-fullscreen .nav-container { position: relative; padding-top: 50px; padding-left: 15px; padding-right: 15px}
.core-content .wrap-search-fullscreen.open { display: block}
.core-content .wrap-search-fullscreen .close-search { position: absolute; right: 0; top: 15px; padding: 15px; border: 0; background: 0 0; outline: 0; cursor: pointer; color: #6a6a6a; z-index: 3; font-size: 24px}
.core-content .wrap-search-fullscreen input { display: block; width: 100%; border: 0; border-bottom: solid 1px #efefef; padding: 15px; outline: 0; font-size: 24px}
.core-nav { display: block; position: fixed;border-bottom: solid 1px #ccc;width: 100%; z-index: 99; background-color:#fff;}
.core-nav.open-dropdown { z-index: 999}
header .core-nav.open-dropdown { z-index: 9999}
.core-nav .nav-header { display: block; position: absolute; z-index: 0;}
.core-nav .nav-header.left { float: left; position: relative; display: inline-block}
.core-nav .nav-header.center .brand { display: block; margin: auto 0 15px 0; }
.core-nav .nav-header .content-header { float: right}
.core-nav .core-nav-toggle { display: none; border: 0; padding: 0; background: 0 0; outline: 0; cursor: pointer}
.core-nav .wrap-core-nav-list { text-align: left; position: relative; z-index: 1;}
.core-nav .wrap-core-nav-list.right { text-align: right}
/*menu color*/
.core-nav .wrap-core-nav-list.center { text-align: center; /* border-top: solid 1px #ccc;*/}
.core-nav .wrap-core-nav-list .core-nav-list { display: inline-block; margin: 0; padding: 0; list-style: none}
.core-nav .wrap-core-nav-list .core-nav-list li { display: block; float: left}
.core-nav.nav-core-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999}
.core-nav.nav-core-sticky { position: relative}
.core-nav.nav-core-sticky.on-scroll { position: fixed; top: 0; left: 0; width: 100%;}

@media (min-width:992px) {
.core-nav .nav-header.bottom, .core-nav .wrap-core-nav-list.bottom { position: relative; float: none; display: block; width: 100%;}
.core-nav .wrap-core-nav-list.bottom { /*background-color: #fff;*/}
.shrink .core-nav .wrap-core-nav-list.bottom { background-color: transparent;}
}

@media (max-width:992px) {
.core-nav .wrap-core-nav-list, .core-responsive-slide { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out}
.core-nav .nav-header { position: relative; width: 100%; display: block}
.core-nav .nav-header.left { float: none; display: block; position: relative}
.core-nav .nav-header::after { content: ""; clear: both; display: table}
.core-nav .nav-header .content-header { float: none}
.core-nav .core-nav-toggle { display: inline-block; float: left}
.core-nav .wrap-core-nav-list { width: 100%; max-height: 300px; overflow: auto; left: 0; margin-top: -100vh; position: absolute; border-bottom: solid 1px #dfdfdf; border-top: solid 1px #dfdfdf; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; transition: all .5s ease-in-out;}
.core-nav.open-responsive .wrap-core-nav-list, .core-responsive-slide { filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1}
.core-nav .wrap-core-nav-list .core-nav-list { margin: 0; display: block}
.core-nav .wrap-core-nav-list .core-nav-list li { float: none; display: block; width: 100%}
.core-nav .wrap-core-nav-list .core-nav-list li a { display: block; width: 100%; text-align: left}
.core-nav .nav-header.bottom { border: 0}
.core-nav.open-responsive .wrap-core-nav-list { margin-top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; opacity: 1;}
.core-responsive-slide { transition: all .5s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; opacity: 1;}
.core-responsive-slide .core-nav .wrap-core-nav-list { top: 0; width: 270px; max-height: 100vh; height: 100vh; margin-top: 0; margin-left: -270px; border: 0; border-right: solid 1px #dfdfdf; position: fixed; -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.core-responsive-slide.open { margin-left: 270px;margin-right: -270px}
.core-responsive-slide.open  .core-responsive-slide{ margin-left: 270px;margin-right: -270px}
.core-responsive-slide.open  .ul-fixed ul.fixed { margin-left: 270px;margin-right: -270px}
.core-responsive-slide.open .core-nav .wrap-core-nav-list { top: 0; margin-top: 0; margin-left: 0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1;}
}
/*fullscreen
=======================
@media (min-width:920px) {
.core-nav.fullscreen .nav-header { width: 100%; text-align: left; padding: 0; position: relative}
.core-nav.fullscreen .nav-header .brand { top: 0; margin: 15px}
.core-nav.fullscreen .core-nav-toggle { position: absolute; right: 15px; top: 15px; font-size: 20px; display: inline-block;}
.core-nav.fullscreen .wrap-core-nav-list { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background-color: #fff;}
.core-nav.fullscreen .wrap-core-nav-list.center { text-align: center;}
.core-nav.fullscreen .wrap-core-nav-list.right { text-align: right;}
.core-nav.fullscreen .wrap-core-nav-list .nav-container { height: 100vh; display: table; position: relative; padding: 0 30px;}
.core-nav.fullscreen .wrap-core-nav-list .menu { display: table-cell; }
.core-nav.fullscreen .wrap-core-nav-list .menu li { float: none; display: block;}
.core-nav.fullscreen.open-fullscreen .core-nav-toggle { right: 30px}
.core-nav.fullscreen.open-fullscreen .wrap-core-nav-list { display: block;}
}

@media (max-width:920px) {
.core-nav.fullscreen .wrap-core-nav-list .nav-container .core-nav-toggle { display: none;}
}
*/
@media (min-width:992px) {
.core-content { position: relative; min-height: 100vh}
.core-content.core-sidebar { padding-left: 270px}
.core-content.core-sidebar .dropdown-overlay { left: 270px}
.core-content.core-sidebar ul.attributes { position: fixed; width: 270px; left: 0; bottom: 0; display: flex; justify-content: space-around; z-index: 3}
.nav-sidebar .nav-header, .nav-sidebar .nav-header .brand, .nav-sidebar .wrap-core-nav-list .core-nav-list {display: block}
.nav-sidebar { position: absolute; left: 0; top: 0; height: 100%; width: 270px!important; border-right: solid 1px #dfdfdf}
.nav-sidebar .nav-header { width: 100%}
.nav-sidebar .nav-header .brand img { width: 100%}
.nav-sidebar .wrap-core-nav-list .core-nav-list li { display: block; float: none}
}

@media (max-width:992px) {
.nav-sidebar .nav-header .nav-container, .nav-sidebar .wrap-core-nav-list .nav-container { padding-left: 0; padding-right: 0}
.nav-sidebar { border-right: 0;}
.nav-sidebar .wrap-core-nav-list { padding: 0; border-bottom: solid 1px #dfdfdf}
.core-content.core-sidebar.core-responsive-slide nav.core-nav.nav-core-fixed.nav-sidebar { -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.core-content.core-sidebar.core-responsive-slide.open nav.core-nav.nav-core-fixed.nav-sidebar { margin-left: 270px; margin-right: -270px;}
.core-content.core-sidebar.core-responsive-slide.open .dropdown-overlay.open-dropdown { left: 270px;}
}

@media (min-width:920px) {
.core-nav.brand-center .full-container, .core-nav.brand-center .nav-container { position: relative;}
.core-nav.brand-center .nav-header { position: absolute; width: 100%; top: 0; left: 0;}
.core-nav.brand-center .nav-header .brand { margin: auto;}
.core-nav.brand-center .wrap-core-nav-list .col-menu { width: 50%; display: inline-block;}
.core-nav.brand-center .wrap-core-nav-list .col-menu.right { text-align: right;}
.core-nav.brand-center .wrap-core-nav-list.center .col-menu.left { text-align: right; padding-right: 50px;}
.core-nav.brand-center .wrap-core-nav-list.center .col-menu.right { text-align: left; padding-left: 50px;}
}

@media (min-width:992px) {
.core-content { position: relative; min-height: 100vh;}
.core-content.core-sidebar-toggle { padding-left: 75px;}
.sidebar-toggle { width: 75px; position: absolute; left: 0; top: 0; height: 100%; border-right: solid 1px #dfdfdf;}
.sidebar-toggle .nav-header { display: block; width: 100%; height: 100vh;}
.sidebar-toggle .nav-header .brand { display: block;}
.sidebar-toggle .nav-header .brand img { width: 100%;}
.sidebar-toggle .core-nav-toggle { display: block; width: 75px; height: 75px; text-align: center; position: absolute; top: 50%; left: 0; font-size: 18px; color: #6a6a6a;}
.sidebar-toggle .wrap-core-nav-list { position: absolute; height: 100%; width: 270px; margin-left: -270px; border-right: solid 1px #dfdfdf; -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.sidebar-toggle .wrap-core-nav-list .core-nav-list { display: block;}
.sidebar-toggle .wrap-core-nav-list .core-nav-list li { display: block; float: none;}
.sidebar-toggle .wrap-core-nav-list .core-nav-list li a { border-bottom: solid 1px #dfdfdf;}
.sidebar-toggle .wrap-core-nav-list.full-width { width: calc(100vw - 75px); margin-left: -100vw;}
.sidebar-toggle .wrap-core-nav-list.full-width .core-nav-list { display: inline-block; width: 100%; margin: 0;}
.sidebar-toggle .wrap-core-nav-list.full-width .core-nav-list li { background: #fafafa; float: left; display: table; height: 100vh; text-align: center; vertical-align: middle;}
.sidebar-toggle .wrap-core-nav-list.full-width .core-nav-list li a { border: 0; height: 100vh; display: table-cell; vertical-align: middle; border-right: solid 1px #dfdfdf;}
.sidebar-toggle.open-responsive .wrap-core-nav-list { margin-left: 75px;}
}

/*nav-side-icon
===============================
@media (min-width:992px) {
.core-content { position: relative; min-height: 100vh}
.core-content.core-side-icon { padding-left: 75px}
.core-content .nav-side-icon { -webkit-transition: all .5s ease-in-out; -khtml-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 75px; position: absolute; left: 0; top: 0; height: 100%; border-right: solid 1px #dfdfdf;}
.core-content .nav-side-icon .nav-header { display: block; width: 100%;}
.core-content .nav-side-icon .nav-header .brand { display: block;}
.core-content .nav-side-icon .nav-header .brand img { width: 100%;}
.core-content .nav-side-icon .wrap-core-nav-list { display: block; position: relative; margin-top: 100px}
.core-content .nav-side-icon .wrap-core-nav-list ul.core-nav-list { display: block}
.core-content .nav-side-icon .wrap-core-nav-list ul.core-nav-list>li { float: none; display: block; width: 100%; position: relative}
.core-content .nav-side-icon .wrap-core-nav-list ul.core-nav-list>li>a { display: block; width: 100%; text-align: center; padding: 10px 5px}
.core-content .nav-side-icon .wrap-core-nav-list ul.core-nav-list>li.dropdown>ul.dropdown-menu { top: 0; left: 100%}
.core-content .nav-side-icon .wrap-core-nav-list ul.core-nav-list .text-icon { display: none}
.core-content.open-side-icon { padding-left: 250px}
.core-content.open-side-icon .nav-side-icon { width: 250px}
.core-content.open-side-icon .wrap-core-nav-list ul.core-nav-list>li>a { position: relative; text-align: left}
.core-content.open-side-icon .wrap-core-nav-list ul.core-nav-list .icon { position: absolute; left: 20px; top: 12px}
.core-content.open-side-icon .wrap-core-nav-list ul.core-nav-list .text-icon { display: inline-block; margin-left: 40px}
}

@media (max-width:992px) {
.nav-side-icon .wrap-core-nav-list li { position: relative}
.nav-side-icon .wrap-core-nav-list li .icon { position: absolute; left: 10px; top: 12px}
.nav-side-icon .wrap-core-nav-list li .text-icon { display: inline-block; margin-left: 25px}
}*/
.dropdown-overlay { position: fixed; width: 100%; height: 100%; display: none; background: #fff; left: 0; top: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0}
.dropdown-overlay.open-dropdown { display: block; }
.core-nav .dropdown { position: relative}
.core-nav .dropdown .dropdown-menu { display: none; z-index: 9999999;}
.core-nav .dropdown>.dropdown-menu { width: 322px; background: #fff; border: 1px solid #eee; position: absolute; top: 100%;  margin-top: -3px;padding: 0;z-index: 10;}
.core-nav .dropdown>.dropdown-menu>li { float: none; display: block}
.core-nav .dropdown>.dropdown-menu>li>a { border-bottom: solid 1px #eee; padding: 15px; text-align: left}
.core-nav .dropdown.open>.dropdown-menu { display: block}
.core-nav .wrap-core-nav-list.center .dropdown>.dropdown-menu, .core-nav .wrap-core-nav-list.left .dropdown>.dropdown-menu { left: 0}
.core-nav .wrap-core-nav-list.center .dropdown>.dropdown-menu .dropdown>.dropdown-menu, .core-nav .wrap-core-nav-list.left .dropdown>.dropdown-menu .dropdown>.dropdown-menu { top: 0; left: 100%}
.core-nav .wrap-core-nav-list.right .dropdown>.dropdown-menu { right: 0}
.core-nav .wrap-core-nav-list.right .dropdown>.dropdown-menu .dropdown>.dropdown-menu { top: 0; right: 100%}
.core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list li.dropdown>.dropdown-menu { position: relative; width: 100%; border: 0; padding-left: 15px}
.core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown>.dropdown-menu { position: absolute!important; width: 230px; border: 1px solid #efefef; padding-left: 0;  z-index: 9999;}
.core-nav .wrap-core-nav-list.dropdown-accordion.center .dropdown>.dropdown-menu .dropdown>.dropdown-menu, .core-nav .wrap-core-nav-list.dropdown-accordion.left .dropdown>.dropdown-menu .dropdown>.dropdown-menu { left: 0}
.core-nav .wrap-core-nav-list.dropdown-accordion.right .dropdown>.dropdown-menu .dropdown>.dropdown-menu { right: 0}
.core-sidebar .core-nav .wrap-core-nav-list.center>.core-nav-list>li.dropdown>ul.dropdown-menu, .core-sidebar .core-nav .wrap-core-nav-list.left>.core-nav-list>li.dropdown>ul.dropdown-menu, .core-sidebar .core-nav .wrap-core-nav-list.right>.core-nav-list>li.dropdown>ul.dropdown-menu, .core-sidebar-toggle .core-nav .wrap-core-nav-list.center>.core-nav-list>li.dropdown>ul.dropdown-menu, .core-sidebar-toggle .core-nav .wrap-core-nav-list.left>.core-nav-list>li.dropdown>ul.dropdown-menu, .core-sidebar-toggle .core-nav .wrap-core-nav-list.right>.core-nav-list>li.dropdown>ul.dropdown-menu { left: 100%; top: 0}
.core-sidebar .core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown>.dropdown-menu, .core-sidebar-toggle .core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown>.dropdown-menu { left: 0!important; position: relative!important; width: 100%; border: 1px solid #efefef; padding-left: 0}
@media only screen and (max-width:992px) {
  .core-nav .dropdown .dropdown-menu {
    width: 100%;
  }
}
@media (max-width:920px) {
.core-nav .dropdown .dropdown-menu { position: relative; width: 100%; border: 0; padding-left: 15px; top: 0; left: 0!important; right: 0!important}
.core-nav ul.attributes .dropdown .dropdown-menu { padding: 0; position: absolute; display: none; top: 100%; left: 0; right: 0; width: 230px;border: 1px solid #efefef;}
.core-nav ul.attributes .dropdown.open .dropdown-menu { display: block}
.core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown>a { display: block; position: relative;}
.core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown .dropdown-menu { position: relative!important; width: 100%!important;}
.core-nav .wrap-core-nav-list.dropdown-accordion .core-nav-list>li.dropdown.open>.dropdown-menu { display: block; position: relative; border: 0!important; padding-left: 15px;}
}
.core-nav .megamenu>.megamenu-content { position: absolute; top: 100%; width: 100%; background: #fff; text-align: left; border: 1px solid #efefef; display: none;}
.core-nav .megamenu.open>.megamenu-content { display: block}
.core-nav .wrap-core-nav-list.center .megamenu>.megamenu-content, .core-nav .wrap-core-nav-list.left .megamenu>.megamenu-content { left: 0}
.core-nav .wrap-core-nav-list.right .megamenu>.megamenu-content { right: 0}
nav .menu a.current{color: #015bab !important;}
.shrink nav .menu a.current{color: #88c7ff !important;}
@media (max-width:920px) {
.core-nav .megamenu>.megamenu-content { position: relative; width: 100%!important; border: 0; border-bottom: solid 1px #efefef;}
.core-nav ul.attributes .megamenu .megamenu-content { border: 1px solid #efefef; padding: 0; position: absolute; display: none; width: 300px!important; top: 100%; left: 0; right: 0}
.core-nav ul.attributes .megamenu.open .megamenu-content { display: block}
}
/*Attributes Menu
=========================== */
ul.attributes { padding: 0; margin: 0 0 -7px ; list-style: none; display: inline-block; float: right; z-index: 99999;}
ul.attributes li { float: left; display: block; width: auto; }
ul.attributes li a { display: block; padding:15px 10px; color: #000;  font-size:12px;  }
ul.attributes li a:hover { color: #e74c3c;}
.nav-header ul.attributes { position: relative; z-index: 99999; margin-right: 10px}
.nav-header ul.attributes li a { padding: 10px 8px;}
@media (min-width:920px) {
.nav-header ul.attributes { display: none}
.wrap-core-nav-listul.attributes { display: inline-block;}
nav ul.attributes{  position: absolute; top:0px; right:20px; margin-top:-70px;  z-index:99999;   }
}

@media (max-width:920px) {
.nav-header ul.attributes { display: inline-block; margin:8px -5px 0px 0px; }
.wrap-core-nav-list ul.attributes { display: none}
}
.core-nav .nav-row::after { content: ""; clear: both; display: table;}
.core-nav .nav-row [class*=col-] { float: left; padding: 15px;}
.core-nav .nav-container { margin-right: auto; margin-left: auto;}

@media (min-width:768px) {
.core-nav .nav-row .col-sm-1 {width: 8.33%;}
.core-nav .nav-row .col-sm-2 { width: 16.66%;}
.core-nav .nav-row .col-sm-3 { width: 25%;}
.core-nav .nav-row .col-sm-4 { width: 33.33%;}
.core-nav .nav-row .col-sm-5 { width: 41.66%;}
.core-nav .nav-row .col-sm-6 { width: 50%;}
.core-nav .nav-row .col-sm-7 { width: 58.33%;}
.core-nav .nav-row .col-sm-8 { width: 66.66%;}
.core-nav .nav-row .col-sm-9 { width: 75%;}
.core-nav .nav-row .col-sm-10 { width: 83.33%;}
.core-nav .nav-row .col-sm-11 { width: 91.66%;}
.core-nav .nav-row .col-sm-12 { width: 100%;}
.core-nav .nav-container { width: 750px;}
}

@media (min-width:992px) {
.core-nav .nav-row .col-md-1 { width: 8.33%}
.core-nav .nav-row .col-md-2 { width: 16.66%;}
.core-nav .nav-row .col-md-3 { width: 25%;}
.core-nav .nav-row .col-md-4 { width: 33.33%;}
.core-nav .nav-row .col-md-5 { width: 41.66%;}
.core-nav .nav-row .col-md-6 { width: 50%;}
.core-nav .nav-row .col-md-7 { width: 58.33%;}
.core-nav .nav-row .col-md-8 { width: 66.66%;}
.core-nav .nav-row .col-md-9 { width: 75%;}
.core-nav .nav-row .col-md-10 { width: 83.33%;}
.core-nav .nav-row .col-md-11 { width: 91.66%;}
.core-nav .nav-row .col-md-12 { width: 100%;}
.core-nav .nav-container { width: 970px;}
.core-nav .full-container { padding: 0 15px;}
}

@media (min-width:1200px) {
.core-nav .nav-container { width: 1300px; padding-right: 15px; padding-left: 15px}
}

@media (max-width:767px) {
.core-nav .nav-row .col-xs-1 { width: 8.33%;}
.core-nav .nav-row .col-xs-2 { width: 16.66%;}
.core-nav .nav-row .col-xs-3 { width: 25%;}
.core-nav .nav-row .col-xs-4 { width: 33.33%;}
.core-nav .nav-row .col-xs-5 { width: 41.66%;}
.core-nav .nav-row .col-xs-6 { width: 50%; }
.core-nav .nav-row .col-xs-7 { width: 58.33%; }
.core-nav .nav-row .col-xs-8 { width: 66.66% ;}
.core-nav .nav-row .col-xs-9 { width: 75%;}
.core-nav .nav-row .col-xs-10 { width: 83.33%; }
.core-nav .nav-row .col-xs-11 { width: 91.66%; }
.core-nav .nav-row .col-xs-12 { width: 100%; }
.core-nav .nav-container {  width: 100%;}
	
}

/*custom*/
nav {  min-height: 60px;  /*background: #fff;*/height:130px;}
nav .wrap-core-nav-list{ background-color:transparent;}
nav .nav-header { background-color:transparent;}
nav .brand { display: block;  position: relative;  top: 10px; margin-bottom:2px;  }
nav .brand img {  width: 100%;}
nav .menu{ display: inline-block; list-style: none}
nav .menu li { float: left;display: block}
nav .menu li a { display: block; padding: 20px 24px 14px; text-decoration: none; font-size:1.15rem;   font-weight: 500;  color: #000; }
nav .menu li a:hover { color: #999;}
nav button { background: transparent; border: none;  outline: none;}
@media only screen and (max-width:1180px) {
  nav .menu li a { padding: 20px 18px 14px; font-size: 20px;}
}
@media only screen and (max-width:1024px) {
  nav .menu li a {font-size: 20px;}
}


/* =========================== */
@media (max-width: 992px) {
nav {height:69px;}
nav .full-container,nav .nav-container { padding-left: 0;  padding-right: 0;}
nav .nav-header {  min-height: 60px;  }
nav .nav-header .brand {   float: none; width: 108px; height: 50px;  background: url(../images/logo-m.svg) no-repeat center top; background-size: auto;  vertical-align: top;  }
.core-nav .nav-header.center .brand { display: block;  margin:-10px auto 0px auto; }
nav .nav-header .toggle-bar {  font-size: 18px;  position: absolute; top: 17px;  left: 15px; }
nav .menu li a { padding: 10px 10px;  border-bottom: solid 1px #efefef; }
nav .menu li:last-child a { border-bottom: none; }
.megamenu-product{  box-shadow: 0 0 0 0; margin-top: 0; border-top: solid 1px #dfdfdf; }
.tab-content:after{  display: none; }
.tab-content > .nav-row{ margin: 0 -15px !important; }
.tab-content > .nav-row > div{  padding: 0 15px !important; }
.list-product li a{  border: 0 !important; }
}

@media (max-width: 767px) {
 ul.tabs{  min-height: 0;  }
.tab-content > .nav-row > div{  margin-bottom: 20px;}
.tab-content > .nav-row > div:last-child{ margin-bottom: 0; }
}
/*
DROPDOWN STYLE
=========================== */
/* nav li.megamenu.open > a, nav li.dropdown.open > a{  color: #e74c3c;} */
nav .menu > li.dropdown  li.dropdown > a::before{  margin-left: 10px; content: ''; border-top: solid 5px #6a6a6a; border-left: solid 5px transparent;  border-right: solid 5px transparent;  float: right;  position: relative; top: 8px;}
ul.dropdown-menu li a{  text-decoration: none; font-size:.95rem; font-weight: 400; }
/*logo  =========================== */
nav .brand {  width: 392px; height: 60px; display: inline-block; vertical-align: top; font-size: 0px;background: url(../images/logo_zhtw.svg) no-repeat center top; background-size: auto;   }
nav .brand a{width: 392px; height: 60px;display: block; }
/*icon STYLE=========================== */
.fa-search{ min-height:30px; padding-left: 30px; text-align:left; background:url(../images/icon/icon-search.svg) no-repeat 0px 0px; background-size:18px auto; vertical-align:top;display:inline-block;}
.fa-language{ min-height:30px; padding-left: 30px; padding-top:4px; text-align:left; background:url(../images/icon/icon-language.svg) no-repeat 0px 2px; background-size:18px auto;  vertical-align:top;display:inline-block;}
/* span.fa-shopping-cart{ min-height:30px; padding-left: 30px; padding-top:4px; background:url(../images/icon/icon-shopping.svg) no-repeat 0px 0px; background-size:24px auto; vertical-align:top;  text-align: left; display:inline-block;}
i.fa-shopping-cart{width:30px;height:30px; background:url(../images/icon/icon-shopping.svg) no-repeat 0px 0px; background-size:28px; vertical-align:top;  text-align: left; display:inline-block;} */
.fa-delet{width:30px;height:30px;background:url(../images/icon/icon-delet.svg) no-repeat 0px 0px; background-size:28px;vertical-align:top;display:inline-block;}
.fa-bars{width:30px;height:30px;text-align:left;background:url(../images/icon/bar.svg) no-repeat 0px 0px; background-size:28px auto; vertical-align:top;display:inline-block;}
.toggle_menu-text { position: relative;font-size: 12px;top: 20px;left: -38px;}
.fa-times{width:30px;height:30px;text-align:left;background:url(../images/icon/fa-times.svg) no-repeat 0px 0px; background-size:28px auto; vertical-align:top;display:inline-block;}
.fa-chevron-down{width:30px;height:30px;display:block;text-align:left;background:url(../images/icon/iconset.svg) no-repeat -435px -55px;  vertical-align:top; }

/* header scroll*/
.shrink { width: 100%; top:-80px; position: fixed; box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.5); z-index: 99;  }
.shrink .core-nav { background: #242424;  }
.shrink .core-nav .wrap-core-nav-list .core-nav-list {  }
.shrink .logo-h {   position: relative; width: 188px; height: 40px; margin: 0 6% 0 2%; display: block; background:url(../images/logo-m.svg) no-repeat left 4px; background-size: auto 40px;}
.shrink .logo-h a { width:145px; height: 40px; display: block;}
.shrink .menu > li > a {color:#fff; }
@media only screen and (max-width:992px) {
  .shrink .menu > li > a {color:#000; }
}
/* .shrink .menu  li:after { content: ''; position: absolute; width: 1px; height: 10px; margin:-30px 0px 0px 75px; background-color: rgba(255, 255, 255, 0.3); } */
.banner ul.fixed{ max-width: 100%; padding: 0;   position: fixed;  bottom: inherit; top:0px;  left: 0; justify-content: center;  }
.shrink .menu  li:last-child:after { display: none;} 
ul div.list-title { height: 50px; color: #fff; display: flex; align-items: center; justify-content: space-between !important; padding: 0 30px;}
.list-title span {
  display: inline-block;
}
.lt_icon {    
  height: 20px;
  width: 20px;
  background-image: url(../images/icon/arrow-down.png);
  background-size: cover;}

@media (max-width:992px) {
.fa-search,.fa-language,.fa-member{  font-size: 0;  }
/* header scroll*/
.shrink { width: 100%;  top:0px; position: fixed; background: #fff; box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.5);z-index:99;  }
.shrink .core-nav { background: #fff;  }
	
}


/*****aside***/
aside{ width: 100%;  max-width: 1080px; position: absolute; left: 50%; bottom:50px; display: flex; transform: translateX(-50%); z-index: 9999; }
#cssmenu{width:auto;line-height:1;  }
#cssmenu,#cssmenu #menu-button{margin:0px;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:9999; }
#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{ margin:0;padding:0; display:block;position:relative; border:0;list-style:none;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
#cssmenu ul { width:100%;  display:block; margin:auto;}
#cssmenu ul li{width:auto;-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
#cssmenu:after, #cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#menu-line{display:none; position: relative;top:0;left:0;height:3px;background:#a48f4e;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#cssmenu > ul > li{float:left; }
#cssmenu.align-center > ul{ text-align:center;}
#cssmenu.align-center > ul > li{width: calc(33.3% - 3px); height: 50px;  margin-right: 3px;  background-color: #242424;  color: #fff;  display: flex; align-items: center; justify-content: center;}
#cssmenu.align-center ul ul{padding:5px 5px 10px 20px; width:200px!important;text-align:left; }
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{  width: 100%; text-transform:uppercase; color:#fff;  }
#cssmenu > ul > li:hover{ background: #000; }
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color: #c8c8c8;}
#cssmenu > ul > li.has-sub > a{ padding:2px 10px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:20px;right:10px;width:6px;height:6px;border-bottom:1px solid #000000;border-right:1px solid #000000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#009ae1;}
#cssmenu ul ul{position:absolute; left:-9999px; width:100%;   z-index:999; background:#f2f2f2; }
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li{ width:100%; height:auto; display:block;}
#cssmenu ul li:hover > ul > li{ min-height:32px;}
#cssmenu ul ul li a{ width:100%;   padding:5px ;   font-size:14px; text-align:left;text-decoration:none;color:#000;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{ color:#a48f4e; }
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#ffffff;}
 @media (min-width: 1280px) {
 #cssmenu ul li{width:auto;}

 }
@media all and (max-width:1025px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1025px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1025px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1025px), only screen and (min-device-pixel-ratio:2) and (max-width:1025px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1025px){
#cssmenu{width:100%;margin-top:50px!important; position: relative; z-index:999;}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center ul ul{ width:100%!important;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%; padding:20px 5px 0 5px; height: auto;  border-top:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu > ul > li > a{text-align:left; border:none;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:auto;height:auto;border-top: none; }
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{  border:none;}
#cssmenu ul ul li{ width:100% !important; display:inline-block; margin:1% auto 1% 2%; text-align:left; }
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block; width: 100%; }
#cssmenu ul ul li a{ color:#000000;background:none;text-align:left;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000000;  }
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block;padding:20px;color:#fff;cursor:pointer;font-size:12px;text-transform:uppercase;background-color:#242424;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
#cssmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff;}
#cssmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff;}

}
.search_sform {
  display: flex;
  justify-content: center;
}
.search-text {
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 20px;
  background-color: #dadada;
  transition: all .3s;
}
.search-text:focus {
  transform: scaleX(1.12);
  background-color: #f0f0f0;
}
.search-text:focus ~ .search-icon{
  transform: translateX(-30px)
}
.search-icon {
  width: 25px !important;
  background: url(../images/icon/icon-search.svg) no-repeat left;
  background-size: 24px;
  padding: 4px !important;
  transform: translateX(-45px);
  transition: all .3s;
}
@media only screen and (max-width: 1180px) {
  .core-content .wrap-search-top .search-text {
    width: 80%;
  }
}