/*
<!-----------------------coded by---------------------------+
|    _                  _                _         _        |
|   | | ___ _ __   __ _| |__   __ _ _ __| |_   ___| | __    |
|   | |/ _ \ '_ \ / _` | '_ \ / _` | '__| __| / __| |/ /    |
|   | |  __/ | | | (_| | | | | (_| | |  | |_ _\__ \   <     |
|   |_|\___|_| |_|\__, |_| |_|\__,_|_|   \__(_)___/_|\_\    |
|                 |___/                                     |
|                                                           |
+----------------------------------------------------------->
*/
/*==================================MIXINS=====================================*/
/*==================================KEYFRAMES===================================*/
/*==================================RESET======================================*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*:focus {
  outline: none; }

img {
  max-width: 100%; }

a {
  display: inline-block;
  text-decoration: none; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none; }

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0; }

/*==================================PATHS======================================*/
/*==================================FONTS======================================*/
/*==================================COLORS=====================================*/
::selection {
  color: white;
  background-color: black; }

::-moz-selection {
  color: transparent;
  background-color: black; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #D3D3D3;
  opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #D3D3D3;
  opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #D3D3D3;
  opacity: 1; }
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #D3D3D3;
  opacity: 1; }

/*==================================DECLARATIONS===============================*/
html, body {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400; }

