/* Pinacoteca di Brera */
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 125, ../sass/screen.scss */
#logo_biblioteca {
  position: absolute;
  top: 15px;
  right: 15px;
}
/* line 129, ../sass/screen.scss */
#logo_biblioteca svg {
  width: 80px;
  height: 62px;
}

/* line 136, ../sass/screen.scss */
.media-box-home {
  border: solid 1px #867d76;
  padding-top: 15px;
  height: 100%;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: -2px;
  position: relative;
}
@media (min-width: 992px) {
  /* line 136, ../sass/screen.scss */
  .media-box-home {
    height: 446px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
/* line 152, ../sass/screen.scss */
.media-box-home img {
  margin-bottom: 15px;
}
/* line 156, ../sass/screen.scss */
.media-box-home h3 {
  font-family: "Raleway";
  font-size: 1.7em;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 1.3em;
}
/* line 164, ../sass/screen.scss */
.media-box-home .categoria-media {
  font-family: "Raleway";
  font-size: 1.2em;
  text-transform: uppercase;
  width: auto;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #FFF;
  background-color: #383e42;
}

/* line 184, ../sass/screen.scss */
#social-btn {
  position: fixed;
  right: 0px;
  top: 200px;
  width: 40px;
  z-index: 1000;
}
/* line 194, ../sass/screen.scss */
#social-btn a {
  background-color: #867d76;
  color: #fff;
  text-align: center;
  width: 40px;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 1.5em;
  margin-bottom: 10px;
  opacity: 0.7;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 206, ../sass/screen.scss */
#social-btn a:hover {
  background-color: #BDB69C;
  opacity: 1;
}
/* line 213, ../sass/screen.scss */
#social-btn a.active {
  background-color: #BDB69C;
}

/* line 224, ../sass/screen.scss */
a {
  cursor: pointer;
}
/* line 226, ../sass/screen.scss */
a:visited {
  color: inherit;
}
/* line 229, ../sass/screen.scss */
a:active {
  border: none;
}

/* line 236, ../sass/screen.scss */
#btn-menu-filtri a {
  font-family: "Raleway";
  display: block;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-transform: uppercase;
  background-color: #867d76;
  cursor: pointer;
  position: relative;
}
/* line 250, ../sass/screen.scss */
#btn-menu-filtri a:before {
  content: "\f13a";
  font-family: FontAwesome;
  right: 15px;
  position: absolute;
  top: 3px;
  color: #fff;
  font-size: 2em;
}
/* line 261, ../sass/screen.scss */
#btn-menu-filtri a.active:before {
  content: "\f139";
}

/* line 266, ../sass/screen.scss */
.fixed {
  position: fixed;
}

/* line 269, ../sass/screen.scss */
.absolute-center {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

/* line 279, ../sass/screen.scss */
.attivita {
  background-color: #92886f;
}

/* line 283, ../sass/screen.scss */
.mostre {
  background-color: #5d6058;
}

/* line 287, ../sass/screen.scss */
.dialoghi {
  background-color: #5b686d;
}

/* line 290, ../sass/screen.scss */
.educativi,
.percorsi {
  background-color: #8c969d;
}

/* line 295, ../sass/screen.scss */
.news {
  background-color: #383e42;
}

/* line 299, ../sass/screen.scss */
.breramedia {
  background-color: #c32814;
}

/* line 303, ../sass/screen.scss */
.brerastories {
  background-color: #c32814;
}

/* line 308, ../sass/screen.scss */
.padding-top-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -2px;
}

/* line 314, ../sass/screen.scss */
.gancio:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0px;
  top: -15px;
  background: url(../../../images/my-brera/gancio-gray.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 326, ../sass/screen.scss */
img.full-width {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 326, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  /* line 326, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}

/* line 345, ../sass/screen.scss */
img.page-image-header {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 345, ../sass/screen.scss */
  img.page-image-header {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  /* line 345, ../sass/screen.scss */
  img.page-image-header {
    margin-top: 0px;
  }
}

/* line 364, ../sass/screen.scss */
#breadcrumb {
  background-color: #eceded;
  position: relative;
  color: #000;
  font-weight: 300;
  border-top: solid 1px #867d76;
  border-bottom: solid 1px #867d76;
}
/* line 372, ../sass/screen.scss */
#breadcrumb .container {
  position: relative;
}
/* line 375, ../sass/screen.scss */
#breadcrumb span {
  font-weight: 700;
}
/* line 379, ../sass/screen.scss */
#breadcrumb a {
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
/* line 383, ../sass/screen.scss */
#breadcrumb a:hover {
  color: #BDB69C;
  font-weight: 300;
}

/* line 390, ../sass/screen.scss */
.margin-top {
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 390, ../sass/screen.scss */
  .margin-top {
    margin-top: 30px;
  }
}

/* line 398, ../sass/screen.scss */
#utility {
  position: relative;
  text-align: right;
}

/* line 405, ../sass/screen.scss */
.box-mobile {
  margin-bottom: 30px;
  border-bottom: solid 1px #867d76;
  padding-bottom: 30px;
  position: relative;
}
/* line 410, ../sass/screen.scss */
.box-mobile:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}
/* line 418, ../sass/screen.scss */
.box-mobile .col-xs-8 {
  padding-bottom: 30px;
}

/* line 423, ../sass/screen.scss */
.box-desktop {
  border: solid 1px #867d76;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* line 428, ../sass/screen.scss */
.box-desktop img {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  /* line 433, ../sass/screen.scss */
  .main-container {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}

/* line 443, ../sass/screen.scss */
.hover {
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
@media (min-width: 992px) {
  /* line 448, ../sass/screen.scss */
  .hover:hover {
    opacity: 0.7;
  }
}

/* line 457, ../sass/screen.scss */
#share-icon-top {
  position: absolute;
  right: 0px;
  top: 30px;
  height: 72px;
  width: 24px;
  background-color: #736a68;
  display: none;
}
/* line 466, ../sass/screen.scss */
#share-icon-top a {
  text-align: center;
  width: 24px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  display: block;
  font-size: 1.3em;
  border-bottom: solid 1px #eceded;
}

/* line 479, ../sass/screen.scss */
#sharediv {
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}

/* line 485, ../sass/screen.scss */
#share-icon {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  height: 31px;
}
/* line 494, ../sass/screen.scss */
#share-icon a {
  margin-left: 0px;
  height: 31px;
  width: 30px;
  text-align: center;
  line-height: 31px;
  font-size: 1.5em;
  margin-bottom: 0px !important;
  color: #fff !important;
  border: none !important;
  padding: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  background-color: #867d76;
  cursor: pointer;
  display: inline-block;
}

/* line 513, ../sass/screen.scss */
span.share {
  display: inline-block;
  padding: 7px;
  border: solid 1px #867d76;
  text-transform: uppercase;
  margin-right: 0px !important;
  color: #867d76;
  font-size: 1.3em;
}

/* line 526, ../sass/screen.scss */
.search-wrapper {
  position: relative;
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 526, ../sass/screen.scss */
  .search-wrapper {
    margin-top: 0px;
  }
}

/* line 540, ../sass/screen.scss */
form#search input {
  width: 80%;
  height: 35px;
  float: right;
}
/* line 549, ../sass/screen.scss */
form#search button {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 20%;
  height: 35px;
  background-color: #867d76;
  color: #FFF;
  font-weight: 700;
  border: none;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 559, ../sass/screen.scss */
form#search button i {
  font-size: 1.5em;
}
/* line 564, ../sass/screen.scss */
form#search button:hover {
  background-color: #BDB69C;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 549, ../sass/screen.scss */
  form#search button {
    width: 34%;
  }
}
@media (min-width: 992px) {
  /* line 549, ../sass/screen.scss */
  form#search button {
    width: 20%;
  }
}

/* line 582, ../sass/screen.scss */
form#search-collezioni {
  font-size: 0.7em;
  margin-top: 10px;
}
/* line 586, ../sass/screen.scss */
form#search-collezioni input {
  width: 180px;
  height: 23px;
  float: left;
}
@media (min-width: 768px) {
  /* line 586, ../sass/screen.scss */
  form#search-collezioni input {
    width: 160px;
  }
}
/* line 596, ../sass/screen.scss */
form#search-collezioni button {
  font-size: 0.9em;
  float: left;
  width: 72px;
  height: 23px;
  background-color: #867d76;
  color: #FFF;
  font-weight: 700;
  border: none;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 608, ../sass/screen.scss */
form#search-collezioni button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 619, ../sass/screen.scss */
.main-image {
  margin-top: 60px;
}
@media (min-width: 768px) {
  /* line 619, ../sass/screen.scss */
  .main-image {
    margin-top: 100px;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 619, ../sass/screen.scss */
  .main-image {
    margin-top: 113px;
  }
}
@media (min-width: 1200px) {
  /* line 619, ../sass/screen.scss */
  .main-image {
    margin-top: 0px;
  }
}

/* line 641, ../sass/screen.scss */
#noresults {
  float: left;
}
/* line 644, ../sass/screen.scss */
#noresults h3 {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 60px;
}

/* line 655, ../sass/screen.scss */
.thumb-gallery {
  margin-bottom: 15px;
}
/* line 658, ../sass/screen.scss */
.thumb-gallery img {
  width: 100%;
  height: auto;
}

/* line 664, ../sass/screen.scss */
.gallery {
  margin-top: 10px;
  position: relative;
  width: 100%;
}
/* line 669, ../sass/screen.scss */
.gallery figcaption {
  display: none;
}

/* line 675, ../sass/screen.scss */
.pswp__caption__center h5 {
  color: #867d76;
  font-size: 1em;
}

/* line 684, ../sass/screen.scss */
.pdf-documents {
  display: block;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 0px;
}
/* line 691, ../sass/screen.scss */
.pdf-documents li {
  border-bottom: solid 1px #867d76;
  background: url(../../../images/my-brera/pdf.png) no-repeat;
  background-position: left center;
  padding-bottom: 15px;
}
/* line 697, ../sass/screen.scss */
.pdf-documents li:last-child {
  border-bottom: none;
}
/* line 702, ../sass/screen.scss */
.pdf-documents a {
  font-weight: 600;
}
/* line 706, ../sass/screen.scss */
.pdf-documents h6 {
  margin-bottom: 0px;
}
/* line 710, ../sass/screen.scss */
.pdf-documents div {
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
  padding-left: 47px;
}

/* line 723, ../sass/screen.scss */
.alignright {
  float: right;
  width: 50%;
  height: auto;
  margin-left: 30px;
}

/* line 730, ../sass/screen.scss */
.wp-caption-text {
  font-size: 0.9em;
  color: #867d76;
  margin-bottom: 40px;
  margin-top: 8px;
  line-height: 1.5em;
}

/* line 739, ../sass/screen.scss */
.wp-caption img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

/* line 745, ../sass/screen.scss */
.aligncenter {
  width: 100%;
  height: auto;
}

/* line 755, ../sass/screen.scss */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 15px;
}

/* line 762, ../sass/screen.scss */
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 776, ../sass/screen.scss */
body {
  font-size: 12px;
  font-family: "Raleway";
  background-color: #eceded;
}

/* line 783, ../sass/screen.scss */
main {
  opacity: 0;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/* line 788, ../sass/screen.scss */
main.loaded {
  opacity: 1;
}

/* line 792, ../sass/screen.scss */
a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}

/* line 797, ../sass/screen.scss */
a {
  color: inherit;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
/* line 801, ../sass/screen.scss */
a:hover {
  color: #BDB69C;
}

/* line 812, ../sass/screen.scss */
h1 {
  color: #867d76;
  font-family: "Playfair Display";
  font-weight: 300;
  font-size: 2.25em;
  margin-bottom: 15px;
}
/* line 819, ../sass/screen.scss */
h1 span {
  font-family: "Raleway";
  font-size: 0.5em;
  font-weight: 300;
}
@media (min-width: 992px) {
  /* line 812, ../sass/screen.scss */
  h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 1200px) {
  /* line 812, ../sass/screen.scss */
  h1 {
    font-size: 3em;
  }
}

/* line 836, ../sass/screen.scss */
#chi-siamo h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2.3em;
  text-transform: uppercase;
  color: #867d76;
  margin-bottom: 10px;
}

/* line 846, ../sass/screen.scss */
h2 {
  font-family: "merriweather";
}

/* line 851, ../sass/screen.scss */
h1.Raleway {
  font-family: "Raleway";
  color: #867d76;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: 1em;
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
@media (min-width: 768px) {
  /* line 851, ../sass/screen.scss */
  h1.Raleway {
    margin-top: 0px;
  }
}
/* line 867, ../sass/screen.scss */
h1.Raleway span {
  font-family: "Raleway";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

/* line 876, ../sass/screen.scss */
h1.italic {
  font-style: italic;
}

/* line 881, ../sass/screen.scss */
h1.Raleway.loadingajaxtimer:after {
  position: absolute;
  right: -60px;
  top: -5px;
  width: 50px;
  height: 50px;
  content: "";
  background: url(../../../images/my-brera/default.svg) no-repeat;
}

/* line 895, ../sass/screen.scss */
h1.Merriweather {
  font-family: "Merriweather";
  color: #867d76;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: 1em;
}
/* line 903, ../sass/screen.scss */
h1.Merriweather span {
  font-family: "Merriweather";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

/* line 911, ../sass/screen.scss */
h1.italic {
  font-style: italic;
}

/* line 918, ../sass/screen.scss */
h4 {
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 925, ../sass/screen.scss */
h5 {
  font-family: "Raleway";
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 1.3em;
}

/* line 935, ../sass/screen.scss */
h5.Playfair Display {
  font-family: "Playfair Display";
  font-size: 1.8em;
  line-height: 1em;
}

/* line 942, ../sass/screen.scss */
h6 {
  font-family: "Raleway";
  font-weight: 500;
  font-size: 1.1em;
  color: #736a68;
  margin-bottom: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* line 956, ../sass/screen.scss */
p {
  font-family: "merriweather";
  font-weight: 300;
  color: #000;
  font-size: 1.05em;
  line-height: 1.7em;
  margin-bottom: 1em;
}
/* line 963, ../sass/screen.scss */
p:last-child {
  margin-bottom: 0px;
}

/* line 967, ../sass/screen.scss */
strong,
b {
  font-weight: 700;
  color: #000;
}

/* line 974, ../sass/screen.scss */
em {
  font-style: italic;
}

/* line 978, ../sass/screen.scss */
a.read-more,
span.read-more {
  display: block;
  font-size: 500;
  color: #867d76;
  font-size: 1.1em;
  position: absolute;
  right: 50px;
  bottom: 10px;
}
/* line 987, ../sass/screen.scss */
a.read-more:after,
span.read-more:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 15px;
  right: -20px;
  top: -2px;
  background: url(../../../images/my-brera/read-more.png);
}
/* line 998, ../sass/screen.scss */
a.read-more:hover,
span.read-more:hover {
  color: #BDB69C;
}
/* line 1000, ../sass/screen.scss */
a.read-more:hover:after,
span.read-more:hover:after {
  background: url(../../../images/my-brera/read-more-hover.png);
}

/* line 1009, ../sass/screen.scss */
a.info-button {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../../../images/my-brera/info-btn.png);
  top: 15px;
  right: 30px;
}
@media (min-width: 768px) {
  /* line 1009, ../sass/screen.scss */
  a.info-button {
    right: 40px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  /* line 1009, ../sass/screen.scss */
  a.info-button {
    right: 15px;
  }
}

/* line 1032, ../sass/screen.scss */
a.info-button-sm {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../../../images/my-brera/info-btn.png);
  top: 15px;
  left: 0px;
}

/* line 1060, ../sass/screen.scss */
#filterbar {
  border-bottom: solid 1px #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #867d76;
  display: none;
}
/* line 1067, ../sass/screen.scss */
#filterbar p {
  font-size: 1.2em;
  font-weight: 400;
  color: #867d76;
}
/* line 1074, ../sass/screen.scss */
#filterbar h5 {
  font-size: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Raleway";
}
/* line 1081, ../sass/screen.scss */
#filterbar ul li {
  margin-bottom: 8px;
}
/* line 1085, ../sass/screen.scss */
#filterbar input[type="checkbox"] {
  display: none;
}
/* line 1089, ../sass/screen.scss */
#filterbar label {
  margin-left: 13px;
  text-indent: -13px;
  cursor: pointer;
}
/* line 1096, ../sass/screen.scss */
#filterbar input[type="checkbox"] + label span {
  display: inline-block;
  cursor: pointer;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  background: url(../../../images/my-brera/check_radio_sheet.png) left top no-repeat;
}
/* line 1105, ../sass/screen.scss */
#filterbar input.filterInput[type="checkbox"]:checked + label span {
  background: url(../../../images/my-brera/check_radio_sheet.png) -8px top no-repeat;
}
/* line 1109, ../sass/screen.scss */
#filterbar button {
  border: none;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: solid 1px #867d76;
  font-weight: 400;
  text-align: left;
  font-size: 0.9em;
  position: relative;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 1122, ../sass/screen.scss */
