/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@import url('normalize.css');
@import url('flexslider.css');
@import url('owl.carousel.css');
@import url('owl.theme.css');
@import url('owl.transitions.css');
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=57371768-6f8e-4f16-a30c-f0bac08fd22d");
@font-face{ font-family:"Avenir Next Rounded W01_n1"; src:url("../fonts/c61fbc93-c8bb-4452-a425-616f4a986a1a.eot?#iefix") format("eot") }
@font-face{ font-family:"Avenir Next Rounded W01"; src:url("../fonts/c61fbc93-c8bb-4452-a425-616f4a986a1a.eot?#iefix"); src:url("../fonts/c61fbc93-c8bb-4452-a425-616f4a986a1a.eot?#iefix") format("eot"),url("../fonts/188b58ca-5489-4e70-8010-7b867980f487.woff2") format("woff2"),url("../fonts/832e487e-ca07-48d9-b664-9f641d3fd51b.woff") format("woff"),url("../fonts/ef1f3005-b51b-4ee4-bd7d-c4d750fd2f0a.ttf") format("truetype"),url("../fonts/e5abc466-efd1-4ef7-9bc3-0ad024a38f8b.svg#e5abc466-efd1-4ef7-9bc3-0ad024a38f8b") format("svg"); font-weight: 100; font-style: normal; }
@font-face{ font-family:"Avenir Next Rounded W01_n2"; src:url("../fonts/24bb7030-aa2b-4728-8c50-0d5a19597835.eot?#iefix") format("eot") }
@font-face{ font-family:"Avenir Next Rounded W01"; src:url("../fonts/24bb7030-aa2b-4728-8c50-0d5a19597835.eot?#iefix"); src:url("../fonts/24bb7030-aa2b-4728-8c50-0d5a19597835.eot?#iefix") format("eot"),url("../fonts/5559fceb-87c2-4a44-9925-ad308acec971.woff2") format("woff2"),url("../fonts/c4f4af3e-b5b8-4fb3-b707-670bbc765c69.woff") format("woff"),url("../fonts/58765556-0682-4c0d-a380-ddc721268253.ttf") format("truetype"),url("../fonts/5ba56fed-120b-437e-b74b-fdb7563b5f1b.svg#5ba56fed-120b-437e-b74b-fdb7563b5f1b") format("svg"); font-weight: 200; font-style: normal; }
@font-face{ font-family:"Avenir Next Rounded W01_n3"; src:url("../fonts/cd6aeb84-ef25-4d28-b102-37eb26568e30.eot?#iefix") format("eot") }
@font-face{ font-family:"Avenir Next Rounded W01"; src:url("../fonts/cd6aeb84-ef25-4d28-b102-37eb26568e30.eot?#iefix"); src:url("../fonts/cd6aeb84-ef25-4d28-b102-37eb26568e30.eot?#iefix") format("eot"),url("../fonts/a0a87e49-3806-4285-adb4-3d8c713e526c.woff2") format("woff2"),url("../fonts/bfaf76ed-3cdf-4258-8336-eb4e18cbd68b.woff") format("woff"),url("../fonts/68ebb896-409e-4046-9a76-1a0a59b0ef93.ttf") format("truetype"),url("../fonts/4c31487a-bf33-4f62-9c50-602fbf4699bf.svg#4c31487a-bf33-4f62-9c50-602fbf4699bf") format("svg"); font-weight: 300; font-style: normal; }
@font-face{ font-family:"Avenir Next Rounded W01_n4";  src:url("../fonts/da5b695f-ece6-459a-87a6-afa095789070.eot?#iefix") format("eot")}
@font-face{ font-family:"Avenir Next Rounded W01"; src:url("../fonts/da5b695f-ece6-459a-87a6-afa095789070.eot?#iefix"); src:url("../fonts/da5b695f-ece6-459a-87a6-afa095789070.eot?#iefix") format("eot"),url("../fonts/ad3c6c4a-3054-4bcc-b0de-596d767c68be.woff2") format("woff2"),url("../fonts/84f3e44b-61b2-4b2c-b0fd-e8044b9908e6.woff") format("woff"),url("../fonts/c1fbefa9-1480-4d86-abab-8f357f4a7962.ttf") format("truetype"),url("../fonts/74731d73-f46b-4e5d-8c95-a9f87a1ebb58.svg#74731d73-f46b-4e5d-8c95-a9f87a1ebb58") format("svg"); font-weight: 400; font-style: normal; }
@font-face{ font-family:"Adobe Caslon W01_i4"; src:url("../fonts/48e53584-22ac-4328-a940-54ac91ee35db.eot?#iefix") format("eot") }
@font-face{ font-family:"Adobe Caslon W01"; src:url("../fonts/48e53584-22ac-4328-a940-54ac91ee35db.eot?#iefix"); src:url("../fonts/48e53584-22ac-4328-a940-54ac91ee35db.eot?#iefix") format("eot"),url("../fonts/df7ba2f1-324a-404c-88c7-f68adad9ac33.woff2") format("woff2"),url("../fonts/67620760-8bd8-45d7-b70d-de7936d7a6e1.woff") format("woff"),url("../fonts/d39c7172-0364-4db6-80c5-116c450e3e98.ttf") format("truetype"),url("../fonts/c1570ebd-fc91-4d70-b33b-8f19e9a0fabf.svg#c1570ebd-fc91-4d70-b33b-8f19e9a0fabf") format("svg"); font-weight: 400; font-style: italic; }


/* Fonts
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic;
Fonts*/


