:root {
	--bs-primary: #00574e;
	--bs-primary-active: #003f38;
	--bs-secondary: #487F7F;
	--bs-secondary-active: #85b3ae;
	--bs-lightShadow: #eeeeee;
	--bs-gold:#ca9a43;
	--bs-light: #aad0cc;
}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-toggler:hover .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-toggler:hover{background-color: var(--bs-primary);}
.navbar-toggler, .btn, .card {
	border-radius:0;
}

.jGallery-container {
	margin: 0 -8px;
	padding-top:1rem;
	padding-bottom:1.5rem;
}

#map_canvas {
	margin-top:2rem;
}

.events-row a {
text-decoration: none
}
#events-container .past-term {
display: none
}
#events-container .past-event .past-term {
display: inline-block
}
#events-container .past-event,.datetime.past-term {
opacity: .4;
filter: alpha(opacity=40)
}
.events-row>div {
margin-bottom: 20px
}
.events-row>div:hover, .events-row>div:hover h2, .events-row>div:hover p, .events-row>div:hover a, article .events-row > .clickable:hover a, #article .events-row>div:hover a {
	background:var(--bs-primary);
	color:white;
}
.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(--bs-primary);
color: white
}
.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 {
background-color: var(--bs-primary-active)
}
.events-row>div,.pagelist-row>div {
padding-top: 15px
}

.events-row h2,.pagelist-row h2 {
font-weight:bold;
text-align: left;
font-size: 1.4rem;
margin: 0 0 10px;
padding-bottom: 0
}
.events-row .desc {
color:#666;	
font-size: 1rem;
padding: 15px 0 15px
}
.event-data-content .datetime {
	font-size:1.2rem;
	display:block;
	margin-top:1rem;
	font-weight:bold;
}
#select-evets-form {
margin-bottom: 15px
}
.btn-event {
font-size: 1.5rem;
padding: .5rem 2rem
}
.btn-event.active {
color: var(--bs-primary)
}

.event-detail h1 {
	margin-bottom:2rem;
}
.event-description-row {
	margin-top:2rem;
}
.event-data-content {
	font-size:1rem;
	border-bottom:1px solid var(--bs-primary);
}
.order-ticket .btn {
	margin-top:.3rem;
}


.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

#menu-main .ck, #menu-main>.langs {
	display:none;
}

.menu-main-wrap {
	padding:0;
}

.content-part {
	margin-top:4rem;
}

.page article .content-part:first-child {
	margin-top:3.8rem;
}

article>*:last-child {
	margin-bottom:0;
}

article {
	border-top: 5px solid var(--bs-lightShadow);
}

body {
    font-family: 'Open Sans', sans-serif;
	font-size:1.25rem;
	font-weight:300;
}

h1, .h1 {
	font-weight:600;
	margin-bottom:1.2rem;
}

.h2, h2 {
	font-weight:600;
  font-size: 1.6rem;
	margin-bottom:1rem;
}

.text-container {
	max-width: 1500px
}

.text-small-container {
	max-width: 850px;
}

.btn-primary {
	color: #fff;
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, span.btn-secondary:hover, span.btn-secondary:focus, .btn-secondary {
	color: black;
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}

.page .btn-secondary:not(:disabled):not(.disabled).active, .page .btn-secondary:not(:disabled):not(.disabled):active, .page .show > .btn-secondary.dropdown-toggle, .page span.btn-secondary:hover, .page span.btn-secondary:focus, .page .btn-secondary {
background-color: var(--bs-lightShadow);
border-color: var(--bs-lightShadow);
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary:focus {
	color: #fff;
	background-color: var(--bs-primary-active);
	border-color: var(--bs-primary-active);
}

#goTop {
	padding-top: 5px;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99
}

#goTop img {
	width: 1rem;
}


#topline {
	font-size:.8rem;
	font-weight:400;
	text-align:right;
}

.page #topline {
	border-bottom:0;
	background-color: var(--bs-lightShadow);
}

#topline a {
	color:black;
	margin-right: 1.5rem !important;
}

#topline a .value{
line-height:2rem;
}


#topline .icon {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: .4rem !important;
}

#topline a.mr-min {
	margin-right: .1rem !important;
}

#topline .icon.phone {
	background-image: url("/php/tempo/isu2022/img/icon_phone.svg");
	
/*	mask: url('/php/tempo/isu2022/img/icon_phone.svg') center center / contain no-repeat; */
}
#topline .icon.mail {
	background-image: url("/php/tempo/isu2022/img/icon_mail.svg");
