/* Pinacoteca di Brera */
/* line 5, C:/Ruby23-x64/lib/ruby/gems/2.3.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, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby23-x64/lib/ruby/gems/2.3.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, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby23-x64/lib/ruby/gems/2.3.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, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby23-x64/lib/ruby/gems/2.3.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 159, ../sass/screen.scss */
#social-btn {
  position: fixed;
  right: 0px;
  top: 200px;
  width: 40px;
  z-index: 1000;
}
/* line 169, ../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 181, ../sass/screen.scss */
#social-btn a:hover {
  background-color: #BDB69C;
  opacity: 1;
}
/* line 188, ../sass/screen.scss */
#social-btn a.active {
  background-color: #BDB69C;
}

/* line 199, ../sass/screen.scss */
a {
  cursor: pointer;
}
/* line 201, ../sass/screen.scss */
a:visited {
  color: inherit;
}
/* line 204, ../sass/screen.scss */
a:active {
  border: none;
}

/* line 211, ../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 225, ../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 236, ../sass/screen.scss */
#btn-menu-filtri a.active:before {
  content: "\f139";
}

/* line 241, ../sass/screen.scss */
.fixed {
  position: fixed;
}

/* line 244, ../sass/screen.scss */
.absolute-center {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

/* line 254, ../sass/screen.scss */
.attivita {
  background-color: #92886f;
}

/* line 258, ../sass/screen.scss */
.mostre {
  background-color: #5d6058;
}

/* line 262, ../sass/screen.scss */
.dialoghi {
  background-color: #5b686d;
}

/* line 265, ../sass/screen.scss */
.educativi,
.percorsi {
  background-color: #8c969d;
}

/* line 270, ../sass/screen.scss */
.news {
  background-color: #383e42;
}

/* line 274, ../sass/screen.scss */
.breramedia {
  background-color: #c32814;
}

/* line 278, ../sass/screen.scss */
.brerastories {
  background-color: #c32814;
}

/* line 283, ../sass/screen.scss */
.padding-top-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -2px;
}

/* line 289, ../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 301, ../sass/screen.scss */
img.full-width {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 301, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  /* line 301, ../sass/screen.scss */
  img.full-width {
    margin-top: 0px;
  }
}

/* line 320, ../sass/screen.scss */
img.page-image-header {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 320, ../sass/screen.scss */
  img.page-image-header {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  /* line 320, ../sass/screen.scss */
  img.page-image-header {
    margin-top: 0px;
  }
}

/* line 339, ../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 347, ../sass/screen.scss */
#breadcrumb .container {
  position: relative;
}
/* line 350, ../sass/screen.scss */
#breadcrumb span {
  font-weight: 700;
}
/* line 354, ../sass/screen.scss */
#breadcrumb a {
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
/* line 358, ../sass/screen.scss */
#breadcrumb a:hover {
  color: #BDB69C;
  font-weight: 300;
}

/* line 365, ../sass/screen.scss */
.margin-top {
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 365, ../sass/screen.scss */
  .margin-top {
    margin-top: 30px;
  }
}

/* line 373, ../sass/screen.scss */
#utility {
  position: relative;
  text-align: right;
}

/* line 380, ../sass/screen.scss */
.box-mobile {
  margin-bottom: 30px;
  border-bottom: solid 1px #867d76;
  padding-bottom: 30px;
  position: relative;
}
/* line 385, ../sass/screen.scss */
.box-mobile:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}
/* line 393, ../sass/screen.scss */
.box-mobile .col-xs-8 {
  padding-bottom: 30px;
}

/* line 398, ../sass/screen.scss */
.box-desktop {
  border: solid 1px #867d76;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
/* line 403, ../sass/screen.scss */
.box-desktop img {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  /* line 408, ../sass/screen.scss */
  .main-container {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}

/* line 418, ../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 423, ../sass/screen.scss */
  .hover:hover {
    opacity: 0.7;
  }
}

/* line 432, ../sass/screen.scss */
#share-icon-top {
  position: absolute;
  right: 0px;
  top: 30px;
  height: 72px;
  width: 24px;
  background-color: #736a68;
  display: none;
}
/* line 441, ../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 454, ../sass/screen.scss */
#sharediv {
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}

/* line 460, ../sass/screen.scss */
#share-icon {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  height: 31px;
}
/* line 469, ../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 488, ../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 501, ../sass/screen.scss */
.search-wrapper {
  position: relative;
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 501, ../sass/screen.scss */
  .search-wrapper {
    margin-top: 0px;
  }
}

/* line 515, ../sass/screen.scss */
form#search input {
  width: 80%;
  height: 35px;
  float: right;
}
/* line 524, ../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 534, ../sass/screen.scss */
form#search button i {
  font-size: 1.5em;
}
/* line 539, ../sass/screen.scss */
form#search button:hover {
  background-color: #BDB69C;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 524, ../sass/screen.scss */
  form#search button {
    width: 34%;
  }
}
@media (min-width: 992px) {
  /* line 524, ../sass/screen.scss */
  form#search button {
    width: 20%;
  }
}

/* line 557, ../sass/screen.scss */
form#search-collezioni {
  font-size: 0.7em;
  margin-top: 10px;
}
/* line 561, ../sass/screen.scss */
form#search-collezioni input {
  width: 180px;
  height: 23px;
  float: left;
}
@media (min-width: 768px) {
  /* line 561, ../sass/screen.scss */
  form#search-collezioni input {
    width: 160px;
  }
}
/* line 571, ../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 583, ../sass/screen.scss */
form#search-collezioni button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 594, ../sass/screen.scss */
.main-image {
  margin-top: 60px;
}
@media (min-width: 768px) {
  /* line 594, ../sass/screen.scss */
  .main-image {
    margin-top: 100px;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 594, ../sass/screen.scss */
  .main-image {
    margin-top: 113px;
  }
}
@media (min-width: 1200px) {
  /* line 594, ../sass/screen.scss */
  .main-image {
    margin-top: 0px;
  }
}

/* line 616, ../sass/screen.scss */
#noresults {
  float: left;
}
/* line 619, ../sass/screen.scss */
#noresults h3 {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 60px;
}

/* line 630, ../sass/screen.scss */
.thumb-gallery {
  margin-bottom: 15px;
}
/* line 633, ../sass/screen.scss */
.thumb-gallery img {
  width: 100%;
  height: auto;
}

/* line 639, ../sass/screen.scss */
.gallery {
  margin-top: 10px;
  position: relative;
  width: 100%;
}
/* line 644, ../sass/screen.scss */
.gallery figcaption {
  display: none;
}

/* line 650, ../sass/screen.scss */
.pswp__caption__center h5 {
  color: #867d76;
  font-size: 1em;
}

/* line 659, ../sass/screen.scss */
.pdf-documents {
  display: block;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 0px;
}
/* line 666, ../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 672, ../sass/screen.scss */
.pdf-documents li:last-child {
  border-bottom: none;
}
/* line 677, ../sass/screen.scss */
.pdf-documents a {
  font-weight: 600;
}
/* line 681, ../sass/screen.scss */
.pdf-documents h6 {
  margin-bottom: 0px;
}
/* line 685, ../sass/screen.scss */
.pdf-documents div {
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
  padding-left: 47px;
}

/* line 698, ../sass/screen.scss */
.alignright {
  float: right;
  width: 50%;
  height: auto;
  margin-left: 30px;
}

/* line 705, ../sass/screen.scss */
.wp-caption-text {
  font-size: 0.9em;
  color: #867d76;
  margin-bottom: 40px;
  margin-top: 8px;
  line-height: 1.5em;
}

/* line 714, ../sass/screen.scss */
.wp-caption img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

/* line 720, ../sass/screen.scss */
.aligncenter {
  width: 100%;
  height: auto;
}

/* line 730, ../sass/screen.scss */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 15px;
}

/* line 737, ../sass/screen.scss */
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 751, ../sass/screen.scss */
body {
  font-size: 12px;
  font-family: "Raleway";
  background-color: #eceded;
}

/* line 758, ../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 763, ../sass/screen.scss */
main.loaded {
  opacity: 1;
}

/* line 767, ../sass/screen.scss */
a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}

/* line 772, ../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 776, ../sass/screen.scss */
a:hover {
  color: #BDB69C;
}

/* line 787, ../sass/screen.scss */
h1 {
  color: #867d76;
  font-family: "Playfair Display";
  font-weight: 300;
  font-size: 2.25em;
  margin-bottom: 15px;
}
/* line 794, ../sass/screen.scss */
h1 span {
  font-family: "Raleway";
  font-size: 0.5em;
  font-weight: 300;
}
@media (min-width: 992px) {
  /* line 787, ../sass/screen.scss */
  h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 1200px) {
  /* line 787, ../sass/screen.scss */
  h1 {
    font-size: 3em;
  }
}

/* line 811, ../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 821, ../sass/screen.scss */
h2 {
  font-family: "merriweather";
}

/* line 826, ../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 826, ../sass/screen.scss */
  h1.Raleway {
    margin-top: 0px;
  }
}
/* line 842, ../sass/screen.scss */
h1.Raleway span {
  font-family: "Raleway";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

/* line 851, ../sass/screen.scss */
h1.italic {
  font-style: italic;
}

/* line 856, ../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 870, ../sass/screen.scss */
h1.Merriweather {
  font-family: "Merriweather";
  color: #867d76;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: 1em;
}
/* line 878, ../sass/screen.scss */
h1.Merriweather span {
  font-family: "Merriweather";
  font-size: 0.5em;
  font-weight: 300;
  line-height: 1em;
}

/* line 886, ../sass/screen.scss */
h1.italic {
  font-style: italic;
}

/* line 893, ../sass/screen.scss */
h4 {
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 900, ../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 910, ../sass/screen.scss */
h5.Playfair Display {
  font-family: "Playfair Display";
  font-size: 1.8em;
  line-height: 1em;
}

/* line 917, ../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 931, ../sass/screen.scss */
p {
  font-family: "merriweather";
  font-weight: 300;
  color: #000;
  font-size: 1.05em;
  line-height: 1.7em;
  margin-bottom: 1em;
}
/* line 938, ../sass/screen.scss */
p:last-child {
  margin-bottom: 0px;
}

/* line 942, ../sass/screen.scss */
strong,
b {
  font-weight: 700;
  color: #000;
}

/* line 949, ../sass/screen.scss */
em {
  font-style: italic;
}

/* line 953, ../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 962, ../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 973, ../sass/screen.scss */
a.read-more:hover,
span.read-more:hover {
  color: #BDB69C;
}
/* line 975, ../sass/screen.scss */
a.read-more:hover:after,
span.read-more:hover:after {
  background: url(../../../images/my-brera/read-more-hover.png);
}

/* line 984, ../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 984, ../sass/screen.scss */
  a.info-button {
    right: 40px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  /* line 984, ../sass/screen.scss */
  a.info-button {
    right: 15px;
  }
}

/* line 1007, ../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 1035, ../sass/screen.scss */
#filterbar {
  border-bottom: solid 1px #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #867d76;
  display: none;
}
/* line 1042, ../sass/screen.scss */
#filterbar p {
  font-size: 1.2em;
  font-weight: 400;
  color: #867d76;
}
/* line 1049, ../sass/screen.scss */
#filterbar h5 {
  font-size: 1.3em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Raleway";
}
/* line 1056, ../sass/screen.scss */
#filterbar ul li {
  margin-bottom: 8px;
}
/* line 1060, ../sass/screen.scss */
#filterbar input[type="checkbox"] {
  display: none;
}
/* line 1064, ../sass/screen.scss */
#filterbar label {
  margin-left: 13px;
  text-indent: -13px;
  cursor: pointer;
}
/* line 1071, ../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 1080, ../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 1084, ../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 1097, ../sass/screen.scss */
#filterbar button:hover {
  background-color: #BDB69C;
}
/* line 1104, ../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 1123, ../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 1143, ../sass/screen.scss */
.col-filter {
  border-right: solid 1px #867d76;
}
/* line 1147, ../sass/screen.scss */
.col-filter:last-child {
  border-right: none;
}

