@charset "utf-8";
@import url("stylesheet.css");


:root {
	--btn-color: #8d8741;
	--btn-hover: #bc986a;
	--header-footer: #fbeec1;
}

body {
	font-family: "HK Grotesk";
	font-size: 18px;
	padding-top: 128px;
}

body {
	padding-top: 127px;
}

html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
}

.padding-2 {
	padding: 0px 2px;
}

.tophead {
	background-color: #CCC;
	text-align: right;
	padding: 5px;
	margin-bottom: 15px;
}

.tophead ul {
	margin: 0px;
	padding: 0px;
}

.tophead .col-sm-7>ul>li {
	display: inline-block;
}

.tophead .col-sm-7>ul>li>a,
.tophead .btn-group .btn {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	padding: 2px 7px;
}

.tophead .btn-group {
	margin-top: -3px;
}

.tophead .btn-group .btn {
	padding: 1px 7px;
}

.tophead .logout a,
.btn-danger {
	background-color: #f00 !important;
}

.top-section {
	/* background:#D1E8E2; */

	background: var(--primary-color);
	border: 1px solid var(--header-footer);
	border-radius: 0px 0px 20px 20px;
	padding: 0px;
	position: fixed;
	top: 0px;
	z-index: 99;
	width: 100%;
}

.top-section h4 {
	text-transform: uppercase;
	text-align: center;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	margin: 2px 0px;
}

.top-section .btn-warning {
	font-size: 20px;
	font-weight: 600;
}

.navbar-brand {
	height: auto;
	padding: 0px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #ebebeb;
}

.navbar-nav {
	padding: 9px 0 0 0;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	font-size: 14px;
	color: #fff;
}

.navbar-default .navbar-nav>li:last-child>a {
	padding-right: 0px;
}

.nav>li>a {
	padding: 10px;
}

.btn-warning {
	color: #fff !important;
	background-color: var(--btn-color);
	border: 1px solid var(--btn-color);
}

.btn-warning:hover {
	background-color: var(--btn-hover);
	border: 1px solid var(--btn-hover);
}

.top-section-img {
	position: relative;
}

.top_content {
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 30px 0 0 0;
}

.top_content .logo {
	text-align: center;
}

.top_content .logo img {
	/*max-width:175px;*/
	margin-top: 20px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 5px;
	padding: 5px;
}

.top_content .logo .natcon {
	margin-top: 30px;
}

.top_content .text {}

.top_content .text h3 {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
}

.top_content .text h4 {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.event-img {
	background-image: url(../img/about-event.jpg);
	padding: 50px 0;
	position: relative;
	background-repeat: round;
	width: calc(100% + 30px);
	margin-left: -15px;
}

.about-event .text {
	padding: 50px 125px 40px 75px;
	font-size: 40px;
	font-weight: 600;
	min-height: 205px;
	margin: 0px;
	color: #fff;
}

.headbg {
	background-color: var(--primary-color);
}

.about-event h3 {
	font-family: fangsong;
	font-style: italic;
	font-weight: 700;
	font-size: 35px;
}

.about-event p {
	margin-bottom: 10px;
	text-align: justify;

}

.mlm {
	margin-left: -15px;
}

.mrm {
	margin-right: -15px;
}

.important-date h3 {
	font-size: 38px;
	font-weight: 600;
	color: var(--primary-color);
}

.important-date h5 {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 0px;
}

.important-date p {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.important-date .content {
	padding-left: 30px;
	padding-top: 10px;
}

.contact-information {
	position: relative;
}

.pl-0 {
	padding-left: 0px;
}

.contact-content {
	/* text-align: center; */
	position: absolute;
	top: 0px;
	left: 0;
	background-color: var(--primary-color);
	padding: 25px 52px;
}

.contact-content h4 {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
}

.contact-detail {
	text-align: center;
	padding: 0px 0px 20px;
}

.contact-detail h5 {
	color: #0c1136;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.footer-section {
	background-color: var(--header-footer);
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #fff;
	background-color: var(--primary-color);
}

.footer-section ul {
	padding: 0px 0px 0px 0px;
	color: #000;
}

.footer-section h3 {
	margin: 20px 0px 20px 0px;
	font-weight: 700;
	font-size: 27px;

}

.footer-section ul li {
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: 500;
	list-style-position: inside;
}

.important-date ul {
	margin: 0;
	padding: 0 0 0 19px;
}

.important-date ul li {
	position: relative;
	list-style-type: none;
}

.important-date ul li:before {
	content: "\2022";
	color: var(--primary-color);
	font-weight: bold;
	display: inline-block;
	position: absolute;
	font-size: 25px;
	margin: -8px 0 0 -17px;
}

.second-footer {
	padding: 25px 0px 20px;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #959595;
}

.nav>li>a.btn {
	display: inline-block;
	padding: 10px 12px;
	margin: 0 0 0 5px;
}

.countdown {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	border: 3px solid var(--primary-color);
	padding: 10px 20px 10px 8px;
}

.countdown p {
	text-align: center;
	font-size: 25px;
}

.countdown h5 {
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -1px;
}

p#demo {
	margin: 0px;
}
.modal-backdrop{
	position: relative;
}

.running_text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 10px 20px;
	border-radius: 20px 20px 0 0;
	background-color: #002951;
	color: #fff;
	font-size: 20px;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}



