/* 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-8917,
.mm-brera li#menu-item-20751,
.mm-brera li#menu-item-20752,
.mm-brera li#menu-item-20758,
.mm-brera li#menu-item-20757,
.mm-brera li#menu-item-20756,
.mm-brera li#menu-item-20755,
.mm-brera li#menu-item-18132,
.mm-brera li#menu-item-8916,
.mm-brera li#menu-item-13950,
.mm-brera li#menu-item-12524 {
  background-color: #c32814;
}
/* line 1434, ../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 1434, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom {
    height: auto;
  }
}
/* line 1445, ../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 1445, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom a {
    width: auto;
    height: auto;
    margin-right: 10px;
  }
}
/* line 1461, ../sass/screen.scss */
.mm-brera li.language-switcher {
  position: relative;
  background-color: #867d76;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
}
/* line 1467, ../sass/screen.scss */
.mm-brera li.language-switcher a {
  font-weight: 400;
  font-size: 1em;
  display: inline-block;
  padding-left: 0px;
}
/* line 1473, ../sass/screen.scss */
.mm-brera li.language-switcher a:first-child {
  padding-left: 20px;
}
/* line 1477, ../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 1486, ../sass/screen.scss */
.mm-brera li.language-switcher a.search i {
  font-size: 2em;
  width: 100%;
  height: 1em;
}
/* line 1494, ../sass/screen.scss */
.mm-brera li.social {
  background-color: #444444;
}
/* line 1498, ../sass/screen.scss */
.mm-brera li.social a {
  font-size: 1.5em;
  display: inline-block;
}
/* line 1506, ../sass/screen.scss */
.mm-brera li.mibac {
  background-color: #444444;
  border-top: solid 1px #fff;
}
/* line 1510, ../sass/screen.scss */
.mm-brera li.mibac a {
  display: inline-block;
  margin-right: 5px;
}
/* line 1515, ../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 1528, ../sass/screen.scss */
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after {
  border-color: #fff;
}

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

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

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

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

/* line 1603, ../sass/screen.scss */
#menu-level-1 {
  background-color: rgba(56, 62, 66, 0.7);
  border-bottom: solid 1px #8c969d;
}
/* line 1606, ../sass/screen.scss */
#menu-level-1 ul {
  position: relative;
  float: right;
}
/* line 1612, ../sass/screen.scss */
#menu-level-1 ul li.active a {
  color: #BDB69C;
}
/* line 1618, ../sass/screen.scss */
#menu-level-1 li {
  display: inline-block;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
}
/* line 1625, ../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 1629, ../sass/screen.scss */
#menu-level-1 li a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1618, ../sass/screen.scss */
  #menu-level-1 li {
    margin-right: 22px;
  }
}
/* line 1643, ../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 1651, ../sass/screen.scss */
#menu-level-1 li#menu-item-5231 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1643, ../sass/screen.scss */
  #menu-level-1 li#menu-item-5231 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1662, ../sass/screen.scss */
#menu-level-1 li#menu-item-17683,
#menu-level-1 li#menu-item-17684,
#menu-level-1 li#menu-item-17685,
#menu-level-1 li#menu-item-8919,
#menu-level-1 li#menu-item-19536,
#menu-level-1 li#menu-item-20753,
#menu-level-1 li#menu-item-19527,
#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 1687, ../sass/screen.scss */
#menu-level-1 li#menu-item-17683 a:hover,
#menu-level-1 li#menu-item-17684 a:hover,
#menu-level-1 li#menu-item-17685 a:hover,
#menu-level-1 li#menu-item-8919 a:hover,
#menu-level-1 li#menu-item-19536 a:hover,
#menu-level-1 li#menu-item-20753 a:hover,
#menu-level-1 li#menu-item-19527 a:hover,
#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 1662, ../sass/screen.scss */
  #menu-level-1 li#menu-item-17683,
  #menu-level-1 li#menu-item-17684,
  #menu-level-1 li#menu-item-17685,
  #menu-level-1 li#menu-item-8919,
  #menu-level-1 li#menu-item-19536,
  #menu-level-1 li#menu-item-20753,
  #menu-level-1 li#menu-item-19527,
  #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 1702, ../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 1712, ../sass/screen.scss */
#menu-level-1 li.menu-search a {
  cursor: pointer;
}
/* line 1714, ../sass/screen.scss */
#menu-level-1 li.menu-search a:hover {
  color: #000;
}
/* line 1720, ../sass/screen.scss */
#menu-level-1 a.en-lang {
  right: 0px;
  top: 8px;
  color: #fff;
}
/* line 1726, ../sass/screen.scss */
#menu-level-1 a.it-lang {
  right: 22px;
  top: 8px;
  color: #fff;
}
/* line 1733, ../sass/screen.scss */
#menu-level-1 li.language-desktop {
  margin-right: 0px;
  text-align: right;
  width: 30px;
}