/*	mask: url('/php/tempo/isu2022/img/icon_mail.svg') center center / contain no-repeat;*/
	margin-right: .5rem !important;
	width: 1.2rem;
}
#topline .icon.ck {
	background-image: url("/php/tempo/isu2022/img/icon_ck.svg");
/*	mask: url('/php/tempo/isu2022/img/icon_ck.svg') center center / contain no-repeat;*/
	width: 1.4rem;
}
#topline .icon.facebook {
	background-image: url("/php/tempo/isu2022/img/icon_facebook.svg");
/*	mask: url('/php/tempo/isu2022/img/icon_facebook.svg') center center / contain no-repeat;*/
}
#topline .icon.instagram {
	background-image: url("/php/tempo/isu2022/img/icon_instagram.svg");
/*	mask: url('/php/tempo/isu2022/img/icon_instagram.svg') center center / contain no-repeat;*/
}
#topline .icon.instagram, #topline .icon.facebook {
	width: 1.4rem;
	height: 1.4rem;
}

.menu-row {
	margin-top:.3rem;
	margin-bottom:.3rem;
}

#menu-main {
	width:100%;
	font-weight:600;
	font-size:.9rem;
	padding-right:0;
	padding-left:0;
}

#menu-main a {
	color:black;
}

#menu-main a.nav-link:hover {
	color: var(--bs-primary);
}

.page #header {
	border-bottom:10px solid var(--bs-lightShadow);
}
.isu-icon img {
	margin-top:7px;
	max-width:75px!important;
}


.langs a.btn-primary {
	background:white;
}

.langs .btn {
	margin-right:.5rem;
}

#menu-main .langs a:hover {
	color:white;
	background-color: var(--bs-primary);
}


 
.homepage .slider {
	background-image: url("/php/tempo/isu2022/img/tophp.jpg");
	height:55vh;
	background-size: cover;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
	width: 100%;
}

#footer a, article a {
	color:black;
	text-decoration:underline;
} 

#footer .ois {
  text-align: right;
}

#footer .row.copy {
	font-size: .8rem;
	padding-top: 15px;
	padding-bottom: 15px;
}

.bg-light-gray {
	background-color: var(--bs-lightShadow);
}

.footer-row {
    font-stretch: 75%;
	font-size:1.1rem;
	font-weight:300;
	line-height:1.35;
	padding-top:2rem;
	padding-bottom:1rem;
}

.footer-row>div {
	padding-bottom:1.5rem;
}

.footer-row h2 {
	font-size:1.6rem;
	font-weight:500;
}

.footer-row h3 {
	font-size:1.4rem;
	font-weight:500;
}

.footer-row h2, .footer-row h3, .footer-row p {
	margin-bottom:.7rem;
}

.footer-row .partner-wrap {
	max-width:200px;
}

.banners-2 .row {
	margin-left:-5px;
	margin-right:-5px;
}

.banners-2 .row>div {
	padding-left:5px;
	padding-right:5px;
}
.banners-2 .row>div>div {
background-color: var(--bs-secondary);
border:0;
}

.banners-2 .row>div>div:hover {
background-color: var(--bs-primary);
border:0;
}

.banners-2 .card {
	padding:1.7rem 1.7rem 0 1.7rem;
}

.banners-2 .card-title {
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-weight:600;
	font-size:1.7rem;
	margin:1.2rem -1.7rem 1.5rem -1.7rem;
}

.en .banners-2 .card-title {
	font-size:1.6rem;
}

.banners-2 .card-body {
	padding:0;
}

.banners-2 img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.banners-2 a, .banners-5 .desc a {
	text-decoration:none;
}


.banners-5>.d-flex {
border: 3px solid white;
float: left;
height: 300px
}
.banners-5>div:first-child {
height: 600px
}
.banners-5>div:first-child p {
font-size: 1rem;
line-height: 1rem
}
.banners-5>.d-flex {
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 33.3334%

}
.banners-5 .desc {
	background-color: var(--bs-secondary);
	padding:0 2.4rem 0 1rem;
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
}
.banners-5>div:hover .desc {
	background-color: var(--bs-primary);
}
.banners-5 .desc a {
	color: white;
}
.banners-5 .desc a span {
	display:inline-block;
	margin-right:.7rem;
	color: black;
}
.banners-5>div:hover .desc a span {
	color: var(--bs-light);
}
.banners-5 .desc h2 {
	padding:1rem 0 .7rem;
	font-size:1.75rem;
}
.banners-5 .desc h3 {
	padding:.7rem 0 .4rem;
	font-size:1.5rem;
}