#filterbar button:hover {
  background-color: #BDB69C;
}
/* line 1129, ../sass/screen.scss */
#filterbar button[type="submit"]:after {
  position: absolute;
  content: "\f002";
  font-family: "FontAwesome";
  color: #fff;
  height: 100%;
  width: 30px;
  right: 0px;
  background-color: #867d76;
  top: 0px;
  text-align: center;
  padding-top: 8px;
  font-size: 1.2em;
}
/* line 1148, ../sass/screen.scss */
#filterbar button[type="reset"]:after {
  position: absolute;
  content: "\f014";
  font-family: "FontAwesome";
  color: #fff;
  height: 100%;
  width: 30px;
  right: 0px;
  background-color: #867d76;
  top: 0px;
  text-align: center;
  padding-top: 8px;
  font-size: 1.2em;
}

/* line 1168, ../sass/screen.scss */
.col-filter {
  border-right: solid 1px #867d76;
}
/* line 1172, ../sass/screen.scss */
.col-filter:last-child {
  border-right: none;
}

/* line 1177, ../sass/screen.scss */
.first-row {
  border-right: none;
}
@media (min-width: 992px) {
  /* line 1177, ../sass/screen.scss */
  .first-row {
    border-right: solid 1px #867d76;
  }
}

/* line 1185, ../sass/screen.scss */
.sale-mobile {
  display: block;
}
@media (min-width: 992px) {
  /* line 1185, ../sass/screen.scss */
  .sale-mobile {
    display: none;
  }
}

/* line 1193, ../sass/screen.scss */
.col-materie {
  border-right: none;
}
@media (min-width: 992px) {
  /* line 1193, ../sass/screen.scss */
  .col-materie {
    border-right: solid 1px #867d76;
  }
}

/* line 1202, ../sass/screen.scss */
.col-sale {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 1202, ../sass/screen.scss */
  .col-sale {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }
}

/* line 1222, ../sass/screen.scss */
#chi-siamo .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1222, ../sass/screen.scss */
  #chi-siamo .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 1222, ../sass/screen.scss */
  #chi-siamo .grid-sizer {
    width: 33.333333%;
  }
}

/* line 1237, ../sass/screen.scss */
#masonry {
  opacity: 0;
  width: 100%;
  float: left;
  margin-top: 30px;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/* line 1245, ../sass/screen.scss */
#masonry.loaded {
  opacity: 1;
}

/* line 1250, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2 {
  opacity: 0;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
/* line 1254, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2.loaded {
  opacity: 1;
}
/* line 1258, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2 .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1258, ../sass/screen.scss */
  #masonry-wrapper-ajax-col-2 .grid-sizer {
    width: 50%;
  }
}

/* line 1276, ../sass/screen.scss */
#header-mobile {
  z-index: 100;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 1290, ../sass/screen.scss */
#header-mobile img {
  height: 100%;
  width: auto;
}
/* line 1295, ../sass/screen.scss */
#header-mobile a.menu-mobile-open,
#header-mobile a.menu-mobile-info {
  color: #FFF;
  position: absolute;
  font-size: 2.8em;
}
@media (min-width: 768px) {
  /* line 1295, ../sass/screen.scss */
  #header-mobile a.menu-mobile-open,
  #header-mobile a.menu-mobile-info {
    font-size: 4em;
  }
}
@media (min-width: 768px) {
  /* line 1276, ../sass/screen.scss */
  #header-mobile {
    height: 100px;
  }
}

/* line 1313, ../sass/screen.scss */
.menu-mobile-open {
  left: 15px;
  top: 12px;
}
@media (min-width: 768px) {
  /* line 1313, ../sass/screen.scss */
  .menu-mobile-open {
    top: 20px;
  }
}

/* line 1324, ../sass/screen.scss */
.menu-mobile-info {
  right: 15px;
  top: 15px;
}
@media (min-width: 768px) {
  /* line 1324, ../sass/screen.scss */
  .menu-mobile-info {
    top: 25px;
  }
}
/* line 1332, ../sass/screen.scss */
.menu-mobile-info img {
  height: 30px !important;
  width: auto !important;
}
@media (min-width: 768px) {
  /* line 1332, ../sass/screen.scss */
  .menu-mobile-info img {
    height: 40px !important;
    width: auto !important;
  }
}

/* line 1347, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-1 .mm-panels {
  top: 60px;
}
/* line 1351, ../sass/screen.scss */
.mm-brera .mm-prev::before {
  border-bottom: medium none;
  border-right: medium none;
  left: 20px;
}
/* line 1359, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-2 .mm-panels {
  top: 60px;
}
/* line 1363, ../sass/screen.scss */
.mm-brera .mm-navbar-top {
  padding-left: 20px;
  height: 60px;
  background-color: #eceded;
  text-transform: uppercase;
}
/* line 1370, ../sass/screen.scss */
.mm-brera .mm-navbar-top .mm-prev::before, .mm-brera .mm-navbar-top .mm-next::after, .mm-brera .mm-navbar-top .mm-arrow::after {
  top: 20px;
}
/* line 1374, ../sass/screen.scss */
.mm-brera .mm-navbar-top a {
  color: #867d76;
  font-weight: 700;
  font-size: 1.41em;
  padding-top: 20px;
}
/* line 1383, ../sass/screen.scss */
.mm-brera .mm-panel {
  background-color: #867d76;
}
/* line 1386, ../sass/screen.scss */
.mm-brera .mm-panel a {
  color: #fff;
  font-weight: 700;
  font-size: 1.16em;
}
/* line 1396, ../sass/screen.scss */
.mm-brera .mm-listview {
  border-color: #fff;
}
/* line 1400, ../sass/screen.scss */
.mm-brera li#menu-item-5203,
.mm-brera li#menu-item-5204,
.mm-brera li#menu-item-5205,
.mm-brera li#menu-item-5206,
.mm-brera li#menu-item-5207,
.mm-brera li#menu-item-5208,
.mm-brera li#menu-item-5209,
.mm-brera li#menu-item-5202 {
  background-color: #eceded;
}
/* line 1409, ../sass/screen.scss */
.mm-brera li#menu-item-5203 a,
.mm-brera li#menu-item-5204 a,
.mm-brera li#menu-item-5205 a,
.mm-brera li#menu-item-5206 a,
.mm-brera li#menu-item-5207 a,
.mm-brera li#menu-item-5208 a,
.mm-brera li#menu-item-5209 a,
.mm-brera li#menu-item-5202 a {
  color: #867d76;
}
/* line 1414, ../sass/screen.scss */
.mm-brera li#menu-item-5212,
.mm-brera li#menu-item-5210,
.mm-brera li#menu-item-5297,
.mm-brera li#menu-item-6105,
.mm-brera li#menu-item-5503,
.mm-brera li#menu-item-5963,
.mm-brera li#menu-item-6106,
.mm-brera li#menu-item-6109,
.mm-brera li#menu-item-6108,
.mm-brera li#menu-item-6110,
.mm-brera li#menu-item-6107,
.mm-brera li#menu-item-7446,
.mm-brera li#menu-item-7447,
.mm-brera li#menu-item-7448,
.mm-brera li#menu-item-7449,
.mm-brera li#menu-item-7450,
.mm-brera li#menu-item-7451,
.mm-brera li#menu-item-7452,
.mm-brera li#menu-item-7454,
.mm-brera li#menu-item-8478,
.mm-brera li#menu-item-8491,
.mm-brera li#menu-item-8916 {
  background-color: #8c969d;
}
/* line 1441, ../sass/screen.scss */
.mm-brera .mm-navbar-bottom {
  background-color: #444444;
  border-top: #fff 1px solid;
  height: 138px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  /* line 1441, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom {
    height: auto;
  }
}
/* line 1452, ../sass/screen.scss */
.mm-brera .mm-navbar-bottom a {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 25px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 1452, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom a {
    width: auto;
    height: auto;
    margin-right: 10px;
  }
}
/* line 1468, ../sass/screen.scss */
.mm-brera li.language-switcher {
  position: relative;
  background-color: #867d76;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
}
/* line 1474, ../sass/screen.scss */
.mm-brera li.language-switcher a {
  font-weight: 400;
  font-size: 1em;
  display: inline-block;
  padding-left: 0px;
}
/* line 1480, ../sass/screen.scss */
.mm-brera li.language-switcher a:first-child {
  padding-left: 20px;
}
/* line 1484, ../sass/screen.scss */
.mm-brera li.language-switcher a.search {
  position: absolute;
  height: 100%;
  width: 60px;
  right: 0px;
  top: 0px;
  border-left: solid 1px #FFF;
  text-align: center;
}
/* line 1493, ../sass/screen.scss */
.mm-brera li.language-switcher a.search i {
  font-size: 2em;
  width: 100%;
  height: 1em;
}
/* line 1501, ../sass/screen.scss */
.mm-brera li.social {
  background-color: #444444;
}
/* line 1505, ../sass/screen.scss */
.mm-brera li.social a {
  font-size: 1.5em;
  display: inline-block;
}
/* line 1513, ../sass/screen.scss */
.mm-brera li.mibac {
  background-color: #444444;
  border-top: solid 1px #fff;
}
/* line 1517, ../sass/screen.scss */
.mm-brera li.mibac a {
  display: inline-block;
  margin-right: 5px;
}
/* line 1522, ../sass/screen.scss */
.mm-brera li.mibac span {
  color: #fff;
  font-size: 0.8em;
  font-weight: 400;
  display: inline-block;
  line-height: 1.2em;
  padding-left: 0px;
}

/* line 1535, ../sass/screen.scss */
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after {
  border-color: #fff;
}

/* line 1540, ../sass/screen.scss */
.mm-listview > li:not(.mm-divider)::after {
  left: 0px;
}

/* line 1544, ../sass/screen.scss */
.search-mobile {
  height: 42px;
}
/* line 1548, ../sass/screen.scss */
.search-mobile input {
  width: 80%;
  height: 40px;
  margin: 0px;
  margin-left: 5px;
}
/* line 1555, ../sass/screen.scss */
.search-mobile button {
  width: 11%;
  height: 40px;
  margin: 0px;
  border: none;
}

/* line 1569, ../sass/screen.scss */
#header-desktop {
  height: 113px;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 100;
}

/* line 1578, ../sass/screen.scss */
#search-header {
  height: 30px;
  background-color: #fff;
  border-bottom: solid 1px #736a68;
  display: none;
}
/* line 1584, ../sass/screen.scss */
#search-header form {
  float: right;
  height: 20px;
  margin-top: 5px;
  margin-right: 70px;
}
/* line 1590, ../sass/screen.scss */
#search-header form button {
  width: 80px;
  height: 20px;
  background-color: #867d76;
  color: #FFF;
  font-weight: 700;
  border: none;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 1600, ../sass/screen.scss */
#search-header form button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 1612, ../sass/screen.scss */
#menu-level-1 {
  background-color: rgba(56, 62, 66, 0.7);
  border-bottom: solid 1px #8c969d;
}
/* line 1615, ../sass/screen.scss */
#menu-level-1 ul {
  position: relative;
  float: right;
}
/* line 1621, ../sass/screen.scss */
#menu-level-1 ul li.active a {
  color: #BDB69C;
}
/* line 1627, ../sass/screen.scss */
#menu-level-1 li {
  display: inline-block;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
}
/* line 1634, ../sass/screen.scss */
#menu-level-1 li a {
  color: #fff;
  font-weight: 700;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
/* line 1638, ../sass/screen.scss */
#menu-level-1 li a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1627, ../sass/screen.scss */
  #menu-level-1 li {
    margin-right: 22px;
  }
}
/* line 1652, ../sass/screen.scss */
#menu-level-1 li#menu-item-5231 {
  background-color: rgba(140, 150, 157, 0.7);
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  margin-left: -3px;
  border-right: 1px solid #8c969d;
}
/* line 1660, ../sass/screen.scss */
#menu-level-1 li#menu-item-5231 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1652, ../sass/screen.scss */
  #menu-level-1 li#menu-item-5231 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1670, ../sass/screen.scss */
#menu-level-1 li#menu-item-17685,
#menu-level-1 li#menu-item-17684,
#menu-level-1 li#menu-item-17683,
#menu-level-1 li#menu-item-8919,
#menu-level-1 li#menu-item-17681,
#menu-level-1 li#menu-item-12525,
#menu-level-1 li#menu-item-7460,
#menu-level-1 li#menu-item-6695,
#menu-level-1 li#menu-item-8473,
#menu-level-1 li#menu-item-8492,
#menu-level-1 li#menu-item-8918,
#menu-level-1 li#menu-item-13951 {
  background-color: #c32814;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  margin-left: -3px;
  border-right: 1px solid #8c969d;
}
/* line 1689, ../sass/screen.scss */
#menu-level-1 li#menu-item-17685 a:hover,
#menu-level-1 li#menu-item-17684 a:hover,
#menu-level-1 li#menu-item-17683 a:hover,
#menu-level-1 li#menu-item-8919 a:hover,
#menu-level-1 li#menu-item-17681 a:hover,
#menu-level-1 li#menu-item-12525 a:hover,
#menu-level-1 li#menu-item-7460 a:hover,
#menu-level-1 li#menu-item-6695 a:hover,
#menu-level-1 li#menu-item-8473 a:hover,
#menu-level-1 li#menu-item-8492 a:hover,
#menu-level-1 li#menu-item-8918 a:hover,
#menu-level-1 li#menu-item-13951 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1670, ../sass/screen.scss */
  #menu-level-1 li#menu-item-17685,
  #menu-level-1 li#menu-item-17684,
  #menu-level-1 li#menu-item-17683,
  #menu-level-1 li#menu-item-8919,
  #menu-level-1 li#menu-item-17681,
  #menu-level-1 li#menu-item-12525,
  #menu-level-1 li#menu-item-7460,
  #menu-level-1 li#menu-item-6695,
  #menu-level-1 li#menu-item-8473,
  #menu-level-1 li#menu-item-8492,
  #menu-level-1 li#menu-item-8918,
  #menu-level-1 li#menu-item-13951 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1704, ../sass/screen.scss */