/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

#demo {
	font-size: 16px;
}

#demo span {
	background-color: var(--primary-color);
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	margin: 0 auto;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
	color: #fff;
}

.footer-section ul li a {
	color: #000;
}

.information .user {
	background-color: #ddd;
	padding: 15px;
	margin-top: 15px;
	border-radius: 5px;
	box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 75%);
}

.information .user img {
	width: 150px;
	margin-bottom: 25px;
}

.information .user h6 {
	border-top: 1px solid #fff;
	padding: 10px 0;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 20px;
}

.information .user h6 span {
	font-size: 18px;
}

.information .footer {
	text-align: center;
	line-height: 1.7;
	margin-top: 50px;
}

.information .payment {
	background-color: #4179af;
	padding: 15px;
	color: #fff;
	margin-top: 25px;
	border-radius: 5px;
	box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 75%);
}

.information .payment .payment_header h5 {
	margin-bottom: 0px;
	padding: 0px 0 15px 0;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.payment h6 {
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	font-size: 17px;
}

.form-control {
	min-height: 40px;
	border-radius: 0px;
}

.nav-tabs .nav-item {
	width: 50%;
	background-color: #fff;
	text-align: center;
}

.nav-tabs .nav-item .nav-link {
	color: #000;
}

.nav-tabs .nav-link {
	border-radius: 0px;
	padding: 0.7rem 1rem;
	color: #000;
}

.nav-tabs .nav-item.active {
	background-color: var(--primary-color);
	color: #fff !important;
}

.nav-tabs .nav-item.active .nav-link {
	color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: var(--primary-color);
	border: none;
	color: #fff;
}

.modal-content {
	background-color: rgba(255, 255, 255, 0.9);
}

.event-img img {
	width: 100%;
}

.team {
	text-align: center;
	background-color: var(--primary-color);
	border-radius: 10px;
	padding: 10px 0;
	margin: 8px 15px;
	height: 100%;
}

.team img {
	width: 200px;
	margin-bottom: 10px;
}

#carousel2 .team img {
	width: 150px;
}

.team p {
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #fff;
}

.team p small {
	color: #ddd;
}

.exe.team {
	width: calc(20% - 34px);
	display: inline-block;
	margin: 8px 15px;
}

.dropdown img {
	height: 29px;
	margin: -10px 15px 0 0;
}

#register .nav {
	margin: -15px -15px 0 -15px;
}

.intl-tel-input {
	width: 100%;
}

#register .modal-content {
	overflow: hidden;
}

.heading {
	text-align: center;
}

.heading span {
	background-color: var(--primary-color);
	font-weight: bold;
	padding: 8px 15px;
	border-radius: 4px;
	color: #fff;
}

.border-right {
	border-right: 2px solid var(--secondary-color);
}

.dropdown-menu>li>a {
	text-align: left;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	width: 23%;
}

.top_content .hidden-xs {
	display: block;
}

.mb-20 {
	margin-bottom: 20px;
}

