/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  
html{min-height: 100%}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */
   html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font-family: 'Montserrat', sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/


/* =Basic CSS
--------------------------------------------------------------------------------------------------*/
html {
	height: 100%;
	overflow-x: hidden;
}

body {
	position: relative;
	min-height: 100%;
	padding-bottom: 80px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #6d0a24;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #F6F4F1;
}

/*link colors*/
a {color: #03f;}
a:hover {color: #69f;}

.wrapper {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	left: 0px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.wrapper-inner {
	float: right;
	left: 0px;
	width: calc(100% - 360px);
	margin-top: 50px;
	padding-right: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	max-width: 1200px;
	padding-left: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.error-left {
	float: left;
	margin-right: 80px;
}

.error-right {
	float: left;
	padding-left: 30px;
	border-left: 1px solid #6d0a24;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.error-section h2 {
	font-weight: 200;
	font-size: 40px;
	line-height: 36px;
}

.error-section h3 {
	margin-bottom: 40px;
	font-weight: 900;
}

.error-section p {
	margin-bottom: 10px;
}

.error-section ul li {
	margin: 10px 0px;
}

.error-section ul {
	margin-bottom: 40px;
}

/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* =Header
--------------------------------------------------------------------------------------------------*/
#header {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 360px;
	overflow: auto;
}

.page-logo {
	display: block;
	width: 132px;
	height: auto;
	margin: 40px auto;
	font-size: 0px;
}

.second-head-logo {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 125px;
	height: auto;
}

.main-nav {
	text-align: center;
	margin-top: 35px;
}

.main-nav li {
	display: block;
}

.main-nav li.mobile-program, .main-nav li.mobile-map {
	display: none;
}

.main-nav li.mobile-map {
	margin-top: 10px;
}

.main-nav li.mobile-program a {
    color: #F6F4F1;
    border: 1px solid #F6F4F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-nav li.mobile-map {
	margin-bottom: 5px;
}

.main-nav li.mobile-map a {
    color: #F6F4F1;
    border: 1px solid #F6F4F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-nav li.mobile-map a:hover {
	background: #F6F4F1;
	color: #6d0a24;
}

.main-nav li.mobile-program a:hover {
	background: #F6F4F1;
	color: #6d0a24;
}

.main-nav a {
	display: inline-block;
	font-weight: 800;
	width: 130px;
	padding: 15px 0px;
	color: #fff;
	text-decoration: none;
}

.main-nav a:hover, .main-nav .current-menu-item a {
	background: url('../img/bgi/active-shape-responsive.svg') no-repeat;
	background-size: contain;
	color: #6d0a24;
}

.main-info {
	float: left;
}

.static-main-info {
	position: relative;
	margin-bottom: 50px;
}

.top-social {
	float: right;
	margin: 10px 0px;
}

.top-social li {
	float: left;
	margin-left: 20px;
}

.top-social li a,
.top-social li a img {
	display: block;
}

.top-social li a:hover {
	opacity: .7;
}

.main-info .city,
.main-info p strong {
	font-weight: 500;
}

.right-side-menu {
	position: fixed;
	right: 0px;
	width: 90px;
	z-index: 9992;
}

.right-side-menu li {
	float: right;
	width: 80px;
	height: 75px;
	margin-bottom: 1px;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.right-side-menu li:last-child {
	margin-bottom: 0px;
}

.right-side-menu li:hover {
	width: 90px;
}

.right-side-menu li span {
	display: block;
	line-height: 75px;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	background: #e95e32;
	cursor: pointer;
}

.right-side-menu li a {
	display: block;
	line-height: 75px;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	background: #6d0a24;
	text-decoration: none;
}

#nav-icon1 {
	display: none;
	width: 36px;
	height: 28px;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 99999;
}

#nav-icon1 span{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #6d0a24;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
	top: 0px;
}

#nav-icon1 span:nth-child(2) {
	top: 12px;
}

#nav-icon1 span:nth-child(3) {
	top: 25px;
}

#nav-icon1.open span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