/* line 1152, ../sass/screen.scss */
.first-row {
  border-right: none;
}
@media (min-width: 992px) {
  /* line 1152, ../sass/screen.scss */
  .first-row {
    border-right: solid 1px #867d76;
  }
}

/* line 1160, ../sass/screen.scss */
.sale-mobile {
  display: block;
}
@media (min-width: 992px) {
  /* line 1160, ../sass/screen.scss */
  .sale-mobile {
    display: none;
  }
}

/* line 1168, ../sass/screen.scss */
.col-materie {
  border-right: none;
}
@media (min-width: 992px) {
  /* line 1168, ../sass/screen.scss */
  .col-materie {
    border-right: solid 1px #867d76;
  }
}

/* line 1177, ../sass/screen.scss */
.col-sale {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 1177, ../sass/screen.scss */
  .col-sale {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }
}

/* line 1197, ../sass/screen.scss */
#chi-siamo .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1197, ../sass/screen.scss */
  #chi-siamo .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 1197, ../sass/screen.scss */
  #chi-siamo .grid-sizer {
    width: 33.333333%;
  }
}

/* line 1212, ../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 1220, ../sass/screen.scss */
#masonry.loaded {
  opacity: 1;
}

/* line 1225, ../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 1229, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2.loaded {
  opacity: 1;
}
/* line 1233, ../sass/screen.scss */
#masonry-wrapper-ajax-col-2 .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1233, ../sass/screen.scss */
  #masonry-wrapper-ajax-col-2 .grid-sizer {
    width: 50%;
  }
}

/* line 1251, ../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 1265, ../sass/screen.scss */
#header-mobile img {
  height: 100%;
  width: auto;
}
/* line 1270, ../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 1270, ../sass/screen.scss */
  #header-mobile a.menu-mobile-open,
  #header-mobile a.menu-mobile-info {
    font-size: 4em;
  }
}
@media (min-width: 768px) {
  /* line 1251, ../sass/screen.scss */
  #header-mobile {
    height: 100px;
  }
}

/* line 1288, ../sass/screen.scss */
.menu-mobile-open {
  left: 15px;
  top: 12px;
}
@media (min-width: 768px) {
  /* line 1288, ../sass/screen.scss */
  .menu-mobile-open {
    top: 20px;
  }
}

/* line 1299, ../sass/screen.scss */
.menu-mobile-info {
  right: 15px;
  top: 15px;
}
@media (min-width: 768px) {
  /* line 1299, ../sass/screen.scss */
  .menu-mobile-info {
    top: 25px;
  }
}
/* line 1307, ../sass/screen.scss */
.menu-mobile-info img {
  height: 30px !important;
  width: auto !important;
}
@media (min-width: 768px) {
  /* line 1307, ../sass/screen.scss */
  .menu-mobile-info img {
    height: 40px !important;
    width: auto !important;
  }
}

/* line 1322, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-1 .mm-panels {
  top: 60px;
}
/* line 1326, ../sass/screen.scss */
.mm-brera .mm-prev::before {
  border-bottom: medium none;
  border-right: medium none;
  left: 20px;
}
/* line 1334, ../sass/screen.scss */
.mm-brera .mm-hasnavbar-top-2 .mm-panels {
  top: 60px;
}
/* line 1338, ../sass/screen.scss */
.mm-brera .mm-navbar-top {
  padding-left: 20px;
  height: 60px;
  background-color: #eceded;
  text-transform: uppercase;
}
/* line 1345, ../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 1349, ../sass/screen.scss */
.mm-brera .mm-navbar-top a {
  color: #867d76;
  font-weight: 700;
  font-size: 1.41em;
  padding-top: 20px;
}
/* line 1358, ../sass/screen.scss */
.mm-brera .mm-panel {
  background-color: #867d76;
}
/* line 1361, ../sass/screen.scss */
.mm-brera .mm-panel a {
  color: #fff;
  font-weight: 700;
  font-size: 1.16em;
}
/* line 1371, ../sass/screen.scss */
.mm-brera .mm-listview {
  border-color: #fff;
}
/* line 1375, ../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 1384, ../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 1389, ../sass/screen.scss */
.mm-brera li#menu-item-5212,
.mm-brera li#menu-item-5210,
.mm-brera li#menu-item-5297,
.mm-brera li#menu-item-6105,
.mm-brera li#menu-item-5503,
.mm-brera li#menu-item-5963,
.mm-brera li#menu-item-6106,
.mm-brera li#menu-item-6109,
.mm-brera li#menu-item-6108,
.mm-brera li#menu-item-6110,
.mm-brera li#menu-item-6107,
.mm-brera li#menu-item-7446,
.mm-brera li#menu-item-7447,
.mm-brera li#menu-item-7448,
.mm-brera li#menu-item-7449,
.mm-brera li#menu-item-7450,
.mm-brera li#menu-item-7451,
.mm-brera li#menu-item-7452,
.mm-brera li#menu-item-7454,
.mm-brera li#menu-item-8478,
.mm-brera li#menu-item-8491,
.mm-brera li#menu-item-8916 {
  background-color: #8c969d;
}
/* line 1416, ../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 1416, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom {
    height: auto;
  }
}
/* line 1427, ../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 1427, ../sass/screen.scss */
  .mm-brera .mm-navbar-bottom a {
    width: auto;
    height: auto;
    margin-right: 10px;
  }
}
/* line 1443, ../sass/screen.scss */
.mm-brera li.language-switcher {
  position: relative;
  background-color: #867d76;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
}
/* line 1449, ../sass/screen.scss */
.mm-brera li.language-switcher a {
  font-weight: 400;
  font-size: 1em;
  display: inline-block;
  padding-left: 0px;
}
/* line 1455, ../sass/screen.scss */
.mm-brera li.language-switcher a:first-child {
  padding-left: 20px;
}
/* line 1459, ../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 1468, ../sass/screen.scss */
.mm-brera li.language-switcher a.search i {
  font-size: 2em;
  width: 100%;
  height: 1em;
}
/* line 1476, ../sass/screen.scss */
.mm-brera li.social {
  background-color: #444444;
}
/* line 1480, ../sass/screen.scss */
.mm-brera li.social a {
  font-size: 1.5em;
  display: inline-block;
}
/* line 1488, ../sass/screen.scss */
.mm-brera li.mibac {
  background-color: #444444;
  border-top: solid 1px #fff;
}
/* line 1492, ../sass/screen.scss */
.mm-brera li.mibac a {
  display: inline-block;
  margin-right: 5px;
}
/* line 1497, ../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 1510, ../sass/screen.scss */
.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after {
  border-color: #fff;
}

/* line 1515, ../sass/screen.scss */
.mm-listview > li:not(.mm-divider)::after {
  left: 0px;
}

/* line 1519, ../sass/screen.scss */
.search-mobile {
  height: 42px;
}
/* line 1523, ../sass/screen.scss */
.search-mobile input {
  width: 80%;
  height: 40px;
  margin: 0px;
  margin-left: 5px;
}
/* line 1530, ../sass/screen.scss */
.search-mobile button {
  width: 11%;
  height: 40px;
  margin: 0px;
  border: none;
}

/* line 1544, ../sass/screen.scss */
#header-desktop {
  height: 113px;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 100;
}

/* line 1553, ../sass/screen.scss */
#search-header {
  height: 30px;
  background-color: #fff;
  border-bottom: solid 1px #736a68;
  display: none;
}
/* line 1559, ../sass/screen.scss */
#search-header form {
  float: right;
  height: 20px;
  margin-top: 5px;
  margin-right: 70px;
}
/* line 1565, ../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 1575, ../sass/screen.scss */
#search-header form button:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 1587, ../sass/screen.scss */
#menu-level-1 {
  background-color: rgba(56, 62, 66, 0.7);
  border-bottom: solid 1px #8c969d;
}
/* line 1590, ../sass/screen.scss */
#menu-level-1 ul {
  position: relative;
  float: right;
}
/* line 1596, ../sass/screen.scss */
#menu-level-1 ul li.active a {
  color: #BDB69C;
}
/* line 1602, ../sass/screen.scss */
#menu-level-1 li {
  display: inline-block;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
}
/* line 1609, ../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 1613, ../sass/screen.scss */
#menu-level-1 li a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1602, ../sass/screen.scss */
  #menu-level-1 li {
    margin-right: 22px;
  }
}
/* line 1627, ../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 1635, ../sass/screen.scss */
#menu-level-1 li#menu-item-5231 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1627, ../sass/screen.scss */
  #menu-level-1 li#menu-item-5231 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1649, ../sass/screen.scss */
#menu-level-1 li#menu-item-12525,
#menu-level-1 li#menu-item-7460,
#menu-level-1 li#menu-item-6695,
#menu-level-1 li#menu-item-8473,
#menu-level-1 li#menu-item-8492,
#menu-level-1 li#menu-item-8918,
#menu-level-1 li#menu-item-13951 {
  background-color: #c32814;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
  margin-left: -3px;
  border-right: 1px solid #8c969d;
}
/* line 1663, ../sass/screen.scss */
#menu-level-1 li#menu-item-12525 a:hover,
#menu-level-1 li#menu-item-7460 a:hover,
#menu-level-1 li#menu-item-6695 a:hover,
#menu-level-1 li#menu-item-8473 a:hover,
#menu-level-1 li#menu-item-8492 a:hover,
#menu-level-1 li#menu-item-8918 a:hover,
#menu-level-1 li#menu-item-13951 a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  /* line 1649, ../sass/screen.scss */
  #menu-level-1 li#menu-item-12525,
  #menu-level-1 li#menu-item-7460,
  #menu-level-1 li#menu-item-6695,
  #menu-level-1 li#menu-item-8473,
  #menu-level-1 li#menu-item-8492,
  #menu-level-1 li#menu-item-8918,
  #menu-level-1 li#menu-item-13951 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* line 1678, ../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 1688, ../sass/screen.scss */
#menu-level-1 li.menu-search a {
  cursor: pointer;
}
/* line 1690, ../sass/screen.scss */
#menu-level-1 li.menu-search a:hover {
  color: #000;
}
/* line 1696, ../sass/screen.scss */
#menu-level-1 a.en-lang {
  right: 0px;
  top: 8px;
  color: #fff;
}
/* line 1702, ../sass/screen.scss */
#menu-level-1 a.it-lang {
  right: 22px;
  top: 8px;
  color: #fff;
}
/* line 1709, ../sass/screen.scss */
#menu-level-1 li.language-desktop {
  margin-right: 0px;
  text-align: right;
  width: 30px;
}

