/* 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 */
.media-box-home {
  border: solid 1px #867d76;
  padding-top: 15px;
  height: 100%;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: -2px;
}
@media (min-width: 992px) {
  /* line 125, ../sass/screen.scss */
  .media-box-home {
    height: 446px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
/* line 140, ../sass/screen.scss */
.media-box-home img {
  margin-bottom: 15px;
}
/* line 144, ../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 156, ../sass/screen.scss */
#logo_biblioteca img {
  width: 100%;
}

/* line 163, ../sass/screen.scss */
#social-btn {
  position: fixed;
  right: 0px;
  top: 200px;
  width: 40px;
  z-index: 1000;
}
/* line 173, ../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 185, ../sass/screen.scss */
#social-btn a:hover {
  background-color: #BDB69C;
  opacity: 1;
}
/* line 192, ../sass/screen.scss */
#social-btn a.active {
  background-color: #BDB69C;
}

/* line 203, ../sass/screen.scss */
a {
  cursor: pointer;
}
/* line 205, ../sass/screen.scss */
a:visited {
  color: inherit;
}
/* line 208, ../sass/screen.scss */
a:active {
  border: none;
}

/* line 215, ../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 229, ../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 240, ../sass/screen.scss */
#btn-menu-filtri a.active:before {
  content: "\f139";
}

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

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

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

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

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

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

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

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

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

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

/* line 293, ../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 305, ../sass/screen.scss */
img.full-width {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 305, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  /* line 305, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}

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

/* line 343, ../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 351, ../sass/screen.scss */
#breadcrumb .container {
  position: relative;
}
/* line 354, ../sass/screen.scss */
#breadcrumb span {
  font-weight: 700;
}
/* line 358, ../sass/screen.scss */
#breadcrumb a {
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
/* line 362, ../sass/screen.scss */
#breadcrumb a:hover {
  color: #BDB69C;
  font-weight: 300;
}

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

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

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

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

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

/* line 422, ../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 427, ../sass/screen.scss */
  .hover:hover {
    opacity: 0.7;
  }
}

/* line 436, ../sass/screen.scss */
#share-icon-top {
  position: absolute;
  right: 0px;
  top: 30px;
  height: 72px;
  width: 24px;
  background-color: #736a68;
  display: none;
}
/* line 445, ../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 458, ../sass/screen.scss */
#sharediv {
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}

/* line 464, ../sass/screen.scss */
#share-icon {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  height: 31px;
}
/* line 473, ../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 492, ../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 505, ../sass/screen.scss */
.search-wrapper {
  position: relative;
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 505, ../sass/screen.scss */
  .search-wrapper {
    margin-top: 0px;
  }
}

/* line 519, ../sass/screen.scss */
form#search input {
  width: 80%;
  height: 35px;
  float: right;
}
/* line 528, ../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 538, ../sass/screen.scss */
form#search button i {
  font-size: 1.5em;
}
/* line 543, ../sass/screen.scss */
form#search button:hover {
  background-color: #BDB69C;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 528, ../sass/screen.scss */
  form#search button {
    width: 34%;
  }
}
@media (min-width: 992px) {
  /* line 528, ../sass/screen.scss */
  form#search button {
    width: 20%;
  }
}

/* line 561, ../sass/screen.scss */
form#search-collezioni {
  font-size: 0.7em;
  margin-top: 10px;
}
/* line 565, ../sass/screen.scss */
form#search-collezioni input {
  width: 180px;
  height: 23px;
  float: left;
}
@media (min-width: 768px) {
  /* line 565, ../sass/screen.scss */
  form#search-collezioni input {
    width: 160px;
  }
}
/* line 575, ../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 587, ../sass/screen.scss */
form#search-collezioni button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

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

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

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

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

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

/* line 663, ../sass/screen.scss */
.pdf-documents {
  display: block;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 0px;
}
/* line 670, ../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 676, ../sass/screen.scss */
.pdf-documents li:last-child {
  border-bottom: none;
}
/* line 681, ../sass/screen.scss */
.pdf-documents a {
  font-weight: 600;
}
/* line 685, ../sass/screen.scss */
.pdf-documents h6 {
  margin-bottom: 0px;
}
/* line 689, ../sass/screen.scss */
.pdf-documents div {
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
  padding-left: 47px;
}

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

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

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

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

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

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

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

/* line 762, ../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 767, ../sass/screen.scss */
main.loaded {
  opacity: 1;
}

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

/* line 776, ../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 780, ../sass/screen.scss */
a:hover {
  color: #BDB69C;
}

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

/* line 815, ../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 825, ../sass/screen.scss */
h2 {
  font-family: "merriweather";
}

/* line 830, ../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 830, ../sass/screen.scss */
  h1.Raleway {
    margin-top: 0px;
  }
}
/* line 846, ../sass/screen.scss */
h1.Raleway span {
  font-family: "Raleway";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

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

/* line 860, ../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 874, ../sass/screen.scss */
h1.Merriweather {
  font-family: "Merriweather";
  color: #867d76;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: 1em;
}
/* line 882, ../sass/screen.scss */
h1.Merriweather span {
  font-family: "Merriweather";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

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

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

/* line 904, ../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 914, ../sass/screen.scss */
h5.Playfair Display {
  font-family: "Playfair Display";
  font-size: 1.8em;
  line-height: 1em;
}

/* line 921, ../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 935, ../sass/screen.scss */
p {
  font-family: "merriweather";
  font-weight: 300;
  color: #000;
  font-size: 1.05em;
  line-height: 1.7em;
  margin-bottom: 1em;
}
/* line 942, ../sass/screen.scss */
p:last-child {
  margin-bottom: 0px;
}

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

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

/* line 957, ../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 966, ../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 977, ../sass/screen.scss */
a.read-more:hover,
span.read-more:hover {
  color: #BDB69C;
}
/* line 979, ../sass/screen.scss */
a.read-more:hover:after,
span.read-more:hover:after {
  background: url(../../../images/my-brera/read-more-hover.png);
}

/* line 988, ../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 988, ../sass/screen.scss */
  a.info-button {
    right: 40px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  /* line 988, ../sass/screen.scss */
  a.info-button {
    right: 15px;
  }
}

/* line 1011, ../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 1039, ../sass/screen.scss */
#filterbar {
  border-bottom: solid 1px #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #867d76;
  display: none;
}
/* line 1046, ../sass/screen.scss */
#filterbar p {
  font-size: 1.2em;
  font-weight: 400;
  color: #867d76;
}
/* line 1053, ../sass/screen.scss */
#filterbar h5 {
  font-size: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Raleway";
}
/* line 1060, ../sass/screen.scss */
#filterbar ul li {
  margin-bottom: 8px;
}
/* line 1064, ../sass/screen.scss */
#filterbar input[type="checkbox"] {
  display: none;
}
/* line 1068, ../sass/screen.scss */
#filterbar label {
  margin-left: 13px;
  text-indent: -13px;
  cursor: pointer;
}
/* line 1075, ../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 1084, ../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 1088, ../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 1101, ../sass/screen.scss */
#filterbar button:hover {
  background-color: #BDB69C;
}
/* line 1108, ../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 1127, ../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 1147, ../sass/screen.scss */
.col-filter {
  border-right: solid 1px #867d76;
}
/* line 1151, ../sass/screen.scss */
.col-filter:last-child {
  border-right: none;
}

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

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

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

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

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