.btn .caret {
	margin-top: -5px;
	margin-left: 15px;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.sshadow {
	/* background-color:rgba(101, 157, 189, .3); */

	background-color: rgba(1, 43, 66, 0.44);
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

.popbtn {
	position: fixed;
	left: 0px;
	top: 50%;
	background-color: var(--primary-color);
	color: #fff;
	z-index: 99;
	padding: 10px 15px;
	border: 1px solid #fff;
	border-left: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}

.popbtn img {
	margin: -8px 0 0 0;
}

#direction .modal-content {
	background-color: #fff;
}
.gotobackend{
	position: fixed;
	right: 0px;
	bottom: 160px;
	font-weight: bold;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 15px;
	z-index: 99;
	transition: all 0.2s ease;
	cursor: pointer;
}
.gotop {
	display: none;
	position: fixed;
	right: -10px;
	bottom: 60px;
	font-weight: bold;
	border: 2px solid #bababa;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 15px;
	transform: rotate(-90deg);
	z-index: 99;
	background-color: #fff;
	transition: all 0.2s ease;
	cursor: pointer;
}

.gotop:hover {
	background-color: #ececec;
	bottom: 20.5%;
	transition: all 0.2s ease;
}

.gotop img {
	margin: -7px 0 0 5px;
}

.mgroup {
	width: 100%;
}

.mgroup .intl-tel-input {
	width: 100px;
	float: left;
}

.mgroup #mobile {
	width: calc(100% - 100px);
}

#committee,
#contact {
	top: -89px;
	position: relative;
}

.form-group {
	margin-bottom: 0px;
	margin-top: 30px;
}

.select2-container--bootstrap .select2-selection--single {
	border-radius: 0px !important;
	line-height: 1.8 !important;
	height: 40px !important;
}

.video {
	background-color: #f6f6f6;
	border-radius: 5px;
	margin: 0 0 15px 0;
	padding: 10px;
}

.video img {
	border: 4px solid #d1d1d1;
	margin: 0 0 10px 0;
	border-radius: 4px;
}

.video span {
	font-weight: bold;
}

.video span.Submitted {
	color: #027f37;
}

.video span.Draft {
	color: #f8cb30;
}

@supports (not (-ms-ime-align: auto)) {
	label {
		color: #999;
		transform: translate(0.25rem, -3.3rem);
		transition: all 0.2s ease-out;
	}

	.form-control:focus+label,
	.form-control:not(:placeholder-shown)+label {
		color: #111;
		transform: translate(0, -6.7rem);
	}
}

label {
	display: block;
	transform: translate(8px, -3.3rem);
	height: 0px;
	font-weight: 400;
}

label.nofloat {
	transform: inherit;
	height: auto;
}

.shop_opt label {
	text-transform: uppercase;
	color: #737373;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 20px 0;
}

.shop_opt label p {
	margin-bottom: 0px;
}

.bred {
	border: 1px solid #f00;
}

.tbg {
	background-color: #5b7a35;
	color: #fff;
}

.panel-default>.panel-heading {
	background-color: #c7d0d8;
	padding: 20px 15px;
	border-radius: 15px;
}

.panel-default {
	background-color: #f5f5f5;
	border-radius: 15px !important;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: none;
}

.shop_opt ul {
	margin: 15px 0 0 0;
	padding: 0px;
}

.shop_opt li {
	font-size: 14px;
	list-style-position: inside;
}

.br {
	border-right: 1px solid #ddd;
}

