@charset "UTF-8";
@font-face {
  font-family: LaTechnique-bold;
  src: url(LaTechnique-Bold.otf);
}

@font-face {
  font-family: LaTechnique;
  src: url(LaTechnique-Regular.otf);
}

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 {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.clear {
  clear: both;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

* {
  padding: 0;
  margin: 0;
  outline: none;
}

h1 {
  font-family: arial, sans-serif;
  font-size: 3vw;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
p {
  font-family: "Neuton", serif;
  letter-spacing: 0.05em;
  font-size: 1.3vw;
  line-height: 1.9vw;
  font-weight: 400;
}
a,
a:hover,
a:link,
a:focus {
  color: #000;
  text-decoration: none;
}

h2 {
  font-family: LaTechnique;
  font-size: 2.2vw;
  letter-spacing: 0.1em;
  line-height: 3.2vw;
}
h3 {
  font-family: LaTechnique;
  font-size: 1.2vw;
  letter-spacing: 0.1em;
  line-height: 1.8vw;
}

html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  background: #fff;
}

strong {
  font-weight: 700;
}

body {
  width: 100%;
  height: 100%;
}
html {
  width: 100%;
  height: 100%;
}

/**************** HEADER ****************/

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 90%;
  margin: 0 5%;
  height: 11.5vw;
  border-bottom: 2px solid #000;
  z-index: 100;
  background: #fff;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}

.header-collapse {
  height: 4.3vw;
}

.logo-mobile {
  display: none;
}

.pm {
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 3vw;
  font-size: 1.3vw;
  letter-spacing: 0.7vw;
  font-weight: bold;
  font-family: LaTechnique-bold;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}

.pm-collapse {
  padding-top: 0.5vw;
  padding-bottom: 1.7vw;
}

.pm div {
  float: left;
}

.barra {
  width: 22%;
  border-top: 3px solid #000;
  margin: 0.8vw 1vw 0 0.5vw;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}

.stretch {
  width: 100%;
  font-size: 1.3vw;
  font-family: LaTechnique;
  letter-spacing: 2.37vw;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}

.single-research .pm {
  letter-spacing: 1.5vw;
}
.single-research .barra {
  width: 32.5%;
  margin: 0.8vw 2vw 0 0.5vw;
}
.single-research .stretch {
  letter-spacing: 4vw;
}

.single-post .pm {
  letter-spacing: 0.3vw;
}
.single-post .barra {
  width: 10%;
  margin: 0.8vw 2vw 0 0.5vw;
}
.single-post .stretch {
  letter-spacing: 1.2vw;
}

/**************** ACCORDION ****************/

#accordion {
  position: relative;
  padding-top: 14vw;
  margin: 0 auto;
  width: 90%;
  height: 69%;
  overflow: hidden;
  z-index: 0;
}

#accordion:after {
  content: " ";
  float: none;
  clear: both;
}

/**************** TABS ****************/

.tab {
  width: 5%;
  height: 100%;
  float: left;
}

.inside-tab {
  position: relative;
  height: 100%;
  border-left: 2px solid #000;
}

.tab-studio .inside-tab {
  border-left: none;
}

.inside-tab h3 {
  font-family: LaTechnique;
  font-weight: normal;
  position: absolute;
  top: 1.2vw;
  width: 12vw;
  letter-spacing: 0.4em;
  text-align: right;
  padding-bottom: 8vw;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -ms-transform-origin: 50% 50%; /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  cursor: pointer;
}

.cell {
  width: 0%;
  height: 100%;
  float: left;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: width 0.6s, opacity 0.2s, visibility 0.2s;
  transition: width 0.6s, opacity 0.2s, visibility 0.2s;
  overflow-y: auto;
  overflow-x: hidden;
}

.active {
  width: 80%;
  visibility: visible;
  opacity: 1;
}

.inside-cell {
  width: 100%;
}

/**************** STUDIO ****************/

.studio .about {
  width: 67.5vw;
  padding-left: 1vw;
}