/* line 1216, ../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 1224, ../sass/screen.scss */
#masonry.loaded {
  opacity: 1;
}

/* line 1229, ../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 1233, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2.loaded {
  opacity: 1;
}
/* line 1237, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2 .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1237, ../sass/screen.scss */
  #masonry-wrapper-ajax-col-2 .grid-sizer {
    width: 50%;
  }
}

/* line 1255, ../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 1269, ../sass/screen.scss */
#header-mobile img {
  height: 100%;
  width: auto;
}
/* line 1274, ../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 1274, ../sass/screen.scss */
  #header-mobile a.menu-mobile-open,
  #header-mobile a.menu-mobile-info {
    font-size: 4em;
  }
}
@media (min-width: 768px) {
  /* line 1255, ../sass/screen.scss */
  #header-mobile {
    height: 100px;
  }
}

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

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

/* line 1326, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-1 .mm-panels {
  top: 60px;
}
/* line 1330, ../sass/screen.scss */
.mm-brera .mm-prev::before {
  border-bottom: medium none;
  border-right: medium none;
  left: 20px;
}
/* line 1338, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-2 .mm-panels {
  top: 60px;
}
/* line 1342, ../sass/screen.scss */
.mm-brera .mm-navbar-top {
  padding-left: 20px;
  height: 60px;
  background-color: #eceded;
  text-transform: uppercase;
}
/* line 1349, ../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 1353, ../sass/screen.scss */
.mm-brera .mm-navbar-top a {
  color: #867d76;
  font-weight: 700;
  font-size: 1.41em;
  padding-top: 20px;
}
/* line 1362, ../sass/screen.scss */
.mm-brera .mm-panel {
  background-color: #867d76;
}
/* line 1365, ../sass/screen.scss */
.mm-brera .mm-panel a {
  color: #fff;
  font-weight: 700;
  font-size: 1.16em;
}
/* line 1375, ../sass/screen.scss */
.mm-brera .mm-listview {
  border-color: #fff;
}
/* line 1379, ../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 1388, ../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 1393, ../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 1420, ../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 1420, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom {
    height: auto;
  }
}
/* line 1431, ../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 1431, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom a {
    width: auto;
    height: auto;
    margin-right: 10px;
  }
}
/* line 1447, ../sass/screen.scss */
.mm-brera li.language-switcher {
  position: relative;
  background-color: #867d76;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
}
/* line 1453, ../sass/screen.scss */
.mm-brera li.language-switcher a {
  font-weight: 400;
  font-size: 1em;
  display: inline-block;
  padding-left: 0px;
}
/* line 1459, ../sass/screen.scss */
.mm-brera li.language-switcher a:first-child {
  padding-left: 20px;
}
/* line 1463, ../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 1472, ../sass/screen.scss */
.mm-brera li.language-switcher a.search i {
  font-size: 2em;
  width: 100%;
  height: 1em;
}
/* line 1480, ../sass/screen.scss */
.mm-brera li.social {
  background-color: #444444;
}
/* line 1484, ../sass/screen.scss */
.mm-brera li.social a {
  font-size: 1.5em;
  display: inline-block;
}
/* line 1492, ../sass/screen.scss */
.mm-brera li.mibac {
  background-color: #444444;
  border-top: solid 1px #fff;
}
/* line 1496, ../sass/screen.scss */
.mm-brera li.mibac a {
  display: inline-block;
  margin-right: 5px;
}
/* line 1501, ../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 1514, ../sass/screen.scss */
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after {
  border-color: #fff;
}

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

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

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

/* line 1555, ../sass/screen.scss */
#search-header {
  height: 30px;
  background-color: #fff;
  border-bottom: solid 1px #736a68;
  display: none;
}
/* line 1561, ../sass/screen.scss */
#search-header form {
  float: right;
  height: 20px;
  margin-top: 5px;
  margin-right: 70px;
}
/* line 1567, ../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 1577, ../sass/screen.scss */
#search-header form button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 1589, ../sass/screen.scss */
#menu-level-1 {
  background-color: rgba(56, 62, 66, 0.7);
  border-bottom: solid 1px #8c969d;
}
/* line 1592, ../sass/screen.scss */
#menu-level-1 ul {
  position: relative;
  float: right;
}
/* line 1598, ../sass/screen.scss */
#menu-level-1 ul li.active a {
  color: #BDB69C;
}
/* line 1604, ../sass/screen.scss */
#menu-level-1 li {
  display: inline-block;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
}
/* line 1611, ../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 1615, ../sass/screen.scss */
#menu-level-1 li a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1604, ../sass/screen.scss */
  #menu-level-1 li {
    margin-right: 22px;
  }
}
/* line 1629, ../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 1637, ../sass/screen.scss */
#menu-level-1 li#menu-item-5231 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1629, ../sass/screen.scss */
  #menu-level-1 li#menu-item-5231 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1649, ../sass/screen.scss */