#nav-icon1.open span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.web-development {
    display: block;
    margin: 30px auto 0;
    width: 70px;
    background: url(../img/bgi/xtender-logo.svg) no-repeat;
    height: 20px;
    background-size: contain;
}

/* End Header
--------------------------------------------------------------------------------------------------*/

/* Start Footer
--------------------------------------------------------------------------------------------------*/
#footer {
	position: absolute;
	right: 0;
	bottom: 55px;
	left: 360px;
}

#footer p {
	font-weight: 500;
	font-size: 12px;
}

.page-template-page-news #footer {
	display: none;
}
/* End Footer
--------------------------------------------------------------------------------------------------*/

/* Start homepage
--------------------------------------------------------------------------------------------------*/
.home-main-section {
	margin-bottom: 50px;
}

.event-container {
	position: relative;
}

.event-list-slider .slick-dots {
	position: absolute;
	bottom: 32.5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.event-list-slider .slick-dots li {
	display: inline-block;
	margin: 0px 12px;
}

.event-list-slider figure {
	display: none;
}

.event-list-slider .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid #fff;
	font-size: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.event-list-slider .slick-dots li.slick-active button {
	background: #fff;
}

.placeholder-loader {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0%;
	z-index: 9991;
	transition: all .5s ease-in-out;
	background: url('../img/bgi/slider-load-v1_1.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.day-last-nr {
	position: relative;
	height: 50px;
}

.day-last-nr span {
	display: block;
	margin-left: 10px;
	height: 50px;
	text-align: right;
}

.show-day-inner {
	overflow: hidden;
	height: 50px;
	float: right;
	position: relative;
}

.placeholder-loader.loading {
	right: 0;
	width: 100%;
}

.show-day-load {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: 800;
	font-size: 40px;
	line-height: 50px;
}

.day-dot {
	float: right;
}

.day-list {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9990;
}

.day-list ul li {
	float: left;
	width: 80px;
	height: 75px;
	border-right: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.day-list ul li a {
	display: block;
	font-weight: 900;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 75px;
	text-decoration: none;
	background: #e95e32;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.day-list ul li.active-day a {
	background: #6d0a24;
}

.day-list ul li.event-not-started:first-child a {
	background: #6d0a24;
}

.day-list ul li.day-inactive a {
	background: #D7D2CB;
    color: rgba(255,255,255, .5);
}

.day-list ul li.day-inactive a:hover {
	background: #D7D2CB;
    color: rgba(255,255,255, .5);
}

.day-list ul li a:hover {
	background: #6d0a24;
}

.event-inner {
	padding: 75px 75px 75px 0px;
}

.datetime-place-info {
	position: absolute;
	left: 320px;
	top: 0px;
	padding: 18px 20px 17px;
}

.date-info {
	float: left;
	margin-right: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	line-height: 20px;
}

.date-info span {
	display: block;
}

.time-info {
	float: left;
	font-weight: 200;
	text-transform: uppercase;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -0.5px;
}

.time-info span {
	display: block;
}

.title-inner {
	position: relative;
	width: 100%;
	height: 490px;
	border: 1px solid #fff;
	border-left: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.event-title {
	position: absolute;
	bottom: 30px;
	left: 75px;
	font-weight: 900;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
}

.artist-info {
	position: absolute;
	bottom: 0px;
	left: 75px;
	right: 75px;
	height: 75px;
	line-height: 75px;
}

.genre-info {
	float: left;
	font-weight: 500;
	color: #fff;
}

.artist-info a {
	float: right;
	font-weight: 800;
	color: #E95E32;
	text-transform: uppercase;
	text-decoration: none;
}

.artist-info a:before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.artist-info a:hover:before{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}
/* End homepage
--------------------------------------------------------------------------------------------------*/

/* Start news page
--------------------------------------------------------------------------------------------------*/
.news-article {
	position: relative;
	margin-bottom: 1px;
}

.news-article p {
	font-weight: 300;
	line-height: 24px;
	text-align: left;
}

.article-thumb {
	position: relative;
	max-width: 640px;
}

.news-article.right-article .article-thumb {
	float: right;
}

.news-article.left-article .article-thumb {
	float: left;
}

.article-excerpt {
	position: absolute;
	bottom: 100px;
	max-width: calc(100% - 640px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news-article.right-article .article-excerpt {
	padding-right: 50px;
}

.news-article.left-article .article-excerpt {
	padding-left: 50px;
	right: 0px;
}

.news-article.right-article .article-excerpt {
	float: left;
}

.news-article.left-article .article-excerpt {
	float: right;
}

.article-thumb img {
	display: block;
}

.article-title {
	position: absolute;
	top: 50px;
	bottom: 50px;
	border: 1px solid #fff;
}

.news-article.right-article .article-title {
	right: 50px;
	left: 0px;
	border-left: 0px;
}

.news-article.left-article .article-title {
	left: 50px;
	right: 0px;
	border-right: 0px;
}

.article-title h2 {
	position: absolute;
	bottom: 45px;
	background: rgba(109, 10, 36, .7);
	padding: 10px;
}

.article-title h2 a {
	font-weight: 900;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
}

.news-article.right-article .article-title h2 {
	left: 100px;
	text-align: left;
}

.news-article.left-article .article-title h2 {
	right: 100px;
	text-align: right;
}

.article-title > a {
	position: absolute;
	bottom: 50px;
	width: 50px;
	height: 50px;
	background: #e95e32 url('../img/bgi/arrow-white-standalone.svg') no-repeat center center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.article-title > a:hover {
	background: #6d0a24 url('../img/bgi/arrow-white-standalone.svg') no-repeat center center;
}

.news-article.left-article .article-title > a{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

.news-article.right-article .article-title > a {
	left: 0px;
}

.news-article.left-article .article-title > a {
	right: 0px;
}

.article-date {
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	font-weight: 900;
	font-size: 12px;
	color: #fff;
}

.news-article.right-article .article-date {
	right: 50px;
}

.news-article.left-article .article-date {
	left: 50px;
}

.ajax-load-more-wrap.infinite.fading-blocks button.alm-load-more-btn {
	background-image: none !important;
}

/*Typing Loader*/
.alm-btn-wrap {
	padding: 50px 0px 0px !important;
}

.ajax-load-more-wrap.infinite.fading-blocks button.alm-load-more-btn {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    -webkit-animation: typing .8s linear infinite alternate;
       -moz-animation: Typing .8s linear infinite alternate;
            animation: typing .8s linear infinite alternate;
    margin: 0px auto !important; /* Not necessary- its only for layouting*/  
    position: relative !important;
    left: 0px !important;
    padding: 0px !important;
    background: transparent !important;
}

@-webkit-keyframes typing{
    0%{
        background-color: rgba(109, 10, 36, 1);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
    25%{ 
        background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
    }
    75%{ background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
}

@-moz-keyframes typing{
   0%{
        background-color: rgba(109, 10, 36, 1);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
    25%{ 
        background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(109, 10, 36,2), 
                    24px 0px 0px 0px rgba(109, 10, 36,0.2);
    }
    75%{ background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
}

@keyframes typing{
   0%{
        background-color: rgba(109, 10, 36, 1);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
    25%{ 
        background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
    }
    75%{ background-color: rgba(109, 10, 36, 0.4);
        box-shadow: 20px 0px 0px 0px rgba(109, 10, 36,0.2), 
                    40px 0px 0px 0px rgba(109, 10, 36,0.2);
      }
}
/* End news page
--------------------------------------------------------------------------------------------------*/

/* Start news inner
--------------------------------------------------------------------------------------------------*/
.news-inner-section {
	margin-bottom: 100px;
}

.news-inner-section h1, .gallery-inner-section h1 {
	position: relative;
	margin-bottom: 70px;
	padding-bottom: 15px;
	padding-right: 130px;
	font-weight: 200;
	font-size: 40px;
	border-bottom: 1px solid #6d0a24;
}

.news-inner-section h1 span, .gallery-inner-section h1 span {
	position: absolute;
	font-weight: 500;
	right: 0px;
	font-size: 15px;
	bottom: 15px;
}

.news-thumb {
	float: left;
	max-width: 640px;
	margin: 0px 50px 40px 0px;
}

.news-thumb img {
	display: block;
}

.news-inner > p {
	text-align: justify;
	font-weight: 300;
	line-height: 24px;
}

.news-inner p a, .gmail_default a {
	text-decoration: none;
	color: #e95e32;
}

.news-inner > p a:hover{
	text-decoration: underline;
}

.bottom-btns {
	margin-top: 1px;
}

.back-link {
	position: relative;
	float: left;
	width: 235px;
	height: 75px;
	margin-right: 1px;
	background: #e95e32;
	font-weight: 800;
	color: #fff;
	line-height: 75px;
	text-decoration: none;
	text-align: center;
	transition: all .2s ease-in-out;
	text-transform: uppercase;
	overflow: hidden;
}

.back-link:before {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	right: -100%;
	line-height: 2.5;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #6d0a24 url('../img/bgi/arrow-white-standalone.svg') no-repeat center center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.back-link:hover {
	color: #fff;
}

.back-link:hover:before {
	right: 0px;
}

.social-news-inner {
	float: left;
}

.social-news-inner li {
	float: left;
	margin-right: 1px;
}

.social-news-inner li:last-child {
	margin-right: 0px;
}

.social-news-inner li a {
	display: block;
	width: 80px;
	height: 75px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.social-news-inner li a.fb-share {
	background: #e95e32 url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.pinterest-share {
	background: #e95e32 url('../img/bgi/pinterest-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.twitter-share {
	background: #e95e32 url('../img/bgi/twitter-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.google-share {
	background: #e95e32 url('../img/bgi/google-plus-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.in-share {
	background: #e95e32 url('../img/bgi/linked-in-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.fb-share:hover {
	background: #6d0a24 url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.pinterest-share:hover {
	background: #6d0a24 url('../img/bgi/pinterest-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.twitter-share:hover {
	background: #6d0a24 url('../img/bgi/twitter-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.google-share:hover {
	background: #6d0a24 url('../img/bgi/google-plus-white-standalone.svg') no-repeat center center;
}

.social-news-inner li a.in-share:hover {
	background: #6d0a24 url('../img/bgi/linked-in-white-standalone.svg') no-repeat center center;
}

.writer-name {
	display: block;
	margin-top: 50px;
	text-align: right;
	font-style: italic;
}
/* End news inner
--------------------------------------------------------------------------------------------------*/

/* Start invites list
--------------------------------------------------------------------------------------------------*/
.invites-section {
	margin-bottom: 100px;
}

.invites-list > li {
	float: left;
	width: calc(100% / 3 - (4px / 3));;
	height: 500px;
	margin: 0px 2px 2px 0px;
	background-size: cover !important;
}

.invites-list > li:nth-child(3n) {
	margin: 0px 0px 2px 0px;
}

.invites-list li a {
	position: relative;
	display: block;
	height: 100%;
	text-decoration: none;
}

.invites-day {
	position: relative;
	display: block;
	width: 80px;
	height: 75px;
	margin: 0 auto 25px;
	font-weight: 900;
	font-size: 30px;
	color: #fff;
	line-height: 75px;
	background: #e95e32;
	text-align: center;
	-webkit-box-shadow: inset 0px 0px 0px 1px #e95e32;
	-moz-box-shadow: inset 0px 0px 0px 1px #e95e32;
	box-shadow: inset 0px 0px 0px 1px #e95e32;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.invites-time {
	text-align: center;
	color: #fff;
	font-weight: 500;
	position: relative;
}

.invites-time span {
	font-weight: 300;
	margin: 0px 10px;
}

.invites-time strong {
	font-weight: 800;
}

.invites-list li a h2 {
	position: relative;
	padding: 0px 20px;
	font-weight: 800;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.invite-info {
	margin-left: 33%;
	margin-top: 80px;
}

.invite-info li {
	position: relative;
	padding-left: 35px;
	margin: 20px 0px;
	font-weight: 500;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.invite-info li:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
}

.invite-info li:first-child:after {
	background: url('../img/bgi/helyszin-white.svg') no-repeat;
}

.invite-info li:nth-child(2):after {
	background: url('../img/bgi/belepo-white.svg') no-repeat;
}

.invite-info li:last-child:after {
	background: url('../img/bgi/mufaj-white.svg') no-repeat;
}

.invite-arrow {
	display: block;
	position: relative;
	width: 13px;
	height: 13px;
	margin: 50px auto;
	background: url('../img/bgi/arrow-white-standalone.svg') no-repeat center center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

.invite-overlay {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(109, 10, 36, .9);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.invites-list li a:hover .invite-overlay {
	opacity: 1;
	visibility: visible;
}

.invites-list li a:hover .invites-day {
	background: transparent;
	-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
	-moz-box-shadow: inset 0px 0px 0px 1px #fff;
	box-shadow: inset 0px 0px 0px 1px #fff;
}

.invites-list li a:hover .invite-info li {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.invites-list li a:hover .invite-info li:first-child {
	transition-property: all;
	transition-duration: .4s;
	transition-delay: 0s;
	transition-timing-funtion:linear;
}

.invites-list li a:hover .invite-info li:nth-child(2) {
	transition-property: all;
	transition-duration: .4s;
	transition-delay: .4s;
	transition-timing-funtion:linear;
}

.invites-list li a:hover .invite-info li:last-child {
	transition-property: all;
	transition-duration: .4s;
	transition-delay: .8s;
	transition-timing-funtion:linear;
}

.invites-list li a:hover .invite-arrow {
	opacity: 1;
	visibility: visible;
	transition-delay: 1.2s;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	transition-duration: .4s;
	transition-delay: 1.2s;
	transition-timing-funtion:linear;
}

.invites-inner-section {
	margin-bottom: 100px;
}

.invites-inner-section h1 {
	position: relative;
	margin-bottom: 70px;
	padding-bottom: 15px;
	padding-right: 130px;
	font-weight: 200;
	font-size: 40px;
	border-bottom: 1px solid #6d0a24;
}

.invites-inner-section h1 span {
	position: absolute;
	font-weight: 500;
	right: 0px;
	font-size: 15px;
	bottom: 15px;
}

.invites-thumb {
	float: left;
	max-width: 640px;
	margin: 0px 50px 40px 0px;
}

.invites-thumb iframe {
	display: block;
}

.invites-thumb .datetime-place-info {
	position: relative;
	left: auto;
	top: auto;
	float: left;
}

.invites-thumb .invites-day {
	float: left;
	border-right: 1px solid #F6F4F1;
	margin: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.invites-inner-info {
	background: #6d0a24;
	margin-bottom: 1px;
}

.entrance-info {
	position: relative;
	float: right;
	font-weight: 500;
	font-size: 12px;
	line-height: 75px;
	color: #fff;
	padding: 0px 35px;
}

.entrance-info:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 75px;
	background: url('../img/bgi/belepo-white.svg') no-repeat center center;
}

.invites-web {
	float: left;
}

.invites-web li {
	float: left;
	margin-right: 1px;
}

.invites-web li .web-link, .invites-web li .fb-link {
	display: block;
	width: 80px;
	height: 75px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.invites-web li .fb-link {
	background: #e95e32 url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.invites-web li .web-link {
	background: #e95e32 url('../img/bgi/webpage-white-standalone.svg') no-repeat center center;
}

.invites-web li .fb-link.inactive {
	background: #D7D2CB url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.invites-web li .web-link.inactive {
	background: #D7D2CB url('../img/bgi/webpage-white-standalone.svg') no-repeat center center;
}

.invites-web li .fb-link.inactive:hover {
	background: #D7D2CB url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.invites-web li .web-link.inactive:hover {
	background: #D7D2CB url('../img/bgi/webpage-white-standalone.svg') no-repeat center center;
}

.invites-web li .fb-link:hover {
	background: #6d0a24 url('../img/bgi/facebook-white-standalone.svg') no-repeat center center;
}

.invites-web li .web-link:hover {
	background: #6d0a24 url('../img/bgi/webpage-white-standalone.svg') no-repeat center center;
}

.gallery-link {
	position: relative;
	float: left;
	width: 242px;
	height: 75px;
	background: #e95e32;
	font-weight: 800;
	color: #fff;
	line-height: 75px;
	text-decoration: none;
	text-align: center;
	transition: all .2s ease-in-out;
	text-transform: uppercase;
	overflow: hidden;
}

.gallery-link:hover {
	background: #6d0a24;
	color: #fff;
}

.gallery-link.inactive {
	background: #d7d2cb !important;
	color: rgba(255,255,255, .5);
}

.invites-inner > p {
	text-align: justify;
	font-weight: 300;
	line-height: 24px;
}
/* End invites list
--------------------------------------------------------------------------------------------------*/

/* Start gallery list
--------------------------------------------------------------------------------------------------*/
.gallery-section, .gallery-inner-section {
	margin-bottom: 100px;
}

.gallery-list li {
	float: left;
	width: calc(100% / 3 - (4px / 3));
	height: 372px;
	margin-right: 2px;
	margin-bottom: 2px;
	background-size: cover !important;
}

.gallery-list li:nth-child(3n) {
	margin-right: 0px;
}

.gallery-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.hover-overlay-gallery {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background: rgba(109, 10, 36, .9);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.gallery-list li a:hover .hover-overlay-gallery {
	opacity: 1;
	visibility: visible;
}

.gallery-date {
	display: block;
	position: relative;
	margin: 50px 0px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1;
}

.gallery-list li a:hover .gallery-date {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.hover-icon {
	display: block;
	position: relative;
	width: 75px;
	height: 75px;
	margin: 75px auto;
	background: url('../img/bgi/show-more.svg') no-repeat;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(0.8); /* Safari */
	transform: scale(0.8);
}

.gallery-list li a:hover .hover-icon {
	opacity: 1;
	visibility: visible;
	webkit-transform: scale(1); /* Safari */
	transform: scale(1);
}

.gallery-list li a h2 {
	position: relative;
	padding: 0px 10px;
	font-weight: 800;
	font-size: 18px;
	color: #fff;
	text-align: center;
	z-index: 1;
	text-transform: uppercase;
}

.gallery-inner-list li {
	float: left;
	width: calc(100% / 3 - (4px / 3));
	height: auto;
	margin-right: 2px;
	margin-bottom: 2px;
}

.gallery-inner-list li:nth-child(3n) {
	margin-right: 0px;
}

.gallery-inner-list li img {
	display: block;
}

.gallery-inner-list li a {
	display: block;
	position: relative;
}

.gallery-hover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(246, 244, 241, .9);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.gallery-inner-list li a:hover .gallery-hover {
	opacity: 1;
	visibility: visible;
}

.gallery-hover-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -37.5px 0px 0px -37.5px;
	width: 75px;
	height: 75px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: url('../img/bgi/zoom-standalone.svg') no-repeat center center;
	border: 1px solid #6d0a24;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-inner-list li a:hover .gallery-hover-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}

ul.page-numbers {
	margin: 100px 0px 0px;
}

.gallery-section .page-numbers {
	text-align: center;
}

.gallery-section .page-numbers li {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	margin: 0px 5px;
}

.page-numbers {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-align: center;
	color: #6d0a24;
	text-decoration: none;
}

a.page-numbers {
	border: 1px solid #6d0a24;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-numbers.current {
	background: #6d0a24;
	color: #fff;
}

a.next {
	width: 30px;
	height: 30px;
	background: url('../img/bgi/arrow-icon-right-red.svg') no-repeat center center;
}

a.prev {
	width: 30px;
	height: 30px;
	background: url('../img/bgi/arrow-icon-left-red.svg') no-repeat center center;
}

a.next.page-numbers:hover {
	background: #E95E32 url('../img/bgi/arrow-icon-right-white.svg') no-repeat center center;
}

a.prev.page-numbers:hover {
	background: #E95E32 url('../img/bgi/arrow-icon-left-white.svg') no-repeat center center;
}

a.page-numbers:hover {
	color: #fff;
	background: #E95E32;
	border: 1px solid #E95E32;
}

#fancybox-outer {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

body #fancybox-left, body #fancybox-right {
	display: block;
}

body #fancybox-right-ico {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: rgba(215, 210, 203, .4) url('../img/bgi/arrow-icon-right-white.svg') no-repeat center center;
}

body #fancybox-right-ico {
	left: auto !important;
	right: 21px !important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body #fancybox-right:hover span {
	background: rgba(215, 210, 203, .85) url('../img/bgi/arrow-icon-right-white.svg') no-repeat center center;
}

body #fancybox-left-ico {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: rgba(215, 210, 203, .4) url('../img/bgi/arrow-icon-left-white.svg') no-repeat center center;
}

body #fancybox-left-ico {
	right: auto !important;
	left: 21px !important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body #fancybox-left:hover span {
	background: rgba(215, 210, 203, .85) url('../img/bgi/arrow-icon-left-white.svg') no-repeat center center;
}

body #fancybox-close {
	width: 50px;
	height: 50px;
	top: 21px;
	right: 21px;
	background: rgba(215, 210, 203, .4) url('../img/bgi/close-icon-white.svg') no-repeat center center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body #fancybox-close:hover {
	background: rgba(215, 210, 203, .85) url('../img/bgi/close-icon-white.svg') no-repeat center center;
}
/* End gallery list
--------------------------------------------------------------------------------------------------*/

/* Start contact
--------------------------------------------------------------------------------------------------*/
.contact-section {
	margin: 100px 0px;
}

.contact-section h2 {
	margin-bottom: 25px;
	font-weight: 900;
	font-size: 30px;
}

.contact-section p {
	margin: 5px 0px;
	font-weight: 500;
}

.contact-section p strong {
	float: left;
	width: 75px;
}
/* End contact
--------------------------------------------------------------------------------------------------*/

/* Start programs
--------------------------------------------------------------------------------------------------*/
.program-page-section .program-content {
    right: 0px;
    position: relative;
    padding-top: 25px;
    overflow-y: auto;
    z-index: 0;
    width: 100%;
}

.program-content {
	position: fixed;
	top: 0px;
	padding-top: 140px;
	right: -100%;
	bottom: 0;
	width: calc(100% - 360px);
	z-index: 9991;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: #F6F4F1;
	overflow-y: scroll;
}

.program-content.program-opened {
	right: 0px;
}

.programs-days li {
	float: left;
	width: 80px;
	height: 75px;
	border-right: 1px solid #F6F4F1 ;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.programs-days li:last-child {
	margin-right: 0px;
}

.programs-days li a {
	display: block;
	font-weight: 900;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 75px;
	text-decoration: none;
	background: #e95e32;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.programs-days li.day-inactive a,
.programs-days li.day-inactive a:hover,
.programs-days li.day-inactive.active-day a,
.programs-days li:first-child a {
    background: #D7D2CB !important;
    color: rgba(255,255,255, .5);
}

.programs-days li.active-day a {
	background: #6d0a24;
}

.programs-days li a:hover {
	background: #6d0a24;
}

.programs-title-inner {
	position: relative;
	margin-top: 25px;
	margin-bottom: 70px;
	border-bottom: 1px solid #6d0a24;
}

.programs-title-inner h2 {
	float: left;
	position: relative;
	font-weight: 200;
	line-height: 74px;
	font-size: 40px;
}

.close-programs {
	font-weight: 500;
	position: absolute;
	right: 0px;
	bottom: 18px;
	text-transform: uppercase;
	cursor: pointer;
}

.programs-filter-list {
	float: left;
	width: 150px;
	margin-right: 15px;
}

.programs-filter-list li {
	margin: 0px 0px 20px;
	font-weight: 300;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
}

.programs-filter-list li.active-filter {
	font-weight: 800;
}

.programs-inner-content {
	/*float: left;
	width: calc(100% - 165px);*/
	width: 100%;
}

.program-list {
	display: none;
}

.program-list.active-list {
	display: block;
}

.program-list > li {
	margin-bottom: 40px;
}

.program-time {
	float: left;
	width: 165px;
	text-align: right;
	font-size: 50px;
	font-weight: 100;
	line-height: 40px;
	letter-spacing: -2px;
}

.program-name {
	float: left;
	width: calc(100% - 405px);
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
}

.program-name h3 {
	margin-bottom: 15px;
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
}

.program-name p {
	font-weight: 300;
	line-height: 22px;
}

.program-info {
	float: right;
	width: 240px;
}

.program-info ul li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 35px;
	font-weight: 500;
	font-size: 12px;
}

.program-info ul li:last-child {
	margin-bottom: 0px;
}

.program-info ul li:after {
	content: '';
	position: absolute;
	left: 0px;
	top: -3px;
	width: 20px;
	height: 20px;
}

.program-info ul li.program-place {
	color: #6d0a24;
}

.program-info ul li.program-entrance {
	color: #e95e32;
}

.program-info ul li.program-cat {
	color: #f7a300;
}

.program-info ul li.program-place:after {
	background: url('../img/bgi/helyszin-red.svg') no-repeat;
}

.program-info ul li.program-entrance:after {
	background: url('../img/bgi/belepo-orange.svg') no-repeat;
}

.program-info ul li.program-cat:after {
	background: url('../img/bgi/mufaj-yellow.svg') no-repeat;
}

.always-programs p {
    margin: 20px 0px;
    font-weight: 300;
    font-size: 16px;
}

.always-programs p strong em {
    font-size: 12px;
}

.always-program-title {
    display: block;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 18px;
}

.programs-list {
    margin-bottom: 50px;
}
/* End programs
--------------------------------------------------------------------------------------------------*/

/* Start terkep
--------------------------------------------------------------------------------------------------*/
.map-content {
    position: fixed;
    top: 0px;
    padding-top: 0px;
    right: -100%;
    bottom: 0;
    width: calc(100% - 360px);
    z-index: 9991;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #F6F4F1;
    overflow-y: scroll;
}

.map-content.map-opened {
	right: 0px;
}

.map-inner-img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: calc(100% - 150px);
	height: 100%;
    height: 90%;
    top: 5%;
    background-size: contain !important;
}

.map-inner-info {
	position: relative;
	max-width: 515px;
	padding-top: 140px;
	margin-left: 80px;
	z-index: 2;
}

.map-inner-title {
    position: relative;
    margin-bottom: 50px;
    border-bottom: 1px solid #6d0a24;
}

.map-inner-title .map-title {
    float: left;
    position: relative;
    font-weight: 200;
    line-height: 40px;
    font-size: 40px;
}

.map-inner-list ul li {
	float: left;
	padding-left: 45px;
	position: relative;
	width: 165px;
	height: 30px;
	margin: 0px 0px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.map-inner-list ul li:nth-child(odd) {
	width: 350px;
}

.map-inner-list ul li span.color {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
}

.map-inner-list ul li span.text {
	display: table;
	height: 100%;
}

.map-inner-list ul li span p {
	display: table-cell;
	vertical-align: middle;
	font-weight: 300;
	font-size: 12px;
}

.map-inner-img-mobile {
	display: none;
}
/* End terkep
--------------------------------------------------------------------------------------------------*/

/* Start partners
--------------------------------------------------------------------------------------------------*/
.partners-list h2 {
    margin: 20px 0px;
    font-weight: 800;
    font-size: 15px;
    color: #b7b2af;
    text-transform: uppercase;
}

.partners-row {
    margin-bottom: 50px;
}

.partners-row > div {
    float: left;
}

.row-1-item-1 {
    margin-right: 80px;
}

.row-1-item-2 ul li:first-child {
    margin-right: 80px;
}

.partners-row ul li {
    display: inline-block;
}

.row-2-item-1 {
    width: 100%;
    margin-bottom: 50px;
}

.row-2-item-2 {
    margin-right: 68px;
}

.row-2-item-3 {
    max-width: 560px;
}

.row-2-item-3 h2 {
    margin-bottom: 45px;
}

.row-3-item-1 ul li:first-child {
    margin-right: 80px;
}

.more-help {
    max-width: 800px;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
}
/* End partners
--------------------------------------------------------------------------------------------------*/
