@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap);article hr {
	margin-top: 4rem;
	border-top: 3px solid var(--green-color);
	opacity: 1
}
.glightbox-clean .gslide-title {
	font-size: 1rem
}
#events-container h2,#mainmenu .nav-link,.event-detail h1,p.hgl a {
	text-transform: uppercase
}
:root {
	--bs-dark-gray: #333;
	--primary: #780b10;
	--green-color: #afcb05;
	--pink-color: #ea516d;
	--light-color: #fff;
	--black-color: #000;
	--light-shadow: #ccc;
	--border-shadow: #ddd;
	--verylight-shadow: #eee;
	--darkbutton-color: #111
}
#events-container .past-term,#events_fromtill,.gsib_b,.label-fromtill,.partneri .container.partners,.secondEmailGroup,.sm-nav img,button.search {
	display: none
}
article {
	margin-top:4rem;
}
.jGallery {
	margin: 0 -8px
}
.event-banner {
	margin-top: 1rem;
	margin-bottom: 1rem
}
.bg-banner-innerNE span,.event-banner .h3,.event-data-content .datetime,.page-banners .h3 {
	display: block
}
.event-banner .ratio {
	--bs-aspect-ratio: 75%;
	margin-bottom: 1rem
}
.page-banners .ratio {
	--bs-aspect-ratio: 100%
}
.page-banners .h3 {
	font-weight: 600;
	font-size: 1.3rem;
	margin-top: 1rem
}
.bg-banner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	cursor: pointer!important
}
.clickable,.clickable-blank,.cycle-pager>*,.navigation {
	cursor: pointer
}
.bg-banner-inner {
	width: 100%;
	display: block;
	overflow: hidden
}
.bg-banner-content>span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block
}
.bg-banner .bg-banner-inner>img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}
.bg-banner-hover:hover .bg-banner-inner>img,.gallery-banner:hover .bg-banner-inner>img {
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	-moz-transform: translate(-50%,-50%) scale(1.1);
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-o-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out,-moz-transform .2s ease-in-out;
	transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out
}
.banners-hgl .bg-banner-content>span {
	padding: 1rem 1.5rem .75rem;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 20%,#000 100%)
}
.event-detail .subtitle {
	margin-bottom: 2rem
}
#events-container .past-event .past-term {
	display: inline-block
}
.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary:disabled {
	color: var(--gray-dark);
	background-color: var(--border-shadow);
	border-color: var(--border-shadow);
	cursor: auto
}
p.hgl,p.hgl a {
	background-color: var(--primary)
}
#vinovinky #reg-form-result {
	font-size: .8rem;
	margin-bottom: 10px
}
body {
	font-family: Quicksand,sans-serif;
	font-size: 1.3rem;
	color: var(--black-color);
	line-height: 1.5;
	padding-top: 85px;
	font-weight: 300
}
#footer .bg-verylight-shadow .text-container,.homepage .banners-1,.text-container p:last-child,body.program .text-container,body.program h1 {
	margin-bottom: 0
}
body.program h1 {
	padding-bottom: 1rem
}
.bg-white {
	background-color: var(--light-color)!important
}
.bg-light {
	background-color: var(--verylight-shadow)!important
}
.mt--50,.pb-container {
	margin-top: -50px
}
.partner .row {
	margin-right: -30px;
	margin-left: -30px
}
.partner .row>div {
	padding-right: 30px;
	padding-left: 30px
}
.banners-1,.banners-3,.banners-4,.event-data-row,.page-banners>div,.program .text-container {
	margin-bottom: 30px
}
.upcoming_event {
	background-color: var(--green-color)
}
p.hgl {
	width: 100%;
	color: #fff
}
p.hgl a {
	color: var(--light-color)!important
}
.upcoming_event a,.upcoming_event span,p.hgl a,p.hgl span {
	text-align: center;
	width: 100%;
	display: block;
	text-decoration: none;
	font-size: 1.8rem;
	margin-top: 1rem;
	padding: 15px 20px
}
.upcoming_event a:hover,p.hgl a:hover {
	background-color: var(--pink-color);
	color: var(--black-color)!important
}
.footer-menu a,.h1,.h2,.h3,.h4,h1,h2,h3,h4,strong {
	font-weight: 600
}
.footer-menu {
	margin-top: 2rem
}
.footer-nav>div:first-child {
	padding-right: 140px
}
.imagebox {
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.bg-verylight-shadow {
	background: var(--verylight-shadow)
}
#footer .bg-verylight-shadow {
	border-bottom: 40px solid var(--primary);
	padding-bottom: 25px
}
#header .logo-container {
	font-weight: 600;
	font-style: italic
}
.homepage #header .logo-container {
	padding: 0 80px
}
#header .row {
	margin: 0
}
#header .row .slider-container {
	padding: 0
}
.homepage #header .logo-container img {
	margin-bottom: 75px
}
.homepage #header.pb-5 {
	padding-bottom: 0!important
}
.width100 {
	width: 100%!important
}
#footer .text-container.partners p,.events-row>div {
	margin-bottom: 20px
}
article .events-row a,article .page-banners a,article .pagelist-row a {
	text-decoration: none
}
.banners-2 .datetime,.events-row .datetime,.pagelist-row .datetime {
	font-size: 1.6rem;
	font-weight: 600;
	display: inline-block;
	margin: 8px;
	padding: 6px 8px 6px 12px;
	background-color: var(--primary);
	color: #fff
}
#footer,#mainmenu,.banners .d-flex p,.events-row .desc,.pagelist-row .desc,.ui-datepicker {
	font-size: 1rem
}
.events-row .desc .datetime {
	font-size: 1.2rem;
	margin: 0 10px 10px 0;
	padding: 6px 8px 6px 12px
}
.banners-2>div:hover .datetime,.events-row>.clickable:hover .datetime,.pagelist-row>div:hover .datetime {
	color: var(--black-color)!important;
	background-color: var(--green-color)
}
.events-row>.clickable,article .events-row>.clickable a {
	color: #000!important
}
.banners-3>div:hover .btn,.events-row>.clickable:hover,.pagelist-row>div:hover,.search:hover,article .banners-3>div:hover a,article .events-row>.clickable:hover a,article .pagelist-row>div:hover a,li.search button:hover {
	color: var(--primary)!important
}
.events-row>div .event-img,.pagelist-row>div .page-img {
	border-top: 15px solid var(--white)
}
.events-row>.clickable:hover .event-img,.pagelist-row>div:hover .page-img {
	border-top: 15px solid var(--primary)
}
.events-row h2,.pagelist-row h2 {
	text-align: left;
	font-size: 1.4rem;
	margin: 0 0 10px;
	padding-bottom: 0
}
.events-row .desc {
	padding: 15px 0
}
.pagelist-row .desc {
	padding: 5px 0 15px
}
#select-evets-form {
	margin-bottom: 15px
}
.btn-event {
	font-size: 1.5rem;
	padding: .5rem 2rem
}
#mainmenu span,#mainmenu.navbar .active>a,#slider .txt-info a,.btn-event.active,.cycle-pager span.cycle-pager-active,.dropdown-item.active,.dropdown-item:active,.navbar a:focus,.navbar a:hover,article a:hover {
	color: var(--primary)
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(0,0,0,.5)
}
.btn-primary.focus,.btn-primary:focus {
	background-color: var(--black-color);
	border-color: var(--black-color);
	box-shadow: none
}
.copy,.form-control:focus {
	background-color: var(--light-color)
}
.form-control {
	color: #666;
	border: 1px solid #333;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
#events_fromtill_fields {
	margin: -5px 0 0 4rem;
	background-color: var(--verylight-shadow);
	float: left;
	display: inline-block;
	height: 58px
}
.btn-event-terms {
	float: left
}
#events_fromtill_fields input {
	width: 8rem;
	display: inline-block;
	border: 0;
	margin: 10px 0 10px 10px
}
#select-evets-form .btn-primary {
	margin: 0 0 1px 10px;
	height: 58px
}
.btn-event-terms,.btn-event-types {
	margin: 0 -2rem
}
.event-description-row,.tile-event {
	margin-top: 15px
}
.btn-event-types strong {
	font-weight: 300;
	color: var(--primary)
}
.banners .h1,.banners .h2,.banners h1,.banners h2,.event-detail h1,.event-detail h2 {
	text-align: left
}
.event-detail h2 {
	font-size: 1.8rem;
	font-weight: 300
}
.order-ticket .btn {
	margin: 8px 0 15px
}
.event-data {
	padding-left: 2rem
}
.tile-event {
	padding-bottom: 25px
}
#map_canvas {
	margin-top: 30px;
	width: 100%;
	height: 500px
}
.event-data-content {
	font-size: 1.2rem;
	border-bottom: 1px solid var(--primary);
	width: 100%
}
.gal-container {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 30px
}
#footer {
	margin: 0 0 5px;
	padding-top: 30px
}
#footer.border-top-green {
	margin-top: 4.25rem;
	border-top: 8px solid var(--green-color)
}
#footer .text-container.partners {
	margin-bottom: 20px;
	text-align: right
}
#footer .text-container.partners a {
	color: var(--primary);
	font-style: italic
}
#footer h2 {
	text-align: left!important;
	font-size: 1.6rem;
	margin: 2rem 0 .5rem
}
.copy {
	margin: 12px 0 50px;
	font-size: .9rem;
	color: #666
}
.perex,li.search button {
	font-size: 1.5rem
}
.homepage .perex,.homepage h1,.homepage h2,.program .perex {
	text-align: center
}
.perex {
	margin-bottom: 2rem
}
.text-container {
	max-width: 1500px;
	padding-left: 50px;
	padding-right: 50px
}
.banners,.text-container {
	margin-bottom: 1rem
}
.btn.focus,.btn:focus {
	box-shadow: none
}
.btn,.dropdown-menu,.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
	border-radius: 0
}
.form-control:focus {
	color: var(--black-color);
	border-color: var(--primary);
	outline: 0;
	box-shadow: none
}
.input-group-text {
	color: var(--black-color);
	background-color: var(--primary);
	border: 1px solid var(--primary);
	border-radius: 0
}
.btn-primary,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
	color: var(--light-color);
	background-color: var(--primary);
	border-color: var(--primary)
}
.btn-primary:hover,article .banners-5 .bg-banner:hover .h2 a,article a {
	color: var(--black-color)!important
}
.banners-5 .h3,.btn-primary:hover {
	background-color: var(--green-color)
}
.btn-primary:hover {
	border-color: var(--green-color)
}
#footer a,#mainmenu a,#mainmenu span.fa,.banners-3 .gold .btn,.banners-5 .h3 {
	color: var(--black-color)
}
#searchModal .modal-content {
	background: 0 0;
	border-radius: 0;
	border: 0
}
#gsc-iw-id2,#searchModal .modal-footer,#searchModal .modal-header {
	border: 0
}
#searchModal .close,article #slider .txt-info .h2 a,article .banners a,article .banners-2 a,article .banners-3 a,article .banners-4 a,article a.btn-primary {
	color: var(--light-color)!important;
	text-decoration: none
}
#searchModal .form-control {
	border-color: var(--light-color)
}
.banners,.banners-4 {
	color: var(--light-color);
	margin-left: -1px;
	margin-right: -1px
}
,.banners .desc.black,.banners-4 .black,article .banners .black a,article .banners-4 .black a {
	color: var(--black-color)
}
.banners>.d-flex {
	border: 1px solid var(--light-color);
	float: left;
	height: 250px
}
.banners-1>div,.banners>div:first-child {
	height: 500px
}
.banners-5 .bg-banner-inner {
	--bs-aspect-ratio: 40%
}
.banners-5 .h2,.banners-5 .h3 {
	display: inline-block;
	font-size: calc(.5rem + 1vw);
	margin: 0;
	padding: 7px 12px
}
.banners-5 .h2 {
	background-color: var(--primary);
	color: #fff
}
.banners-1>div,.banners-2 h2,.banners-3 .btn {
	color: var(--light-color)
}
.NEbanners-5>div:hover .h3,article .banners-5 .bg-banner:hover .h2 {
	background-color: var(--pink-color)
}
.banners>div:first-child p {
	font-size: 1rem;
	line-height: 1rem
}
.banners .d-flex p {
	line-height: 1.2rem
}
.banners-5>.d-flex {
	width: 33.3334%
}
.banners-7>.d-flex {
	width: 25%
}
.banners.banners-7 .btn {
	margin-left: 0
}
.banners-1 .row {
	width: 100%;
	height: 500px
}
.banners-1 .row>div {
	margin-bottom: 40px
}
.banners-1 h2 {
	font-size: 3rem;
	text-align: left;
	padding-left: 50px;
	margin-bottom: 12px
}
.banners-1 .desc {
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding-left: 50px
}
.banners-3,.banners-4 {
	margin-left: 138px;
	margin-right: 138px
}
.banners-3>div {
	padding-left: 22px;
	padding-right: 22px;
	text-align: center
}
.banners-4>div {
	padding: 15px
}
.banners-4 h2 {
	font-size: 1.8rem;
	text-align: left;
	padding: 15px 25px;
	margin-top: 0
}
.banners-2-container,.banners-2>div {
	padding-right: 0;
	padding-left: 0
}
.banners-2 {
	margin-right: 0;
	margin-left: 0
}
.banners-2>div {
	float: left;
	border: 2px solid var(--light-color);
	width: 50%
}
.banners-2 h2 {
	margin: 0;
	font-size: 2.4rem;
	text-align: left;
	padding: 25px;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000)
}
.pagegallery>div>a.thumbnail,.photo-gallery a {
	background: var(--verylight-shadow);
	display: table-cell;
	text-align: center;
	position: relative;
	vertical-align: middle
}
#slider .txt-info,#slider>div.cycle-slide,#slider>div.cycle-slide img,.banners-2 .desc {
	width: 100%
}
.banners-2 .datetime {
	font-size: 1.6rem;
	margin: 25px
}
.banners-3 .btn {
	font-size: 1.8rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-bottom: 20px;
	background-color: var(--darkbutton-color)
}
.banners-3 .gold .btn {
	background-color: var(--primary)
}
.banners-3>div:hover .gold .btn {
	color: var(--primary);
	background-color: var(--black-color)
}
#header-height {
	position: absolute;
	left: 5000px;
	top: 0;
	height: 85px
}
#mainmenu .dropdown-item.active,#mainmenu .dropdown-item:active {
	color: var(--light-color);
	text-decoration: none;
	background-color: var(--primary)
}
#mainmenu .nav-link:hover,article .page-banners>div:hover a,article a {
	text-decoration: underline
}
#mainmenu {
	--bs-navbar-padding-x: .75rem;
	font-weight: 600;
	-ms-flex-align: end!important;
	align-items: flex-end!important;
	display: -ms-flexbox!important;
	display: flex!important
}
.homepage #mainmenu {
	background-color: #fff!important
}
.navbar-brand img {
	height: 50px
}
#mainmenu .nav-link {
	padding: 22px 30px
}
#mainmenu.scrolldown,.gsc-branding {
	display: none!important
}
#mainmenu.scrollup {
	display: flex!important;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}