@media (min-width:2000px) {
	.homepage .slider {
		background-image: url("/php/tempo/isu2022/img/tophp@2.jpg");
	}
}

@media (max-width:1499px) {
	.text-container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.banners-2 .card-title {
		font-size:1.5rem;
	}
	.banners-5 .desc a span {
		display:block;
		margin-bottom:.1rem;
	}
	.banners-5 .desc h2 a span {
		font-size:1.4rem;
	}
	.banners-5 .desc h3 a span {
		font-size:1.2rem;
	}
}


@media (max-width:1199px) {
	.homepage .slider {
		background-image: url("/php/tempo/isu2022/img/tophp_1200@2.jpg");
	}
	.banners-2 .card {
		padding:1.1rem 1.1rem 0 1.1rem;
	}
	.banners-2 .card-title, .en .banners-2 .card-title {
		font-size:1.2rem;
		margin:1.2rem -1.1rem 1.5rem -1.1rem;
	}
	.banners-5 {
		padding-left: 12px;
		padding-right: 12px;
	}
}

@media (max-width:991px) {
	.event-data {
		padding-top: 2rem;
	}
	.content-part {
		margin-top:3.5rem;
	}
	.page article .content-part:first-child {
		margin-top:2rem;
	}
	#navbarNavDropdown .langs {
		display:none;
	}
	#menu-main>.langs {
		display:block;
	}
	#menu-main {
		padding-right:0px;
		padding-left:15px;
	}
	#header .text-container {
		padding-right:15px;
		padding-left:15px;
	}
	#menu-main a.nav-link {
		margin-left:-15px;
		margin-right:-15px;
		padding-right:15px;
		padding-left:15px;
	}
	#menu-main a.nav-link:hover {
		color:white;
		background-color: var(--bs-primary);
	}
	.menu-row {
		margin-top:0;
		margin-bottom:0;
	}
	#menu-main .navbar-nav {
		margin-top:8px;
	}
	.text-small-container {
		max-width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	.banners-2 .card {
		padding:1.5rem 1.5rem 0 1.5rem;
		margin-bottom:.75rem;
	}
	.banners-2 .card-title, .en .banners-2 .card-title {
		font-size:1.2rem;
		margin:1.2rem -1.5rem 1.5rem -1.5rem;
	}
	.banners-5>div:first-child {
	height: 300px;
	width: 100%
	}
	.banners-5>.d-flex {
	height: 200px;
	width: 50%
	}
}

@media (max-width:767px) {
	#footer, .banners-2, .text-small-container {
		margin-top:2rem;
	}
	.homepage .slider {
		height:30vh;
	}
	.footer-row .ckrf h3 {
		display:none;
	}
	.footer-row .ckrf {
		padding-bottom:0;
	}
	h1, .h1 {
		font-size: 2rem;
	}
	.banners-2 .card-title {
		font-size:1.5rem;
	}
}

@media (max-width:600px) {
	#topline {
		display:none;
	}
}

@media (max-width:575px) {
	#menu-main .ckrumlov {
		display:none;
	}
	h1, .h1 {
		font-size: 1.8rem;
	}
	body {
		font-size:1rem;
	}
	.banners-2 .card {
		padding:1.1rem 1.1rem 0 1.1rem;
	}
	.banners-2 .card-title {
		font-size:1.2rem;
		margin:1.2rem -1.1rem 1.5rem -1.1rem;
	}
	.en .banners-2 .card-title {
		font-size:1rem;
	}
	.en .banners-2 .card-title {
		margin-bottom:1.2rem;
	}
	.banners-5 .desc h2 {
		padding:.7rem 0 .3rem;
		font-size:1.3rem;
	}
	.banners-5 .desc h3 {
		padding:.5rem 0 .2rem;
		font-size:1rem;
	}
	.banners-5 .desc h2 a span {
		font-size:1.1rem;
	}
	.banners-5 .desc h3 a span {
		font-size:1.0rem;
	}
	.banners-5 .desc {
		padding:0 1rem 0 .6rem;
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topright: 30px;
		border-top-right-radius: 30px;
	}

}

@media (max-width:480px) {
}

@media (max-width:380px) {
	.navbar-brand {
		display:none;
	}
}