#menu-level-1 li.menu-search {
  background-color: rgba(140, 150, 157, 0.7);
  position: relative;
  width: 30px;
  height: 100%;
  text-align: center;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: -3px;
}
/* line 1714, ../sass/screen.scss */
#menu-level-1 li.menu-search a {
  cursor: pointer;
}
/* line 1716, ../sass/screen.scss */
#menu-level-1 li.menu-search a:hover {
  color: #000;
}
/* line 1722, ../sass/screen.scss */
#menu-level-1 a.en-lang {
  right: 0px;
  top: 8px;
  color: #fff;
}
/* line 1728, ../sass/screen.scss */
#menu-level-1 a.it-lang {
  right: 22px;
  top: 8px;
  color: #fff;
}
/* line 1735, ../sass/screen.scss */
#menu-level-1 li.language-desktop {
  margin-right: 0px;
  text-align: right;
  width: 30px;
}

/* line 1743, ../sass/screen.scss */
#menu-level-2 {
  background-color: rgba(56, 62, 66, 0.7);
  padding-top: 12px;
  padding-bottom: 0px;
}
/* line 1750, ../sass/screen.scss */
#menu-level-2 img {
  float: left;
}
/* line 1754, ../sass/screen.scss */
#menu-level-2 ul {
  float: right;
  margin-top: 26px;
  margin-left: 20px;
}
/* line 1758, ../sass/screen.scss */
#menu-level-2 ul li.current-menu-ancestor a,
#menu-level-2 ul li.active a {
  color: #BDB69C;
  font-weight: 500;
}
@media (min-width: 1200px) {
  /* line 1754, ../sass/screen.scss */
  #menu-level-2 ul {
    margin-left: 40px;
  }
}
/* line 1774, ../sass/screen.scss */
#menu-level-2 li {
  display: inline-block;
  margin-left: 18px;
  height: 43px;
  position: relative;
}
/* line 1780, ../sass/screen.scss */
#menu-level-2 li:last-child {
  margin-right: 0px;
}
/* line 1784, ../sass/screen.scss */
#menu-level-2 li a {
  cursor: pointer;
}
/* line 1788, ../sass/screen.scss */
#menu-level-2 li ul {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  float: none;
  margin-top: 0px;
  margin-left: 0px;
  position: absolute;
  left: 0px;
  top: 43px;
  width: 200px;
  padding-bottom: 15px;
}
/* line 1798, ../sass/screen.scss */
#menu-level-2 li ul li.active a {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1788, ../sass/screen.scss */
  #menu-level-2 li ul {
    width: 250px;
  }
}
/* line 1808, ../sass/screen.scss */
#menu-level-2 li ul:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2000px;
  top: 0px;
  left: -2000px;
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 1818, ../sass/screen.scss */
#menu-level-2 li ul:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2000px;
  top: 0px;
  left: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 1828, ../sass/screen.scss */
#menu-level-2 li ul li {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: solid 1px #736a68;
}
/* line 1837, ../sass/screen.scss */
#menu-level-2 li ul li:last-child {
  border-bottom: none;
}
/* line 1847, ../sass/screen.scss */
#menu-level-2 li ul a {
  font-size: 1.3em;
  color: #fff !important;
}
/* line 1850, ../sass/screen.scss */
#menu-level-2 li ul a:hover {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1847, ../sass/screen.scss */
  #menu-level-2 li ul a {
    font-size: 1.4em;
  }
}
@media (min-width: 1200px) {
  /* line 1774, ../sass/screen.scss */
  #menu-level-2 li {
    margin-left: 36px;
  }
}
/* line 1879, ../sass/screen.scss */
#menu-level-2 a {
  color: #FFF;
  font-weight: 500;
  font-size: 1.5em;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
/* line 1884, ../sass/screen.scss */
#menu-level-2 a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1879, ../sass/screen.scss */
  #menu-level-2 a {
    font-size: 1.5em;
  }
}

/* line 1897, ../sass/screen.scss */
#menu-level-2 li:hover > a {
  color: #BDB69C;
}

/* line 1901, ../sass/screen.scss */
#menu-level-2 li:hover > ul {
  display: block;
}

/* line 1910, ../sass/screen.scss */
form#gform_6 {
  font-size: 0.8em;
}
/* line 1913, ../sass/screen.scss */
form#gform_6 li#field_6_3 {
  margin-top: 15px;
}
/* line 1917, ../sass/screen.scss */
form#gform_6 li#field_6_4 {
  margin-top: 15px;
}
/* line 1920, ../sass/screen.scss */
form#gform_6 li#field_6_4 .ginput_container_radio {
  float: left;
  margin-top: 0px;
}
/* line 1925, ../sass/screen.scss */
form#gform_6 li#field_6_4 .gfield_label {
  float: left;
  margin-right: 15px;
}
/* line 1931, ../sass/screen.scss */
form#gform_6 #choice_6_4_0 {
  float: left;
}
/* line 1934, ../sass/screen.scss */
form#gform_6 #label_6_4_0 {
  float: left;
  margin-top: -2px;
}
/* line 1938, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 {
  vertical-align: middle;
}
/* line 1941, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
/* line 1946, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  margin-top: 2px;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
/* line 1959, ../sass/screen.scss */
form#gform_6 input#gform_submit_button_6 {
  background-color: #867d76;
  border: medium none;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  text-transform: uppercase;
  transition: background-color 0.3s ease 0s;
}
/* line 1969, ../sass/screen.scss */
form#gform_6 .gform_footer {
  padding: 0px;
}

/* line 1976, ../sass/screen.scss */
#footer h4 {
  font-weight: 300;
  color: #000;
  font-size: 1.1em;
  font-family: "Raleway";
  margin-top: 6px;
  margin-bottom: 6px;
}
/* line 1986, ../sass/screen.scss */
#footer p {
  font-size: 0.95em;
  line-height: 1.35em;
}

/* line 2000, ../sass/screen.scss */
#footer-mobile div.brera-newsletter,
#footer-mobile div#brera-app {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 2006, ../sass/screen.scss */
#footer-mobile #brera-app img.appIcon {
  width: 35%;
  height: auto;
}
/* line 2011, ../sass/screen.scss */
#footer-mobile #brera-app {
  border-left: solid 1px #000;
}
/* line 2016, ../sass/screen.scss */
#footer-mobile #brera-app img.storeIcon {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
}
/* line 2024, ../sass/screen.scss */
#footer-mobile #brera-newsletter h4 {
  margin-bottom: 5px;
  margin-top: 0px;
}

/* line 2032, ../sass/screen.scss */
#footer-bottom {
  background-color: #444444;
  text-align: right;
}
@media (min-width: 768px) {
  /* line 2032, ../sass/screen.scss */
  #footer-bottom {
    text-align: left;
  }
}
@media (min-width: 768px) {
  /* line 2040, ../sass/screen.scss */
  #footer-bottom #footer-right {
    text-align: right;
  }
}
/* line 2049, ../sass/screen.scss */
#footer-bottom img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  /* line 2049, ../sass/screen.scss */
  #footer-bottom img {
    width: 50%;
  }
}
/* line 2058, ../sass/screen.scss */
#footer-bottom p {
  color: #FFF;
}

/* line 2070, ../sass/screen.scss */
#footer-sitemap {
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 2076, ../sass/screen.scss */
#footer-sitemap #brera-newsletter img {
  margin-bottom: 10px;
  color: #867d76;
}

/* line 2088, ../sass/screen.scss */
.col-footer-doppia,
.col-footer {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
/* line 2096, ../sass/screen.scss */
.col-footer-doppia strong,
.col-footer strong {
  font-weight: 700;
  font-size: 1.2em;
}
/* line 2102, ../sass/screen.scss */
.col-footer-doppia a,
.col-footer a {
  font-size: 0.9em;
  font-weight: 300;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
/* line 2106, ../sass/screen.scss */
.col-footer-doppia a:hover,
.col-footer a:hover {
  color: #BDB69C;
}
/* line 2111, ../sass/screen.scss */
.col-footer-doppia .section,
.col-footer .section {
  font-weight: 300;
  font-size: 1.2em;
  margin-top: 20px;
  display: block;
}
/* line 2119, ../sass/screen.scss */
.col-footer-doppia ul li,
.col-footer ul li {
  margin-bottom: 5px;
}
/* line 2122, ../sass/screen.scss */
.col-footer-doppia ul strong,
.col-footer ul strong {
  color: #867d76;
}

/* line 2128, ../sass/screen.scss */
.col-footer-doppia {
  width: 40%;
}

/* line 2133, ../sass/screen.scss */
#brera-app-desktop {
  padding: 20px;
  border: solid 1px #867d76;
  margin-top: 00px;
}
@media (min-width: 968px) {
  /* line 2133, ../sass/screen.scss */
  #brera-app-desktop {
    margin-top: 50px;
  }
}
/* line 2141, ../sass/screen.scss */
#brera-app-desktop h4 {
  margin-top: 0px;
}
/* line 2145, ../sass/screen.scss */
#brera-app-desktop img.storeIcon {
  width: 45%;
  float: left;
  margin-right: 5px;
}

/* line 2153, ../sass/screen.scss */
#footer-bottom-desktop {
  background-color: #444444;
  color: #fff;
}
/* line 2158, ../sass/screen.scss */
#footer-bottom-desktop p {
  color: #FFF;
  margin-top: 0px;
}
/* line 2163, ../sass/screen.scss */
#footer-bottom-desktop a {
  margin-top: 20px;
  display: inline-block;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
/* line 2167, ../sass/screen.scss */
#footer-bottom-desktop a:hover {
  color: #BDB69C;
}

/* line 2180, ../sass/screen.scss */
.main-content {
  padding-top: 15px;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 2180, ../sass/screen.scss */
  .main-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 2197, ../sass/screen.scss */
#slider-eventi-desktop-container {
  background-color: #867d76;
  padding-bottom: 30px;
}
/* line 2201, ../sass/screen.scss */
#slider-eventi-desktop-container h1 {
  color: #FFF;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* line 2210, ../sass/screen.scss */
#slider-responsive {
  padding-top: 31.25%;
  width: 100%;
  background-color: #ccc;
  position: relative;
}
/* line 2216, ../sass/screen.scss */
#slider-responsive .rockstar-slider {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

/* line 2225, ../sass/screen.scss */
#slider-home {
  height: 260px;
}
@media (min-width: 768px) {
  /* line 2225, ../sass/screen.scss */
  #slider-home {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 2225, ../sass/screen.scss */
  #slider-home {
    height: 60vh;
    margin-bottom: 20px;
  }
}

/* line 2238, ../sass/screen.scss */
.rockstar-slider {
  height: 260px;
  background: black;
}
@media (min-width: 768px) {
  /* line 2238, ../sass/screen.scss */
  .rockstar-slider {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 2238, ../sass/screen.scss */
  .rockstar-slider {
    height: 60vh;
  }
}

/* line 2252, ../sass/screen.scss */
.slideshow-inner-wrap {
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
  height: 100%;
  background-color: #CCC;
}

/* line 2260, ../sass/screen.scss */
.slideshow-inner-wrap > div {
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

/* line 2266, ../sass/screen.scss */
.slideshow-pager-wrap {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  bottom: 20px;
}

/* line 2273, ../sass/screen.scss */
.slideshow-pager {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  z-index: 999;
  cursor: pointer;
  border-radius: 10px;
  -moz-opacity: .15;
  opacity: .15;
}

/* line 2274, ../sass/screen.scss */
.slideshow-pager:before {
  position: absolute;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  z-index: 998;
  background: #736a68;
  border-radius: 20px;
  left: 1px;
  top: 1px;
}

/* line 2275, ../sass/screen.scss */
.slideshow-pager.active {
  background: white;
  -moz-opacity: .5;
  opacity: .5;
}

/* line 2277, ../sass/screen.scss */
.slider-caption {
  position: absolute;
  right: 15px;
  bottom: 40px;
  text-align: right;
  color: #fff;
}
/* line 2284, ../sass/screen.scss */
.slider-caption h1 {
  font-family: "Playfair Display";
  font-size: 1.7em;
  text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.7);
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ffffff;
}
@media (min-width: 768px) {
  /* line 2284, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 1.45em;
  }
}
@media (min-width: 992px) {
  /* line 2284, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 2.1em;
  }
}
/* line 2304, ../sass/screen.scss */
.slider-caption h3 {
  font-family: "Playfair Display";
  font-size: 1.3em;
  text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.7);
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 2312, ../sass/screen.scss */
.slider-caption span {
  font-family: "Raleway";
  margin-top: 10px;
  font-size: 0.8em;
  text-shadow: 1px 1px 0px gba(1, 1, 1, 0.7);
}
/* line 2319, ../sass/screen.scss */
.slider-caption span.categoria {
  margin-bottom: 10px;
  text-shadow: none;
  font-family: "Raleway";
  font-size: 0.8em;
  text-transform: uppercase;
  width: auto;
  padding: 3px;
}
/* line 2329, ../sass/screen.scss */
.slider-caption span.date {
  text-shadow: none;
  font-family: "Playfair Display";
  font-size: 0.8em;
  font-style: italic;
  text-transform: none;
  width: auto;
  padding: 3px;
}

/* line 2340, ../sass/screen.scss */
.slider-caption-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 1.9em;
}
/* line 2348, ../sass/screen.scss */
.slider-caption-container span.categoria {
  font-size: 0.5em;
  padding: 10px;
  margin-bottom: 15px;
}
/* line 2354, ../sass/screen.scss */
.slider-caption-container .slider-caption {
  bottom: 60px;
}
/* line 2358, ../sass/screen.scss */
.slider-caption-container h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 2365, ../sass/screen.scss */
.slider-caption-container .container {
  position: relative;
}

/* line 2373, ../sass/screen.scss */
a.widget {
  padding: 10px;
  color: #867d76;
  border: solid 1px #867d76;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  padding-left: 40px;
}
/* line 2385, ../sass/screen.scss */
a.widget span {
  margin-left: 25px;
  position: relative;
}
/* line 2390, ../sass/screen.scss */
a.widget.nopadding {
  padding-left: 10px;
}

/* line 2396, ../sass/screen.scss */
a.tickets:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../../../images/my-brera/mobile/tickets.png);
  background-repeat: none;
  background-position: center center;
}
@media (min-width: 768px) {
  /* line 2396, ../sass/screen.scss */
  a.tickets:before {
    background: url(../../../images/my-brera/tickets.png);
  }
}

/* line 2412, ../sass/screen.scss */
a.directions:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../../../images/my-brera/mobile/directions.png);
  background-repeat: none;
  background-position: center center;
}
@media (min-width: 768px) {
  /* line 2412, ../sass/screen.scss */
  a.directions:before {
    background: url(../../../images/my-brera/directions.png);
  }
}

/* line 2428, ../sass/screen.scss */
a.hours:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../../../images/my-brera/mobile/hours.png);
  background-repeat: none;
  background-position: center center;
}
@media (min-width: 768px) {
  /* line 2428, ../sass/screen.scss */
  a.hours:before {
    background: url(../../../images/my-brera/hours.png);
  }
}

/* line 2444, ../sass/screen.scss */
a.calendar:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../../../images/my-brera/mobile/calendar.png);
  background-repeat: none;
  background-position: center center;
}
@media (min-width: 768px) {
  /* line 2444, ../sass/screen.scss */
  a.calendar:before {
    background: url(../../../images/my-brera/calendar.png);
  }
}

/* line 2461, ../sass/screen.scss */
#utility-mobile-widget a.tickets:before {
  background: url(../../../images/my-brera/mobile/tickets.png);
}
/* line 2467, ../sass/screen.scss */
#utility-mobile-widget a.directions:before {
  background: url(../../../images/my-brera/mobile/directions.png);
}
/* line 2473, ../sass/screen.scss */
#utility-mobile-widget a.hours:before {
  background: url(../../../images/my-brera/mobile/hours.png);
}
/* line 2479, ../sass/screen.scss */
#utility-mobile-widget a.calendar:before {
  background: url(../../../images/my-brera/mobile/calendar.png);
  background-repeat: none;
  background-position: center center;
}