#menu-level-1 li#menu-item-19212,
#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,
#menu-level-1 li#menu-item-18549 {
  background-color: #c32814;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  margin-left: -3px;
  border-right: 1px solid #8c969d;
}
/* line 1667, ../sass/screen.scss */
#menu-level-1 li#menu-item-19212 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,
#menu-level-1 li#menu-item-18549 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1649, ../sass/screen.scss */
  #menu-level-1 li#menu-item-19212,
  #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,
  #menu-level-1 li#menu-item-18549 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1682, ../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 1692, ../sass/screen.scss */
#menu-level-1 li.menu-search a {
  cursor: pointer;
}
/* line 1694, ../sass/screen.scss */
#menu-level-1 li.menu-search a:hover {
  color: #000;
}
/* line 1700, ../sass/screen.scss */
#menu-level-1 a.en-lang {
  right: 0px;
  top: 8px;
  color: #fff;
}
/* line 1706, ../sass/screen.scss */
#menu-level-1 a.it-lang {
  right: 22px;
  top: 8px;
  color: #fff;
}
/* line 1713, ../sass/screen.scss */
#menu-level-1 li.language-desktop {
  margin-right: 0px;
  text-align: right;
  width: 30px;
}

/* line 1721, ../sass/screen.scss */
#menu-level-2 {
  background-color: rgba(56, 62, 66, 0.7);
  padding-top: 12px;
  padding-bottom: 0px;
}
/* line 1728, ../sass/screen.scss */
#menu-level-2 img {
  float: left;
}
/* line 1732, ../sass/screen.scss */
#menu-level-2 ul {
  float: right;
  margin-top: 26px;
  margin-left: 20px;
}
/* line 1736, ../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 1732, ../sass/screen.scss */
  #menu-level-2 ul {
    margin-left: 40px;
  }
}
/* line 1752, ../sass/screen.scss */
#menu-level-2 li {
  display: inline-block;
  margin-left: 18px;
  height: 43px;
  position: relative;
}
/* line 1758, ../sass/screen.scss */
#menu-level-2 li:last-child {
  margin-right: 0px;
}
/* line 1762, ../sass/screen.scss */
#menu-level-2 li a {
  cursor: pointer;
}
/* line 1766, ../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 1776, ../sass/screen.scss */
#menu-level-2 li ul li.active a {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1766, ../sass/screen.scss */
  #menu-level-2 li ul {
    width: 250px;
  }
}
/* line 1786, ../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 1796, ../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 1806, ../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 1815, ../sass/screen.scss */
#menu-level-2 li ul li:last-child {
  border-bottom: none;
}
/* line 1825, ../sass/screen.scss */
#menu-level-2 li ul a {
  font-size: 1.3em;
  color: #fff !important;
}
/* line 1828, ../sass/screen.scss */
#menu-level-2 li ul a:hover {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1825, ../sass/screen.scss */
  #menu-level-2 li ul a {
    font-size: 1.4em;
  }
}
@media (min-width: 1200px) {
  /* line 1752, ../sass/screen.scss */
  #menu-level-2 li {
    margin-left: 36px;
  }
}
/* line 1857, ../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 1862, ../sass/screen.scss */
#menu-level-2 a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1857, ../sass/screen.scss */
  #menu-level-2 a {
    font-size: 1.5em;
  }
}

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

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

/* line 1888, ../sass/screen.scss */
form#gform_6 {
  font-size: 0.8em;
}
/* line 1891, ../sass/screen.scss */
form#gform_6 li#field_6_3 {
  margin-top: 15px;
}
/* line 1895, ../sass/screen.scss */
form#gform_6 li#field_6_4 {
  margin-top: 15px;
}
/* line 1898, ../sass/screen.scss */
form#gform_6 li#field_6_4 .ginput_container_radio {
  float: left;
  margin-top: 0px;
}
/* line 1903, ../sass/screen.scss */
form#gform_6 li#field_6_4 .gfield_label {
  float: left;
  margin-right: 15px;
}
/* line 1909, ../sass/screen.scss */
form#gform_6 #choice_6_4_0 {
  float: left;
}
/* line 1912, ../sass/screen.scss */
form#gform_6 #label_6_4_0 {
  float: left;
  margin-top: -2px;
}
/* line 1916, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 {
  vertical-align: middle;
}
/* line 1919, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
/* line 1924, ../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 1937, ../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 1947, ../sass/screen.scss */
form#gform_6 .gform_footer {
  padding: 0px;
}

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

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

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

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

/* line 2066, ../sass/screen.scss */
.col-footer-doppia,
.col-footer {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
/* line 2074, ../sass/screen.scss */
.col-footer-doppia strong,
.col-footer strong {
  font-weight: 700;
  font-size: 1.2em;
}
/* line 2080, ../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 2084, ../sass/screen.scss */
.col-footer-doppia a:hover,
.col-footer a:hover {
  color: #BDB69C;
}
/* line 2089, ../sass/screen.scss */
.col-footer-doppia .section,
.col-footer .section {
  font-weight: 300;
  font-size: 1.2em;
  margin-top: 20px;
  display: block;
}
/* line 2097, ../sass/screen.scss */
.col-footer-doppia ul li,
.col-footer ul li {
  margin-bottom: 5px;
}
/* line 2100, ../sass/screen.scss */
.col-footer-doppia ul strong,
.col-footer ul strong {
  color: #867d76;
}

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

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

/* line 2131, ../sass/screen.scss */
#footer-bottom-desktop {
  background-color: #444444;
  color: #fff;
}
/* line 2136, ../sass/screen.scss */
#footer-bottom-desktop p {
  color: #FFF;
  margin-top: 0px;
}
/* line 2141, ../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 2145, ../sass/screen.scss */
#footer-bottom-desktop a:hover {
  color: #BDB69C;
}

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

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

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

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

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

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

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

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

/* line 2251, ../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 2252, ../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 2253, ../sass/screen.scss */
.slideshow-pager.active {
  background: white;
  -moz-opacity: .5;
  opacity: .5;
}

