/* show page */
body{background-color: #2f3431!important;}
#page{opacity:1!important;}

/* plugin css */
.plugin-header {}
.plugin-header #top-bar {padding-bottom:15px;}
.plugin-header #top-bar nav{background:#eeeeee;padding:0;margin-left:-15px;margin-right:-15px;}
.plugin-header #top-bar nav li{border: 1px solid transparent;}
.plugin-header #top-bar nav li.active{background:#fff;border: 1px solid #333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.plugin-header #top-bar nav a{color:#8c9b93;font-weight:600;font-size:22px;font-weight:normal;}
.plugin-header #top-bar nav .navbar-brand{padding-top:0;padding-bottom:8px;transition:all 0.3s ease;}
.plugin-header #top-bar nav .dropdown-menu{background:#474747;transition:all 0.3s ease;}
.plugin-header #top-bar nav .dropdown-menu a{color:#f8981c;transition:all 0.3s ease;}
.plugin-header #top-bar nav .dropdown-menu a.active{background:#fff;color:#333;}
.plugin-header #top-bar nav .dropdown-menu .dropdown-item:hover{background:#fff;color:#333;}
.plugin-header .parallax-wrapper{background:#9fa4a6;padding:0 15px;margin-top:-15px;margin-bottom:-15px;}
.plugin-header .parallax-wrapper .parallax {position:relative;top:-15px;width:100%;}
.plugin-header #page-nav-links {background:#474747;}
.plugin-header #page-nav-links a{color:#fff;line-height:31px;text-decoration:none;transition:all 0.3s ease;}
.plugin-header #page-nav-links a:hover{color:#f8981c;}
.plugin-header #page-nav-links .row div:nth-child(even){background:#505050;}

@media (max-width: 991px) {
	.plugin-header .parallax-wrapper{}
	.plugin-header .parallax-wrapper .parallax {}
}

.plugin-header #top-bar .menu-wrapper{background:#f8981c;height:140px;line-height:125px;padding:0 30px;}
.plugin-header #top-bar .menu-wrapper span{position:relative;color:#fff;font-size:28px;line-height:125px;font-weight:normal;text-decoration:none;cursor:pointer;}
.plugin-header #top-bar .menu-wrapper #menu-arrow{margin-top:-7px;transition:all 0.3s ease;}
.plugin-header #top-bar .menu-wrapper #menu-open{z-index:1;margin-right:20px;transition:all 0.3s ease;}
.plugin-header #top-bar .menu-wrapper #menu-close{display:inline-block;font-size:60px;line-height:40px;font-weight: 300;bottom:-10px;margin-left:-60px;opacity:0;transition:all 0.3s ease;}
.plugin-header #top-bar .menu-wrapper #menu-close:hover{}
.plugin-header #top-bar .menu-wrapper #menu-content{position:relative;background:rgba(255,255,255,0.89);border:1px solid #F8981C;line-height:30px;padding:15px;top:-5px;left:-15px;margin-left:-400px;width:calc(100% + 45px);max-width:calc(100% + 45px);z-index:-5;list-style-type:none;transition:all 0.3s ease;opacity:0;}
.plugin-header #top-bar .menu-wrapper #menu-content li{display:flex;align-self:center;border-bottom:1px solid rgba(159, 164, 166, 0.4);padding:13px 0;}
.plugin-header #top-bar .menu-wrapper #menu-content li:last-child{border-bottom:none;}
.plugin-header #top-bar .menu-wrapper #menu-content li a{color:#B16C13;font-size:24px;line-height:30px;padding:0 15px;text-decoration:none;white-space:normal;max-width:480px;transition:all 0.3s ease;}
.plugin-header #top-bar .menu-wrapper #menu-content li a:hover{margin-left:4px;}
.plugin-header #top-bar .menu-wrapper #menu-content li img{align-self:center;margin-left:15px;cursor:pointer;}
.plugin-header #top-bar .menu-wrapper #menu-content li a img{margin-left:30px;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent{position:absolute;top:115px;background:rgba(255,255,255,0.89);border:1px solid #F8981C;line-height:56px;padding:15px;top:125px;left:15px;margin-left:-400px;/*width:calc(100% + 45px)*/;z-index:-5;list-style-type:none;transition:all 0.3s ease;opacity:0;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li{display:flex;align-self:center;border-bottom:1px solid rgba(159, 164, 166, 0.4);padding:13px 0;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li:last-child{border-bottom:none;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li a{color:#B16C13;font-size:24px;line-height:30px;padding:0 15px;text-decoration:none;white-space:normal;max-width:480px;transition:all 0.3s ease;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li a:hover{margin-left:4px;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li img{align-self:center;margin-left:15px;cursor:pointer;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li a img{margin-left:30px;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li.menu-back span{color:#7b7b7b;font-size:24px;line-height:30px;white-space:normal;cursor:pointer;}
.plugin-header #top-bar .menu-wrapper .menu-subcontent li.menu-back img{padding-right:30px;}

@media (max-width: 767px) {
	.plugin-header #top-bar .menu-logo{position:absolute;right:0;max-width:50%;}
	.plugin-header #top-bar .menu-wrapper{background:transparent;padding:0;margin:0;width:100%;}
	.plugin-header #top-bar .menu-wrapper .d-mobile-none{display:none;}
	.plugin-header #top-bar .menu-wrapper #menu-open span{color:#f8981c;border:2px solid #f8981c;border-radius:6px;font-size:20px;font-weight:500;padding:15px;margin-left:15px;text-align:center;width:96px;}
	.plugin-header #top-bar .menu-wrapper #menu-open img{display:none;}
	.plugin-header #top-bar .menu-wrapper #menu-open .menu-text{display:inline-block;line-height:20px;}
	.plugin-header #top-bar .menu-wrapper #menu-close{display:none;}
	.plugin-header #top-bar .menu-wrapper #menu-content{left:0;width:100%;}	
	.plugin-header #top-bar .menu-wrapper #menu-content li a{font-size:20px;line-height:24px;}
	.plugin-header #top-bar .menu-wrapper .menu-subcontent{padding:15px;left:0;}
	.plugin-header #top-bar .menu-wrapper .menu-subcontent li a{font-size:20px;line-height:24px;}
	.plugin-header #top-bar .menu-wrapper .menu-subcontent li.menu-back span{font-size:20px;line-height:24px;}
}

/* search */
.plugin-header .overlay {height: 100%;width: 0;position: fixed;z-index: 1000000;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.plugin-header .overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}
.plugin-header .overlay .search-input {margin:0;color:#fff;font-size: 2.75rem;-webkit-appearance: none;border-radius: 0;background: transparent;border: 0;outline: none;padding: 0 15px;width: 100%;}
.plugin-header .overlay .search-label {font-size: 0.75rem;line-height: 1.2;text-transform: uppercase;color: #888;border-top: .0625rem solid #888;padding: .3125rem 0;width: calc(100% - 30px);margin:0;text-align: left;}
.plugin-header .overlay button.btn{float:right;color:#888;border: 2px solid #888;border-radius: 8px;font-size:30px;line-height:36px;height:58px;padding:0 40px;margin:0 15px;transition:all 0.3s ease;}
.plugin-header .overlay button.btn:hover{border: 2px solid #fff;color:#fff;}
.plugin-header .overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;text-decoration:none;}

@media screen and (max-height: 450px) {
  .plugin-header .overlay a {font-size: 20px}
  .plugin-header .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}

/* back to top */
#back-to-top {position: fixed;bottom: 40px;right: calc(50% - 20px);z-index: 9999;width: 40px;height: 40px;text-align: center;line-height: 30px;cursor: pointer;border: 0;text-decoration: none;transition: opacity 0.3s ease-out;opacity: 0;}
#back-to-top.show {opacity: 1;}

