@import url(plugins/jquery.sidr.dark.css);

body {overflow-x:hidden;}
.portfolio-modal .close-modal {z-index:999999;top:5px;right:15px;}
.container {width:100% !important;max-width:1140px !important;}
#sidr-right-btn {position:absolute;top:22px;right:15px;display:none;}
.sidr ul li {font-size:14px;line-height:35px;}
span.logo {display:none !important;}
.navbar-nav li {padding:18px 8px !important;}
.navbar-nav li a {font-size:13px !important;}
.navbar-nav li a:hover {color:#a9bd5e !important;}
.navbar-nav .right li:last-child {padding-right: 3px !important;}
.logo-top {padding:18px 0 !important;}
#headimage {position:relative;}
.headbox {width:41.66666666666667%;float:left;display:inline;}
.imgbox {float:left;display:inline;position:absolute;bottom:0;right:0px;width:58.333333333333336%;}
#wrapper-festival .visual-festival {min-height:1px !important;max-height:475px;overflow:hidden;}
#wrapper-progetto .more-box p a {margin-top:20px;display:block;}
#wrapper-index .headbox h2 {margin-top:40px;}
#carousel-homepage .workshop-container .col-lg-5 {float:none;}
#carousel-homepage .workshop-container .col-lg-7 {display:none;}
#carousel-homepage .workshop-container .red-link li,
#carousel-homepage .workshop-container p {max-width:400px;}
#carousel-homepage .red-link {z-index:999999;}
#carousel-homepage .workshop-container .photo-credits {position:absolute;z-index:100;top:10px;right:13px;font-size:10px;color:#aaa;font-style:italic;}
section#festival {padding-top:0 !important;} 
.scrollToBox {display:block;width:100%;height:10px;position:relative;line-height:0;}
.scrollToBox a {cursor:pointer;position:absolute;left:50%;margin-left:-30px;top:-30px;font-size:50px;line-height:0;color:#fff;padding:3px 10px 0px 10px;border-radius:30px;background:#a9bd5e;border:1px solid transparent;}
.scrollToBox a:hover {background:#fff;color:#a9bd5e;border:1px solid #a9bd5e;}
#carousel-homepage .carousel-indicators {position:absolute;top:15px;width:100%;text-align:center;margin:0;left:0; bottom: auto !important;}
#carousel-homepage .carousel-indicators li,
#carousel-homepage .carousel-indicators li.active {width:15px;height:15px;border:2px solid #a9bd5e;margin:1px;}
#carousel-homepage .carousel-indicators li.active {background:#a9bd5e;}
#carousel-homepage .workshop-container .photo-credits,
#wrapper-gallery .photo-credits {position: absolute;z-index: 100;top: 6px;right: 7px;font-size: 12px;color: #eee;font-style: italic;background-color: rgba(0,0,0,0.7);display: block;padding: 4px 8px;border-radius: 2px;}
#wrapper-index ul.red-link {list-style: none;padding: 0px;width:100% !important;margin: 0 auto;z-index:9999;}
body { font-family: 'Open Sans', sans-serif;   background-color: #f6f6f6 !important; font-size:14px;}
section {   padding: 50px 0 !important; }
section#residenze {margin-bottom:120px;}
.white-bg { background-color:#fff !important;} 
.bg-primary {color: #f4f5f7!important;background: #000000!important;}  
p {  font-size: 14px; margin-bottom: 20px;   line-height: 150%;}
.small-txt {   font-size: 10px;   font-style: italic;  }
a { color: #a9bd5e; }
a:hover { color: #666; }
.margin-top-46 { margin-top: 0px; }
.margin-top-20 { margin-top: 20px; }
.padding-top-30 { padding-top: 30px;}
.padding-top-20 { padding-top: 20px;}
hr.short {  width: 50%;   border-top: 1px solid #ccc;}
.red { color:#a9bd5e ;}
.subtitle { color: #878787; font-style:italic;}
#headimage {height: auto;background-color: #000;color: #fff;min-height: 475px;}
.logo-top { padding: 18px 18px 18px 0px; }
.container>.navbar-collapse { padding: 0px; } 
.navbar { margin-bottom: 0; border-bottom: 0; padding: 0; border:0px; }
.navbar-nav { width:100%; margin:0px}
.navbar-nav ul {list-style: none;margin: 0px;padding: 0px;}
.navbar-nav li { float: left; padding: 18px 13px}
.navbar-nav li a { color: #fff; }
.navbar-nav li a:hover, .navbar-nav li a:active {   background-color: rgba(169, 189, 94, 0) !;   color:#58575F; }
.navbar-nav li.active {   background-color: rgba(0, 0, 0, 0.3);}
.navbar-nav .left li:first-child { padding-left:0px;}
.navbar-nav .right li:last-child { padding-right:0px;}
.navbar-nav .right { text-align:right; float:right;}
.navbar-dark { background-color: #1e1d25; margin-bottom: 0; border-bottom: 0; padding: 0;}
.navbar-gray { background-color: #36353d; }
.headbox {   display: block;  position: relative;  background-color: rgba(0, 0, 0, 0);  min-height: 475px;  padding-top: 20px;  padding-bottom: 20px;}
.headbox h2 { color: #a9bd5e; font-size: 25px; margin-top: 10px;} 
.headbox p { color: #fff; }
ul.red-link { list-style: none; margin: 0px; padding: 0px;position:absolute;bottom:0px;left:40px;right:40px;}	
.red-link li {  margin-bottom: 15px; }
.red-link li a {
	background-color: #a9bd5e;color: #fff;
	text-align: center;
	width:100%;
	display:block;
	padding: 8px 0px;  
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.red-link li a:hover {   background-color: #36353D }
.title { width: 100%; display: block;  z-index: 1;}	
.title h2 {   margin: 0px;	font-size: 30px;color: #a9bd5e;border-bottom: 4px solid #a9bd5e;line-height: 150%;display: inline-block;font-family: 'Expletus Sans', cursive; text-transform: uppercase;
}	
.border-box { display: block; width:100%; border-top: 1px solid #ccc;margin: -2px; z-index: 0;margin-bottom:30px;}
.text-box { padding: 0px 15px 20px 15px;}
.dark-border .imghover-red { border-radius: 50%;}
.dark-border img {   border-radius: 50%;   width: 100%;   border: 15px solid #000; }
.footer-1 .lower {padding: 15px 0;background-color: #1E1D25;}
.overlay {display: block;width: 100%;height: 475px;background-color: #000;background-image: url(../img/diagonal-noise.png);opacity: .3;position: absolute;top: 155px;left: 0;right: 0;bottom: 0;}
.event-box {display: block;background-color: #fff;border-top:25px solid #a9bd5e;/*border-bottom:25px solid #fff;*/margin: 0px;}
#progetto .red-link {   position: relative !important;  width: 100%; left:inherit !important;right:inherit !important; text-align:left !important;}
#progetto .red-link li a {text-align:left !important;padding:10px;}
.top-image .container .row {   position: relative;}
.box-edition {   margin-bottom: 30px;   }
.box-title h3 {font-family: 'Expletus Sans', cursive;color:#a9bd5e;font-size: 20px;text-transform: uppercase;   margin: 0px 0px 25px 0px;}
.edizione-2009 { background-image: url(../img/past-edition/2009.jpg);}
.edizione-2010 { background-image: url(../img/past-edition/2010.jpg);}
.edizione-2011 { background-image: url(../img/past-edition/2011.jpg);}
.edizione-2012 { background-image: url(../img/past-edition/2012.jpg);}
.edizione-2013 { background-image: url(../img/past-edition/2013.jpg);}
.edizione-2014 { background-image: url(../img/past-edition/2014.jpg);}
.edizione-2015 { background-image: url(../img/past-edition/2015.jpg);}
.edizione-2016 { background-image: url(../img/past-edition/2016.jpg);}
.edizione-2017 { background-image: url(../img/past-edition/2017.jpg);}
.edizione-2018 { background-image: url(../img/past-edition/2018.jpg);}
.edizione-2019 { background-image: url(../img/past-edition/2019.jpg);}
.edizione-2020 { background-image: url(../img/past-edition/2020.jpg);}
.edizione-2021 { background-image: url(../img/past-edition/2021.jpg);}
.edizione-2022 { background-image: url(../img/past-edition/2022.jpg);}
.edizione-2022.marche-storie { background-image: url(../img/marchestorie-square.jpg);}
.edizione-2023 { background-image: url(../img/past-edition/2023.jpg);}
.edizione-2024 { background-image: url(../img/festival/nn-2024-02.jpg);}

.about-1 #about-1-carousel .item {   position: relative;width: 225px;
	height: 225px;
	margin: 15px auto;
	border-radius: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	box-shadow: none; border: 15px solid #F7DBAB; 
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	cursor: default;
	-o-background-size: cover;
} 
.about-1 #about-1-carousel .item:hover { } 
.about-1 #about-1-carousel .item .info { position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;  
	background: rgba(169, 189, 94, 0.6) !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transform: none;
}
.about-1 #about-1-carousel .item:hover .info{
  background: rgba(169, 189, 94, 0.6);
opacity: 1;
}
.about-1 #about-1-carousel .item .info h3 {height: auto;margin: 44% 0;padding: 0px;font-size: 35px;color: #F6DAAA;}
#about-1-carousel .owl-pagination .owl-page span {background: rgba(169, 189, 94, 0.7) !important;}
.visual-festival {background-repeat: no-repeat;background-size: cover;display: block;min-height: 475px;margin: 0px;}
section#festival-prog .text-box {   padding-bottom: 0px;}
section#festival-middle {   }
#festival .fa {   font-size: 18px; padding-right: 7px; }
#festival .padd-left-5 {  padding-right: 7px;}
.category-box {padding: 0 0 40px 0px;}
.cat-interna .category-box {padding: 40px 0px;}
#festival-middle .active { background-color: #fff; }
.festival-icon {display: block;width: 100%;bottom: 10px;}
.festival-icon ul {display: block;width: 100%;margin: 0px auto;padding: 0px;list-style: none;}
.festival-icon li {width: 100%;margin: 0px auto 25px 0px;text-align: center;}
.festival-icon p {margin-top: 10px;color: #a9bd5e;font-style: italic; font-size: 10px;}
.festival-icon li img { width:40px;}
#festival-middle h2 {font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: bold; margin: 0px 0px 20px 0px;}
.fest-box {padding: 50px 0px;background-color: #878787;}
.magenta  {   color: #a9bd5e; }
.magenta h2 {   color: #ff0078; }
.magenta .cat-arrow {
	position:relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0px auto;
	background-color: #FF0078;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.magenta .cat-arrow .fa:hover {   border: 2px solid #ff0078;   color: #ff0078; }
.active .magenta .cat-arrow .fa {   border: 2px solid #ff0078;   color: #ff0078; }
.active .magenta .cat-arrow { background-color: #fff;} 
.magenta-border {border-top: 15px solid #FF0078 !important;    background-color: #f6f6f6 !important;}
.green {   color: #95c907; }
.green h2 {   color: #95c907; }
.green .cat-arrow {
	position:relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0px auto;
	background-color: #95c907;  -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.green .cat-arrow .fa:hover {   border: 2px solid #95c907;   color: #95c907; }
.active .green .cat-arrow .fa {   border: 2px solid #95c907;   color: #95c907; }
.active .green .cat-arrow { background-color: #fff;} 
.green-border {border-top: 15px solid #95c907 !important; background-color: #f6f6f6 !important; }
.orange {   color: #ed7500; }
.orange h2 {   color: #ed7500; }
.orange .cat-arrow {
	position:relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0px auto;
	background-color: #ed7500;  -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.orange .cat-arrow .fa:hover {   border: 2px solid #ed7500;   color: #ed7500; }
.active .orange .cat-arrow .fa {   border: 2px solid #ed7500;   color: #ed7500; }
.active .orange .cat-arrow { background-color: #fff;} 
.orange-border {border-top: 15px solid #ed7500 !important; background-color: #f6f6f6 !important;}
.yellow  {   color: #a9bd5e; }
.yellow h2 {   color: #a9bd5e; }
.yellow .cat-arrow {
	position:relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0px auto;
	background-color: #a9bd5e;  -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.yellow .cat-arrow .fa:hover {   border: 2px solid #a9bd5e;   color: #a9bd5e; } 
.active .yellow .cat-arrow .fa {   border: 2px solid #a9bd5e;   color: #a9bd5e; }
.active .yellow .cat-arrow { background-color: #fff;} 
.yellow-border {border-top: 15px solid #a9bd5e !important; background-color: #f6f6f6 !important;}
.magenta .cat-arrow:hover, .green .cat-arrow:hover, .orange .cat-arrow:hover, .yellow .cat-arrow:hover  { background-color: #fff; }
.cat-arrow .fa {  padding-top: 17%;
	margin: 9% auto;
	color: #f6f6f6;
	width: 80%;
	height: 80%;
	border-radius: 50%;
	border: 2px solid #fff;   -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.event-box img {width:100%;}
.event-box .text { padding:10px 20px;}
.event-box .text h3 { margin: 10px 0px; }
.event-box .text p { margin-bottom: 10px;}
.event-box .detail {   background-color: #000;   padding: 8px 20px; }
.event-box .detail p { color: #fff; margin:0px; padding:0px;} 
#wrapper-festival .event-box .detail {height:44px;margin-top:-44px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
#wrapper-festival .event-box .detail {padding:0 !important;width:100%;position:relative;padding-left:8px;}
#wrapper-festival .event-box .icon-wrap {padding:0 !important;position:relative;height:44px;overflow:hidden;width:60px;float: left;bottom: 0px;margin-right:-12px;}
#wrapper-festival .event-box .detail img {width:60px;height:auto;position:absolute;top:0;left:0;}
#wrapper-festival .event-box .detail em {display:block;color:#ccc;padding:8px 12px;}
#wrapper-festival .arti-visive .event-box .detail img {top:-58px;}
#wrapper-festival .arti-sceniche .event-box .detail img {top:-150px;}
#wrapper-festival .musica-cinema .event-box .detail img {top:-105px;}
#wrapper-festival .scienze-laboratori .event-box .detail img {top:-15px;}
#wrapper-festival .arti-sceniche .imghover-red  {background:rgba(169, 189, 94, 0.7);}
#wrapper-festival .arti-visive .imghover-red  {background:rgba(237, 117, 0, 0.7);}
#wrapper-festival .musica-cinema .imghover-red  {background:rgba(149, 201, 7, 0.7);}
#wrapper-festival .scienze-laboratori .imghover-red  {background:rgba(254, 191, 0, 0.7);}
#wrapper-festival .event-box .detail span {display:none;}
#wrapper-festival .modal-content .detail .icon-wrap {height:44px;overflow:hidden;position:relative;margin:0 30px;margin-bottom:5px;}
#wrapper-festival .modal-content .detail .icon-wrap img {width:60px;position:absolute;}
#wrapper-festival .modal-content .detail span {display:block !important;margin-left:60px;margin-top:5px;text-align:left;text-transform:capitalize;font-style:italic;}
#wrapper-festival .arti-visive .modal-content .detail img {top:-58px;}
#wrapper-festival .arti-sceniche .modal-content .detail img {top:-150px;}
#wrapper-festival .musica-cinema .modal-content .detail img {top:-105px;}
#wrapper-festival .scienze-laboratori .modal-content .detail img {top:-15px;}

#wrapper-festival .arti-visive .modal-content .detail span {color:#ed7500;}
#wrapper-festival .arti-sceniche .modal-content .detail span {color:#ff0078;}
#wrapper-festival .musica-cinema .modal-content .detail span {color:#95c907;}
#wrapper-festival .scienze-laboratori .modal-content .detail span {color:#a9bd5e;}

#wrapper-festival .estratto-info .info-hide {display:none;}
#wrapper-festival .modal-content .info-bimbi {display:none;}
.more-box {display: block;background-color: #fff;border-top: 15px solid #a9bd5e;padding: 20px;}
.more-box h3 {   margin: 10px 0px; }
.more-box  a { font-weight:bold;}
.portfolio-modal .row.first {margin-top: 40px ;}
.portfolio-modal .close-modal .lr { background-color: #a9bd5e; }
.portfolio-modal .close-modal .lr .rl { background-color: #a9bd5e !important; }
#obbiettivi ul {margin: 0px;padding: 0px 15px 0px 15px;}
#obbiettivi li {padding-bottom: 18px;font-size: 14px;}
#progetto .info {
	opacity: 1;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#junior p, #junior h4 { color: #333; } 
.visual-junior { background-image:url(../img/junior-2019.jpg); background-repeat:no-repeat; background-size:cover;}
.imghover {    display: block;position: relative;margin: 0 auto;}
.imgresize {   max-height: 280px;overflow: hidden }
	.imghover-default {
		background: rgba(169, 189, 94, 0.6);

	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
}
.imghover-default:hover {opacity: 1;}
#mixProdGallery .mix .text {background:#ffffff;}
#mixProdGallery .mix .text .highlight {color:#a9bd5e;}
#mixProdGallery .mix .text .name {color:#333;}
.fancybox-overlay {    background-color: rgba(0,0,0,0.7);}
.imghover-red {
	background:rgba(169, 189, 94, 0.7);
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
}
.imghover-red:hover { opacity: 1;}
.imghover-red p,
.imghover-default p {display: block;position: relative;top: 48%;text-align: center;color: #fff;font-size: 20px;}
.imghover-red h3,
.imghover-default h3  {display: block;position: relative;top: 35%;text-align: center;color: #fff;}
#eventi.container .white-box {background-color: #fff;padding-top: 15px;padding-bottom: 15px;margin: 0px auto;}
#dettagli-evento h4.artista { font-weight:400;   text-transform: uppercase; margin:0px;   font-size: 20px; }
#dettagli-evento h3.titolo {font-size: 22px;   text-transform: uppercase; font-weight:bolder; margin:10px 0px;}
#dettagli-evento .subtitle {   color: #878787;   font-style: italic; }
#dettagli-evento ul.red-info {    margin: 0px;   padding: 0px; list-style:none;   }
#dettagli-evento .red-info li { color: #a9bd5e; font-size:15px;   padding-bottom: 3px; }
#dettagli-evento .red-info li a { text-decoration:underline; }
#territorio blockquote {   padding: 0px;   margin: 0px 0 30px;   font-size: 16px;   font-style: italic;   color: #999;   border-left: 0px solid #eee;}
#territorio #slideshow {margin-top:30px;}
#territorio #slideshow img {width: 100%;}
#territorio #slideshow .item {width: 100%;height:400px;background-size:cover !important;}
.staff-box {background-color: #fff;padding: 10px 10px 20px 10px;margin: 10px 0px;}
.staff-box p { margin:0px; padding:0px;}
.staff-box strong { text-transform:uppercase; }
.staff-box em { color: #878787; }
section#partners {   padding: 90px 0 !important; }
#partners h5 { text-transform: uppercase;   padding-bottom: 10px;   border-bottom: 1px solid #ccc; } 
#partners ul { display: inline-block; list-style: none; margin: 0px; padding: 0px; }
#partners li { display: inline-block; float: left; padding-right: 10px; margin-bottom: 10px; }
#partners .col-lg-4 li { width: 50%; }
.fancybox-title-float-wrap .child { background-color: #1e1d25;}
#gallery #slideshow img {width: 100%;}
#gallery #slideshow .item {width: 100%;height:460px;background-size:cover !important;}
.soon { position:relative;display: block;min-height: 500px;text-align: center;}
.soon p {position: absolute;display: block;width: 100%;top: 50%;color: #999;font-style: italic;}

#blogFeed ul {margin:0px;padding:0px;list-style: none;}
#blogFeed ul li {float:left;margin:0px 10px;position:relative;overflow:hidden;width:calc(25% - 20px);}
#blogFeed ul li a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:block;z-index: 99; text-indent: -9999px; }
#blogFeed ul li .img {width:100%;height:200px;overflow:hidden;}
#blogFeed ul li .img img {width:auto;height:100%;max-width: inherit;}
#blogFeed ul li h5 {color:#a9bd5e;font-size:16px;margin:20px 0px 10px 0px;}
#blogFeed ul li p {margin:0px;padding:0px;}

/*responsive*/
@media (min-width: 1280px) { 
	a.navbar-brand {   display: none; }
	.portfolio-modal .close-modal {   top: 10px;   right: 20px; }
}

@media (max-width: 1023px) { 
	.logo-top {   padding: 18px 0px 18px 0px;}
	a.navbar-brand { display: none; }
	.navbar-nav ul {font-size: 10px !important;   margin: 0px -8px;}
	.navbar-nav li {padding: 18px 8px !important;}
}

@media (max-width: 1023px) {
	#sidr-right-btn {display:inline;}
	.logo-top {width: 85% !important;max-width: 800px;}
	ul.red-link.align-bottom {  width: 100% !important;max-width: calc(100% - 30px);}
	#wrapper-index .headbox h2 {margin-top:55px;}		
}

@media (min-width: 769px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,
	.col-md-3, .col-md-4, .col-md-8, .col-md-7, .col-md-9 { float: left;}
	.col-lg-3,
	.col-md-3 {width: 25%;}
	.col-lg-4,
	.col-md-4 {width:33.33333333333333%;}
	.col-lg-6 {width:50%;}
	.col-md-7 {width:58.333333333333336%;}
	.col-lg-8,
	.col-md-8 { width: 66.66666666666666%;}
	.col-md-9 {width:75%;}
	#dettagli-evento .col-md-4.last {width:100%;float:none;display:block;clear:both;padding-top:30px;}
	#wrapper-territorio .col-lg-8 {float:left;}
	#wrapper-territorio .col-lg-4 {float:right;}
}

@media (max-width: 768px) {
	section, section#residenze, section#partners  {   padding: 50px 0 !important;}
	#headimage,
	#headimage > .container
	#headimage > .container > .row,
	#headimage > .container > .row > #carousel-homepage,
	#headimage > .container > .row > #carousel-homepage .workshop-container,
	#headimage > .container > .row > #carousel-homepage .workshop-head { min-height: 440px; }
	#carousel-homepage .workshop-container p {margin:auto;}
	#carousel-homepage .workshop-head
	{position: absolute;height: 100%;width: 100%;background:rgba(0,0,0,0.6);}
	#carousel-homepage .workshop-container .col-lg-7.imgbox {background:none !important;}
	#wrapper-festival #headimage {min-height:1px !important;}
	.headbox{ min-height: 400px;   padding-top: 5px;   padding-bottom: 5px; }
	.headbox p {font-size: 10px;   margin-bottom: 13px;}
	.overlay {   height: 390px;   top: 141px;  }
	.portfolio-modal .close-modal { top: 5px;left:46%;}
	.portfolio-modal .row.first { margin-top: 60px;}
	.festival-icon ul {margin: 5px 15px; width: 92%;}
	section#festival {text-align:center;}
	.col-lg-5.headbox {   width: 50%;   float: left;  }
	.col-lg-7.imgbox {   width: 50%;   float: left;  }
	.imgbox img { padding-top: 67px;}
	ul.red-link.align-bottom { bottom: 5px;}
	.red-link li {   margin-bottom: 9px; }
	#progetto ul.red-link {   width: 100%; }
	div#festival-middle .col-lg-3.category-box {   width: 50%;   float: left;} 
	#festival-middle h2 {   font-size: 16px; }
	#festival p {   margin-bottom: 8px;}
	.festival-icon li {   width: 33.33%;   display: inline-block;   float: left;   margin: 0px;   text-align: center;}
	.event-box img {   width: 100%; }
	div#eventi .col-lg-4 {   width: 50%;   float: left;}
	#workshop .col-lg-6 {   width: 50%;   float: left;  }
	#progetto .col-lg-8, #territorio .col-lg-8 {   width: 65%;   float: left;  }
	#progetto .col-lg-4, #territorio .col-lg-4 {   width: 35%;   float: left;  }
	#dettagli-evento .col-md-1.last { display:none;}
	#gallery .col-lg-4, #partners .col-lg-4 {   width: 33.33%;   float: left; }
	#partners .col-lg-3, #partners .col-lg-6 {   width: 33.33%;   float: left; }
	#staff .col-lg-4 {   width: 50%;   float: left;  }
	footer .col-md-10 {   width: 70%;}
	footer .col-md-2 {   width: 30%; }
	.navbar-dark .navbar-brand .logo img{   margin: 10px !important;width: 350px !important;height: auto;max-height: 35px !important;padding-left: 4px;}
	a.navbar-brand {position: absolute !important;;display: block;top: 10px;}
	.container>.navbar-header {   margin-top: 8px; } 
	.navbar-dark {min-height: 65px;}
	.col-lg-5.headbox, .col-lg-7.imgbox { width: auto;float: none;position:relative;bottom:auto;}
	.col-lg-7.imgbox { padding:0;}
	ul.red-link.align-bottom {top: 380px !important; margin: 0px auto; width: 725px;}
	.red-link li {   width:65%;  float:none;display: block;margin:10px auto;}
	#carousel-homepage .workshop-container  ul.red-link.align-bottom {bottom:60px !important;top:auto !important;}
	#carousel-homepage .workshop-container .red-link li {margin:auto;}
	.headbox {   min-height: 280px;   text-align: center;    padding-top: 15px;}
	.imgbox img {  padding-top: 0px;  width: 100%;}
	.owl-carousel .owl-item {}
	.event-box { margin-bottom:20px;}
	.imgresize {   max-height: 350px !important;}
	#workshop .col-lg-6 {   width: 100%;   float: none;  }
	#progetto .col-lg-8, #territorio .col-lg-8, #progetto .col-lg-4, #territorio .col-lg-4 {   width: 100% !important;   float: none; }
	#progetto .margin-top-46, #territorio .margin-top-46 { margin-top:10px;}
	section#festival-prog {   padding-top: 50px !important;}
	.festival-icon ul {margin: 5px 15px; width: 92%;}
	.festival-icon li {   width: 33.33%;   display: inline-block;   float: left;   margin: 0px;   text-align: center;}
	.festival-icon li p {margin-left:5px;margin-right:5px;}
	.col-lg-3.category-box .yellow {   margin-top: -17px;}
	.event-box { margin-bottom:20px;}
	.portfolio-modal .row.first {   margin-top: 100px;}
	.modal .col-md-3 .dark-border img, #dettagli-evento .col-md-3 .dark-border img,
	#wrapper-residenze #biografie .col-md-3 .dark-border img {   width: 250px;  margin: 0px auto;  display: block;}
	.modal .col-md-3, #dettagli-evento .col-md-3 { margin-bottom: 40px;}
	#wrapper-residenze #biografie .col-md-3 .dark-border img { margin-bottom: 40px !important;}
	.visual-junior { background-size: cover;}
	#junior ul.red-link.align-bottom {top: 297px !important;}
	#gallery .col-lg-4, #partners .col-lg-4, #gallery .col-lg-8, #partners .col-lg-8,  #partners .col-lg-3, #partners .col-lg-6 {   width: 100%;   float: none; margin: 0px auto; text-align: center;}
	#partners .col-lg-4 li img {   margin: 0px auto;}
	#territorio #slideshow {margin-top:0px;margin-bottom:30px;}
	footer .col-md-10 {   width: 100%;}
	footer .col-md-2 {   width: 100%;   text-align: center;   margin-top: 10px;}
}

@media screen and (max-width:767px) {
	#carousel-homepage .workshop-container .photo-credits,
	#wrapper-gallery .photo-credits {top:40px;text-align:center;display:inline;background:none;width:100%;}
}

@media (max-width: 640px) {
	.navbar-dark .navbar-brand .logo img{   margin: 10px !important;width: 350px !important;height: auto;max-height: 35px !important;padding-left: 4px;}
	a.navbar-brand {position: absolute !important;;display: block;top: 10px;}
	section#progetto, section#residenze, section#partners, section#gallery, section#staff{   padding: 40px 0 !important;  }
	.navbar-collapse.navbar-main-collapse.collapse.in {   z-index: 1 !important;  }
	.container>.navbar-collapse {   padding: inherit; }
	.navbar-collapse.in {   overflow-y: visible; }
	.navbar-collapse {max-height: 600px;overflow-x: visible;padding-right: 15px;padding-left: 15px;border-top: 0px solid #000;box-shadow: inset 0 0px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling: touch; }
	.navbar-nav .right {text-align: left;float: left;padding-left: 20px;}
	.navbar-nav .right li { font-size: 14px;}
	.title h2 {  font-size: 25px; } 
	ul.red-link.align-bottom { width:96%;}
	.red-link li a { font-size: 12px !important;}
	.owl-carousel .owl-item {}
	.overlay {  height: 350px;  top: 65px;}
	.imghover-red h3 {  top: 40%; font-size: 35px;} 
	.imgresize {   max-height: 350px !important;}
	.event-box {   margin: 0px;}
	.portfolio-modal .row.first {   margin-top: 110px;}
	#progetto .col-lg-8, #territorio .col-lg-8, #progetto .col-lg-4, #territorio .col-lg-4 {  width: 100%;   float: none;}
	#progetto .margin-top-46, #territorio .margin-top-46 {   margin-top: 0px; }
	#festival-middle h2 { font-size: 14px; }
	#junior .col-lg-5.headbox {  width: 100%;  float: none;}
	#junior .visual-junior { background-size: cover; }
	#junior .headbox {   min-height: 360px;}
	#junior ul.red-link.align-bottom {   top: 317px !important;}
	#tema-junior { margin-top: 40px;}
	.modal .col-md-3 .dark-border img, #dettagli-evento .col-md-3 .dark-border img {  width: 250px;  margin: 0px auto;  display: block;}
	div#eventi .col-lg-4 {  width: 100%;  float: none;}
	.magenta .cat-arrow, .orange .cat-arrow, .green .cat-arrow, .yellow .cat-arrow  {  width: 35px;  height: 35px;}
	.cat-arrow .fa {  padding-top: 13%;   width: 81%;  height: 81%}
	.col-lg-3.category-box .yellow {   margin-top: -16px;}
	#workshop .col-md-9, #residenze .col-md-9, .modal .col-md-9  { margin-top: 35px;}
	#gallery .col-lg-4 {  width: 100%;  float: none;}
	#partners .col-lg-3, #partners .col-lg-4, #partners .col-lg-6, #partners .col-lg-8 {width: 100%;   float: none; text-align: center;    margin-bottom: 40px;}
	#partners .col-lg-4 li {   width: 33.33%;}
	#partners li img { margin: 0px auto;}
	footer .col-md-10, footer .col-md-2 { width:100% !important; float:none; text-align:center;}
}

@media (max-width: 639px) {
	.logo-top { width: calc(100% - 50px) !important;overflow: hidden !important; max-width: auto;}
	.logo-top img {float: left;width: auto;max-width: 150%;	}
}

@media (max-width: 480px) {
	.navbar-dark .navbar-brand .logo img{   margin: 10px !important;width: 250px !important;height: auto;max-height: 30px !important;padding-left: 4px;}
	a.navbar-brand {position: absolute !important;;display: block;top: 10px;}
	.navbar-nav .right {text-align: left;float: left;padding-left: 20px;}
	.headbox {   min-height: 370px; }
	.red-link li {   width: 100%;   margin: 0px auto;   margin-bottom:10px;   }
	.owl-carousel .owl-item {}
	.overlay {   height: 350px;   top: 65px;  }
	.category-box {   padding: 20px 0px;}
	#festival-middle h2 {   font-size: 20px;   width: initial;   text-align: center;   margin: 0px 0px 20px 0px;   padding-bottom: 0px;  }
	div#festival-middle .col-lg-3.category-box { width:100%; float:none;}
	#partners li {   display: block;   float: none;   padding-right: 10px;   margin-bottom: 10px;  }
	#partners .col-lg-4 li {   width: 100%;}
	footer .col-md-10, footer .col-md-2 {   width: 80% !important;   float: none;   text-align: center;   margin: 0px auto;  }
	#headimage,
	#headimage > .container
	#headimage > .container > .row,
	#headimage > .container > .row > #carousel-homepage,
	#headimage > .container > .row > #carousel-homepage .workshop-container,
	#headimage > .container > .row > #carousel-homepage .workshop-head { min-height: 470px; }
}

@media (max-width: 479px) {#sidr-right-btn {top:15px;}}

/*pagine festival*/
section#festival-prog {padding:20px 0px 0px 0px !important;}
.title h1 {font-weight:bold;color:#a9bd5e;}
.icon-box	{float:left;width:20%;text-align:center;}
.info-box 	{float:left;width:80%;margin-bottom:30px;} 
.program-info i	{font-size:22px;color:#a9bd5e;}
.provvisorio {margin:auto !important;float:none !important;width:70% !important;}		

.icone-documenti ul {width:100%;margin:0px auto;text-align:center;}
.icone-documenti ul li {display:inline-block;width:auto;padding:0px;margin:20px 20px 0px 20px;}
.icone-documenti ul li p {margin:10px 0px 0px 0px;padding:0px;font-size:14px;text-transform:uppercase;line-height:16px;}
.icone-documenti ul li a {display:block;color:#a9bd5e;}
.icone-documenti ul li a:hover {text-decoration:underline;color:#a9bd5e;}


/*update*/
.modal-content a, .modal-content .red-info li, .event-box .estratto-info li, .event-box a, .text-prog i, .text-prog a {color:#a9bd5e !important;}
.filterAll {display:none;}

.arti-sceniche .event-box		{ border-top: 15px solid #FF0078 !important; background-color: #f6f6f6 !important; }
.arti-sceniche h4				{ color: #FF0078 !important; text-transform:uppercase;}
.arti-sceniche .title h2        { color: #FF0078 !important; text-transform:uppercase;border-color:#FF0078;}
.arti-sceniche a 				{color: #FF0078 !important;}
.arti-sceniche a:hover 			{text-decoration:underline;}
.arti-sceniche .red-info li     {color: #FF0078 !important;}
.arti-sceniche .estratto-info li     {color: #FF0078 !important;}

.arti-visive .event-box			{border-top:15px solid #ed7500 !important; background-color:#f6f6f6 !important; }
.arti-visive h4					{color:#ed7500 !important; text-transform:uppercase;}
.arti-visive .title h2          {color:#ed7500 !important; text-transform:uppercase;border-color:#ed7500;}
.arti-visive a 					{color:#ed7500 !important;}
.arti-visive a:hover 			{text-decoration:underline;}
.arti-visive .red-info li     	{color: #ed7500 !important;}
.arti-visive .estratto-info li     	{color: #ed7500 !important;}

.musica-cinema .event-box		{ border-top: 15px solid #95c907 !important; background-color: #f6f6f6 !important; }
.musica-cinema h4				{ color: #95c907 !important; text-transform:uppercase;}
.musica-cinema .title h2        {color:#95c907 !important; text-transform:uppercase;border-color:#95c907;}
.musica-cinema a 				{color:#95c907 !important;}
.musica-cinema a:hover 			{text-decoration:underline;}
.musica-cinema .red-info li     {color: #95c907 !important;}
.musica-cinema .estratto-info li     {color: #95c907 !important;}

.scienze-laboratori .event-box	{ border-top: 15px solid #a9bd5e !important; background-color: #f6f6f6 !important; }
.scienze-laboratori h4			{ color: #a9bd5e !important; text-transform:uppercase;}
.scienze-laboratori .title h2   {color:#a9bd5e !important; text-transform:uppercase;border-color:#a9bd5e;}
.scienze-laboratori a 			{color:#a9bd5e !important;}
.scienze-laboratori a:hover 	{text-decoration:underline;}
.scienze-laboratori .red-info li{color: #a9bd5e !important;}
.scienze-laboratori .estratto-info li{color: #a9bd5e !important;}

.bio-singola i {font-size:28px;margin:0 5px;}
.imgresize {max-height:none !important;}

.icone-documenti ul {width:100%;margin:0px auto;text-align:center;}
.icone-documenti ul li {display:inline-block;width:auto;padding:0px;margin:20px 20px 0px 20px;}
.icone-documenti ul li p {margin:10px 0px 0px 0px;padding:0px;font-size:14px;color:#a9bd5e;}
.icone-documenti ul li a {display:block;}
.icone-documenti ul li a:hover {text-decoration:underline;}

.dark-border {margin:0 auto;text-align:center;border:15px solid #000;height:220px !important;width:220px !important;overflow:hidden;border-radius:50%;}
.dark-border img {margin:0 auto;text-align:center;border:0px; border-radius:50%;}

@media (max-width: 1100px) {
	.dark-border,
	/*.dark-border img {height:170px !important;width:170px !important;}*/
	#wrapper-festival .modal-content .detail {max-width:300px;margin:auto;}
	#wrapper-festival .modal-content .icon-wrap {margin:0 auto !important;}
}
@media (max-width: 768px) {
	.dark-border img {height:240px !important;width:240px !important;}
}
@media (max-width: 320px) {
	.dark-border img {height:170px !important;width:170px !important;}
}

#dettaglio-boni .bio-singola .row:nth-child(4) .col-md-3 {visibility:hidden !important;}
#dettaglio-leggo .bio-singola {display:none;}
#dettaglio-monastiche .bio-singola {display:none;}
#dettaglio-javier .modal-content .detail {display:none;}
.category-box a { cursor:pointer;}
.estratto-info {padding:0px 0px 0px 20px;}
a.fulloverLink {
	position:absolute;
	top:0px;left:0px;right:0px;bottom:0px;
	display:block;
	text-indent:-9999px;
	z-index:2;
}
a.filterAll {
	background:#2fac66;
	color:#97d6b3;
	width:260px;
	padding:10px 0px;
	display:block;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-130px;
	display:none;
	cursor:pointer;
}
a.filterAll:hover {color:#FFF;}

.event-box .text a {font-weight:bold;text-transform:uppercase;display:block;padding:5px 0px;margin-bottom:5px;position:relative;}
.event-box .text a::after {
	position: absolute;
	top:5px;
	right:0px;
	content: "\f002";
	font-family: FontAwesome;
}

.estratto-info {padding:0px;list-style:none;}
.bio-singola.container.museo-diocesano {display:none;}


.wrapEventiPrec {position:relative;overflow:hidden;}
.wrapEventiPrec a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:3;display:block;text-indent:-99999px;}
.wrapEventiPrec figure, .wrapEventiPrec figure img {width:100%;}
.wrapEventiPrec figcaption {padding:20px;background:#FFF;}
.wrapEventiPrec figcaption h2 {margin:0px;color:#a9bd5e;}
.wrapEventiPrec figcaption h2 small {display:block;color:#a9bd5e;}
.wrapEventiPrec span {color:#999;display:block;margin-top:10px;}
.wrapEventiPrec:hover span {color:#333;display:block;margin-top:10px;}


/*2019*/
#eventi.container .white-box {background:#F6F6F6;}
#eventi.container .event-box {border-bottom:none;margin-bottom:25px;}

@media (max-width: 1100px) {
	.dark-border, .dark-border img {height:100% !important;width:100% !important;}
}

.cat-arrow .fa {margin:10% auto;}
.red2021 {color:#a9bd5e;}
.red2021 h2 {   color: #a9bd5e; }
.red2021 .cat-arrow {
	position:relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0px auto;
	background-color: #a9bd5e;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.red2021 .cat-arrow .fa:hover {   border: 2px solid #FFF;   color: #FFF; }
.active .red2021 .cat-arrow { background-color: #fff;} 
.red2021-border {border-top: 15px solid #a9bd5e !important;    background-color: #f6f6f6 !important;}
.active .red2021 .cat-arrow .fa {   border: 2px solid #a9bd5e;   color: #a9bd5e; }
#festival-middle .active {background:transparent;}

#wrapper-festival .event-box .detail.data {width:auto;position:absolute;top:60px;left:20px;z-index:99;padding:10px !important;background:rgba(0, 0, 0, 0.8);text-align:center;height:auto;}
#wrapper-festival .event-box .detail.data strong {display:block;font-size:30px !important; border-bottom:1px solid #FFF;padding-bottom:10px;margin-bottom:5px;}
#wrapper-festival .event-box .detail.data small  {display:block;}
.event-box .text a {margin-top:10px}
.event-box {border-top:10px solid #a9bd5e;}

/*2024*/
#nn-2023-video {display:block;width:100%;height:auto;margin:0px;padding:0px;}