/* line 2490, ../sass/screen.scss */
.page-template-chisiamo .slider-caption h1 {
  font-size: 3em;
}
@media (min-width: 768px) {
  /* line 2490, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  /* line 2490, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2.5em;
  }
}

/* line 2509, ../sass/screen.scss */
#explore-brera-mobile h1 {
  color: #867d76;
  font-family: Raleway;
}

/* line 2516, ../sass/screen.scss */
.evidenza-content {
  position: relative;
  width: 300px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 20px;
}

/* line 2531, ../sass/screen.scss */
.eventi-evidenza {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  height: 500px;
}
/* line 2538, ../sass/screen.scss */
.eventi-evidenza h5 {
  font-family: "Raleway";
  font-weight: 300;
  color: #fff;
  font-size: 1.3em;
  line-height: 1em;
  margin-top: 10px;
}
/* line 2547, ../sass/screen.scss */
.eventi-evidenza span.categoria {
  font-family: "Raleway";
  font-size: 1.2em;
  text-transform: uppercase;
  width: auto;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #FFF;
}
/* line 2559, ../sass/screen.scss */
.eventi-evidenza .date-hours {
  display: block;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative;
  margin-left: 19px;
  color: #FFF;
}
/* line 2570, ../sass/screen.scss */
.eventi-evidenza .date:before {
  content: "";
  position: absolute;
  left: -19px;
  top: -3px;
  width: 14px;
  height: 16px;
  background: url(../../../images/my-brera/date-white.png);
}
/* line 2582, ../sass/screen.scss */
.eventi-evidenza .hours:before {
  content: "";
  position: absolute;
  left: -19px;
  top: -3px;
  width: 14px;
  height: 16px;
  background: url(../../../images/my-brera/hours-date-white.png);
}
/* line 2594, ../sass/screen.scss */
.eventi-evidenza span.read-more {
  color: #FFF;
  right: 30px;
  bottom: 15px;
}
/* line 2599, ../sass/screen.scss */
.eventi-evidenza span.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}

/* line 2611, ../sass/screen.scss */
#calendar-mobile {
  background-color: #867d76;
  padding: 15px;
  color: #FFF;
  margin-top: 10px;
  padding-bottom: 25px;
}
/* line 2618, ../sass/screen.scss */
#calendar-mobile h1 {
  color: #FFF;
  font-family: Raleway;
}
/* line 2622, ../sass/screen.scss */
#calendar-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2630, ../sass/screen.scss */
#calendar-mobile span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: -9px;
  background-color: #FFF;
  background: url(../../../images/my-brera/mobile/calendar-big-white.png);
  background-repeat: none;
  background-position: center center;
}

/* line 2646, ../sass/screen.scss */
#collection-mobile {
  margin-top: 15px;
}
/* line 2649, ../sass/screen.scss */
#collection-mobile h1 {
  color: #867d76;
  font-family: Raleway;
}

/* line 2656, ../sass/screen.scss */
#opere-random-mobile {
  background-color: #000;
  padding: 15px;
  margin-top: 15px;
  overflow: hidden;
}
/* line 2662, ../sass/screen.scss */
#opere-random-mobile h1 {
  color: #fff;
}

/* line 2668, ../sass/screen.scss */
.touchcarousel {
  height: 280px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 2668, ../sass/screen.scss */
  .touchcarousel {
    height: 320px;
  }
}

/* line 2680, ../sass/screen.scss */
.eventi-evidenza-slider {
  height: 360px;
}

/* line 2687, ../sass/screen.scss */
.touchcarousel .touchcarousel-item {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 15px;
  height: 260px;
  border: solid 1px #fff;
  position: relative;
  margin-top: 10px;
}
@media (min-width: 768px) {
  /* line 2687, ../sass/screen.scss */
  .touchcarousel .touchcarousel-item {
    height: 300px;
  }
}

/* line 2705, ../sass/screen.scss */
.eventi-evidenza-slider .touchcarousel-item {
  height: 340px;
}

/* line 2709, ../sass/screen.scss */
.touchcarousel .touchcarousel-item:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 10px;
  left: 0px;
  right: 0px;
  top: -10px;
  margin: auto;
  background: url(../../../images/my-brera/gancio.png);
  background-repeat: none;
  background-position: center center;
}

/* line 2724, ../sass/screen.scss */
.touchcarousel-title {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 0.95em;
  font-family: "merriweather";
  padding-right: 15px;
}
/* line 2733, ../sass/screen.scss */
.touchcarousel-title h5 {
  font-family: "merriweather";
  font-weight: 400;
  font-style: italic;
  margin-bottom: 7px;
  font-size: 0.95em;
  color: #fff;
  margin-bottom: 8px !important;
}
@media (min-width: 992px) {
  /* line 2733, ../sass/screen.scss */
  .touchcarousel-title h5 {
    font-size: 0.95em;
  }
}
/* line 2748, ../sass/screen.scss */
.touchcarousel-title span {
  font-size: 0.95em;
}
@media (min-width: 992px) {
  /* line 2748, ../sass/screen.scss */
  .touchcarousel-title span {
    font-size: 0.95em;
  }
}

/* line 2761, ../sass/screen.scss */
#explore-brera-desktop {
  background-color: #867d76;
  min-height: 411px;
  position: relative;
}
/* line 2769, ../sass/screen.scss */
#explore-brera-desktop h1 {
  color: #FFF;
}

/* line 2775, ../sass/screen.scss */
#explore-brera-desktop-calendar {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2775, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2775, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2795, ../sass/screen.scss */
#explore-brera-desktop-calendar h1 {
  color: #867d76;
}
/* line 2799, ../sass/screen.scss */
#explore-brera-desktop-calendar span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2807, ../sass/screen.scss */
#explore-brera-desktop-calendar span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: 0px;
  background-color: #FFF;
  background: url(../../../images/my-brera/calendar-big.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 2823, ../sass/screen.scss */
.explore-brera-desktop-info {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2823, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2823, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2843, ../sass/screen.scss */
.explore-brera-desktop-info h1 {
  color: #867d76;
}
/* line 2847, ../sass/screen.scss */
.explore-brera-desktop-info span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2855, ../sass/screen.scss */
.explore-brera-desktop-info span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: 0px;
  background-color: #FFF;
  background: url(../../../images/my-brera/calendar-big.png);
  background-repeat: none;
  background-position: center center;
}
/* line 2869, ../sass/screen.scss */
.explore-brera-desktop-info strong {
  color: #000;
  margin-bottom: 0px;
  display: block;
}
/* line 2875, ../sass/screen.scss */
.explore-brera-desktop-info p {
  margin-bottom: 5px;
}
/* line 2879, ../sass/screen.scss */
.explore-brera-desktop-info .left {
  border-right: solid 1px #867d76;
  margin-right: -9px;
}

/* line 2887, ../sass/screen.scss */
.daily-hours {
  background-color: #867d76;
  padding-top: 5px;
  padding-bottom: 8px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #FFF;
  font-size: 1.5em;
  font-weight: 700;
}

/* line 2900, ../sass/screen.scss */
#widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2900, ../sass/screen.scss */
  #widget-explore {
    width: 100%;
  }
}

/* line 2911, ../sass/screen.scss */
.widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2911, ../sass/screen.scss */
  .widget-explore {
    width: 100%;
  }
}
/* line 2922, ../sass/screen.scss */
.widget-explore a.widget {
  color: #FFF;
  border: solid 1px #FFF;
  opacity: 1;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
/* line 2930, ../sass/screen.scss */
.widget-explore a.widget:hover {
  opacity: 0.8;
}
/* line 2936, ../sass/screen.scss */
.widget-explore a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 2941, ../sass/screen.scss */
.widget-explore a#directions span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/directions.png);
  background-repeat: none;
  background-position: center center;
}
/* line 2953, ../sass/screen.scss */
.widget-explore a#hours span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/hours.png);
  background-repeat: none;
  background-position: center center;
}
/* line 2965, ../sass/screen.scss */
.widget-explore a#calendar span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/calendar.png);
  background-repeat: none;
  background-position: center center;
}

/* line 2978, ../sass/screen.scss */
.event {
  border: solid 1px #867d76;
  position: relative;
}

/* line 2984, ../sass/screen.scss */
.event-thumb {
  position: relative;
  margin-bottom: -2px;
}
/* line 2988, ../sass/screen.scss */
.event-thumb img {
  width: 100%;
  height: auto;
}
/* line 2993, ../sass/screen.scss */
.event-thumb span.categoria {
  font-family: "Raleway";
  font-size: 1.2em;
  text-transform: uppercase;
  width: auto;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #FFF;
}

/* line 3010, ../sass/screen.scss */
#info-box-desktop {
  margin-top: 0px;
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin-bottom: 15px;
  position: relative;
  color: #000;
}

/* line 3020, ../sass/screen.scss */
.event-detail {
  margin-top: 0px;
  padding: 15px;
  padding-bottom: 30px;
}
/* line 3027, ../sass/screen.scss */
.event-detail .date-hours {
  display: block;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative;
  margin-left: 19px;
}
/* line 3037, ../sass/screen.scss */
.event-detail .date:before {
  content: "";
  position: absolute;
  left: -19px;
  top: -3px;
  width: 14px;
  height: 16px;
  background: url(../../../images/my-brera/date.png);
}
/* line 3049, ../sass/screen.scss */
.event-detail .hours:before {
  content: "";
  position: absolute;
  left: -19px;
  top: -3px;
  width: 14px;
  height: 16px;
  background: url(../../../images/my-brera/hours-date.png);
}
/* line 3062, ../sass/screen.scss */
.event-detail h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 3067, ../sass/screen.scss */
.event-detail p {
  margin-top: 0px;
}

/* line 3076, ../sass/screen.scss */
#opere-random-desktop {
  background-color: #000;
  padding-bottom: 30px;
}
/* line 3080, ../sass/screen.scss */
#opere-random-desktop h1 {
  color: #FFF;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* line 3093, ../sass/screen.scss */
a.language-switcher-info {
  display: inline-block;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 15px;
}

/* line 3100, ../sass/screen.scss */
#google-map {
  height: 260px;
}
@media (min-width: 768px) {
  /* line 3100, ../sass/screen.scss */
  #google-map {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 3100, ../sass/screen.scss */
  #google-map {
    height: 620px;
  }
}

/* line 3113, ../sass/screen.scss */
#google-map-small {
  height: 620px;
}

@media (min-width: 768px) {
  /* line 3117, ../sass/screen.scss */
  #informazioni {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 3127, ../sass/screen.scss */
.infoBox h5 {
  font-weight: 700;
  color: fff;
  margin-bottom: 5px;
  font-size: 1.1em;
}
/* line 3133, ../sass/screen.scss */
.infoBox a {
  color: fff;
  font-weight: 400;
  font-size: 1em;
  display: block;
  margin-top: 5px;
}

/* line 3145, ../sass/screen.scss */
#info-content {
  margin-bottom: -89px;
}
@media (min-width: 768px) {
  /* line 3145, ../sass/screen.scss */
  #info-content {
    border-bottom: none;
  }
}

/* line 3156, ../sass/screen.scss */
.facilities {
  margin-bottom: 30px;
  margin-left: -30px;
  margin-top: 15px;
}

/* line 3164, ../sass/screen.scss */
#widget-rules img,
#widget-facilities img {
  margin-right: 3px;
  margin-bottom: 15px;
}

/* line 3174, ../sass/screen.scss */
.rules {
  margin-bottom: 87px;
  margin-left: -30px;
  margin-top: 77px;
}

/* line 3184, ../sass/screen.scss */
.rules h6,
.facilities h6 {
  margin-bottom: 15px !important;
}

/* line 3200, ../sass/screen.scss */
.mobile-search form#search-collezioni input {
  width: 80%;
}
/* line 3203, ../sass/screen.scss */
.mobile-search form#search-collezioni button {
  width: 10%;
  font-size: 2em;
  text-align: center;
}

/* line 3213, ../sass/screen.scss */
.restauri-opener,
#main-container {
  margin-top: 60px;
}
@media (min-width: 768px) {
  /* line 3213, ../sass/screen.scss */
  .restauri-opener,
  #main-container {
    margin-top: 0px;
  }
}

/* line 3224, ../sass/screen.scss */
.single-restauri #breadcrumb,
.single-opere #breadcrumb {
  margin-top: 0px;
}

/* line 3243, ../sass/screen.scss */
.page-template-opere-altissima #breadcrumb,
.page-template-opere-capolavori #breadcrumb,
.page-template-opere-sfoglia #breadcrumb,
.page-template-opere-online #breadcrumb,
.page-template-opere-donazioni #breadcrumb,
.page-template-opere-disegni #breadcrumb,
.page-template-opere-fotografico #breadcrumb,
.page-template-restauri #breadcrumb,
.page-template-agenda #breadcrumb,
.page-template-ricerca #breadcrumb,
.page-template-opere-fototeca #breadcrumb,
.page-template-brera-social #breadcrumb {
  margin-top: 60px;
}
@media (min-width: 768px) {
  /* line 3243, ../sass/screen.scss */
  .page-template-opere-altissima #breadcrumb,
  .page-template-opere-capolavori #breadcrumb,
  .page-template-opere-sfoglia #breadcrumb,
  .page-template-opere-online #breadcrumb,
  .page-template-opere-donazioni #breadcrumb,
  .page-template-opere-disegni #breadcrumb,
  .page-template-opere-fotografico #breadcrumb,
  .page-template-restauri #breadcrumb,
  .page-template-agenda #breadcrumb,
  .page-template-ricerca #breadcrumb,
  .page-template-opere-fototeca #breadcrumb,
  .page-template-brera-social #breadcrumb {
    margin-top: 100px;
  }
}
@media (min-width: 992px) {
  /* line 3243, ../sass/screen.scss */
  .page-template-opere-altissima #breadcrumb,
  .page-template-opere-capolavori #breadcrumb,
  .page-template-opere-sfoglia #breadcrumb,
  .page-template-opere-online #breadcrumb,
  .page-template-opere-donazioni #breadcrumb,
  .page-template-opere-disegni #breadcrumb,
  .page-template-opere-fotografico #breadcrumb,
  .page-template-restauri #breadcrumb,
  .page-template-agenda #breadcrumb,
  .page-template-ricerca #breadcrumb,
  .page-template-opere-fototeca #breadcrumb,
  .page-template-brera-social #breadcrumb {
    margin-top: 113px;
  }
}

/* line 3261, ../sass/screen.scss */
#opere {
  padding-top: 30px;
}
@media (min-width: 768px) {
  /* line 3261, ../sass/screen.scss */
  #opere {
    padding-top: 30px;
  }
}

/* line 3270, ../sass/screen.scss */
#mobile-opere-wrapper {
  margin-top: 30px;
}
/* line 3273, ../sass/screen.scss */
#mobile-opere-wrapper img {
  margin-top: 30px;
}