/* line 2255, ../sass/screen.scss */
.slider-caption {
  position: absolute;
  right: 15px;
  bottom: 40px;
  text-align: right;
  color: #fff;
}
/* line 2262, ../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 2262, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 1.45em;
  }
}
@media (min-width: 992px) {
  /* line 2262, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 2.1em;
  }
}
/* line 2282, ../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 2290, ../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 2297, ../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 2307, ../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 2318, ../sass/screen.scss */
.slider-caption-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 1.9em;
}
/* line 2326, ../sass/screen.scss */
.slider-caption-container span.categoria {
  font-size: 0.5em;
  padding: 10px;
  margin-bottom: 15px;
}
/* line 2332, ../sass/screen.scss */
.slider-caption-container .slider-caption {
  bottom: 60px;
}
/* line 2336, ../sass/screen.scss */
.slider-caption-container h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 2343, ../sass/screen.scss */
.slider-caption-container .container {
  position: relative;
}

/* line 2351, ../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 2363, ../sass/screen.scss */
a.widget span {
  margin-left: 25px;
  position: relative;
}
/* line 2368, ../sass/screen.scss */
a.widget.nopadding {
  padding-left: 10px;
}

/* line 2374, ../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 2374, ../sass/screen.scss */
  a.tickets:before {
    background: url(../../../images/my-brera/tickets.png);
  }
}

/* line 2390, ../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 2390, ../sass/screen.scss */
  a.directions:before {
    background: url(../../../images/my-brera/directions.png);
  }
}

/* line 2406, ../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 2406, ../sass/screen.scss */
  a.hours:before {
    background: url(../../../images/my-brera/hours.png);
  }
}

/* line 2422, ../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 2422, ../sass/screen.scss */
  a.calendar:before {
    background: url(../../../images/my-brera/calendar.png);
  }
}

/* line 2439, ../sass/screen.scss */
#utility-mobile-widget a.tickets:before {
  background: url(../../../images/my-brera/mobile/tickets.png);
}
/* line 2445, ../sass/screen.scss */
#utility-mobile-widget a.directions:before {
  background: url(../../../images/my-brera/mobile/directions.png);
}
/* line 2451, ../sass/screen.scss */
#utility-mobile-widget a.hours:before {
  background: url(../../../images/my-brera/mobile/hours.png);
}
/* line 2457, ../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 2468, ../sass/screen.scss */
.page-template-chisiamo .slider-caption h1 {
  font-size: 3em;
}
@media (min-width: 768px) {
  /* line 2468, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  /* line 2468, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2.5em;
  }
}

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

/* line 2494, ../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 2509, ../sass/screen.scss */
.eventi-evidenza {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  height: 500px;
}
/* line 2516, ../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 2525, ../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 2537, ../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 2548, ../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 2560, ../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 2572, ../sass/screen.scss */
.eventi-evidenza span.read-more {
  color: #FFF;
  right: 30px;
  bottom: 15px;
}
/* line 2577, ../sass/screen.scss */
.eventi-evidenza span.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}

/* line 2589, ../sass/screen.scss */
#calendar-mobile {
  background-color: #867d76;
  padding: 15px;
  color: #FFF;
  margin-top: 10px;
  padding-bottom: 25px;
}
/* line 2596, ../sass/screen.scss */
#calendar-mobile h1 {
  color: #FFF;
  font-family: Raleway;
}
/* line 2600, ../sass/screen.scss */
#calendar-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2608, ../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 2624, ../sass/screen.scss */
#collection-mobile {
  margin-top: 15px;
}
/* line 2627, ../sass/screen.scss */
#collection-mobile h1 {
  color: #867d76;
  font-family: Raleway;
}

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

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

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

/* line 2665, ../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 2665, ../sass/screen.scss */
  .touchcarousel .touchcarousel-item {
    height: 300px;
  }
}

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

/* line 2687, ../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 2702, ../sass/screen.scss */
.touchcarousel-title {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 0.95em;
  font-family: "merriweather";
  padding-right: 15px;
}
/* line 2711, ../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 2711, ../sass/screen.scss */
  .touchcarousel-title h5 {
    font-size: 0.95em;
  }
}
/* line 2726, ../sass/screen.scss */
.touchcarousel-title span {
  font-size: 0.95em;
}
@media (min-width: 992px) {
  /* line 2726, ../sass/screen.scss */
  .touchcarousel-title span {
    font-size: 0.95em;
  }
}

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

/* line 2753, ../sass/screen.scss */
#explore-brera-desktop-calendar {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2753, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2753, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2773, ../sass/screen.scss */
#explore-brera-desktop-calendar h1 {
  color: #867d76;
}
/* line 2777, ../sass/screen.scss */
#explore-brera-desktop-calendar span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2785, ../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 2801, ../sass/screen.scss */
.explore-brera-desktop-info {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2801, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2801, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2821, ../sass/screen.scss */
.explore-brera-desktop-info h1 {
  color: #867d76;
}
/* line 2825, ../sass/screen.scss */
.explore-brera-desktop-info span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2833, ../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 2847, ../sass/screen.scss */
.explore-brera-desktop-info strong {
  color: #000;
  margin-bottom: 0px;
  display: block;
}
/* line 2853, ../sass/screen.scss */
.explore-brera-desktop-info p {
  margin-bottom: 5px;
}
/* line 2857, ../sass/screen.scss */
.explore-brera-desktop-info .left {
  border-right: solid 1px #867d76;
  margin-right: -9px;
}

/* line 2865, ../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 2878, ../sass/screen.scss */
#widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2878, ../sass/screen.scss */
  #widget-explore {
    width: 100%;
  }
}

/* line 2889, ../sass/screen.scss */
.widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2889, ../sass/screen.scss */
  .widget-explore {
    width: 100%;
  }
}
/* line 2900, ../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 2908, ../sass/screen.scss */
.widget-explore a.widget:hover {
  opacity: 0.8;
}
/* line 2914, ../sass/screen.scss */
.widget-explore a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 2919, ../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 2931, ../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 2943, ../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 2956, ../sass/screen.scss */
.event {
  border: solid 1px #867d76;
  position: relative;
}

/* line 2962, ../sass/screen.scss */
.prenota_widget {
  display: block;
  padding: 10px;
  background-color: #e9bc00;
  font-weight: 900;
  text-align: center;
}