.studio .about img {
  margin-top: 3vw;
  margin-bottom: 1vw;
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.studio .moreinfo {
  width: 96%;
  padding-left: 1vw;
  margin-bottom: 5vw;
}

.studio .team {
  width: 35%;
  float: left;
}

.studio .prizes {
  width: 60%;
  float: left;
  padding-right: 1%;
}

.studio .wp-caption {
  width: 100% !important;
}

.studio .wp-caption a img {
  max-width: 99.03225806%;
  height: auto;
}

/**************** NEWS ****************/

.news .section-date {
  width: 67.5vw;
  margin-left: 1vw;
  padding: 1vw 0 1vw 0vw;
  border-top: 2px solid #000;

  /* width: 67.5vw;
    margin-left: 1vw;
    padding: vw 0 1vw 0vw;
    font-weight: bold;
    border-top: 2px solid #000;
    color: #FFF;
    background: #000; */
}

.news .section-date h3 {
  text-align: center;
  font-size: 1.2vw;
  letter-spacing: 0.2em;
}

.news .item {
  width: 67.5vw;
  border-top: 2px solid #000;
  padding: 1vw 0 1vw 0vw;
  margin-left: 1vw;
}

.news .item .date {
  width: 15%;
  float: left;
  font-family: "Neuton", serif;
  font-size: 1vw;
  letter-spacing: 0.08em;
  line-height: 1.7vw;
}

.news .item .title {
  width: 77%;
  float: left;
}

.news .item .arrow {
  display: block;
  width: 5%;
  float: left;
  text-align: right;
  line-height: 2vw;
}

/**************** RESEARCH ****************/

.research .item {
  position: relative;
  width: 15.7vw;
  float: left;
  margin: 0 1.5vw 2vw 0.5vw;
}

.research .item .thumb {
  width: 100%;
  height: 100%;
}

.research .item .thumb img {
  width: 100%;
  height: auto;
  opacity: 0.2;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.research .item a {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.research .item a:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.research .item .info {
  position: absolute;
  top: 0;
  padding: 1vw 0 0 1.1vw;
  width: 70%;
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.research .item p {
  margin-top: 0.5vw;
  font-size: 1vw;
  line-height: 1.3vw;
}

.research .item a:hover .info {
  opacity: 0;
}

/**************** PROJECTS ****************/

#container:after {
  content: "";
  display: block;
  clear: both;
}

.projects .item {
  float: left;
  padding: 0 1.5vw 2vw 0.5vw;
  font-family: sans-serif;
  width: 15.7vw;
}

.projects .item .thumb {
  position: relative;
}

.projects .item .thumb img {
  width: 100%;
  height: auto;
  opacity: 0.2;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.projects .item .info {
  position: absolute;
  top: 0;
  padding: 1vw 0 0 1.1vw;
  width: 70%;
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.projects .item a:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.projects .item a:hover .info {
  opacity: 0;
}

.projects .item p {
  margin-top: 0.5vw;
  font-size: 1vw;
  line-height: 1.3vw;
}

/**************** POSTS ****************/

.post {
  width: 100%;
  margin: 18vw auto 13vw auto;
  height: auto;
}

.post .entry-main {
  width: 75%;
  margin: 0 auto;
}

.post .entry-date {
  font-family: "Neuton", serif;
  font-size: 1.1vw;
  letter-spacing: 0.08em;
  line-height: 1.2vw;
  margin: 0 auto 0.8vw auto;
  width: 70%;
}

.post .entry-title {
  width: 70%;
  margin: 0 auto 5% auto;
}

.post .entry-content {
  width: 100%;
}

.post .entry-content blockquote {
  margin: -2.5% auto -1.5% auto;
  width: 82%;
}

.post .entry-content blockquote p {
  font-size: 1.1vw;
  letter-spacing: 0.08em;
  line-height: 1.6vw;
}

.post .entry-content p {
  width: 70%;
  margin: 1% auto 5% auto;
  vertical-align: center;
}

.post .entry-content p img {
  width: 125%;
  height: auto;
  margin: 1% 0 0 -12.5%;
}

.post .entry-content .image {
  margin: 1% auto 4% auto;
  text-align: center;
}

.post .entry-content .image img {
  width: 65%;
  height: auto;
}

.post .entry-content .wp-caption {
  width: 100% !important;
}

.post .entry-content .wp-caption a img {
  max-width: 99.03225806%;
  height: auto;
}

.post .entry-content p a {
  text-decoration: underline;
}

.post .entry-content iframe {
  width: 100%;
  height: 27vw;
  margin: 1% 0 0 0;
}

.post .gallery {
  margin: 1% 0 3% 0;
  text-align: center;
}

.post .gallery img {
  width: 70%;
  height: auto;
  margin-bottom: 0;
}

.wp-caption-text {
  text-align: center;
  font-family: LaTechnique;
  font-size: 0.6vw;
  letter-spacing: 0.05em;
  line-height: 1.3vw;
  margin-top: 0;
  padding: 0 4vw;
}

.post .entry-info {
  width: 55vw;
  margin: 7vw auto 4vw auto;
  border-top: 2px solid #000;
  padding: 2.4vw 0vw 0 0vw;
}

.post .entry-info .entry-left {
  padding-left: 1.5vw;
  width: 60%;
  float: left;
}

.post .entry-info .entry-left .entry-info-content p {
  font-family: "Neuton", serif;
  font-size: 1.1vw;
  letter-spacing: 0.05em;
  line-height: 1.6vw;
  padding-right: 20%;
}

.post .entry-info .entry-left .entry-info-content strong {
  font-family: LaTechnique;
  font-weight: normal;
  font-size: 0.8vw;
  letter-spacing: 0.08em;
  line-height: 1.6vw;
}

.post .entry-info .entry-left .entry-info-content b {
  font-family: LaTechnique;
  font-weight: normal;
  font-size: 0.8vw;
  letter-spacing: 0.05em;
  line-height: 1.6vw;
}

.post .entry-info .entry-left .entry-info-content a {
  text-decoration: underline;
}

.post .entry-info .entry-left .entry-nav {
  margin-top: 2vw;
  font-family: LaTechnique;
  font-size: 0.8vw;
  letter-spacing: 0.08em;
  line-height: 1.2vw;
}

.post .entry-info .entry-right {
  width: 33%;
  float: right;
  padding-right: 1.5vw;
}

.post .entry-info .entry-right img {
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.vertical {
  float: left;
  width: 25%;
}

/**************** FOOTER ****************/

.footer {
  margin-top: 30px;
  height: 20%;
  width: 100%;
  background: #000;
  color: #fff;
  font-family: LaTechnique;
}

.content {
  width: 90%;
  margin: 0 auto;
  padding-top: 2vw;
}

.about {
  width: 65%;
  float: left;
  font-size: 1vw;
  line-height: 1.6vw;
  letter-spacing: 0.05em;
}

.contact {
  width: 30%;
  float: right;
  font-size: 0.7vw;
  line-height: 1.1vw;
  letter-spacing: 0.05em;
}

.contact a {
  color: #fff;
}

/**************** MOBILE ****************/
/**************** MOBILE ****************/

@media screen and (max-width: 767px) {
  h1 {
    font-family: arial, sans-serif;
    font-size: 3vw;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  p {
    font-family: "Neuton", serif;
    letter-spacing: 0.05em;
    font-size: 3vw;
    line-height: 3.5vw;
    font-weight: 400;
  }
  a,
  a:hover,
  a:link,
  a:focus {
    color: #000;
    text-decoration: none;
  }

  h2 {
    font-family: LaTechnique;
    font-size: 3vw;
    letter-spacing: 0.1em;
    line-height: 3.4vw;
  }
  h3 {
    font-family: LaTechnique;
    font-size: 2.7vw;
    letter-spacing: 0.1em;
    line-height: 3.6vw;
  }

  /**************** HEADER ****************/

  header {
    border-bottom: 1px solid #000;
  }
  .header-collapse {
    height: 6vw;
  }

  .logo-mobile {
    margin-top: 3vw;
    display: block;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
  }

  .logo-mobile-collapse {
  }

  .logo-mobile img {
    height: 4vw;
    width: auto;
  }

  .pm {
    display: none;
  }
  .stretch {
    display: none;
  }

  /**************** TABS ****************/

  #accordion {
    padding-top: 17vw;
    height: 67%;
  }

  .tab {
    width: 7%;
  }

  .inside-tab {
    border-left: 1px solid #000;
  }

  .tab-studio .inside-tab {
    border-left: none;
  }

  .inside-tab h3 {
    top: 2vw;
    width: 27vw;
    padding-bottom: 22vw;
  }

  .active {
    width: 72%;
  }

  /**************** STUDIO ****************/

  .studio .about {
    width: 60vw;
    padding-left: 1vw;
  }

  .studio .team {
    margin-top: 2vw;
    width: 90%;
    float: left;
    padding-right: 0vw;
  }

  .studio .prizes {
    margin-top: 2vw;
    margin-bottom: 5vw;
    width: 90%;
    float: left;
    padding-right: 0vw;
  }

  /**************** NEWS ****************/

  .news .section-date {
    width: 60vw;
    padding: 0.5vw 0 0.5vw 0vw;
  }
  .news .section-date h3 {
    //margin-left: 35%;
    text-align: center;
    font-size: 2vw;
  }
  .news .item {
    width: 60vw;
    border-top: 1px solid #000;
    padding: 1vw 0 2vw 0vw;
    margin-left: 1vw;
  }

  .news .item .date {
    width: 35%;
    font-size: 2vw;
    line-height: 3.6vw;
  }

  .news .item .title {
    width: 65%;
  }

  .news .item .arrow {
    display: none;
  }

  /**************** RESEARCH ****************/

  .research .item {
    padding: 0 0.8vw 0.8vw 0.2vw;
    width: 29vw;
  }

  .research .item p {
    margin-top: 0.5vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }
  /**************** PROJECTS ****************/

  .projects .item {
    padding: 0 2vw 2vw 0.5vw;
    width: 29vw;
  }

  .projects .item .thumb {
    position: relative;
  }

  .projects .item p {
    margin-top: 0.5vw;
    font-size: 2vw;
    line-height: 2.5vw;
  }

  /**************** FOOTER ****************/

  .footer {
    bottom: 0;
  }

  .about {
    width: 59%;
    float: left;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
  }

  .contact {
    width: 36%;
    float: right;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
  }

  .contact a {
    color: #fff;
  }

  /**************** POSTS ****************/

  .post {
    position: relative;
    width: 100%;
    min-height: 75%;
    margin: 18vw auto 13vw auto;
    height: auto;
  }

  .post .entry-main {
    width: 90%;
    margin: 0 auto;
  }

  .post .entry-date {
    font-family: "Neuton", serif;
    font-size: 2vw;
    letter-spacing: 0.08em;
    line-height: 2.2vw;
    margin: 0 auto 0.8vw auto;
    width: 70%;
  }

  .wp-caption-text {
    text-align: center;
    font-family: LaTechnique;
    font-size: 0.6vw;
    letter-spacing: 0.05em;
    line-height: 1.5vw;
    margin-top: 0;
    padding: 0 4vw;
  }

  .post .entry-info {
    width: 70%;
    margin: 7vw auto 4vw auto;
    border-top: 1px solid #000;
    padding-top: 2.4vw;
  }

  .post .entry-info .entry-left .entry-info-content p {
    font-family: "Neuton", serif;
    font-size: 2.2vw;
    letter-spacing: 0.05em;
    line-height: 2.7vw;
    padding-right: 20%;
  }

  .post .entry-content blockquote p {
    font-size: 2.2vw;
    letter-spacing: 0.05em;
    line-height: 2.7vw;
  }

  .post .entry-info .entry-left .entry-info-content strong {
    font-family: LaTechnique;
    font-weight: normal;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
  }

  .post .entry-info .entry-left .entry-info-content b {
    font-family: LaTechnique;
    font-weight: normal;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
  }

  .post .entry-info .entry-left .entry-nav {
    margin-top: 2vw;
    font-family: LaTechnique;
    font-size: 1.6vw;
    letter-spacing: 0.1em;
    line-height: 2.5vw;
  }
}