body.overflow {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

.container-fluid {
  width: 100%;
  margin-right: 85px;
  margin-left: 85px; }

.row {
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

/*==================================SVG========================================*/
/*==================================ELEMENTS===================================*/
h1 {
  font-weight: 100;
  font-size: 45px;
  color: #464646; }

h2 {
  font-size: 35px;
  font-weight: 100;
  color: #464646; }

h3 {
  font-size: 25px;
  font-weight: 100;
  color: #464646; }

p {
  font-size: 16px;
  color: #464646;
  line-height: 19px;
  font-weight: 300; }
  p strong {
    font-weight: 700; }

.input {
  width: 300px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #464646;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 5px; }
  .input.border {
    border: 1px solid #D3D3D3; }

.textarea {
  background: white;
  margin: 0 5px;
  width: 100%;
  height: 160px;
  resize: none;
  font-size: 16px;
  color: #464646;
  padding: 30px 20px;
  line-height: 19px;
  box-sizing: border-box;
  max-width: 610px; }

.submit {
  cursor: pointer;
  background: #464646;
  height: 60px;
  line-height: 60px;
  color: white;
  text-align: center;
  width: 140px;
  font-size: 16px; }

.overflow--bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(54, 54, 54, 0.5);
  z-index: 200; }

.popup--style {
  background: white;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 300;
  left: 0;
  top: 0;
  overflow-x: auto; }
  .popup--style .close {
    font-size: 18px;
    color: #464646;
    padding-right: 40px;
    position: absolute;
    top: 40px;
    right: 50px;
    cursor: pointer;
    z-index: 400;
    height: 26px;
    line-height: 26px;
    background: url(../img/close.svg) no-repeat center right;
    background-size: 26px 26px; }
  .popup--style .items .item {
    padding-bottom: 50px; }
    .popup--style .items .item .image {
      padding: 60px 0;
      text-align: center; }
    .popup--style .items .item .info {
      text-align: center; }
      .popup--style .items .item .info h1 {
        padding-bottom: 10px; }
      .popup--style .items .item .info p {
        font-size: 20px; }

/*==================================HEADER=====================================*/
header {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  header.active {
    box-shadow: 0 30px 70px 0 rgba(0, 0, 0, 0.35); }
  header .flex {
    justify-content: space-between;
    align-items: center;
    height: 100px;
    margin: 0 100px; }
    header .flex .logo {
      font-size: 0; }
      header .flex .logo a {
        font-size: 0;
        width: 223px; }
    header .flex .menu {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      header .flex .menu .social {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
        header .flex .menu .social a {
          margin: 0 9px; }
      header .flex .menu .burger {
        margin-left: 80px;
        width: 80px; }
        header .flex .menu .burger .button {
          height: 24px;
          line-height: 24px;
          padding-right: 35px;
          background: url(../img/menu.svg) no-repeat center right;
          background-size: 23px 23px;
          font-size: 18px;
          color: #464646;
          cursor: pointer;
          -webkit-transition: all 0.3s ease-in;
          -moz-transition: all 0.3s ease-in;
          -ms-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in; }
          header .flex .menu .burger .button.close {
            background: url(../img/close.svg) no-repeat center right;
            background-size: 23px 23px; }
  header .links {
    margin: 0 100px; }
    header .links .columns {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 60px 0 50px;
      border-top: 1px solid #E8E8E8; }
      header .links .columns .column:nth-child(1) {
        -webkit-flex-basis: 410px;
        -moz-flex-basis: 410px;
        flex-basis: 410px; }
      header .links .columns .column:nth-child(2) {
        -webkit-flex-basis: 350px;
        -moz-flex-basis: 350px;
        flex-basis: 350px; }
      header .links .columns .column:nth-child(3) {
        -webkit-flex-basis: 270px;
        -moz-flex-basis: 270px;
        flex-basis: 270px; }
      header .links .columns .column:nth-child(4) {
        -webkit-flex-basis: 140px;
        -moz-flex-basis: 140px;
        flex-basis: 140px; }
      header .links .columns a {
        font-size: 20px;
        color: #707070;
        margin-bottom: 25px; }
        header .links .columns a.active {
          font-weight: 700; }
      header .links .columns .social {
        display: none;
        margin-top: 20px; }
        header .links .columns .social a {
          margin: 0 15px 0 0; }

/*==================================SECTIONS===================================*/
section.custom--grid {
  padding-bottom: 100px; }
  section.custom--grid.first--item {
    padding-top: 150px; }
  section.custom--grid h1 {
    text-align: center;
    padding-bottom: 90px; }
  section.custom--grid .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    grid-gap: 10px;
    margin: 0 10px; }
    section.custom--grid .grid .block {
      display: inline-grid;
      grid-template-columns: repeat(2, 1fr);
      justify-content: center;
      grid-gap: 10px; }
      section.custom--grid .grid .block a {
        position: relative;
        font-size: 0;
        overflow: hidden; }
        section.custom--grid .grid .block a:after {
          content: close-quote;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          background-image: linear-gradient(transparent, black);
          z-index: 1; }
        section.custom--grid .grid .block a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center center; }
        section.custom--grid .grid .block a .name {
          position: absolute;
          font-size: 25px;
          font-weight: 600;
          color: white;
          line-height: 30px;
          text-align: center;
          padding: 0 40px;
          left: 0;
          bottom: 50px;
          z-index: 2;
          opacity: 0;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
          width: 100%;
          box-sizing: border-box; }
        section.custom--grid .grid .block a .view {
          position: absolute;
          right: 25px;
          bottom: 30px;
          color: white;
          font-size: 18px;
          z-index: 3;
          opacity: 0;
          -webkit-transform: translateY(15px);
          -moz-transform: translateY(15px);
          -ms-transform: translateY(15px);
          -o-transform: translateY(15px);
          transform: translateY(15px);
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
          section.custom--grid .grid .block a .view:before {
            content: close-quote;
            position: absolute;
            width: 20px;
            height: 1px;
            background: white;
            left: -30px;
            top: 50%; }
        section.custom--grid .grid .block a:hover:after, section.custom--grid .grid .block a:focus:after {
          top: 0; }
        section.custom--grid .grid .block a:hover .name, section.custom--grid .grid .block a:focus .name {
          opacity: 1;
          -webkit-transform: translateY(-15px);
          -moz-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          -o-transform: translateY(-15px);
          transform: translateY(-15px); }
        section.custom--grid .grid .block a:hover .view, section.custom--grid .grid .block a:focus .view {
          opacity: 1;
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px); }
      section.custom--grid .grid .block.theme--2 a:nth-child(2) {
        grid-row-end: span 2; }
      section.custom--grid .grid .block.theme--3 a:nth-child(3) {
        grid-column-end: span 2; }
        section.custom--grid .grid .block.theme--3 a:nth-child(3) .name {
          text-align: right; }
      section.custom--grid .grid .block.theme--4 a:nth-child(1) {
        grid-column-end: span 2; }
        section.custom--grid .grid .block.theme--4 a:nth-child(1) .name {
          text-align: right; }
      section.custom--grid .grid .block.theme--5 a:nth-child(1) {
        grid-row-end: span 2; }
      section.custom--grid .grid .block.theme--6 {
        display: none; }
        section.custom--grid .grid .block.theme--6 .content {
          grid-row-end: span 2;
          grid-column-end: span 2;
          background: #F0F0F0; }
          section.custom--grid .grid .block.theme--6 .content .flex {
            height: 100%;
            width: 100%;
            justify-content: center;
            align-items: center; }
            section.custom--grid .grid .block.theme--6 .content .flex .text {
              max-width: 340px;
              width: 100%; }
              section.custom--grid .grid .block.theme--6 .content .flex .text h2 {
                padding-bottom: 10px; }
      section.custom--grid .grid .block.theme--7 a {
        grid-row-end: span 2; }
      section.custom--grid .grid .block.theme--8 a {
        grid-column-end: span 2; }
        section.custom--grid .grid .block.theme--8 a .name {
          text-align: right; }
      section.custom--grid .grid .block:nth-child(3n + 2) + .first {
        display: inline-grid; }
      section.custom--grid .grid .block:nth-child(3n + 1) + .first {
        display: inline-grid; }
        section.custom--grid .grid .block:nth-child(3n + 1) + .first + .second {
          display: inline-grid; }

section.exhibitions {
  padding-bottom: 100px; }
  section.exhibitions h1 {
    text-align: center;
    padding-bottom: 90px; }
  section.exhibitions .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    grid-gap: 10px;
    margin: 0 10px; }
    section.exhibitions .grid a {
      position: relative;
      font-size: 0;
      overflow: hidden; }
      section.exhibitions .grid a:after {
        content: close-quote;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background-image: linear-gradient(transparent, black);
        z-index: 1; }
      section.exhibitions .grid a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
      section.exhibitions .grid a .name {
        position: absolute;
        font-size: 25px;
        font-weight: 600;
        color: white;
        line-height: 30px;
        text-align: right;
        padding: 0 40px;
        left: 0;
        bottom: 50px;
        z-index: 2;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 100%;
        box-sizing: border-box; }
      section.exhibitions .grid a .view {
        position: absolute;
        right: 25px;
        bottom: 30px;
        color: white;
        font-size: 18px;
        z-index: 3;
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        section.exhibitions .grid a .view:before {
          content: close-quote;
          position: absolute;
          width: 20px;
          height: 1px;
          background: white;
          left: -30px;
          top: 50%; }
      section.exhibitions .grid a:hover:after, section.exhibitions .grid a:focus:after {
        top: 0; }
      section.exhibitions .grid a:hover .name, section.exhibitions .grid a:focus .name {
        opacity: 1;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px); }
      section.exhibitions .grid a:hover .view, section.exhibitions .grid a:focus .view {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }

section.videos {
  padding-bottom: 100px; }
  section.videos h1 {
    text-align: center;
    padding-bottom: 90px; }
  section.videos .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: center;
    grid-gap: 10px;
    margin: 0 10px; }
    section.videos .grid a {
      position: relative;
      font-size: 0;
      overflow: hidden; }
      section.videos .grid a:after {
        content: close-quote;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background-image: linear-gradient(transparent, black);
        z-index: 1; }
      section.videos .grid a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
      section.videos .grid a .name {
        position: absolute;
        font-size: 25px;
        font-weight: 600;
        color: white;
        line-height: 30px;
        text-align: center;
        padding: 0 40px;
        left: 0;
        bottom: 50px;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      section.videos .grid a .view {
        position: absolute;
        right: 25px;
        bottom: 30px;
        color: white;
        font-size: 18px;
        z-index: 3;
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        section.videos .grid a .view:before {
          content: close-quote;
          position: absolute;
          width: 20px;
          height: 1px;
          background: white;
          left: -30px;
          top: 50%; }
      section.videos .grid a .play {
        position: absolute;
        width: 60px;
        height: 60px;
        background: url(../img/play.svg) no-repeat center center;
        background-size: cover;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        z-index: 2; }
      section.videos .grid a:hover:after, section.videos .grid a:focus:after {
        top: 0; }
      section.videos .grid a:hover .name, section.videos .grid a:focus .name {
        opacity: 1;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px); }
      section.videos .grid a:hover .view, section.videos .grid a:focus .view {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }

section.diamonds, section.main--grid {
  padding-bottom: 100px; }
  section.diamonds.first--item, section.main--grid.first--item {
    padding-top: 150px; }
  section.diamonds h1, section.main--grid h1 {
    text-align: center;
    padding-bottom: 90px; }
  section.diamonds .grid, section.main--grid .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: center;
    grid-gap: 10px;
    margin: 0 10px; }
    section.diamonds .grid a, section.main--grid .grid a {
      position: relative;
      font-size: 0;
      overflow: hidden; }
      section.diamonds .grid a:after, section.main--grid .grid a:after {
        content: close-quote;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        background-image: linear-gradient(transparent, black);
        z-index: 1; }
      section.diamonds .grid a img, section.main--grid .grid a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center; }
      section.diamonds .grid a .name, section.main--grid .grid a .name {
        position: absolute;
        font-size: 25px;
        font-weight: 600;
        color: white;
        line-height: 30px;
        text-align: center;
        padding: 0 40px;
        left: 0;
        bottom: 50px;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      section.diamonds .grid a .view, section.main--grid .grid a .view {
        position: absolute;
        right: 25px;
        bottom: 30px;
        color: white;
        font-size: 18px;
        z-index: 3;
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        section.diamonds .grid a .view:before, section.main--grid .grid a .view:before {
          content: close-quote;
          position: absolute;
          width: 20px;
          height: 1px;
          background: white;
          left: -30px;
          top: 50%; }
      section.diamonds .grid a:hover:after, section.diamonds .grid a:focus:after, section.main--grid .grid a:hover:after, section.main--grid .grid a:focus:after {
        top: 0; }
      section.diamonds .grid a:hover .name, section.diamonds .grid a:focus .name, section.main--grid .grid a:hover .name, section.main--grid .grid a:focus .name {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 1; }
      section.diamonds .grid a:hover .view, section.diamonds .grid a:focus .view, section.main--grid .grid a:hover .view, section.main--grid .grid a:focus .view {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }

section.contact {
  padding: 150px 0 70px; }
  section.contact .flex {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box; }
    section.contact .flex .info {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      section.contact .flex .info .content {
        padding: 70px 0 0; }
        section.contact .flex .info .content h1 {
          padding-bottom: 15px; }
        section.contact .flex .info .content .social {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          margin: 25px 0 0 -9px; }
          section.contact .flex .info .content .social a {
            margin: 0 9px; }
    section.contact .flex .newsletter {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      background: #F0F0F0; }
      section.contact .flex .newsletter .content {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        padding: 70px 0 55px; }
        section.contact .flex .newsletter .content h2 {
          padding-bottom: 20px; }
        section.contact .flex .newsletter .content form {
          margin-top: 35px; }
          section.contact .flex .newsletter .content form .inputs {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }

section.contact--form {
  background: #F0F0F0;
  padding: 80px 0; }
  section.contact--form .content {
    width: 100%;
    max-width: 620px;
    margin: 0 auto; }
    section.contact--form .content h1 {
      text-align: center; }
    section.contact--form .content form {
      margin-top: 55px; }
      section.contact--form .content form .flex .input {
        margin-bottom: 10px; }
      section.contact--form .content form .last {
        text-align: center;
        margin-top: 25px; }

section.bio {
  padding: 200px 15px 0; }
  section.bio .content {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto; }
    section.bio .content .top h1 {
      padding-bottom: 10px; }
    section.bio .content .top p {
      padding-bottom: 35px;
      font-size: 20px;
      line-height: 24px; }
      section.bio .content .top p strong {
        font-weight: 700; }
    section.bio .content .bottom {
      margin-top: 15px; }
      section.bio .content .bottom .left {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 25px; }
      section.bio .content .bottom .right {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 25px; }
      section.bio .content .bottom p {
        margin-bottom: 50px; }
        section.bio .content .bottom p strong {
          font-size: 20px;
          line-height: 24px; }
  section.bio .download {
    max-width: 840px;
    width: 100%;
    margin: 60px auto;
    background: #F0F0F0;
    padding: 60px 80px;
    box-sizing: border-box; }
    section.bio .download h3 {
      margin-bottom: 50px; }
    section.bio .download ul li {
      padding-left: 40px;
      padding-bottom: 30px; }
      section.bio .download ul li a {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #707070; }
      section.bio .download ul li.word {
        background: url(../img/word.svg) no-repeat top left;
        background-size: 21px 26px; }
      section.bio .download ul li.pdf {
        background: url(../img/pdf.svg) no-repeat top left;
        background-size: 23px 27px; }

section.press {
  padding-top: 160px; }
  section.press h1 {
    text-align: center; }
  section.press .flex {
    max-width: 1280px;
    width: 100%;
    margin: 50px auto 0; }
    section.press .flex .left {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 20px; }
    section.press .flex .right {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 20px; }
    section.press .flex .box {
      background: #F0F0F0;
      margin-bottom: 40px;
      padding: 30px 15px 50px; }
      section.press .flex .box .items {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        margin: 35px -10px 0 -10px; }
        section.press .flex .box .items .item {
          -webkit-flex-basis: 125px;
          -moz-flex-basis: 125px;
          flex-basis: 125px;
          cursor: pointer;
          margin: 0 10px 35px; }
          section.press .flex .box .items .item .image {
            text-align: center;
            background: #E8E8E8;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 125px;
            align-items: center;
            justify-content: center; }
            section.press .flex .box .items .item .image img {
              max-height: 100%; }
          section.press .flex .box .items .item .name {
            font-size: 16px;
            font-weight: 700;
            color: #707070;
            padding-top: 8px; }
          section.press .flex .box .items .item:hover .image {
            background: white;
            box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); }

section.detail {
  padding: 200px 15px 0; }
  section.detail .content {
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
    section.detail .content h1 {
      margin: 0 auto 20px;
      max-width: 600px;
      width: 100%; }
    section.detail .content .sub--title {
      font-size: 18px;
      line-height: 22px;
      margin: 0 auto 20px;
      max-width: 600px;
      width: 100%;
      font-weight: 400; }
  section.detail .share {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: 40px; }
    section.detail .share .link {
      height: 35px;
      color: #464646;
      font-size: 14px;
      font-family: "proxima-nova", sans-serif;
      font-weight: 300;
      line-height: 35px;
      border: 1px solid #464646;
      padding: 0 15px;
      margin: 0 5px;
      width: 105px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      box-sizing: border-box; }
      section.detail .share .link.fb {
        background: url(../img/facebook.svg) no-repeat center right 20px;
        background-size: 6px 12px; }
        section.detail .share .link.fb:hover {
          background: #464646 url(../img/facebook_hover.svg) no-repeat center right 20px;
          background-size: 6px 12px;
          color: white; }
      section.detail .share .link.tw {
        background: url(../img/twitter.svg) no-repeat center right 20px;
        background-size: 13px 11px; }
        section.detail .share .link.tw:hover {
          background: #464646 url(../img/twitter_hover.svg) no-repeat center right 20px;
          background-size: 13px 11px;
          color: white; }
  section.detail .images {
    width: 100%;
    max-width: 920px;
    margin: 50px auto 120px; }
    section.detail .images div {
      margin-bottom: 45px;
      text-align: center; }
  section.detail .arrows {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 80px; }
    section.detail .arrows a {
      width: 80px;
      height: 80px;
      margin: 0 5px;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      border: 1px solid white; }
      section.detail .arrows a.prev {
        background: url(../img/arrow-left.svg) no-repeat center center;
        background-size: 20px 13px; }
      section.detail .arrows a.next {
        background: url(../img/arrow-right.svg) no-repeat center center;
        background-size: 20px 13px; }
      section.detail .arrows a:hover {
        border: 1px solid #464646; }

/*==================================FOOTER=====================================*/
footer {
  padding: 70px 0 90px;
  text-align: center; }
  footer a {
    width: 223px;
    font-size: 0; }
  footer .copyright {
    font-size: 16px;
    color: #707070;
    font-weight: 300;
    margin-top: 20px; }

/*==================================RETINA=====================================*/
/*==================================RESPONSE===================================*/
@media (max-width: 1599px) {
  section.custom--grid .grid {
    grid-template-columns: repeat(2, 1fr); }
    section.custom--grid .grid .block:nth-child(3n + 2) + .first {
      display: none; }
    section.custom--grid .grid .block:nth-child(3n + 1) + .first {
      display: none; }
      section.custom--grid .grid .block:nth-child(3n + 1) + .first + .second {
        display: none; }
    section.custom--grid .grid .block:nth-child(2n + 1) + .first {
      display: inline-grid; }

  section.exhibitions .grid {
    grid-template-columns: repeat(2, 1fr); }

  section.videos .grid {
    grid-template-columns: repeat(4, 1fr); }

  section.diamonds .grid, section.main--grid .grid {
    grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1199px) {
  section.press .flex .box h3 {
    text-align: center; }
  section.press .flex .box .items {
    justify-content: center; }

  .popup--style {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .popup--style .close {
      top: 20px;
      right: 15px; }
    .popup--style .items .item .info p {
      font-size: 12px; }

  .popup--style .items .item .image {
    padding: 80px 15px; }
    .popup--style .items .item .image iframe {
      width: 100% !important; } }
@media (max-width: 991px) {
  header .flex {
    margin: 0 50px; }
  header .links {
    margin: 0 50px; }
    header .links .columns a {
      font-size: 16px; }

  section.custom--grid h1 {
    padding-bottom: 40px; }
  section.custom--grid .grid {
    grid-gap: 5px;
    margin: 0 5px; }
    section.custom--grid .grid .block {
      grid-gap: 5px; }
      section.custom--grid .grid .block a .name {
        font-size: 15px;
        line-height: 18px;
        padding: 0 10px;
        bottom: 20px; }
      section.custom--grid .grid .block a .view {
        font-size: 12px;
        right: 10px;
        bottom: 15px; }

  section.exhibitions h1 {
    padding-bottom: 40px; }
  section.exhibitions .grid {
    grid-gap: 5px;
    margin: 0 5px; }
    section.exhibitions .grid a .name {
      font-size: 15px;
      line-height: 18px;
      padding: 0 10px;
      bottom: 20px; }
    section.exhibitions .grid a .view {
      font-size: 12px;
      right: 10px;
      bottom: 15px; }

  section.videos h1 {
    padding-bottom: 40px; }
  section.videos .grid {
    grid-gap: 5px;
    margin: 0 5px; }
    section.videos .grid a .name {
      font-size: 15px;
      line-height: 18px;
      padding: 0 10px;
      bottom: 20px; }
    section.videos .grid a .view {
      font-size: 12px;
      right: 10px;
      bottom: 15px; }
    section.videos .grid a .play {
      width: 30px;
      height: 30px;
      background: url(../img/play.svg) no-repeat center center;
      background-size: cover;
      top: calc(50% - 15px);
      left: calc(50% - 15px); }

  section.diamonds h1, section.main--grid h1 {
    padding-bottom: 40px; }
  section.diamonds .grid, section.main--grid .grid {
    grid-gap: 5px;
    margin: 0 5px; }
    section.diamonds .grid a .name, section.main--grid .grid a .name {
      font-size: 15px;
      line-height: 18px;
      padding: 0 10px;
      bottom: 20px; }
    section.diamonds .grid a .view, section.main--grid .grid a .view {
      font-size: 12px;
      right: 10px;
      bottom: 15px; }

  section.contact {
    padding: 100px 0 70px; }
    section.contact .flex {
      flex-flow: column; }
      section.contact .flex .info .content {
        text-align: center; }
        section.contact .flex .info .content .social {
          margin: 25px 0 40px;
          justify-content: center; }
      section.contact .flex .newsletter {
        background: white; }

  section.press .flex {
    flex-flow: column; }

  section.bio .content .bottom {
    flex-flow: column; }
    section.bio .content .bottom .left {
      padding-right: 0; }
    section.bio .content .bottom .right {
      padding-left: 0; } }
@media (max-width: 767px) {
  h1 {
    font-size: 30px; }

  h2 {
    font-size: 20px; }

  header .flex {
    margin: 0 15px;
    height: 70px; }
    header .flex .logo a {
      width: 170px; }
    header .flex .menu .social {
      display: none; }
    header .flex .menu .burger {
      margin-left: 0; }
  header .links {
    margin: 0 15px; }
    header .links .columns {
      padding: 30px 0 20px;
      flex-flow: column; }
      header .links .columns a {
        font-size: 16px;
        margin-bottom: 20px; }
      header .links .columns .column:nth-child(1) {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        flex-basis: auto; }
      header .links .columns .column:nth-child(2) {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        flex-basis: auto; }
      header .links .columns .column:nth-child(3) {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        flex-basis: auto; }
      header .links .columns .column:nth-child(4) {
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        flex-basis: auto; }
      header .links .columns .social {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }

  section.custom--grid {
    padding-bottom: 50px; }
    section.custom--grid.first--item {
      padding-top: 120px; }
    section.custom--grid .grid {
      grid-template-columns: repeat(1, 1fr); }
      section.custom--grid .grid .block.theme--6 {
        display: none !important; }

  section.exhibitions {
    padding-bottom: 50px; }
    section.exhibitions .grid {
      grid-template-columns: repeat(1, 1fr); }

  section.videos {
    padding-bottom: 50px; }
    section.videos .grid {
      grid-template-columns: repeat(2, 1fr); }

  section.diamonds, section.main--grid {
    padding-bottom: 50px; }
    section.diamonds .grid, section.main--grid .grid {
      grid-template-columns: repeat(2, 1fr); }

  section.contact--form .content form {
    text-align: center; }
    section.contact--form .content form .flex {
      justify-content: center; }

  section.bio {
    padding: 120px 15px 0; }
    section.bio .download {
      padding: 30px 15px; }
      section.bio .download h3 {
        margin-bottom: 30px; }
      section.bio .download ul li a {
        font-size: 15px;
        line-height: 27px; }

  footer {
    padding: 20px 0 40px; }
    footer a {
      width: 170px; }
    footer .copyright {
      font-size: 12px; }

  .input {
    width: 270px; }

  .textarea {
    max-width: 550px; } }
@media (max-width: 575px) {
  section.contact .flex .newsletter .content form .inputs {
    flex-flow: column; }

  section.contact--form {
    padding: 80px 15px; }
    section.contact--form .content form .flex {
      flex-flow: column; }
    section.contact--form .content form .last {
      margin-top: 0; }

  section.press .flex .left {
    margin: 0; }
  section.press .flex .right {
    margin: 0; }

  section.detail {
    padding: 120px 15px 0; }
    section.detail .images {
      margin: 50px auto; }
      section.detail .images div {
        margin-bottom: 15px; }

  .input {
    width: calc(100% - 10px); }

  .textarea {
    width: calc(100% - 10px);
    max-width: initial; }

  .submit {
    width: calc(100% - 10px);
    margin: 20px 5px 0; }

  .popup--style .items .item .image iframe {
    width: 100% !important; } }

/*# sourceMappingURL=lenghart.css.map */