/* line 2970, ../sass/screen.scss */
.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 2983, ../sass/screen.scss */
.event-thumb {
  position: relative;
  margin-bottom: -2px;
}
/* line 2987, ../sass/screen.scss */
.event-thumb img {
  width: 100%;
  height: auto;
}
/* line 2992, ../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 3009, ../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 3019, ../sass/screen.scss */
.event-detail {
  margin-top: 0px;
  padding: 15px;
  padding-bottom: 30px;
}
/* line 3026, ../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 3036, ../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 3048, ../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 3061, ../sass/screen.scss */
.event-detail h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 3066, ../sass/screen.scss */
.event-detail p {
  margin-top: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3242, ../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 3242, ../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 3242, ../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 3260, ../sass/screen.scss */
#opere {
  padding-top: 30px;
}
@media (min-width: 768px) {
  /* line 3260, ../sass/screen.scss */
  #opere {
    padding-top: 30px;
  }
}

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

/* line 3276, ../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 3288, ../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 3301, ../sass/screen.scss */
a.mobile-category.active:after {
  content: "\f077";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

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

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

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

/* line 3347, ../sass/screen.scss */
.category-list {
  margin-top: 15px;
  font-weight: 300;
  font-size: 1.33em;
}
/* line 3352, ../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 3361, ../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 3374, ../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 3383, ../sass/screen.scss */
.category-list li.firstLetter:after {
  content: "";
}

/* line 3393, ../sass/screen.scss */
#opere-wrapper-desktop li {
  border-bottom: solid 1px #867d76;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  padding-right: 40px;
}
/* line 3402, ../sass/screen.scss */
#opere-wrapper-desktop li a:hover {
  color: #BDB69C;
}
/* line 3407, ../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 3422, ../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 3432, ../sass/screen.scss */
#opere-wrapper-desktop li.firstLetter:after {
  content: "";
}
/* line 3439, ../sass/screen.scss */
#opere-wrapper-desktop li.divider {
  height: 30px;
  border-bottom: none;
}
/* line 3442, ../sass/screen.scss */
#opere-wrapper-desktop li.divider:after {
  content: "";
}

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

/* line 3461, ../sass/screen.scss */
#opere-subtitle,
#opere-menu-desktop {
  border-bottom: solid 1px #867d76;
}
/* line 3465, ../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 3476, ../sass/screen.scss */
#opere-subtitle li:last-child,
#opere-menu-desktop li:last-child {
  border-right: none;
}
/* line 3481, ../sass/screen.scss */
#opere-subtitle li a,
#opere-menu-desktop li a {
  font-weight: 400;
  color: #867d76;
  cursor: pointer;
}
/* line 3488, ../sass/screen.scss */
#opere-subtitle li a:hover,
#opere-menu-desktop li a:hover {
  color: #BDB69C;
}
/* line 3495, ../sass/screen.scss */
#opere-subtitle li a.active,
#opere-menu-desktop li a.active {
  color: #BDB69C;
}
/* line 3500, ../sass/screen.scss */
#opere-subtitle span,
#opere-menu-desktop span {
  font-size: 0.8em;
}

/* line 3505, ../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 3513, ../sass/screen.scss */
#opere-wrapper-desktop.loading {
  opacity: 0.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3664, ../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 3664, ../sass/screen.scss */
  #opere-wrapper {
    padding-left: 75px;
    padding-right: 75px;
  }
}
/* line 3680, ../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 3688, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3688, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  /* line 3688, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 25%;
  }
}
/* line 3707, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax.loaded {
  opacity: 1;
}

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

/* line 3720, ../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 3734, ../sass/screen.scss */
.artwork-box {
  border: solid 1px #867d76;
  margin-bottom: 30px;
  color: #867d76;
  padding-bottom: 15px;
}
/* line 3742, ../sass/screen.scss */
.artwork-box img {
  margin-bottom: 30px;
}
/* line 3746, ../sass/screen.scss */
.artwork-box h2 {
  font-family: "merriweather";
  font-size: 1.5em;
  font-style: italic;
  margin-bottom: 10px;
}
/* line 3753, ../sass/screen.scss */
.artwork-box span {
  display: block;
  font-family: "merriweather";
  font-size: 1.2em;
}
/* line 3760, ../sass/screen.scss */
.artwork-box span.data-prestito {
  display: block;
  font-family: "merriweather";
  font-size: 1em;
  margin-top: 15px;
  font-style: italic;
}

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

/* line 3779, ../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 3786, ../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 3793, ../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 3800, ../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 3807, ../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 3814, ../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 3821, ../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 3828, ../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 3836, ../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 3844, ../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 3852, ../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 3860, ../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 3868, ../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 3876, ../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 3883, ../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 3890, ../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 3897, ../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 3904, ../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 3911, ../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 3918, ../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 3928, ../sass/screen.scss */
#sala-ia,
#sala-1,
#sala-cortileloggiato {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3928, ../sass/screen.scss */
  #sala-ia,
  #sala-1,
  #sala-cortileloggiato {
    height: 277px;
  }
}

/* line 3938, ../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 3938, ../sass/screen.scss */
  #sala-2,
  #sala-3,
  #sala-4,
  #sala-5,
  #sala-6,
  #sala-7,
  #sala-8,
  #sala-9,
  #sala-10 {
    height: 317px;
  }
}

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

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

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

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

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

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

/* line 4019, ../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 4019, ../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 4033, ../sass/screen.scss */
#sala-11-en,
#sala-12-en,
#sala-13-en,
#sala-14-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4033, ../sass/screen.scss */
  #sala-11-en,
  #sala-12-en,
  #sala-13-en,
  #sala-14-en {
    height: 468px;
  }
}

/* line 4045, ../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 4057, ../sass/screen.scss */
#sala-28-en,
#sala-29-en,
#sala-30-en,
#sala-31-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4057, ../sass/screen.scss */
  #sala-28-en,
  #sala-29-en,
  #sala-30-en,
  #sala-31-en {
    height: 337px;
  }
}

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

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

/* line 4107, ../sass/screen.scss */
#opere-image {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}
/* line 4108, ../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 4114, ../sass/screen.scss */
#opere-image.loaded canvas {
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4107, ../sass/screen.scss */
  #opere-image {
    padding-bottom: 30px;
  }
}
/* line 4129, ../sass/screen.scss */
#opere-image img {
  display: inline-block;
  height: auto;
  width: 100%;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4129, ../sass/screen.scss */
  #opere-image img {
    height: 100%;
    width: auto;
    max-height: 600px;
  }
}

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

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

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