/* line 1717, ../sass/screen.scss */
#menu-level-2 {
  background-color: rgba(56, 62, 66, 0.7);
  padding-top: 12px;
  padding-bottom: 0px;
}
/* line 1724, ../sass/screen.scss */
#menu-level-2 img {
  float: left;
}
/* line 1728, ../sass/screen.scss */
#menu-level-2 ul {
  float: right;
  margin-top: 26px;
  margin-left: 20px;
}
/* line 1732, ../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 1728, ../sass/screen.scss */
  #menu-level-2 ul {
    margin-left: 40px;
  }
}
/* line 1748, ../sass/screen.scss */
#menu-level-2 li {
  display: inline-block;
  margin-left: 18px;
  height: 43px;
  position: relative;
}
/* line 1754, ../sass/screen.scss */
#menu-level-2 li:last-child {
  margin-right: 0px;
}
/* line 1758, ../sass/screen.scss */
#menu-level-2 li a {
  cursor: pointer;
}
/* line 1762, ../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 1772, ../sass/screen.scss */
#menu-level-2 li ul li.active a {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1762, ../sass/screen.scss */
  #menu-level-2 li ul {
    width: 250px;
  }
}
/* line 1782, ../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 1792, ../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 1802, ../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 1811, ../sass/screen.scss */
#menu-level-2 li ul li:last-child {
  border-bottom: none;
}
/* line 1821, ../sass/screen.scss */
#menu-level-2 li ul a {
  font-size: 1.3em;
  color: #fff !important;
}
/* line 1824, ../sass/screen.scss */
#menu-level-2 li ul a:hover {
  color: #BDB69C !important;
}
@media (min-width: 1200px) {
  /* line 1821, ../sass/screen.scss */
  #menu-level-2 li ul a {
    font-size: 1.4em;
  }
}
@media (min-width: 1200px) {
  /* line 1748, ../sass/screen.scss */
  #menu-level-2 li {
    margin-left: 36px;
  }
}
/* line 1853, ../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 1858, ../sass/screen.scss */
#menu-level-2 a:hover {
  color: #BDB69C;
}
@media (min-width: 1200px) {
  /* line 1853, ../sass/screen.scss */
  #menu-level-2 a {
    font-size: 1.5em;
  }
}

/* line 1871, ../sass/screen.scss */
#menu-level-2 li:hover > a {
  color: #BDB69C;
}

/* line 1875, ../sass/screen.scss */
#menu-level-2 li:hover > ul {
  display: block;
}

/* line 1884, ../sass/screen.scss */
form#gform_6 {
  font-size: 0.8em;
}
/* line 1887, ../sass/screen.scss */
form#gform_6 li#field_6_3 {
  margin-top: 15px;
}
/* line 1891, ../sass/screen.scss */
form#gform_6 li#field_6_4 {
  margin-top: 15px;
}
/* line 1894, ../sass/screen.scss */
form#gform_6 li#field_6_4 .ginput_container_radio {
  float: left;
  margin-top: 0px;
}
/* line 1899, ../sass/screen.scss */
form#gform_6 li#field_6_4 .gfield_label {
  float: left;
  margin-right: 15px;
}
/* line 1905, ../sass/screen.scss */
form#gform_6 #choice_6_4_0 {
  float: left;
}
/* line 1908, ../sass/screen.scss */
form#gform_6 #label_6_4_0 {
  float: left;
  margin-top: -2px;
}
/* line 1912, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 {
  vertical-align: middle;
}
/* line 1915, ../sass/screen.scss */
form#gform_6 li.gchoice_6_4_0 label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
/* line 1920, ../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 1933, ../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 1943, ../sass/screen.scss */
form#gform_6 .gform_footer {
  padding: 0px;
}

/* line 1950, ../sass/screen.scss */
#footer h4 {
  font-weight: 300;
  color: #000;
  font-size: 1.1em;
  font-family: "Raleway";
  margin-top: 6px;
  margin-bottom: 6px;
}
/* line 1960, ../sass/screen.scss */
#footer p {
  font-size: 0.95em;
  line-height: 1.35em;
}

/* line 1974, ../sass/screen.scss */
#footer-mobile div.brera-newsletter,
#footer-mobile div#brera-app {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 1980, ../sass/screen.scss */
#footer-mobile #brera-app img.appIcon {
  width: 35%;
  height: auto;
}
/* line 1985, ../sass/screen.scss */
#footer-mobile #brera-app {
  border-left: solid 1px #000;
}
/* line 1990, ../sass/screen.scss */
#footer-mobile #brera-app img.storeIcon {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
}
/* line 1998, ../sass/screen.scss */
#footer-mobile #brera-newsletter h4 {
  margin-bottom: 5px;
  margin-top: 0px;
}

/* line 2006, ../sass/screen.scss */
#footer-bottom {
  background-color: #444444;
  text-align: right;
}
@media (min-width: 768px) {
  /* line 2006, ../sass/screen.scss */
  #footer-bottom {
    text-align: left;
  }
}
@media (min-width: 768px) {
  /* line 2014, ../sass/screen.scss */
  #footer-bottom #footer-right {
    text-align: right;
  }
}
/* line 2023, ../sass/screen.scss */
#footer-bottom img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  /* line 2023, ../sass/screen.scss */
  #footer-bottom img {
    width: 50%;
  }
}
/* line 2032, ../sass/screen.scss */
#footer-bottom p {
  color: #FFF;
}

/* line 2044, ../sass/screen.scss */
#footer-sitemap {
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 2050, ../sass/screen.scss */
#footer-sitemap #brera-newsletter img {
  margin-bottom: 10px;
  color: #867d76;
}

/* line 2062, ../sass/screen.scss */
.col-footer-doppia,
.col-footer {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
/* line 2070, ../sass/screen.scss */
.col-footer-doppia strong,
.col-footer strong {
  font-weight: 700;
  font-size: 1.2em;
}
/* line 2076, ../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 2080, ../sass/screen.scss */
.col-footer-doppia a:hover,
.col-footer a:hover {
  color: #BDB69C;
}
/* line 2085, ../sass/screen.scss */
.col-footer-doppia .section,
.col-footer .section {
  font-weight: 300;
  font-size: 1.2em;
  margin-top: 20px;
  display: block;
}
/* line 2093, ../sass/screen.scss */
.col-footer-doppia ul li,
.col-footer ul li {
  margin-bottom: 5px;
}
/* line 2096, ../sass/screen.scss */
.col-footer-doppia ul strong,
.col-footer ul strong {
  color: #867d76;
}

/* line 2102, ../sass/screen.scss */
.col-footer-doppia {
  width: 40%;
}

/* line 2107, ../sass/screen.scss */
#brera-app-desktop {
  padding: 20px;
  border: solid 1px #867d76;
  margin-top: 00px;
}
@media (min-width: 968px) {
  /* line 2107, ../sass/screen.scss */
  #brera-app-desktop {
    margin-top: 50px;
  }
}
/* line 2115, ../sass/screen.scss */
#brera-app-desktop h4 {
  margin-top: 0px;
}
/* line 2119, ../sass/screen.scss */
#brera-app-desktop img.storeIcon {
  width: 45%;
  float: left;
  margin-right: 5px;
}

/* line 2127, ../sass/screen.scss */
#footer-bottom-desktop {
  background-color: #444444;
  color: #fff;
}
/* line 2132, ../sass/screen.scss */
#footer-bottom-desktop p {
  color: #FFF;
  margin-top: 0px;
}
/* line 2137, ../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 2141, ../sass/screen.scss */
#footer-bottom-desktop a:hover {
  color: #BDB69C;
}

/* line 2154, ../sass/screen.scss */
.main-content {
  padding-top: 15px;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 2154, ../sass/screen.scss */
  .main-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 2171, ../sass/screen.scss */
#slider-eventi-desktop-container {
  background-color: #867d76;
  padding-bottom: 30px;
}
/* line 2175, ../sass/screen.scss */
#slider-eventi-desktop-container h1 {
  color: #FFF;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* line 2184, ../sass/screen.scss */
#slider-responsive {
  padding-top: 31.25%;
  width: 100%;
  background-color: #ccc;
  position: relative;
}
/* line 2190, ../sass/screen.scss */
#slider-responsive .rockstar-slider {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

/* line 2199, ../sass/screen.scss */
#slider-home {
  height: 260px;
}
@media (min-width: 768px) {
  /* line 2199, ../sass/screen.scss */
  #slider-home {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 2199, ../sass/screen.scss */
  #slider-home {
    height: 60vh;
    margin-bottom: 20px;
  }
}

/* line 2212, ../sass/screen.scss */
.rockstar-slider {
  height: 260px;
  background: black;
}
@media (min-width: 768px) {
  /* line 2212, ../sass/screen.scss */
  .rockstar-slider {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 2212, ../sass/screen.scss */
  .rockstar-slider {
    height: 60vh;
  }
}

/* line 2226, ../sass/screen.scss */
.slideshow-inner-wrap {
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
  height: 100%;
  background-color: #CCC;
}

/* line 2234, ../sass/screen.scss */
.slideshow-inner-wrap > div {
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

/* line 2240, ../sass/screen.scss */
.slideshow-pager-wrap {
  position: absolute;
  right: 0px;
  left: 0px;
  margin: auto;
  bottom: 20px;
}

/* line 2247, ../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 2248, ../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 2249, ../sass/screen.scss */
.slideshow-pager.active {
  background: white;
  -moz-opacity: .5;
  opacity: .5;
}

/* line 2251, ../sass/screen.scss */
.slider-caption {
  position: absolute;
  right: 15px;
  bottom: 40px;
  text-align: right;
  color: #fff;
}
/* line 2258, ../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 2258, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 1.45em;
  }
}
@media (min-width: 992px) {
  /* line 2258, ../sass/screen.scss */
  .slider-caption h1 {
    font-size: 2.1em;
  }
}
/* line 2278, ../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 2286, ../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 2293, ../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 2303, ../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 2314, ../sass/screen.scss */
.slider-caption-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 1.9em;
}
/* line 2322, ../sass/screen.scss */
.slider-caption-container span.categoria {
  font-size: 0.5em;
  padding: 10px;
  margin-bottom: 15px;
}
/* line 2328, ../sass/screen.scss */
.slider-caption-container .slider-caption {
  bottom: 60px;
}
/* line 2332, ../sass/screen.scss */
.slider-caption-container h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 2339, ../sass/screen.scss */
.slider-caption-container .container {
  position: relative;
}

/* line 2347, ../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 2359, ../sass/screen.scss */
a.widget span {
  margin-left: 25px;
  position: relative;
}
/* line 2364, ../sass/screen.scss */
a.widget.nopadding {
  padding-left: 10px;
}

/* line 2370, ../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 2370, ../sass/screen.scss */
  a.tickets:before {
    background: url(../../../images/my-brera/tickets.png);
  }
}

/* line 2386, ../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 2386, ../sass/screen.scss */
  a.directions:before {
    background: url(../../../images/my-brera/directions.png);
  }
}

/* line 2402, ../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 2402, ../sass/screen.scss */
  a.hours:before {
    background: url(../../../images/my-brera/hours.png);
  }
}

/* line 2418, ../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 2418, ../sass/screen.scss */
  a.calendar:before {
    background: url(../../../images/my-brera/calendar.png);
  }
}

/* line 2435, ../sass/screen.scss */
#utility-mobile-widget a.tickets:before {
  background: url(../../../images/my-brera/mobile/tickets.png);
}
/* line 2441, ../sass/screen.scss */
#utility-mobile-widget a.directions:before {
  background: url(../../../images/my-brera/mobile/directions.png);
}
/* line 2447, ../sass/screen.scss */
#utility-mobile-widget a.hours:before {
  background: url(../../../images/my-brera/mobile/hours.png);
}
/* line 2453, ../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 2464, ../sass/screen.scss */
.page-template-chisiamo .slider-caption h1 {
  font-size: 3em;
}
@media (min-width: 768px) {
  /* line 2464, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  /* line 2464, ../sass/screen.scss */
  .page-template-chisiamo .slider-caption h1 {
    font-size: 2.5em;
  }
}