/*Basic*/
html, body {height: 100%; }
html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body, h1, h2, h3, h4, h5, h6, p, b, strong, i, em, textarea, input, ul, li, a {margin:0px; padding:0px; }
::-moz-selection{ background: rgb(49, 175, 221); color:rgb(255, 255, 255); text-shadow: none;  }
::selection { background: rgb(49, 175, 221); color:rgb(255, 255, 255);  text-shadow: none; }
body{font-family:'Avenir Next Rounded W01'; font-style: normal; background-color:rgb(255, 255, 255);}
b, strong {font-weight:400; }
i, em {font-style:italic;}
p{ font-size:18px; font-weight: 200; color:rgb(255, 255, 255); line-height:130%;}
h1{font-size:40px; letter-spacing:3px; color:rgb(255, 255, 255); font-weight: 100; text-transform:uppercase; text-shadow: 0 0 50px rgb(0,0,0);}
h2{font-size:30px; letter-spacing:3px;  color:rgb(255, 255, 255); font-weight: 100; text-transform:uppercase; text-align:center; }
.show h2 {font-size:26px;}
h3, span.subtitle {font-size:26px; color:rgb(255, 255, 255); font-weight: 100; text-transform:uppercase;  }
h4{font-size:16px; color:rgb(0, 0, 0); font-weight: 200; text-transform:uppercase;  }
h5{ font-size:18px; color:rgb(255, 255, 255); font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h6{font-size:26px; letter-spacing:5px; color:rgb(255, 255, 255); text-shadow: 0 0 8px rgb(0,0,0); font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a {text-decoration:none; font-weight: 300; color:rgb(225, 225, 225); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
a:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
:focus {outline:none;}
.wrapper{width:98%; max-width:1200px; margin:0px auto; }
#background {  z-index: -5;  position: fixed; top: 0px; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover;}
#background:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1);}
.object-fit {width: 100%; height: 100%;	object-fit: cover;	object-position: 50% 50%; }
/*Basic*/


/* Mobile Navigation */
#nav-toggle {display:block; position:fixed; left:25px; top:25px; width:50px; height:50px; padding:14.5px 15px; background-color:rgba(0,0,0,0.8); z-index: 1000;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.line {float:left; margin:3px 0px; width:100%; height:1px; background-color:rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#nav-toggle:hover {background-color:rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#nav-toggle:hover > .line {background-color:rgb(0,0,0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#mobile-nav {display:block; position:fixed; overflow-y:auto; -webkit-overflow-scrolling: touch; left:0px; top:0px; height:100%; width:260px; margin-left:-260px; z-index: 1000; background-color:rgba(0,0,0,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#mobile-nav h2 {margin:25px 0px;}
.lang {float:left; width:100%; height:50px; margin-bottom:10px;}
.lang ul {float:left; width:100%; height:50px; display:table; word-spacing:0px; letter-spacing:0px; font-size:0px; list-style:none;}
.lang ul li {display:inline-block; width:20%; height:50px; text-align:center; vertical-align:middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.lang ul li a {display:block; color:rgb(255, 255, 255); line-height:50px; font-size:16px; position:relative;}
.lang ul li a:after {content:''; position:absolute; bottom:0px; height:60%; width:1px; top:20%; left:0px; border-left:1px solid rgba(255, 255, 255, 0.5);}
.lang ul li:first-child a:after {border-left:0px;}
.lang ul li a:hover {background-color:rgba(255, 255, 255, 0.8); color:rgb(0,0,0);}
.main {float:left; width:100%; height:auto; margin-bottom:50px;}
.main ul {float:left; width:100%; height:auto; position:relative;}
.main ul li {float:left; width:100%; height:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main ul li a {display:block; position:relative; padding:10px 15px; text-transform:uppercase; font-size:14px; line-height:14px; color:rgb(180, 180, 180); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main ul li a:hover {background-color:rgba(255, 255, 255, 0.8); color:rgb(0,0,0);}
.events {float:left; width:100%; height:auto; margin-bottom:25px;}
.events ul {float:left; width:100%; height:auto; position:relative;}
.events ul li {float:left; width:100%; height:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.events ul li a {display:block; position:relative; font-size:18px; line-height:18px; padding:15px; color:rgb(255, 255, 255); font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.events ul li a:after {content:''; position:absolute; bottom:0px; height:1px; width:92%; left:4%; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.events ul li a:hover {background-color:rgba(255, 255, 255, 0.8); color:rgb(0,0,0);}
/* Mobile Navigation */


/* Navigation */
/*
#main-nav {float:right; width:100%; height:40px; text-align:right; position: relative; z-index: 10; }
#site-nav {display:inline-block; vertical-align:top; width:auto;}
#site-nav li {list-style:none; display:inline-block; height:14px; margin:13px 0px; border-right:1px solid rgb(255, 255, 255);}
#site-nav li:last-child {border-right:0px;}
#site-nav li a {display:block; text-transform:uppercase; font-weight: 300; font-size:12px; line-height:14px; padding:0px 10px; color:rgb(255, 255, 255);}
#site-nav li a:hover {opacity:0.5;}
#lang-nav {display:inline-block; vertical-align:top;  height:40px;}
.current-lang {float:left; position:relative; height:14px; margin:13px 0px; width:50px; border-left:1px solid rgb(255, 255, 255); border-right:1px solid rgb(255, 255, 255); }
.current-lang li {display:block; text-align:center; width:100%; line-height:40px; margin-top:-13px; font-size:16px; color:rgb(255, 255, 255); font-weight: 300;}
.current-lang li:hover > ul {opacity:1; visibility:visible;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.current-lang li ul {opacity:0; visibility:hidden; list-style:none; position:absolute; width:100%; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.current-lang li ul li {float:left; position:relative; width:100%; margin:0px; height:40px; }
.current-lang li ul li a{display:block; width:100%; font-weight: 200; line-height:40px; color:rgb(255, 255, 255); background-color:rgba(0, 0, 0, 0.7); }
.current-lang li ul li a:hover {background-color:rgba(255, 255, 255, 0.5); color:rgb(0,0,0);}
#event-nav {position:absolute; z-index:15; bottom:10px; left:0px; width:100%; height:40px; text-align:center; display:table; font-size:0px; word-spacing:0px; letter-spacing:0px;}
#event-nav li {list-style:none; display:inline-block; height:18px; margin:11px 0px; border-left:1px solid rgb(255, 255, 255);}
#event-nav li:first-child {border-left:0px;}
#event-nav li a {display:block; font-size:18px; line-height:18px; padding:0px 10px; color:rgb(255, 255, 255); font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#event-nav li a:hover {opacity:0.5;}

#nav-toggle {display:block;}
#mobile-nav {display:block;}
#main-nav {display:none;}
#lang-nav {display:none;}
#event-nav {display:none;}
*/

/* Navigation */


/* Header */
header {float:left; position:relative; width:100%; height:0px; background-color:rgba(0,0,0,0.7);  padding-bottom:56.772%; overflow:hidden; margin:25px 0px;}
.header-text {text-align:center; position:absolute; z-index:15; width:90%; height:100%; margin:0px 5%; display:table; }
.header-text-center {display:table-cell;  vertical-align:middle; }
.frontpage-logo {display:inline-block; vertical-align:middle; }
.frontpage-logo img {max-height:100%;}
.frontpage-text {display:inline-block; vertical-align:middle; }
.frontpage-text h1 {text-shadow: 0 0 8px rgb(0,0,0); }
.header-image:after {content:""; z-index:10; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0,0.3)) ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); }
.header-image:after {content:""; z-index:10; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0,0.3)) ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); }
.header-image {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.photo-copyright {position:absolute; top:5px; right:5px; text-align:right; z-index: 10;}
.photo-copyright h6 {font-size:16px; letter-spacing:2px;}

.slider {position: absolute; top: 0px; left:0px; width:100%; height:100%;}
.slides {position: absolute; top: 0px; left:0px; width:100%; height:100%;}
.slides li {position: absolute; top: 0px; left:0px; width:100%; height:100%;}
.slides li:after {content:''; position: absolute; top: 0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.15);}
.flex-direction-nav {z-index:20;}

.slider .slides > li { 
	-webkit-transition: opacity 1.5s ease; 
	-moz-transition: opacity 1.5s ease;
	 transition: opacity 1.5s ease; 
}


.some-area {float: left; width:100%; height:auto; margin:25px 0px 10px 0px;  background-color:rgba(0,0,0,0.7); display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
.some-title {float: left; width:20%; padding-left:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.some-title h3 {font-size: 22px;}
.some-text {float: left; width:55%; color:rgb(255, 255, 255); display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-around;}
.some-text p {font-size: 16px;}
.some-text b {font-size: 20px;}

.frontpage-some-links {float:left; width:25%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-end;}

.some-link {float:left; width:90px; height:90px;}
.some-link.facebook {background-color: rgb(59, 89, 152);}
.some-link.twitter {background-color: rgb(29, 161, 242);}
.some-link.instagram {background-color: rgb(225, 48, 108);}
.some-link a {display: block; width: 100%; height: 100%; position: relative;}
.some-link a img {display: block; position:absolute; top: 0px; left:0px; right:0px; bottom:0px; margin:auto; width: 50%; height: 50%;}
.some-link a:hover {background-color:rgba(255, 255, 255, 0.3);}


.newsletter-area {float: left; width:100%; height:auto; margin-bottom:25px; text-align: center; padding: 25px 10px; background-color:rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsletter-area h3 {margin-bottom: 10px;}
.newsletter-area a {color: rgb(225, 48, 108);}
.newsletter-area.blocks-letter {margin-top: -25px;}

/* Header */


/* Content */
section {float:left; width:100%; height:auto; margin:25px 0px; }
article {background-color:rgba(0,0,0,0.7); position:relative; vertical-align:top; }
article a:hover {text-decoration:underline;}
section.blocks {display:table; word-spacing:0px; font-size:0px; letter-spacing:0px; position: relative;}
.two{display:inline-block; width:49%; height:0px; padding-bottom:29.7%; margin-right:2%; margin-bottom:25px; overflow:hidden;}
.blocks > .two:nth-of-type(2) {margin-right:0px;}
.two a {display:block; z-index:15; width:100%; height:100%; position:absolute;}
.two a:hover {opacity:0.7;}
.two > img, .two a > img  {position:absolute; top:0px; bottom:0px; margin:auto; max-width:100%;}
.two a:after {content:""; z-index:10; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0,0.3)) ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); }
.three {display:inline-block; width:31.33%; height:0px; padding-bottom:19%; margin-right:3%; margin-bottom:25px;  overflow:hidden;}
.blocks > .three:nth-of-type(3) {margin-right:0px;}
.three a {display:block; z-index:15; width:100%; height:100%; position:absolute;}
.three a:hover {opacity:0.7;}
.three img, .three a > img  {position:absolute; top:0px; bottom:0px; margin:auto; max-width:100%;}
.three a:after {content:""; z-index:10; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0,0.3)) ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); }
.article-text {position:absolute; z-index:12; bottom:0px; width:100%; height:auto; padding-bottom:10px; text-align:center; }
.article-text-img {float: left; width: 100%; height: 100%;}
.icons {display:table; word-spacing:0px; font-size:0px; }
.icons > article {display:inline-block; width:23%; height:auto; margin-right:2.666%; background:none; text-align:center;}
.icons > article:nth-child(4) {margin-right:0px;}
.icons > article a {display:block; position:relative; width:100%; height:0px; padding-bottom:100%; border:2px solid rgb(255, 255, 255); border-radius: 50%; -webkit-border-radius: 50%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.icons > article a > img {position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-height:80%; max-width:80%;}
.icons > article p {float:left; width:100%; margin-top:10px; text-transform:uppercase; font-size:22px;}
.icons > article a:hover{background-color:rgba(255, 255, 255, 0.2);}
.full {float:left; width:100%; height:0px; padding-bottom:25%; overflow:hidden; margin-bottom:25px;}
.full a {display:block; z-index:15; width:100%; height:100%; position:absolute;}
.full a:hover {opacity:0.7;}
.full a:after {content:""; z-index:10; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0,0.3)) ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.3) 100%); }
.subpage > article {float:left; width:100%; height:auto; padding:100px; text-align:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.subpage > article h1:first-child {margin-bottom:25px;}
.subpage > article h2 {margin-bottom:25px;}
.subpage > article b {color:rgb(255, 255, 255); }
.subpage > article > img {max-width:100%; margin-bottom:25px;}

.subpage.programme > article {text-align: center;}


.show {float:left; width:100%; height:auto; margin-bottom:25px;}
.logos {float:left; width:100%; height:auto; margin-bottom:25px; display:flex; flex-direction: row; flex-wrap: wrap; align-items:flex-start; justify-content:flex-start;}
.logo{float:left; width:32.33%; height:0px; padding-bottom:32.33%; margin:0px 0px 1.5% 1.5%; background-color:rgb(255, 255, 255);position:relative; }
.logo:nth-of-type(3n+1) {margin-left:0px;}
.logo a {display:block; width:100%; height:100%; position:absolute; }
.logo a img {max-width:75%; max-height:75%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.logo a:hover {opacity:0.5;}
.logo a:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-box-shadow:inset 0 0 75px 0 rgba(0,0,0,0.3); box-shadow:inset 0 0 75px 0 rgba(0,0,0,0.3); }
.story-controls {float:left; width:100%; height:35px; display:table; word-spacing:0px; font-size:0px; letter-spacing:0px;}
.story-controls li {display:inline-block; width:32.333%; margin-left:1.5%; height:35px; list-style:none; text-align:center;}
.story-controls li:first-of-type { margin-left:0px; }
.story-controls li.disabled {cursor:not-allowed; opacity:0.5;}
.story-controls li a, .story-controls li p {display:block; font-weight: 200; width:100%; height:35px; line-height:35px; background-color:rgba(0,0,0,0.7); color:rgb(255, 255, 255); font-size:16px; } 
.story-controls li a:hover {background-color:rgb(255, 255, 255); color:rgb(0,0,0);}

.video {float:left; width:100%; height:auto; padding:25px 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.video-container {float:left; width:100%; height:0px; padding-bottom:55.25%; height:auto; margin:25px 0px; position:relative;}
.video-container iframe {position:absolute; left:0px; top:0px; width:100%; height:100%; }
/* Content */


/* Program */
section.dates {display:flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content:center; margin:10px 0px; text-align:center;}
.dateblock {cursor:pointer; float:left; width:calc(6.666% - 3px); margin-left: 3px; background-color:rgba(0,0,0,0.7); color:rgb(255, 255, 255); font-size:16px; text-align:center; padding:12px 0px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.dateblock:first-of-type {margin-left:0px;}
.dateblock:hover, .dateblock.active {background-color:rgb(255, 255, 255); color:rgb(0,0,0); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.programs {-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.programs h1 {font-size:32px;}
.show p {font-weight: 100;}
.artist-list p {display:inline; font-family:"Adobe Caslon W01"; font-weight: 400; font-style: italic; font-size:20px; line-height: 110%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.artist-list a {opacity: 1; color:rgb(255, 255, 255);}
.artist-list p:after {content:',';}
.artist-list p:last-child:after {content:'';}
.players h2 {margin-bottom:0px !important;}
.players p, .players a {font-weight:700; color:rgb(255, 255, 255);}
.player-group {float:left; width:100%; height:auto; margin:10px 0px 50px 0px; text-align:center; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;  -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.player-group-one {float:left; width:33.33%; padding:0px 33.333%; height:auto; text-align:center; margin:10px 0px 50px 0px; }
.player-group-two {float:left; width:66.66%; padding:0px 16.666%; height:auto; text-align:center; margin:10px 0px 50px 0px;  -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.artist h1 {margin-bottom:0px !important;}
.artist h5 {font-size:26px;}
section.artist-shows {margin:0px; margin-bottom:10px;}
.artist-shows > article {padding:15px 2.5%; width:100%; display:table; word-spacing:0px; letter-spacing:0px; font-size:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.artist-shows > article > .text {width:95%; display:inline-block; vertical-align:middle; text-align:left;}
.artist-shows > article > .date {width:5%; display:inline-block; vertical-align:middle; text-align:center;}
.content-title {width: 100%; height: auto; margin: 25px 0px; }
section.content-toggle {display:flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content:center; margin:10px 0px;}
section.content-toggle > .dateblock {width:auto; margin:5px; padding:8px;}
section.content-toggle > .dateblock:last-of-type {margin-right:5px;}


.date-title {float:left; width:100%; height:auto; margin-bottom:50px;}
.headline {float:left; width:100%; height:auto; margin-bottom:50px;}

.some-links {float:left; width:100%; height:auto; }
.some-links a {display:inline-block; margin:25px 5px 0px 5px; opacity:0.5;}
.some-links a:hover {opacity:1;}
/* Program */


/* Gallery */
.gallery {float:left; width:100%; height:auto; margin:25px 0px; display:table; font-size:0px; letter-spacing:0px; word-spacing:0px;}
.gallery-item {display:inline-block; vertical-align:top; width:23.5%; margin-bottom:25px; margin-left:2%;}
.gallery-item:nth-child(4n+1) {margin-left:0px;}
.gallery-item a:hover {opacity:0.8;}
.item-img {float:left; position:relative; width:100%; padding-bottom:66%; overflow:hidden; margin-bottom:5px;}
.item-img-wrap {position: absolute; top:0px; left: 0px; width: 100%; height: 100%;}
.item-img-wrap img {position: absolute; top:0px; left: 0px;}
.gallery-item.vertical .item-img img {object-position: 50% 25%;}
p.item-text {font-size:12px; line-height:12.5px;}
/* Gallery */


/* Footer */
.some-shares {float:left; width:100%; height:32px; text-align:center; margin-top:50px; }
footer {float:left; width:100%; height:auto; margin-top:50px; background-color:rgb(255, 255, 255); padding:15px 0px; display:table; font-size:0px; word-spacing:0px; letter-spacing:0px;}
.footer-block {display:inline-block; vertical-align:top; height:auto; text-align:center;}
.footer-block.small {width:25%;}
.footer-block.big {width:50%;}
.footer-block-title {float:left; width:100%; height:auto; margin-bottom:15px;}
.footer-block-content {float:left; width:100%; height:auto; padding:10px 0px;}
.footer-block-content img {max-width:90%; margin-bottom:10px;}
.footer-block-content a:hover, .footer-block-content-big a:hover {opacity:0.7;}
.footer-block-content-big {float:left; width:100%; height:auto; padding:10px; border-left:1px solid rgb(200, 200, 200); border-right:1px solid rgb(200, 200, 200); display:table; font-size:0px; word-spacing:0px; letter-spacing:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.footer-block-content-big li {list-style:none; display:inline-block; margin:8px 0px; width:25%; text-align:center; vertical-align:middle;}
.footer-block-content-big li img {max-width:90%; max-height:30px;}
.copyright {float:left; width:100%; height:auto; padding:20px 0px; background-color:rgba(0,0,0,0.7); text-align:center; }
.copyright p {color:rgba(255,255,255,0.5);}
.copyright p a {color:rgba(255,255,255,0.5);}
.copyright p a:hover {opacity:0.2;}
/* Footer */


/*News*/

.news-area {float:left; width:100%; height:auto; }
.news-column {float:left; width:100%;}
.owl-stage {display: flex;}
.news-menu {float:left; width:calc( 100% - 101px ); height:125px; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.news-menuitem {text-align:left; cursor:pointer; height:125px; background-color:rgba(0,0,0,0.7); padding:10px; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.news-menuitem h3 {font-size:16px; line-height:120%; padding:5px 0px; direction: ltr;}
.news-menuitem p {font-size:14px; line-height:120%;}
.news-menuitem.active, .news-menuitem:hover {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.news-menuitem.active p, .news-menuitem:hover p, .news-menuitem.active h3, .news-menuitem:hover h3 {color:rgba(0,0,0, 0.8);}
.loader-overlay {position:absolute; top:0px; left:0px; z-index:100; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#news {float:left; width:100%; position:relative; min-height:100px;}
#news article {text-align:center; padding:100px;}
#news article h2 {margin-bottom:25px;}
#news article img {max-height:300px; margin-bottom:25px;}
#newsdate, #newspage {display:none;}
#slider-next {float:left; cursor:pointer; position:relative; width:50px; height:125px; background-color:rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-prev {float:left; cursor:pointer; position:relative; width:50px; height:125px; margin-left:1px;   background-color:rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-next:hover {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-prev:hover  {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-next:after {content:''; position:absolute; top:0px; left:15px; right:0px; bottom:0px; margin:auto; width:25px; height:25px; border-bottom:2px solid rgba(255, 255, 255, 0.8); border-right:2px solid rgba(255, 255, 255, 0.8); -ms-transform: rotate(135deg);  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-prev:after {content:''; position:absolute; top:0px; left:0px; right:15px; bottom:0px; margin:auto; width:25px; height:25px; border-bottom:2px solid rgba(255, 255, 255, 0.8); border-right:2px solid rgba(255, 255, 255, 0.8);  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#slider-next:hover:after, #slider-prev:hover:after {border-bottom:2px solid rgba(0,0,0,0.6); border-right:2px solid rgba(0,0,0,0.6);  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
/*News*/


/*Blogi*/
.blog-area {float:left; width:100%; height:auto; }
.blog-column {float:left; width:100%;}
.blog-menu {float:left; width:calc( 100% - 101px ); height:125px; overflow:hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.blog-menuitem {float:left; text-align:left;  cursor:pointer; width:calc( 100% - 1px ); margin-left:1px; height:125px; background-color:rgba(0,0,0,0.7); padding:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.blog-menuitem h3 {font-size:16px; line-height:120%; padding:5px 0px;}
.blog-menuitem p {font-size:14px; line-height:120%;}
.blog-menuitem.active, .blog-menuitem:hover {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.blog-menuitem.active p, .blog-menuitem:hover p, .blog-menuitem.active h3, .blog-menuitem:hover h3 {color:rgba(0,0,0, 0.8);}
#blog {float:left; width:100%; position:relative; min-height:100px;}
#blog article {text-align:left; padding:100px;}
#blog article h2 {margin-bottom:25px; text-align:left;}
#blog article img {max-height:300px; margin-bottom:25px;}
#blogdate, #blogpage {display:none;}
#blogslider-next {float:left; cursor:pointer; position:relative; width:50px; height:125px; background-color:rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-prev {float:left; cursor:pointer; position:relative; width:50px; height:125px; margin-left:1px;   background-color:rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-next:hover {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-prev:hover  {background-color:rgba(255, 255, 255,0.8); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-next:after {content:''; position:absolute; top:0px; left:15px; right:0px; bottom:0px; margin:auto; width:25px; height:25px; border-bottom:2px solid rgba(255, 255, 255, 0.8); border-right:2px solid rgba(255, 255, 255, 0.8); -ms-transform: rotate(135deg);  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-prev:after {content:''; position:absolute; top:0px; left:0px; right:15px; bottom:0px; margin:auto; width:25px; height:25px; border-bottom:2px solid rgba(255, 255, 255, 0.8); border-right:2px solid rgba(255, 255, 255, 0.8);  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#blogslider-next:hover:after, #blogslider-prev:hover:after {border-bottom:2px solid rgba(0,0,0,0.6); border-right:2px solid rgba(0,0,0,0.6);  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
/*Blogi*/


/*Form*/
.form-area {float: left; width:100%; margin-top: 25px; position:relative; min-height: 50px;}
form {float: left; width:100%; max-width: 500px; text-align:left;}

input[type='text'], input[type='tel'], input[type='email'] {float:left; width:100%; padding:10px; height:40px; font-size:16px; margin-bottom:15px; border:1px solid rgb(180, 180, 180); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='text']:hover, input[type='tel']:hover, input[type='email']:hover, input[type='text']:focus, input[type='tel']:focus, input[type='email']:focus {border:1px solid rgb(49, 175, 221); }

label {display:inline-block; vertical-align:middle;  width:calc(100% - 35px); color:rgb(255, 255, 255); font-size:14px; margin-bottom:15px;}
input[type='checkbox'] {display:inline-block; vertical-align:middle; height:20px; width:20px; background-color:rgb(255, 255, 255);  border:1px solid rgb(220, 220, 220); margin-right:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='radio'] {display:inline-block; vertical-align:middle; height:15px; width:15px; background-color:rgb(255, 255, 255);  border:1px solid rgb(220, 220, 220); margin-right:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

input[type='submit'], .form-button {float:left; width:auto; padding:0px 20px; height:40px; font-size:18px; outline:0px; border:1px solid rgb(255, 255, 255); color:rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='submit']:hover, input[type='submit']:focus, .form-button:hover, .form-button:focus { color:rgb(0, 0, 0); background-color: rgb(255, 255, 255);}
::-webkit-input-placeholder { color: rgb(150, 150, 150); }
:-moz-placeholder { color: rgb(150, 150, 150);  opacity:  1; }
::-moz-placeholder { color: rgb(150, 150, 150);  opacity:  1; }
:-ms-input-placeholder { color: rgb(150, 150, 150); }

/*Form*/

.owl-nav.disabled {
	display: none;
}

@media all and (max-width: 1200px) and (min-width: 769px) {
p{ font-size:16px; }
h1{font-size:40px; letter-spacing:2px; text-shadow: 0 0 50px rgb(0,0,0);}
h2{font-size:26px; letter-spacing:2px; }
h3, span.subtitle {font-size:22px; }
h4 {font-size:16px; }
h5{ font-size:16px; }
h6{font-size:26px; letter-spacing:5px; text-shadow: 0 0 8px rgb(0,0,0); }
#nav-toggle {left:1vw; top:1vw;}
header {margin-top: 1vw;}
.frontpage-logo img {max-height:200px;}
.photo-copyright h6 {font-size:16px; letter-spacing:2px;}
#site-nav li a { font-size: 10.4px;  padding: 0px 3px;}
.current-lang {width:40px;}
#event-nav {height:auto; }
#event-nav li {height:18px; margin:5px 0px; }
#event-nav li a {font-size:15px; line-height:18px; padding:0px 6px; }
.header-text {width:90%; height:100%; margin:0px 5%; }
.article-text {padding-bottom:5px;}
.icons > article a > img {max-height:60%; max-width:60%;}
.icons > article p {font-size:18px;}
.subpage > article { padding:50px 5%;}
.dateblock {width:calc(6.666% - 3px); margin-left: 3px; font-size:14px; padding:6px 0px; }
.gallery-item {width:23.5%; margin-bottom:25px; margin-left:2%;}
.gallery-item:nth-child(4n+1) {margin-left:0px;}
p.item-text {font-size:12px; line-height:12.5px;}

#news article, #blog article {padding:50px;}

.some-title {width:25%; padding-left:25px;}
.some-title h3 {font-size: 22px;}
.some-text {width:50%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.some-text p {font-size: 14px;}
.some-text b {font-size: 16px;}
.frontpage-some-links {width:25%;}
.some-link { width:70px; height:70px;}
}

@media all and (max-width: 900px) and (min-width: 769px) {
.some-title {width:30%; padding-left:25px;}
.some-title h3 {font-size: 22px;}
.some-text {width:40%; flex-direction:column; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
.some-text p {font-size: 14px;}
.some-text b {font-size: 16px;}
.frontpage-some-links {width:30%;}
.some-link { width:70px; height:70px;}
}

@media all and (max-width: 768px) and (min-width: 671px) {
p{ font-size:16px; }
h1{font-size:36px; letter-spacing:2px; text-shadow: 0 0 50px rgb(0,0,0);}
h2{font-size:26px; letter-spacing:2px; }
h3, span.subtitle {font-size:20px; }
h4 {font-size:16px; }
h5{ font-size:16px; }
h6{font-size:22px; letter-spacing:5px; text-shadow: 0 0 8px rgb(0,0,0); }
.frontpage-logo img {max-height:160px;}
.photo-copyright h6 {font-size:16px; letter-spacing:2px;}
#nav-toggle {left:1vw; top:1vw;}
header {margin-top: 1vw;}
section {margin:15px 0px;}
.two{  margin-bottom:15px;}
.three { margin-bottom:15px; }
.article-text {padding-bottom:0px;}
.icons > article a > img {max-height:60%; max-width:60%;}
.icons > article p {font-size:16px;}
.full {margin-bottom:15px;}
.subpage > article {padding:25px 5%;}
.subpage > article h1:first-child {margin-bottom:15px;}
.subpage > article h2 {margin-bottom:15px;}
.subpage > article > img {margin-top:15px;}
.dateblock {width:calc(16.666% - 3px); margin-left: 0px; margin-right:2px; margin-bottom:2px; font-size:14px; padding:7px 0px; }
.dateblock:nth-of-type(6n) {margin-right:0px;}

.gallery-item {width:32.3333%; margin-bottom:25px; margin-left:1.5%;}
.gallery-item:nth-child(4n+1) {margin-left:1.5%;}
.gallery-item:nth-child(3n+1) {margin-left:0px;}

.footer-block-content img {max-width:80%; margin-bottom:10px;}
.footer-block-content-big li {width:33.33%; }
#news article, #blog article {padding:50px;}

.some-title {width:35%; padding-left:10px;}
.some-title h3 {font-size: 20px;}
.some-text {width:30%; flex-direction:column; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
.some-text p {font-size: 14px;}
.some-text b {font-size: 16px;}
.frontpage-some-links {width:35%;}
.some-link { width:70px; height:70px;}

}

@media all and (max-width: 670px) and (min-width: 481px) {
p{ font-size:16px; }
h1{font-size:25px; letter-spacing:1px; text-shadow: 0 0 30px rgb(0,0,0);}
h2{font-size:22px; letter-spacing:2px; }
h3, span.subtitle {font-size:20px; }
h4 {font-size:16px; }
h5{ font-size:16px; }
h6{font-size:15px; letter-spacing:2px; text-shadow: 0 0 8px rgb(0,0,0); }
#nav-toggle {left:1vw; top:1vw;}
header {margin-top: 1vw;}
.frontpage-logo img {max-height:80px;}
.photo-copyright h6 {font-size:16px; letter-spacing:2px;}
section {margin:25px 0px; }
.two{width:49%; padding-bottom:29.7%; margin-right:2%; margin-bottom:15px; }
.blocks > .two:nth-of-type(2) {margin-right:0px;}
.three {width:49%; padding-bottom:29.7%; margin-right:2%; margin-bottom:2%; }
.blocks > .three:nth-of-type(3) {width:100%; padding-bottom:56.772%; margin-right:0px;}
.blocks > .three:nth-of-type(2) {margin-right:0px;}
.article-text {padding-bottom:5px;}
.icons > article {width:49%; margin-right:2%; margin-bottom:10px;}
.icons > article:nth-child(4) {margin-right:2%;}
.icons > article:nth-child(2n+2) {margin-right:0px;}
.icons > article a {width:200px; padding-bottom:200px; border-radius: 50%; -webkit-border-radius: 50%; margin:0px auto;}
.icons > article a > img {max-height:80%; max-width:80%;}
.icons > article p {font-size:22px;}
.full {width:100%; padding-bottom:30%; margin-bottom:15px;}
.subpage > article {padding:25px 5%; }
.subpage > article h1:first-child {margin-bottom:15px;}
.subpage > article h2 {margin-bottom:15px;}
.subpage > article > img {margin-top:15px;}
.logos {margin-bottom:15px; }
.logo{ width:32.33%; padding-bottom:32.33%; margin:0px 0px 1.5% 1.5%; }
.logo:nth-of-type(3n+1) {margin-left:0px;}
.dateblock {width:calc(16.666% - 3px); margin-left: 0px; margin-right:2px; margin-bottom:2px; font-size:14px; padding:7px 0px; }
.dateblock:nth-of-type(6n) {margin-right:0px;}
.artist-list p {font-size:16px; }
.player-group {margin:10px 0px 50px 0px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;  -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.player-group-one {width:100%; padding:0px; margin:10px 0px 25px 0px;}
.player-group-two {width:100%; padding:0px; margin:10px 0px 25px 0px;  -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.artist h5 {font-size:22px;}
.artist-shows > article {padding:15px 2.5%;}
.artist-shows > article > .text {width:90%; }
.artist-shows > article > .date {width:10%;}
.gallery-item {width:32.3333%; margin-bottom:25px; margin-left:1.5%;}
.gallery-item:nth-child(4n+1) {margin-left:1.5%;}
.gallery-item:nth-child(3n+1) {margin-left:0px;}
.story-controls li {width:100%; margin-left:0%; margin-bottom:5px;}
footer {margin-top:50px; padding:15px 0px; }
.footer-block {padding:10px 0px;}
.footer-block.small {width:100%;}
.footer-block.big {width:100%; border-top:1px solid rgb(200, 200, 200); border-bottom:1px solid rgb(200, 200, 200);}
.footer-block-content {padding: 0px;}
.footer-block-content img {max-width:80%; margin: 0px 5px 10px 5px;}
.footer-block-content-big { padding:10px;  border-right:0px; border-left:0px; }
.footer-block-content-big li {width:33.33%; }

#news article, #blog article {padding:25px;}

.some-area {background-color:rgba(0, 0, 0, 0); flex-direction:column; align-items:center; justify-content:flex-start;}
.some-title {width:100%; padding:0px; text-align:center;}
.some-title h3 {font-size: 20px;}
.some-text {width:100%; margin:15px 0px; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center;}
.some-text p {font-size: 15px;}
.some-text b {font-size: 17px;}
.frontpage-some-links {width:100%;  align-items:center; justify-content:center;}
.some-link { width:50px; height:50px;}

}

@media all and (max-width: 480px) and (min-width: 1px) {
p{ font-size:14px; }
h1{font-size:20px; letter-spacing:1px; text-shadow: 0 0 30px rgb(0,0,0);}
h2{font-size:22px; letter-spacing:1px; }
h3, span.subtitle {font-size:20px; }
h4 {font-size:16px; }
h5{ font-size:16px; }
h6{font-size:15px; letter-spacing:2px; text-shadow: 0 0 8px rgb(0,0,0); }
#nav-toggle {left:1vw; top:1vw;}
header {margin-top: 1vw;}
.frontpage-logo img {max-height:70px;}
.photo-copyright h6 {font-size:16px; letter-spacing:2px;}
section {margin:15px 0px; }
.two{width:100%; padding-bottom:56.772%; margin-right:0px; margin-bottom:15px; }
.blocks > .two:nth-of-type(2) {margin-right:0px;}
.three {width:100%; padding-bottom:56.772%; margin-right:0px; margin-bottom:15px;}
.blocks > .three:nth-of-type(3) {margin-right:0px;}
.article-text {padding-bottom:5px;}
.icons > article {width:100%;  margin-right:0%; margin-bottom:25px;}
.icons > article:nth-child(4) {margin-right:0px;}
.icons > article a {width:200px; padding-bottom:200px; border-radius: 100px; -webkit-border-radius: 100px; margin:0px auto; }
.icons > article a > img {max-height:80%; max-width:80%;}
.icons > article p {font-size:18px;}
.full {width:100%; padding-bottom:56.772%; margin-bottom:15px;}
.subpage > article {padding:25px 5%; }
.subpage > article h1:first-child {margin-bottom:15px;}
.subpage > article h2 {margin-bottom:15px;}
.subpage > article > img {margin-top:15px;}
.logos {margin-bottom:15px; }
.logo{ width:49%; padding-bottom:49%; margin:0px 0px 2% 2%; }
.logo:nth-of-type(3n+1) {margin-left:2%;}
.logo:nth-of-type(2n+1) {margin-left:0px;}
.dateblock {width:calc(16.666% - 3px); margin-left: 0px; margin-right:2px; margin-bottom:2px; font-size:14px; padding:7px 0px; }
.dateblock:nth-of-type(6n) {margin-right:0px;}
.artist-list p {font-size:16px; }
.player-group {margin:10px 0px 25px 0px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;  -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.player-group-one {width:100%; padding:0px; margin:10px 0px 25px 0px; }
.player-group-two {width:100%; padding:0px; margin:10px 0px 25px 0px;  -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 1px solid rgba(255, 255, 255, 0.5); -moz-column-rule: 1px solid rgba(255, 255, 255, 0.5); column-rule: 1px solid rgba(255, 255, 255, 0.5); }
.artist h5 {font-size:20px;}
.artist-shows > article {padding:15px 2.5%; }
.artist-shows > article > .text {float:left; display:block; width:82%; }
.artist-shows > article > .date {float:left; display:block; width:18%; text-align:center; margin-bottom:15px;}
.artist-shows > article > .date h3 {font-size:18px;}
.gallery-item {width:49%; margin-bottom:25px; margin-left:2%;}
.gallery-item:nth-child(4n+1) {margin-left:2%;}
.gallery-item:nth-child(2n+1) {margin-left:0px;}
.story-controls li {width:100%; margin-left:0%; margin-bottom:5px;}
footer {margin-top:50px; padding:15px 0px; }
.footer-block {padding:10px 0px;}
.footer-block.small {width:100%;}
.footer-block.big {width:100%; border-top:1px solid rgb(200, 200, 200); border-bottom:1px solid rgb(200, 200, 200);}
.footer-block-content {padding: 0px;}
.footer-block-content img {max-width:80%; margin: 0px 5px 10px 5px;}
.footer-block-content-big { padding:10px;  border-right:0px; border-left:0px; }
.footer-block-content-big li {width:50%; }
#news article, #blog article {padding:25px;}

.some-area {background-color:rgba(0, 0, 0, 0); flex-direction:column; align-items:center; justify-content:flex-start;}
.some-title {width:100%; padding:0px; text-align:center;}
.some-title h3 {font-size: 20px;}
.some-text {width:100%; margin:15px 0px; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center;}
.some-text p {font-size: 15px;}
.some-text b {font-size: 17px;}
.frontpage-some-links {width:100%;  align-items:center; justify-content:center;}
.some-link { width:50px; height:50px;}

}
/*Responsive*/