/* line 4199, ../sass/screen.scss */
#contenuto-opera {
  margin-top: 30px;
}
@media (min-width: 768px) {
  /* line 4199, ../sass/screen.scss */
  #contenuto-opera {
    margin-top: 0px;
  }
}
/* line 4209, ../sass/screen.scss */
#contenuto-opera h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 50px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4217, ../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 4227, ../sass/screen.scss */
#contenuto-opera a:hover {
  background-color: #BDB69C;
}

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

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

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

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

/* line 4333, ../sass/screen.scss */
#related h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 25px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4341, ../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 4351, ../sass/screen.scss */
#related a:hover {
  background-color: #BDB69C;
}

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

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

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

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

/* line 4387, ../sass/screen.scss */
.legenda-mappa {
  padding-left: 0px;
}
@media (min-width: 768px) {
  /* line 4387, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  /* line 4387, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 30px;
  }
}
/* line 4397, ../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 4397, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  /* line 4397, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1.5em;
  }
}
/* line 4414, ../sass/screen.scss */
.legenda-mappa li img {
  float: left;
}
/* line 4418, ../sass/screen.scss */
.legenda-mappa li div {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
/* line 4425, ../sass/screen.scss */
.legenda-mappa li:after {
  display: none;
}

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

/* line 4440, ../sass/screen.scss */
.page-template-opere-capolavori #breadcrumb {
  background-color: #444444;
  color: #FFF;
}
/* line 4445, ../sass/screen.scss */
.page-template-opere-capolavori #footer {
  background-color: #eceded;
}
/* line 4449, ../sass/screen.scss */
.page-template-opere-capolavori h5 {
  font-family: "Merriweather";
  width: 90%;
  color: #867d76;
}
/* line 4455, ../sass/screen.scss */
.page-template-opere-capolavori p {
  color: #867d76;
}
/* line 4459, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box {
  border: none;
  padding-bottom: 0px;
}
/* line 4463, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box img {
  margin-bottom: 3px;
}
/* line 4467, ../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 4475, ../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 4487, ../sass/screen.scss */
.page-template-opere-capolavori #opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 50%;
}
/* line 4497, ../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 4515, ../sass/screen.scss */
#restauri-sidebar {
  margin-top: 30px;
}

/* line 4518, ../sass/screen.scss */
#box-restauro {
  margin-bottom: 30px;
}
/* line 4521, ../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 4530, ../sass/screen.scss */
#box-restauro p {
  color: #fff;
}
/* line 4535, ../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 4538, ../sass/screen.scss */
#box-restauro a.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}
/* line 4542, ../sass/screen.scss */
#box-restauro a.read-more:hover {
  color: #BDB69C;
}
/* line 4548, ../sass/screen.scss */
#box-restauro hover.read-more {
  color: #fff;
}
/* line 4553, ../sass/screen.scss */
#box-restauro .container-fluid {
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-bottom: 40px;
}

/* line 4564, ../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 4574, ../sass/screen.scss */
#restauri-single-content a:hover {
  background-color: #BDB69C;
}

/* line 4589, ../sass/screen.scss */
#explore-brera-desktop-mobile {
  min-height: 115px;
  border: none;
}
@media (min-width: 768px) {
  /* line 4589, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 115px;
  }
}
@media (min-width: 992px) {
  /* line 4589, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 4607, ../sass/screen.scss */
#explore-brera-desktop-mobile h1 {
  color: #867d76;
}
/* line 4611, ../sass/screen.scss */
#explore-brera-desktop-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 4619, ../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 4636, ../sass/screen.scss */
#widget-explore-mobile {
  position: absolute;
  left: -15px;
  bottom: 0px;
}
@media (min-width: 768px) {
  /* line 4636, ../sass/screen.scss */
  #widget-explore-mobile {
    bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 4636, ../sass/screen.scss */
  #widget-explore-mobile {
    width: 100%;
    bottom: 15px;
  }
}

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

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

/* line 4684, ../sass/screen.scss */
.altissima-opera-container {
  background-color: #000;
}
/* line 4687, ../sass/screen.scss */
.altissima-opera-container p {
  color: #867d76;
}
/* line 4689, ../sass/screen.scss */
.altissima-opera-container p strong {
  color: #867d76;
}
/* line 4694, ../sass/screen.scss */
.altissima-opera-container #breadcrumb {
  background-color: #000;
  color: #fff;
}
/* line 4699, ../sass/screen.scss */
.altissima-opera-container .info-opera {
  color: #867d76;
}

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

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

/* line 4732, ../sass/screen.scss */
.educazione-menu {
  border-bottom: 1px solid #867d76;
}
/* line 4735, ../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 4747, ../sass/screen.scss */
.educazione-menu a:hover {
  background-color: #BDB69C;
}
/* line 4753, ../sass/screen.scss */
.educazione-menu a.active {
  background-color: #BDB69C;
}

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

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

/* line 4801, ../sass/screen.scss */
.data-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}
/* line 4808, ../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 4823, ../sass/screen.scss */
.categoria-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 10px;
}
/* line 4830, ../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 4845, ../sass/screen.scss */
.laboratorio-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 10px;
}
/* line 4852, ../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 4868, ../sass/screen.scss */
.meta-euducazione {
  display: block;
  margin-bottom: 15px;
}

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

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

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

/* line 4920, ../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 4934, ../sass/screen.scss */
#educazione-content-single .firma-euducazione {
  padding-left: 0px;
}
/* line 4938, ../sass/screen.scss */
#educazione-content-single .gallery {
  margin-top: 30px;
}
/* line 4942, ../sass/screen.scss */
#educazione-content-single .pdf-documents {
  padding-left: 15px;
  padding-right: 15px;
}

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

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

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

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

/* line 4999, ../sass/screen.scss */
#mostre-content {
  margin-top: 30px;
}
/* line 5002, ../sass/screen.scss */
#mostre-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5002, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5002, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 25%;
  }
}
/* line 5023, ../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 5033, ../sass/screen.scss */
#mostre-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

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

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

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

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

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

