/*
Theme Name: AM Theme
Author: AM
Version: 0.2
*/
/*HIDDEN LIGNE 138*/
/** Global Style ***************************************************************************/
html {
  -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

img {
  vertical-align: middle; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, button, input, select, textarea {
  background-color: white;
  color: black;
  font-family: 'Work Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 16px; }

body.mobile {
  background-color: #e6e6e6; }

body, a {
  cursor: url(content/p.png), auto; }

/*** Global Classes ********************************/
.clear {
  clear: both; }

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

.wide,
.w-wide,
html,
body,
.canvas,
.thumb-slide,
.story,
.thumb-slide img,
.desktop .wide-desktop {
  width: 100%; }

.wide,
.h-wide,
html,
body,
.canvas-wrap,
.canvas,
.thumb-slide,
.story,
.desktop .wide-desktop,
.desktop .h-wide-desktop {
  height: 100%; }

.rel, .thumb-slide, .canvas {
  position: relative; }

.abs, .thumb-slide img, .story, .canvas-wrap, .canvas > * {
  position: absolute; }

.fix, .desktop .fix-desktop {
  position: fixed; }

.hidden {
  display: none; }

.visible {
  display: block; }

.desktop ::-webkit-scrollbar {
  width: 4px; }

.desktop ::-webkit-scrollbar-thumb {
  background-color: rgba(190, 190, 190, 0.5); }

.mobile .hidden-mobile, .desktop .hidden-desktop {
  display: none; }

/********************************* Global Classes **/
/*************************************************************************** Global Style **/
/** Indexes ****************************************/
.i-9 {
  z-index: 58; }

.i-8, .about-wrap.visible, .canvas iframe {
  z-index: 59; }

.i-7 {
  z-index: 56; }

.i-6 {
  z-index: 55; }

.i-5 {
  z-index: 54; }

.i-4 {
  z-index: 53; }

.i-3 {
  z-index: 52; }

.i-2 {
  z-index: 51; }

.i-1 {
  z-index: 50; }

.i-0, .about-wrap.hidden {
  z-index: -1; }

/**************************************** Indexes **/
/** Content ********************************************************************************/
.arrows-wrap {
  padding: 14px 32px 32px 32px; }

/** About ******************************************/
.about-wrap {
  background-color: #e6e6e6; }

.about-wrap a {
  text-decoration: none;
  color: initial;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease; }

.about-wrap a:hover {
  color: #999999; }

.about-wrap a:active {
  color: initial; }

.mobile .about {
  height: auto; }

.infos-main-wrap, .infos-secondary-wrap {
  padding: 8px 12px; }

.infos-main > span, .infos-secondary > span {
  float: left; }

/*.infos-main > span:nth-child(2),*/
.infos-secondary > span:last-child {
  text-align: right; }

.infos-secondary-wrap {
  bottom: 0; }

.name {
  padding-left: 20px; }

.clients {
  padding: 16px 0px;
  /*margin-right: calc(50% + 12px);*/
  margin-right: 60%; }

.story-number {
  display: none; }

.push-5pc {
  display: inline-block;
  width: 2px;
  visibility: hidden; }

.credits, .credits a {
  font-size: 11px;
  color: rgba(150, 150, 150, 0.5); }

.credits a:hover {
  color: black; }

.thumbs-wrap {
  padding: 32px 28px 32px 32px; }

.mobile .thumbs-wrap {
  padding: 0 4px; }

.thumbs-scroll {
  overflow-y: scroll;
  padding-left: 50%; }

.mobile .thumbs-scroll {
  padding-left: 0;
  padding-top: 30px; }

.thumbs {
  margin-top: -9px;
  margin-left: -4px; }

.mobile .thumbs {
  margin-top: 0;
  padding-left: 0;
  margin-bottom: 44px; }

.thumb-slide-wrap {
  width: 12.5%;
  float: left;
  padding: 8px 4px 0 4px; }

.mobile .thumb-slide-wrap {
  width: 20%;
  padding: 0 4px 8px 4px; }

.thumb-slide {
  opacity: 0.5;
  padding-bottom: 150%;
  overflow: hidden;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

.thumb-slide img {
  height: auto;
  margin: auto;
  top: 0;
  bottom: 0; }

.thumb-story.current .thumb-slide,
.desktop .about-wrap:not(.thumbbed) .thumb-story:hover .thumb-slide {
  opacity: 0.8;
  -webkit-filter: none;
  filter: none; }

.thumb-mobile-hover .thumb-slide {
  -webkit-filter: none;
  filter: none; }

.desktop .thumb-slide.current, .desktop .about-wrap:not(.thumbbed) .thumb-slide:hover, .thumb-mobile-hover .thumb-slide {
  opacity: 1 !important; }

.desktop .about-wrap:not(.thumbbed) .thumb-slide:active {
  opacity: 0.8 !important; }

.infos-mobile {
  margin-bottom: 144px;
  text-align: center; }

.infos-mobile > p {
  margin: 11px 0; }

/****************************************** About **/
/******************************************************************************** Content **/
/** Media Queries **************************************************************************/
@media (max-width: 1024px) {
  .desktop .infos-main > span:not(.clients), .desktop .infos-secondary > span {
    width: 25% !important; }
  p .clients {
    width: 100%;
    margin: 0px 10px; }
  .desktop .thumbs-scroll {
    padding-left: 0;
    padding-top: 130px; }
  .desktop .thumb-slide-wrap {
    width: 6.25%; } }

@media (max-width: 1024px) {
  .nav-slides {
    margin-right: 6px; }
  .desktop .infos-main > span, .desktop .infos-secondary > span {
    display: none; }
  .infos-main > span:first-child {
    display: block;
    width: 100% !important; }
  .mobile .thumbs {
    padding-left: 0;
    margin-left: 0; }
  .desktop .thumb-slide-wrap {
    width: 11.11111111%; }
  .mobile .thumb-slide-wrap {
    width: 16.66666667%; }
  .title-wrap {
    margin-left: 16px; }
  .canvas-left, .canvas-middle, .canvas-right, .canvas-middle-large, .canvas-middle-small {
    padding: 0 16px !important; }
  .story-t {
    width: 100%;
    left: 0; } }

@media (max-width: 500px) {
  .mobile .thumb-slide-wrap {
    width: 33.333333%; } }

/************************************************************************** Media Queries **/
.nav-about, .nav-stories-overflow {
  width: 32px; }

.nav-about, .nav-slides, .infos-archives, .infos-name {
  height: 32px; }

.infos-title {
  height: 50px; }

.nav-about, .nav-items-mobile {
  top: 0;
  left: 0; }

.about-link-wrap {
  padding: 14px; }

.about-link-wrap::after {
  content: 'Archive';
  position: absolute;
  top: 8px;
  left: 32px;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-shadow: 0 0 7px white;
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.about-link-wrap.current::after {
  content: ""; }

.about-link-wrap.sleep::after {
  opacity: 0; }

.about-link-wrap:hover::after {
  opacity: 1; }

.about-link {
  background-color: black; }

.nav-stories {
  right: -4px;
  padding-top: 4px;
  max-height: 100%;
  width: 36px;
  overflow-y: scroll;
  /*HIDDEN*/
  display: none; }

@-moz-document url-prefix() {
  .nav-stories {
    width: 32px; } }

.nav-stories-overflow {
  height: 40px;
  right: 0;
  bottom: 0;
  pointer-events: none;
  box-shadow: inset 0 -50px 20px -40px white; }

.story-link-wrap {
  height: 24px;
  padding: 10px 14px; }
  .story-link-wrap.current .about-link {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4); }
  .story-link-wrap:last-child {
    margin-bottom: 20px; }
  .story-link-wrap:hover .about-link, .story-link-wrap:hover .story-link, .story-link-wrap:hover .slide-link {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4); }
  .story-link-wrap:active .about-link, .story-link-wrap:active .story-link, .story-link-wrap:active .slide-link {
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4); }

.story-link.current,
.slide-link.current {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.4); }

.story-link.current:active,
.slide-link.current:active {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); }

.about-link,
.story-link,
.slide-link {
  -webkit-user-select: none;
  user-select: none;
  box-shadow: transparent;
  -webkit-transition: box-shadow 300ms ease;
  -moz-transition: box-shadow 300ms ease;
  -o-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease; }

.story-link, .slide-link {
  border-radius: 100%;
  border: solid 1px #262626; }

.story-link::after, .slide-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: black; }

.nav-slides {
  bottom: 0;
  right: 50%;
  margin-right: 22px;
  /*HIDDEN*/
  display: none; }

.slide-link-wrap {
  width: 24px;
  float: right;
  padding: 14px 10px; }

.arrows {
  top: 0;
  left: 0; }

.arrows > div[class*="arrow-"] {
  pointer-events: auto; }

.arrow-top, .arrow-bottom {
  padding: 0 200px; }

.arrow-top {
  height: 100px;
  top: 0;
  left: 0; }

.arrow-top .arrow {
  cursor: url(content/t.png), nw-resize; }

.arrow-right {
  width: 200px;
  right: 0;
  top: 0; }

.arrow-right.middle {
  width: 50%;
  padding: 100px 0;
  right: 0;
  top: 0; }

.arrow-right .arrow {
  cursor: url(content/r.png), e-resize; }

.arrow-bottom {
  height: 100px;
  bottom: 0;
  left: 0; }

.arrow-bottom .arrow {
  cursor: url(content/b.png), nw-resize; }

.arrow-left {
  width: 200px;
  left: 0;
  top: 0; }

.arrow-left.middle {
  width: 50%;
  padding: 100px 0;
  left: 0;
  top: 0; }

.arrow-left .arrow {
  cursor: url(content/l.png), w-resize; }

.infos-archives, .infos-name, .infos-title {
  text-align: center;
  /*font-size: 16px;*/ }

@media (max-width: 900px) {
  .infos-archives, .infos-name, .infos-title {
    font-size: 16px; } }

@media (min-width: 900px) {
  .infos-archives, .infos-name, .infos-title {
    font-size: 13px; } }

.infos-archives .table-cell {
  width: 25%; }

.infos-archives .story-info-name {
  width: 50%; }

.infos-archives .about-link-mobile {
  font-size: 12px;
  padding-left: 10px;
  text-align: left; }

.infos-archives .about-link-mobile:before {
  content: "";
  margin: 0 5px 1px 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent #000000 transparent transparent; }

.infos-name, .about-wrap .infos-title {
  background-color: #e6e6e6; }

.infos-title {
  bottom: 0; }

.load-wrap {
  top: 0;
  left: 0;
  pointer-events: none; }

.mobile .load-wrap {
  padding: 32px; }

.load {
  text-align: center;
  background-color: white; }

.load img {
  width: 8px;
  height: 8px; }

.stories-wrap {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 14px 16px 32px 16px;
  overflow: hidden; }

.mobile .stories-wrap {
  padding-top: 32px;
  background-color: white; }

.story-d .canvas-wrap {
  width: 50%; }

.story-t {
  width: 92%;
  left: 4%; }

.story-t .canvas-wrap {
  width: 100%; }
  @media screen and (min-width: 600px) {
    .story-t .canvas-wrap {
      width: 33.333333333%; } }

.story-d .canvas-middle-small {
  width: 100%; }
  @media screen and (min-width: 600px) {
    .story-d .canvas-middle-small {
      width: 33.333333333%; } }

.story-t .canvas-middle-large {
  width: 100%; }
  @media screen and (min-width: 600px) {
    .story-t .canvas-middle-large {
      width: 50%; } }

.canvas-left {
  left: 0; }

.canvas-left img {
  right: 0; }

.story-d .canvas-middle, .story-t .canvas-middle-large {
  left: 0; }
  @media screen and (min-width: 600px) {
    .story-d .canvas-middle, .story-t .canvas-middle-large {
      left: 25%; } }

.story-t .canvas-middle, .story-d .canvas-middle-small {
  left: 0; }
  @media screen and (min-width: 600px) {
    .story-t .canvas-middle, .story-d .canvas-middle-small {
      left: 33.333333333%; } }

.canvas-middle img, .story-t .canvas-middle-large img, .story-d .canvas-middle-small img {
  left: 0;
  right: 0; }

.canvas-right {
  right: 0; }

.mobile .canvas-wrap {
  width: 100%;
  left: 0;
  right: 0; }

.mobile .canvas-wrap img {
  left: 0;
  right: 0; }

.canvas img {
  opacity: 0;
  margin: auto;
  top: 0;
  bottom: 0; }

.canvas img.loaded {
  opacity: 1; }

.canvas img.w-wide {
  height: auto; }

.canvas img.h-wide {
  width: auto; }

.story-d .canvas-left {
  padding: 0 32px 0 16px; }

.story-d .canvas-right {
  padding: 0 16px 0 32px; }

.story-t .canvas-left {
  padding: 0 32px 0 16px; }

.story-t .canvas-middle, .story-t .canvas-middle-large, .story-d .canvas-middle-small {
  padding: 0 24px; }

.story-t .canvas-right {
  padding: 0 16px 0 32px; }

.video iframe {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.mobile .video iframe {
  width: 100%;
  height: 100%; }

.Tender {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  background-color: #f5f7fa;
  z-index: 99;
  display: none;
  top: 0;
  left: 0; }
  .Tender.Tender--active {
    display: block; }
  .Tender.Tender--inactive {
    display: none; }

.Tender__card {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  transform: translateX(-50%) translateY(-50%) scale(0.95); }

.Tender__card.Tender__card--active {
  opacity: 1;
  z-index: 3; }

.Tender__card.Tender__card--inactive {
  opacity: 0;
  z-index: 2; }

.Tender__card img {
  max-width: 98vw;
  max-height: 98vw;
  display: block;
  height: auto;
  width: auto; }

.mobile-contacts {
  padding: 85px 0;
  text-align: center;
  font-size: 12px;
  opacity: 0.4; }
  @media screen and (min-width: 600px) {
    .mobile-contacts {
      display: none; } }

.thumb-slide {
  filter: none;
  opacity: 1; }
  @media screen and (min-width: 600px) {
    .thumb-slide {
      opacity: 0.5;
      filter: grayscale(1); } }

@media screen and (min-width: 600px) {
  .mobile-gallery {
    display: none; } }