/* line 3277, ../sass/screen.scss */
div.mobile-category,
a.mobile-category {
  display: block;
  background-color: #867d76;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  font-family: "Playfair Display";
  font-size: 2.1em;
  position: relative;
  margin-top: -5px;
}
/* line 3289, ../sass/screen.scss */
div.mobile-category:after,
a.mobile-category:after {
  content: "\f078";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

/* line 3302, ../sass/screen.scss */
a.mobile-category.active:after {
  content: "\f077";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

/* line 3316, ../sass/screen.scss */
a.mobile-category.map:after {
  content: "\f138";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

/* line 3328, ../sass/screen.scss */
div.mobile-category.search {
  margin-top: 15px;
  cursor: normal;
}
/* line 3333, ../sass/screen.scss */
div.mobile-category.search:after {
  content: "";
}

/* line 3342, ../sass/screen.scss */
a.mobile-category.search,
a.mobile-category.map,
a.mobile-category.filter {
  margin-top: 30px;
}

/* line 3348, ../sass/screen.scss */
.category-list {
  margin-top: 15px;
  font-weight: 300;
  font-size: 1.33em;
}
/* line 3353, ../sass/screen.scss */
.category-list li {
  border-bottom: solid 1px #867d76;
  margin-bottom: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  position: relative;
  padding-right: 40px;
}
/* line 3362, ../sass/screen.scss */
.category-list li:after {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 0px;
  content: "\f138";
  font-family: FontAwesome;
  color: #867d76;
}
/* line 3375, ../sass/screen.scss */
.category-list li.firstLetter {
  font-weight: 700;
  background-color: #867d76;
  color: #FFF;
  border-bottom: none;
  padding-top: 8px;
  margin-top: -8px;
}
/* line 3384, ../sass/screen.scss */
.category-list li.firstLetter:after {
  content: "";
}

/* line 3394, ../sass/screen.scss */
#opere-wrapper-desktop li {
  border-bottom: solid 1px #867d76;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  padding-right: 40px;
}
/* line 3403, ../sass/screen.scss */
#opere-wrapper-desktop li a:hover {
  color: #BDB69C;
}
/* line 3408, ../sass/screen.scss */
#opere-wrapper-desktop li:after {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 0px;
  content: "\f138";
  font-family: FontAwesome;
  color: #867d76;
}
/* line 3423, ../sass/screen.scss */
#opere-wrapper-desktop li.firstLetter {
  font-weight: 700;
  background-color: #867d76;
  color: #FFF;
  border-bottom: none;
  padding-top: 8px;
  margin-top: -8px;
  padding-left: 15px;
}
/* line 3433, ../sass/screen.scss */
#opere-wrapper-desktop li.firstLetter:after {
  content: "";
}
/* line 3440, ../sass/screen.scss */
#opere-wrapper-desktop li.divider {
  height: 30px;
  border-bottom: none;
}
/* line 3443, ../sass/screen.scss */
#opere-wrapper-desktop li.divider:after {
  content: "";
}

/* line 3451, ../sass/screen.scss */
#opere-title-desktop {
  border-bottom: solid 1px #867d76;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 3451, ../sass/screen.scss */
  #opere-title-desktop {
    margin-top: 0px;
  }
}

/* line 3462, ../sass/screen.scss */
#opere-subtitle,
#opere-menu-desktop {
  border-bottom: solid 1px #867d76;
}
/* line 3466, ../sass/screen.scss */
#opere-subtitle li,
#opere-menu-desktop li {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-right: solid 1px #867d76;
  font-weight: 400;
  font-size: 1.5em;
  color: #867d76;
}
/* line 3477, ../sass/screen.scss */
#opere-subtitle li:last-child,
#opere-menu-desktop li:last-child {
  border-right: none;
}
/* line 3482, ../sass/screen.scss */
#opere-subtitle li a,
#opere-menu-desktop li a {
  font-weight: 400;
  color: #867d76;
  cursor: pointer;
}
/* line 3489, ../sass/screen.scss */
#opere-subtitle li a:hover,
#opere-menu-desktop li a:hover {
  color: #BDB69C;
}
/* line 3496, ../sass/screen.scss */
#opere-subtitle li a.active,
#opere-menu-desktop li a.active {
  color: #BDB69C;
}
/* line 3501, ../sass/screen.scss */
#opere-subtitle span,
#opere-menu-desktop span {
  font-size: 0.8em;
}

/* line 3506, ../sass/screen.scss */
#opere-wrapper-desktop {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #867d76;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

/* line 3514, ../sass/screen.scss */
#opere-wrapper-desktop.loading {
  opacity: 0.5;
}

/* line 3518, ../sass/screen.scss */
#opere-wrapper.loading {
  opacity: 0.5;
}

/* line 3522, ../sass/screen.scss */
.loadingajax {
  opacity: 0.5 !important;
}

/* line 3528, ../sass/screen.scss */
.row-periodo {
  margin-top: 30px;
}

/* line 3531, ../sass/screen.scss */
.periodo-image {
  position: relative;
  height: 400px;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3531, ../sass/screen.scss */
  .periodo-image {
    height: 300px;
  }
}
@media (min-width: 992px) {
  /* line 3531, ../sass/screen.scss */
  .periodo-image {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  /* line 3531, ../sass/screen.scss */
  .periodo-image {
    height: 404px;
  }
}

/* line 3554, ../sass/screen.scss */
.periodo-image-row3 {
  position: relative;
  height: 500px;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3554, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 300px;
  }
}
@media (min-width: 992px) {
  /* line 3554, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  /* line 3554, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 500px;
  }
}

/* line 3577, ../sass/screen.scss */
.periodo-title {
  position: relative;
  border: solid 1px #867d76;
  height: 110px;
  width: 100%;
  margin-top: 3px;
}
@media (min-width: 768px) {
  /* line 3577, ../sass/screen.scss */
  .periodo-title {
    height: 90px;
  }
}
@media (min-width: 992px) {
  /* line 3577, ../sass/screen.scss */
  .periodo-title {
    height: 110px;
  }
}
/* line 3593, ../sass/screen.scss */
.periodo-title h2 {
  font-family: "Raleway";
  color: #867d76;
  font-weight: 300;
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 2em;
}

/* line 3605, ../sass/screen.scss */
#IVmillennio {
  background: url(../../../images/my-brera/opere-periodi/IVmillennio.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3612, ../sass/screen.scss */
#XIIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3618, ../sass/screen.scss */
#XIVsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIVsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3625, ../sass/screen.scss */
#XVsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3633, ../sass/screen.scss */
#XVIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3640, ../sass/screen.scss */
#XVIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3646, ../sass/screen.scss */
#XVIIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3652, ../sass/screen.scss */
#XIXsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIXsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3658, ../sass/screen.scss */
#XXsecolo {
  background: url(../../../images/my-brera/opere-periodi/XXsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3665, ../sass/screen.scss */
#opere-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #867d76;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  /* line 3665, ../sass/screen.scss */
  #opere-wrapper {
    padding-left: 75px;
    padding-right: 75px;
  }
}
/* line 3681, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax {
  float: left;
  width: 100%;
  position: relative;
  opacity: 0;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
/* line 3689, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3689, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  /* line 3689, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 25%;
  }
}
/* line 3708, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax.loaded {
  opacity: 1;
}

/* line 3714, ../sass/screen.scss */
#nav-below {
  position: relative;
  float: left;
  width: 100%;
  visibility: hidden;
}

/* line 3721, ../sass/screen.scss */
#infscr-loading {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
  height: 32px;
  text-align: center;
  font-weight: 700;
  color: #867d76;
  font-size: 1em;
}

/* line 3735, ../sass/screen.scss */
.artwork-box {
  border: solid 1px #867d76;
  margin-bottom: 30px;
  color: #867d76;
  padding-bottom: 15px;
}
/* line 3743, ../sass/screen.scss */
.artwork-box img {
  margin-bottom: 30px;
}
/* line 3747, ../sass/screen.scss */
.artwork-box h2 {
  font-family: "merriweather";
  font-size: 1.5em;
  font-style: italic;
  margin-bottom: 10px;
}
/* line 3754, ../sass/screen.scss */
.artwork-box span {
  display: block;
  font-family: "merriweather";
  font-size: 1.2em;
}
/* line 3761, ../sass/screen.scss */
.artwork-box span.data-prestito {
  display: block;
  font-family: "merriweather";
  font-size: 1em;
  margin-top: 15px;
  font-style: italic;
}

/* line 3775, ../sass/screen.scss */
.materiabox {
  margin-bottom: 30px;
}

/* line 3780, ../sass/screen.scss */
#staccatotavola {
  background: url(../../../images/my-brera/opere-materia/staccatotavola.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
}

/* line 3787, ../sass/screen.scss */
#staccatotela {
  background: url(../../../images/my-brera/opere-materia/staccato_tela.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
}

/* line 3794, ../sass/screen.scss */
#bronzo {
  background: url(../../../images/my-brera/opere-materia/bronzo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
}

/* line 3801, ../sass/screen.scss */
#carboncinocarta {
  background: url(../../../images/my-brera/opere-materia/carboncino.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
}

/* line 3808, ../sass/screen.scss */
#disegno {
  background: url(../../../images/my-brera/opere-materia/disegno.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3815, ../sass/screen.scss */
#gesso {
  background: url(../../../images/my-brera/opere-materia/gesso.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3822, ../sass/screen.scss */
#marmo {
  background: url(../../../images/my-brera/opere-materia/marmo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3829, ../sass/screen.scss */
#matitacarta {
  background: url(../../../images/my-brera/opere-materia/matitacarta.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3837, ../sass/screen.scss */
#oliotemperatavola {
  background: url(../../../images/my-brera/opere-materia/oliotemperatavola.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3845, ../sass/screen.scss */
#oliocarta {
  background: url(../../../images/my-brera/opere-materia/oliocarta.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3853, ../sass/screen.scss */
#oliocartonetelato {
  background: url(../../../images/my-brera/opere-materia/oliocartonetelato.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3861, ../sass/screen.scss */
#oliocompensato {
  background: url(../../../images/my-brera/opere-materia/placeholder.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3869, ../sass/screen.scss */
#oliorame {
  background: url(../../../images/my-brera/opere-materia/oliorame.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3877, ../sass/screen.scss */
#oliotavola {
  background: url(../../../images/my-brera/opere-materia/oliotavola.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
}

/* line 3884, ../sass/screen.scss */
#oliotela {
  background: url(../../../images/my-brera/opere-materia/oliotela.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3891, ../sass/screen.scss */
#pitturacarta {
  background: url(../../../images/my-brera/opere-materia/pitturacarta.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3898, ../sass/screen.scss */
#mistatela {
  background: url(../../../images/my-brera/opere-materia/mistatela.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3905, ../sass/screen.scss */
#temperatavola {
  background: url(../../../images/my-brera/opere-materia/temperatavola.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3912, ../sass/screen.scss */
#temperatela {
  background: url(../../../images/my-brera/opere-materia/temperatela.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3919, ../sass/screen.scss */
#terracotta {
  background: url(../../../images/my-brera/opere-materia/terracotta.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 500px;
}

/* line 3929, ../sass/screen.scss */
#sala-ia,
#sala-1,
#sala-cortileloggiato {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3929, ../sass/screen.scss */
  #sala-ia,
  #sala-1,
  #sala-cortileloggiato {
    height: 277px;
  }
}

/* line 3939, ../sass/screen.scss */
#sala-2,
#sala-3,
#sala-4,
#sala-5,
#sala-6,
#sala-7,
#sala-8,
#sala-9,
#sala-10 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3939, ../sass/screen.scss */
  #sala-2,
  #sala-3,
  #sala-4,
  #sala-5,
  #sala-6,
  #sala-7,
  #sala-8,
  #sala-9,
  #sala-10 {
    height: 317px;
  }
}

/* line 3953, ../sass/screen.scss */
#sala-11,
#sala-12,
#sala-13,
#sala-14 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3953, ../sass/screen.scss */
  #sala-11,
  #sala-12,
  #sala-13,
  #sala-14 {
    height: 468px;
  }
}

/* line 3965, ../sass/screen.scss */
#sala-15,
#sala-18,
#sala-19,
#sala-20,
#sala-21,
#sala-22,
#sala-23,
#sala-24,
#sala-27 {
  height: 350px;
}

/* line 3977, ../sass/screen.scss */
#sala-28,
#sala-29,
#sala-30,
#sala-31 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3977, ../sass/screen.scss */
  #sala-28,
  #sala-29,
  #sala-30,
  #sala-31 {
    height: 337px;
  }
}

/* line 3987, ../sass/screen.scss */
#sala-32,
#sala-33,
#sala-34 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3987, ../sass/screen.scss */
  #sala-32,
  #sala-33,
  #sala-34 {
    height: 244px;
  }
}

/* line 3997, ../sass/screen.scss */
#sala-35,
#sala-36,
#sala-37,
#sala-38 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3997, ../sass/screen.scss */
  #sala-35,
  #sala-36,
  #sala-37,
  #sala-38 {
    height: 284px;
  }
}

/* line 4010, ../sass/screen.scss */
#sala-courtyard,
#sala-ia-en,
#sala-1-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4010, ../sass/screen.scss */
  #sala-courtyard,
  #sala-ia-en,
  #sala-1-en {
    height: 277px;
  }
}

/* line 4020, ../sass/screen.scss */
#sala-2-en,
#sala-3-en,
#sala-4-en,
#sala-5-en,
#sala-6-en,
#sala-7-en,
#sala-8-en,
#sala-9-en,
#sala-10-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4020, ../sass/screen.scss */
  #sala-2-en,
  #sala-3-en,
  #sala-4-en,
  #sala-5-en,
  #sala-6-en,
  #sala-7-en,
  #sala-8-en,
  #sala-9-en,
  #sala-10-en {
    height: 317px;
  }
}

/* line 4034, ../sass/screen.scss */
#sala-11-en,
#sala-12-en,
#sala-13-en,
#sala-14-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4034, ../sass/screen.scss */
  #sala-11-en,
  #sala-12-en,
  #sala-13-en,
  #sala-14-en {
    height: 468px;
  }
}

/* line 4046, ../sass/screen.scss */
#sala-15-en,
#sala-18-en,
#sala-19-en,
#sala-20-en,
#sala-21-en,
#sala-22-en,
#sala-23-en,
#sala-24-en,
#sala-27-en {
  height: 350px;
}

/* line 4058, ../sass/screen.scss */
#sala-28-en,
#sala-29-en,
#sala-30-en,
#sala-31-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4058, ../sass/screen.scss */
  #sala-28-en,
  #sala-29-en,
  #sala-30-en,
  #sala-31-en {
    height: 337px;
  }
}

/* line 4068, ../sass/screen.scss */
#sala-32-en,
#sala-33-en,
#sala-34-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4068, ../sass/screen.scss */
  #sala-32-en,
  #sala-33-en,
  #sala-34-en {
    height: 244px;
  }
}

/* line 4077, ../sass/screen.scss */
#sala-35-en,
#sala-36-en,
#sala-37-en,
#sala-38-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4077, ../sass/screen.scss */
  #sala-35-en,
  #sala-36-en,
  #sala-37-en,
  #sala-38-en {
    height: 284px;
  }
}

/* line 4108, ../sass/screen.scss */
#opere-image {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}
/* line 4109, ../sass/screen.scss */
#opere-image canvas {
  opacity: 0;
  -moz-transition: opacity 1s ease 0s;
  -o-transition: opacity 1s ease 0s;
  -webkit-transition: opacity 1s ease 0s;
  transition: opacity 1s ease 0s;
}
/* line 4115, ../sass/screen.scss */
#opere-image.loaded canvas {
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4108, ../sass/screen.scss */
  #opere-image {
    padding-bottom: 30px;
  }
}
/* line 4130, ../sass/screen.scss */
#opere-image img {
  display: inline-block;
  height: auto;
  width: 100%;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4130, ../sass/screen.scss */
  #opere-image img {
    height: 100%;
    width: auto;
    max-height: 600px;
  }
}

/* line 4157, ../sass/screen.scss */
#opere-image-altissima {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  /* line 4157, ../sass/screen.scss */
  #opere-image-altissima {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 4173, ../sass/screen.scss */
#opere-single-content {
  padding-top: 0px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  /* line 4173, ../sass/screen.scss */
  #opere-single-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* line 4186, ../sass/screen.scss */