/* line 2483, ../sass/screen.scss */
#explore-brera-mobile h1 {
  color: #867d76;
  font-family: Raleway;
}

/* line 2490, ../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 2505, ../sass/screen.scss */
.eventi-evidenza {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  height: 500px;
}
/* line 2512, ../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 2521, ../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 2533, ../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 2544, ../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 2556, ../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 2568, ../sass/screen.scss */
.eventi-evidenza span.read-more {
  color: #FFF;
  right: 30px;
  bottom: 15px;
}
/* line 2573, ../sass/screen.scss */
.eventi-evidenza span.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}

/* line 2585, ../sass/screen.scss */
#calendar-mobile {
  background-color: #867d76;
  padding: 15px;
  color: #FFF;
  margin-top: 10px;
  padding-bottom: 25px;
}
/* line 2592, ../sass/screen.scss */
#calendar-mobile h1 {
  color: #FFF;
  font-family: Raleway;
}
/* line 2596, ../sass/screen.scss */
#calendar-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2604, ../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 2620, ../sass/screen.scss */
#collection-mobile {
  margin-top: 15px;
}
/* line 2623, ../sass/screen.scss */
#collection-mobile h1 {
  color: #867d76;
  font-family: Raleway;
}

/* line 2630, ../sass/screen.scss */
#opere-random-mobile {
  background-color: #000;
  padding: 15px;
  margin-top: 15px;
  overflow: hidden;
}
/* line 2636, ../sass/screen.scss */
#opere-random-mobile h1 {
  color: #fff;
}

/* line 2642, ../sass/screen.scss */
.touchcarousel {
  height: 280px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 2642, ../sass/screen.scss */
  .touchcarousel {
    height: 320px;
  }
}

/* line 2654, ../sass/screen.scss */
.eventi-evidenza-slider {
  height: 360px;
}

/* line 2661, ../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 2661, ../sass/screen.scss */
  .touchcarousel .touchcarousel-item {
    height: 300px;
  }
}

/* line 2679, ../sass/screen.scss */
.eventi-evidenza-slider .touchcarousel-item {
  height: 340px;
}

/* line 2683, ../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 2698, ../sass/screen.scss */
.touchcarousel-title {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 0.95em;
  font-family: "merriweather";
  padding-right: 15px;
}
/* line 2707, ../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 2707, ../sass/screen.scss */
  .touchcarousel-title h5 {
    font-size: 0.95em;
  }
}
/* line 2722, ../sass/screen.scss */
.touchcarousel-title span {
  font-size: 0.95em;
}
@media (min-width: 992px) {
  /* line 2722, ../sass/screen.scss */
  .touchcarousel-title span {
    font-size: 0.95em;
  }
}

/* line 2735, ../sass/screen.scss */
#explore-brera-desktop {
  background-color: #867d76;
  min-height: 411px;
  position: relative;
}
/* line 2743, ../sass/screen.scss */
#explore-brera-desktop h1 {
  color: #FFF;
}

/* line 2749, ../sass/screen.scss */
#explore-brera-desktop-calendar {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2749, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2749, ../sass/screen.scss */
  #explore-brera-desktop-calendar {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2769, ../sass/screen.scss */
#explore-brera-desktop-calendar h1 {
  color: #867d76;
}
/* line 2773, ../sass/screen.scss */
#explore-brera-desktop-calendar span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2781, ../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 2797, ../sass/screen.scss */
.explore-brera-desktop-info {
  min-height: 115px;
  border: solid 1px #867d76;
  position: relative;
  min-height: 395px;
}
@media (min-width: 768px) {
  /* line 2797, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
  }
}
@media (min-width: 992px) {
  /* line 2797, ../sass/screen.scss */
  .explore-brera-desktop-info {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 2817, ../sass/screen.scss */
.explore-brera-desktop-info h1 {
  color: #867d76;
}
/* line 2821, ../sass/screen.scss */
.explore-brera-desktop-info span {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 2829, ../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 2843, ../sass/screen.scss */
.explore-brera-desktop-info strong {
  color: #000;
  margin-bottom: 0px;
  display: block;
}
/* line 2849, ../sass/screen.scss */
.explore-brera-desktop-info p {
  margin-bottom: 5px;
}
/* line 2853, ../sass/screen.scss */
.explore-brera-desktop-info .left {
  border-right: solid 1px #867d76;
  margin-right: -9px;
}

/* line 2861, ../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 2874, ../sass/screen.scss */
#widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2874, ../sass/screen.scss */
  #widget-explore {
    width: 100%;
  }
}

/* line 2885, ../sass/screen.scss */
.widget-explore {
  position: absolute;
  left: 0px;
  bottom: 15px;
}
@media (min-width: 992px) {
  /* line 2885, ../sass/screen.scss */
  .widget-explore {
    width: 100%;
  }
}
/* line 2896, ../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 2904, ../sass/screen.scss */
.widget-explore a.widget:hover {
  opacity: 0.8;
}
/* line 2910, ../sass/screen.scss */
.widget-explore a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 2915, ../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 2927, ../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 2939, ../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 2952, ../sass/screen.scss */
.event {
  border: solid 1px #867d76;
  position: relative;
}

/* line 2958, ../sass/screen.scss */
.event-thumb {
  position: relative;
  margin-bottom: -2px;
}
/* line 2962, ../sass/screen.scss */
.event-thumb img {
  width: 100%;
  height: auto;
}
/* line 2967, ../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 2984, ../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 2994, ../sass/screen.scss */
.event-detail {
  margin-top: 0px;
  padding: 15px;
  padding-bottom: 30px;
}
/* line 3001, ../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 3011, ../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 3023, ../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 3036, ../sass/screen.scss */
.event-detail h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 3041, ../sass/screen.scss */
.event-detail p {
  margin-top: 0px;
}

/* line 3050, ../sass/screen.scss */
#opere-random-desktop {
  background-color: #000;
  padding-bottom: 30px;
}
/* line 3054, ../sass/screen.scss */
#opere-random-desktop h1 {
  color: #FFF;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* line 3067, ../sass/screen.scss */
a.language-switcher-info {
  display: inline-block;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 15px;
}

/* line 3074, ../sass/screen.scss */
#google-map {
  height: 260px;
}
@media (min-width: 768px) {
  /* line 3074, ../sass/screen.scss */
  #google-map {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  /* line 3074, ../sass/screen.scss */
  #google-map {
    height: 620px;
  }
}

/* line 3087, ../sass/screen.scss */
#google-map-small {
  height: 620px;
}

@media (min-width: 768px) {
  /* line 3091, ../sass/screen.scss */
  #informazioni {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 3101, ../sass/screen.scss */
.infoBox h5 {
  font-weight: 700;
  color: fff;
  margin-bottom: 5px;
  font-size: 1.1em;
}
/* line 3107, ../sass/screen.scss */
.infoBox a {
  color: fff;
  font-weight: 400;
  font-size: 1em;
  display: block;
  margin-top: 5px;
}

/* line 3119, ../sass/screen.scss */
#info-content {
  margin-bottom: -89px;
}
@media (min-width: 768px) {
  /* line 3119, ../sass/screen.scss */
  #info-content {
    border-bottom: none;
  }
}

/* line 3130, ../sass/screen.scss */
.facilities {
  margin-bottom: 30px;
  margin-left: -30px;
  margin-top: 15px;
}

/* line 3138, ../sass/screen.scss */
#widget-rules img,
#widget-facilities img {
  margin-right: 3px;
  margin-bottom: 15px;
}

/* line 3148, ../sass/screen.scss */
.rules {
  margin-bottom: 87px;
  margin-left: -30px;
  margin-top: 77px;
}

/* line 3158, ../sass/screen.scss */
.rules h6,
.facilities h6 {
  margin-bottom: 15px !important;
}

/* line 3174, ../sass/screen.scss */
.mobile-search form#search-collezioni input {
  width: 80%;
}
/* line 3177, ../sass/screen.scss */
.mobile-search form#search-collezioni button {
  width: 10%;
  font-size: 2em;
  text-align: center;
}

/* line 3187, ../sass/screen.scss */
.restauri-opener,
#main-container {
  margin-top: 60px;
}
@media (min-width: 768px) {
  /* line 3187, ../sass/screen.scss */
  .restauri-opener,
  #main-container {
    margin-top: 0px;
  }
}

/* line 3198, ../sass/screen.scss */
.single-restauri #breadcrumb,
.single-opere #breadcrumb {
  margin-top: 0px;
}

/* line 3217, ../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 3217, ../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 3217, ../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 3235, ../sass/screen.scss */
#opere {
  padding-top: 30px;
}
@media (min-width: 768px) {
  /* line 3235, ../sass/screen.scss */
  #opere {
    padding-top: 30px;
  }
}

/* line 3244, ../sass/screen.scss */
#mobile-opere-wrapper {
  margin-top: 30px;
}
/* line 3247, ../sass/screen.scss */
#mobile-opere-wrapper img {
  margin-top: 30px;
}

/* line 3251, ../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 3263, ../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 3276, ../sass/screen.scss */
a.mobile-category.active:after {
  content: "\f077";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

/* line 3290, ../sass/screen.scss */
a.mobile-category.map:after {
  content: "\f138";
  position: absolute;
  top: 3px;
  right: 15px;
  width: 25px;
  height: 15px;
  font-family: FontAwesome;
}

/* line 3302, ../sass/screen.scss */
div.mobile-category.search {
  margin-top: 15px;
  cursor: normal;
}
/* line 3307, ../sass/screen.scss */
div.mobile-category.search:after {
  content: "";
}

/* line 3316, ../sass/screen.scss */
a.mobile-category.search,
a.mobile-category.map,
a.mobile-category.filter {
  margin-top: 30px;
}

/* line 3322, ../sass/screen.scss */
.category-list {
  margin-top: 15px;
  font-weight: 300;
  font-size: 1.33em;
}
/* line 3327, ../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 3336, ../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 3349, ../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 3358, ../sass/screen.scss */
.category-list li.firstLetter:after {
  content: "";
}

/* line 3368, ../sass/screen.scss */
#opere-wrapper-desktop li {
  border-bottom: solid 1px #867d76;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  padding-right: 40px;
}
/* line 3377, ../sass/screen.scss */
#opere-wrapper-desktop li a:hover {
  color: #BDB69C;
}
/* line 3382, ../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 3397, ../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 3407, ../sass/screen.scss */
#opere-wrapper-desktop li.firstLetter:after {
  content: "";
}
/* line 3414, ../sass/screen.scss */
#opere-wrapper-desktop li.divider {
  height: 30px;
  border-bottom: none;
}
/* line 3417, ../sass/screen.scss */
#opere-wrapper-desktop li.divider:after {
  content: "";
}

/* line 3425, ../sass/screen.scss */
#opere-title-desktop {
  border-bottom: solid 1px #867d76;
  margin-top: 0px;
}
@media (min-width: 768px) {
  /* line 3425, ../sass/screen.scss */
  #opere-title-desktop {
    margin-top: 0px;
  }
}

