@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
	background-color: #fff;
	font-family: "Open Sans", sans-serif;
	color: #000000;
	font-size:16px;
}
img {
	max-width:100%;
}
@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}
#headerweb {
	height:100px;
}
#site-header {
    background-image: linear-gradient(81deg, #221E55 0%, #ED1370 100%);
}
#logo img {
	width:132px;
}
#navtop > li > a {
	color:#FFF; font-weight:bold;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 100px;
    padding-top: 0;
    padding-bottom: 0;
}
#navtop > li > a > .fa {	
    padding-left: 6px; padding-right: 0;
    line-height: 1; font-weight: 900; font-size:12px;
}
#navtop .dropdown-toggle::after {
	display:none !important;
}
#navtop .dropdown-menu {
	padding:0;
    top: 100px;
    border-radius: 0;
    border: none;
    background-color: #fff;
    border-top: 3px solid #ed1370;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    z-index: 99999;
}
#navtop .dropdown-menu li {
	margin:0; padding:0;
}
#navtop .dropdown-menu a {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: .6px;
    padding: 12px 15px;
    text-transform: capitalize;
}
#navlang > li > a {
	color:#FFF;
    font-size: 16px;
    text-transform: uppercase;
}
#navlang > li > a {
	padding:5px 10px 6px;
}
#navlang > li {
	position:relative;
}
#navlang > li:first-child:after {
	content: "";
    height: 50%;
    width: 1px;
    position: absolute;
    background: #fff;
    top: 9px;
    right: 0;
}
#navlang > li.active > a {
	font-weight:bold;
}
h1, h2, h3 {
	font-weight:600; color:#231d55;
}
.eventswrap {
	padding:30px 0 0;
}
.eventcol {
	margin-bottom:30px;
}
.events {	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius:10px; overflow:hidden;
	height:100%;
}
.events h3 {
	font-size:24px; font-weight:bold;
	margin-bottom:20px;
}
.event-body {
	padding:25px 20px 15px;
}
.event-body p {
	line-height:1.8;
}
.event-detail {
	margin-top:24px;
}
.eventsdet i {
	margin-right:5px;
}
.eventsdet {
	margin-right:20px; display:inline-block; margin-bottom:8px;
}
.event-button {
	margin-top:24px;
}
.event-button .btn, .btnjoin {
	font-weight:bold;
	padding:8px 50px;
	background:#231d55; border-color:#231d55;
}
.event-button .btn:hover, .btnjoin:hover {
	background:#6e2160; border-color:#6e2160;
}
.event-button .btn-danger {
	background:#ED1370; border-color:#ED1370;
}
.event-button .btn-danger:hover {
	background:#f15899; border-color:#f15899;
}
.detailimg {
	width:840px; max-width:100%;
	margin:0 auto;
}


footer {
	background:#221e55; color:#FFF;
	padding-top:50px; padding-bottom:60px;
	margin-top:70px;
}
footer p, footer a {
	color:#FFF;
}
.social-network {
	margin-top:30px;
}
.social-network a {
	font-size:25px; line-height:25px;
	padding:0 10px;
}
.social-network a:hover {
	opacity:0.5;
}

.mobileburger, .langmob {
	display:none;
}

@media (max-width: 1200px) and (min-width:1024px) {
	#navtop > li > a {
		padding-left:10px; padding-right:10px;
	}
	.dropdown:hover .dropdown-menu {
		margin-top:-2px !important;
	}
}
@media (max-width:1023px) {
	#navtop {
		position:fixed; top:0; left:0; z-index:999999999;
		width:300px; height:100%; background:#FFF;
		padding:0; margin:0; flex-wrap:nowrap; display:block;
		transform: translateX(-300px); 
		-webkit-transform: translateX(-300px);
	}
	#navtop li {
		display:block; width:100%;
		border-top: 1px solid rgba(0, 0, 0, .035);
	}
	#navtop > li > a {
		color:#000; line-height:1.6;
		padding: 12px 20px;
	}
	#navtop .dropdown-menu {
		top: inherit; position:relative !important;
		border-radius: 0;
		border: none;
		background-color: #fff;
		border-top:none; padding-left:0;
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
		z-index: 1; transform:none !important;
	}
	#navtop .dropdown-menu a {
		font-size:14px; color:#000;
	}
	#navtop .dropdown-menu a:before {
		font-family: "Font Awesome 5 Free";
		content: "";
		display: inline-block;
		margin: 0 10px;
		font-weight: 600;
	}
	#navtop.shows {
		animation: slide-in 0.5s forwards;
		-webkit-animation: slide-in 0.5s forwards;
	}
	#navtop.dismissed {
	  animation: slide-out 0.5s forwards;
	  -webkit-animation: slide-out 0.5s forwards;
	}
	@keyframes slide-in {
	  0% {
		-webkit-transform: translateX(-300px);
	  }
	  100% {
		-webkit-transform: translateX(0);
	  }
	}
	@keyframes slide-out {
	  0% {
		-webkit-transform: translateX(0);
	  }
	  100% {
		-webkit-transform: translateX(-300px);
	  }
	}
	.langmob {
		display:block; border-bottom:none !important;
	}
	#navlang {
        display:none !important;
	}
	#navlangmob {
		margin-top:30px; padding-left:20px;
	}
	#navlangmob > li {
		display:inline-block !important; width:auto;
	}
	#navlangmob > li > a {
		display:block;
		padding: 10px;
		border: 1px solid #555;
		background: transparent;
		color: #000;
		margin-right: 10px;
		line-height: 1.2;
		min-width: 46px;
		text-align: center;
		border-radius: 5px;
	}
	#navlangmob > li.active > a {
		background:#555; color:#fff;
	}
	.mobileburger {
		display:block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -6px;
	}
	.hamburger {
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: .15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
	}
	.hamburger-box {
		width: 20px;
		height: 16px;
		display: inline-block;
		position: relative;
		perspective: 40px;
	}
	.hamburger--3dx .hamburger-inner {
		-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.hamburger-inner {
		border-radius: 3px;
		position: absolute;
		width: 20px;
		height: 2px;
	}
	.hamburger-inner::after, .hamburger-inner::before {
		content: "";
		display: block;
		border-radius: 3px;
		position: absolute;
		width: 20px;
		height: 2px;
	}
	.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	.mobileburger .hamburger-inner, .mobileburger .hamburger-inner:before, .mobileburger .hamburger-inner:after {
		background-color: #fff;
	}
	.hamburger-inner:before {
		top: -7px;
	}
	.hamburger-inner:after {
		bottom: -7px;
	}
	.hamburger--3dx.is-active .hamburger-inner {
		background-color: transparent;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.hamburger--3dx.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
		transform: translate3d(0, 7px, 0) rotate(45deg);
	}
	.hamburger--3dx.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
		transform: translate3d(0, -7px, 0) rotate(-45deg);
	}
	#site-header {
		padding-left:20px; padding-right:25px;
	}
}