.info-opera {
  border: solid 1px #867d76;
  padding: 30px;
}
/* line 4190, ../sass/screen.scss */
.info-opera span {
  display: block;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.5em;
}

/* line 4200, ../sass/screen.scss */
#contenuto-opera {
  margin-top: 30px;
}
@media (min-width: 768px) {
  /* line 4200, ../sass/screen.scss */
  #contenuto-opera {
    margin-top: 0px;
  }
}
/* line 4210, ../sass/screen.scss */
#contenuto-opera h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 50px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4218, ../sass/screen.scss */
#contenuto-opera a {
  font-weight: 300;
  font-size: 1.5em;
  display: inline-block;
  margin-right: 15px;
  padding: 5px;
  margin-bottom: 15px;
  border: solid 1px #867d76;
  color: #867d76;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 4228, ../sass/screen.scss */
#contenuto-opera a:hover {
  background-color: #BDB69C;
}

/* line 4237, ../sass/screen.scss */
#media a {
  border: none;
  padding: 0px;
  margin-right: 0px;
}

/* line 4246, ../sass/screen.scss */
#pano1 {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 4253, ../sass/screen.scss */
#pano1 canvas {
  opacity: 1;
}

/* line 4263, ../sass/screen.scss */
.backstage-wrapper {
  margin-top: 30px;
}
/* line 4267, ../sass/screen.scss */
.backstage-wrapper h5 {
  font-weight: 600;
  margin: 0px;
  margin-bottom: 15px;
}
/* line 4273, ../sass/screen.scss */
.backstage-wrapper p {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4273, ../sass/screen.scss */
  .backstage-wrapper p {
    margin-right: 200px;
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  /* line 4273, ../sass/screen.scss */
  .backstage-wrapper p {
    margin-right: 200px;
    line-height: 2em;
  }
}

/* line 4295, ../sass/screen.scss */
.backstage-title h5 {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4295, ../sass/screen.scss */
  .backstage-title h5 {
    margin-right: 200px;
  }
}
@media (min-width: 992px) {
  /* line 4295, ../sass/screen.scss */
  .backstage-title h5 {
    margin-right: 200px;
  }
}
/* line 4307, ../sass/screen.scss */
.backstage-title p {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4307, ../sass/screen.scss */
  .backstage-title p {
    margin-right: 200px;
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  /* line 4307, ../sass/screen.scss */
  .backstage-title p {
    margin-right: 200px;
    line-height: 2em;
  }
}

/* line 4334, ../sass/screen.scss */
#related h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 25px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4342, ../sass/screen.scss */
#related a {
  font-weight: 300;
  font-size: 1.5em;
  display: inline-block;
  margin-right: 15px;
  padding: 5px;
  margin-bottom: 15px;
  border: solid 1px #867d76;
  color: #867d76;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 4352, ../sass/screen.scss */
#related a:hover {
  background-color: #BDB69C;
}

/* line 4363, ../sass/screen.scss */
.smooth_zoom_preloader {
  background-image: url(../../../images/my-brera/preloader.gif);
}

/* line 4366, ../sass/screen.scss */
.smooth_zoom_icons {
  background-image: url(../../../images/my-brera/icons.png);
}

/* line 4373, ../sass/screen.scss */
#zoom_container .landmarks {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
}

/* line 4380, ../sass/screen.scss */
#zoom_container .landmarks .item {
  position: absolute;
  text-align: center;
  display: none;
}

/* line 4388, ../sass/screen.scss */
.legenda-mappa {
  padding-left: 0px;
}
@media (min-width: 768px) {
  /* line 4388, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  /* line 4388, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 30px;
  }
}
/* line 4398, ../sass/screen.scss */
.legenda-mappa li {
  border-bottom: solid 1px #fff !important;
  background-color: #867d76;
  color: #fff;
  margin-bottom: 0px !important;
  height: 40px;
  font-size: 1.5em;
  padding-right: 0px !important;
}
@media (min-width: 768px) {
  /* line 4398, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  /* line 4398, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1.5em;
  }
}
/* line 4415, ../sass/screen.scss */
.legenda-mappa li img {
  float: left;
}
/* line 4419, ../sass/screen.scss */
.legenda-mappa li div {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
/* line 4426, ../sass/screen.scss */
.legenda-mappa li:after {
  display: none;
}

/* line 4436, ../sass/screen.scss */
body.page-template-opere-capolavori {
  background-color: #444444;
}

/* line 4441, ../sass/screen.scss */
.page-template-opere-capolavori #breadcrumb {
  background-color: #444444;
  color: #FFF;
}
/* line 4446, ../sass/screen.scss */
.page-template-opere-capolavori #footer {
  background-color: #eceded;
}
/* line 4450, ../sass/screen.scss */
.page-template-opere-capolavori h5 {
  font-family: "Merriweather";
  width: 90%;
  color: #867d76;
}
/* line 4456, ../sass/screen.scss */
.page-template-opere-capolavori p {
  color: #867d76;
}
/* line 4460, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box {
  border: none;
  padding-bottom: 0px;
}
/* line 4464, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box img {
  margin-bottom: 3px;
}
/* line 4468, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box span {
  font-style: italic;
  display: block;
  font-family: "Merriweather";
  font-size: 2em;
  font-weight: 300;
}
/* line 4476, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box h2 {
  font-family: "Merriweather";
  font-size: 2em;
  font-weight: 300;
  position: relative;
  bottom: auto;
  left: auto;
  font-style: normal;
  margin-bottom: 5px;
}
/* line 4488, ../sass/screen.scss */
.page-template-opere-capolavori #opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 50%;
}
/* line 4498, ../sass/screen.scss */
.page-template-opere-capolavori .periodo-title {
  height: auto;
  width: 100%;
  margin-top: 0px;
  padding-top: 60px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 4516, ../sass/screen.scss */
#restauri-sidebar {
  margin-top: 30px;
}

/* line 4519, ../sass/screen.scss */
#box-restauro {
  margin-bottom: 30px;
}
/* line 4522, ../sass/screen.scss */
#box-restauro h2 {
  color: #fff;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 4531, ../sass/screen.scss */
#box-restauro p {
  color: #fff;
}
/* line 4536, ../sass/screen.scss */
#box-restauro a.read-more {
  color: #fff;
  right: 30px;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 4539, ../sass/screen.scss */
#box-restauro a.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}
/* line 4543, ../sass/screen.scss */
#box-restauro a.read-more:hover {
  color: #BDB69C;
}
/* line 4549, ../sass/screen.scss */
#box-restauro hover.read-more {
  color: #fff;
}
/* line 4554, ../sass/screen.scss */
#box-restauro .container-fluid {
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-bottom: 40px;
}

/* line 4565, ../sass/screen.scss */
#restauri-single-content a {
  border: 1px solid #867d76;
  color: #867d76;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 5px;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 4575, ../sass/screen.scss */
#restauri-single-content a:hover {
  background-color: #BDB69C;
}

/* line 4590, ../sass/screen.scss */
#explore-brera-desktop-mobile {
  min-height: 115px;
  border: none;
}
@media (min-width: 768px) {
  /* line 4590, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 115px;
  }
}
@media (min-width: 992px) {
  /* line 4590, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 4608, ../sass/screen.scss */
#explore-brera-desktop-mobile h1 {
  color: #867d76;
}
/* line 4612, ../sass/screen.scss */
#explore-brera-desktop-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 4620, ../sass/screen.scss */
#explore-brera-desktop-mobile span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: 0px;
  background-color: #FFF;
  background: url(../../../images/my-brera/calendar-big.png);
  background-repeat: none;
  background-position: center center;
}

/* line 4637, ../sass/screen.scss */
#widget-explore-mobile {
  position: absolute;
  left: -15px;
  bottom: 0px;
}
@media (min-width: 768px) {
  /* line 4637, ../sass/screen.scss */
  #widget-explore-mobile {
    bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 4637, ../sass/screen.scss */
  #widget-explore-mobile {
    width: 100%;
    bottom: 15px;
  }
}

/* line 4659, ../sass/screen.scss */
.altissima-definizione-generale .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4659, ../sass/screen.scss */
  .altissima-definizione-generale .grid-sizer {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  /* line 4659, ../sass/screen.scss */
  .altissima-definizione-generale .grid-sizer {
    width: 25%;
  }
}

/* line 4678, ../sass/screen.scss */
.altissima .artwork-box {
  background-color: #000;
}

/* line 4685, ../sass/screen.scss */
.altissima-opera-container {
  background-color: #000;
}
/* line 4688, ../sass/screen.scss */
.altissima-opera-container p {
  color: #867d76;
}
/* line 4690, ../sass/screen.scss */
.altissima-opera-container p strong {
  color: #867d76;
}
/* line 4695, ../sass/screen.scss */
.altissima-opera-container #breadcrumb {
  background-color: #000;
  color: #fff;
}
/* line 4700, ../sass/screen.scss */
.altissima-opera-container .info-opera {
  color: #867d76;
}

@media (min-width: 768px) {
  /* line 4712, ../sass/screen.scss */
  #educazione {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 4723, ../sass/screen.scss */
#educazione h2 {
  color: #867d76;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* line 4733, ../sass/screen.scss */
.educazione-menu {
  border-bottom: 1px solid #867d76;
}
/* line 4736, ../sass/screen.scss */
.educazione-menu a {
  font-weight: 300;
  font-size: 1.5em;
  display: inline-block;
  margin-right: 15px;
  padding: 5px;
  margin-bottom: 0px;
  margin-top: 5px;
  border: solid 1px #867d76;
  color: #867d76;
  cursor: pointer;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 4748, ../sass/screen.scss */
.educazione-menu a:hover {
  background-color: #BDB69C;
}
/* line 4754, ../sass/screen.scss */
.educazione-menu a.active {
  background-color: #BDB69C;
}

/* line 4760, ../sass/screen.scss */
.educazione-box {
  margin-bottom: 30px;
}
/* line 4763, ../sass/screen.scss */
.educazione-box img {
  width: 100%;
  height: auto;
}
/* line 4769, ../sass/screen.scss */
.educazione-box .container-fluid {
  border: solid 1px #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -2px;
}

/* line 4781, ../sass/screen.scss */
#educazione-content {
  margin-top: 30px;
}
/* line 4785, ../sass/screen.scss */
#educazione-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4785, ../sass/screen.scss */
  #educazione-content .grid-sizer {
    width: 50%;
  }
}
/* line 4792, ../sass/screen.scss */
#educazione-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2em;
  text-transform: none;
  color: #867d76;
  margin-bottom: 10px;
}

/* line 4802, ../sass/screen.scss */
.data-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}
/* line 4809, ../sass/screen.scss */
.data-educazione:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 23px;
  height: 20px;
  background: url(../../../images/my-brera/calendar-educazione.png);
  background-repeat: none;
  background-position: center center;
}

/* line 4824, ../sass/screen.scss */
.categoria-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 10px;
}
/* line 4831, ../sass/screen.scss */
.categoria-educazione:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 25px;
  height: 18px;
  background: url(../../../images/my-brera/categoria-educazione.png);
  background-repeat: none;
  background-position: center center;
}

/* line 4846, ../sass/screen.scss */
.laboratorio-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 10px;
}
/* line 4853, ../sass/screen.scss */
.laboratorio-educazione:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 19px;
  height: 19px;
  background: url(../../../images/my-brera/laboratorio.png);
  background-repeat: none;
  background-position: center center;
}

/* line 4869, ../sass/screen.scss */
.meta-euducazione {
  display: block;
  margin-bottom: 15px;
}

/* line 4874, ../sass/screen.scss */
.firma-euducazione {
  display: block;
  border-top: solid 1px #867d76;
  padding: 15px;
  padding-bottom: 0px;
}
/* line 4880, ../sass/screen.scss */
.firma-euducazione span {
  text-transform: uppercase;
  display: block;
}

/* line 4887, ../sass/screen.scss */
.educazione-content-box {
  position: relative;
  padding-bottom: 40px;
}
/* line 4891, ../sass/screen.scss */
.educazione-content-box a.read-more {
  right: 15px;
}

/* line 4896, ../sass/screen.scss */
#box-educazione {
  margin-bottom: 30px;
}
/* line 4899, ../sass/screen.scss */
#box-educazione p, #box-educazione h2 {
  color: #fff;
}
/* line 4903, ../sass/screen.scss */
#box-educazione a.read-more {
  color: #fff;
  right: 30px;
}
/* line 4906, ../sass/screen.scss */
#box-educazione a.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}
/* line 4911, ../sass/screen.scss */
#box-educazione .container-fluid {
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-bottom: 40px;
}

/* line 4921, ../sass/screen.scss */
.categoria-educazione-single {
  display: block;
  border-bottom: solid 1px #867d76;
  padding-bottom: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #867d76;
}

/* line 4935, ../sass/screen.scss */
#educazione-content-single .firma-euducazione {
  padding-left: 0px;
}
/* line 4939, ../sass/screen.scss */
#educazione-content-single .gallery {
  margin-top: 30px;
}
/* line 4943, ../sass/screen.scss */
#educazione-content-single .pdf-documents {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 4951, ../sass/screen.scss */
.educazione-single-img {
  display: block;
  text-align: center;
}
/* line 4956, ../sass/screen.scss */
.educazione-single-img img {
  max-height: 500px;
  max-width: 100%;
  width: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 4968, ../sass/screen.scss */
.educazione-single-meta {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
/* line 4973, ../sass/screen.scss */
.educazione-single-meta span {
  font-weight: 300;
}

/* line 4979, ../sass/screen.scss */
.izitravel {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-top: 15px;
}

/* line 4986, ../sass/screen.scss */
#izitravel-img img {
  margin-bottom: 5px;
  margin-right: 16px;
  margin-top: 15px;
  text-align: center;
}

/* line 5000, ../sass/screen.scss */
#mostre-content {
  margin-top: 30px;
}
/* line 5003, ../sass/screen.scss */
#mostre-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5003, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5003, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 25%;
  }
}
/* line 5024, ../sass/screen.scss */
#mostre-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #867d76;
  margin-bottom: 10px;
  margin-top: 15px;
}
/* line 5034, ../sass/screen.scss */
#mostre-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

/* line 5042, ../sass/screen.scss */
.mostre-box {
  margin-bottom: 30px;
}
/* line 5045, ../sass/screen.scss */
.mostre-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5052, ../sass/screen.scss */
.mostre-box-inside {
  background-color: #fff;
  padding-bottom: 30px;
}

/* line 5060, ../sass/screen.scss */
#mostre-content-single h5 {
  margin-bottom: 15px;
}
/* line 5064, ../sass/screen.scss */
#mostre-content-single img {
  margin-bottom: 15px;
}
/* line 5068, ../sass/screen.scss */
#mostre-content-single .wp-caption-text {
  margin-top: -8px;
}

/* line 5076, ../sass/screen.scss */
.explore-brera-desktop {
  background-color: #867d76;
  min-height: 411px;
  position: relative;
}
/* line 5084, ../sass/screen.scss */
.explore-brera-desktop h1 {
  color: #FFF;
}

/* line 5090, ../sass/screen.scss */
.box-info {
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 5090, ../sass/screen.scss */
  .box-info {
    margin-top: 00px;
  }
}