/* line 3436, ../sass/screen.scss */
#opere-subtitle,
#opere-menu-desktop {
  border-bottom: solid 1px #867d76;
}
/* line 3440, ../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 3451, ../sass/screen.scss */
#opere-subtitle li:last-child,
#opere-menu-desktop li:last-child {
  border-right: none;
}
/* line 3456, ../sass/screen.scss */
#opere-subtitle li a,
#opere-menu-desktop li a {
  font-weight: 400;
  color: #867d76;
  cursor: pointer;
}
/* line 3463, ../sass/screen.scss */
#opere-subtitle li a:hover,
#opere-menu-desktop li a:hover {
  color: #BDB69C;
}
/* line 3470, ../sass/screen.scss */
#opere-subtitle li a.active,
#opere-menu-desktop li a.active {
  color: #BDB69C;
}
/* line 3475, ../sass/screen.scss */
#opere-subtitle span,
#opere-menu-desktop span {
  font-size: 0.8em;
}

/* line 3480, ../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 3488, ../sass/screen.scss */
#opere-wrapper-desktop.loading {
  opacity: 0.5;
}

/* line 3492, ../sass/screen.scss */
#opere-wrapper.loading {
  opacity: 0.5;
}

/* line 3496, ../sass/screen.scss */
.loadingajax {
  opacity: 0.5 !important;
}

/* line 3502, ../sass/screen.scss */
.row-periodo {
  margin-top: 30px;
}

/* line 3505, ../sass/screen.scss */
.periodo-image {
  position: relative;
  height: 400px;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3505, ../sass/screen.scss */
  .periodo-image {
    height: 300px;
  }
}
@media (min-width: 992px) {
  /* line 3505, ../sass/screen.scss */
  .periodo-image {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  /* line 3505, ../sass/screen.scss */
  .periodo-image {
    height: 404px;
  }
}

/* line 3528, ../sass/screen.scss */
.periodo-image-row3 {
  position: relative;
  height: 500px;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3528, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 300px;
  }
}
@media (min-width: 992px) {
  /* line 3528, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  /* line 3528, ../sass/screen.scss */
  .periodo-image-row3 {
    height: 500px;
  }
}

/* line 3551, ../sass/screen.scss */
.periodo-title {
  position: relative;
  border: solid 1px #867d76;
  height: 110px;
  width: 100%;
  margin-top: 3px;
}
@media (min-width: 768px) {
  /* line 3551, ../sass/screen.scss */
  .periodo-title {
    height: 90px;
  }
}
@media (min-width: 992px) {
  /* line 3551, ../sass/screen.scss */
  .periodo-title {
    height: 110px;
  }
}
/* line 3567, ../sass/screen.scss */
.periodo-title h2 {
  font-family: "Raleway";
  color: #867d76;
  font-weight: 300;
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 2em;
}

/* line 3579, ../sass/screen.scss */
#IVmillennio {
  background: url(../../../images/my-brera/opere-periodi/IVmillennio.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3586, ../sass/screen.scss */
#XIIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3592, ../sass/screen.scss */
#XIVsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIVsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3599, ../sass/screen.scss */
#XVsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3607, ../sass/screen.scss */
#XVIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3614, ../sass/screen.scss */
#XVIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3620, ../sass/screen.scss */
#XVIIIsecolo {
  background: url(../../../images/my-brera/opere-periodi/XVIIIsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3626, ../sass/screen.scss */
#XIXsecolo {
  background: url(../../../images/my-brera/opere-periodi/XIXsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3632, ../sass/screen.scss */
#XXsecolo {
  background: url(../../../images/my-brera/opere-periodi/XXsecolo.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

/* line 3639, ../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 3639, ../sass/screen.scss */
  #opere-wrapper {
    padding-left: 75px;
    padding-right: 75px;
  }
}
/* line 3655, ../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 3663, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 3663, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  /* line 3663, ../sass/screen.scss */
  #opere-wrapper #opere-wrapper-ajax .grid-sizer {
    width: 25%;
  }
}
/* line 3682, ../sass/screen.scss */
#opere-wrapper #opere-wrapper-ajax.loaded {
  opacity: 1;
}

/* line 3688, ../sass/screen.scss */
#nav-below {
  position: relative;
  float: left;
  width: 100%;
  visibility: hidden;
}

/* line 3695, ../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 3709, ../sass/screen.scss */
.artwork-box {
  border: solid 1px #867d76;
  margin-bottom: 30px;
  color: #867d76;
  padding-bottom: 15px;
}
/* line 3717, ../sass/screen.scss */
.artwork-box img {
  margin-bottom: 30px;
}
/* line 3721, ../sass/screen.scss */
.artwork-box h2 {
  font-family: "merriweather";
  font-size: 1.5em;
  font-style: italic;
  margin-bottom: 10px;
}
/* line 3728, ../sass/screen.scss */
.artwork-box span {
  display: block;
  font-family: "merriweather";
  font-size: 1.2em;
}
/* line 3735, ../sass/screen.scss */
.artwork-box span.data-prestito {
  display: block;
  font-family: "merriweather";
  font-size: 1em;
  margin-top: 15px;
  font-style: italic;
}

/* line 3749, ../sass/screen.scss */
.materiabox {
  margin-bottom: 30px;
}

/* line 3754, ../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 3761, ../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 3768, ../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 3775, ../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 3782, ../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 3789, ../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 3796, ../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 3803, ../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 3811, ../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 3819, ../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 3827, ../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 3835, ../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 3843, ../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 3851, ../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 3858, ../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 3865, ../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 3872, ../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 3879, ../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 3886, ../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 3893, ../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 3903, ../sass/screen.scss */
#sala-ia,
#sala-1,
#sala-cortileloggiato {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3903, ../sass/screen.scss */
  #sala-ia,
  #sala-1,
  #sala-cortileloggiato {
    height: 277px;
  }
}

/* line 3913, ../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 3913, ../sass/screen.scss */
  #sala-2,
  #sala-3,
  #sala-4,
  #sala-5,
  #sala-6,
  #sala-7,
  #sala-8,
  #sala-9,
  #sala-10 {
    height: 317px;
  }
}

/* line 3927, ../sass/screen.scss */
#sala-11,
#sala-12,
#sala-13,
#sala-14 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3927, ../sass/screen.scss */
  #sala-11,
  #sala-12,
  #sala-13,
  #sala-14 {
    height: 468px;
  }
}

/* line 3939, ../sass/screen.scss */
#sala-15,
#sala-18,
#sala-19,
#sala-20,
#sala-21,
#sala-22,
#sala-23,
#sala-24,
#sala-27 {
  height: 350px;
}

/* line 3951, ../sass/screen.scss */
#sala-28,
#sala-29,
#sala-30,
#sala-31 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3951, ../sass/screen.scss */
  #sala-28,
  #sala-29,
  #sala-30,
  #sala-31 {
    height: 337px;
  }
}

/* line 3961, ../sass/screen.scss */
#sala-32,
#sala-33,
#sala-34 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3961, ../sass/screen.scss */
  #sala-32,
  #sala-33,
  #sala-34 {
    height: 244px;
  }
}

/* line 3971, ../sass/screen.scss */
#sala-35,
#sala-36,
#sala-37,
#sala-38 {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3971, ../sass/screen.scss */
  #sala-35,
  #sala-36,
  #sala-37,
  #sala-38 {
    height: 284px;
  }
}

/* line 3984, ../sass/screen.scss */
#sala-courtyard,
#sala-ia-en,
#sala-1-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 3984, ../sass/screen.scss */
  #sala-courtyard,
  #sala-ia-en,
  #sala-1-en {
    height: 277px;
  }
}

/* line 3994, ../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 3994, ../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 4008, ../sass/screen.scss */
#sala-11-en,
#sala-12-en,
#sala-13-en,
#sala-14-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4008, ../sass/screen.scss */
  #sala-11-en,
  #sala-12-en,
  #sala-13-en,
  #sala-14-en {
    height: 468px;
  }
}

/* line 4020, ../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 4032, ../sass/screen.scss */
#sala-28-en,
#sala-29-en,
#sala-30-en,
#sala-31-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4032, ../sass/screen.scss */
  #sala-28-en,
  #sala-29-en,
  #sala-30-en,
  #sala-31-en {
    height: 337px;
  }
}

/* line 4042, ../sass/screen.scss */
#sala-32-en,
#sala-33-en,
#sala-34-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4042, ../sass/screen.scss */
  #sala-32-en,
  #sala-33-en,
  #sala-34-en {
    height: 244px;
  }
}

/* line 4051, ../sass/screen.scss */
#sala-35-en,
#sala-36-en,
#sala-37-en,
#sala-38-en {
  height: 350px;
}
@media (min-width: 992px) {
  /* line 4051, ../sass/screen.scss */
  #sala-35-en,
  #sala-36-en,
  #sala-37-en,
  #sala-38-en {
    height: 284px;
  }
}

/* line 4082, ../sass/screen.scss */
#opere-image {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}
/* line 4083, ../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 4089, ../sass/screen.scss */
#opere-image.loaded canvas {
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4082, ../sass/screen.scss */
  #opere-image {
    padding-bottom: 30px;
  }
}
/* line 4104, ../sass/screen.scss */
#opere-image img {
  display: inline-block;
  height: auto;
  width: 100%;
  opacity: 1;
}
@media (min-width: 768px) {
  /* line 4104, ../sass/screen.scss */
  #opere-image img {
    height: 100%;
    width: auto;
    max-height: 600px;
  }
}

/* line 4131, ../sass/screen.scss */
#opere-image-altissima {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  /* line 4131, ../sass/screen.scss */
  #opere-image-altissima {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 4147, ../sass/screen.scss */
#opere-single-content {
  padding-top: 0px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  /* line 4147, ../sass/screen.scss */
  #opere-single-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* line 4160, ../sass/screen.scss */
.info-opera {
  border: solid 1px #867d76;
  padding: 30px;
}
/* line 4164, ../sass/screen.scss */
.info-opera span {
  display: block;
  font-weight: 300;
  font-size: 1.1em;
  line-height: 1.5em;
}

/* line 4174, ../sass/screen.scss */
#contenuto-opera {
  margin-top: 30px;
}
@media (min-width: 768px) {
  /* line 4174, ../sass/screen.scss */
  #contenuto-opera {
    margin-top: 0px;
  }
}
/* line 4184, ../sass/screen.scss */
#contenuto-opera h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 50px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4192, ../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 4202, ../sass/screen.scss */
#contenuto-opera a:hover {
  background-color: #BDB69C;
}

/* line 4211, ../sass/screen.scss */
#media a {
  border: none;
  padding: 0px;
  margin-right: 0px;
}

/* line 4220, ../sass/screen.scss */
#pano1 {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 4227, ../sass/screen.scss */
#pano1 canvas {
  opacity: 1;
}

/* line 4237, ../sass/screen.scss */
.backstage-wrapper {
  margin-top: 30px;
}
/* line 4241, ../sass/screen.scss */
.backstage-wrapper h5 {
  font-weight: 600;
  margin: 0px;
  margin-bottom: 15px;
}
/* line 4247, ../sass/screen.scss */
.backstage-wrapper p {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4247, ../sass/screen.scss */
  .backstage-wrapper p {
    margin-right: 200px;
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  /* line 4247, ../sass/screen.scss */
  .backstage-wrapper p {
    margin-right: 200px;
    line-height: 2em;
  }
}

/* line 4269, ../sass/screen.scss */
.backstage-title h5 {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4269, ../sass/screen.scss */
  .backstage-title h5 {
    margin-right: 200px;
  }
}
@media (min-width: 992px) {
  /* line 4269, ../sass/screen.scss */
  .backstage-title h5 {
    margin-right: 200px;
  }
}
/* line 4281, ../sass/screen.scss */
.backstage-title p {
  margin-right: 0px;
}
@media (min-width: 768px) {
  /* line 4281, ../sass/screen.scss */
  .backstage-title p {
    margin-right: 200px;
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  /* line 4281, ../sass/screen.scss */
  .backstage-title p {
    margin-right: 200px;
    line-height: 2em;
  }
}

/* line 4308, ../sass/screen.scss */
#related h3 {
  font-weight: 600;
  font-size: 1.8em;
  margin-top: 25px;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 4316, ../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 4326, ../sass/screen.scss */
#related a:hover {
  background-color: #BDB69C;
}

/* line 4337, ../sass/screen.scss */
.smooth_zoom_preloader {
  background-image: url(../../../images/my-brera/preloader.gif);
}

/* line 4340, ../sass/screen.scss */
.smooth_zoom_icons {
  background-image: url(../../../images/my-brera/icons.png);
}

/* line 4347, ../sass/screen.scss */
#zoom_container .landmarks {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
}

