@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap&.css";
@import "/css/blueprint/reset_clearfix.min.css";
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.close-menu {
  background: transparent url('/images/icons/close-menu.svg') no-repeat center center;
  height: 80px;
  width: 80px;
  display: inline-block;
}
.icon-toggle {
  background: transparent url('/images/icons/menu.svg') no-repeat center center;
  height: 31px;
  width: 33px;
  display: inline-block;
}
.previous-category-arrow {
  background: transparent url('/images/icons/prev-category.svg') no-repeat center center;
  height: 115px;
  width: 115px;
  display: inline-block;
  background-size: cover;
}
.previous-category-arrow:hover {
  background: transparent url('/images/icons/prev-category-hover.svg') no-repeat center center;
  background-size: cover;
}
.next-category-arrow {
  background: transparent url('/images/icons/next-category.svg') no-repeat center center;
  height: 115px;
  width: 115px;
  display: inline-block;
  background-size: cover;
}
.next-category-arrow:hover {
  background: transparent url('/images/icons/next-category-hover.svg') no-repeat center center;
  background-size: cover;
}
.audio {
  background: transparent url('/images/icons/audio.svg') no-repeat center center;
  height: 45px;
  width: 40px !important;
  display: inline;
}
.exhibition-details-icon {
  background: transparent url('/images/icons/exhibition-text.svg') no-repeat center center;
  height: 115px;
  width: 115px;
  display: inline-block;
  background-size: cover;
}
.exhibition-details-icon.opened {
  background: transparent url('/images/icons/exhibition-close.svg') no-repeat center center;
  background-size: cover;
}
#videoControl {
  background: transparent url('/images/icons/camera.png') no-repeat center center;
  height: 40px;
  width: 50px;
  display: inline-block;
}
#videoControl.paused {
  background: transparent url('/images/icons/camera-paused.png') no-repeat center center;
}
#audio-speaker {
  background: transparent url('/images/icons/headphones.png') no-repeat center center;
  height: 40px;
  width: 50px;
  display: inline-block;
  border: none !important;
}
* {
  font-family: 'Montserrat', Montserrat;
}
p,
span,
div,
h1,
h2,
h3,
h4,
h5,
a {
  font-family: 'Montserrat', Montserrat;
}
h1 {
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  text-align: left;
}
.wrapper {
  width: 100%;
  overflow-x: hidden;
}
.wrapper a {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  line-height: 29.26px;
  text-align: center;
  color: #c44b33;
}
.wrapper .main {
  margin-top: 98px;
}
.wrapper .content-photo-box {
  display: flex;
}
.wrapper .content-photo-box.mid {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wrapper .content-photo-box p {
  color: #383531;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}
.wrapper .content-photo-box:nth-of-type(2n+1) {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.wrapper .content-photo-box .content-box {
  background-color: #ccbfac;
  max-width: 50%;
  /*min-height: 375px;*/

}
.wrapper .content-photo-box .content-box p {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 370px;
  padding-right: 60px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.wrapper .content-photo-box .content-box.red {
  max-width: 100%;
  background-color: #c44b33;
}
.wrapper .content-photo-box .content-box.red p {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 121px;
  padding-right: 344px;
  color: white;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}
.wrapper .content-photo-box .news-box-photo {
  width: 100%;
  min-height: 335px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wrapper .content-photo-box .news-box-photo.first {
  background: url('/images/_theme/1right.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  min-width: 50%;
}
.wrapper .content-photo-box .news-box-photo.seconde {
  background: url('/images/_theme/2left.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  min-width: 38%;
  min-height: 375px;
}
.wrapper .content-photo-box .news-box-photo.third {
  background: url('/images/_theme/3right.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  min-width: 50%;
}
.wrapper .content-photo-box .news-box-photo img {
  width: 100%;
  min-height: 100%;
}
.wrapper .downn-content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center !important;
  margin-bottom: 80px;
  margin-top: 133px;
}
.wrapper .downn-content .info p span {
  display: inline-block;
}
.wrapper .downn-content .heading {
  margin-bottom: 90px;
}
.wrapper .downn-content p {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 400;
  line-height: 29.26px;
  text-align: center;
  padding-bottom: 20px;
  color: #383531;
}
.wrapper .downn-content h3 {
  font-family: Montserrat;
  font-size: 26px;
  font-weight: 600;
  line-height: 46.8px;
  text-align: center;
  text-align: center;
}
.wrapper .header {
  /* width: 782px;*/
  max-width: 1024px;
  margin: 0 auto;
  /*   ALIGN-ITEMS: CENTER;*/
  margin-top: 137px;
}
.wrapper .header .content {
  text-align: left;
}
.wrapper .header .content h1 {
  margin-top: -10px;
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  text-align: left;
  margin-left: -147px;
}
.wrapper .logo {
  background: url('/images/_theme/logoCeGrad.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  min-width: 222.12px;
  height: 245.01px;
  background-position: left;
}
.wrapper .footer {
  background: url(/images/_theme/footerBackground.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 340px;
  background-position: bottom;
}
.wrapper .footer img {
  width: 100%;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
       * Don't show links for images, or javascript/internal links
       */
  
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px), only screen and (max-width: 767px) {
  .wrapper .main {
    margin-top: 20px;
  }
  .wrapper .footer {
    background: url(/images/_theme/mobile-footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 262px;
    background-position: bottom;
    bottom: 0;
  }
  .wrapper .footer img {
    width: 100%;
  }
  .wrapper .header {
    margin: 0px;
    margin-top: 87px;
  }
  .wrapper .header .content {
    padding: 24px;
  }
  .wrapper .header .content h1 {
    margin-left: 0px;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
  }
  .wrapper .uk-first-column {
    padding: 0px;
  }
  .wrapper .logo {
    width: 91px;
    height: 100px;
    background-position: center;
    margin: 0 auto;
  }
  .wrapper .downn-content {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .wrapper .downn-content .info {
    padding: 50px;
    padding-top: 10px;
  }
  .wrapper .downn-content .info p {
    font-size: 22px;
    padding-bottom: 25px;
  }
  .wrapper .downn-content .info p span {
    display: block;
  }
  .wrapper .downn-content .heading {
    padding: 30px;
    margin-bottom: 0px;
  }
  .wrapper .downn-content .heading h3 {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    text-align: center;
  }
  .wrapper .downn-content .heading p {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 400;
    line-height: 26.82px;
    text-align: center;
  }
  .wrapper .content-photo-box {
    display: inline-flex;
  }
  .wrapper .content-photo-box .news-box-photo {
    width: 100%;
    min-height: 375px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .wrapper .content-photo-box .news-box-photo.first {
    background: url('/images/_theme/1mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 50%;
  }
  .wrapper .content-photo-box .news-box-photo.seconde {
    background: url('/images/_theme/2mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 40%;
  }
  .wrapper .content-photo-box .news-box-photo.third {
    background: url('/images/_theme/3mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 50%;
  }
  .wrapper .content-photo-box .news-box-photo img {
    width: 100%;
    min-height: 100%;
  }
  .wrapper .content-photo-box .content-box {
    max-width: 100%;
  }
  .wrapper .content-photo-box .content-box p {
    padding: 27px;
    transform: unset;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .wrapper .content-photo-box .content-box.red p {
    padding: 27px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .wrapper .content-photo-box:nth-of-type(n) {
    flex-direction: column;
    justify-content: space-between;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 767px) and (max-width: 959px), only screen and (min-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (min-resolution: 192dpi) and (min-width: 767px) and (max-width: 959px), only screen and (min-resolution: 2dppx) and (min-width: 767px) and (max-width: 959px), only screen and (min-width: 767px) and (max-width: 959px) {
  .wrapper .main {
    margin-top: 20px;
  }
  .wrapper .header {
    margin: 0px;
    margin-top: 87px;
  }
  .wrapper .header .content {
    padding: 24px;
  }
  .wrapper .header .content h1 {
    margin-left: 0px;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
  }
  .wrapper .uk-first-column {
    padding: 0px;
  }
  .wrapper .logo {
    width: 91px;
    height: 100px;
    background-position: center;
    margin: 0 auto;
  }
  .wrapper .downn-content {
    margin-top: 10px;
  }
  .wrapper .downn-content .info {
    padding: 50px;
  }
  .wrapper .downn-content .heading {
    padding: 30px;
    margin-bottom: 0px;
  }
  .wrapper .downn-content .heading h3 {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    text-align: center;
  }
  .wrapper .downn-content .heading p {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 400;
    line-height: 26.82px;
    text-align: center;
  }
  .wrapper .content-photo-box {
    display: inline-flex;
  }
  .wrapper .content-photo-box .news-box-photo {
    width: 100%;
    min-height: 375px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .wrapper .content-photo-box .news-box-photo.first {
    background: url('/images/_theme/1mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 50%;
  }
  .wrapper .content-photo-box .news-box-photo.seconde {
    background: url('/images/_theme/2mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 40%;
  }
  .wrapper .content-photo-box .news-box-photo.third {
    background: url('/images/_theme/3mobile.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    min-width: 50%;
  }
  .wrapper .content-photo-box .news-box-photo img {
    width: 100%;
    min-height: 100%;
  }
  .wrapper .content-photo-box .content-box {
    max-width: 100%;
  }
  .wrapper .content-photo-box .content-box p {
    padding: 140px;
    transform: unset;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
  }
  .wrapper .content-photo-box .content-box.red p {
    padding: 140px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
  }
  .wrapper .content-photo-box:nth-of-type(n) {
    flex-direction: column;
    justify-content: space-between;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1700px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1700px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1700px), only screen and (min-width: 960px) and (max-width: 1700px) {
  body .wrapper .content-photo-box .content-box.red p {
    padding-left: 80px;
    padding-right: 100px;
  }
  body .wrapper .content-photo-box .content-box p {
    padding-bottom: 80px;
    padding-left: 150px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1500px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1500px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1500px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1500px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1500px), only screen and (min-width: 960px) and (max-width: 1500px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1300px), only screen and (min-width: 960px) and (max-width: 1300px) {
  body .wrapper .header .content h1 {
    font-size: 32px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px) and (max-width: 2561px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 1921px) and (max-width: 2561px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1921px) and (max-width: 2561px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px) and (max-width: 2561px), only screen and (min-resolution: 192dpi) and (min-width: 1921px) and (max-width: 2561px), only screen and (min-resolution: 2dppx) and (min-width: 1921px) and (max-width: 2561px), only screen and (min-width: 1921px) and (max-width: 2561px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1195px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1195px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1195px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1195px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1195px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1195px), only screen and (min-width: 960px) and (max-width: 1195px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1100px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1100px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1100px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1100px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1100px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1100px), only screen and (min-width: 960px) and (max-width: 1100px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1280px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1280px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1280px), only screen and (min-width: 960px) and (max-width: 1280px) {
  
}