.closemodal {
	position: absolute;
	background-color: #f00;
	z-index: 99;
	left: 50%;
	width: 25px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	top: 0;
	margin-left: -12.5px;
	display: none;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

@media (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.btnp,
	.mt-10 {
		margin-top: 10px;
	}

	.modal-dialog {
		width: 700px;
	}

	.dropdown-menu {
		text-align: center;
	}

	.dropdown-menu>li>a {
		padding: 5px 20px;
	}

	.contact-detail p a,
	.contact-detail p {
		font-size: inherit !important;
	}

	.second-footer {
		font-size: 18px;
	}


	.about-event [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}
}

@media only screen and (max-width: 1200px) {
	.top_content {
		padding: 70px 0 0 0;
	}
}

@media only screen and (max-width: 1024px) {

	.top_content,
	.running_text {
		position: inherit;
	}

	.top_content .text h5,
	.top_content .text h3 {
		color: #000;
	}

	.top_content {
		padding: 8px 0 0 0;
	}

	.top_content .text {
		text-align: center;
		float: left;
		width: 100%;
	}

	.top_content .text h3 {
		font-size: 25px;
	}

	.top_content .text h5 {
		font-size: 18px;
	}
}

.bg-primary1 {
	background-color: #0b274c;
	color: #fff;
}

.committe_member h2 {
	font-weight: 600;
}

.text-green {
	color: #77ba1b;
}

.pb-20 {
	padding-bottom: 20px;
}

.committe,
.office {
	padding-left: 22px;
	list-style-type: disclosure-closed;
}

.committe li:first-child {
	margin-bottom: 50px;
}

.committe li::marker,
.office li::marker {
	color: #77ba1b;
}

.committe li:last-child {
	margin-top: 100px;
}

.office li:last-child {
	margin-top: 50px;
}

.listnone li {
	list-style-type: none;
}

.mpaylink {
	display: none;
}

.structure h3 {
	font-weight: 600;
}

.structure h2 span {
	border: 1px solid #000;
	border-radius: 13px;
	width: fit-content;
	padding: 8px 20px;
	font-weight: 600;
	
}
.structure h3 span {
	border: 1px solid #000;
	border-radius: 50px 20px;
	width: fit-content;
	padding: 15px 40px;
	font-weight: 700;
	color: white;
	background-color:#337ab7;
}

h1 span {
	border: 2px solid #000;
	border-radius: 10px;
	padding: 15px 40px;
}

.updatebtn {
	text-align: right;
}

@media only screen and (max-width: 768px) {
	.about-event h3 {
		font-size: 30px;
	}

	.updatebtn {
		text-align: left;
	}

	.top_content .text {
		display: none;
	}

	h1 span {
		font-size: 20px;
	}

	.committe li:first-child {
		margin-bottom: 0px;
	}

	.committe li:last-child {
		margin-top: 0px;
	}

	.office li:last-child {
		margin-top: 0px;
	}

	#pay_now_btn input[type=submit] {
		margin-bottom: 50px;
	}

	.btnp {
		padding: 5px 6px;
	}

	.structure h2 {
		font-size: 19px;
	}

	.structure h3 {
		font-size: 18px;
	}

	.mpaylink {
		display: block;
	}

	.closemodal {
		display: block;
	}

	.pad-0 {
		padding: 0 !important;
	}

	.navbar-nav .open .dropdown-menu {
		background-color: #fff;
	}

	.top_content .logo .natcon {
		margin-top: 0px;
	}

	.dropdown img {
		margin: -10px 5px 0 0;
	}

	.btn .caret {
		margin-left: 0px;
	}

	body {
		padding-top: 0px !important;
	}

	.dropdown-menu {
		left: auto;
		width: -webkit-fill-available;
		right: 0px;
	}

	.about-event h4 {
		padding: 40px 20px 40px 20px;
		text-align: center;
	}

	.dash-line {
		margin-top: 20px !important;
		text-align: left !important;
		padding: 20px 0 !important;
	}

	.about-event p {
		text-align: left;
		font-size: 15px;
	}

	.dash-line a {
		padding: 10px 20px !important;
	}

	.mt_50 {
		margin-top: 50px;
	}

	.mt_40 {
		margin-top: 40px;
	}

	.mt_20 {
		margin-top: 20px;
	}

	.mt_10 {
		margin-top: 10px;
	}

	.footer-section ul li a {
		font-size: 15px;
	}

	.information .user h6 span {
		font-size: 13px;
	}

	.information .user h6 {
		font-size: 14px;
	}

	.top_content .hidden-xs {
		display: none;
	}

	.top_content .visible-xs {
		display: block !important;
	}

	.contact-detail p a,
	.contact-detail p {
		font-size: 15px;
	}

	.dropdown-menu>li>a {
		padding: 5px 20px;
	}

	.top-section,
	.countdown {
		position: inherit;
	}

	.countdown h5 {
		font-size: 25px;
		text-align: center;
	}

	/*.countdown{padding:10px 28px;margin:5px 0;top:0px;left:0px;}*/

	.mlm {
		margin-left: 0px;
	}

	.mrm {
		margin-right: 0px;
	}

	.important-date .content {
		padding: 0px;
	}

	.important-date p {
		margin-bottom: 20px;
	}

	.contact-content {
		padding: 8px;
	}

	.contact-content h4 {
		font-size: 22px;
	}

	.footer-section ul {
		padding: 0px;
		margin-bottom: 0px;
	}

	.pb-0 {
		padding-bottom: 0px;
	}

	.footer-section ul li {
		list-style-position: inside;
		padding-bottom: 5px;
	}

	.footer-section {
		padding: 20px 0;
	}

	.second-footer {
		font-size: 12px;
		margin-bottom: 0px;
	}

	.important-date h5,
	.important-date p {
		font-size: 17px;
	}

	.exe.team {
		width: calc(33.33% - 34px);
	}

	.box p,
	.box ul li {
		font-size: 15px;
	}

	/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{width:100%;display:block;}*/

	.top_content .text h4 {
		color: #000;
		text-shadow: none;
		font-size: 16px;
	}

	.top_content .text h3 {
		text-shadow: none;
	}

	.tophead {
		text-align: center;
	}
	.top_content img{
		border: 1px solid #000;
		border-radius: 50%;
	}
}