/* line 4354, ../sass/screen.scss */
#zoom_container .landmarks .item {
  position: absolute;
  text-align: center;
  display: none;
}

/* line 4362, ../sass/screen.scss */
.legenda-mappa {
  padding-left: 0px;
}
@media (min-width: 768px) {
  /* line 4362, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  /* line 4362, ../sass/screen.scss */
  .legenda-mappa {
    padding-left: 30px;
  }
}
/* line 4372, ../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 4372, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  /* line 4372, ../sass/screen.scss */
  .legenda-mappa li {
    font-size: 1.5em;
  }
}
/* line 4389, ../sass/screen.scss */
.legenda-mappa li img {
  float: left;
}
/* line 4393, ../sass/screen.scss */
.legenda-mappa li div {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
/* line 4400, ../sass/screen.scss */
.legenda-mappa li:after {
  display: none;
}

/* line 4410, ../sass/screen.scss */
body.page-template-opere-capolavori {
  background-color: #444444;
}

/* line 4415, ../sass/screen.scss */
.page-template-opere-capolavori #breadcrumb {
  background-color: #444444;
  color: #FFF;
}
/* line 4420, ../sass/screen.scss */
.page-template-opere-capolavori #footer {
  background-color: #eceded;
}
/* line 4424, ../sass/screen.scss */
.page-template-opere-capolavori h5 {
  font-family: "Merriweather";
  width: 90%;
  color: #867d76;
}
/* line 4430, ../sass/screen.scss */
.page-template-opere-capolavori p {
  color: #867d76;
}
/* line 4434, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box {
  border: none;
  padding-bottom: 0px;
}
/* line 4438, ../sass/screen.scss */
.page-template-opere-capolavori .artwork-box img {
  margin-bottom: 3px;
}
/* line 4442, ../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 4450, ../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 4462, ../sass/screen.scss */
.page-template-opere-capolavori #opere-wrapper #opere-wrapper-ajax .grid-sizer {
  width: 50%;
}
/* line 4472, ../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 4490, ../sass/screen.scss */
#restauri-sidebar {
  margin-top: 30px;
}

/* line 4493, ../sass/screen.scss */
#box-restauro {
  margin-bottom: 30px;
}
/* line 4496, ../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 4505, ../sass/screen.scss */
#box-restauro p {
  color: #fff;
}
/* line 4510, ../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 4513, ../sass/screen.scss */
#box-restauro a.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}
/* line 4517, ../sass/screen.scss */
#box-restauro a.read-more:hover {
  color: #BDB69C;
}
/* line 4523, ../sass/screen.scss */
#box-restauro hover.read-more {
  color: #fff;
}
/* line 4528, ../sass/screen.scss */
#box-restauro .container-fluid {
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-bottom: 40px;
}

/* line 4539, ../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 4549, ../sass/screen.scss */
#restauri-single-content a:hover {
  background-color: #BDB69C;
}

/* line 4564, ../sass/screen.scss */
#explore-brera-desktop-mobile {
  min-height: 115px;
  border: none;
}
@media (min-width: 768px) {
  /* line 4564, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 115px;
  }
}
@media (min-width: 992px) {
  /* line 4564, ../sass/screen.scss */
  #explore-brera-desktop-mobile {
    min-height: 395px;
    color: #867d76;
    position: relative;
  }
}
/* line 4582, ../sass/screen.scss */
#explore-brera-desktop-mobile h1 {
  color: #867d76;
}
/* line 4586, ../sass/screen.scss */
#explore-brera-desktop-mobile span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 4594, ../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 4611, ../sass/screen.scss */
#widget-explore-mobile {
  position: absolute;
  left: -15px;
  bottom: 0px;
}
@media (min-width: 768px) {
  /* line 4611, ../sass/screen.scss */
  #widget-explore-mobile {
    bottom: 0px;
  }
}
@media (min-width: 992px) {
  /* line 4611, ../sass/screen.scss */
  #widget-explore-mobile {
    width: 100%;
    bottom: 15px;
  }
}

/* line 4633, ../sass/screen.scss */
.altissima-definizione-generale .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4633, ../sass/screen.scss */
  .altissima-definizione-generale .grid-sizer {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  /* line 4633, ../sass/screen.scss */
  .altissima-definizione-generale .grid-sizer {
    width: 25%;
  }
}

/* line 4652, ../sass/screen.scss */
.altissima .artwork-box {
  background-color: #000;
}

/* line 4659, ../sass/screen.scss */
.altissima-opera-container {
  background-color: #000;
}
/* line 4662, ../sass/screen.scss */
.altissima-opera-container p {
  color: #867d76;
}
/* line 4664, ../sass/screen.scss */
.altissima-opera-container p strong {
  color: #867d76;
}
/* line 4669, ../sass/screen.scss */
.altissima-opera-container #breadcrumb {
  background-color: #000;
  color: #fff;
}
/* line 4674, ../sass/screen.scss */
.altissima-opera-container .info-opera {
  color: #867d76;
}

@media (min-width: 768px) {
  /* line 4686, ../sass/screen.scss */
  #educazione {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 4697, ../sass/screen.scss */
#educazione h2 {
  color: #867d76;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* line 4707, ../sass/screen.scss */
.educazione-menu {
  border-bottom: 1px solid #867d76;
}
/* line 4710, ../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 4722, ../sass/screen.scss */
.educazione-menu a:hover {
  background-color: #BDB69C;
}
/* line 4728, ../sass/screen.scss */
.educazione-menu a.active {
  background-color: #BDB69C;
}

/* line 4734, ../sass/screen.scss */
.educazione-box {
  margin-bottom: 30px;
}
/* line 4737, ../sass/screen.scss */
.educazione-box img {
  width: 100%;
  height: auto;
}
/* line 4743, ../sass/screen.scss */
.educazione-box .container-fluid {
  border: solid 1px #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -2px;
}

/* line 4755, ../sass/screen.scss */
#educazione-content {
  margin-top: 30px;
}
/* line 4759, ../sass/screen.scss */
#educazione-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4759, ../sass/screen.scss */
  #educazione-content .grid-sizer {
    width: 50%;
  }
}
/* line 4766, ../sass/screen.scss */
#educazione-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2em;
  text-transform: none;
  color: #867d76;
  margin-bottom: 10px;
}

/* line 4776, ../sass/screen.scss */
.data-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}
/* line 4783, ../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 4798, ../sass/screen.scss */
.categoria-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 10px;
}
/* line 4805, ../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 4820, ../sass/screen.scss */
.laboratorio-educazione {
  color: #867d76;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 10px;
}
/* line 4827, ../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 4843, ../sass/screen.scss */
.meta-euducazione {
  display: block;
  margin-bottom: 15px;
}

/* line 4848, ../sass/screen.scss */
.firma-euducazione {
  display: block;
  border-top: solid 1px #867d76;
  padding: 15px;
  padding-bottom: 0px;
}
/* line 4854, ../sass/screen.scss */
.firma-euducazione span {
  text-transform: uppercase;
  display: block;
}

/* line 4861, ../sass/screen.scss */
.educazione-content-box {
  position: relative;
  padding-bottom: 40px;
}
/* line 4865, ../sass/screen.scss */
.educazione-content-box a.read-more {
  right: 15px;
}

/* line 4870, ../sass/screen.scss */
#box-educazione {
  margin-bottom: 30px;
}
/* line 4873, ../sass/screen.scss */
#box-educazione p, #box-educazione h2 {
  color: #fff;
}
/* line 4877, ../sass/screen.scss */
#box-educazione a.read-more {
  color: #fff;
  right: 30px;
}
/* line 4880, ../sass/screen.scss */
#box-educazione a.read-more:after {
  background: url(../../../images/my-brera/read-more-white.png);
}
/* line 4885, ../sass/screen.scss */
#box-educazione .container-fluid {
  background-color: #867d76;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-bottom: 40px;
}

/* line 4895, ../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 4909, ../sass/screen.scss */
#educazione-content-single .firma-euducazione {
  padding-left: 0px;
}
/* line 4913, ../sass/screen.scss */
#educazione-content-single .gallery {
  margin-top: 30px;
}
/* line 4917, ../sass/screen.scss */
#educazione-content-single .pdf-documents {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 4925, ../sass/screen.scss */
.educazione-single-img {
  display: block;
  text-align: center;
}
/* line 4930, ../sass/screen.scss */
.educazione-single-img img {
  max-height: 500px;
  max-width: 100%;
  width: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 4942, ../sass/screen.scss */
.educazione-single-meta {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
/* line 4947, ../sass/screen.scss */
.educazione-single-meta span {
  font-weight: 300;
}

/* line 4953, ../sass/screen.scss */
.izitravel {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-top: 15px;
}

/* line 4960, ../sass/screen.scss */
#izitravel-img img {
  margin-bottom: 5px;
  margin-right: 16px;
  margin-top: 15px;
  text-align: center;
}

/* line 4974, ../sass/screen.scss */
#mostre-content {
  margin-top: 30px;
}
/* line 4977, ../sass/screen.scss */
#mostre-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 4977, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 4977, ../sass/screen.scss */
  #mostre-content .grid-sizer {
    width: 25%;
  }
}
/* line 4998, ../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 5008, ../sass/screen.scss */
#mostre-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

/* line 5016, ../sass/screen.scss */
.mostre-box {
  margin-bottom: 30px;
}
/* line 5019, ../sass/screen.scss */
.mostre-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5026, ../sass/screen.scss */
.mostre-box-inside {
  background-color: #fff;
  padding-bottom: 30px;
}

/* line 5034, ../sass/screen.scss */
#mostre-content-single h5 {
  margin-bottom: 15px;
}
/* line 5038, ../sass/screen.scss */
#mostre-content-single img {
  margin-bottom: 15px;
}
/* line 5042, ../sass/screen.scss */
#mostre-content-single .wp-caption-text {
  margin-top: -8px;
}

/* line 5050, ../sass/screen.scss */
.explore-brera-desktop {
  background-color: #867d76;
  min-height: 411px;
  position: relative;
}
/* line 5058, ../sass/screen.scss */
.explore-brera-desktop h1 {
  color: #FFF;
}

/* line 5064, ../sass/screen.scss */
.box-info {
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 5064, ../sass/screen.scss */
  .box-info {
    margin-top: 00px;
  }
}

/* line 5074, ../sass/screen.scss */
#explore-brera-desktop-mostre {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5074, ../sass/screen.scss */
  #explore-brera-desktop-mostre {
    color: #867d76;
    position: relative;
  }
}
/* line 5090, ../sass/screen.scss */
#explore-brera-desktop-mostre h1 {
  color: #867d76;
}
/* line 5094, ../sass/screen.scss */
#explore-brera-desktop-mostre span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5102, ../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 5116, ../sass/screen.scss */
#explore-brera-desktop-mostre strong {
  display: block;
  color: #000;
  margin-bottom: 5px;
  display: block;
}
/* line 5124, ../sass/screen.scss */
#explore-brera-desktop-mostre p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5129, ../sass/screen.scss */
#explore-brera-desktop-mostre .left {
  border-right: solid 1px #867d76;
}