/* line 5100, ../sass/screen.scss */
#explore-brera-desktop-mostre {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5100, ../sass/screen.scss */
  #explore-brera-desktop-mostre {
    color: #867d76;
    position: relative;
  }
}
/* line 5116, ../sass/screen.scss */
#explore-brera-desktop-mostre h1 {
  color: #867d76;
}
/* line 5120, ../sass/screen.scss */
#explore-brera-desktop-mostre span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5128, ../sass/screen.scss */
#explore-brera-desktop-mostre span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: 0px;
  background-color: #FFF;
  background: url(../../../images/my-brera/calendar-big.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5142, ../sass/screen.scss */
#explore-brera-desktop-mostre strong {
  display: block;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
/* line 5150, ../sass/screen.scss */
#explore-brera-desktop-mostre p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5155, ../sass/screen.scss */
#explore-brera-desktop-mostre .left {
  border-right: solid 1px #867d76;
}

/* line 5163, ../sass/screen.scss */
#widget-explore-mostre {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5163, ../sass/screen.scss */
  #widget-explore-mostre {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5163, ../sass/screen.scss */
  #widget-explore-mostre {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5177, ../sass/screen.scss */
#widget-explore-mostre a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5182, ../sass/screen.scss */
#widget-explore-mostre a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5187, ../sass/screen.scss */
#widget-explore-mostre a#directions span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/directions.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5199, ../sass/screen.scss */
#widget-explore-mostre a#hours span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/hours.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5211, ../sass/screen.scss */
#widget-explore-mostre a#calendar span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/calendar.png);
  background-repeat: none;
  background-position: center center;
}

/* line 5230, ../sass/screen.scss */
#dialoghi-content {
  margin-top: 30px;
}
/* line 5233, ../sass/screen.scss */
#dialoghi-content .grid-sizer-mostre {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5233, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5233, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 25%;
  }
}
/* line 5254, ../sass/screen.scss */
#dialoghi-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #867d76;
  margin-bottom: 10px;
  margin-top: 15px;
}
/* line 5264, ../sass/screen.scss */
#dialoghi-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

/* line 5272, ../sass/screen.scss */
.dialoghi-box {
  margin-bottom: 30px;
}
/* line 5275, ../sass/screen.scss */
.dialoghi-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5282, ../sass/screen.scss */
.dialoghi-box-inside {
  background-color: #fff;
  padding-bottom: 30px;
}

/* line 5287, ../sass/screen.scss */
.grid-sizer-dialoghi {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5287, ../sass/screen.scss */
  .grid-sizer-dialoghi {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5287, ../sass/screen.scss */
  .grid-sizer-dialoghi {
    width: 25%;
  }
}

/* line 5304, ../sass/screen.scss */
#dialoghi-content-single h1 {
  margin-right: 50px;
}
/* line 5308, ../sass/screen.scss */
#dialoghi-content-single h5 {
  margin-bottom: 15px;
}
/* line 5312, ../sass/screen.scss */
#dialoghi-content-single img {
  margin-bottom: 15px;
}
/* line 5316, ../sass/screen.scss */
#dialoghi-content-single .wp-caption-text {
  margin-top: -8px;
}
/* line 5320, ../sass/screen.scss */
#dialoghi-content-single img.full-width {
  width: 70%;
}
/* line 5324, ../sass/screen.scss */
#dialoghi-content-single .aligncenter {
  height: auto;
  margin-left: 30px;
  width: 90%;
  float: center;
}

/* line 5335, ../sass/screen.scss */
#explore-brera-desktop {
  background-color: #867d76;
  min-height: 436px;
  position: relative;
}
/* line 5343, ../sass/screen.scss */
#explore-brera-desktop h1 {
  color: #FFF;
}

/* line 5349, ../sass/screen.scss */
.box-info {
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 5349, ../sass/screen.scss */
  .box-info {
    margin-top: 00px;
  }
}

/* line 5359, ../sass/screen.scss */
#explore-brera-desktop-dialoghi {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5359, ../sass/screen.scss */
  #explore-brera-desktop-dialoghi {
    color: #867d76;
    position: relative;
  }
}
/* line 5375, ../sass/screen.scss */
#explore-brera-desktop-dialoghi h1 {
  color: #867d76;
}
/* line 5379, ../sass/screen.scss */
#explore-brera-desktop-dialoghi span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5387, ../sass/screen.scss */
#explore-brera-desktop-dialoghi span:before {
  content: "";
  width: 48px;
  height: 37px;
  position: absolute;
  left: -48px;
  top: 0px;
  background-color: #FFF;
  background: url(../../../images/my-brera/calendar-big.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5401, ../sass/screen.scss */
#explore-brera-desktop-dialoghi strong {
  display: block;
  color: #000;
  display: block;
}
/* line 5408, ../sass/screen.scss */
#explore-brera-desktop-dialoghi p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5413, ../sass/screen.scss */
#explore-brera-desktop-dialoghi .left {
  border-right: solid 1px #867d76;
}

/* line 5421, ../sass/screen.scss */
#widget-explore-dialoghi {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5421, ../sass/screen.scss */
  #widget-explore-dialoghi {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5421, ../sass/screen.scss */
  #widget-explore-dialoghi {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5435, ../sass/screen.scss */
#widget-explore-dialoghi a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5440, ../sass/screen.scss */
#widget-explore-dialoghi a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5445, ../sass/screen.scss */
#widget-explore-dialoghi a#directions span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/directions.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5457, ../sass/screen.scss */
#widget-explore-dialoghi a#hours span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/hours.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5469, ../sass/screen.scss */
#widget-explore-dialoghi a#calendar span:before {
  content: "";
  width: 35px;
  height: 30px;
  position: absolute;
  left: -35px;
  top: -7px;
  background: url(../../../images/my-brera/calendar.png);
  background-repeat: none;
  background-position: center center;
}

/* line 5483, ../sass/screen.scss */
#share-icon {
  margin-left: 0;
}

/* line 5496, ../sass/screen.scss */
#menu-filtri {
  display: none;
}
@media (min-width: 768px) {
  /* line 5496, ../sass/screen.scss */
  #menu-filtri {
    display: block;
  }
}

/* line 5504, ../sass/screen.scss */
#attivita-content {
  margin-top: 30px;
}
/* line 5507, ../sass/screen.scss */
#attivita-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5507, ../sass/screen.scss */
  #attivita-content .grid-sizer {
    width: 50%;
  }
}
/* line 5516, ../sass/screen.scss */
#attivita-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2em;
  text-transform: none;
  color: #000;
  margin-bottom: 10px;
}
/* line 5525, ../sass/screen.scss */
#attivita-content span.data-educazione {
  color: #000;
}
/* line 5528, ../sass/screen.scss */
#attivita-content span.data-educazione:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 23px;
  height: 20px;
  background: url(../../../images/my-brera/calendar-attivita-black.png);
  background-repeat: none;
  background-position: center center;
}
/* line 5542, ../sass/screen.scss */
#attivita-content a.read-more {
  color: #000;
  bottom: 45px;
}
/* line 5546, ../sass/screen.scss */
#attivita-content a.read-more:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 15px;
  right: -20px;
  top: -2px;
  background: url(../../../images/my-brera/read-more-black.png);
}
/* line 5557, ../sass/screen.scss */
#attivita-content .mostre-box-inside {
  border: solid 1px #867d76;
  padding-bottom: 60px;
}

/* line 5563, ../sass/screen.scss */
.attivita-box {
  margin-bottom: 30px;
}
/* line 5566, ../sass/screen.scss */
.attivita-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5575, ../sass/screen.scss */
.mostre-box-inside.eventi {
  background-color: #d4d6ca;
}

/* line 5579, ../sass/screen.scss */
.mostre-box-inside.conferenze {
  background-color: #867d76;
}

/* line 5583, ../sass/screen.scss */
.mostre-box-inside.presentazioni {
  background-color: #FFF;
}

/* line 5587, ../sass/screen.scss */
.mostre-box-inside.proiezioni {
  background-color: #e2e0da;
}

/* line 5591, ../sass/screen.scss */
.mostre-box-inside.aperture-speciali {
  background-color: #eceded;
}

/* line 5598, ../sass/screen.scss */
.attivita-thumb {
  position: relative;
}
/* line 5601, ../sass/screen.scss */
.attivita-thumb span {
  font-family: "Raleway";
  font-size: 1.2em;
  text-transform: uppercase;
  width: auto;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #FFF;
  background-color: #fff;
  color: #000;
  border-bottom: solid 1px #000;
  border-right: solid 1px #000;
}

/* line 5619, ../sass/screen.scss */
.orario-attivita {
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
}
/* line 5626, ../sass/screen.scss */
.orario-attivita:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -3px;
  width: 20px;
  height: 20px;
  background: url(../../../images/my-brera/orario-black_attivita.png);
  background-repeat: none;
  background-position: center center;
}

/* line 5641, ../sass/screen.scss */
.prezzo-culturali {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  width: 100%;
  padding: 15px;
  padding-bottom: 0px;
}
/* line 5650, ../sass/screen.scss */
.prezzo-culturali span {
  display: block;
  border-top: solid 1px #000;
  border-bottom: none;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 5660, ../sass/screen.scss */
.categoria-attivita {
  display: block;
  margin-bottom: 5px;
  border-bottom: solid 1px #867d76;
  text-transform: uppercase;
  font-weight: 700;
  color: #867d76;
}

/* line 5674, ../sass/screen.scss */
#news-content {
  margin-top: 30px;
}

/* line 5677, ../sass/screen.scss */
.news-box {
  margin-bottom: 30px;
  position: relative;
}

/* line 5681, ../sass/screen.scss */
.inner-news {
  position: relative;
}
/* line 5684, ../sass/screen.scss */
.inner-news .read-more {
  right: 30px;
  color: #fff;
}
/* line 5687, ../sass/screen.scss */
.inner-news .read-more:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 15px;
  right: -20px;
  top: -2px;
  background: url(../../../images/my-brera/read-more-white.png);
}

/* line 5698, ../sass/screen.scss */
.news-date {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 300;
}
@media (min-width: 992px) {
  /* line 5698, ../sass/screen.scss */
  .news-date {
    font-size: 2em;
  }
}

/* line 5713, ../sass/screen.scss */
.title-news-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 5722, ../sass/screen.scss */
.display-table {
  display: table;
  height: 100%;
  width: 100%;
  padding: 15px;
}
/* line 5728, ../sass/screen.scss */
.display-table h2 {
  display: table-cell;
  vertical-align: middle;
  color: #fff !important;
  text-transform: none !important;
  font-size: 1.5em !important;
}
@media (min-width: 992px) {
  /* line 5728, ../sass/screen.scss */
  .display-table h2 {
    font-size: 2.5em !important;
  }
}

/* line 5747, ../sass/screen.scss */
#calendar-small {
  position: relative;
}

/* line 5751, ../sass/screen.scss */
#calendario-box-loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(../../../images/my-brera/default.svg) no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 5763, ../sass/screen.scss */
.calendario-box {
  border-bottom: solid 1px #867d76;
}

/* line 5769, ../sass/screen.scss */
.calendario-data {
  padding-top: 30px;
  padding-left: 0px;
}
/* line 5773, ../sass/screen.scss */
.calendario-data h3 {
  font-weight: 700;
  font-size: 1.5em;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 5780, ../sass/screen.scss */
.calendario-data .orario-attivita {
  font-weight: 300;
  color: #867d76;
  text-transform: uppercase;
}

/* line 5787, ../sass/screen.scss */
.calendario-content {
  padding-right: 0px;
  border-left: none;
  padding-left: 0px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
/* line 5795, ../sass/screen.scss */
.calendario-content h2 {
  margin-bottom: 20px !important;
}
/* line 5799, ../sass/screen.scss */
.calendario-content span.categoria {
  margin-bottom: 15px;
  text-shadow: none;
  font-family: "Raleway";
  font-size: 0.8em;
  text-transform: uppercase;
  width: auto;
  padding: 3px;
  display: inline-block;
  color: #fff;
}
/* line 5811, ../sass/screen.scss */
.calendario-content .read-more {
  right: 15px;
  bottom: 15px;
}
@media (min-width: 768px) {
  /* line 5787, ../sass/screen.scss */
  .calendario-content {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

/* line 5825, ../sass/screen.scss */
.navigazione-mese {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* line 5829, ../sass/screen.scss */
.navigazione-mese a {
  font-weight: 300;
  font-size: 1.5em;
  display: block;
  margin-bottom: 15px;
  padding: 5px;
  border: solid 1px #867d76;
  color: #867d76;
  cursor: pointer;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 5840, ../sass/screen.scss */
.navigazione-mese a:hover {
  background-color: #BDB69C;
}
/* line 5846, ../sass/screen.scss */
.navigazione-mese a.active {
  background-color: #BDB69C;
}
@media (min-width: 992px) {
  /* line 5825, ../sass/screen.scss */
  .navigazione-mese {
    margin-top: 0px;
  }
}

/* line 5866, ../sass/screen.scss */
#risultati-ricerca {
  margin-top: 30px;
}
/* line 5869, ../sass/screen.scss */
#risultati-ricerca h2 {
  font-family: "Raleway";
  font-size: 1.3em;
  color: #fff;
  margin-bottom: 15px;
  background-color: #867d76;
  padding: 5px;
  padding-left: 15px;
  font-weight: 300;
  text-transform: uppercase;
}
/* line 5882, ../sass/screen.scss */
#risultati-ricerca h3 {
  font-family: "Raleway";
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #867d76;
}

/* line 5891, ../sass/screen.scss */
.ricerca-box {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #867d76;
}
/* line 5896, ../sass/screen.scss */
.ricerca-box a.read-more {
  margin-top: 15px;
  position: relative;
  float: right;
}

/* line 5905, ../sass/screen.scss */
.thumb-ricerca {
  padding-left: 0px;
}

/* line 5914, ../sass/screen.scss */
.press-info {
  margin-bottom: 30px;
}

/* line 5924, ../sass/screen.scss */
#press-archive-content h1 span {
  font-size: 1em;
}
/* line 5933, ../sass/screen.scss */
#press-archive-content h2 {
  color: #867d76;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
}
/* line 5942, ../sass/screen.scss */
#press-archive-content #explore-brera-desktop-calendar {
  min-height: 400px;
  padding-top: 250px;
}

/* line 5948, ../sass/screen.scss */
.rassegna-box {
  border-bottom: solid 1px #867d76;
}

/* line 5952, ../sass/screen.scss */
.data-rassegna {
  padding-left: 0px;
  padding-top: 30px;
}
/* line 5956, ../sass/screen.scss */
.data-rassegna h3 {
  font-weight: 700;
  font-size: 1.3em;
  color: #867d76;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  /* line 5956, ../sass/screen.scss */
  .data-rassegna h3 {
    font-size: 1.5em;
  }
}
/* line 5971, ../sass/screen.scss */
.data-rassegna span {
  display: inline-block;
  background-color: #867d76;
  padding: 5px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.9em;
}

/* line 5982, ../sass/screen.scss */
.contenuto-rassegna {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 130px;
  padding-left: 0px;
}
/* line 5988, ../sass/screen.scss */
.contenuto-rassegna p {
  width: 100% !important;
  font-weight: 300;
}
/* line 5993, ../sass/screen.scss */
.contenuto-rassegna h2 {
  width: 100% !important;
  color: #867d76;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  /* line 5982, ../sass/screen.scss */
  .contenuto-rassegna {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

/* line 6015, ../sass/screen.scss */
.download-rassegna {
  padding-top: 30px;
  text-align: right;
  padding-right: 0px;
}

/* line 6022, ../sass/screen.scss */
#calendario-mesi {
  position: relative;
  border: solid 1px #867d76;
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 30px;
}
/* line 6032, ../sass/screen.scss */
#calendario-mesi h2 {
  width: 100% !important;
  color: #867d76;
  font-family: "Raleway";
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 15px;
  text-align: left;
}

