@charset "utf-8";

/***************************************************************
	[LAYOUT]
***************************************************************/
.page-wrap { width:100%; min-width:320px; min-height:100%; margin:0 auto; background:#fff; }
.navbar-wrap { max-width:100%; min-width:320px; margin:0 auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow-x:visible; }
.main-wrap { background-color:#fff; position:relative; }
.segment-wrap,.segment-body,.segment-footer,.panel-wrap,.panel-body,.panel-footer { margin:0; padding:0; position:relative; }


.grid-col .panel-wrap { padding:0; position:relative; /*background:#f8f8f8;*/ }
/*.grid-col .panel-header { padding-bottom:0; }*/
.grid-col .panel-body { padding:15px; position:relative; background:#f8f8f8; }

.container-fluid  { width:100%; margin-right:auto; margin-left:auto; padding-left:0; padding-right:0; }
.container { width:100%; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.container { max-width:540px; }
}
@media (min-width:768px) {
	.container { max-width:720px; }
}
@media (min-width:992px) {
	.container { max-width:960px; }
}
@media (min-width:1200px) {
	.container { max-width:1140px; }
}


/***************************************************************************
	[HEADER]
***************************************************************************/
/************ [navigation bar] ************/
.navbar-wrap { background-color:#fff; transition:all 0.3s ease; }
.navbar { position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
/************ [navbar toggler] ************/
.navbar-toggler a { width:24px; height:18px; margin-top:5px; position:relative; }
.navbar-toggler a,.navbar-toggler a span { display:inline-block; transition:all 0.3s; }
.navbar-toggler a span { width:100%; height:2px; position:absolute; left:0; background-color:#333; border-radius:0.25rem; }
.navbar-toggler a span:nth-of-type(1) { top:0; }
.navbar-toggler a span:nth-of-type(2) { top:8px; }
.navbar-toggler a span:nth-of-type(3) { bottom:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.navbar { -ms-flex-flow:row nowrap; flex-flow:row nowrap; -ms-flex-pack:start; justify-content:flex-start; }
	.navbar>.container,.navbar>.container-fluid { -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
	.navbar-toggler { display:none; }
}
@media (min-width:992px) {
	.navbar-wrap { min-height:4rem; }
	.navbar-wrap:not(.navbar-shrink) { min-height:6rem; }
}

/************ [navigation brand] ************/
.navbar-brand { max-width:100%; padding-top:0.5rem; }
.navbar-brand h1 { text-align:center; }
.navbar-brand h1 a { height:100%; display:inline-block; position:relative; color:#111; }
.navbar-brand h1 a span { min-width:10rem; padding:0.625rem 0; display:inline-block; position:relative; font-size:1.2rem; font-weight:600; /*text-indent:-9999px;*/ white-space:nowrap; }
.navbar-brand .txt-logo h1 a span { background:transparent; text-indent:inherit; transition:all 0.3s ease; }
.navbar-brand .inner { position:relative; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .navbar-brand { float:left; padding:0; }
    .navbar-brand h1 { height:4rem; text-align:left; }
	.navbar-wrap:not(.navbar-shrink) .navbar-brand h1 { height:6rem; }
	.navbar-brand h1 a span { padding:0.75rem 0 1rem; font-size:1.5rem; }
    /*.navbar-wrap:not(.navbar-shrink) .navbar-brand h1 a span { padding:1.8125rem 0 1.9375rem; }*/
}

/************ [navigation] ************/
.navbar-collapse { padding-bottom:0.5rem; display:-ms-flexbox !important; display:flex !important; -ms-flex-preferred-size:100%; flex-basis:100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-align:center; align-items:center; }
.navbar-nav ul { margin-left:auto; margin-right:auto; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; list-style:none; }
.navbar-nav ul>li { position:relative; }
.navbar-nav ul>li>a { width:100%; padding:0.5rem 0.375rem; display:inline-block; color:#111; font-size:0.875rem; font-weight:500; transition:all 0.4s ease; }
.navbar-nav ul>li>a.disabled { filter:alpha(opacity=30) !important; opacity:0.3 !important; }
.navbar-nav ul>li>a:hover,.navbar-nav ul>li>a.active { color:#00bdcd; }
.navbar-nav ul>.nav-item-primary .nav-link { margin-left:1rem; padding:0.5rem 1.75rem !important; background-color:rgba(255,193,7,0.75); border-radius:1.875rem; color:#dc3545 !important; font-weight:500; }
.navbar-nav ul .dropdown .dropdown-menu { min-width:inherit; }
.navbar-nav ul .dropdown-menu { margin:0; padding:0.75rem 0.5rem; border:0; border-radius:0; }
.navbar-wrap.navbar-shrink .navbar-nav ul .dropdown-menu {  background:rgba(255,255,255,0.9); }
.navbar-nav ul .dropdown-item { font-size:1rem; }

.navbar #localNav.navbar-nav ul { -ms-flex-direction:row; flex-direction:row; }
.navbar #localNav.navbar-nav { margin-right:-15px; margin-left:-15px; display:-ms-flexbox; display:flex; border-top:1px solid rgba(0,0,0,0.05); }
.navbar .collapsing + #localNav.navbar-nav,.navbar .collapse.show + #localNav.navbar-nav { opacity:0; pointer-events:none; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .navbar-collapse { padding-bottom:0; }
	.navbar .navbar-nav ul { margin-right:0; -ms-flex-direction:row; flex-direction:row; }
	.navbar .navbar-nav ul>li>a { padding:1.25rem 0.75rem; font-size:1rem; }
    .navbar-nav ul>.nav-item-primary { -ms-flex-align:center; align-items:center; display:-ms-flexbox!important; display:flex !important; }
    .navbar-wrap:not(.navbar-shrink) .navbar-nav ul>li>a { padding:2.25rem 0.75rem; }
}

/************ [fixed header top] ************/
.fixed-top .navbar-wrap { position:fixed; top:0; right:0; left:0; z-index:1030; }
.fixed-top .navbar-wrap.navbar-shrink { background:rgba(255,255,255,0.9); border-bottom:1px solid rgba(33,37,41,0.1); }
.fixed-top .navbar-wrap.navbar-shrink .navbar-brand h1 a { color:#111; }
.fixed-top .navbar-wrap.navbar-shrink .navbar-nav ul>li>a { color:#111; }
.fixed-top .navbar-wrap.navbar-shrink .navbar-nav ul>li>a:hover,.fixed-top .navbar-wrap.navbar-shrink .navbar-nav ul>li>a.active { color:#00bdcd; }

/************ [fixed sub menu top] ************/
/****** responsive & retina specific ******/
@media (max-width:767px) {
	.fixed-top-sub.fixed-top .navbar-wrap { position:inherit; }
	.fixed-top-sub #localNav.sticky { background-color:#fff; border-top:0; border-bottom:1px solid rgba(0,0,0,0.15); position:fixed; top:0; right:0; left:0; z-index:1030; }
	.fixed-top-sub .navbar-collapsing,.fixed-top-sub .navbar-collapse { width:100%; margin:0 -15px; padding:0 30px !important; position:absolute !important; background:#fff; z-index:1031; }
	.fixed-top-sub .navbar-collapse.show { box-shadow:0px 10px 15px -10px rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.1); } 
	.fixed-top-sub .navbar-collapse .navbar-nav ul>li>a { width:100%; }
}


/***************************************************************
	[MAIN]
***************************************************************/
.main-wrap .main-body { margin:0; padding:0; position:relative; }
.main-wrap .segment-wrap { margin:1.25rem; padding:2rem; background:#fff; }
.main-wrap .panel-wrap:not(.grid-col) { padding-top:2.5rem; }
.main-wrap .panel-wrap:first-child { padding-top:0; }


/***************************************************************
	[FOOTER]
***************************************************************/
.footer-wrap { position:relative; background-color:#fff; }
.footer-wrap .container { padding:1.5rem; }
.footer-body p { color:rgba(0,0,0,0.4); font-size:0.75rem; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.footer-wrap .container { padding:3rem 0; }
}