/* 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; }
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 #1f328c; background: #1f328c; }
.core-content .wrap-search-top input { border: 0; padding: 15px; display: block; width: 100%; 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: relative}
.core-nav.open-dropdown { z-index: 99999999}
.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; background:#00a596;   }
.core-nav .wrap-core-nav-list .core-nav-list { display: inline-block; margin: 0 0 -5px; padding: 0; list-style: none}
.core-nav .wrap-core-nav-list .core-nav-list li { display: block; float: left}

@media (min-width:992px) {
.core-nav .nav-header.bottom, .core-nav .wrap-core-nav-list.bottom { position: relative; float: none; display: block; width: 100%;}
}

@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-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; background-color: #FFF;}
}

@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;}
}
.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; z-index: 9999999;}
.core-nav .dropdown { position: relative}
.core-nav .dropdown .dropdown-menu { display: none}
.core-nav .dropdown>.dropdown-menu { width: 230px; background: #1f328c;  position: absolute; top: 100%;  margin-top: -3px;padding: 0}
.core-nav .dropdown>.dropdown-menu>li { float: none; display: block}
.core-nav .dropdown>.dropdown-menu>li>a { border-bottom: solid 1px #eee; padding:20px 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;padding-left: 0}
.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 (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;}
}

/*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: #00a796;  font-size:14px;  }
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:15px; right:20px;    z-index:99999;   }
}

@media (max-width:920px) {
.nav-header ul.attributes { display: inline-block}
.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-container { width: 750px;}
}

@media (min-width:992px) {

.core-nav .nav-container { width: 970px;}
.core-nav .full-container { padding: 0 15px;}
}

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


/*custom*/
nav {  min-height: 60px;  background-color: transparent;}
nav .wrap-core-nav-list{ background-color:transparent; }
nav .nav-header { background-color:transparent; }
nav .brand { display: block;  position: relative;  top: 50px; z-index:999; }
nav .brand img {  width: 100%;}
nav .menu{ margin-top: 80px!important;}
nav .menu li a { display: block; padding: 20px 15px; text-decoration: none; font-size:1rem;   font-weight: 400; color: #fff;}
nav .menu li a:hover { color: #facf00;}
nav button { background: transparent; border: none;  outline: none;}
.core-nav { display: block; width: 100%; position: fixed; top:0px;  z-index:999; }

/* =========================== */
@media (max-width: 992px) {
nav .full-container,nav .nav-container { padding-left: 0;  padding-right: 0;}
nav .nav-header {  min-height: 60px;  }
nav .nav-header .toggle-bar {  font-size: 18px;  position: absolute; top: 17px;  left: 15px; }
nav .menu li a { padding: 20px 10px;  border-bottom: solid 1px #efefef; color:#000;   }
nav .menu li:last-child a { border-bottom: none; }
.core-nav { display: block; position: relative}

}

/*
DROPDOWN STYLE
=========================== */
nav .menu > 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;}
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;}
nav .menu li.dropdown.open > a{  color: #f1c40f;}
ul.dropdown-menu li a{  text-decoration: none; color:#fff; font-weight: 400; font-size:.9rem;  padding:  15px!important; }
/*logo  =========================== */
nav .brand {  width:221px; height: 68px; display: inline-block; vertical-align: top; font-size: 0px;background: url(../images/logo-w.png) no-repeat center top;    }
nav .brand a{width: 221px; height: 68px;display: block; }
/*icon STYLE=========================== */
.fa-search{ color: #FFF; padding-top: 0px;}
.fa-globe{ color: #FFF; padding-top: 0px; padding-left: 15px;}
.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-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;}
/* header scroll*/
.shrink .core-nav { width: 100%;  top:-60px; position: fixed; background:#fff!important; box-shadow: 0px 2px 6px -3px rgba(0,0,0,1.00);  }
.shrink .brand { width:221px; height: 68px;margin-top:20px;   display: inline-block; vertical-align: top; font-size: 0px;background: url(../images/logo.png) no-repeat center top; }
.shrink  nav .menu li a {  font-weight: 500; color: #1f328c;}
.shrink ul.dropdown-menu li a{   color:#fff;  }



@media (max-width:992px) {
.fa-search{ color: #00499f; padding-top: 4px;}
.fa-globe{ color: #00499f; padding-top: 4px; padding-left: 5px;}
/* 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: 9999;  }
nav .brand, .shrink .brand { width:140px; height: 60px; top: 10px; display:block; margin: auto; vertical-align: top; font-size: 0px;background: url(../images/logo.png) no-repeat left top; background-size:120px auto;   }
	
}