/*@import "modules/grid-settings";*/
html {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
*{ padding:0; margin:0;}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

@font-face {
  font-family: 'SackersGothicStd-Heavy';
  src: url("../fonts/2D89D3_0_0.eot");
  src: url("../fonts/2D89D3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D89D3_0_0.woff2") format("woff2"), url("../fonts/2D89D3_0_0.woff") format("woff"), url("../fonts/2D89D3_0_0.ttf") format("truetype"), url("../fonts/2D89D3_0_0.svg#wf") format("svg"), url('../fonts/STFANGSO.TTF') format('TTF'), url('../fonts/SIMYOU.TTF') format('TTF');
  font-weight: normal;
  font-style: normal; }
  @font-face {
  font-family: 'goldstein-pictos';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-phone:before {
    content: "\f095";
}
/* the fix ! simply ADD this block BELOW the above block */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'SackersGothicStd-Heavy';
    src: url("../fonts/2D89D3_0_0.svg#wf") format("svg");
    font-weight: normal;
    font-style: normal; } }
@font-face {
  font-family: 'goldstein-pictos';
  src: url("../fonts/goldstein-pictos.eot?-ku6k5m");
  src: url("../fonts/goldstein-pictos.eot?#iefix-ku6k5m") format("embedded-opentype"), url("../fonts/goldstein-pictos.woff?-ku6k5m") format("woff"), url("../fonts/goldstein-pictos.ttf?-ku6k5m") format("truetype"), url("../fonts/goldstein-pictos.svg?-ku6k5m#goldstein-pictos") format("svg");
  font-weight: normal;
  font-style: normal; }
.goldstein-picto:before {
  font-family: 'goldstein-pictos';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background-color: #333333;
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear; }