@media only screen and (max-width: 420px) {
	.exe.team {
		width: 100%;
		margin: 8px 0;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.countdown {
		top: 1%;
		padding: 10px 25px;
	}

	body {
		padding-top: 150px;
	}
}

/* new custom css start   */

.btn_black {
	background: #2c3531 !important;
}

.btn_black:hover {
	background: #ffcb9a !important;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
}

.panel-title {
	font-size: 18px;
}

.important-date .mlm img {
	max-width: inherit;
	width: calc(100% + 30px);
}

/*#register{overflow-y:scroll;}*/

#accordion {
	margin-top: 10px;
}

.panel-heading a {
	display: block;
	position: relative;
	font-weight: bold;
}

.panel-heading a::after {
	content: "";
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(45deg);
}

.panel-heading a[aria-expanded=true]::after {
	transform: rotate(-135deg);
	top: 5px;
}



/*rating style sheet*/

@supports (not (-ms-ime-align:auto)) {
	label {
		color: #5a5a5a;
		transform: translate(0.25rem, -3.3rem);
		transition: all 0.2s ease-out;
	}

	.form-control:focus+label,
	.form-control:not(:placeholder-shown)+label {
		color: #111;
		transform: translate(0, -6.7rem);
	}
}

label {
	display: block;
	transform: translate(8px, -3.3rem);
	height: 0px;
	font-weight: 400;
}

.bred {
	border: 1px solid #f00;
}

.tbg {
	background-color: #5b7a35;
	color: #fff;
}

.rate {
	float: left;
	height: 46px;
}

.rate:not(:checked)>input {
	position: absolute;

	/*  top:-9999px;*/

	opacity: 0;
}

.rate:not(:checked)>label {
	float: right;
	width: 25px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 30px;
	color: #ccc;
}

.rate:not(:checked)>label:before {
	content: '★';
}

.rate>input:checked~label {
	color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
	color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
	color: #c59b08;
}

.rate label {
	height: auto;
	font-weight: 400;
	transform: translate(0);
	transition: all 0.2s ease-out;
}

label.radiol {
	height: auto;
	transform: none;
	display: inline-block;
	margin: 0 30px 0 0;
}

label.radiol input {
	margin: 0 10px;
}

.form-group label span {
	color: #f00;
}

.mt-0 {
	margin-top: 0px;
}


form h3 {
	color: #F60;
	border-bottom: 2px solid #999;
	padding: 0 0 10px 0;
	position: relative;
}

form h3:after {
	content: '';
	width: 100px;
	height: 6px;
	background-color: #F60;
	display: block;
	position: absolute;
	bottom: -4px;
}

.workshops label.nofloat {
	display: inline;
}

@media (min-width: 768px) {
	#contactpopup .modal-dialog {
		width: 1000px;
	}
}

p label.checkbox.nofloat {
	margin-left: 21px;
}

#regbtn {
	background-color: var(--primary-color);
	transition: all 0.5s;
	cursor: pointer;

}

#regbtn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

#regbtn span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

#regbtn:hover span {
	padding-right: 25px;
}

#regbtn:hover span:after {
	opacity: 1;
	right: 0;
}