/* line 1741, ../sass/screen.scss */
#menu-level-2 {
  background-color: rgba(56, 62, 66, 0.7);
  padding-top: 12px;
  padding-bottom: 0px;
}
/* line 1748, ../sass/screen.scss */
#menu-level-2 img {
  float: left;
}
/* line 1752, ../sass/screen.scss */
#menu-level-2 ul {
  float: right;
  margin-top: 26px;
  margin-left: 20px;
}
/* line 1756, ../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 1752, ../sass/screen.scss */
  #menu-level-2 ul {
    margin-left: 40px;
  }
}
/* line 1772, ../sass/screen.scss */
#menu-level-2 li {
  display: inline-block;
  margin-left: 18px;
  height: 43px;
  position: relative;
}
/* line 1778, ../sass/screen.scss */
#menu-level-2 li:last-child {
  margin-right: 0px;
}
/* line 1782, ../sass/screen.scss */
#menu-level-2 li a {
  cursor: pointer;
}
/* line 1786, ../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 1796, ../sass/screen.scss */
#menu-level-2 li ul li.active a {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1786, ../sass/screen.scss */
  #menu-level-2 li ul {
    width: 250px;
  }
}
/* line 1806, ../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 1816, ../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 1826, ../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 1835, ../sass/screen.scss */
#menu-level-2 li ul li:last-child {
  border-bottom: none;
}
/* line 1845, ../sass/screen.scss */
#menu-level-2 li ul a {
  font-size: 1.3em;
  color: #fff !important;
}
/* line 1848, ../sass/screen.scss */
#menu-level-2 li ul a:hover {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1845, ../sass/screen.scss */
  #menu-level-2 li ul a {
    font-size: 1.4em;
  }
}
@media (min-width: 1200px) {
  /* line 1772, ../sass/screen.scss */
  #menu-level-2 li {
    margin-left: 36px;
  }
}
/* line 1877, ../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 1882, ../sass/screen.scss */
#menu-level-2 a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1877, ../sass/screen.scss */
  #menu-level-2 a {
    font-size: 1.5em;
  }
}

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

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

/* line 1908, ../sass/screen.scss */
form#gform_6 {
  font-size: 0.8em;
}
/* line 1911, ../sass/screen.scss */
form#gform_6 li#field_6_3 {
  margin-top: 15px;
}
/* line 1915, ../sass/screen.scss */
form#gform_6 li#field_6_4 {
  margin-top: 15px;
}
/* line 1918, ../sass/screen.scss */
form#gform_6 li#field_6_4 .ginput_container_radio {
  float: left;
  margin-top: 0px;
}
/* line 1923, ../sass/screen.scss */
form#gform_6 li#field_6_4 .gfield_label {
  float: left;
  margin-right: 15px;
}
/* line 1929, ../sass/screen.scss */
form#gform_6 #choice_6_4_0 {
  float: left;
}
/* line 1932, ../sass/screen.scss */
form#gform_6 #label_6_4_0 {
  float: left;
  margin-top: -2px;
}
/* line 1936, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 {
  vertical-align: middle;
}
/* line 1939, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
/* line 1944, ../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 1957, ../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 1967, ../sass/screen.scss */
form#gform_6 .gform_footer {
  padding: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2275, ../sass/screen.scss */
.slider-caption {
  position: absolute;
  right: 15px;
  bottom: 40px;
  text-align: right;
  color: #fff;
}
/* line 2282, ../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 2282, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 1.45em;
  }
}
@media (min-width: 992px) {
  /* line 2282, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 2.1em;
  }
}
/* line 2302, ../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 2310, ../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 2317, ../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 2327, ../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 2338, ../sass/screen.scss */
.slider-caption-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 1.9em;
}
/* line 2346, ../sass/screen.scss */
.slider-caption-container span.categoria {
  font-size: 0.5em;
  padding: 10px;
  margin-bottom: 15px;
}
/* line 2352, ../sass/screen.scss */
.slider-caption-container .slider-caption {
  bottom: 60px;
}
/* line 2356, ../sass/screen.scss */
.slider-caption-container h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 2363, ../sass/screen.scss */
.slider-caption-container .container {
  position: relative;
}

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

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

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

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

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

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

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

/* line 2514, ../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 2529, ../sass/screen.scss */
.eventi-evidenza {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  height: 500px;
}
/* line 2536, ../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 2545, ../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 2557, ../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 2568, ../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 2580, ../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 2592, ../sass/screen.scss */
.eventi-evidenza span.read-more {
  color: #FFF;
  right: 30px;
  bottom: 15px;
}
/* line 2597, ../sass/screen.scss */
.eventi-evidenza span.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}

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

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

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

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

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

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

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

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

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

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