/* line 6049, ../sass/screen.scss */
.calendario-anno {
  font-size: 2em;
  color: #867d76;
}
/* line 6050, ../sass/screen.scss */
.calendario-anno a {
  display: inline-block;
  cursor: pointer;
}
/* line 6055, ../sass/screen.scss */
.calendario-anno span {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 6065, ../sass/screen.scss */
.calendario-mesi {
  margin-top: 30px;
}
/* line 6067, ../sass/screen.scss */
.calendario-mesi div {
  padding-left: 5px;
  padding-right: 5px;
}
/* line 6072, ../sass/screen.scss */
.calendario-mesi a {
  display: block;
  padding: 5px;
  color: #867d76;
  margin-bottom: 15px;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 6080, ../sass/screen.scss */
.calendario-mesi a:hover {
  background-color: #BDB69C;
  color: #fff;
}
/* line 6085, ../sass/screen.scss */
.calendario-mesi a.active {
  background-color: #BDB69C;
  color: #fff;
}

/* line 6098, ../sass/screen.scss */
#press-login .pc_login_form {
  margin: 0 auto 20px;
  max-width: none;
  background-color: transparent;
  padding: 0;
  margin-top: 15px;
}
/* line 6106, ../sass/screen.scss */
#press-login .pc_auth_btn {
  border: none;
  background-color: #867d76;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 6116, ../sass/screen.scss */
#press-login .pc_auth_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 6127, ../sass/screen.scss */
.pc_registration_form {
  max-width: none !important;
  background-color: transparent;
  padding: 0;
}

/* line 6133, ../sass/screen.scss */
.pc_one_col_form .pc_form_flist > li > label {
  width: 20%;
  font-weight: 300;
  color: #867d76;
}

/* line 6140, ../sass/screen.scss */
.pc_req_field {
  color: #736a68 !important;
}

/* line 6144, ../sass/screen.scss */
.pc_one_col_form .pc_form_flist > li > input, .pc_one_col_form .pc_form_flist > li > select, .pc_one_col_form .pc_form_flist > li > .pc_check_wrap, .pc_one_col_form .pc_form_flist > li .ms-parent {
  display: inline-block;
  float: right;
  margin: 0 0 0 2% !important;
  width: 78%;
}

/* line 6152, ../sass/screen.scss */
.pc_check_wrap input, .pc_check_wrap label {
  float: left;
  font-weight: 300;
  color: #867d76;
}
/* line 6159, ../sass/screen.scss */
.pc_check_wrap label {
  margin-right: 15px;
  padding-top: 6px;
  width: auto !important;
}

/* line 6165, ../sass/screen.scss */
.pc_logout_btn,
.pc_reg_btn {
  border: none;
  background-color: #867d76;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  -moz-transition: background-color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}
/* line 6177, ../sass/screen.scss */
.pc_logout_btn:hover,
.pc_reg_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 6184, ../sass/screen.scss */
.comunicati-pdf {
  position: relative;
}
/* line 6186, ../sass/screen.scss */
.comunicati-pdf a {
  position: absolute;
  bottom: 30px;
  left: 0px;
}
/* line 6190, ../sass/screen.scss */
.comunicati-pdf a img {
  display: block;
  margin-bottom: 5px;
}

/* line 6197, ../sass/screen.scss */
.press-kit-image {
  padding-left: 0px;
  padding-bottom: 30px;
}

/* line 6202, ../sass/screen.scss */
.press-kit-contenuto {
  border-left: none;
}
/* line 6205, ../sass/screen.scss */
.press-kit-contenuto h3 {
  font-weight: 700;
  font-size: 1.5em;
  color: #867d76;
  margin-bottom: 15px;
}

/* line 6213, ../sass/screen.scss */
.press-kit-download {
  position: relative;
}
/* line 6215, ../sass/screen.scss */
.press-kit-download a {
  position: absolute;
  right: 0px;
  bottom: 30px;
}

/* line 6226, ../sass/screen.scss */
.load-more-tweet {
  text-transform: uppercase;
  width: 150px;
  padding: 10px;
  display: inline-block;
  border-top: solid 1px #867d76;
  border-bottom: solid 1px #867d76;
  font-size: 1.5em;
  position: relative;
}
/* line 6238, ../sass/screen.scss */
.load-more-tweet.loading:after {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  top: -45px;
  width: 40px;
  height: 40px;
  content: "";
  background: url(../../../images/my-brera/default.svg) no-repeat;
  background-size: cover;
}

/* line 6258, ../sass/screen.scss */
#twitterfeed {
  margin-top: 30px;
}
/* line 6260, ../sass/screen.scss */
#twitterfeed .grid-sizer {
  width: 33.3333333%;
}

/* line 6266, ../sass/screen.scss */
.twitter-box {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 20px;
  font-size: 1.5em;
  color: #867d76;
}
/* line 6273, ../sass/screen.scss */
.twitter-box img {
  margin-top: 15px;
}
/* line 6277, ../sass/screen.scss */
.twitter-box span {
  display: block;
  font-size: 700;
  color: #867d76;
  margin-bottom: 10px;
  border-bottom: solid 1px #867d76;
  font-size: 0.8em;
}
/* line 6286, ../sass/screen.scss */
.twitter-box i {
  display: block;
  text-align: center;
  font-size: 2em;
  color: #54abee;
  margin-bottom: 15px;
}

/* line 6306, ../sass/screen.scss */
#field_4_12,
#field_4_18,
#field_4_16 {
  margin-top: 36px;
}

/* line 6314, ../sass/screen.scss */
.gfield_label {
  font-weight: 300;
  font-size: 1.2em;
}

/* line 6320, ../sass/screen.scss */
.gform_wrapper table.gfield_list thead th {
  font-weight: normal !important;
  font-size: 0.95em  !important;
}

/* line 6327, ../sass/screen.scss */
.gform_wrapper form li, .gform_wrapper li {
  margin-top: 15px;
}

/* line 6331, ../sass/screen.scss */
#field_4_6 {
  float: left;
  margin-right: 30px;
}

/* line 6337, ../sass/screen.scss */
#field_4_7 {
  clear: unset;
}

/* line 6344, ../sass/screen.scss */
#field_4_19 {
  margin-top: 36px;
}

/* line 6350, ../sass/screen.scss */
#gform_submit_button_4,
#gform_submit_button_5 {
  background-color: #867d76;
  border: medium none;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  text-transform: uppercase;
  transition: background-color 0.3s ease 0s;
}

/* line 6364, ../sass/screen.scss */
#field_4_20 input.medium {
  width: 97.5%;
}

/* line 6368, ../sass/screen.scss */
#field_4_21 input.medium {
  width: 97.5%;
}

/* line 6373, ../sass/screen.scss */
#field_4_7 input.medium {
  width: 79.5%;
}

/* line 6379, ../sass/screen.scss */
#field_5_20 input.medium {
  width: 97.5%;
}

/* line 6384, ../sass/screen.scss */
#field_5_21 input.medium {
  width: 97.5%;
}

/* line 6389, ../sass/screen.scss */
#field_5_22 input.medium {
  width: 97.5%;
}

/* line 6394, ../sass/screen.scss */
#field_5_23 input.medium {
  width: 97.5%;
}

/* line 6407, ../sass/screen.scss */
#opere-image {
  position: relative;
  width: 100%;
  margin-top: 60px;
  background-color: #000;
  padding: 0px;
  height: -webkit-calc(98vh - 60px);
  height: -moz-calc(98vh - 60px);
  height: calc(98vh - 60px);
}
@media (min-width: 768px) {
  /* line 6407, ../sass/screen.scss */
  #opere-image {
    margin-top: 100px;
    height: -webkit-calc(98vh - 100px);
    height: -moz-calc(98vh - 100px);
    height: calc(98vh - 100px);
  }
}
@media (min-width: 992px) {
  /* line 6407, ../sass/screen.scss */
  #opere-image {
    margin-top: 113px;
    height: -webkit-calc(100vh - 113px);
    height: -moz-calc(100vh - 113px);
    height: calc(100vh - 113px);
  }
}

/* line 6429, ../sass/screen.scss */
#metacontainer {
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
  bottom: 0px;
  padding-bottom: 30px;
  padding-top: 30px;
  width: 100%;
  text-align: left;
  z-index: 100;
}
/* line 6441, ../sass/screen.scss */
#metacontainer h1 {
  font-size: 1.7em;
  color: #eceded;
  max-width: 300px;
  margin-bottom: 15px;
  font-weight: 300;
  opacity: 0.8;
}
/* line 6450, ../sass/screen.scss */
#metacontainer h2 {
  color: #eceded;
  font-size: 1.3em;
  font-weight: 300;
  max-width: 300px;
  opacity: 0.6;
}

/* line 6459, ../sass/screen.scss */
#navigator {
  position: absolute;
  bottom: 30px;
  right: 15px;
  border: solid 1px #867d76;
  width: 200px;
  height: 200px;
}
@media (min-width: 768px) {
  /* line 6459, ../sass/screen.scss */
  #navigator {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 992px) {
  /* line 6459, ../sass/screen.scss */
  #navigator {
    width: 200px;
    height: 200px;
  }
}

/* line 6488, ../sass/screen.scss */
#navigator-container {
  width: 100%;
  height: 100%;
}

/* line 6494, ../sass/screen.scss */
.zoom {
  position: absolute;
  right: 15px;
  bottom: 250px;
  width: 20px;
  height: 20px;
  background-color: #736a68;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  color: #fff;
}
@media (min-width: 768px) {
  /* line 6494, ../sass/screen.scss */
  .zoom {
    bottom: 200px;
  }
}
@media (min-width: 992px) {
  /* line 6494, ../sass/screen.scss */
  .zoom {
    bottom: 250px;
  }
}

/* line 6523, ../sass/screen.scss */
#zoomin {
  right: 15px;
}

/* line 6527, ../sass/screen.scss */
#zoomout {
  right: 40px;
}

/* line 6530, ../sass/screen.scss */
#zoomless,
#zoomplus {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 6537, ../sass/screen.scss */
a#scroll-down {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 50px;
  color: #fff;
  text-align: center;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 3em;
}

/* line 6559, ../sass/screen.scss */
#header-height {
  height: 60px;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  /* line 6559, ../sass/screen.scss */
  #header-height {
    height: 100px;
    position: relative;
  }
}
@media (min-width: 992px) {
  /* line 6559, ../sass/screen.scss */
  #header-height {
    height: 118px;
  }
}

/* line 6575, ../sass/screen.scss */
#image-loading {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #736a68;
  z-index: 200;
  background: url(../../../images/my-brera/default.svg) no-repeat;
  background-position: center center;
}

/* line 6589, ../sass/screen.scss */
#css3-calc {
  width: 10px;
  width: -webkit-calc(10px + 10px);
  width: -moz-calc(10px + 10px);
  width: calc(10px + 10px);
  display: none;
}

/* line 6598, ../sass/screen.scss */
#lavoriamo-content {
  margin-top: 30px;
  margin-bottom: 50px;
}

/* line 6602, ../sass/screen.scss */
.lavoriamo-box {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #867d76;
}

/* line 6609, ../sass/screen.scss */
.content-staff {
  margin-top: 5px;
  display: none;
}

/* line 6614, ../sass/screen.scss */
a.openstaff {
  font-weight: 300;
  font-size: 1.5em;
  color: #867d76;
  display: block;
  position: relative;
}
/* line 6620, ../sass/screen.scss */
a.openstaff:hover {
  color: #736a68 !important;
}
/* line 6624, ../sass/screen.scss */
a.openstaff:after {
  font-family: "FontAwesome";
  content: "\f067";
  position: absolute;
  right: 0px;
  width: 10px;
  top: 6px;
  height: 10px;
  font-size: 0.5em;
}
/* line 6637, ../sass/screen.scss */
a.openstaff.active:after {
  content: "\f068";
}

/* line 6647, ../sass/screen.scss */
#media-content {
  margin-top: 30px;
  margin-bottom: 60px;
}

/* line 6652, ../sass/screen.scss */
.box-media {
  margin-bottom: 30px;
}
/* line 6654, ../sass/screen.scss */
.box-media .thumbnail-media {
  position: relative;
  margin-bottom: 10px;
}
/* line 6658, ../sass/screen.scss */
.box-media .thumbnail-media:after {
  content: "";
  position: absolute;
  color: #fff;
  font-size: 2em;
  text-align: center;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
/* line 6674, ../sass/screen.scss */
.box-media .thumbnail-media:hover:after {
  opacity: 1;
}
/* line 6684, ../sass/screen.scss */
.box-media h3 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 1.8em;
  color: #867d76;
  margin-bottom: 10px;
}
/* line 6692, ../sass/screen.scss */
.box-media span {
  display: block;
  font-family: "Raleway";
  margin-bottom: 10px;
  font-size: 1em;
  color: #867d76;
}

/* line 6701, ../sass/screen.scss */
.video-player {
  padding-top: 150px;
  padding-bottom: 60px;
  background-color: #383e42;
}

/* line 6707, ../sass/screen.scss */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

/* line 6713, ../sass/screen.scss */
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 6721, ../sass/screen.scss */
#media-single {
  margin-bottom: 60px;
}

/* line 6726, ../sass/screen.scss */
#new-map {
  background-color: #fff;
  position: relative;
  width: 100%;
}

/* line 6735, ../sass/screen.scss */
.overlay {
  background-color: #ccc;
  opacity: 0.0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
/* line 6739, ../sass/screen.scss */
.overlay:hover {
  opacity: 0.3;
}

/* line 6749, ../sass/screen.scss */
#brerascolta-loop {
  margin-top: 30px;
}

/* line 6753, ../sass/screen.scss */
.brerascolta-box {
  background-color: #fff;
  padding: 15px;
  border: solid 1px #867d76;
  position: relative;
  margin-bottom: 30px;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
/* line 6761, ../sass/screen.scss */
.brerascolta-box:hover {
  background-color: #867d76;
}
/* line 6764, ../sass/screen.scss */
.brerascolta-box:hover .content h2 {
  color: #fff;
}
/* line 6772, ../sass/screen.scss */
.brerascolta-box .content {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: flex;
  align-items: flex-end;
  min-height: 80px;
}
/* line 6784, ../sass/screen.scss */
.brerascolta-box .content img {
  position: absolute;
  left: -15px;
  top: -15px;
  max-width: 100%;
  height: calc(100% + 30px);
}
@media (min-width: 992px) {
  /* line 6784, ../sass/screen.scss */
  .brerascolta-box .content img {
    position: absolute;
    left: 15px;
    width: calc(100% - 30px);
    height: auto;
    top: 15px;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  /* line 6772, ../sass/screen.scss */
  .brerascolta-box .content {
    position: absolute;
  }
}
/* line 6808, ../sass/screen.scss */
.brerascolta-box .content h2 {
  font-family: "Raleway";
  color: #867d76;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
  text-align: right;
  width: 100%;
  padding-left: 170px;
}
@media (min-width: 992px) {
  /* line 6808, ../sass/screen.scss */
  .brerascolta-box .content h2 {
    text-align: left;
    width: 100%;
    padding-left: 00px;
  }
}
@media (min-width: 992px) {
  /* line 6828, ../sass/screen.scss */
  .brerascolta-box:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
}

/* line 6840, ../sass/screen.scss */
#brerascolta-single .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 30px;
  margin-top: 30px;
}
/* line 6847, ../sass/screen.scss */
#brerascolta-single .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 6861, ../sass/screen.scss */
#main-image-ascolta {
  height: 50vh;
  min-height: 700px;
  background: #000;
  position: relative;
}
/* line 6867, ../sass/screen.scss */
#main-image-ascolta .video-container {
  position: absolute;
  left: 0px;
  top: 112px;
  width: 100%;
  height: calc(100% - 112px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
}
/* line 6878, ../sass/screen.scss */
#main-image-ascolta .video-container iframe {
  position: relative;
}