/* line 5137, ../sass/screen.scss */
#widget-explore-mostre {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5137, ../sass/screen.scss */
  #widget-explore-mostre {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5137, ../sass/screen.scss */
  #widget-explore-mostre {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5151, ../sass/screen.scss */
#widget-explore-mostre a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5156, ../sass/screen.scss */
#widget-explore-mostre a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5161, ../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 5173, ../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 5185, ../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 5204, ../sass/screen.scss */
#dialoghi-content {
  margin-top: 30px;
}
/* line 5207, ../sass/screen.scss */
#dialoghi-content .grid-sizer-mostre {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5207, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5207, ../sass/screen.scss */
  #dialoghi-content .grid-sizer-mostre {
    width: 25%;
  }
}
/* line 5228, ../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 5238, ../sass/screen.scss */
#dialoghi-content p {
  font-family: "Playfair Display";
  font-size: 1.2em;
  color: #867d76;
}

/* line 5246, ../sass/screen.scss */
.dialoghi-box {
  margin-bottom: 30px;
}
/* line 5249, ../sass/screen.scss */
.dialoghi-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5256, ../sass/screen.scss */
.dialoghi-box-inside {
  background-color: #fff;
  padding-bottom: 30px;
}

/* line 5261, ../sass/screen.scss */
.grid-sizer-dialoghi {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5261, ../sass/screen.scss */
  .grid-sizer-dialoghi {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* line 5261, ../sass/screen.scss */
  .grid-sizer-dialoghi {
    width: 25%;
  }
}

/* line 5278, ../sass/screen.scss */
#dialoghi-content-single h1 {
  margin-right: 50px;
}
/* line 5282, ../sass/screen.scss */
#dialoghi-content-single h5 {
  margin-bottom: 15px;
}
/* line 5286, ../sass/screen.scss */
#dialoghi-content-single img {
  margin-bottom: 15px;
}
/* line 5290, ../sass/screen.scss */
#dialoghi-content-single .wp-caption-text {
  margin-top: -8px;
}
/* line 5294, ../sass/screen.scss */
#dialoghi-content-single img.full-width {
  width: 70%;
}
/* line 5298, ../sass/screen.scss */
#dialoghi-content-single .aligncenter {
  height: auto;
  margin-left: 30px;
  width: 90%;
  float: center;
}

/* line 5309, ../sass/screen.scss */
#explore-brera-desktop {
  background-color: #867d76;
  min-height: 436px;
  position: relative;
}
/* line 5317, ../sass/screen.scss */
#explore-brera-desktop h1 {
  color: #FFF;
}

/* line 5323, ../sass/screen.scss */
.box-info {
  margin-top: 15px;
}
@media (min-width: 768px) {
  /* line 5323, ../sass/screen.scss */
  .box-info {
    margin-top: 00px;
  }
}

/* line 5333, ../sass/screen.scss */
#explore-brera-desktop-dialoghi {
  min-height: 115px;
  border: solid 1px #867d76;
}
@media (min-width: 992px) {
  /* line 5333, ../sass/screen.scss */
  #explore-brera-desktop-dialoghi {
    color: #867d76;
    position: relative;
  }
}
/* line 5349, ../sass/screen.scss */
#explore-brera-desktop-dialoghi h1 {
  color: #867d76;
}
/* line 5353, ../sass/screen.scss */
#explore-brera-desktop-dialoghi span {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 42px;
  display: inline-block;
}
/* line 5361, ../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 5375, ../sass/screen.scss */
#explore-brera-desktop-dialoghi strong {
  display: block;
  color: #000;
  display: block;
}
/* line 5382, ../sass/screen.scss */
#explore-brera-desktop-dialoghi p {
  margin-bottom: 0px;
  font-size: 1em;
}
/* line 5387, ../sass/screen.scss */
#explore-brera-desktop-dialoghi .left {
  border-right: solid 1px #867d76;
}

/* line 5395, ../sass/screen.scss */
#widget-explore-dialoghi {
  padding-top: 15px;
  left: 0px;
  bottom: 20px;
}
@media (min-width: 768px) {
  /* line 5395, ../sass/screen.scss */
  #widget-explore-dialoghi {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  /* line 5395, ../sass/screen.scss */
  #widget-explore-dialoghi {
    width: 100%;
    bottom: 15px;
  }
}
/* line 5409, ../sass/screen.scss */
#widget-explore-dialoghi a.widget {
  color: #FFF;
  border: solid 1px #FFF;
}
/* line 5414, ../sass/screen.scss */
#widget-explore-dialoghi a#tickets span:before {
  background: url(../../../images/my-brera/tickets.png);
}
/* line 5419, ../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 5431, ../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 5443, ../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 5457, ../sass/screen.scss */
#share-icon {
  margin-left: 0;
}

/* line 5470, ../sass/screen.scss */
#menu-filtri {
  display: none;
}
@media (min-width: 768px) {
  /* line 5470, ../sass/screen.scss */
  #menu-filtri {
    display: block;
  }
}

/* line 5478, ../sass/screen.scss */
#attivita-content {
  margin-top: 30px;
}
/* line 5481, ../sass/screen.scss */
#attivita-content .grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 5481, ../sass/screen.scss */
  #attivita-content .grid-sizer {
    width: 50%;
  }
}
/* line 5490, ../sass/screen.scss */
#attivita-content h2 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 2em;
  text-transform: none;
  color: #000;
  margin-bottom: 10px;
}
/* line 5499, ../sass/screen.scss */
#attivita-content span.data-educazione {
  color: #000;
}
/* line 5502, ../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 5516, ../sass/screen.scss */
#attivita-content a.read-more {
  color: #000;
  bottom: 45px;
}
/* line 5520, ../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 5531, ../sass/screen.scss */
#attivita-content .mostre-box-inside {
  border: solid 1px #867d76;
  padding-bottom: 60px;
}

/* line 5537, ../sass/screen.scss */
.attivita-box {
  margin-bottom: 30px;
}
/* line 5540, ../sass/screen.scss */
.attivita-box img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* line 5549, ../sass/screen.scss */
.mostre-box-inside.eventi {
  background-color: #d4d6ca;
}

/* line 5553, ../sass/screen.scss */
.mostre-box-inside.conferenze {
  background-color: #867d76;
}

/* line 5557, ../sass/screen.scss */
.mostre-box-inside.presentazioni {
  background-color: #FFF;
}

/* line 5561, ../sass/screen.scss */
.mostre-box-inside.proiezioni {
  background-color: #e2e0da;
}

/* line 5565, ../sass/screen.scss */
.mostre-box-inside.aperture-speciali {
  background-color: #eceded;
}

/* line 5572, ../sass/screen.scss */
.attivita-thumb {
  position: relative;
}
/* line 5575, ../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 5593, ../sass/screen.scss */
.orario-attivita {
  color: #000;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
}
/* line 5600, ../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 5615, ../sass/screen.scss */
.prezzo-culturali {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  width: 100%;
  padding: 15px;
  padding-bottom: 0px;
}
/* line 5624, ../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 5634, ../sass/screen.scss */
.categoria-attivita {
  display: block;
  margin-bottom: 5px;
  border-bottom: solid 1px #867d76;
  text-transform: uppercase;
  font-weight: 700;
  color: #867d76;
}

/* line 5648, ../sass/screen.scss */
#news-content {
  margin-top: 30px;
}

/* line 5651, ../sass/screen.scss */
.news-box {
  margin-bottom: 30px;
  position: relative;
}

/* line 5655, ../sass/screen.scss */
.inner-news {
  position: relative;
}
/* line 5658, ../sass/screen.scss */
.inner-news .read-more {
  right: 30px;
  color: #fff;
}
/* line 5661, ../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 5672, ../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 5672, ../sass/screen.scss */
  .news-date {
    font-size: 2em;
  }
}

/* line 5687, ../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 5696, ../sass/screen.scss */
.display-table {
  display: table;
  height: 100%;
  width: 100%;
  padding: 15px;
}
/* line 5702, ../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 5702, ../sass/screen.scss */
  .display-table h2 {
    font-size: 2.5em !important;
  }
}

/* line 5721, ../sass/screen.scss */
#calendar-small {
  position: relative;
}

/* line 5725, ../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 5737, ../sass/screen.scss */
.calendario-box {
  border-bottom: solid 1px #867d76;
}

/* line 5743, ../sass/screen.scss */
.calendario-data {
  padding-top: 30px;
  padding-left: 0px;
}
/* line 5747, ../sass/screen.scss */
.calendario-data h3 {
  font-weight: 700;
  font-size: 1.5em;
  color: #867d76;
  margin-bottom: 15px;
}
/* line 5754, ../sass/screen.scss */
.calendario-data .orario-attivita {
  font-weight: 300;
  color: #867d76;
  text-transform: uppercase;
}

/* line 5761, ../sass/screen.scss */
.calendario-content {
  padding-right: 0px;
  border-left: none;
  padding-left: 0px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}
/* line 5769, ../sass/screen.scss */
.calendario-content h2 {
  margin-bottom: 20px !important;
}
/* line 5773, ../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 5785, ../sass/screen.scss */
.calendario-content .read-more {
  right: 15px;
  bottom: 15px;
}
@media (min-width: 768px) {
  /* line 5761, ../sass/screen.scss */
  .calendario-content {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

/* line 5799, ../sass/screen.scss */
.navigazione-mese {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* line 5803, ../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 5814, ../sass/screen.scss */
.navigazione-mese a:hover {
  background-color: #BDB69C;
}
/* line 5820, ../sass/screen.scss */
.navigazione-mese a.active {
  background-color: #BDB69C;
}
@media (min-width: 992px) {
  /* line 5799, ../sass/screen.scss */
  .navigazione-mese {
    margin-top: 0px;
  }
}

/* line 5840, ../sass/screen.scss */
#risultati-ricerca {
  margin-top: 30px;
}
/* line 5843, ../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 5856, ../sass/screen.scss */
#risultati-ricerca h3 {
  font-family: "Raleway";
  font-size: 1.5em;
  margin-bottom: 15px;
  color: #867d76;
}

/* line 5865, ../sass/screen.scss */
.ricerca-box {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #867d76;
}
/* line 5870, ../sass/screen.scss */
.ricerca-box a.read-more {
  margin-top: 15px;
  position: relative;
  float: right;
}

/* line 5879, ../sass/screen.scss */
.thumb-ricerca {
  padding-left: 0px;
}

/* line 5888, ../sass/screen.scss */
.press-info {
  margin-bottom: 30px;
}

/* line 5898, ../sass/screen.scss */
#press-archive-content h1 span {
  font-size: 1em;
}
/* line 5907, ../sass/screen.scss */
#press-archive-content h2 {
  color: #867d76;
  font-family: "Raleway";
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 10px;
}
/* line 5916, ../sass/screen.scss */
#press-archive-content #explore-brera-desktop-calendar {
  min-height: 400px;
  padding-top: 250px;
}

/* line 5922, ../sass/screen.scss */
.rassegna-box {
  border-bottom: solid 1px #867d76;
}

