@charset "utf-8";
/* CSS Document */
p {
  margin: 0 0 1em;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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;
  vertical-align: baseline;
  /* HTML5 display-role reset for older browsers */
}
body {
	font-family: 'Oswald', sans-serif;
  font-size: 12px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  -webkit-transition: 750ms background ease-in 0s;
  -moz-transition: 750ms background ease-in 0s;
  -ms-transition: 750ms background ease-in 0s;
  -o-transition: 750ms background ease-in 0s;
  transition: 750ms background ease-in 0s;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
.press-logo{ float:left}
@-webkit-keyframes fade_out {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    color: #000;
  }
  50% {
    color: #cacbc8;
  }
  100% {
    color: #000;
  }
}

::selection {
  /* Safari */
  background: #cacbc8;
}
::-moz-selection {
  /* Firefox */
  background: #cacbc8;
}
html[data-scroll-colour="black"] ::-webkit-scrollbar {
  width: 10px;
}
html[data-scroll-colour="black"] ::-webkit-scrollbar, html[data-scroll-colour="black"] ::-webkit-scrollbar-track, html[data-scroll-colour="black"] ::-webkit-scrollbar-track-piece {
  background-color: #000;
}
html[data-scroll-colour="black"] ::-webkit-scrollbar-thumb {
  background-color: #141414;
  border-radius: 4px;
  border: 1px solid #000;
}
html[data-scroll-colour="black"] ::-webkit-scrollbar-thumb:hover {
  background-color: #282828;
}
html[data-scroll-colour="white"] ::-webkit-scrollbar, html[data-scroll-colour="white"] ::-webkit-scrollbar-track, html[data-scroll-colour="white"] ::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
html[data-scroll-colour="white"] ::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 4px;
  border: 1px solid #fff;
}
html[data-scroll-colour="white"] ::-webkit-scrollbar-thumb:hover {
  background-color: #bfbfbf;
}
html ::-webkit-scrollbar {
  width: 8px;
}




ol, ul {
  list-style: none;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #fff;
  -webkit-transition: color 500ms ease-in;
}
@-webkit-keyframes fade_out {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    color: #000;
  }
  50% {
    color: #cacbc8;
  }
  100% {
    color: #000;
  }
}
#min-container{
	display: table;
  	height: 100%;
  }
#background {
  background: #000 no-repeat center center fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100% !important;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 750ms opacity ease-in 0s;
  -moz-transition: 750ms opacity ease-in 0s;
  -ms-transition: 750ms opacity ease-in 0s;
  -o-transition: 750ms opacity ease-in 0s;
  transition: 750ms opacity ease-in 0s;
}
.on {
  opacity: 1 !important;
}
#section-press {
  padding-top: 8em;
  padding-right: 6em;
  padding-bottom: 0;
  padding-left: 6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#section-press > figure.item {
  width: 25%;
  float: left;
  text-align: center;
  opacity: 0.8;
  height: 250px;
  -webkit-transition: 500ms all ease-in 0s;
  -moz-transition: 500ms all ease-in 0s;
  -ms-transition: 500ms all ease-in 0s;
  -o-transition: 500ms all ease-in 0s;
  transition: 500ms all ease-in 0s;
  padding-top: 6em;
  padding-right: 6em;
  padding-bottom: 6em;
  padding-left: 6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#section-press > figure.item img {
  max-height: 80px;
  max-width: 100%;
  height: auto;
  width: auto;
  opacity: 1;
}
#section-press > figure.item a {
  display: block;
  width:100%;
  height: 100%;
}
#section-press > figure.item a:hover {
  color: #fff;
}
#section-press > figure.item figcaption p {
  margin-top: 1em;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
#section-press > figure.item:hover {
  opacity: 1;
}
#section-press > figure.item h3 {
  font-size: 2.6em;
}
@media (min-width:0) and (max-width: 640px) {
.press-menu-main{ width:150px; height:54px !important; position:absolute !important; top:0px}
#section-press {
    box-sizing: border-box;
    padding: 0 6em 0;
}
}


@media (min-width:0) and (max-width: 889px) {
  #section-press > figure.item {
    width: 100%;
	margin:0px auto;
    float: none;
	padding-left:0px;
	padding-right:0px;
  }
}

@media screen and (max-width: 890px) {
  #section-press > figure.item {
    width: 100%;
    float: none;
  }
  figure#cross{ padding:10px}
}

@media screen and (max-width: 890px) {
  body {
    font-size: 9px;
  }
}

@media screen and (max-width: 1490px) {
  #section-press > figure.item {
    width: 33.333%;
    height: 200px;
  }
}
@media screen and (max-width: 1030px) {
  #section-press {
    margin-top: 3em;
  }
  #section-press > figure.item {
    width: 50%;
    height: auto;
    padding-top: 3em;
    padding-right: 0;
    padding-bottom: 3em;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #section-press > .item:nth-child(1) {
    padding-top: 6em;
  }
}

/*--press details----*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
#cross {
  background: url('../images/cross.svg') no-repeat center center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  padding: 32px;
}
figure.dot {
  -webkit-transition: 500ms all ease-in 0s;
  -moz-transition: 500ms all ease-in 0s;
  -ms-transition: 500ms all ease-in 0s;
  -o-transition: 500ms all ease-in 0s;
  transition: 500ms all ease-in 0s;
}

body#item {
  background-color: #fff;
}
body#item header {
  background: none;
  opacity: 0;
  z-index: 0;
}
#section-item {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#section-item figure.slide {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 3em;
  padding-right: 6em;
  padding-bottom: 6em;
  padding-left: 6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#section-item figure.slide img {
  height: auto;
  max-width: 100%;
  padding-top: 0;
  padding-right: 12em;
  padding-bottom: 0;
  padding-left: 12em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  #section-item figure.slide img {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#section-item figcaption {
  width: 600px;
  margin: 6em auto 0;
  height: 25%;
  display: table;
  text-align: left;
  opacity: 0;
}

@media (max-width: 600px) {
  #section-item figcaption {
    width: 100%;
  }
}
#section-item figcaption.on {
  opacity: 1;
  -webkit-transition: 750ms opacity ease-in 0s;
  -moz-transition: 750ms opacity ease-in 0s;
  -ms-transition: 750ms opacity ease-in 0s;
  -o-transition: 750ms opacity ease-in 0s;
  transition: 750ms opacity ease-in 0s;
}
#section-item figcaption h4 {
    display: table-cell;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 25%;
	font-weight:300
}

figure#cross {
  display: table;
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
}
figure#cross a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@-webkit-keyframes fade_out {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    color: #000;
  }
  50% {
    color: #cacbc8;
  }
  100% {
    color: #000;
  }
}