.langs {
	padding: 10px 0 0 110px
}
li.search {
	padding: 6px 0 0 40px
}
li.search img {
	margin: 0 4px
}
.photo-gallery {
	list-style-type: none;
	padding-left: 0;
	margin-left: -15px;
	margin-top: 15px
}
.photo-gallery li {
	text-indent: 0;
	width: 154px;
	height: 142px;
	float: left;
	margin-bottom: 15px;
	padding-left: 15px
}
.photo-gallery li:before {
	width: 0
}
.photo-gallery:after,.photo-gallery:before {
	content: "";
	display: table
}
.photo-gallery:after {
	clear: both
}
.photo-gallery a {
	width: 135px;
	height: 135px
}
.photo-gallery a:hover:after,.photo-gallery a:hover:before {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%
}
.photo-gallery a:hover:before {
	background: rgba(255,255,255,.9);
	border-radius: 50%;
	height: 68px;
	margin-left: -34px;
	margin-top: -34px;
	width: 68px;
	z-index: 10
}
.photo-gallery a:hover:after {
	background-image: url(/img/icons/sprites.png);
	background-position: -85px -353px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	z-index: 12
}
.photo-gallery img {
	max-width: 135px;
	max-height: 135px;
	z-index: 5
}
.js .photo-gallery img {
	position: relative
}
#slider {
	z-index: 1;
	margin-top: -32px
}
#slider .buttons a {
	margin-top: 1.5rem
}
.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	bottom: 10px;
	overflow: hidden
}
.cycle-pager span {
	font-family: arial;
	font-size: 60px;
	width: 24px;
	height: 24px;
	display: inline-block;
	color: var(--light-shadow);
	cursor: pointer
}
.navigation {
	width: 30%;
	display: block!important;
	color: #fff!important;
	position: absolute;
	top: 45%;
	opacity: .7;
	z-index: 800;
	font-size: 30px
}
.cycle-prev {
	left: 15px
}
.cycle-next {
	right: 15px;
	text-align: right
}
.navigation img {
	width: 15px
}
#slider>div .cycle-overlay {
	color: #fff;
	position: absolute;
	top: 30px;
	left: 50px;
	width: 50%;
	height: 100%;
	padding-bottom: 100px;
	font-size: 1.6rem;
	font-weight: 300
}
#slider .heading {
	margin-top: 50px;
	font-size: 4rem;
	line-height: 5rem;
	width: 100%;
	font-weight: 400
}
#slider .txt-info a {
	font-size: 2rem
}
#slider .buttons {
	color: #fff;
	position: absolute;
	bottom: 100px;
	right: 100px;
	width: 40%;
	text-align: right
}
#slider .h2,#slider .txt-info .h2 a {
	text-align: left;
	font-size: 3.6rem
}
#slider .buttons a,.banners .btn {
	display: inline-block;
	color: var(--light-color);
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid var(--light-color);
	padding: .3rem 1.8rem .75rem;
	font-size: 1.8rem;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-left: 2rem
}
#slider .buttons a:hover,.banners>div:hover .btn {
	background-color: var(--primary);
	border-color: var(--primary);
	text-decoration: none
}
.h1,h1 {
	margin: 50px 0 20px;
	font-size: 2.8rem
}
.h2,h2,h3 {
	margin: 2rem 0 .5rem
}
.h2,h2 {
	font-size: 2.2rem
}
h3 {
	font-size: 1.8rem
}
h4 {
	font-size: 1.4rem;
	margin: 2rem 0 .3rem
}
.h1 strong,.h2 strong,h1 strong,h2 strong {
	font-weight: 400;
	color: var(--primary)
}
img.imgmce1 {
	float: right;
	margin: 5px 0 10px 30px
}
img.imgmce2 {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 5px
}
img.imgmce3 {
	margin: 1.5rem auto 2rem;
	display: block
}
.pagegallery {
	margin: 20px 0 0;
	padding: 0 0 20px
}
.pagegallery>div {
	margin: 0 20px 20px 0;
	float: left
}
.pagegallery>div>a.thumbnail {
	border: 0;
	width: 202px;
	height: 202px;
	border-radius: 0;
	padding: 0
}
.pagegallery .thumbnail img {
	position: relative;
	max-height: 202px;
	max-width: 202px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto
}
@media (max-width:1519px) {#slider>div .cycle-overlay {
	font-size: 1.3rem
}
#header .logo-container p {
	font-size: 1rem
}
.homepage #header .logo-container img {
	margin-bottom: 50px
}
.banners-3 {
	margin-left: 100px;
	margin-right: 100px
}

}
@media (max-width:1359px) {#slider>div .cycle-overlay {
font-size: 1.2rem;
padding-bottom: 80px
}
#slider>div .cycle-overlay .txt-info .h2 {
font-size: 4rem;
line-height: 5rem
}
#slider .buttons {
bottom: 60px
}
#slider .buttons a {
font-size: 1.5rem;
margin-left: 1.5rem
}
.navigation {
font-size: 40px
}
.banners-1 .desc {
font-size: 1.2rem
}
.banners-3 {
margin-left: 80px;
margin-right: 80px
}
#header .logo-container p {
font-size: .8rem
}
.homepage #header .logo-container img {
margin-bottom: 25px
}

}
@media (max-width:1199px) {.footer-nav>div:first-child {
padding-right: 30px
}
.text-container {
max-width: 960px
}
.langs {
padding-left: 60px
}
.pagegallery>div>a.thumbnail {
width: 166px;
height: 166px
}
.pagegallery .thumbnail img {
max-height: 166px;
max-width: 166px
}
#slider>div .cycle-overlay {
padding-bottom: 60px;
left: 50px;
width: 75%
}
#slider .txt-info .h2 a,#slider>div .cycle-overlay .txt-info .h2 {
font-size: 3rem;
line-height: 4rem
}
#slider .buttons {
bottom: 40px;
right: 50px;
width: 25%
}
#slider .buttons a {
font-size: 1.5rem;
margin-left: 1.5rem
}
.navigation {
font-size: 30px
}
.cycle-prev {
left: 10px
}
.cycle-next {
right: 10px
}
.banners>.d-flex p {
font-size: 1rem
}
.banners-1 h2 {
padding-left: 50px
}
.banners-3 {
margin-left: 60px;
margin-right: 60px
}
.banners-2 h2 {
font-size: 1.8rem
}
.homepage #header .logo-container {
padding: 0 40px
}

}
@media (max-width:991px) {li.search {
padding: 6px 0 0 20px
}
#mainmenu .nav-link {
padding: 22px 15px
}
.event-detail .subtitle,.event-detail h1 {
padding-bottom: 0;
margin-bottom: 1rem
}
.event-detail .subtitle {
margin-bottom: 1.75rem
}
.banners-5 .col-lg-4 .h2,.banners-5 .col-lg-4 .h3 {
font-size: calc(1rem + 1.5vw)
}
#footer .text-container.partners p {
margin-bottom: 20px
}
.homepage p.hgl a {
font-size: 1.5rem
}
.banners-2 .datetime {
font-size: 1.2rem;
margin: 15px
}
.banners-2 h2 {
font-size: 1.6rem;
padding: 15px 20px
}
#events_fromtill_fields {
margin: 10px 0 0;
float: none
}
.btn-event-terms {
float: none
}
.event-data {
padding: 30px calc(var(--bs-gutter-x) * .5) 0
}
.event-description-row .event-data {
padding-top: 2rem!important
}
.h1,.h2,h1,h2 {
font-size: 2.4rem
}
.banners-3 {
margin-left: 18px;
margin-right: 18px
}
.banners-3>div {
padding: 18px
}
.text-container {
max-width: 820px;
font-weight: 300
}
button.search {
display: block;
float: left;
font-size: 1.6rem;
box-sizing: border-box;
margin-right: 20px
}
#mainmenu .nav-item.active {
border-color: var(--primary)
}
#navbarText {
margin-top: 0
}
#mainmenu.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%280,0,0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
#mainmenu.navbar-light .navbar-toggler-icon:hover {
background-color: var(--primary);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255,255,255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar a.navbar-brand {
display: block;
color: var(--light-em-color);
margin: 0;
padding: 0;
width: auto
}
h2 {
font-size: 1.4em
}
#slider>div .cycle-overlay .txt-info .description {
display: none
}
#slider>div .cycle-overlay {
width: 50%;
left: 25px;
padding-bottom: 45px
}
#slider .txt-info .h2 a,#slider>div .cycle-overlay .txt-info .h2 {
font-size: 1.8rem;
line-height: 2.4rem
}
#slider .buttons a {
font-size: 1.2rem;
margin-top: 1.5rem
}
#slider .banners {
width: 200px
}
#slider .h2 {
padding-bottom: 0
}
.cycle-prev {
left: 10px
}
.cycle-next {
right: 10px
}
.banners-4 {
max-width: 720px;
margin: 0 auto
}
.banners-4>div {
padding: 10px
}
#header .logo-container p {
font-size: 1rem
}
.homepage #header .logo-container {
padding: 20px 25px
}

}
@media (max-width:767px) {.perex,body {
line-height: 1.4
}
article {
	margin-top:2rem;
}
.banners-5 .h2,.banners-5 .h3 {
font-size: calc(1rem + 1.5vw)
}
.banners-5 .bg-banner {
margin-bottom: .75rem
}
.footer-menu {
padding-left: 0
}
#footer {
margin-top: 50px;
padding-top: 30px
}
#footer .text-container {
margin-bottom: 30px
}
.homepage p.hgl a {
margin-top: 0
}
.banners,.text-containerNE {
margin-bottom: 40px
}
.sm-nav img {
margin: 5px 4px 0;
display: inline
}
.banners-2 .datetime,.banners>.d-flex p,li.search {
display: none
}
#mainmenu.navbar-light .navbar-toggler {
border-color: var(--light-color);
float: right;
display: block
}
#mainmenu .nav-link,.langs,.search {
padding: 10px 0
}
#mainmenu .navbar-nav {
margin-top: 10px;
display: block!important;
margin-left: -8px;
margin-right: -8px
}
#mainmenu .nav-item {
display: block!important;
width: 8rem;
float: left;
text-align: center;
margin: 8px;
background: var(--light-color)
}
#header-height {
height: 65px
}
#top-slider {
height: 250px
}
.sm-nav {
padding-bottom: 7px
}
body {
font-size: 1.2rem
}
.perex {
font-size: 1.4rem
}
.h1,.h2,h1,h2 {
font-size: 2rem
}
.h1,h1 {
margin: 30px 0 20px
}
.event-detail h2 {
font-size: 1.6rem
}
#slider .txt-info .h2 a,#slider>div .cycle-overlay .txt-info .h2 {
line-height: 2.2rem
}
.banners-1 h2 {
font-size: 2.8rem
}
.banners-1 .desc {
font-size: 1.4rem;
padding-left: 50px
}
.banners>div:first-child {
height: 300px;
width: 100%
}
.banners>.d-flex {
height: 220px;
width: 50%
}
.text-container {
max-width: 640px;
/* padding-bottom: 15px */
}
#slider {
margin-bottom: 20px;
border-bottom: 0
}
.photo-gallery li {
width: 175px;
height: 164px
}
.photo-gallery a {
width: 164px;
height: 164px
}
.photo-gallery a img {
max-width: 164px;
max-height: 164px
}
#slider>div .cycle-overlay {
left: 20px
}
.cycle-pager {
bottom: -45px
}
img.imgmce1,img.imgmce2,img.typ1,img.typ2 {
margin: 1.5rem 0 2rem;
float: none;
display: block
}
#footer .text-container.partners {
text-align: center;
margin-bottom: 0
}

}
@media (max-width:575px) {.banners-5 .bg-banner-inner {
--bs-aspect-ratio: 50%
}
#footer {
margin-top: 30px;
padding-top: 20px
}
#footer .text-container {
margin-bottom: 20px
}
.homepage article p.hgl a {
font-size: 1.3rem
}
.event-img {
width: 50%
}
.event-detail h1 {
padding: 8px 0 3px
}
.navigation img {
width: 10px
}
#events_fromtill_fields input {
width: 6rem;
padding: .2rem .5rem
}
.events-row .desc,.pagelist-row .desc {
padding-bottom: 25px
}
.navigation {
font-size: 15px
}
.text-container {
width: 100%;
padding: 0 30px 10px
}
.banners-2 h2 {
font-size: 1.4rem;
padding: 10px 15px
}
.btn-event {
font-size: 1.5rem;
padding: .5rem 1rem
}
#events_fromtill_fields {
margin: 10px -1rem 0
}
#mainmenu.navbar-light .navbar-toggler {
margin-top: 9px
}
.sm-nav img {
margin-top: 14px
}
.navbar-brand img {
height: 50px
}
.cycle-prev {
left: 7px
}
.cycle-next {
right: 7px
}
#slider .buttons a {
font-size: 1.2rem;
margin-top: .7rem;
padding: 2px 15px 5px
}
#slider .buttons {
right: 30px;
bottom: 20px
}
#slider>div .cycle-overlay {
left: 30px;
padding-bottom: 45px
}
#slider .heading {
margin-top: 0
}
#slider .h2 {
padding-bottom: 0
}
.banners-1 .desc,.banners-5 .h3 {
display: none
}
.banners-1>div {
height: 300px
}
.banners-1 .d-flex {
height: 290px
}
.banners-1 h2 {
padding-left: 30px;
font-size: 1.8rem
}
.banners-4 h2 {
font-size: 1.5rem;
padding: 15px 20px
}
.banners-3 .btn {
font-size: 1.4rem;
padding-left: 1.4rem;
padding-right: 1.4rem
}
.banners-4>div {
padding: 4px
}
.banners-4 {
margin-left: 26px;
margin-right: 26px
}
.h1,h1 {
margin: 20px 0
}
#header.pb-5 {
padding-bottom: 1.5rem!important
}
#top-slider {
height: 200px
}
.banners h2,.banners-5 .desc {
width: 100%
}
.banners-5 h2 {
font-size: 1.2rem
}

}
#gs_tti50,#gsc-iw-id1,.gsc-control-cse,.gsc-search-box .gsc-input {
padding: 0!important
}
@media (max-width:480px) {.event-detail h1 {
margin-bottom: .5rem
}
.event-detail .subtitle {
margin-bottom: 1.5rem
}
.photo-gallery li {
width: 140px;
height: 130px;
margin-bottom: 10px;
padding-left: 10px
}
.photo-gallery a {
width: 130px;
height: 130px
}
.photo-gallery a img {
max-width: 130px;
max-height: 130px
}

}
#gsc-i-id1::-webkit-input-placeholder,#gsc-i-id2::-webkit-input-placeholder {
color: #eee
}
#gsc-i-id1:-ms-input-placeholder,#gsc-i-id2:-ms-input-placeholder {
color: #eee
}
#gsc-i-id1::-moz-placeholder,#gsc-i-id2::-moz-placeholder {
color: #eee;
opacity: 1
}
#gsc-i-id1:-moz-placeholder,#gsc-i-id2:-moz-placeholder {
color: #eee;
opacity: 1
}
.gsc-control-cse {
border-width: 0!important
}
form.gsc-search-box,table.gsc-search-box {
margin-top: 5px!important;
margin-bottom: 0!important
}
#gsc-iw-id1 {
height: auto!important;
border: 0!important;
box-shadow: none!important
}
#gsc-i-id1,#gsc-i-id2,.gsc-search-button {
height: 60px!important
}
#gsc-i-id1,#gsc-i-id2 {
border: 0;
padding: 0 15px!important;
background: #eee!important;
text-indent: 0!important;
font-size: 1.6rem
}
#gsc-iw-id1,#gsc-iw-id2,.gsc-control-cse {
background-color: transparent!important
}
#searchModal .gsc-search-button-v2 svg {
width: 20px;
height: 20px
}
#searchModal .gsc-search-button-v2 {
color: var(--light-color);
background-color: var(--primary);
border: 0;
border-radius: 0;
margin-left: 0
}
#events-container .past-event,.datetime.past-term {
opacity: .4
}