.unselect {  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  -o-user-select: none;  user-select: none;}.ir {  font: 0/0 a;  text-shadow: none;  color: transparent;}.clearfix:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.clearfix {  display: inline-block;}html[xmlns] .clearfix {  display: block;}* html .clearfix {  height: 1%;}.middleHack {  zoom: 1;}.ib {  display: -moz-inline-stack !important;  display: inline-block !important;  vertical-align: top;}.ibIe {  display: inline !important;  zoom: 1;}.lt-ie8 .ib {  display: inline !important;  zoom: 1;}.bgCover {  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}.clear {  clear: both;  display: block;}.translate3d {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.translate {  -webkit-transform: translate(0,0);  -moz-transform: translate3d(0,0);  -ms-transform: translate3d(0,0);  -o-transform: translate3d(0,0);  transform: translate3d(0,0);}.noflick {  -webkit-backface-visibility: hidden;}a img {  border: none;}.overflow {  overflow: hidden;}.bgwidth {  width: 100%;}.bgheight {  height: 100%;}body {  font-weight: 600 !important;}#content {  padding-bottom: 90px;  position: relative;}#content .projectPushs {  position: relative;  z-index: 20;  min-height: 650px;  background-color: #000;}#content .projectPushs .overlay {  position: absolute;  top: 0;  left: 0;  right: -1px;  bottom: 0;  background: #000000;  z-index: 2;  display: none;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#content .projectPushs .push {  display: block;  float: left;  width: 33.33%;  position: relative;  overflow: hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#content .projectPushs .push img {  display: block;  width: 100%;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#content .projectPushs .push span {  display: block;}#content .projectPushs .push .hover {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(18,18,18,0.65);  text-align: center;  display: none;  overflow: hidden;  padding: 10px;}#content .projectPushs .push .hover video {  position: absolute;  top: 0;  left: 0;  width: 100%;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;}#content .projectPushs .push .hover .middle {  vertical-align: middle;  line-height: normal;  display: inline-block;  width: 100%;  position: relative;  z-index: 2;}#content .projectPushs .push .hover .middle .title {  margin-top: -7px;  font-size: 2em;  font-weight: 300;  text-transform: uppercase;}#content .projectPushs .push .hover .middle .client {  text-transform: uppercase;}#content .projectPushs .push .hover .middle .client2 {  display: none;}.touch #content .projectPushs .push .hover {  display: block;  background: rgba(18,18,18,0.45);  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.touch #content .projectPushs .push .hover video {  display: none;}footer {  position: absolute;  bottom: -50px;  left: 0;  right: 0;  display: none;}footer .container {  padding: 0 75px 0 40px;  margin: 0 auto;  background: #000;  line-height: 50px;  text-transform: none;}footer .container a {  text-decoration: none;}footer .container .left {  float: left;  width: 50%;}footer .container .right {  float: right;  width: 50%;  text-align: right;  font-size: 13px;  color: #9d9d9c;  font-weight: 400;}footer .container .right .McArnoldsLogo {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0 -148px;  width: 144px;  height: 21px;  text-indent: -6000px;  text-align: left;  display: inline-block;  vertical-align: middle;  margin-bottom: -2px;}footer .container .right .sep {  display: inline-block;  width: 1px;  height: 18px;  background: #9d9d9c;  vertical-align: middle;  margin: 0 10px;}footer .container .right a {  color: #9d9d9c;  -webkit-transition: all 200ms ease-out;  -moz-transition: all 200ms ease-out;  -ms-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;}.no-touch footer .container a:hover {  text-decoration: underline;}.no-touch footer .container .right a:hover {  text-decoration: none;  color: #FFFFFF;}header {  position: fixed;  left: 0;  top: 0;  padding: 40px;  z-index: 1;  text-transform: uppercase;}header nav {  margin-top: 30px;}header nav a {  text-decoration: none;  display: block;  float: left;  clear: left;  padding: 7px 0 3px;}header nav a.selected {  border-bottom: 1px solid #fff;}aside {  padding: 40px;  text-transform: uppercase;  line-height: 1.4em;  vertical-align: top;}aside p {  margin-top: 20px;  vertical-align: top;}aside a {  text-decoration: none;}aside.contact {  display: none;}aside#contact {  position: fixed;  z-index: 1;  left: 0;  bottom: 0;}* {  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.no-touch * {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}div,h1,h2,h3,h4,span,p,img,a {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}a {  color: #FFFFFF;  text-decoration: underline;}img {  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-user-drag: none;  user-drag: none;}html,body {  background: #000;  color: #fff;  overflow: hidden;  font-family: "josefin", sans-serif;  font-size: .9em;  font-weight: 300;}#container {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  padding-left: 220px;  overflow: hidden;}#container .scrollContent {  padding: 40px 75px;  max-width: 1800px;  margin: 0 auto;}#container .scrollContent header {  display: none;}.iScrollIndicator {  background: #FFFFFF;  cursor: pointer;  display: block;  position: absolute;  top: 0;  right: 0px;  width: 7px;  -webkit-border-radius: 4px;  border-radius: 4px;  -webkit-transition: all 5s ease-out;  -moz-transition: all 5s ease-out;  -ms-transition: all 5s ease-out;  -o-transition: all 5s ease-out;  transition: all 5s ease-out;}.iScrollVerticalScrollbar {  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: opacity 150ms ease-out;  -moz-transition: opacity 150ms ease-out;  -ms-transition: opacity 150ms ease-out;  -o-transition: opacity 150ms ease-out;  transition: opacity 150ms ease-out;  position: absolute;  top: 2px;  right: 2px;  bottom: 2px;  width: 10px;  z-index: 2;}.iScrollVerticalScrollbar.display {  opacity: 1;  filter: alpha(opacity=100);}#progressBar {  width: 100%;  position: absolute;  top: -6px;  top: 0;  left: 0;  height: 6px;  background: #FFFFFF;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#progressBar > div {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 0%;  background: #aa1a1a;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}.typed-cursor {  opacity: 1;  -webkit-animation: blink 0.7s infinite;  -moz-animation: blink 0.7s infinite;  animation: blink 0.7s infinite;  margin-left: 2px;}@keyframes blink {  0% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 1;  }}@-webkit-keyframes blink {  0% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 1;  }}@-moz-keyframes blink {  0% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 1;  }}#loader {  position: fixed;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.7);  display: none;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#loader > span {  width: 100px;  height: 4px;  position: absolute;  top: 50%;  left: 50%;  margin-left: -50px;  margin-top: -2px;}#loader > span > span {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 0%;  background: #FFFFFF;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}@media screen and (min-width: 1500px) {  #content .projectPushs .push {    width: 25%;  }}@media screen and (max-width: 1200px) {  #content .projectPushs .push {    width: 50%;  }}@media screen and (max-width: 800px) and (min-height: 361px) {  html #container #content .projectPushs .push {    width: 100%;  }}@media screen and (max-height: 770px) {  html #container header {    padding-top: 35px;    padding-bottom: 30px;  }  html #container header h1 {    font-size: 46px;  }  html #container header nav {    margin-top: 15px;  }}@media screen and (max-width: 700px) {  html #contact .container,  html footer .container {    padding: 0 20px;  }  html #container .scrollContent {    padding: 40px 20px 0;  }  html header nav {    margin-top: 20px;  }  html #container header {    padding-top: 30px;    bottom-bottom: 20px;  }  html #container header h1 {    font-size: 30px;    margin-left: -1px;  }  html #container header h2 {    font-weight: normal;    font-size: 15px;  }  html #contact .container .content h2 {    font-size: 30px;  }  html #contact .container .content p {    width: 90%;  }  html #contact .container .content .infos {    font-size: 15px;  }}@media screen and (max-width: 600px) {  html #video {    left: 30px;    right: 30px;  }}@media screen and (max-width: 530px),screen and (max-height: 360px) {  #container header h1 {    font-size: 30px;    margin-left: -1px;  }  #container header h2 {    font-weight: normal;    font-size: 15px;    margin-top: -5px;  }  #content #video .infos .type {    font-size: 15px;    margin-bottom: -4px;  }  #content #video .infos .title {    font-size: 20px;  }  #content #video .infos .client {    font-size: 20px;  }}@media screen and (max-height: 600px),screen and (max-width: 600px) {  html #header {    display: none;  }  html #container {    padding-left: 0;  }  html #container .scrollContent header {    display: block;    position: static;    text-align: center;    padding: 10px;  }  html #container .scrollContent header nav {    overflow: hidden;  }  html #container .scrollContent header nav a {    float: none;    position: relative;  }  html #container .scrollContent header nav a.selected {    border: none;  }  html #container .scrollContent header nav a.selected:after {    content: '';    border-bottom: 1px solid #fff;    width: 100px;    position: absolute;    bottom: 0;    left: 50%;    margin-left: -50px;  }  html #content {    padding-bottom: 0;  }  html #content .projectPushs {    min-height: 0;  }  html #content #video {    top: 0;  }  html aside#contact {    display: none;  }  html aside.contact {    display: block;    position: static;    padding: 10px 10px 30px;    text-align: center;  }  html aside.contact p {    display: inline-block;    padding: 0 10px;  }  html footer {    display: none !important;  }}@media screen and (max-width: 400px) {  .touch #content .projectPushs .push .hover .middle .title,  #content .projectPushs .push .hover .middle .title {    font-size: 20px;  }  .touch #content .projectPushs .push .hover .middle .client,  #content .projectPushs .push .hover .middle .client {    font-size: 16px;  }  html #video .infos .title {    font-size: 1.5em;  }  #content .projectPushs .push .hover .middle {    font-size: 0.85em;  }}@media screen and (max-width: 300px) {  #content .projectPushs .push .hover .middle .title {    font-size: 1.3em;  }}#video {  position: absolute;  top: 100px;  left: 100px;  right: 100px;  bottom: 100px;  z-index: 1;  display: none;}#video .iframeContainer {  position: absolute;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  top: 0;  left: 0;  right: 0;  bottom: 71px;}#video.expanded .iframeContainer {  bottom: 89px;}#video iframe {  width: 100%;  height: 100%;  display: block;  background: #000000;  min-height: 200px;  position: relative;  z-index: 2;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}#video .infos {  background: #171717;  position: absolute;  bottom: 0;  left: 0;  right: 0;  color: #ffffff;  padding: 10px 65px 20px 20px;  z-index: 100;}#video .infos .close {  position: absolute;  top: 50%;  right: 20px;  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0px 0px;  width: 42px;  height: 41px;  text-indent: -6000px;  text-align: left;  margin-top: -20px;  cursor: pointer;  z-index: 2;}#video .infos .type {  color: #727272;  margin-bottom: -10px;  display: block;}#video .infos .title {  text-transform: uppercase;  font-size: 2em;}#video .infos .client {  font-family: "open-sans", sans-serif;  font-size: 1em;  font-weight: 400;}