/* line 5099, ../sass/screen.scss */
#explore-brera-desktop-mostre {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5099, ../sass/screen.scss */
  #explore-brera-desktop-mostre {
    color: #867d76;
    position: relative;
  }
}
/* line 5115, ../sass/screen.scss */
#explore-brera-desktop-mostre h1 {
  color: #867d76;
}
/* line 5119, ../sass/screen.scss */
#explore-brera-desktop-mostre span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5127, ../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 5141, ../sass/screen.scss */
#explore-brera-desktop-mostre strong {
  display: block;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
/* line 5149, ../sass/screen.scss */
#explore-brera-desktop-mostre p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5154, ../sass/screen.scss */
#explore-brera-desktop-mostre .left {
  border-right: solid 1px #867d76;
}

/* line 5162, ../sass/screen.scss */
#widget-explore-mostre {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5162, ../sass/screen.scss */
  #widget-explore-mostre {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5162, ../sass/screen.scss */
  #widget-explore-mostre {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5176, ../sass/screen.scss */
#widget-explore-mostre a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5181, ../sass/screen.scss */
#widget-explore-mostre a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5186, ../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 5198, ../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 5210, ../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 5229, ../sass/screen.scss */
#dialoghi-content {
  margin-top: 30px;
}
/* line 5232, ../sass/screen.scss */
#dialoghi-content .grid-sizer-mostre {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5232, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5232, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 25%;
  }
}
/* line 5253, ../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 5263, ../sass/screen.scss */
#dialoghi-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

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

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

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

/* line 5303, ../sass/screen.scss */
#dialoghi-content-single h1 {
  margin-right: 50px;
}
/* line 5307, ../sass/screen.scss */
#dialoghi-content-single h5 {
  margin-bottom: 15px;
}
/* line 5311, ../sass/screen.scss */
#dialoghi-content-single img {
  margin-bottom: 15px;
}
/* line 5315, ../sass/screen.scss */
#dialoghi-content-single .wp-caption-text {
  margin-top: -8px;
}
/* line 5319, ../sass/screen.scss */
#dialoghi-content-single img.full-width {
  width: 70%;
}
/* line 5323, ../sass/screen.scss */
#dialoghi-content-single .aligncenter {
  height: auto;
  margin-left: 30px;
  width: 90%;
  float: center;
}

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

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

/* line 5358, ../sass/screen.scss */
#explore-brera-desktop-dialoghi {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5358, ../sass/screen.scss */
  #explore-brera-desktop-dialoghi {
    color: #867d76;
    position: relative;
  }
}
/* line 5374, ../sass/screen.scss */
#explore-brera-desktop-dialoghi h1 {
  color: #867d76;
}
/* line 5378, ../sass/screen.scss */
#explore-brera-desktop-dialoghi span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5386, ../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 5400, ../sass/screen.scss */
#explore-brera-desktop-dialoghi strong {
  display: block;
  color: #000;
  display: block;
}
/* line 5407, ../sass/screen.scss */
#explore-brera-desktop-dialoghi p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5412, ../sass/screen.scss */
#explore-brera-desktop-dialoghi .left {
  border-right: solid 1px #867d76;
}

/* line 5420, ../sass/screen.scss */
#widget-explore-dialoghi {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5420, ../sass/screen.scss */
  #widget-explore-dialoghi {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5420, ../sass/screen.scss */
  #widget-explore-dialoghi {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5434, ../sass/screen.scss */
#widget-explore-dialoghi a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5439, ../sass/screen.scss */
#widget-explore-dialoghi a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5444, ../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 5456, ../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 5468, ../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 5482, ../sass/screen.scss */
#share-icon {
  margin-left: 0;
}

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

/* line 5503, ../sass/screen.scss */
#attivita-content {
  margin-top: 30px;
}
/* line 5506, ../sass/screen.scss */
#attivita-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5506, ../sass/screen.scss */
  #attivita-content .grid-sizer {
    width: 50%;
  }
}
/* line 5515, ../sass/screen.scss */
#attivita-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2em;
  text-transform: none;
  color: #000;
  margin-bottom: 10px;
}
/* line 5524, ../sass/screen.scss */
#attivita-content span.data-educazione {
  color: #000;
}
/* line 5527, ../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 5541, ../sass/screen.scss */
#attivita-content a.read-more {
  color: #000;
  bottom: 45px;
}
/* line 5545, ../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 5556, ../sass/screen.scss */
#attivita-content .mostre-box-inside {
  border: solid 1px #867d76;
  padding-bottom: 60px;
}

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

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

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

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

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

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

/* line 5597, ../sass/screen.scss */
.attivita-thumb {
  position: relative;
}
/* line 5600, ../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 5618, ../sass/screen.scss */
.orario-attivita {
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
}
/* line 5625, ../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 5640, ../sass/screen.scss */
.prezzo-culturali {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  width: 100%;
  padding: 15px;
  padding-bottom: 0px;
}
/* line 5649, ../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 5659, ../sass/screen.scss */
.categoria-attivita {
  display: block;
  margin-bottom: 5px;
  border-bottom: solid 1px #867d76;
  text-transform: uppercase;
  font-weight: 700;
  color: #867d76;
}

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

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

/* line 5680, ../sass/screen.scss */
.inner-news {
  position: relative;
}
/* line 5683, ../sass/screen.scss */
.inner-news .read-more {
  right: 30px;
  color: #fff;
}
/* line 5686, ../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 5697, ../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 5697, ../sass/screen.scss */
  .news-date {
    font-size: 2em;
  }
}

/* line 5712, ../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 5721, ../sass/screen.scss */
.display-table {
  display: table;
  height: 100%;
  width: 100%;
  padding: 15px;
}
/* line 5727, ../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 5727, ../sass/screen.scss */
  .display-table h2 {
    font-size: 2.5em !important;
  }
}

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

/* line 5750, ../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 5762, ../sass/screen.scss */
.calendario-box {
  border-bottom: solid 1px #867d76;
}

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

