@import url('https://fonts.googleapis.com/css?family=Philosopher&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,700&display=swap');

/* ==========================================================================
  Stili del Progetto
   ========================================================================== */

html {height:100%;}
body {
    height:100%;
    font-family: 'Rubik', Helvetica, Arial, sans-serif;
    font-weight:400;
    overflow-x:hidden;
    color:#5a5a5a;
    line-height:1.4;
    font-size:16px;
    margin:0;
    padding:0;
    background:#fff;
}
body.ismobile{padding-top:130px;}

img {border:0;}
iframe {border:0;}

/* sistema form */
form {margin:0;}
fieldset {border:0; margin:0; padding:0;}

.nocompiled {border:1px solid #f00 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#f00;}

a {color:#000; outline:none !important;}
a:hover {color:#df2027; text-decoration:none;}

p {margin:0 0 1em 0;}

strong, b {font-weight:700;}
sup {font-size:60%; top:-0.7em}

h1,h2,h3,h4,h5,h6 {font-family:'Philosopher', sans-serif; color:#000; font-weight:400; margin:0 0 1em 0; line-height:1em; padding:0; clear:both;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}

h1{font-size:2.2em;}
h2{font-size:2em;}
h3{font-size:1.8em;}
h4{font-size:1.6em;}
h5{font-size:1.4em;}
h6{font-size:1.2em;}

ol {margin:0; padding:0; line-height:normal;}
ul {margin:0; padding:0; line-height:normal;}
li {margin:0; padding:0; line-height:normal;}

dl, dt, dd {margin:0; padding:0;}

.noborder {border:0px solid #FFF !important;}
.marginclear {margin-right:0px !important;}
.marginclear-bottom {margin-bottom:0px !important;}
.paddingclear {padding-right:0px !important;}
.bgclear {background:none !important;}
.clear {clear:both !important;}
.blur {-webkit-filter:blur(8px);-moz-filter:blur(8px);-o-filter:blur(8px);-ms-filter:blur(8px);filter:blur(8px);}

.alignDx {text-align:right !important;}
.alignCenter {text-align:center !important;}
.alignJustify {text-align:justify !important;}
.posrelative {position:relative}
/*
.floatSx {float:left;}
.floatDx {float:right;}
*/
.title-hide {text-indent:-9999px; font-size:0; height:0; margin:0;}
td.nowrap {text-align:right; white-space:nowrap;}

nav ul {list-style:none;}

header *, .content.ev-page *, .content.news *, .content.page *, footer * {
-webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
-o-transition:all 400ms ease-out;
-ms-transition:all 400ms ease-out;
transition:all 400ms ease-out;
}
.ani {
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
 }

/* ==========================================================================
  HEADER
   ========================================================================== */

header {
    position:fixed;
    top:0;
    left:0;
    z-index:50;
    min-height:130px;
    width:100%;
}

header.bg-white {min-height:130px; border-bottom:1px solid #e3e3e3; background:#fff}
header .logo{position:absolute; padding:15px 10px 10px 10px; opacity:1; left:30px; top:40px; z-index:110;}
header .logo.active{opacity:0; top:-80px;}
header .logo-secondary {position:absolute; opacity:0; left:30px; top:0; z-index:110;}
header .logo-secondary.active {opacity:1; top:65px;}
header .title-header {position:absolute; width:calc(100% - 380px); height:30px; overflow:hidden; opacity:0; left:160px; top:70px; z-index:110;}
header .title-header.active {opacity:1;}
header .title-header h6{margin:0; font-size:1.8em}

body.ishome .logo {padding:15px 10px 10px 10px; top:0; background:#fff;}
body.ishome .logo.active{opacity:0; top:-80px;}
body.ishome .title-header {display:none}


/* Menu */
.menu{position:fixed; top:0; right:0; z-index:100; width:100%; height:100%; background:#fff}
.mainMenu {margin:180px 0 100px 0; border-left:5px solid #5a5a5a}
.mainMenu li {text-align:left; position:relative; padding:8px 30px;}
.mainMenu li.blank {padding:15px 0;}
.mainMenu li h4 {margin:0;}
.mainMenu li a {color:#5a5a5a; font-size:1.1em; font-weight:400; text-decoration:none;}
.mainMenu li a:hover{color:#df2027; text-decoration:none;}
.mainMenu li a:after {content:''; display:block; width:0; z-index:10; border-top:2px solid #df2027; -webkit-transition:width .3s ease; -o-transition:width .3s ease; transition:width .3s ease;}
.mainMenu li a:hover:after {width:75px;}
.overlay-menu {position:fixed; z-index:10; display:none; width:100%; height:100%; background:rgba(255,255,255, 0.7)}
.overlay-menu.active {display:block}

/* Menu Top */
.menu-top{position:absolute; top:0; left:0; z-index:90; width:100%; background:#fff}
.menu-top .col-md-12{padding:0 30px}
.secondaryMenu {list-style:none; float:right; width:70%; height:36px; padding:10px 0; text-align:right; border-bottom:1px solid #d7d7d7; background:#fff}
.secondaryMenu li {display:inline-block; padding:0 10px; border-right:1px solid #b4b4b4}
.secondaryMenu li:last-child {border:0}
.secondaryMenu li a {font-size:0.8em; text-decoration:none; color:#b4b4b4;}
.secondaryMenu li a:hover {color:#000;}
.menu-top .ico-list {float:left; width:30%; height:36px; padding:10px 0; border-bottom:1px solid #d7d7d7}
.menu-top .ico-list li {display: inline-block; margin-right:15px;}
.menu-top .ico-list.social li a{display:block; width:16px; height:16px;}
.menu-top .ico-list.social li a .ico-facebook {-webkit-mask:url(../images/ico-facebook.svg); mask:url(../images/ico-facebook.svg);}
.menu-top .ico-list.social li a .ico-instagram{-webkit-mask:url(../images/ico-instagram.svg); mask:url(../images/ico-instagram.svg);}
.menu-top .ico-list.social li a .ico-youtube {-webkit-mask:url(../images/ico-youtube.svg); mask:url(../images/ico-youtube.svg);}
.menu-top .ico-list.social li a .icon{display:block; width:16px; height:16px; background:#b4b4b4; -webkit-mask-size: cover; mask-size: cover;}
.menu-top .ico-list.social li a:hover .icon{background:#000}
.menu-top .ico-list li:last-child {margin:0;}
body.ishome .menu-top{display:none;}
body.ishome .menu-top.active{display:block;}
/*agenda*/
.season-agenda{position:absolute; z-index:110; width:70px; height:90px; padding:20px 10px 20px 10px; top:40px; right:110px;}
.season-agenda span {display:block; width:50px; height:50px; background:#df2027; -webkit-mask:url(../images/ico-agenda.svg); mask:url(../images/ico-agenda.svg); -webkit-mask-size: cover; mask-size: cover;}
.season-agenda.active{height:70px; top:50px; padding:10px;}
body.ishome .season-agenda{top:0; background:#df2027}
body.ishome .season-agenda span {background:#fff;}
body.ishome .season-agenda.active{top:50px; background:#fff}
body.ishome .season-agenda.active span {background:#df2027;}
/*toggle menu*/
.toggle {position:absolute; right:0}
#nav-toggle {display:block; position:absolute; z-index:110; width:70px; height:90px; top:40px; padding:10px; right:30px;}
#nav-toggle {cursor:pointer;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor:pointer; height:1px; width:50px; background:#000; position:absolute; top:45px; display:block; content:'';}
#nav-toggle:hover span, #nav-toggle:hover span:before, #nav-toggle:hover span:after {background:#000;}
#nav-toggle span:before {top:-18px;}
#nav-toggle span:after {top:18px;}
#nav-toggle.active span, #nav-toggle.active span:before, #nav-toggle.active span:after {background:#000;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;}
#nav-toggle.active span {background-color:transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top:0; background-color:#000;}
#nav-toggle.active span:before {transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
#nav-toggle.active span:after {transform:translateY(-10px) rotate(-45deg); -webkit-transform:translateY(-10px) rotate(-45deg); -ms-transform:translateY(-10px) rotate(-45deg); top:10px;}
.toggle.active #nav-toggle {}
.toggle.active #nav-toggle span, .toggle.active #nav-toggle span:before, .toggle.active #nav-toggle span:after {top:45px;}
.toggle.active #nav-toggle span:before {top:-18px;}
.toggle.active #nav-toggle span:after {top:18px;}
.toggle.active #nav-toggle.active span:before {top:0;}
.toggle.active #nav-toggle.active span:after {top:10px;}

body.ishome #nav-toggle {top:0; background:#fff}
body.ishome .toggle.active #nav-toggle {top:39px;}

/*nascondo per il tap dul mobile, chiusura del sub menu, altimenti non funzionano i link sub del dropdown*/
.dropdown-backdrop {display:none !important}

@media (max-width:1199px)  {
.mainMenu li {font-size:0.9em;}
.secondaryMenu li a.support {padding:10px 20px;}
}
@media (max-width:991px)  {
header .logo {left:15px;}
.mainMenu {margin-left: 30px}
.mainMenu li h4 {font-size:1.3em}
}
@media (max-width:767px)  {
.mainMenu  {float:none;}
.mainMenu  {padding:0 15px; margin:0 15px;}
.mainMenu.first  {margin-top:130px;}
.mainMenu li {font-size:0.8em; padding:5px 0; width:100%;}
.secondaryMenu li {padding:0; border:0}
header .title-header {display:none}
}


/* ==========================================================================
    GENERICI
   ========================================================================== */
.content {position:relative; padding:70px 0; background:#fff;}
.container {position:relative;}

article, aside {margin-bottom:20px;}
.content ul, .content ol {list-style:none; padding:0 20px 0 20px; margin-bottom:40px}
.max{clear:both; width:100%}
@media (min-width:1366px){
.container {width:1366px;}
}
.max{clear:both; width:100%}
.form-control {color:#999; border-radius:0px;}
/*modifica headings*/
.rubik-light {font-weight:300; font-family: 'Rubik', sans-serif;}
.rubik-regular {font-weight:400; font-family: 'Rubik', sans-serif;}
.rubik-bold {font-weight:700; font-family: 'Rubik', sans-serif;}

/*intestazioni*/
.min-header{margin-bottom:20px; border-bottom:1px solid #000}
.min-header span{display:inline-block; padding-right:10px; text-transform:uppercase; color:#000; border-right:5px solid #000}
.min-header.theme-red {border-color:#df2027}
.min-header.theme-red span {color:#df2027; border-color:#df2027}
.min-header.theme-white {border-color:#fff}
.min-header.theme-white span {color:#fff; border-color:#fff}

/*Hero img element*/
.content.hero-img{padding:0}
.content.hero-img .figure img{width:100%; height:auto;}

/*Date Picker*/
.datepicker td, .datepicker th {color:#000; border-radius:0}
.datepicker table tr td.active.active{background-color: #df2027;}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #df2027;
  background-image: -moz-linear-gradient(top, #df2027, #df2027);
  background-image: -ms-linear-gradient(top, df2027, #df2027);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df2027), to(#df2027));
  background-image: -webkit-linear-gradient(top, #df2027, #df2027);
  background-image: -o-linear-gradient(top, #df2027, #df2027);
  background-image: linear-gradient(top, #df2027, #df2027);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df2027', endColorstr='#df2027', GradientType=0);
  border-color: #df2027 #df2027 #df2027;

}
/* ==========================================================================
    HOME
   ========================================================================== */
/* hero carousel 
  ========================================================================== */
.hero-slider-home{position:relative}   
.swi-eventi-home{overflow:hidden}
.swi-eventi-home .swiper-slide .figure img{width:100%;}
.swi-eventi-home .swiper-slide .caption{position:absolute; width:70%; right:0; bottom:30px; padding:20px 20px 60px 20px; background:#fff;}
.swi-eventi-home .swiper-slide .caption span{font-family:'Philosopher', sans-serif; color:#000; line-height:1; font-size:3em;}
.swi-eventi-home .swiper-slide a{position:absolute; top:0; left:0; width:100%; height:100%}
.swi-eventi-det-home{overflow:hidden}
/*controlli*/
.swiper-button-prev,
.swiper-button-next {width:60px; height:60px; margin-top:-30px; border-radius:100%; background-color:#df2027; background-image:none;}	
.swiper-button-prev{left:25px}	
.swiper-button-next{right:25px}	
.swiper-button-prev:before,
.swiper-button-prev:after,
.swiper-button-next:before,
.swiper-button-next:after {position:absolute; display:block; content:""; height:28px; width:1px; background:#fff}	
.swiper-button-prev:before{left:45%; top:6px; transform:rotate(45deg)}
.swiper-button-prev:after{left:45%; bottom:6px; transform:rotate(-45deg)}
.swiper-button-next:before{right:45%; top:6px; transform:rotate(-45deg)}
.swiper-button-next:after{right:45%; bottom:6px; transform:rotate(45deg)}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{opacity:0}
.swi-eventi-home .swiper-pagination{bottom:50px; left:inherit; left:calc(30% + 20px); width:auto;}
.swi-eventi-home .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

@media (max-width:1199px) {
.swi-eventi-home .swiper-slide .caption span{font-size:2em;}
/*controlli*/
.swi-eventi-home .swiper-button-prev,
.swi-eventi-home .swiper-button-next {display:none}	
}
@media (max-width:767px) {
.swi-eventi-home .swiper-slide .caption {position:static; width:100%; border-bottom:1px solid #d7d7d7}
.swi-eventi-home .swiper-slide .figure{overflow:hidden}
.swi-eventi-home .swiper-slide .figure img{position: relative; left: 50%; height: 300px; width: auto; transform: translate(-50%, 0);}
/*controlli*/
.swi-eventi-home .swiper-pagination{left:0; bottom:20px; width:100%;}
}

/* highlight
  ========================================================================== */
.content.h-highlight{padding:30px 0 10px 0; background:#eee}
.content.h-highlight h3{font-size:2em; margin-bottom: 15px;}
.content.h-highlight .inner{padding: 20px 0; font-size:1.4em; border-top:3px solid #df2027;}
.content.h-highlight .inner a{text-transform:uppercase; font-size:0.7em; font-weight:bold}
.content.h-highlight .inner p:last-child{margin:0}
.content.h-highlight.second-highlight{background:#ddd}

/* eventi
  ========================================================================== */
.content.h-eventi{padding:100px 0 0 0;}
.content.h-eventi h3{font-size:3em;}
.content.h-eventi .inner{padding-right:15px}
.content.h-eventi .col-md-4:last-child .inner{padding-right:0}
.content.h-eventi .figure img{max-width:100%}
.content.h-eventi .date{position:relative; overflow:hidden; min-height:76px; margin:-35px 0 30px 0;}
.content.h-eventi .date a{position:absolute; width:100%; height:100%}
.content.h-eventi .date .pl-date{width:66px; height:66px; font-size:0.95em; padding-top:10px; margin:5px 10px}
.content.h-eventi .heading h2{font-size:1.6em}

@media (max-width:991px) {
.content.h-eventi .inner{margin-bottom:30px}
.content.h-eventi .date{margin-bottom:20px}
}

    
/* carousel news
  ========================================================================== */
.content.h-news{padding:100px 0;}
.content.h-news h3{font-size:3em;}
.swi-news-home{overflow:hidden}
.swi-news-home .swiper-slide{float:left; width:85%!important;}
.swi-news-home .figure{float:left; width:45%; padding-right:40px; border-right:5px solid #000 }
.swi-news-home .figure img{width:100%; height:auto;}
.swi-news-home .caption{float:left; width:55%; padding:0 80px 0 40px;}
.swi-news-home .caption .header{position: relative; font-size:0.85em; color:#000; padding:1px 0; margin-bottom:30px; border-bottom:1px solid #000}
.swi-news-home .caption .header:before{position:absolute; bottom:0; left:75px; display:block; content:""; width:5px; height:100%; background:#000}
.swi-news-home .caption .header span{display:inline-block; padding-right:25px;}
.swi-news-home .caption .txt h4{font-size:1.6em;}
.swi-news-home .caption a {position:absolute; bottom:0; font-size:0.85em; color:#df2027}
.swi-news-home .swiper-slide.swiper-slide-next .figure img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.swi-all{position:absolute; bottom:-63px; right:30%; font-size:0.8em;}
/*controlli*/
.swi-news-home .swiper-button-prev,
.swi-news-home .swiper-button-next {top:inherit; margin-top:inherit; bottom:-80px; background:none;}	
.swi-news-home .swiper-button-prev{left:25%}	
.swi-news-home .swiper-button-next{right:25%}	
.swi-news-home .swiper-button-prev:before,
.swi-news-home .swiper-button-prev:after,
.swi-news-home .swiper-button-next:before,
.swi-news-home .swiper-button-next:after {background:#000}	
.swi-news-home  .swiper-pagination-bullets  {bottom:-60px; width:inherit; left: 28%;}
.swi-news-home .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 30px}
.swiper-pagination-bullet-active {background:#df2027;}

@media (max-width:991px) {
.swi-news-home .swiper-slide{width:100%!important;}
.swi-news-home .caption{float:left; width:55%; padding-right:0;}
.swi-news-home .caption p{display:none}
.swi-all{width:100%; bottom:-83px; left:0; right:inherit; text-align:center;}
/*controlli*/
.swi-news-home .swiper-button-prev,
.swi-news-home .swiper-button-next {bottom:-100px;}	
.swi-news-home  .swiper-pagination-bullets  {display:none}
}
@media (max-width:767px) {
.swi-news-home .figure{float:none; width:100%; padding:10px; border-right:0 }
.swi-news-home .caption{float:none; width:100%; padding:20px 10px;}
/*controlli*/
.swi-news-home .swiper-button-prev{left:10%}	
.swi-news-home .swiper-button-next{right:10%}	
}

/* Focus modulo
  ========================================================================== */
.content.h-focus{padding: 120px 0 0 0}
.row-focus{position:relative; float:left; width:100%; margin-bottom:70px;}
.row-focus .figure{float:left; width:70%; padding-right:40px;}
.row-focus .figure img{width:100%; height:auto}
.row-focus .caption{float:left; width:30%; padding:0 80px 0 40px; border-left:5px solid #000}
.row-focus .caption h4{padding:0 0 50px 0;}
.row-focus .caption a{color:#df2027}
.row-focus .more{position:absolute; width:30%; right:0; bottom:0;}
.row-focus .link-agenda{color:#df2027; text-transform:uppercase;}
.row-focus .link-agenda img{margin-bottom:20px}
.row-focus .link-agenda span{display:block}
/*wall*/
.tile-focus{position:relative; float:left; width:100%; margin-bottom:70px;}
.tile-focus .figure{float:left; width:calc(50% + 60px); padding-right:40px;}
.tile-focus .figure img{width:100%; height:auto}
.tile-focus .caption{float:left; position:relative; width:calc(50% - 120px); padding:0 40px 0 0; }
.tile-focus .caption h4{padding:0 0 50px 0;}
.tile-focus  .more{position:absolute; left:calc(50% + 100px); bottom:0; }
.tile-focus  a{color:#df2027; text-transform:uppercase;}
.tile-focus  h4 a{color:#000; text-transform:none;}
.border-dx{margin-right: 40px; border-right:5px solid #000;}
.tile-focus.ts .figure{float:left; width:100%; padding-right:0;}
/*newsletter*/
.tile-newsletter{position:relative; float:left; width:100%; margin-bottom:70px;}
.tile-newsletter .figure{position:relative; z-index:0; opacity:0; width:100%; padding-right:0;}
.tile-newsletter .figure img{width:100%; height:auto}
.tile-newsletter .caption{position:absolute; top:0; left:40px; padding:0 40px; width:100%; height:100%; border-left:5px solid #df2027}
.tile-newsletter .caption a{color:#df2027}
.tile-newsletter .caption img{margin-bottom:20px;}


@media (max-width:1199px) {
.row-focus .caption h4{font-size:1.2em}
.row-focus .caption a{font-size:0.8em}
/*wall*/
.tile-focus .caption h4{font-size:1.2em}
.tile-focus a{font-size:0.8em}
/*newsletter*/
.tile-newsletter .caption h4{font-size:1.2em}
}
@media (max-width:991px) {
.row-focus .figure{width:45%;}
.row-focus .caption{width:55%;}
.row-focus .more{display:none}
/*wall*/
.tile-focus .figure{width:calc(45% + 5px);}
.tile-focus .caption{width:calc(55% - 80px);}
.tile-focus  .more{left:calc(45% + 45px);}
}
@media (max-width:767px) {
.row-focus .figure{width:100%; padding-right:0}
.row-focus .caption{width:100%; padding:20px 0; border-left:0; border-bottom:5px solid #000;}
.row-focus .more{display:none}
/*wall*/
.tile-focus .figure{width:100%; padding:0}
.tile-focus .figure.border-dx{margin:0; border:0;}
.tile-focus .caption{width:100%; padding:20px 0; border-bottom:5px solid #000;}
.tile-focus  .more{left:0; bottom:20px}
/*newsletter*/
.tile-newsletter .figure {display:none}
.tile-newsletter .caption {position:static}
}


/* ==========================================================================
    EVENTO
   ========================================================================== */
/*header*/
.content.ev-header{padding:140px 0 0 0;}
.content.ev-header .headings{padding:15px;}
.content.ev-header h1{margin-bottom:0.2em; font-size:5em;}
.content.ev-header h1:last-child{margin-bottom:0.8em;}
.content.ev-header h2{margin-bottom:1.2em;}
.content.ev-header h6{font-size:1em; line-height:1.5}
.content.ev-header span{position:absolute; right:15px; bottom:15px; font-size:0.8em; color:#df2027}
.content.ev-header .figure{position:relative;}
.content.ev-header .figure img{width:100%}
.content.ev-header a.anc{display:block; position:absolute; z-index:1; left:50%; transform:translate(-50%,-30px); width:60px; height:60px; border-radius:50%; background:#df2027}
.content.ev-header a.anc:before,
.content.ev-header a.anc:after {position:absolute; display:block; content:""; height:1px; width:28px; background:#fff}	
.content.ev-header a.anc:before{top:50%; left:6px; transform:rotate(45deg)}
.content.ev-header a.anc:after{top:50%; right:6px; transform:rotate(-45deg)}
/*page body*/
.evento-place, .evento-presentation, .evento-note {padding-bottom:60px;}
.evento-note {text-align:justify}
.evento-note a{color:#df2027}
.place-list{padding:0!important; margin:0!important}
.place-list li{position:relative; padding-bottom:30px;}
.place-list li:last-child{padding-bottom:0;}
.pl-date{display:inline-block; position:relative; vertical-align:middle; width:120px; height:120px; margin-right:30px; padding-top:16px; text-transform:uppercase; color:#fff; text-align:center; font-size:1.9em; line-height:1; border-radius:50%; background:#000;}
.pl-date a{display:block; position:absolute; width:100%; height:100%; top:0}
.pl-date i{font-style:normal; font-size:0.8em}
.pl-where{display:inline-block; width: calc(100% - 160px); vertical-align:middle; font-size:2em}
.pl-where span{display:block; font-weight:300}
.ev-page .container:before{position: absolute; left:calc(66.6667% - 20px); display:block; content:""; width:5px; height:calc(100% - 20px); background:#000}
.main-body{padding-right:30px;}
/*page aside*/
.evento-date, .evento-cast{padding-bottom:30px;}
.evento-date a{position:absolute; display:block; width:100%; height:100%;}
.evento-date .pl-date{width:66px; height:66px; font-size:0.95em; margin-right:10px; padding-top:10px; box-shadow: 0 0 0 rgba(0,0,0,0.5)}
.evento-date li:hover .pl-date{box-shadow: 0 15px 0 rgba(0,0,0,0.5)}
.evento-date .pl-where{font-size:1.4em; width: calc(100% - 80px);}
.cast-thumb {padding:0!important; margin:0!important}
.cast-thumb li{display:inline-block; position:relative; margin:0 30px 30px 0; font-size:1.2em;}
.cast-thumb li a{position:absolute; display:block; width:100%; height:100%;}
.cast-thumb li:last-child{margin-right:0;}
.cast-thumb li img{width:150px; height:auto; margin-bottom:10px}
.cast-thumb li p{margin:0}
.cast-thumb li span{display:block; font-weight:300}
/*info teatro*/
.place-info{padding-right:30px; color:#df2027}
.place-card{position: relative; width:100%; left:-30px; top:-20px; padding:20px; color:#fff; background:#000}
.place-card a{color:#fff}
.place-card .figure img{width:100%; height:auto}

@media(max-width:991px){
.ev-page .container:before{display:none}
.place-card{position: relative; left:0; top:0;}
/*header*/
.content.ev-header h1{font-size:3.8em;}
/*info teatro*/
.place-info{padding-right:0}
}
@media(max-width:767px){
/*header*/
.content.ev-header{padding:0;}
.content.ev-header h1{font-size:2.2em;}
.content.ev-header h2{font-size:1.6em;}
/*page aside*/
.pl-date{width:90px; height:90px; font-size:1.4em; margin-right:10px; padding-top:10px}
.pl-where{font-size:1.6em; width: calc(100% - 110px);}
.content.ev-header span{display:none}
.content.ev-header a.anc{display:none}
/*page aside*/
.evento-date, .evento-cast{font-size:0.9em;}
.cast-thumb li img{width:120px}
}

/* ==========================================================================
    CALENDARIO EVENTI
   ========================================================================== */
/*ricerca*/
.content.calendario{padding:0 0 70px 0;}
.src-container .filter{float:left; width:100%; padding:20px 0; border-bottom:1px solid #000;}
.src-container .filter .f-col{float:left; width:20%; padding:0 10px;}
.src-container .filter .f-col img{margin:0 5px 5px 0}
.src-container .filter .f-col .btn{color:#000; font-size:1.4em; padding:0; outline:none; border:0; background:transparent}
.src-container .filter .f-col .dropdown-menu {height:250px; overflow-y:scroll; padding:0!important; top:74px; border-radius:0; border-color:#000; border-top:0}
.src-container .filter .f-col .dropdown-menu > li > a {padding:8px; font-size:1.2em; text-align:center}
.src-container .filter .f-col .f-link{color:#000; font-size:1.4em;}
.src-container .filter .f-col .form-control{display:inline-block; color:#000; font-size:1.4em; width:calc(100% - 75px); margin-left:10px; border:0; box-shadow:none;}
.src-container .filter .f-col .form-control::-moz-placeholder {color: #000; opacity: 1;}
.src-container .filter .f-col .form-control:-ms-input-placeholder {color: #000;}
.src-container .filter .f-col .form-control::-webkit-input-placeholder {color: #000;}
.src-container .filter .f-col .btn .caret{margin-left:10px; border-top-width:6px; border-right-width:6px; border-left-width:6px}
.src-container .filter-on{float:left; font-size:1.2em; width:100%; padding:20px 0; margin-bottom:60px; border-bottom:1px solid #000;}
.src-container .filter-on .key .kdx{float:left; min-height:1px; width:65%;}
.src-container .filter-on .key .ksx{float:left; min-height:1px; width:35%;}
.src-container .filter-on .key ul{list-style:none; margin:0!important; padding:0!important}
.src-container .filter-on .key .kdx ul{float:right;}
.src-container .filter-on .key .ksx ul{font-size:1.2em;}
.src-container .filter-on .key ul li{display: inline-block; padding:0 20px 0 0; color:#5a5a5a;}
.src-container .filter-on .key ul li:last-child{padding:0;}
.src-container .filter-on .key ul li a{display: inline-block; padding:0 10px 0 0; color:#df2027;}

/*risultato*/
.row-eventi{float:left; margin-bottom:60px; position:relative; width:100%;}
.row-eventi:after{position:absolute; display:block; content:""; bottom:0; right:0; width:calc(75% - 126px); height:1px; background:#000;}
.row-eventi:before{position:absolute; display:block; content:""; bottom:0; right:47%; width:5px; height:20px; background:#000;}
.row-eventi .figure{float:left; width:25%;}
.row-eventi .figure img{max-width:100%; }
.row-eventi .date{float:left; position:relative; width:30%; right:45%; padding: 0 30px 60px 30px;}
.row-eventi .date .place-list {position:relative}
.row-eventi .date .place-list a{position: absolute; z-index:10; display: block; width: 100%; height: 100%;}
.row-eventi .date .pl-date {width:66px; height:66px; font-size:0.95em; margin-right:10px; padding-top:10px; background:#a0a0a0}
.row-eventi .date li:first-child .pl-date {background:#000}
.row-eventi .date .pl-where {font-size:1.4em; width: calc(100% - 80px);}
.row-eventi .heading{float:left; position:relative; width:45%; left:30%}
.row-eventi .heading h2{font-size:2.4em;}
 
@media(max-width:1199px){
/*ricerca*/
.src-container .filter .f-col img{width:25px; height:auto;}
.src-container .filter .f-col .btn{font-size:1.2em;}
.src-container .filter .f-col .dropdown-menu {top:53px;}
.src-container .filter .f-col .f-link{font-size:1.2em;}
.src-container .filter .f-col .form-control{font-size:1.2em;}
/*risultato*/
.row-eventi .date .pl-where {font-size:1.2em;}
}
@media(max-width:991px){
/*ricerca*/
.src-container .filter .f-col{width:33%; margin:15px 0}
.src-container .filter .f-col img{width:50px; height:auto;}
.src-container .filter .f-col .btn{font-size:1.4em;}
.src-container .filter .f-col .dropdown-menu {top:53px;border-top:1px solid}
.src-container .filter .f-col .f-link{font-size:1.4em;}
.src-container .filter .f-col .form-control{font-size:1.4em;}
/*risultato*/
.row-eventi:after{width:100%;}
.row-eventi:before{display:none}
.row-eventi .figure{width:40%; }
.row-eventi .date{width:100%; padding:30px 0; right:inherit}
.row-eventi .date .place-list li {display:inline-block; width:45%;}
.row-eventi .heading{width:60%; left:inherit; padding:0 0 0 30px}
.row-eventi .heading p{display:none}
}
@media(max-width:767px){
/*ricerca*/
.src-container .filter .f-col{width:50%;}
.src-container .filter .f-col img{width:25px; height:auto;}
.src-container .filter .f-col .btn{font-size:1.2em;}
.src-container .filter .f-col .dropdown-menu {top:53px;}
.src-container .filter .f-col .f-link{font-size:1.2em;}
.src-container .filter .f-col .form-control{font-size:1.2em;}
.src-container .filter-on .key .kdx{width:50%;}
.src-container .filter-on .key .ksx{width:50%;}
/*risultato*/
.row-eventi .date {margin-bottom:30px;}
.row-eventi .date .place-list li {display:block; width:100%; padding-bottom:10px}
.row-eventi .heading h2{font-size:1.8em; margin:0}
.row-eventi .heading h3{display:none;}
}

/* ==========================================================================
    DISCOGRAFIA
   ========================================================================== */

/*elenco*/
.row-disco{float:left; margin-bottom:60px; position:relative; width:100%;}
.row-disco:after{position:absolute; display:block; content:""; bottom:-10px; right:0; width:calc(75% - 126px); height:1px; background:#000;}
.row-disco .figure{float:left; width:25%;}
.row-disco .figure img{max-width:100%; }
.row-disco .heading{float:left; position:relative; width:65%; left:10%}
.row-disco .heading h2{font-size:2.4em;}
 
@media(max-width:1199px){
/*elenco*/
.row-disco:after{width:100%;}
}
@media(max-width:991px){
/*elenco*/
.row-disco:after{width:100%;}
.row-disco .figure{width:40%; }
.row-disco .heading{width:60%; left:inherit; padding:0 0 0 30px}
}
@media(max-width:767px){
/*elenco*/
.row-disco .figure{float:none; margin-bottom:30px; width:100%;}
.row-disco .heading{float:none; width:100%; left:0; padding:0}
.row-disco .heading h2{font-size:1.8em; margin:0}
}

/* ==========================================================================
    TEATRI
   ========================================================================== */
.teatri-list{list-style:none; padding:0!important}
.teatri-list li{margin-bottom: 40px;}
.teatri-list li:nth-child(odd) .inner{padding-right:15px}
.teatri-list li:nth-child(even) .inner{padding-left:15px}
.teatri-list .figure{margin-bottom: 20px;}
.teatri-list .figure img{width:100%}
.teatri-list .t-info h5{text-transform:uppercase;}
.teatri-list .t-info a {color: #000;}
.teatri-list .t-info .link-agenda {color: #df2027;}
.teatri-list .t-info .link-agenda  img{margin-right:15px}

@media(max-width:767px){
.teatri-list li:nth-child(odd) .inner,
.teatri-list li:nth-child(even) .inner{padding:0}
}

/* ==========================================================================
    NEWS
   ========================================================================== */
.content.news{padding-top:0}
/*lista*/
.news-list{list-style:none; padding:0!important}
.news-list li{float:left; position:relative; width:85%; margin-bottom:80px}
.news-list li:last-child{margin-bottom:0}
.news-list li:nth-child(even) {margin-left:15%}
.news-list .figure{float:left; width:45%; padding-right:40px; border-right:5px solid #000 }
.news-list .figure img{width:100%; height:auto;}
.news-list .caption{float:left; width:55%; padding:0 0 0 40px;}
.news-list .caption .header{position: relative; font-size:0.85em; color:#000; padding:1px 0; margin-bottom:30px; border-bottom:1px solid #000}
.news-list .caption .header:before{position:absolute; bottom:0; left:75px; display:block; content:""; width:5px; height:100%; background:#000}
.news-list .caption .header span{display:inline-block; padding-right:25px;}
.news-list .caption .txt h4{font-size:1.6em;}
.news-list .caption a {position:absolute; bottom:0; font-size:0.85em; color:#df2027}
/*dettaglio*/
.content.news-det .header{position: relative; font-size:0.85em; color:#000; padding:1px 0; margin-bottom:30px; border-bottom:1px solid #000}
.content.news-det .header:before{position:absolute; bottom:0; left:75px; display:block; content:""; width:5px; height:100%; background:#000}
.content.news-det .header span{display:inline-block; padding-right:25px;}
.content.news-det .txt img{max-width:100%}
.content.news-det .press{position:relative}
.content.news-det .press span{color:#df2027;}
.content.news-det .press img{display:block; margin:15px}
.content.news-det .share{position:relative}
.content.news-det .share .btn-share {float:left; cursor:pointer}
.content.news-det .share .btn-share span{color:#df2027;}
.content.news-det .share .btn-share img{display:block; margin:15px auto}
.content.news-det .share .btn-share .dropdown-menu {padding:20px 10px!important; min-width:50px; left:15px; top:110px; border-radius: 0; border-color: #222; background:#222}
.content.news-det .share .btn-share .dropdown-menu:after {position:absolute; content:""; top:-8px; left:15px; transform:rotate(45deg); width:20px; height:20px; background:#222}
.content.news-det .n-nav {position:relative; margin-top:60px; font-size:0.9em;}
.content.news-det .n-nav ul{padding:0!important; margin:0!important}
.content.news-det .n-nav ul li{position:absolute; z-index:10;}
.content.news-det .n-nav ul li.prev{left:0;}
.content.news-det .n-nav ul li.next{right:0;}
.content.news-det .n-nav ul li.prev a,
.content.news-det .n-nav ul li.next a{display:block; position:relative; color:#000}
.content.news-det .n-nav ul li.prev a{padding-left:50px;}
.content.news-det .n-nav ul li.next a{padding-right:50px;}
.content.news-det .n-nav ul li.prev a:after,
.content.news-det .n-nav ul li.prev a:before,
.content.news-det .n-nav ul li.next a:after,
.content.news-det .n-nav ul li.next a:before{position:absolute; content:""; width:30px; height:1px; background:#000}
.content.news-det .n-nav ul li.prev a:after{left:0; top:21px; transform:rotate(45deg);}
.content.news-det .n-nav ul li.prev a:before{left:0; transform:rotate(-45deg);}
.content.news-det .n-nav ul li.next a:after{right:0; top:21px; transform:rotate(-45deg);}
.content.news-det .n-nav ul li.next a:before{right:0; transform:rotate(45deg);}
.content.news-det .n-nav ul li.next a span,
.content.news-det .n-nav ul li.prev a span{display:inline-block; padding-top:3px;}

.content.news-det .n-nav ul li.all{z-index:5; width:100%; text-align:center;}
.content.news-det .n-nav ul li.all a{color:#df2027;}



@media(max-width:991px){
.news-list li{width:100%;}
.news-list li:nth-child(even) {margin-left:0}
.news-list .caption .txt p{display:none}
}
@media (max-width:767px) {
.news-list .figure{float:none; width:100%; padding:10px; border-right:0 }
.news-list .caption{float:none; width:100%; padding:20px 10px;}
/*dettaglio*/
.content.news-det .share{display:none}
.content.news-det .n-nav ul li.prev a span,
.content.news-det .n-nav ul li.next a span{display:none}
}

/* ==========================================================================
    PAGINA
   ========================================================================== */
.content.page .p-intro{font-size:1.4em; margin-bottom:70px; color:#5a5a5a}
.content.page .p-intro p:last-child{margin:0}
.content.page .txt img{max-width:100%}

/* ==========================================================================
    ORCHESTRA
   ========================================================================== */
.content.page-nav ul{}

/* ==========================================================================
    AMM. TRASPARENTE
   ========================================================================== */
.content.amm-t .aside-menu{padding-right:20px; border-right:5px solid #000}
ul.amm-nav{padding:0; color:#000; z-index:49; min-width:100%;}
ul.amm-nav .l-home{padding:10px 0; margin-bottom:10px; border-bottom:1px solid #eee;}
ul.amm-nav .l-home a{font-size:0.85em; padding:0; color:#df2027; text-transform:uppercase;}
ul.amm-nav .l-section{font-size:0.85em; color:#df2027; text-transform:uppercase;}
ul.amm-nav li.l-section ul{padding:10px 0 0 0; margin:10px 0 20px 0; border-top:1px solid #eee}
ul.amm-nav .l-page{padding:3px 0; text-transform:none;}
ul.amm-nav .l-page a:hover{color:#000; text-decoration:underline}
ul.amm-nav .l-page span{display:block; padding:4px 12px;}
.content.amm-t .txt ul {list-style:circle;}
.content.amm-t .txt ul li{padding:8px 0; border-bottom:1px solid #eee}
.content.amm-t .txt ul li a{text-transform:uppercase}   
   
.content.amm-t .aside-menu .dropdown-menu{display:block; position:relative; border:inherit; padding:inherit; box-shadow:none; border-radius:0; font-size:inherit}
#ddmenu{display:none}

@media(max-width:991px){
.content.amm-t .aside-menu{padding-bottom:30px; border-right:0}
.content.amm-t .aside-menu .dropdown-menu{display:none; position:relative; padding:10px; border:1px solid #ddd; border-top:none;}
.open > .dropdown-menu{display:block!important;}
#ddmenu{display:block}
}   

/* ==========================================================================
    AUDIZIONI
   ========================================================================== */
.content.auditions .aside-menu{padding-right:20px; border-right:5px solid #000}
ul.amm-nav{padding:0; color:#000; z-index:49; min-width:100%;}
ul.amm-nav .l-home{padding:10px 0; margin-bottom:10px; border-bottom:1px solid #eee;}
ul.amm-nav .l-home a{font-size:0.85em; padding:0; color:#df2027; text-transform:uppercase;}
ul.amm-nav .l-section{font-size:0.85em; color:#df2027; text-transform:uppercase;}
ul.amm-nav li.l-section ul{padding:10px 0 0 0; margin:10px 0 20px 0; border-top:1px solid #eee}
ul.amm-nav .l-page{padding:3px 0; text-transform:none;}
ul.amm-nav .l-page a:hover{color:#000; text-decoration:underline}
ul.amm-nav .l-page span{display:block; padding:4px 12px;}
.content.auditions .txt ul {list-style:circle;}
.content.auditions .txt ul li{padding:8px 0; border-bottom:1px solid #eee}
.content.auditions .txt ul li a{text-transform:uppercase}   
   
.content.auditions .aside-menu .dropdown-menu{display:block; position:relative; border:inherit; padding:inherit; box-shadow:none; border-radius:0; font-size:inherit}
#ddmenu{display:none}

@media(max-width:991px){
.content.auditions .aside-menu{padding-bottom:30px; border-right:0}
.content.auditions .aside-menu .dropdown-menu{display:none; position:relative; padding:10px; border:1px solid #ddd; border-top:none;}
.open > .dropdown-menu{display:block!important;}
#ddmenu{display:block}
}   

/* ==========================================================================
    FOOTER
   ========================================================================== */

#geo {width:100%; height:100%; z-index:10;}
#googlemap {width:100% !important;}

footer {
    clear:both;
    position:relative;
    width:100%;
    padding:40px 0;
    font-size:0.9em;
    line-height:1.5em;
    color:#fff;
    background:#000;
}
footer ul {list-style:none;}
footer ul li{padding: 8px 0;}
footer a {text-decoration:none; color:#fff;}
footer a:hover {color:#df2027;}
footer small {font-size:0.7em;}

footer .bottom span {font-weight:bold;}
footer .ico-list {padding:0;}
footer .ico-list li {display: inline-block; margin-right:35px;}
footer .ico-list.social li a{display:block; padding:8px; width:50px; height:50px; border-radius:50%; border:1px solid #fff;}
footer .ico-list.social li a .ico-facebook {-webkit-mask:url(../images/ico-facebook.svg); mask:url(../images/ico-facebook.svg);}
footer .ico-list.social li a .ico-instagram{-webkit-mask:url(../images/ico-instagram.svg); mask:url(../images/ico-instagram.svg);}
footer .ico-list.social li a .ico-youtube {-webkit-mask:url(../images/ico-youtube.svg); mask:url(../images/ico-youtube.svg);}
footer .ico-list.social li a .icon{display:block; width:32px; height:32px; background:#fff; -webkit-mask-size: cover; mask-size: cover;}
footer .ico-list li:last-child {margin:0;}
footer .ico-list.social {padding:30px 0;}
footer .ico-list.social li {margin-right:10px;}


@media (max-width:991px) {
footer .ico-list {text-align:center; font-size:0}
footer .ico-list li {display:inline-block; margin:0 20px 0 0;}
footer .ico-list li a span{width:42px; height:42px; border:8px solid #fff;}
footer .nav-list li {text-align:center}
}
@media (max-width:767px) {
footer .ico-list {margin:0 auto;}
footer .ico-list li:last-child {margin:0;}
}

.modal-theme-dark .modal-content {background:#000; color:#ddd}
.modal-theme-dark .modal-header {border-bottom:1px solid #333;}

.modal-content {border-radius:0;}
#modalNewsletter {font-size:0.8em;}
#modalNewsletter .btn {border-radius:0; color:#fff; border-color:#333; background:#f00;}
#modalNewsletter input[type=text]{border-color:#333; background:#333;}
#msgReg {
    display:none;
    padding:20px;
    margin-top:20px;
    text-align:center;
    font-style:italic;
    border-top:2px solid #fff;
}