.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%;}#contact {  position: fixed;  top: 206px;  left: 0;  right: 0;  bottom: 0;  z-index: 2;  display: none;}#contact .container {  padding: 0 75px;  max-width: 1100px;  margin: 0 auto;  color: #2e2e2e;  height: 100%;  position: relative;}#contact .container .close {  text-align: right;  font-family: 'Oswald';  font-size: 20px;  font-weight: 300;  line-height: 28px;  color: #FFFFFF;  position: relative;  padding-right: 36px;  margin-bottom: 12px;  cursor: pointer;}#contact .container .close span {  background: url("../../static/img/sprite.png") no-repeat top left transparent;  display: block;  zoom: 1;  background-position: 0 -83px;  width: 26px;  height: 28px;  text-indent: -6000px;  text-align: left;  position: absolute;  top: 0;  right: 0;}#contact .container .content {  background: url("../../static/img/contact_bg.jpg") no-repeat center center transparent;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  height: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 5% 7%;  position: relative;}#contact .container .content h2 {  font-family: 'Oswald';  font-size: 70px;  font-weight: 700;}#contact .container .content h2 span {  display: block;  line-height: 94%;}#contact .container .content h2 span.flip strong {  -moz-transform: scaleY(-1);  -o-transform: scaleY(-1);  -webkit-transform: scaleY(-1);  transform: scaleY(-1);  filter: FlipV;  -ms-filter: "FlipV";  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.08));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  display: block;}#contact .container .content p {  width: 70%;  text-transform: none;  margin-top: 10px;  margin-bottom: 20px;}#contact .container .content .infos {  font-family: 'Oswald';  font-size: 30px;  font-weight: 400;  margin-top: -35px;}#contact .container .content .infos a {  color: #aa1a1a;  text-decoration: none;}#contact .container .content .infos a:hover {  text-decoration: underline;}#contact .container .content .middle {  position: absolute;  top: 50%;  left: 50%;  margin-left: -365px;  margin-top: 28px;}#content {  padding-bottom: 90px;  position: relative;}#content #video {  position: absolute;  top: 0;  left: 0;  right: 0;  z-index: 1;  display: none;}#content #video .iframeContainer {  position: relative;  background-position: center center;  background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}#content #video iframe {  width: 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);}#content #video .infos {  background: #FFFFFF;  position: relative;  color: #191919;  padding: 10px 20px;}#content #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;}#content #video .infos .type {  font-family: 'Oswald';  font-size: 17px;  font-weight: 300;  color: #727272;  margin-bottom: -10px;  display: block;}#content #video .infos .title {  font-family: 'Oswald';  font-size: 35px;  font-weight: 700;}#content #video .infos .client {  font-family: 'din-condensed-web';  font-size: 30px;  font-style: italic;  text-transform: none;  margin-top: -7px;}#content .projectPushs {  position: relative;  z-index: 20;}#content .projectPushs .overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.7);  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: 50%;  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;}#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 .type {  display: inline-block;  border-bottom: 1px solid #FFFFFF;  font-family: 'Oswald';  font-size: 15px;  font-weight: 300;}#content .projectPushs .push .hover .middle .title {  font-family: 'din-condensed-web';  font-size: 35px;  font-style: italic;  text-transform: none;  margin-top: -7px;}#content .projectPushs .push .hover .middle .client {  font-family: 'Oswald';  font-size: 40px;  font-weight: 700;}.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;}.touch #content .projectPushs .push .hover .middle .type {  font-size: 13px;}.touch #content .projectPushs .push .hover .middle .client {  font-size: 28px;}.touch #content .projectPushs .push .hover .middle .title {  font-size: 22px;  margin-top: -5px;}footer {  position: absolute;  bottom: -50px;  left: 0;  right: 0;  display: none;  background: #101111;}footer .container {  padding: 0 75px;  max-width: 1100px;  margin: 0 auto;  font-weight: 700;  line-height: 50px;  font-size: 12px;  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: 10px;  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 {  padding-top: 50px;  padding-bottom: 40px;  position: relative;}header h1 {  font-size: 58px;  margin-left: -2px;  overflow: hidden;  display: inline-block;}header h1 > span {  display: inline-block;}header h2 {  font-family: 'proxima-nova';  font-size: 22px;  font-weight: 300;  color: #858585;  margin-top: -10px;  text-transform: none;  overflow: hidden;  display: inline-block;}header h2 > span {  display: inline-block;}header h2 .texts {  color: #FFFFFF;  display: inline-block;}header .sep {  width: 65px;  height: 1px;  background: #d0d0d0;  margin-top: 15px;  margin-bottom: 10px;}header nav {  margin-top: 40px;}header nav a {  text-decoration: none;  font-size: 15px;  margin-right: 43px;  position: relative;  display: inline-block;  overflow: hidden;}header nav a > span {  display: inline-block;  padding-bottom: 6px;}header nav a span.border {  display: block;  position: absolute;  bottom: 0px;  left: 0;  width: 0%;  height: 2px;  background: #FFFFFF;  -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;}header nav a.selected span.border {  width: 100%;}* {  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: #101111;  color: #ffffff;  overflow: hidden;  font-family: 'Montserrat';  font-size: 14px;  font-weight: 400;  text-transform: uppercase;}#container {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}#container .scrollContent {  padding: 0 75px;  max-width: 1100px;  margin: 0 auto;}.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 (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: 950px) {  html #contact .container .content h2 {    font-size: 50px;  }  html #contact .container .content .infos {    font-size: 25px;  }  html #contact .container .content .middle {    margin-left: -236px;    margin-top: 14px;  }}@media screen and (max-width: 700px) {  html #container .scrollContent,  html #contact .container,  html footer .container {    padding: 0 20px;  }  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: 35px;  }  html #contact .container .content .middle {    margin-left: -127px;  }  html #contact .container .content .infos {    font-size: 17px;    margin-top: -22px;  }}@media screen and (max-width: 340px) {  html #contact .container .content h2 {    font-size: 30px;  }  html #contact .container .content .middle {    margin-left: -127px;  }  html #contact .container .content .infos {    font-size: 15px;    margin-top: -22px;  }}@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: 520px) {  html #contact {    top: -3px !important;  }  html #contact .container .close {    margin-top: 6px;    margin-bottom: 6px;  }}.fullbg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}#fssContainer {  opacity: 0;  filter: alpha(opacity=0);}