/* line 5786, ../sass/screen.scss */
.calendario-content {
  padding-right: 0px;
  border-left: none;
  padding-left: 0px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
/* line 5794, ../sass/screen.scss */
.calendario-content h2 {
  margin-bottom: 20px !important;
}
/* line 5798, ../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 5810, ../sass/screen.scss */
.calendario-content .read-more {
  right: 15px;
  bottom: 15px;
}
@media (min-width: 768px) {
  /* line 5786, ../sass/screen.scss */
  .calendario-content {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

/* line 5824, ../sass/screen.scss */
.navigazione-mese {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* line 5828, ../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 5839, ../sass/screen.scss */
.navigazione-mese a:hover {
  background-color: #BDB69C;
}
/* line 5845, ../sass/screen.scss */
.navigazione-mese a.active {
  background-color: #BDB69C;
}
@media (min-width: 992px) {
  /* line 5824, ../sass/screen.scss */
  .navigazione-mese {
    margin-top: 0px;
  }
}

/* line 5865, ../sass/screen.scss */
#risultati-ricerca {
  margin-top: 30px;
}
/* line 5868, ../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 5881, ../sass/screen.scss */
#risultati-ricerca h3 {
  font-family: "Raleway";
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #867d76;
}

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

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

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

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

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

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

/* line 5981, ../sass/screen.scss */
.contenuto-rassegna {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 130px;
  padding-left: 0px;
}
/* line 5987, ../sass/screen.scss */
.contenuto-rassegna p {
  width: 100% !important;
  font-weight: 300;
}
/* line 5992, ../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 5981, ../sass/screen.scss */
  .contenuto-rassegna {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

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

/* line 6021, ../sass/screen.scss */
#calendario-mesi {
  position: relative;
  border: solid 1px #867d76;
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 30px;
}
/* line 6031, ../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 6048, ../sass/screen.scss */
.calendario-anno {
  font-size: 2em;
  color: #867d76;
}
/* line 6049, ../sass/screen.scss */
.calendario-anno a {
  display: inline-block;
  cursor: pointer;
}
/* line 6054, ../sass/screen.scss */
.calendario-anno span {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

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

/* line 6097, ../sass/screen.scss */
#press-login .pc_login_form {
  margin: 0 auto 20px;
  max-width: none;
  background-color: transparent;
  padding: 0;
  margin-top: 15px;
}
/* line 6105, ../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 6115, ../sass/screen.scss */
#press-login .pc_auth_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

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

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

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

/* line 6143, ../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 6151, ../sass/screen.scss */
.pc_check_wrap input, .pc_check_wrap label {
  float: left;
  font-weight: 300;
  color: #867d76;
}
/* line 6158, ../sass/screen.scss */
.pc_check_wrap label {
  margin-right: 15px;
  padding-top: 6px;
  width: auto !important;
}

/* line 6164, ../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 6176, ../sass/screen.scss */
.pc_logout_btn:hover,
.pc_reg_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

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

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

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

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

/* line 6225, ../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 6237, ../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 6257, ../sass/screen.scss */
#twitterfeed {
  margin-top: 30px;
}
/* line 6259, ../sass/screen.scss */
#twitterfeed .grid-sizer {
  width: 33.3333333%;
}

/* line 6265, ../sass/screen.scss */
.twitter-box {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 20px;
  font-size: 1.5em;
  color: #867d76;
}
/* line 6272, ../sass/screen.scss */
.twitter-box img {
  margin-top: 15px;
}
/* line 6276, ../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 6285, ../sass/screen.scss */
.twitter-box i {
  display: block;
  text-align: center;
  font-size: 2em;
  color: #54abee;
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

/* line 6349, ../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 6363, ../sass/screen.scss */
#field_4_20 input.medium {
  width: 97.5%;
}

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

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

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

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

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

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

/* line 6406, ../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 6406, ../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 6406, ../sass/screen.scss */
  #opere-image {
    margin-top: 113px;
    height: -webkit-calc(100vh - 113px);
    height: -moz-calc(100vh - 113px);
    height: calc(100vh - 113px);
  }
}

/* line 6428, ../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 6440, ../sass/screen.scss */
#metacontainer h1 {
  font-size: 1.7em;
  color: #eceded;
  max-width: 300px;
  margin-bottom: 15px;
  font-weight: 300;
  opacity: 0.8;
}
/* line 6449, ../sass/screen.scss */
#metacontainer h2 {
  color: #eceded;
  font-size: 1.3em;
  font-weight: 300;
  max-width: 300px;
  opacity: 0.6;
}

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

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

/* line 6493, ../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 6493, ../sass/screen.scss */
  .zoom {
    bottom: 200px;
  }
}
@media (min-width: 992px) {
  /* line 6493, ../sass/screen.scss */
  .zoom {
    bottom: 250px;
  }
}

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

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

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

/* line 6536, ../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 6558, ../sass/screen.scss */
#header-height {
  height: 60px;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  /* line 6558, ../sass/screen.scss */
  #header-height {
    height: 100px;
    position: relative;
  }
}
@media (min-width: 992px) {
  /* line 6558, ../sass/screen.scss */
  #header-height {
    height: 118px;
  }
}

/* line 6574, ../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 6588, ../sass/screen.scss */
#css3-calc {
  width: 10px;
  width: -webkit-calc(10px + 10px);
  width: -moz-calc(10px + 10px);
  width: calc(10px + 10px);
  display: none;
}

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

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

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

/* line 6613, ../sass/screen.scss */
a.openstaff {
  font-weight: 300;
  font-size: 1.5em;
  color: #867d76;
  display: block;
  position: relative;
}
/* line 6619, ../sass/screen.scss */
a.openstaff:hover {
  color: #736a68 !important;
}
/* line 6623, ../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 6636, ../sass/screen.scss */
a.openstaff.active:after {
  content: "\f068";
}

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

/* line 6651, ../sass/screen.scss */
.box-media {
  margin-bottom: 30px;
}
/* line 6653, ../sass/screen.scss */
.box-media .thumbnail-media {
  position: relative;
  margin-bottom: 10px;
}
/* line 6657, ../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 6673, ../sass/screen.scss */
.box-media .thumbnail-media:hover:after {
  opacity: 1;
}
/* line 6683, ../sass/screen.scss */
.box-media h3 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 1.8em;
  color: #867d76;
  margin-bottom: 10px;
}
/* line 6691, ../sass/screen.scss */
.box-media span {
  display: block;
  font-family: "Raleway";
  margin-bottom: 10px;
  font-size: 1em;
  color: #867d76;
}

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

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

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

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

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

/* line 6734, ../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 6738, ../sass/screen.scss */
.overlay:hover {
  opacity: 0.3;
}
