@media (max-width: 767px) {
	.main-container {margin-top:0px}
}
.main-container {margin-top:-50px;padding:4px 10px; background: #fff;z-index:1;position: relative;}

.header { min-width: 100%;}
.header .header-top { padding: 5px 0;}
@media (max-width: 991px) { 
	.header-top { display: none; }
}
.header .header-top-icon ul { padding-left: 0; margin-bottom: 0; list-style: none; font-size: 0;}
.header .header-top-icon ul li { display: inline-block; vertical-align: middle; padding: 0 25px; padding-left: 25px; font-size: 13px; line-height: 24px;}
.header .header-top-icon ul li a { display: inline-block; vertical-align: middle;}

.sticky-header:not(.header-sidemenu).is-sticky { position: fixed; top: 0; left: 0; -webkit-animation: slideInDown 0.7s ease-in-out 0s 1 both; -moz-animation: slideInDown 0.7s ease-in-out 0s 1 both; -ms-animation: slideInDown 0.7s ease-in-out 0s 1 both; -o-animation: slideInDown 0.7s ease-in-out 0s 1 both; animation: slideInDown 0.7s ease-in-out 0s 1 both; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); z-index: 1000;}

.navbar { background: #ccc; padding-top: 0px !important; padding-bottom: 0px !important; z-index: 999; border-bottom: 1px solid #ddd;}
.navbar .langs a:first-of-type, .navbar .search-btn { margin-left: 20px; padding-left: 20px; border-left: 1px solid #ddd; height: 20px; line-height: 20px;}
.navbar .search-btn { color: #333; font-size: 0.9em;}
.navbar .navbar-toggler { padding:20px 10px; }
.navbar .navbar-toggler span { width: 20px; height: 2px; background: #222; margin-bottom: 4px; display: block;}
.navbar .navbar-toggler span:last-of-type { margin-bottom: 0;}
.navbar .navbar-toggler.active span { margin: 0;}
.navbar .navbar-toggler.active span:first-of-type { -webkit-transform: rotate(45deg) translate(3px); transform: rotate(45deg) translate(3px);}
.navbar .navbar-toggler.active span:nth-of-type(2) { opacity: 0;}
.navbar .navbar-toggler.active span:last-of-type { -webkit-transform: rotate(-45deg) translate(3px); transform: rotate(-45deg) translate(3px);}
.navbar .langs a { font-size: 0.8em; color: #aaa; font-weight: 700;}
.navbar .langs a.active { color: #333;}
.navbar .langs span { width: 15px; height: 1px; background: #ddd; margin: 0 5px;}
.navbar .search-area { display: none; z-index: 9999;}
.navbar .search-area-inner { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.99); padding: 20px !important;}
.navbar .search-area-inner .close-btn { position: absolute; top: 20px; right: 20px;}
.navbar .search-area-inner .row { width: 100%;}
.navbar .search-area-inner .form-group { position: relative;}
.navbar .search-area-inner .submit { background: none; border: none; position: absolute; right: 10px; bottom: 15px;}
.navbar .search-area-inner input { width: 100%; border: none; border-bottom: 1px solid #ddd; background: none; padding: 10px 0; font-size: 1.6em; font-weight: 300; font-family: "Open Sans", sans-serif;}
.navbar .search-area-inner input::-moz-placeholder { font-family: "Open Sans", sans-serif; color: #555; font-weight: 300; font-size: 1.1em;}
.navbar .search-area-inner input::-webkit-input-placeholder { font-family: "Open Sans", sans-serif; color: #555; font-weight: 300; font-size: 1.1em;}
.navbar .search-area-inner input:-ms-input-placeholder { font-family: "Open Sans", sans-serif; color: #555; font-weight: 300; font-size: 1.1em;}
.navbar .navbar-nav a.nav-link {color: #484848;margin: 0 5px;font-size: 13px;font-weight: 400;}
.nav-item-custom {color: #fff;padding-top: 10px;padding-bottom: 10px;font-weight: bold;}
.nav-item-custom:hover {background: #dc9b00;color: #fff;}
.nav-item-custom .dropdown-menu .dropdown-item { font-size: 13px; }
.navbar .navbar-nav a.nav-link:hover {color: #fff;}
@media (max-width: 991px) { 
	.navbar { overflow: auto;  max-height: 70%;  align-items: flex-start; }
	nav.navbar .navbar-header {  width: 100%; } nav.navbar::after {  width: 100%; } 
	nav.navbar.active::after { width: calc(100% - 170px); } 
	nav.navbar .search-area { font-size: 0.75em; }
}
.navbar-bg {
	background: #ebd938;
	color: #fff !important;
}
.img-brand {height :35px;}
@media (min-width: 991px) { .navbar-brand { display: none; } }
@media (max-width: 767px) { nav.navbar .search-btn {  margin-left: 0;  padding-left: 0;  border-left: none; }}
@media (max-width: 575px) { nav.navbar .container {  width: 100%; }}

.portal-panel-title { padding: 10px 0px; overflow: hidden; }
.portal-panel-title h1, 
.portal-panel-title h2 { float: left; margin-right: 10px; font-size: 25px; font-weight:500; text-align: justify; text-transform: uppercase; }
.portal-panel-title h4 {padding: 5px 20px;float: left; font-size: 16px; font-weight:500; text-align: justify; text-transform: uppercase;}
.stripe-line { background: url("../img/stripe.png"); height: 10px; overflow: hidden; margin-top: 12.5px; }


.video_bg {background: linear-gradient(rgba(255, 255, 255, 0), rgba(36, 36, 36, 0.06)), url("../img/bg_video.jpg") fixed center center;}
.video_area { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 50px 0 100px 0;margin-bottom:-35px }
@media (max-width: 767px) {.video_area { padding: 75px 0; } }
.video_area.overlay:before { opacity: .2; }
.video_area .video_wrap h3 { font-weight: 600; font-size: 70px; line-height: 10px; color: #fff; margin-bottom: 55px; }
@media (max-width: 767px) {
	.video_area .video_wrap h3 { font-size: 50px; }
}
.video_area .play-btn { width: 94px; height: 94px; line-height: 84px; background: radial-gradient(#ffb300 50%, rgba(101, 111, 150, 0.15) 52%); border-radius: 50%; display: inline-block; position: relative; overflow: hidden; }
.video_area .play-btn::after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.video_area .play-btn:before { content: ''; position: absolute; width: 120px; height: 120px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 2s; animation: pulsate-btn 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 2px solid rgba(163, 163, 163, 0.4); top: -15%; left: -15%; background: rgba(255,179,0,1); }
@-webkit-keyframes pulsate-btn {
	0% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; }
	100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; }
}
@keyframes pulsate-btn {
	0% { -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); opacity: 1; }
	100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; }
}

/* Sidebar: make widgets container scrollable on taller content */
.sidebar {
	max-height: calc(100vh - 240px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 991px) {
	.sidebar { max-height: none; overflow: visible; }
}