/* line 2909, ../sass/screen.scss */
.widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2909, ../sass/screen.scss */
  .widget-explore {
    width: 100%;
  }
}
/* line 2920, ../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 2928, ../sass/screen.scss */
.widget-explore a.widget:hover {
  opacity: 0.8;
}
/* line 2934, ../sass/screen.scss */
.widget-explore a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 2939, ../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 2951, ../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 2963, ../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 2976, ../sass/screen.scss */
.event {
  border: solid 1px #867d76;
  position: relative;
}

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

/* line 2990, ../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 3003, ../sass/screen.scss */
.event-thumb {
  position: relative;
  margin-bottom: -2px;
}
/* line 3007, ../sass/screen.scss */
.event-thumb img {
  width: 100%;
  height: auto;
}
/* line 3012, ../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 3029, ../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 3039, ../sass/screen.scss */
.event-detail {
  margin-top: 0px;
  padding: 15px;
  padding-bottom: 30px;
}
/* line 3046, ../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 3056, ../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 3068, ../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 3081, ../sass/screen.scss */
.event-detail h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 3086, ../sass/screen.scss */
.event-detail p {
  margin-top: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3367, ../sass/screen.scss */
.category-list {
  margin-top: 15px;
  font-weight: 300;
  font-size: 1.33em;
}
/* line 3372, ../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 3381, ../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 3394, ../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 3403, ../sass/screen.scss */
.category-list li.firstLetter:after {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3799, ../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 3806, ../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 3813, ../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 3820, ../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 3827, ../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 3834, ../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 3841, ../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 3848, ../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 3856, ../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 3864, ../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 3872, ../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 3880, ../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 3888, ../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 3896, ../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 3903, ../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 3910, ../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 3917, ../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 3924, ../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 3931, ../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 3938, ../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 3948, ../sass/screen.scss */
#sala-ia,
#sala-1,
#sala-cortileloggiato {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3948, ../sass/screen.scss */
  #sala-ia,
  #sala-1,
  #sala-cortileloggiato {
    height: 277px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 4460, ../sass/screen.scss */
.page-template-opere-capolavori #breadcrumb {
  background-color: #444444;
  color: #FFF;
}
/* line 4465, ../sass/screen.scss */
.page-template-opere-capolavori #footer {
  background-color: #eceded;
}
/* line 4469, ../sass/screen.scss */
.page-template-opere-capolavori h5 {
  font-family: "Merriweather";
  width: 90%;
  color: #867d76;
}
/* line 4475, ../sass/screen.scss */
.page-template-opere-capolavori p {
  color: #867d76;
}
/* line 4479, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box {
  border: none;
  padding-bottom: 0px;
}
/* line 4483, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box img {
  margin-bottom: 3px;
}
/* line 4487, ../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 4495, ../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 4507, ../sass/screen.scss */
.page-template-opere-capolavori #opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 50%;
}
/* line 4517, ../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 4535, ../sass/screen.scss */
#restauri-sidebar {
  margin-top: 30px;
}

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

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

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

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

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

/* line 4704, ../sass/screen.scss */
.altissima-opera-container {
  background-color: #000;
}
/* line 4707, ../sass/screen.scss */
.altissima-opera-container p {
  color: #867d76;
}
/* line 4709, ../sass/screen.scss */
.altissima-opera-container p strong {
  color: #867d76;
}
/* line 4714, ../sass/screen.scss */
.altissima-opera-container #breadcrumb {
  background-color: #000;
  color: #fff;
}
/* line 4719, ../sass/screen.scss */
.altissima-opera-container .info-opera {
  color: #867d76;
}

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

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

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

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

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

/* line 4821, ../sass/screen.scss */
.data-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}
/* line 4828, ../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 4843, ../sass/screen.scss */
.categoria-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 10px;
}
/* line 4850, ../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 4865, ../sass/screen.scss */
.laboratorio-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 10px;
}
/* line 4872, ../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 4888, ../sass/screen.scss */
.meta-euducazione {
  display: block;
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 5182, ../sass/screen.scss */
#widget-explore-mostre {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5182, ../sass/screen.scss */
  #widget-explore-mostre {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5182, ../sass/screen.scss */
  #widget-explore-mostre {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5196, ../sass/screen.scss */
#widget-explore-mostre a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5201, ../sass/screen.scss */
#widget-explore-mostre a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5206, ../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 5218, ../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 5230, ../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 5249, ../sass/screen.scss */
#dialoghi-content {
  margin-top: 30px;
}
/* line 5252, ../sass/screen.scss */
#dialoghi-content .grid-sizer-mostre {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5252, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5252, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 25%;
  }
}
/* line 5273, ../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 5283, ../sass/screen.scss */
#dialoghi-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* line 6656, ../sass/screen.scss */
a.openstaff.active:after {
  content: "\f068";
}


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

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

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

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

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

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

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

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