/* line 5926, ../sass/screen.scss */
.data-rassegna {
  padding-left: 0px;
  padding-top: 30px;
}
/* line 5930, ../sass/screen.scss */
.data-rassegna h3 {
  font-weight: 700;
  font-size: 1.3em;
  color: #867d76;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  /* line 5930, ../sass/screen.scss */
  .data-rassegna h3 {
    font-size: 1.5em;
  }
}
/* line 5945, ../sass/screen.scss */
.data-rassegna span {
  display: inline-block;
  background-color: #867d76;
  padding: 5px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.9em;
}

/* line 5956, ../sass/screen.scss */
.contenuto-rassegna {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 130px;
  padding-left: 0px;
}
/* line 5962, ../sass/screen.scss */
.contenuto-rassegna p {
  width: 100% !important;
  font-weight: 300;
}
/* line 5967, ../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 5956, ../sass/screen.scss */
  .contenuto-rassegna {
    border-left: solid 1px #867d76;
    padding-left: 15px;
  }
}

/* line 5989, ../sass/screen.scss */
.download-rassegna {
  padding-top: 30px;
  text-align: right;
  padding-right: 0px;
}

/* line 5996, ../sass/screen.scss */
#calendario-mesi {
  position: relative;
  border: solid 1px #867d76;
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 30px;
}
/* line 6006, ../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 6023, ../sass/screen.scss */
.calendario-anno {
  font-size: 2em;
  color: #867d76;
}
/* line 6024, ../sass/screen.scss */
.calendario-anno a {
  display: inline-block;
  cursor: pointer;
}
/* line 6029, ../sass/screen.scss */
.calendario-anno span {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 6039, ../sass/screen.scss */
.calendario-mesi {
  margin-top: 30px;
}
/* line 6041, ../sass/screen.scss */
.calendario-mesi div {
  padding-left: 5px;
  padding-right: 5px;
}
/* line 6046, ../sass/screen.scss */
.calendario-mesi a {
  display: block;
  padding: 5px;
  color: #867d76;
  margin-bottom: 15px;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 6054, ../sass/screen.scss */
.calendario-mesi a:hover {
  background-color: #BDB69C;
  color: #fff;
}
/* line 6059, ../sass/screen.scss */
.calendario-mesi a.active {
  background-color: #BDB69C;
  color: #fff;
}

/* line 6072, ../sass/screen.scss */
#press-login .pc_login_form {
  margin: 0 auto 20px;
  max-width: none;
  background-color: transparent;
  padding: 0;
  margin-top: 15px;
}
/* line 6080, ../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 6090, ../sass/screen.scss */
#press-login .pc_auth_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 6101, ../sass/screen.scss */
.pc_registration_form {
  max-width: none !important;
  background-color: transparent;
  padding: 0;
}

/* line 6107, ../sass/screen.scss */
.pc_one_col_form .pc_form_flist > li > label {
  width: 20%;
  font-weight: 300;
  color: #867d76;
}

/* line 6114, ../sass/screen.scss */
.pc_req_field {
  color: #736a68 !important;
}

/* line 6118, ../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 6126, ../sass/screen.scss */
.pc_check_wrap input, .pc_check_wrap label {
  float: left;
  font-weight: 300;
  color: #867d76;
}
/* line 6133, ../sass/screen.scss */
.pc_check_wrap label {
  margin-right: 15px;
  padding-top: 6px;
  width: auto !important;
}

/* line 6139, ../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 6151, ../sass/screen.scss */
.pc_logout_btn:hover,
.pc_reg_btn:hover {
  background-color: #BDB69C;
  opacity: 1;
}

/* line 6158, ../sass/screen.scss */
.comunicati-pdf {
  position: relative;
}
/* line 6160, ../sass/screen.scss */
.comunicati-pdf a {
  position: absolute;
  bottom: 30px;
  left: 0px;
}
/* line 6164, ../sass/screen.scss */
.comunicati-pdf a img {
  display: block;
  margin-bottom: 5px;
}

/* line 6171, ../sass/screen.scss */
.press-kit-image {
  padding-left: 0px;
  padding-bottom: 30px;
}

/* line 6176, ../sass/screen.scss */
.press-kit-contenuto {
  border-left: none;
}
/* line 6179, ../sass/screen.scss */
.press-kit-contenuto h3 {
  font-weight: 700;
  font-size: 1.5em;
  color: #867d76;
  margin-bottom: 15px;
}

/* line 6187, ../sass/screen.scss */
.press-kit-download {
  position: relative;
}
/* line 6189, ../sass/screen.scss */
.press-kit-download a {
  position: absolute;
  right: 0px;
  bottom: 30px;
}

/* line 6200, ../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 6212, ../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 6232, ../sass/screen.scss */
#twitterfeed {
  margin-top: 30px;
}
/* line 6234, ../sass/screen.scss */
#twitterfeed .grid-sizer {
  width: 33.3333333%;
}

/* line 6240, ../sass/screen.scss */
.twitter-box {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 20px;
  font-size: 1.5em;
  color: #867d76;
}
/* line 6247, ../sass/screen.scss */
.twitter-box img {
  margin-top: 15px;
}
/* line 6251, ../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 6260, ../sass/screen.scss */
.twitter-box i {
  display: block;
  text-align: center;
  font-size: 2em;
  color: #54abee;
  margin-bottom: 15px;
}

/* line 6280, ../sass/screen.scss */
#field_4_12,
#field_4_18,
#field_4_16 {
  margin-top: 36px;
}

/* line 6288, ../sass/screen.scss */
.gfield_label {
  font-weight: 300;
  font-size: 1.2em;
}

/* line 6294, ../sass/screen.scss */
.gform_wrapper table.gfield_list thead th {
  font-weight: normal !important;
  font-size: 0.95em  !important;
}

/* line 6301, ../sass/screen.scss */
.gform_wrapper form li, .gform_wrapper li {
  margin-top: 15px;
}

/* line 6305, ../sass/screen.scss */
#field_4_6 {
  float: left;
  margin-right: 30px;
}

/* line 6311, ../sass/screen.scss */
#field_4_7 {
  clear: unset;
}

/* line 6318, ../sass/screen.scss */
#field_4_19 {
  margin-top: 36px;
}

/* line 6324, ../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 6338, ../sass/screen.scss */
#field_4_20 input.medium {
  width: 97.5%;
}

/* line 6342, ../sass/screen.scss */
#field_4_21 input.medium {
  width: 97.5%;
}

/* line 6347, ../sass/screen.scss */
#field_4_7 input.medium {
  width: 79.5%;
}

/* line 6353, ../sass/screen.scss */
#field_5_20 input.medium {
  width: 97.5%;
}

/* line 6358, ../sass/screen.scss */
#field_5_21 input.medium {
  width: 97.5%;
}

/* line 6363, ../sass/screen.scss */
#field_5_22 input.medium {
  width: 97.5%;
}

/* line 6368, ../sass/screen.scss */
#field_5_23 input.medium {
  width: 97.5%;
}

/* line 6381, ../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 6381, ../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 6381, ../sass/screen.scss */
  #opere-image {
    margin-top: 113px;
    height: -webkit-calc(100vh - 113px);
    height: -moz-calc(100vh - 113px);
    height: calc(100vh - 113px);
  }
}

/* line 6403, ../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 6415, ../sass/screen.scss */
#metacontainer h1 {
  font-size: 1.7em;
  color: #eceded;
  max-width: 300px;
  margin-bottom: 15px;
  font-weight: 300;
  opacity: 0.8;
}
/* line 6424, ../sass/screen.scss */
#metacontainer h2 {
  color: #eceded;
  font-size: 1.3em;
  font-weight: 300;
  max-width: 300px;
  opacity: 0.6;
}

/* line 6433, ../sass/screen.scss */
#navigator {
  position: absolute;
  bottom: 30px;
  right: 15px;
  border: solid 1px #867d76;
  width: 200px;
  height: 200px;
}
@media (min-width: 768px) {
  /* line 6433, ../sass/screen.scss */
  #navigator {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 992px) {
  /* line 6433, ../sass/screen.scss */
  #navigator {
    width: 200px;
    height: 200px;
  }
}

/* line 6462, ../sass/screen.scss */
#navigator-container {
  width: 100%;
  height: 100%;
}

/* line 6468, ../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 6468, ../sass/screen.scss */
  .zoom {
    bottom: 200px;
  }
}
@media (min-width: 992px) {
  /* line 6468, ../sass/screen.scss */
  .zoom {
    bottom: 250px;
  }
}

/* line 6497, ../sass/screen.scss */
#zoomin {
  right: 15px;
}

/* line 6501, ../sass/screen.scss */
#zoomout {
  right: 40px;
}

/* line 6504, ../sass/screen.scss */
#zoomless,
#zoomplus {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 6511, ../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 6533, ../sass/screen.scss */
#header-height {
  height: 60px;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  /* line 6533, ../sass/screen.scss */
  #header-height {
    height: 100px;
    position: relative;
  }
}
@media (min-width: 992px) {
  /* line 6533, ../sass/screen.scss */
  #header-height {
    height: 118px;
  }
}

/* line 6549, ../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 6563, ../sass/screen.scss */
#css3-calc {
  width: 10px;
  width: -webkit-calc(10px + 10px);
  width: -moz-calc(10px + 10px);
  width: calc(10px + 10px);
  display: none;
}

/* line 6572, ../sass/screen.scss */
#lavoriamo-content {
  margin-top: 30px;
  margin-bottom: 50px;
}

/* line 6576, ../sass/screen.scss */
.lavoriamo-box {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #867d76;
}

/* line 6583, ../sass/screen.scss */
.content-staff {
  margin-top: 5px;
  display: none;
}

/* line 6588, ../sass/screen.scss */
a.openstaff {
  font-weight: 300;
  font-size: 1.5em;
  color: #867d76;
  display: block;
  position: relative;
}
/* line 6594, ../sass/screen.scss */
a.openstaff:hover {
  color: #736a68 !important;
}
/* line 6598, ../sass/screen.scss */
a.openstaff:after {
  font-family: "FontAwesome";
  content: "\f067";
  position: absolute;
  right: 0px;
  width: 10px;
  top: 6px;
  height: 10px;
  font-size: 0.5em;
}
/* line 6611, ../sass/screen.scss */
a.openstaff.active:after {
  content: "\f068";
}

/* line 6621, ../sass/screen.scss */
#media-content {
  margin-top: 30px;
  margin-bottom: 60px;
}

/* line 6626, ../sass/screen.scss */
.box-media {
  margin-bottom: 30px;
}
/* line 6628, ../sass/screen.scss */
.box-media .thumbnail-media {
  position: relative;
  margin-bottom: 10px;
}
/* line 6632, ../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 6648, ../sass/screen.scss */
.box-media .thumbnail-media:hover:after {
  opacity: 1;
}
/* line 6658, ../sass/screen.scss */
.box-media h3 {
  font-family: "Raleway";
  font-weight: 300;
  font-size: 1.8em;
  color: #867d76;
  margin-bottom: 10px;
}
/* line 6666, ../sass/screen.scss */
.box-media span {
  display: block;
  font-family: "Raleway";
  margin-bottom: 10px;
  font-size: 1em;
  color: #867d76;
}

/* line 6675, ../sass/screen.scss */
.video-player {
  padding-top: 150px;
  padding-bottom: 60px;
  background-color: #383e42;
}

/* line 6681, ../sass/screen.scss */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

/* line 6687, ../sass/screen.scss */
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 6695, ../sass/screen.scss */
#media-single {
  margin-bottom: 60px;
}

/* line 6700, ../sass/screen.scss */
#new-map {
  background-color: #fff;
  position: relative;
  width: 100%;
}

/* line 6709, ../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 6713, ../sass/screen.scss */
.overlay:hover {
  opacity: 0.3;
}
