/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
	position: fixed;
	left: 0;
	right: 0;
	top: 48px;
	z-index: 99;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header.h-stick {
	background: rgba(196,223,245,0.75);
}

.navbar {
	position: relative;
	padding: 35px 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header.h-stick .navbar {
	padding: 25px 0;
}

.navbar .navbar-brand {
	position: relative;
	z-index: 9999;
	padding: 0;
}

.navbar .navbar-brand img {
	position: relative;
	width: 180px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header.h-stick .navbar .navbar-brand img {
	width: 165px;
}

.navbar-toggler {
	width: 27px;
	height: 16px;
	padding: 0;
	box-shadow: none !important;
	border: none;
	z-index: 9999;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -74%);
	-webkit-transform: translate(0, -74%);
	-moz-transform: translate(0, -74%);
	-ms-transform: translate(0, -74%);
	-o-transform: translate(0, -74%);
}

.navbar-toggler .hamburger-toggle {
	width: 100%;
	height: 100%;
}

/* .navbar-toggler .hamburger {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
} */

/* .navbar-toggler .hamburger span {
	width: 100%;
	height: 3px;
	background-color: #444444;
	margin-bottom: 5px;
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
} */

/* .navbar-toggler .hamburger span:first-child {
	top: 8px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.navbar-toggler .hamburger span:nth-child(2) {
	opacity: 0;
}

.navbar-toggler .hamburger span:last-child {
	margin: 0;
	top: -8px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.navbar-toggler.collapsed .hamburger span {
	opacity: 1 !important;
	top: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
} */

.navbar .navbar-collapse {
	justify-content: flex-end;
}

.navbar .navbar-nav {
	padding: 0;
	align-items: center;
}

.navbar .navbar-nav .nav-item {
	margin: 0 16px;
}

.navbar .navbar-nav .nav-item:first-child {
	margin-left: 0;
}

.navbar .navbar-nav .nav-item:last-child {
	margin-right: 0;
}

.navbar .navbar-nav .nav-item .nav-link {
	position: relative;
	font-family: 'poppins';
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #2c2c2c;
	padding: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-ms-border-radius: 11px;
	-o-border-radius: 11px;
}

.navbar .navbar-nav .btn-yellow {
	padding: 6px 23px 3px !important;
}

.header.h-stick .navbar .navbar-nav .nav-item .nav-link {
	font-size: 18px;
	line-height: 24px;
}

.navbar .navbar-nav .nav-item .nav-link:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #fbd36d;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.navbar .navbar-nav .nav-item .nav-link:hover:before {
	width: 100%;
}

.navbar .navbar-nav .nav-item.active .nav-link:before,
.navbar .navbar-nav .nav-item.current-menu-item .nav-link:before,
.navbar .navbar-nav .nav-item.current-menu-parent .nav-link:before,
.navbar .navbar-nav .nav-item .nav-link.active:before,
.navbar .navbar-nav .nav-item .nav-link.current-menu-item:before,
.navbar .navbar-nav .nav-item .nav-link.current-menu-parent:before {
	width: 100%;
	background: #444444;
}

.navbar .navbar-nav .nav-item .btn:before {
	display: none;
}

.header.h-stick .navbar .navbar-nav .nav-item .btn {
	font-size: 18px !important;
	line-height: 24px !important;
}

.hamburger {
	/* position: absolute;
	top: 37px;
	right: 0; */
	width: 27px;
	height: 16px;
	cursor: pointer;
}

.hamburger span {
	position: absolute;
	left: 0;
	width: 27px;
	height: 3px;
	background-color: #444444;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.hamburger span:nth-child(1) {
	top: 0;
}

.hamburger span:nth-child(2) {
	top: 50%;
}

.hamburger span:nth-child(3) {
	top: 100%;
}

@media (min-width: 1300px) and (max-width: 1399px){
.navbar .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 30px; }
.navbar .navbar-nav .nav-item .btn { font-size: 20px !important; line-height: 30px !important; }
}

@media (min-width: 1200px) and (max-width: 1299px){
.navbar .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 30px; }
.navbar .navbar-nav .nav-item .btn { font-size: 20px !important; line-height: 30px !important; }
}

@media (min-width: 992px) and (max-width: 1199px){
.navbar { padding: 35px 0; }
.header.h-stick .navbar { padding: 25px 0; }
.navbar .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 28px; }
.navbar .navbar-nav .nav-item .btn { font-size: 18px !important; line-height: 28px !important; }
}

@media (max-width: 991px){
.header .h-register-button { position: absolute; right: 42px; top: 42px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.header.h-stick .h-register-button { top: 30px; }
.header .h-register-button .btn { font-size: 14px !important; line-height: 21px !important; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.header .h-register-button .btn:active:focus,
.header .h-register-button .btn:hover { color: #ffffff !important; border-color: #2c2c2c !important; background: #2c2c2c !important; }

/* navigation */
.navbar { padding: 35px 0; }
.header.h-stick .navbar { padding: 25px 0; }
.navbar .navbar-brand img { width: 175px; }
.navbar .navbar-collapse { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: space-between; position: fixed; right: -200%; bottom: 0; width: 100%; height: 100%; z-index: 999; width: 100%; overflow: auto; background: #ffffff; padding: 155px 15px 35px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; }
.navbar .navbar-collapse.show { right: 0; }
.navbar .navbar-collapse:before { position: fixed; content: ""; right: -200%; top: 0; width: 100%; height: 135px; z-index: 9; background: #ffffff; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; }
.navbar .navbar-collapse.show:before { right: 0; }
.header.h-stick .navbar .navbar-collapse:before { height: 115px; }
.navbar .navbar-nav { align-items: flex-end; width: 100%; max-width: 720px; }
.navbar .navbar-nav .nav-item { margin: 0 0 15px; }
.navbar .navbar-nav .nav-item:last-child { margin-top: 0; }
.navbar .navbar-nav .nav-item .btn { font-size: 16px !important; line-height: 28px !important; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.header.h-stick .navbar .navbar-nav .nav-item .btn { font-size: 16px !important; line-height: 28px !important; }
.navbar .navbar-nav .nav-item .btn:active:focus,
.navbar .navbar-nav .nav-item .btn:hover { color: #ffffff !important; border-color: #2c2c2c !important; background: #2c2c2c !important; }

.navbar .h-top { background: transparent; padding-top: 35px; }
.navbar .h-top ul { flex-direction: column; align-items: flex-start; }
.navbar .h-top ul li { color: #666666; margin: 0 0 5px; }
.navbar .h-top ul li:last-child { margin-bottom: 0; }
.navbar .h-top ul li a:hover { color: #09bfba; }

.h-top .h-content { flex-direction: column; align-items: flex-end; }
.header {top: 42px;}
/* navigation */
}

@media (max-width: 767px){
.header .h-register-button { top: 25px; }
.header.h-stick .h-register-button { top: 16px; }
.navbar { padding: 25px 0; }
.navbar .navbar-brand img { width: 125px !important; }
.header.h-stick .navbar { padding: 15px 0; }
.navbar .navbar-collapse { padding-top: 125px; }

.navbar .navbar-nav { max-width: 540px; }
.navbar .navbar-collapse:before { height: 115px; }
.header.h-stick .navbar .navbar-collapse:before { height: 100px; }

.hamburger {top: 31px;}

.header { top: 33px; }
}
/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/