::selection {
    color: #FFFFFF;
    background: #FF4040; 
}


html, body {
	height: 100%;
	background-color: #FFFFFF;
}

.main-all {
	height: 100%;
	max-width: 2560px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.main {
	min-height: 100%;
	margin-bottom: -13em; /* equal to footer height */
	background-color: #FFFFFF;
}
.main:after {
  content: "";
  display: block;
  margin: 0;
}




/*---------- NAV -------- */
.header-top-col {
	display: inline-block;
	width: 20%;
	margin: 0 auto;
	padding: 0.9% 0 0 0;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}

.header-top-col-social {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.header-social-col {
	display: inline-block;
	width: 10%;
	margin: 0 1%;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.header-social-col svg {
	width: 100%;
	height: auto;
	max-width: 32px;
	fill: currentColor;
    color: #FFFFFF;
    cursor: pointer;
}

.header-social-col svg:hover {
	color: #EEEEEE;
}

.header-social-col a {
	text-decoration: none;
}

.nav {
  	display: block;
  	width: 100%;
  	position: relative;
  	margin: 0;
	padding: 0.1em 0;
  	box-sizing: border-box;
  	background: #FF4040;
	background-image: url(../img/nav_back.png);
  	z-index: 100;
}

.nav-menu {
  	display: inline-block;
  	width: 79%;
  	margin: 0;
  	padding: 1% 0;
  	box-sizing: border-box;
  	vertical-align: top;
  	z-index: 100;
}

.nav-menu ul {
  	display: block;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
  	overflow: hidden;
  	text-align: left;
  	z-index: 100;
}

.topnav li {
  	display: inline-block;
  	/*display: inline;*/
  	z-index: 100;
}

.topnav-right {
	padding-left: 17% !important;
	box-sizing: border-box;
}

.topnav li a {
	display: block;
	/*display: inline-block;*/
	color: #FFFFFF;
	font-family: 'Comfortaa', tahoma;
	font-size: 0.86em;
	font-weight: 400;
	line-height: 0.86em;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.5em 0.8em;
	box-sizing: border-box;
	border-radius: 0.8em;
	-webkit-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
	z-index: 100;
	cursor: pointer;
}

.topnav li a:hover {
	color: #FF4040;
	background-color: #FFFFFF;
}

.menu-active a {
	color: #FF4040 !important;
	background-color: #FFFFFF !important;
}

.menu-non-active a {
	color: #FFFFFF !important;
	background: none !important;
}

.menu-non-active a:hover {
	color: #FF4040 !important;
	background-color: #FFFFFF !important;}


.dropdown-btn {display: none;}
.dropdown {
    display: inline-block;
    z-index: 100;
}

.dropdown-content {
	display: none;
	position: absolute;
	border-radius: 0.3em;
	padding: 0.8em 0 0 0 !important;
	box-sizing: border-box;
	z-index: 100;
	background: #FF4040;
	background-image: url(../img/nav_back.png);
}

.dropdown-content a {
	line-height: 1.45em !important;
	text-align: left !important;
	font-size: 0.76em !important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropdown-content a {
	border-radius: 0;
}

.dropdown:hover .dropdown-btn {
	color: #FF4040;
    background-color: #FFFFFF;
}





.header-nav-logo {
	position: absolute;
	top: 0;
	left: 44.9%;
	margin: 0 auto;
	padding: 1% 1.6%;
	box-sizing: border-box;
	text-align: center;
  	background: #FF4040;
	background-image: url(../img/nav_back.png);
 	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	z-index: 105;
}
.header-nav-logo img {
	max-width: 94px;
}

.header-nav-logo a {
	text-decoration: none;
	color: #FFFFFF;
  	font-family: 'Comfortaa', tahoma;
	font-weight: 400;
  	font-size: 0.8em;
  	text-align: center;
}

.header-nav-logo hr {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
    border: 0;
    height: 0.1em;
    width: 100%;
}

.menu-icon {
	display: none;
	letter-spacing: 0.15em;
	line-height: 2.5em;
}








/* ---------- MAIN ---------- */

.main-content {
	display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.main-back {
	height: 100%;
    background-image: url(../img/back_two.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.back-board {
	display: block;
	width: 100%;
	margin: 0;
	padding: 4% 10% 4% 10%;
	box-sizing: border-box;
}

.board-content {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
	
	border-radius: 0.1em;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0.015em 0.015em 0 #999;
	box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.5);
}

.board-content-poster {
	display: inline-block;
	width: 30%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.board-content-poster img {
	width: 100%;
	height: auto;
	max-width: 1080px;
	margin-bottom: -4px;
}
.board-content-info {
	display: inline-block;
	width: 70%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.info-title {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.info-title h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #424242;
	font-size: 2em;
	line-height: 2.2em;
	letter-spacing: 0.015em;
	padding: 1% 0 0 0;
	margin: 0;
}

.info-title p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.8em;
	letter-spacing: 0.03em;
	color: #FFFFFF;
	background-color: #2aaaaa;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.info-des {
	display: block;
	width: 100%;
	margin: 0;
	padding: 1% 4% 2% 4%;
	box-sizing: border-box;
	text-align: left;

}

.info-des p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	color: #555;
	font-size: 1.05em;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-des p span {
	color: #FF4040;
}

.info-des h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	color: #555;
	font-size: 1.2em;
	text-transform: uppercase;
	text-indent: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-des b {
	font-weight: 700;
}

.info-des br {
	display: block;
    margin-top: 1em;
    content: "";
}

.info-des-button {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 2% 2% 2% 0;
	box-sizing: border-box;
	text-align: right;
	vertical-align: bottom;
}

.info-des-button a {
	float: left;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 1.05em;
	text-decoration: none;
	padding: 0.3em 1em;
	background-color: #FF9C22;
	-webkit-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;

}
.info-des-button a:hover {
	background-color: #555;
}



/* ---------- GALLERY-INDEX---------- */
.main-gallery {
	display: block;
	width: 100%;
	margin: 0;
	padding: 2.5% 6% 5%;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

.main-gallery a {
	text-decoration: none;
	cursor: pointer;
}

.main-gallery-title {
	display: block;
	width: 100%;
	padding: 0 1%;
	margin: 0 0 4% 0;
	box-sizing: border-box;
	border-bottom: 0.1em solid #FF9C22;	
}

.main-gallery-title-icon {
	display: inline-block;
	width: 10%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.main-gallery-title-icon svg {
	width: 100%;
    height: auto;
    max-width: 36px;
    fill: currentColor;
    color: #424242;
}

.main-gallery-title-text {
	display: inline-block;
	width: 90%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.main-gallery-title-text h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #424242;
	font-size: 1.8em;
	line-height: 2.2em;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
	margin: 0 0 0 -10%;
}

.main-gallery-row {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	text-align: center;
}

.main-gallery-col {
	display: inline-block;
	width: 32%;
	margin: 0;
	padding: 0 1%;
	box-sizing: border-box;
}

.main-gallery-col a {
	text-decoration: none;
	text-align: left;
}

.main-gallery-col img {
	width: 100%;
	height: auto;
	max-width: 400px;
	border-radius: 0.3em;
	-webkit-filter: opacity(90%);
    filter: opacity(90%);
}

.main-gallery-col img:hover {
    -webkit-filter: opacity(80%);
    filter: opacity(80%);
}

.main-gallery-col p {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FF9C22;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
	text-align: left;	
	padding: 0;
	margin: 3% 0 0;
}

.main-gallery-col h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #555;
	font-size: 1.2em;
	line-height: 1.8em;
	letter-spacing: 0.02em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.main-gallery-col h4:hover {
	color: #FF4040;
}








/* ---------- SCHEDULE---------- */
.main-schedule {
	display: block;
	width: 100%;
	padding: 3% 0 4% 0;
	box-sizing: border-box;
	margin: 0;
	background: #FF4040;
	background-image: linear-gradient(to bottom, rgba(255, 87, 34, 0.95) -40%, rgba(255, 64, 64, 0.95) 100%);
	background-image: url(../img/nav_back.png), linear-gradient(to bottom, rgba(255, 87, 34, 0.95) -40%, rgba(255, 64, 64, 0.95) 100%);
}


.main-schedule h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 2.4em;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: 0;
	text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}

.main-schedule-note p {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 1.05em;
	line-height: 1.6em;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}
.main-schedule-note a {
	color: #FFFFFF;
	text-decoration: none;
}

.main-schedule-col {
	display: inline-block;
	width: 49%;
	margin: 0;
	padding: 0 4%;
	box-sizing: border-box;
	vertical-align: top;
}


.main-schedule table {
	display: table;	
	width: 100%;
    max-width: 100%;
    border-collapse: separate;  
	text-align: center;
	padding: 0;
	margin: 0;
	border-spacing: 0 0.8em; 
}

.main-schedule tbody {
    display: table-row-group;
    vertical-align: middle;
}

.main-schedule tr { 
	display: table-row;
    vertical-align: inherit;
	background-color: #FFFFFF;
    box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.5);
}

.main-schedule tr:hover {
	box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.8);
}

.main-schedule tr:hover .tbl-day h4 {
	color: #FF4040;
}

.main-schedule tr:hover .tbl-day p {
	color: #FF4040;
}

.main-schedule tr:hover .tbl-time h4 {
	color: #FF4040;
}

.main-schedule tr:hover .tbl-show h4 {
	color: #FF4040;
}


.main-schedule td {
    display: table-cell;
    vertical-align: middle;
}

.tbl-day {
    background: #2aaaaa;
    background-image: -ms-linear-gradient(top left, #36DBDB 0%, #2AAAAA 30%);
    background-image: -moz-linear-gradient(top left, #36DBDB 0%, #2AAAAA 30%);
    background-image: -o-linear-gradient(top left, #36DBDB 0%, #2AAAAA 30%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #36DBDB), color-stop(30, #2AAAAA));
    background-image: -webkit-linear-gradient(top left, #36DBDB 0%, #2AAAAA 30%);
    background-image: linear-gradient(to bottom right, #36DBDB 0%, #2AAAAA 30%);
    text-align: center;
    border-style: none;
    vertical-align: middle;
    padding: 1% 2%;
    margin: 0;
}

.tbl-day h4 {
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
	padding: 0;
    margin: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.tbl-day p {
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 0.8em;

    color: #FFFFFF;
    text-transform: uppercase;
	padding: 0;
    margin: 0;
}

.tbl-time {
    text-align: center;
    border-right: 0.15em solid #FFFFFF;
    padding: 1% 2%;
    margin: 0;
}

.tbl-time h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    color: #424242;
    line-height: 2.2em;
	padding: 0;
    margin: 0;
}

.tbl-show {
	padding: 0;
    vertical-align: middle;
   	padding: 1% 6%;
    margin: 0;
}

.tbl-show h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: #555;
    padding: 0;
    margin: 0;
}
.tbl-buy {
    text-align: center;
    vertical-align: middle;
   	padding: 1% 1%;
    margin: 0;
    background-color: #FF9C22;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.tbl-buy:hover {
	background-color: #555;
}

.tbl-buy a {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
    border: none;
    padding: 10% 0;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.main-schedule-full {
	display: block;
	width: 100%;
	margin: 3% 0 0;
	padding: 0 6% 0 0;
	box-sizing: border-box;
	text-align: right;
}

.main-schedule-full a {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 1.07em;
	font-weight: 400;
	text-align: right;
	padding: 0;
	margin: 0;
	text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}

.main-schedule-full a:hover {
	color: #f9d4a7;
}



/* ---------- 3D---------- */


.panoram {
	display: block;
	overflow: hidden;
    padding-bottom: 20%;
    position: relative;
    height: 0;
    z-index: 1;
}

.panoram iframe {
	border: 0;
	left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
}







/* ---------- FOOTER ---------- */
.footer, .main:after {
	height: 13em;  /* .push must be the same height as footer */

}
.footer {
	background: #424242;
	background-image: linear-gradient(to top, #424242 0%, #4A4A4A 100%);
	background-image: url(../img/nav_back.png), linear-gradient(to top, #424242 0%, #4A4A4A 100%);
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border-top: 0.08em solid #BDBDBD;
}

.footer-top {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 10%;
	box-sizing: border-box;
}


.footer-top-col {
	display: inline-block;
	width: 32%;
	margin: 0;
	padding: 3% 0;
	box-sizing: border-box;
	vertical-align: top;
}

.footer-top-col-social {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.8% 0;
	box-sizing: border-box;
}

.social-col {
	display: inline-block;
	width: 10%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.social-col svg {
	width: 100%;
	height: auto;
	max-width: 22px;
	fill: currentColor;
    color: #BDBDBD;
    cursor: pointer;
}

.social-col svg:hover {
	color: #EEEEEE;
}

.social-col a {
	text-decoration: none;
}

.footer-top-col h3 {
	margin: 0;
	padding: 0;
	color: #BDBDBD;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0.05em;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
    text-shadow: 0.025em 0.025em 0 rgba(33,33,33,1);
}

.footer-top-col hr {
	background-color: #BDBDBD;
    border: 0;
    height: 1px;
    margin: 2% 0;
    width: 62%;
}

.footer-top-col p {
	margin: 0;
	padding: 0;
	color: #BDBDBD;
	font-size: 0.93em;
	line-height: 2em;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
    text-shadow: 0.025em 0.025em 0 rgba(33,33,33,1);
}

.footer-top-col img {
	width: 100%;
	height: auto;
	max-width: 200px;
}

.footer-bottom {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
	padding: 1% 0;
	box-sizing: border-box;
	background: #383838;
	background-image: url("otis.png");
}

.footer-bottom p {
	margin: 0;
	padding: 0;
	color: #BDBDBD;
	font-size: 0.9em;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	text-shadow: 0.025em 0.025em 0 rgba(0,0,0,1);
}












/* ---------- MODAL IMG ---------- */

.modal {
	z-index:3;
	display:none;
	padding-top:8%;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:#424242;
	background-color:rgba(66, 66, 66, 0.6);
	z-index: 100;
}
.modal-content {
	margin:auto;
	position:relative;
	padding:0;
	outline:0;
	width:75%;
	height: auto;
}
.modal-close {
	position: absolute;
	right: 0;
	top: 0; 
	cursor: pointer; 
	content:"";
	display: table;
	clear: both;
	padding: 0.5em 0.8em; 
	text-decoration: none;
	float: right; 
	font-family: 'Roboto Condensed', tahoma;
	font-size: 1.6em;
	font-weight: 300;
	color: #212121; 
	background-color: #FFFFFF;
	background-color:rgba(255,255,255,0.9);
	border-bottom-left-radius: 0.1em;
}
.modal-close:hover {
	background-color:#FFFFFF;
}
.modal-animate {
	-webkit-animation:modal-animate 0.6s;
	animation:modal-animate 0.6s
}
@-webkit-keyframes modal-animate {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}
@keyframes modal-animate {
	from{transform:scale(0)} 
	to{transform:scale(1)}
}



/* ------- CONTACTS ------- */

.map {
    overflow: hidden;
    padding-bottom: 20%;
    position:relative;
    height: 0;
    z-index: 1;
    border-top: 0.08em solid #BDBDBD;
}

.map iframe {
  	left: 0;
	top: 0;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
}

.contact-back {
	height: 100%;
    background-image: url(../img/back_banner.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-board {
	display: block;
	padding: 9% 10% 3% 10%;
}

.contact-content {
	display: block;
	background-color: rgba(255,255,255,0.8);
	margin: 0 auto;
	padding: 0 0 4% 0;
	box-sizing: border-box;
	border-radius: 0.1em;
	text-align: left;
}

.contact-content-col {
	display: inline-block;
	width: 32.5%;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
}

.contact-content h3 {
	font-family: 'Comfortaa', tahoma;
	text-transform: uppercase;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 0.98em;
	line-height: 3.2em;
	letter-spacing: 0.06em;
	padding: 0;
	margin: 0;
	background-color: #269999;
	text-align: center;
}

.contact-content-address {
	display: block;
	width: 100%;
	padding: 0;
	margin: 2% 0 0;
}

.address-director {
	display: inline-block;
	width: 32%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background-color: #269999;
	vertical-align: top;
}

.col-director {
	display: block;
	padding: 6% 10%;
	margin: 0;
	box-sizing: border-box;
}

.address-director h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    color: #FFFFFF;
    font-size: 1.15em;
    line-height: 2em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.address-director p {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #FFFFFF;
    font-size: 1.1em;
    line-height: 1.6em;
    text-align: left;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.address-info {
	display: inline-block;
	width: 60%;
	padding: 0;
	margin: 0 0 0 3%;
	box-sizing: border-box;
	border-bottom: 0.1em solid #269999;
	vertical-align: bottom;
}

.col-address {
	display: block;
	padding: 0 0 3% 0;
	margin: 0;
	box-sizing: border-box;
}

.col-address {
}

.address-info p {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.18em;
    line-height: 1.7em;
    text-align: center;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.address-info span {
    font-weight: 700;
}


.col-info {
	display: block;
	padding: 6% 10%;
	margin: 0;
	box-sizing: border-box;
}
.contact-content-col h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1em;
    line-height: 1.6em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.contact-content-col p {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.05em;
    line-height: 1.8em;
    text-align: left;
    font-weight: 400;
    margin: 0;
    padding: 0;
}


.feedback {
	display: block;
	width: 100%;
	padding: 2% 10% 5%;
	margin: 0 auto;
	box-sizing: border-box;
}

.feedback h3 {
	font-family: 'Comfortaa', tahoma;
    color: #555;
    font-size: 1.2em;
    line-height: 4em;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.feedback form {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #37474F;
    font-size: 1.05em;
}

.feedback-input {
	display: inline-block;
	width: 48%;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.feedback-input input {
	width: 100%;
    display: block;
    padding: 2.6%;
    box-sizing: border-box;
    margin: 0 0 6.5% 0;
    border: 0.1em solid #BDBDBD;
    border-radius: 0.15em;
    outline-color: #FF4040 !important;
}

.feedback-input button {
    padding: 2% 8%;
    background: linear-gradient(to bottom, rgba(255, 87, 34, 0.95) 0%, rgba(255, 64, 64, 0.95) 100%);
    border: none;
    color: #fff;
    font-size: 0.95em;
    text-transform: uppercase;
    border-radius: 0.15em;
}

.feedback-area {
	display: inline-block;
	width: 49%;
	padding: 0;
	margin: 0 0 0 2%;
	vertical-align: top;
}

.feedback-area textarea {
	display: block;
	width: 100%;
    padding: 2% 2% 15% 2%;
    box-sizing: border-box;
    margin: 0 0 5% 0;
    border: 0.1em solid #BDBDBD;
    border-radius: 0.15em;
    outline-color: #FF4040 !important;
}

.send-php {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 20%;
	box-sizing: border-box;
}

.send-php h2 {
	text-align: center;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

/* ----- POSTER ----- */

.main-poster {
	height: 100%;
    background-image: url(../img/back_two.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.back-poster {
	display: block;
	padding: 6% 10% 5% 10%;
}

.poster-content {
	display: block;
	margin: 0 auto;
	padding: 0;
	border-radius: 0.1em;
	text-align: center;
}

.poster-content h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 3.5em;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	padding: 1.2% 0 0 0;
	margin: 0;
}

.poster-content p {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: 0;
}

.poster-row {
	display: block;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	margin: 3% 0 0;
}

.poster-row-img {
	display: inline-block;
	width: 35%;
	padding: 0;
	margin: 0;
}

.poster-row-img img {
	width: 100%;
	height: auto;
}

.poster-row-info {
	display: inline-block;
	width: 65%;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.info-show {
	display: block;
	padding: 0 5% 6% 5%;
	margin: 0;
	box-sizing: border-box;
}

.info-show p {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.12em;
    line-height: 1.4em;
    font-weight: 400;
    text-align: justify !important;
}

.info-show h2 {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.25em;
    line-height: 1.4em;
    font-weight: 700;
    text-align: justify !important;
    text-transform: uppercase;
}

.info-show h2 span {
    color: #FF4040;
}

.info-show hr {
    border: 0.05em solid #FF4040;
}

.page-show-photos {
	display: block;
	width: 100%;
	margin: 0;
	padding: 1% 0;
	box-sizing: border-box;

}

.youtubewrapper {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.563em;
    height: 0;
    overflow: hidden;
}

.youtubewrapper iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.info-schedule {
	display: block;
	width: 100%;
	margin: 3% 0 0 0;
	padding: 2% 5% 5%;
	box-sizing: border-box;
	background-color: #F5F5F5;
}

.schedule-svg {
	display: inline-block;
	width: 10%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.schedule-svg svg {
	width: 100%;
	height: auto;
	max-width: 42px;
	fill: currentColor;
    color: #2aaaaa;
}

.schedule-title {
	display: inline-block;
	width: 89%;
	margin: 0;
	padding: 0;
}

.schedule-title-note  p {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #424242;
	font-size: 1.05em;
	line-height: 1.6em;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}

.schedule-title-note  p span {
	color: #FF4040;
}

.schedule-title-note  a {
	color: #424242;
	text-decoration: none;
}

.info-schedule h3 {
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.6em;
    line-height: 2.2em;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: lefy;
    border-bottom: 0.05em solid #2aaaaa;
    margin: 0 auto;
    padding: 0 0 0 42%;
}

.info-schedule table {
	display: table;	
	width: 100%;
    max-width: 100%;
    border-collapse: separate;  
	text-align: center;
	padding: 0;
	margin: 0;
	border-spacing: 0 0.8em; 
}
.info-schedule tbody {
    display: table-row-group;
    vertical-align: middle;
}

.info-schedule tr { 
	display: table-row;
    vertical-align: inherit;
	background-color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}

.info-schedule tr:hover {
	box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.8);
}

.info-schedule tr:hover .poster-tbl-day h4 {
	color: #FF4040;
}

.info-schedule tr:hover .poster-tbl-day p {
	color: #FF4040;
}

.info-schedule tr:hover .poster-tbl-time h4 {
	color: #FF4040;
}

.info-schedule tr:hover .poster-tbl-show h4 {
	color: #FF4040;
}


.info-schedule td {
    display: table-cell;
    vertical-align: middle;
}
.poster-tbl-day {
    background: #2aaaaa;
    text-align: center;
    border-style: none;
    vertical-align: middle;
    padding: 0% 2%;
    margin: 0;
}
.poster-tbl-day h4 {
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-size: 2em;
    line-height: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
	padding: 0;
    margin: 0;
}

.poster-tbl-day p {
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 0.8em;

    color: #FFFFFF;
    text-transform: uppercase;
	padding: 0;
    margin: 0;
}

.poster-tbl-time {
    text-align: center;
    border-right: 0.15em solid #FFFFFF;
    padding: 0% 2%;
    margin: 0;
}
.poster-tbl-time h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    color: #424242;
    line-height: 2.2em;
	padding: 0;
    margin: 0;
}

.poster-tbl-week {
	padding: 0;
    vertical-align: middle;
   	padding: 1% 4%;
    margin: 0;
}
.poster-tbl-week h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    text-align: left;
    color: #424242;
    padding: 0;
    margin: 0;
}


.poster-tbl-show {
	padding: 0;
    vertical-align: middle;
   	padding: 1% 6%;
    margin: 0;
}
.poster-tbl-show h4 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: #555;

    padding: 0;
    margin: 0;
}
.poster-tbl-buy {
    text-align: right;
    vertical-align: middle;
   	padding: 0;
    margin: 0;
    
}
.poster-tbl-buy a {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
    border: none;
    margin: 0 0.5% 0 0;
    padding: 1em 1.8em;
    cursor: pointer;
    background-color: #FF9C22;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.poster-tbl-buy a:hover {
	background-color: #555;
}





/* ----- ARCHIVE ----- */

.archive-title {
	height: 100%;
    background-image: url(../img/back_two.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.title-poster {
	display: block;
	padding: 6% 10% 5% 10%;
}

.title-content {
	display: block;
	margin: 0 auto;
	padding: 0;
	border-radius: 0.1em;
	text-align: center;
}

.title-content h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 3.5em;
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	padding: 1.2% 0 0 0;
	margin: 0;
}

.title-content p {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	margin: 0;
}

.archive-year {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.6% 0;
	box-sizing: border-box;
    border: 0.1em solid #F5F5F5;
    background: #2aaaaa;
    text-align: center;
}

.archive-year ul {
	margin: 0;
	padding: 0 4.5%;
	box-sizing: border-box;
}

.archive-year li {
	display: inline-block;
	width: 10%;
	margin: 0 0.2%;
	padding: 0.8% 0;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 0.1em;
	border: 0.1em solid #FFFFFF;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.archive-year li:hover {
	background: #2aaaaa; 
}

.archive-active {
	background: #2aaaaa !important; 
}

.archive-active a {
    color: #FFFFFF !important;
}

.archive-year li a {
	text-decoration: none;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
    padding: 3.5% 42%;
    margin: 0;
}

.archive-year li a:hover {
	color: #FFFFFF;
}

.archive-row-all {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2% 12% 3%;
	box-sizing: border-box;
	text-align: center;
}

.archive-row-all hr {
	border-top: 0.1em solid #E0E0E0;
    border-bottom: none;
    width: 96%;
    margin-top: 1%;
}

.archive-row {
	display: block;
	width: 100%;
	padding: 3% 0;
	box-sizing: border-box;
	margin: 0;
	text-align: center;
}

.archive-col {
	display: inline-block;
	width: 24%;
	margin: 0 auto;
	padding: 0 1%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}

.archive-col a {
	text-decoration: none;
}

.archive-col-photo {
	display: block;
	margin: 0;
	padding: 0;
}

.archive-col img {
	width: 100%;
	height: auto;
	max-width: 230px;
	border-radius: 0.1em;
	box-shadow: 0.025em 0.025em 0 rgba(33,33,33,0.5);
}

.archive-col img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


.archive-col-info {
	display: block;
	width: 84%;
	margin: 0 8%;
	padding: 1% 0;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: -1em;
	box-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.5);
	border-radius: 0.2em;
    background: #FF4040;
    background-image: linear-gradient(to bottom, rgba(255, 87, 34, 1) 0%, rgba(255, 64, 64, 1) 100%);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.archive-col-info:hover {
	background: #2aaaaa;
	background-image: linear-gradient(to bottom right, #36DBDB 0%, #2AAAAA 70%);
 }

.archive-col-info h4 {
	color: #FFFFFF;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	letter-spacing: 0.07em;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.archive-col-info hr {
	border-top: 0.1em solid #FFFFFF;
    border-bottom: none;
    width: 70%;
    margin: 0 auto;
    padding: 0;
}

.archive-col-info p {
	color: #FFFFFF;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}



/* ----- HISTORY---- */
.history-row {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 1% 5% 5%;
	box-sizing: border-box;
	text-align: center;
}

.history-col-left {
	display: block;
	width: 100%;
	margin: 3% auto;
	padding: 0 5%;
	box-sizing: border-box;
	text-align: center;
}

.history-col-left img {
	width: 100%;
	height: auto;
	max-width: 400px;
	float: left;
	margin: 0 auto;
	padding: 0 2% 0 0;
}



.history-col-left h3 {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 0 0 0.8em;
    padding: 0;
}

.history-col-left h3 span {
	color: #FF4040;
}

.history-col-left p {
	text-align: justify;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.14em;
    line-height: 1.45em;
    font-weight: 400;
    letter-spacing: 0.01em;

}

.history-col-right {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 3% 5% 3%;
	box-sizing: border-box;
	text-align: center;
	border-top: 0.1em dotted #E0E0E0;
	border-bottom: 0.1em dotted #E0E0E0;
}

.history-col-right img {
	width: 100%;
	height: auto;
	max-width: 400px;
	float: right;
	margin: 0 auto;
	padding: 0 0 0 2%;
}

.history-col-right br {
	display: none;
}

.history-col-right h3 {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 0 0 0.8em;
    padding: 0;
}

.history-col-right h3 span {
	color: #FF4040;
}

.history-col-right h2,
.history-col-left h2  {
	text-align: center;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 0 0 0.8em;
    padding: 0;
}

.history-col-right h2 span,
.history-col-left h2 span {
	color: #FF4040;
}

.history-col-right p {
	text-align: justify;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.14em;
    line-height: 1.45em;
    font-weight: 400;
    letter-spacing: 0.01em;
}


.history-col-right table {
    border-collapse: collapse;
    width: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
}

.history-col-right th {
    text-align: center;
    padding: 8px;
    background-color: #2aaaaa!important;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9em;
}

.history-col-right td {
    text-align: left;
    padding: 8px;
    font-weight: 400;
    font-size: 1em;
}

.history-col-right tr:nth-child(even){background-color: #f2f2f2}






/* ----- press---- */
.press-row {
	display: block;
	width: 100%;
	margin: 5% auto 6%;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.press-col {
	display: block;
	width: 100%;
	margin: 3% auto;
	padding: 0 10%;
	box-sizing: border-box;
	text-align: center;
}

.press-col h3 {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 0 0 0.8em;
    padding: 0;
}

.press-col h3 span {
	color: #FF4040;
}

.press-col p {
	text-align: justify;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.14em;
    line-height: 1.45em;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
}

.press-col p b {
    font-weight: 700;
}

.press-col p span {
	text-transform: uppercase;
}

.press-col a {
    color: #555;
}


.press-col-full img {
	width: 100%;
	height: auto;
	margin: 0 2% 1% 0;
	max-width: 1920px;
}

.press-col-small img {
    width: 100%;
    height: auto;
    max-width: 400px;
    float: left;
    margin: 0 2% 1% 0;
    box-shadow: 0.02em 0.02em 0.2em rgba(33,33,33,0.5);
}









/* ----- NEWS---- */
.news-row {
	display: block;
	width: 100%;
	margin: 2% auto 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.news-col-white {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2.5% 5% 5%;
	box-sizing: border-box;
	text-align: left;
	border-bottom: 0.1em solid #E0E0E0;
}

.col-image {
	display: inline-block;
	width: 30%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
}

.col-image-date {
	display: block;
	width: 20%;
	margin: 0%;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 1.5em;
    background: #FF4040;
    background: rgba(255, 64, 64, 0.8);
}

.col-image-date p {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #FFFFFF;
    font-size: 1.1em;
    line-height: 1.75em;
    font-weight: 400;
    letter-spacing: 0.015em;
    text-indent: 0.8em;
    margin: 0;
    padding: 0;
}	

.col-image img {
	width: 100%;
	height: auto;
	max-width: 600px;
	box-shadow: 0.02em 0.02em 0.2em rgba(33,33,33,0.5);
}

.col-descript {
	display: inline-block;
	width: 68%;
	margin: 0;
	padding: 0 3%;
	box-sizing: border-box;
	vertical-align: top;
}

.col-descript h3 {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #FFFFFF;
    font-size: 1.05em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.8em;
    font-weight: 400;
    text-indent: 1em;
    margin: 0 0 2em;
    padding: 0;
    background: #2aaaaa;
    background-image: linear-gradient(to right, #2AAAAA 0%, #B3FFFF 100%);
    text-shadow: 0.015em 0.015em 0 rgba(33,33,33,0.2);
}

.col-descript h3 span {
	color: #2aaaaa;
}

.col-descript p {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 400;
    letter-spacing: 0.015em;
    margin: 0;
    padding: 0;
}

.col-descript p span {
	font-weight: 700;
	font-size: 0.95em;
}

.col-descript a {
    color: #555;
}

.col-descript ul {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 400;

}

.col-descript li {
	text-align: left;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 400;

}

.col-next {
	display: block;
	margin: 3em 0 0 0;
	padding: 0 3%;
	box-sizing: border-box;
	text-align: right !important;

}

.col-next a {
	text-align: right;
	font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 400;
    letter-spacing: 0.015em;
    text-decoration: none;
    margin: 0;
    padding: 0.3em 1em;
    border: 0.1em solid #555;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.col-next a:hover {
	background-color: #555;
	color: #FFFFFF;
}



/* ----- PUBLIC ----- */

.public-row {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.public-col {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 20% 4%;
	box-sizing: border-box;
}

.public-col h3 {
	text-align: center;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #424242;
    font-size: 1.45em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 700;
    margin: 2em 0;
    padding: 0;
}


.public-col a {
	text-align: left;
    font-family: 'PT Sans Narrow', sans-serif;
    color: #555;
    font-size: 1.14em;
    line-height: 1.45em;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
}


/* ----- MENU MODAL ----- */

.menu-mob {
    display: none;
    position: fixed;
    margin: 0 auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.97);
    box-sizing: border-box;
    padding: 2% 0% 2% 0%;
    z-index: 199;
}


.menu-mob:target {
  display: block;
}

 .menu-content {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    outline: 0; text-align: center;
    -webkit-animation-name: menuanimat; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: menuanimat;
    animation-duration: 0.5s;
}


 .menu-content ul { 
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    list-style-type: none;
 }

 .menu-content li {
    text-align: left;
}

 .menu-content li a {
    font-size: 1.2em;
    line-height: 2.2em;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    color: #FF4040;
    text-decoration: none;
}


.closebtn {
    text-decoration: none;
    float: right;
    font-size: 2em;
    font-weight: bold;
    color: red;
    margin: 0 1em 0;
}

.closebtn:hover,
.closebtn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



@-webkit-keyframes menuanimat {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}

@keyframes menuanimat {
    from {top:-100px;opacity: 0;}
    to {top:0px;opacity:1;}
}