#reg_btn {
	background-color: var(--primary-color);
}
.range-slider {
	--primary-color: #0366d6;
	--value-offset-y: var(--ticks-gap);
	--value-active-color: white;
	--value-background: transparent;
	--value-background-hover: var(--primary-color);
	--value-font: 700 12px/1 Arial;
	--fill-color: var(--primary-color);
	--progress-background: #eee;
	--progress-radius: 20px;
	--track-height: calc(var(--thumb-size) / 2);
	--min-max-font: 12px Arial;
	--min-max-opacity: 0.5;
	--min-max-x-offset: 10%;
	--thumb-size: 22px;
	--thumb-color: white;
	--thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
		0 0 0 99px var(--thumb-color) inset;
	--thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),
		0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
	--thumb-shadow-hover: var(--thumb-shadow);
	--ticks-thickness: 1px;
	--ticks-height: 5px;
	--ticks-gap: var(--ticks-height,
			0);
	--ticks-color: silver;
	--step: 1;
	--ticks-count: Calc(var(--max) - var(--min)) / var(--step);
	--maxTicksAllowed: 30;
	--too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
	--x-step: Max(var(--step),
			var(--too-many-ticks) * (var(--max) - var(--min)));
	--tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
	--tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
	--value-a: Clamp(var(--min),
			var(--value, 0),
			var(--max));
	--value-b: var(--value, 0);
	--text-value-a: var(--text-value, "");
	--completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
	--completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
	--ca: Min(var(--completed-a), var(--completed-b));
	--cb: Max(var(--completed-a), var(--completed-b));
	--thumbs-too-close: Clamp(-1,
			1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
			1);
	--thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
	--thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
	display: inline-block;
	height: max(var(--track-height), var(--thumb-size));
	background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
	background-size: var(--tickIntervalPerc) var(--ticks-height);
	background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
	background-position-y: var(--flip-y, bottom);
	padding-bottom: var(--flip-y, var(--ticks-gap));
	padding-top: calc(var(--flip-y) * var(--ticks-gap));
	position: relative;
	z-index: 1;
}
.range-slider[data-ticks-position=top] {
	--flip-y: 1;
}
.range-slider__progress {
	--start-end: calc(var(--thumb-size) / 2);
	--clip-end: calc(100% - (var(--cb)) * 1%);
	--clip-start: calc(var(--ca) * 1%);
	--clip: inset(-20px var(--clip-end) -20px var(--clip-start));
	position: absolute;
	left: var(--start-end);
	right: var(--start-end);
	top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
	height: calc(var(--track-height));
	background: var(--progress-background, #eee);
	pointer-events: none;
	z-index: -1;
	border-radius: var(--progress-radius);
}
.range-slider__progress::before {
	content: "";
	position: absolute;
	left: -11px;
	right: 0;
	-webkit-clip-path: var(--clip);
	clip-path: var(--clip);
	top: 0;
	bottom: 0;
	background: var(--fill-color, black);
	box-shadow: var(--progress-flll-shadow);
	z-index: 1;
	border-radius: inherit;
}
.range-slider__progress::after {
	content: "";
	position: absolute;
	top: 0;
	right: -11px;
	bottom: 0;
	left: 0;
	box-shadow: var(--progress-shadow);
	pointer-events: none;
	border-radius: inherit;
}
.range-slider>input {
	-webkit-appearance: none;
	width: 100%;
	height: var(--thumb-size);
	margin: 0;
	position: absolute;
	left: 0;
	top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
	cursor: -webkit-grab;
	cursor: grab;
	outline: none;
	background: none;
}
.range-slider>input:not(:only-of-type) {
	pointer-events: none;
}
.range-slider>input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: var(--thumb-size);
	width: var(--thumb-size);
	transform: var(--thumb-transform);
	border-radius: var(--thumb-radius, 50%);
	background: var(--thumb-color);
	box-shadow: var(--thumb-shadow);
	border: none;
	pointer-events: auto;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.range-slider>input::-moz-range-thumb {
	-moz-appearance: none;
	appearance: none;
	height: var(--thumb-size);
	width: var(--thumb-size);
	transform: var(--thumb-transform);
	border-radius: var(--thumb-radius, 50%);
	background: var(--thumb-color);
	box-shadow: var(--thumb-shadow);
	border: none;
	pointer-events: auto;
	-moz-transition: 0.1s;
	transition: 0.1s;
}
.range-slider>input:nth-of-type(1) {
	--is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.range-slider>input:nth-of-type(1)+output {
	--value: var(--value-a);
	--x-offset: calc(var(--completed-a) * -1%);
}
.range-slider>input:nth-of-type(1)+output:not(:only-of-type) {
	--flip: calc(var(--thumbs-too-close) * -1);
}
.range-slider>input:nth-of-type(1)+output::after {
	content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.range-slider>input:nth-of-type(2) {
	--is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.range-slider>input:nth-of-type(2)+output {
	--value: var(--value-b);
}
.range-slider>input:only-of-type~.range-slider__progress {
	--clip-start: 0;
}
.range-slider>input+output {
	--flip: -1;
	--x-offset: calc(var(--completed-b) * -1%);
	--pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
	pointer-events: none;
	position: absolute;
	z-index: 5;
	background: var(--value-background);
	border-radius: 10px;
	padding: 2px 4px;
	left: var(--pos);
	transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
	transition: all 0.12s ease-out, left 0s;
}
.range-slider>input+output::after {
	content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
	font: var(--value-font);
}
@media screen and (max-width: 500px) {
	/* body {
	  padding-top: 2em;
	  gap: 8%;
	} */
}
body .range-slider {
	margin-top: 20px;
	margin-bottom: 20px;
}
body .range-slider,
label[dir=rtl] .range-slider {
	/* width: clamp(300px, 50vw, 800px); */
	width: 100%;
	min-width: 200px;
}
.member {
	font-weight: bold;
	margin-bottom: 40px;
}
.member h3 {
	color: #1498b0;
	margin-bottom: 5px;
}
.navbar-nav>li.login a {
	display: inline-block;
}
.c_head {
	margin-bottom: -46px;
	z-index: 9;
	position: relative;
	color: #fff;
}
.conference1 {
	background-image: url(../img/conference1.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.conference2 {
	background-image: url(../img/conference2.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.shadow {
	width: calc(100% + 30px);
	height: 100%;
	margin: 0 0 0 -15px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	padding: 70px 20px 40px 20px;
}
.color_danger {
	color: #ff0000;
}
.font-weight-700 {
	font-weight: 700;
}
.ml-30 {
	margin-left: 30px;
}
.mr-10 {
	margin-right: 10px;
}
.content_1 {
	line-height: 1.5;
}
.font-19 {
	font-size: 19px;
}
.leftbox {
	top: -5%;
	left: 5%;
	position: absolute;
	background-color: #50d890;
	box-shadow: 3px 3px 15px rgba(119, 119, 119, 0.5);
}
.rb-container {
	margin: auto;
	display: block;
	position: relative;
}
.rb-container ul.rb li {
	list-style: none;
	margin: auto;
	min-height: 50px;
	padding: 0 0 0 10px;
	position: relative;
}
.rb-container ul {
	padding-left: 15px;
	margin-left: 20px;
	border-left: 1px dashed #000;
}
.rb-container ul.rb li:last-child {
	border-left: 0;
}
.rb-container ul.rb li::before {
	position: absolute;
	left: -24px;
	top: 0px;
	content: " ";
	border: 8px solid rgb(0 0 0);
	border-radius: 500%;
	background: #fff;
	height: 20px;
	width: 20px;
	transition: all 500ms ease-in-out;
}
.rb-container ul.rb li:hover::before {
	border-color: #232931;
	transition: all 1000ms ease-in-out;
}
.border-1 {
	border: 1px solid #ddd;
}
.hotels img{
	width: 100px;
	margin: 0 0 25px 0;
}
.text-danger{color:#f00}

.apbox{
	border: 2px solid grey;
	border-radius: 5px;
	padding: 0 10px 10px 10px;
    margin-top: 20px;
}
.apbox span{
	background-color: #fff;
    margin: -16px 0 0 0;
    display: inline-block;
    padding: 0 3px;
}
.showpass{
	position: relative;
}
.showpass .eye{
	width: 36px;
	position: absolute;
	cursor: pointer;
	right: 2px;
	top: 2px;
}