body.alt { height:100%;
  background-color: #000; }

body.alt.contact {
  background-color: #000; }

body.contact {
  background-color: #060606; }
  @media screen and (max-width: 679px) {
    body.contact {
      background-color: #6b6851; } }

main { background:#0c0c0c;
  /*margin-top: 60px;*/
  margin-bottom: 165px; }

.home main {
  margin-top: 75%; }
  @media screen and (max-width: 679px) {
    .home main {
      margin-top: 20px; } }

.home.hideIntro main {
  margin-top: 25%; }

.home.altIntro main { background:#0C0C0C; z-index:999;
  margin-top: 0%; }

img {}

@media screen and (max-width: 679px) {
  .hide-mobile {
     !important; } }

@media screen and (min-width: 45em) {
  .hide-tablet-up {
    display: none !important; } }

.wrapper {
  min-height: 100%;
background: #0c0c0c;  }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    top: 20px; }
  to {
    opacity: 1;
    top: 0px; } }
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    top: 20px; }
  to {
    opacity: 1;
    top: 0px; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    top: 20px; }
  to {
    opacity: 1;
    top: 0px; } }
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
    top: 0px; }
  to {
    opacity: 0;
    top: 20px; } }
@-moz-keyframes fadeOutDown {
  from {
    opacity: 1;
    top: 0px; }
  to {
    opacity: 0;
    top: 20px; } }
@keyframes fadeOutDown {
  from {
    opacity: 1;
    top: 0px; }
  to {
    opacity: 0;
    top: 20px; } }
a {
  outline: none; }

a:focus {
  outline: none; }

.casestudy-copy--journal a {
  color: #6F6944;
  text-decoration: none;
  border-bottom: 1px solid #6F6944; }

.page-content--company a
{ font-weight:600;
  text-decoration: none;
  color: #000; }
.page-content--company a:hover {
  text-decoration: none;
  color: #A5A5A5; }

.js--goldstein-signup-sending {
  display: block;
  display: none;
  color: white;
  text-align: center;
  font-size: 20px; }

.js--goldstein-signup-thankyou {
  display: block;
  display: none;
  color: white;
  text-align: center;
  font-size: 20px; }

.menu-item {
  padding-top: 15px;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 23px;
  letter-spacing: 1px; }
  .menu-item a {
    color: #D6D6D6;
    text-decoration: none;
    font-size: 18px; }
    .menu-item a:hover {
      border-bottom: 1px solid #afa66c; }
  .menu-item:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .menu-item {
      margin-right: 0; } }

.main-menu {
  margin: 0 auto;
  padding-left: 0;
  max-width: 74.25em; text-align:center; }

header.header {
  max-width: 74.25em;
  margin-left: auto;
  margin-right: auto;
  z-index: 99; }
  header.header::after {
    clear: both;
    content: "";
    display: table; }

nav.nav {
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #000;
  z-index: 99; }
  @media screen and (max-width: 679px) {
    nav.nav {
      display: none; } }

body.alt nav.nav {
  background-color: #000; }

.current-menu-item a {
  border-bottom: 1px solid #afa66c; }
  @media screen and (max-width: 679px) {
    .current-menu-item a {
      border: 0; } }

.mobile-menu-link {
  width: 35px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px; }
  .mobile-menu-link img {
    width: 35px; }

/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200; }

/* Overlay closing cross */
.overlay .overlay-close {
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  font-size: 24px;
  color: white;
  text-decoration: none;
  outline: none;
  z-index: 100; }

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative; }

.overlay ul li {
  display: block;
  height: 20%;
  height: calc(100% / 6);
  min-height: 54px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.overlay ul li a {
  font-size: 54px;
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  text-decoration: none;
  transition: color 0.2s; }
  @media screen and (max-width: 679px) {
    .overlay ul li a {
      font-size: 30px; } }

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #f0f0f0; }

/* Effects */

.container {
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }


.container.overlay-open { 
  /* -webkit-transform: translateX(50%);
  transform: translateX(50%); */
  /* 2020.12.05 改菜单跑了 */
  }

.container::after {
  content: '';
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }

.container.overlay-open::after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.overlay-contentpush {
  background-color: #26333d;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s; }

body.alt .overlay-contentpush {
  background-color: #26333d; }

.overlay-contentpush.open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px; }

  .overlay ul li {
    min-height: 34px; } }
.menu-item--client-area {
  position: absolute;
  padding-left: 3em; }
  .menu-item--client-area a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
     }
	 .menu-logo{ padding-top:5px; padding-bottom:5px;}
    .menu-item--client-area a:hover {
      opacity: 1; }

.page-intro {  margin:0 auto;
  font-size: 1px;
  line-height: 30px;
  letter-spacing:normal;
  color: #ebebeb;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0; }
.page-intro p{font-family: '黑体', sans-serif; margin:0 auto;
    }
  @media screen and (max-width: 679px) {
    .page-intro {
      font-size: 22px;
      line-height: 32px; } }

.about-2 .page-intro {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px; }

.sackers-style {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: '黑体'; font-weight:bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.page-carousel-image-category {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin: 10px auto;
  font-family: '黑体'; font-weight:900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.page-carousel-image-subtitle {
  display: block;
  margin: 10px auto;
  line-height: 20px; }

.video-close {
  font-size: 24px;
  z-index: 2; }
  .video-close a {
    color: #afa66c;
    text-decoration: none; }

.page-subTitle {
  margin-top: 0;
  padding-top: 20px;
  color:#fff;
  text-align: center;
  font-weight: normal;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: '微软雅黑'; 

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  letter-spacing: 2px;
 }
 .page-subTitle2 {
  margin-top: 0;
  padding-top: 20px;
  color:#000;
  text-align: center;
  font-weight: normal;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Arial',sans-serif;
  font-weight:500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  letter-spacing: 2px;
 }
 
  .about{ font-size:28px;}
  .page-subTitle a {
    color: white;
    text-decoration: none; }

.page-subTitle--sackers {
  font-family: '黑体'; font-weight:900;
  font-size: 14px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase; }

.page-subTitle--mobile {
  margin-bottom: 20px; }

.goldstein-picto--play:before {
  content: "\e616"; }

.goldstein-picto--playfull:before {
  content: "\e617"; }

.goldstein-picto--playfull {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.goldstein-picto--close:before {
  content: "\e601";
  display: inline;
  margin-left: 18px;
  font-size: 18px;
  font-weight: bold; }
  @media screen and (max-width: 679px) {
    .goldstein-picto--close:before {
      font-size: 25px; } }

.goldstein-picto--logo:before {
  color: #afa66c;
  font-size: 50px; }

.goldstein-picto--logo--darkgold:before {
  color: #A09868; }

.goldstein-picto--googleplus:before {
  content: "\e603"; }

.goldstein-picto--llb:before {
  content: "\f18a"; }

.goldstein-picto--mixcloud:before {
  content: "\f1d6"; }

.goldstein-picto--twitter:before {
  content: "\f1d7"; }

.goldstein-picto--vimeo:before {
  content: "\f18b"; }

.goldstein-picto--facebook:before {
  content: "\F2B5"; }

.goldstein-picto--youtube:before {
  content: "\f1d5"; }

.goldstein-picto--slideleft:before {
  content: "\e60d"; }

.goldstein-picto--slideright:before {
  content: "\e619"; }

.goldstein-picto--home {
  display: inline-block;
  vertical-align: top; }

.goldstein-picto--home:before {
  content: "\e609";
  display: inline;
  margin-right: 15px;
  font-size: 32px;
  color: white; }

.goldstein-picto--telephone:before {
  content: "\e60b";
  display: inline;
  margin-right: 15px;
  font-size: 32px; }

.goldstein-picto--letter:before {
  content: "\e60a";
  display: inline;
  margin-right: 15px; }

.goldstein-picto--playpause:before {
  content: "\e614"; }

.vjs-playing .goldstein-picto--playpause:before {
  content: "\e610"; }

footer.footer {
  color: #C8C7C1;
  text-align: center; }
  footer.footer p {font-family: '黑体', sans-serif; letter-spacing: 1px;
  /* text-transform: uppercase; */
    color:#fff;
    font-size: 16px;
    margin-top: 10px;
    line-height: 32px; }

.footer-title {
  text-transform: uppercase;
  font-family: '黑体'; font-weight:900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 2px; }

.award-category {
  text-transform: uppercase;
  font-family: 'SackersGothicStd-Heavy';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 2px; }

.award-title {
  color: white;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: normal;
  font-style: italic; }

.award-brand {
  font-size: 24px; }
  .award-brand p {
    margin: 0; }

.contact-left {
  font-size: 26px;
  color: white; }

.js--video-link {
  display: block;
  text-decoration: none;
  color: white; }
  .js--video-link:hover .goldstein-picto--playfull {
    opacity: 1; }

.header-404 {
  color: white; }

.link-404 {
  color: white;
  text-decoration: none; }

.journal-date {
  color: #6b6851; }

body.alt .journal-date {
  color: #0b1b1f; }

.journal-readmore a {
  text-decoration: none;
  font-style: italic;
  color: #6b6851;
  border-bottom: 1px solid #6b6851; }

body.alt .journal-readmore a {
  color: #B9B9B9; }

.page-carousel-image-meta {
  padding-left: 10px;
  padding-right: 10px; }
  .page-carousel-image-meta a {
    text-decoration: none;
    color: white;
    display: block;
    width: 75%;
    margin: 0 auto;
    margin-top: -100px;
    height: 50px; }
.page-carousel-image-title{ font-family:"华文仿宋", cursive; font-size:36px; font-weight:500;}
.journal-dolce-link {
  text-decoration: none;
  display: block;
  color: #6b6851;
  text-align: center;
  clear: both;
  display: block; }

body.alt .journal-dolce-link {
  color: #0b1b1f; }

.contact-form-email {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid white;
  text-align: center;
  font-size: 24px;
  color: white;
  width: 175px;
  -webkit-appearance: none;
  border-radius: 0; }

.contact-form-go {
  background-color: transparent;
  border: 0;
  color: white;
  position: absolute;
  top: 10px;
  padding-left: 20px; }

#mc_embed_signup {
  position: relative;
  text-align: center; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666C72; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666C72;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666C72;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666C72; }

.js--home-projects-show-more {
  margin-top: 20px;
  display: block; }
  .js--home-projects-show-more img {
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 20px; }
.g-more img {
    width: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 20px; }
.banner_wz{ max-width: 100%; margin:0 auto; position:relative;}
/* .banner_wz{ max-width: 65em; margin:0 auto; position:relative;} */

.page-intro { position:relative; margin:0 auto;
  float: left;
  display: block; 
  width: 45%;}
.banner1{font-size: 20px; color: #fff; margin-right: 6%;}
.banner2{font-size: 16px;  color: #ADADAD;}
  .page-intro:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .page-intro {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 83.16884%; }
      .page-intro:last-child {
        margin-right: 0; } }

.page-intro-wrapper { width:100%; margin:0 auto; left:0;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  /*z-index: 3;*/
  /* @media screen and (max-width: 68em) { */
  /* } */
  top: 100px; }
  .page-intro-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 679px) {
    .page-intro-wrapper {
      position: initial;
      line-height: 32px;
      padding-left: 30px; } }

.footer-wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1; }
  @media screen and (max-width: 679px) {
    .footer-wrapper {
      position: initial; } }

.contact .wrapper {
  height: 100%; }
.contact main {
  height: inherit;
  display: table;
  margin-bottom: 0px;
  margin-top: 0;
  padding-top: 60px;
  width: 100%; }
  @media screen and (max-width: 679px) {
    .contact main {
      padding-top: 0; } }
.contact .footer-wrapper {
  position: relative; }

.journal main {
  margin-top: 80px; }
.journal p img {
  height: auto !important; }

.single-post p img {
  height: auto !important; }

.category main {
  margin-top: 60px; }

footer.footer {
  max-width: 74.25em;
  margin-left: auto;
  margin-right: auto; }
  footer.footer::after {
    clear: both;
    content: "";
    display: table; }

.footer-box {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 32.67534%;
  text-align: center; }
  .footer-box:last-child {
    margin-right: 0; }
  .footer-box:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .footer-box {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      margin-right: 0; }
      .footer-box:last-child {
        margin-right: 0; } }

.page-content {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden; }
  @media screen and (max-width: 679px) {
    .page-content {
      padding-top: 0; } }

.page-content-wrapper {text-align: center; -letter-spacing:-1px;
  clear: both;
  max-width: 74.25em;
  margin-left: auto;
  margin-right: auto;
  /*margin-bottom:100px;*/
  z-index: 3; }
  .page-content-wrapper::after {
    clear: both;
    content: "";
    display: table; }

.page-content--company { padding-top:15%; padding-bottom:2%;
  padding-left: 20px;
  padding-right: 20px; }
.page-content--jian { padding-top:15%; padding-bottom:15%;
 }
.page-content--company p{
	font-family: '微软雅黑', sans-serif;
  text-indent: 2em;
    line-height: 27px;
    font-size: 16px;
    color:#fff;
    max-width: 800px;
    text-align: left;
    margin: 0 auto; }
	
	.page-content--company2 p{
	font-family: '微软雅黑', sans-serif;
  text-indent: 2em;
    line-height: 27px;
    font-size: 16px;
    color:#000;
    max-width: 800px;
    text-align: left;
    margin: 0 auto; }
  @media screen and (max-width: 679px) {
    .page-content--company {
      padding-top: 80px;
      padding-left: 30px;
      padding-right: 30px; }
	  
      .page-content--company p 
	  {
        text-align: left; } }
.page-content--composition {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 49.50651%;
  padding-left: 50px;
  padding-right: 50px; }
  .page-content--composition:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .page-content--composition {
      margin-top: 0;
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .page-content--composition:last-child {
        margin-right: 0; } }

.page-content--auditors {display: inline-block; margin:auto 0.98699%;  font-size:12px; letter-spacing:normal; word-spacing:normal;
  padding-top: 0;
  width: 48%; max-height:100%; vertical-align:top;
  padding-left: 50px;
  padding-right: 50px; }
  .page-content--auditors:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .page-content--auditors {
      margin-top: 0;
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .page-content--auditors:last-child {
        margin-right: 0; } }

.page-content--search {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 49.50651%;
  padding-left: 50px;
  padding-right: 50px;
  margin-right: 0; }
  .page-content--search:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .page-content--search {
      margin-top: 0;
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .page-content--search:last-child {
        margin-right: 0; } }

.section {
  max-width: 74.25em;
  margin-left: auto;
  margin-right: auto; }
  .section::after {
    clear: both;
    content: "";
    display: table; }

.gold {
  position: relative; }

body.alt .gold{
  background-color: #333333; padding: 10px 0px;
  
  }
  
 body.alt .gold2{
  background-color: #fff; padding: 10px 0px;
  
  }
  body.alt .gold.section-margin--audio {
    background-color: #333; 
	 
	}
	
	 body.alt .gold.section-margin--audio2 {
    background-color: #fff; 
	 
	}

.contact .gold {
  padding-top: 60px; }

.page-carousel {
  clear: both;
  position: relative;
  padding-top: 35%;
  z-index: 3;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  @media screen and (max-width: 679px) {
    .page-carousel {
      display: none !important; } }

.section-margin {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  @media screen and (max-width: 679px) {
    .section-margin {
      display: block;
      margin-top: 0px !important; } }

.about-2 .section-margin {
  margin-top: 650px; }

.page-carousel-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.hideIntro .page-carousel-inner {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 1; }

.altIntro .page-carousel-inner {
  opacity: 1; }

.page-carousel-image {
  background-image: url("http://goldstein-media.s3-eu-west-1.amazonaws.com/wp-content/uploads/2015/02/40.Sony-%2522Store%2522.png");
  background-position: center;
  width: 100%;
  height: 100%;
  display: table;
  background-size: cover; }

.page-carousel-image--2 {
  background-image: url("http://goldstein-media.s3-eu-west-1.amazonaws.com/wp-content/uploads/2015/02/39.Kellogs-%2522Desperate-Housewives-Ident%2522.png"); }

.page-carousel-image--3 {
  background-image: url("http://goldstein-media.s3-eu-west-1.amazonaws.com/wp-content/uploads/2015/02/31.Wheetabix-%2522Sibling-Rivalry%2522.png"); }

.page-carousel-image-meta {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 28px; }
  @media screen and (max-width: 64.0625em) {
    .page-carousel-image-meta {
      font-size: 28px; } }

.page-carousel-image-song {
  font-style: italic; }

.videoContainer {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 100;
  padding: 40px;
  background-color: black; }

.page-carousel-image-play-wrapper {
  position: relative;
  width: 30px;
  margin: 0 auto;
  height: 50px; }

.page-carousel-image-play {
  position: absolute;
  display: block;
  margin: 15px auto;
  width: 30px; }

.page-carousel-image-play--services {
  position: inherit; }

.recentWork {
  list-style-type: none;
  padding-left: 0;
  overflow: hidden;
  margin: 0;
  padding-left: 40px;
  padding-right: 40px; }
  @media screen and (max-width: 679px) {
    .recentWork {
      padding-left: 0;
      padding-right: 0; } }

.recentWork-item {
  display: inline-block;
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 32.67534%;
  margin-bottom: 0.56278em; }
  .recentWork-item:last-child {
    margin-right: 0; }
  .recentWork-item:nth-child(3n) {
    margin-right: 0; }
  .recentWork-item:nth-child(3n+1) {
    clear: left; }
  .recentWork-item img {
    width: 100%; min-height:100%;
    vertical-align: top;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0; }
  .recentWork-item:before {
    display: block;
    content: "";
    padding-top: 63.03191489%; }
  @media screen and (max-width: 679px) {
    .recentWork-item {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0; }
      .recentWork-item:last-child {
        margin-right: 0; } }

.recentWork-item-meta-wrapper {
  display: block;
  position: absolute;
  width: 101%;
  top: 0;
  left: 0;
  height: 101%;
  z-index: 10; }

.recentWork-item-meta-table {
  width: 100%;
  height: 100%;
  display: table;
  margin-left: -1px; }

.recentWork-item-meta {
  display: table-cell;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 679px) {
    .recentWork-item-meta {
      opacity: 1; } }

.recentWork-item-link-deact {
  position: relative;
  overflow: hidden; }

.recentWork-item-link:hover .recentWork-item-meta {
  opacity: 1; }
.recentWork-item-link:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.background-logo {
  text-align: center;
  position: fixed;
  top: 48%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
.background-logo img { height:300px; position:relative; overflow:hidden;}
  @media screen and (max-width: 679px) {
    .background-logo {
      display: none; } }
  @media screen and (min-width: 45em) and (max-width: 64.0625em) {
    .background-logo {
      display: none; } }

.background-logo--tablet {
  display: none; }
  @media screen and (min-width: 45em) and (max-width: 64.0625em) {
    .background-logo--tablet {
      display: block;
      position: absolute;
      top: 500px; } }

.page.about .background-logo {
  z-index: -1; }

.home .background-logo {
  z-index: 102; }

.home.hideIntro .background-logo {
  z-index: 2; }

.awards {
  list-style-type: none;
  padding-left: 0;
  margin-top: 80px; }

.award {
  color: white;
  text-align: center;
  margin-bottom: 80px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 24.25976%;
  /*margin-bottom: modular-scale(-2, 1em);*/ }
  .award:last-child {
    margin-right: 0; }
  .award:nth-child(4n) {
    margin-right: 0; }
  .award:nth-child(4n+1) {
    clear: left; }
  @media screen and (max-width: 679px) {
    .award {
      width: 100%;
      margin-bottom: 40px;
      margin-right: 0; } }

.darkgold {
  background-color: #A09868;
  position: relative; }

body.alt .darkgold {
  background-color: #0f212a; }

.yellowearth {
  background-color: #b9b48e;
  position: relative; }

body.alt .yellowearth {
  background-color: #616161; }
  
body.alt .yellowearth2{
  background-color: #fff; }
.profile-left {
  color: white;
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 41.09092%;
  padding-left: 50px; }
  .profile-left:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .profile-left {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .profile-left:last-child {
        margin-right: 0; } }

.profile-right {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 57.92209%;
  margin-right: 0; }
  .profile-right:last-child {
    margin-right: 0; }
  .profile-right p {
    color: white;
    font-size: 20px; }
  @media screen and (max-width: 679px) {
    .profile-right {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .profile-right:last-child {
        margin-right: 0; } }

.profile-title {
  font-size: 24px;
  font-weight: normal;
  margin-top: 5px;
  color: white; }

.profile-name {
  font-size: 24px;
  margin-bottom: 0px;
  color: white; }

.credit-column {
  font-size: 24px;
  color: white;
  padding-left: 50px;
  padding-right: 10px;
  line-height: 34px;
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 32.67534%; }
  .credit-column:last-child {
    margin-right: 0; }
  .credit-column:nth-child(3) {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .credit-column {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      margin-left: 0%;
      padding-left: 30px;
      padding-right: 30px; }
      .credit-column:last-child {
        margin-right: 0; } }

.casestudy-left {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 49.50651%;
  padding-right: 40px;
  padding-left: 50px;
  margin-top: 24px; }
  .casestudy-left:last-child {
    margin-right: 0; }
  .casestudy-left img { width:100%; height:100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .casestudy-left .recentWork-item-link {
    position: relative;
    overflow: hidden; }
  @media screen and (max-width: 679px) {
    .casestudy-left {
      margin-top: 0;
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .casestudy-left:last-child {
        margin-right: 0; } }

.casestudy-right {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 49.50651%;
  margin-right: 0; }
  .casestudy-right:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .casestudy-right {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      .casestudy-right:last-child {
        margin-right: 0; } }

@media screen and (min-width: 45em) and (max-width: 64.0625em) {
  .casestudy {
    padding-left: 30px;
    padding-right: 30px; } }

.casestudy-title {font-family: '黑体';letter-spacing: 2px;
  font-size: 16px;
  font-weight:bold;
  margin-top: 0;
  color: white;
  margin-bottom: 20px; }
  @media screen and (max-width: 679px) {
    .casestudy-title {
      margin-bottom: 10px; } }

.casestudy-title--journal {
  color:#000;
  margin-bottom: 10px; }

.z2 {
  z-index: 3;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0); }

.z0 {
  z-index: 0; }

.casestudy {
  position: relative;
  margin-bottom: 50px;
  overflow: hidden; }
  .casestudy:first-child {
    margin-top: 80px; }
  @media screen and (max-width: 679px) {
    .casestudy {
      margin-top: 20px; } }

.casestudy-copy {
  font-size: 16px;
  color:#fff; }
  .casestudy-copy img{ 
	width:100%!important;
	height:auto!important;
	max-width:600px!important;
	margin:20px auto;
  }


.casestudy-copy--journal
 { 
 margin-top:10px;
 line-height:27px;
  color: #000;
  font-family: '微软雅黑', sans-serif;
  }
.casestudy-copy--journal .des{ }
.g-margin-20{margin:20px auto;}
.g-img img{max-width:600px;width:100%;text-align:center;}
.casestudy-copy--journal .yp-bf audio{max-width:600px;width:100%;outline: none; }

.contact-element {
  margin-bottom: 25px;
  text-decoration: none;
  color: white;
  text-align: center;
  font-size: 20px; }
  .contact-element a {
    text-decoration: none;
    color: white; }

.social-link {
  text-decoration: none;
  color: white;
  display: inline;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 679px) {
    .social-link {
      width: 33.3333%;
      margin-top: 40px;
      padding-left: 30px;
      padding-right: 30px; }
      .social-link:first-child {
        text-align: left; }
      .social-link:nth-child(4) {
        text-align: left; }
      .social-link:nth-child(3n) {
        text-align: right; } }

.goldstein-picto-social {
  display: inline;
  margin-right: 15px;
  margin-left: 15px; }
  .goldstein-picto-social:before {
    color: white;
    display: inline;
    font-size: 30px; }
  @media screen and (max-width: 679px) {
    .goldstein-picto-social {
      line-height: 50px;
      width: 30%;
      display: inline-block;
      padding: 0;
      margin: 0; } }

.footer-box .goldstein-picto-social {
  margin-right: 10px;
  margin-left: 10px; }
  .footer-box .goldstein-picto-social:before {
    font-size: 25px; }
  @media screen and (max-width: 679px) {
    .footer-box .goldstein-picto-social {
      text-align: center;
      width: 30%;
      display: inline-block;
      padding: 0;
      margin: 0; } }

.carousel {
  height: 100%;
  position: relative; }
  .carousel li {
    height: 100%;
    position: absolute;
    width: 100%; }

.recentWork-page {
  display: none; }

.show-more-hide {
  display: none; }

.mobile-logo { text-align:center;
  padding-left: 20px;
  padding-right: 20px;
  width: 300px;
  max-width: 100%;
  margin: 0 auto; }

.mobile-intro {
  background-color: #0E0E0E;
  height: 200px;
  padding-top:15%; }

body.alt .mobile-intro {
  background-color:#0c0c0c; }

body.audio .mobile-intro {
  display: none; }

.categories-bar {
  text-align: center;
  color: #6b6851;
  padding-top: 70px;
  padding-bottom: 20px; }
  .categories-bar a {
    color: #E8E8E8;
    text-decoration: none; }

.brokenwhite {
  background-color: #EFEDE2; }

.category-name {
  margin-right: 10px; }

.journal-item {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  color:#fff; }
  @media screen and (max-width: 679px) {
    .journal-item {
      margin-top: 20px;
      max-width: 100%;
      padding-left: 30px;
      padding-right: 30px; } }
  .journal-item .casestudy-copy--journal a, .journal-item .casestudy-copy--journal a:visited, .journal-item .casestudy-copy--journal a:focus {
    color: #6F6944;
    border-bottom: 1px solid #6F6944; }

.journal-image { width:100%;
  margin-top: 20px; }

.page-carousel-image-blurb {
  font-size: 18px;font-family: '黑体', sans-serif;
  width: 50%;
  margin: 15px auto;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media screen and (min-width: 45em) and (max-width: 64.0625em) {
    .page-carousel-image-blurb {
      width: 100%; } }

.client-img {
  width: 75%;
  margin: 0 auto;
  display: block; }

.carousel-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 15%;
  text-decoration: none;
  font-size: 30px;
  color: white;
  z-index: 5; }

.carousel-slide--left {
  left: 0; }
  .carousel-slide--left:hover {
    cursor: url("/wp-content/themes/goldstein/img/carousel-left.png"), auto; }

.carousel-slide--right {
  right: 0; }
  .carousel-slide--right:hover {
    cursor: url("/wp-content/themes/goldstein/img/carousel-right.png"), auto; }

.award-logo {
  height: 100px; }

.award-brand a {
  color: white; }

.journal-nav-links {
  text-align: center;
  margin-bottom: 20px; }
  .journal-nav-links a {
    text-decoration: none;
    color: #6b6851; }

body.alt .journal-nav-links a { font-weight:500;
  color: #A0A0A0; }

.contact-social {
  text-align: center;
  margin-bottom: 40px; }

.contact-address {
  margin-bottom: 40px; }

.profile {display: inline-block; *display: inline; *zoom:1; font-size:12px; letter-spacing:normal; word-spacing:normal;
  width: 33%;
  /*margin-bottom: modular-scale(-2, 1em);*/
  margin-bottom: 30px;}
  @media screen and (max-width: 679px) {
    .profile {
      width: 100%;
      margin-bottom: 40px;
      margin-right: 0; } }

.profile-header {
  position: relative; }
  .profile-header:before {
    padding-top: 116.25%;
    content: "";
    display: block; }
  .profile-header img { width:100%; height:100%;}

.profile-photo {
  position: absolute;
  top: 0;
  left: 0;
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* Firefox 35+ */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */ }

.profile-photo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #afa66c;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

body.alt .profile-photo-overlay {
  background-color: #26333d; }

.profile-link--dolce .profile-photo-overlay {
  opacity: 0.6; }
.profile-link--dolce:hover .profile-photo-overlay {
  opacity: 0.6; }

.profile-header-text-wrapper {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.profile-header-text-table {
  display: table;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.profile-header-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.profiles { margin:0 auto;display: -webkit-flex; display: flex;     align-items: center; justify-content: center; text-align:center;flex-wrap:wrap;
  list-style-type: none;    flex-direction: column;
  margin-left: 0;
  padding-left: 0; }

.profile-biography { text-align:left;
  font-size: 16px;
  line-height: 28px;
  margin:20px auto;
  color: white;
  display: none; }

.profile-link.inactive .profile-header-text {
  opacity: 1; }
  @media screen and (min-width: 45em) {
    .profile-link.inactive .profile-header-text {
      opacity: 0;
      -webkit-animation: fadeOutDown 300ms linear;
      -moz-animation: fadeOutDown 300ms linear;
      animation: fadeOutDown 300ms linear; } }

/*.profile-link.inactive {
    &:hover {
        .profile-photo {
            filter: none;
            -webkit-filter: grayscale(0);
        }
    }
}*/
.profile-link.active .profile-photo {
  filter: none;
  -webkit-filter: grayscale(0); }
.profile-link.active .profile-photo-overlay {
  opacity: 0; }

@media screen and (min-width: 45em) {
  .profile-link.inactive:hover .profile-header-text {
    -webkit-animation: fadeInUp 300ms linear;
    -moz-animation: fadeInUp 300ms linear;
    animation: fadeInUp 300ms linear;
    opacity: 1; } }

.profile-link.active .profile-header-text {
  opacity: 0;
  -webkit-animation: fadeOutDown 300ms linear;
  -moz-animation: fadeOutDown 300ms linear;
  animation: fadeOutDown 300ms linear; }

@media screen and (max-width: 679px) {
  .page-subTitle--clients {
    margin-top: 20px; } }

.page-subTitle--home {
  margin-bottom: 0; }

.js--switch-color {
  position: fixed;
  z-index: 1000;
  padding: 10px;
  top: 10px;
  left: 10px;
  background-color: black;
  color: white; }

.more-link {
  display: none; }

.contact-footer-box {
  color: white;
  width: 60%;
  margin: 0 auto;
  font-size: 18px;
  margin-bottom: 100px; }
  .contact-footer-box a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white; }

.dolce-logo {
  display: block;
  width: 120px;
  margin-top: 30px;
  margin: 0 auto;
  margin-bottom: 30px; }

article.post .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
article.post .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.audio-block {
  width: 50%;
  margin: 0 auto;
  color: white;
  display: block;
  margin-bottom: 70px;
  z-index: 5;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .audio-block:hover.faded {
    opacity: 1; }
  .audio-block.faded {
    opacity: 0.3; }

.audio-info {
  font-size: 30px;
  font-style: italic;
  line-height: 20px;
  color: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute; }
  @media screen and (max-width: 679px) {
    .audio-info {
      top: 30%; } }
  @media screen and (min-width: 45em) and (max-width: 64.0625em) {
    .audio-info {
      top: 40%; } }

.audio-clicktoplay {
  font-family: 'SackersGothicStd-Heavy';
  font-size: 11px;
  font-style: normal;
  text-transform: uppercase;
  width: 300px;
  text-align: center;
  height: 20px;
  position: absolute;
  display: none;
  margin-top: 20px; }

.audio-timeElapsed-wrapper {
  font-family: 'SackersGothicStd-Heavy';
  font-size: 11px;
  font-style: normal;
  margin-bottom: 15px;
  text-align: left;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  height: 20px;
  overflow: hidden;
  line-height: 11px;
  display: inline-block;
  width: 300px; }

.audio-nowPlaying {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer; }

.project-player-title {
  width: 300px;
  top: 55px;
  text-align: center; }

.audio-hover-info {
  text-align: center;
  width: 100%;
  height: 40px; }

.ipad-prompt {
  display: none; }

html.no-touch .audio-info--ipad {
  display: none; }

html.touch .ipad-prompt {
  text-align: center;
  font-size: 21px;
  display: block; }
html.touch .hide-ipad {
  display: none; }
html.touch .desktop-prompt {
  display: none; }

.audio-info-playing {
  top: 30px; }

.audio-info {
  z-index: 19;
  width: 300px; }

.audio-timeElapsed {
  display: inline-block; }

.js--clickpause {
  cursor: pointer; }

.project-share {
  margin-top: 40px;
  margin-bottom: 20px; }
  .project-share a {
    margin-right: 20px; }
    .project-share a:last-child {
      margin-right: 0; }
  .project-share img {
    height: 22px; }

.footer-box a {
  color: #afa66c; }

html.skrollr-mobile {
  height: 100%; }
  html.skrollr-mobile body.audio {
    min-height: 100%; }
    html.skrollr-mobile body.audio #skrollr-body {
      height: 100%; }

.prompt {
  width: 600px;
  margin: 0 auto;
  line-height: 34px;
  text-align: center;
  font-style: normal;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 120px 105px;
  margin-left: -150px;
  position: fixed;
  margin-top: -200px;
  font-size: 24px;
  z-index: 10; }

.prompt-close {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-transform: uppercase;
  left: 0;
  font-size: 17px;
  letter-spacing: 2px;
  text-decoration: none;
  color: white;
  z-index: 20; }

.ipad-prompt {
  position: fixed;
  color: white;
  margin-left: auto;
  margin-top: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  @media screen and (max-width: 679px) {
    .ipad-prompt {
      width: 80%;
      padding: 60px 10px; } }

/*
.page-content--awards {
    padding-top:0;
}*/
.audio-playpause-img {
  width: 60px;
  max-width: initial;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.audio-clickpause {
  width: 30px;
  display: block;
  overflow: hidden;
  float: left; }
  .audio-clickpause.playing .audio-playpause-img {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

.audio-progress {
  height: 10px;
  width: 100%;
  background-color: #585858;
  position: relative;
  cursor: pointer; }

.audio-progress-current {
  position: absolute;
  height: 10px;
  background-color: #afa66c; }

.audio-title {
  line-height: 30px; }

.section-margin--audio {
  padding-top: 70px;
  padding-bottom: 50px;
  min-height: 300px; }

.volume-progress {
  height: 5px;
  width: 50px;
  background-color: #585858;
  position: relative;
  float: right;
  margin-top: 19px;
  cursor: pointer; }

.volume-progress-current {
  height: 5px;
  width: 40px;
  background-color: #afa66c;
  position: relative; }

.audio-volume-icon {
  max-width: initial;
  width: 22px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.js--audio-volume-icon {
  width: 11px;
  float: right;
  margin-top: 13px;
  margin-right: 15px;
  overflow: hidden; }
  .js--audio-volume-icon.muted .audio-volume-icon {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }

.jp-no-solution {
  display: none; }

.sa-section {
  float: left;
  display: block;
  margin-right: 0.98699%;
  width: 49.50651%;
  text-align: center; }
  .sa-section:last-child {
    margin-right: 0; }
  @media screen and (max-width: 679px) {
    .sa-section {
      float: left;
      display: block;
      margin-right: 0.98699%;
      width: 83.16884%; }
      .sa-section:last-child {
        margin-right: 0; } }

.sa-logo {
  margin-top: 100px; }

.wp-playlist-caption {
  max-width: 100% !important;
  width: calc(100% - 40px) !important; }

.video-close {
  position: absolute;
  right: 20px;
  top: 10px; }

.vjs-default-skin .vjs-big-play-button {
  display: none !important; }

.video-intro-wrapper {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100; }
  @media screen and (max-width: 679px) {
	  .journal main {
    margin-top: 0px;
}
    .video-intro-wrapper {
      display: none; } }

.altIntro .video-intro-wrapper {
  position: fixed; }

.hideIntro .video-intro-wrapper {
  display: none; }

.touch .video-intro-wrapper {
  display: none; }

.video-intro {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: black;
  opacity: 1;
  position: absolute; }
  @media screen and (max-width: 679px) {
    .video-intro {
      display: none; } }
  .video-intro .video-js {
    /*@include transform(scale(1.6));*/
    opacity: 0.75; }

.video-intro-volume {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 101; }
  .video-intro-volume img {
    width: 35px; }

.video-intro-arrow {
  position: absolute;
  bottom: 20px;
  width: 20%;
  text-align: center;
  z-index: 101;
  right: 20px;
  text-align: right; }
  .video-intro-arrow img {
    width: 32px;
    -webkit-animation: bounce 2.5s ease-out infinite;
    -moz-animation: bounce 2.5s ease-out infinite;
    animation: bounce 2.5s ease-out infinite; }

.video-intro-loader {
  position: absolute;
  bottom: 60px;
  text-align: center;
  z-index: 101;
  width: 100%; }
  .video-intro-loader img {
    width: 32px; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); } }
/*
 * Adding the animation to our element
*/
.vjs-default-skin .vjs-play-progress {
  background-image: none;
  background-color: #afa66c; }

.vjs-default-skin .vjs-slider-handle:before {
  content: ""; }

.vjs-default-skin .vjs-play-control {
  display: none; }

.vjs-default-skin .vjs-fullscreen-control:before {
  font-family: 'goldstein-pictos';
  content: "\e60f";
  color: #afa66c; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e618"; }

.video-js {
  font-family: 'SackersGothicStd-Heavy';
  width: 100%;
  height: 100%; }

.video-playpause-wrapper {
  position: absolute;
  width: 500px;
  height: 500px;
  display: none;
  left: 50%;
  top: 50%;
  margin-top: -250px;
  margin-left: -250px; }

.video-playpause {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  .video-playpause img {
    position: absolute;
    display: inline;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 40px;
    margin-left: -20px;
    margin-top: -20px; }

.vjs-has-started .video-playpause-wrapper {
  display: table; }

.video-js.vjs-playing .video-playpause-wrapper:hover img.video-playpause-pause {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.video-js.vjs-paused .video-playpause-wrapper:hover img.video-playpause-play {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.vjs-control-bar {
  z-index: 5; }

.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
  font-family: 'goldstein-pictos';
  content: "\e600";
  color: #afa66c; }

.vjs-default-skin .vjs-volume-level {
  background-image: none;
  background-color: #afa66c; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-intro-volume-img {
  display: none; }

.video-intro-volume-img.active {
  display: inline; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: none; }

.vjs-loading-spinner {
  background-image: url("/wp-content/themes/goldstein/img/gold-loader.gif");
  background-size: cover; }

.video-intro-loader--normal {
  top: 50%;
  width: auto;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px; }

.touch .video-intro-loader--normal {
  display: none; }

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("/wp-content/themes/goldstein/fonts/flexslider-icon.eot");
  src: url("/wp-content/themes/goldstein/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/goldstein/fonts/flexslider-icon.woff") format("woff"), url("/wp-content/themes/goldstein/fonts/flexslider-icon.ttf") format("truetype"), url("/wp-content/themes/goldstein/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0px;
  background-color: #afa66c;
  height: 100%;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  height: 100%;
  zoom: 1; }
  .flexslider .slides li {
    height: 100%; }

.flexslider .slides img {
  height: auto; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -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; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a .flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.page-template-page-customer main, .single-cuar_private_page main {
  margin-top: 60px; }
  .page-template-page-customer main .page-content, .single-cuar_private_page main .page-content {
    padding-top: 20px; }

.navbar-default {
  border: 0;
  margin-bottom: 0;
  background-color: transparent; }

.cuar-menu-container {
  text-align: center;
  margin-bottom: 0; }

.cuar-menu-container nav ul li {
  display: inline-block;
  float: none;
  margin-right: 20px; }
  .cuar-menu-container nav ul li a {
    font-family: 'SackersGothicStd-Heavy';
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #6b6851;
    padding: 0; }
  .cuar-menu-container nav ul li .sub-menu {
    display: none; }
  .cuar-menu-container nav ul li a {
    padding-bottom: 5px; }

.cuar-menu-container nav ul {
  margin: 0 auto;
  float: none; }

.navbar-default .navbar-nav > li > a {
  font-family: 'SackersGothicStd-Heavy';
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #6b6851;
  padding: 0; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .current-menu-parent > a, .navbar-default .navbar-nav > .current-menu-parent > a:hover, .navbar-default .navbar-nav > .current-menu-parent > a:focus {
  color: #6b6851;
  background-color: transparent; }

.navbar-default .navbar-nav > li > a:hover {
  color: #6b6851; }

.cuar-content-block h3 {
  color: black;
  font-size: 24px;
  font-weight: normal; }

.cuar-item-list a {
  color: black !important; }

.cuar-item.cuar-item-wide .panel, .cuar-item.cuar-item-fullwidth .panel {
  background-color: transparent; }

.cuar-item-list a:visited {
  color: black !important; }

.panel {
  border-left: 0 solid transparent;
  padding-left: 0; }
  .panel:hover {
    background: none;
    padding-left: 0;
    border-left: none; }
    .panel:hover .badges {
      top: 0;
      right: 0; }

.navbar-header {
  display: none; }

.cuar-page, .cuar-sc-protected-content, .cuar-private-file {
  color: black;
  text-align: center; }
  .cuar-page .casestudy-title, .cuar-sc-protected-content .casestudy-title, .cuar-private-file .casestudy-title {
    font-size: 24px; }

.cuar-private-file {
  margin-top: 40px; }

.cuar-form {
  margin-top: 20px; }
  .cuar-form label {
    color: black;
    display: block;
    margin-bottom: 10px; }
  .cuar-form .form-group {
    margin-top: 20px; }

.help-block {
  display: block;
  width: 50%;
  margin: 0 auto;
  margin-top: 10px; }

.wp-editor-wrap {
  width: 50%;
  margin: 0 auto; }

.cuar-private-file-list .wp-video, .cuar-private-file-list .wp-audio-shortcode, .cuar-item-list .wp-video, .cuar-item-list .wp-audio-shortcode {
  margin: 20px auto; }
.cuar-private-file-list .wp-audio-shortcode, .cuar-item-list .wp-audio-shortcode {
  width: 50% !important; }

.folder-title {
  font-size: 20px;
  margin-bottom: 5px; }
  .folder-title a {
    text-decoration: none; }

.cuar-private-page {
  margin-bottom: 20px; }

.folder-title-single {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 5px; }

.lt-ie9 .background-logo {
  margin-left: -268px; }
.lt-ie9 .nav.nav {
  top: 0; }
.lt-ie9 main {
  margin-bottom: 20px !important; }
.lt-ie9 .footer-wrapper {
  position: inherit; }
.lt-ie9 .video-playpause {
  display: block;
  margin-top: 50%;
  margin-left: 50%; }
.lt-ie9 .services .section-margin {
  z-index: 4; }

#full_screen_video {
  width: 100% !important; }

.w3agile_footer_copy { width:100%; position:relative; overflow:hidden;
    text-align: center;
	background:#000;
    padding: 0.5em 0;
}
.w3agile_footer_copy p { font-size:9px;  font-family: '黑体', sans-serif;
  display: block;letter-spacing: 1px;text-transform: uppercase;
    color: #7B7B7B;
}
.w3agile_footer_copy p a {
    color: #7B7B7B;
}
.zhong5{ width:100%; background:#fff;  margin:0 auto; position:relative; overflow:hidden;}

.hezuo_k{padding: 3em 0; width:100%; margin:0 auto; position:relative; overflow:hidden;}
.hezuo_k h3{margin-top: 0;
    padding-top: 20px;
    color: #000;
    text-align: center;
    font-weight: normal;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: '黑体';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    letter-spacing: 2px;}
.hezuo{ width:100%;text-align: center; margin:3em auto; position:relative; overflow:hidden;}
.hezuo_pic{ height:70px;line-height:70px; margin:10px auto; position:relative; overflow:hidden; vertical-align:middle; text-align:center;}
.hezuo .hezuo_pic{display: inline-block; *display: inline; *zoom:1; font-size:12px; letter-spacing:normal; word-spacing:normal; width:14.285%;  
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.hezuo_pic img{ vertical-align:middle;}
.hezuo_k .more{ float:right;}
@media(max-width:768px){
	.hezuo_pic img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}
.hezuo .hezuo_pic{width:49%;}


}