.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0
}
.reset-flow {
 position:relative;
 width:100%!important;
 height:auto!important;
 top:initial!important;
 bottom:initial!important;
 left:initial!important;
 right:initial!important
}
.no-transition {
 -webkit-transition:none;
 -moz-transition:none;
 -ms-transition:none;
 -o-transition:none;
 transition:none
}

@font-face {
 font-family:SSGizmo;
 src:url(/fonts/ss-gizmo.eot);
 src:url(/fonts/ss-gizmo.eot?#iefix) format('embedded-opentype'),url(/fonts/ss-gizmo.woff) format('woff'),url(/fonts/ss-gizmo.ttf) format('truetype'),url(/fonts/ss-gizmo.svg#SSGizmo) format('svg');
 font-weight:400;
 font-style:normal
}


*,:before,:after {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
 display:block
}

a {
 text-decoration:none;
 color:inherit;
 outline:0
}

html,body {
 font-family:omnes-pro,sans-serif;
 font-weight:400;
 -webkit-font-smoothing:antialiased;
 font-size:16px
}
@media only screen and (max-width:760px) {
 html,body {
  font-size:14px
 }
}
#main {
 -webkit-transform:none!important;
 -moz-transform:none!important;
 -ms-transform:none!important;
 transform:none!important
}
.no-transform {
 transform:none!important
}
body {
 
 color:#302f2f;
 position:relative;
 -webkit-transition:opacity .2s ease;
 -moz-transition:opacity .2s ease;
 -ms-transition:opacity .2s ease;
 -o-transition:opacity .2s ease;
 transition:opacity .2s ease
}
body.stop-scrolling {
 height:100%;
 overflow:hidden
}
body.hidden {
 opacity:0;
 background:0 0;
 visibility:hidden;
 background-image:none
}
body.loading {
 overflow:hidden
}
img.responsive {
 visibility:hidden
}
.fullscreen:not(.ds-primary-carousel) .image-container img {
 visibility:hidden
}
#ds-loader {
 position:fixed;
 z-index:10000;
 top:0;
 left:0;
 width:100%;
 height:100%;
 text-align:center;
 background-color:#fff;
 overflow:hidden
}
#ds-loader:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle;
 margin-right:-.25em
}
#ds-loader .loader {
 width:50px;
 height:50px;
 display:inline-block;
 -webkit-perspective:1200;
 perspective:1200
}
#ds-loader .flipper {
 position:relative;
 display:block;
 height:inherit;
 width:inherit;
 -webkit-animation:flip 1s infinite ease-in-out;
 -moz-animation:flip 1s infinite ease-in-out;
 animation:flip 1s infinite ease-in-out;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
#ds-loader .front,#ds-loader .back {
 position:absolute;
 top:0;
 left:0;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden;
 display:block;
 height:100%;
 width:100%
}
#ds-loader .back {
 z-index:800;
 -webkit-transform:rotateY(-180deg);
 -moz-transform:rotateY(-180deg);
 -ms-transform:rotateY(-180deg);
 transform:rotateY(-180deg);
 background-color:#ccc
}
@-webkit-keyframes flip {
 0% {
  -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  transform:perspective(120px) rotateX(0deg) rotateY(0deg)
 }
 50% {
  -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
 }
 100% {
  -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -moz-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -ms-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
 }
}
@-moz-keyframes flip {
 0% {
  -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  transform:perspective(120px) rotateX(0deg) rotateY(0deg)
 }
 50% {
  -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
 }
 100% {
  -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -moz-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -ms-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
 }
}
@keyframes flip {
 0% {
  -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
  transform:perspective(120px) rotateX(0deg) rotateY(0deg)
 }
 50% {
  -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -moz-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  -ms-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
 }
 100% {
  -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -moz-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  -ms-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
 }
}
@media only screen and (max-width:750px) {
 img.landscape {
  display:none
 }
 .ds-poster.video-poster {
  display:none
 }
}
@media only screen and (min-width:751px) {
 .portrait.poster-image.image-container {
  display:none
 }
}
@media only screen and (max-width:500px) {
 .scroll-down-arrow-desktop {
  display:none
 }
}
.scroll-down-arrow-mobile {
 display:none
}
@media only screen and (max-width:499px) {
 .scroll-down-arrow-mobile {
  position:relative!important;
  bottom:0!important;
  display:inline-block;
  vertical-align:middle
 }
}
.scroll-down-arrow {
 position:absolute;
 text-align:center;
 right:7.5%;
 bottom:35px;
 border:2px solid #fff;
 -webkit-border-radius:15px;
 -moz-border-radius:15px;
 border-radius:15px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 width:30px;
 height:30px;
 font-size:14px;
 line-height:30px;
 color:#fff;
 z-index:5;
 cursor:pointer;
 overflow:hidden
}
@media only screen and (max-width:600px) {
 .scroll-down-arrow {
  bottom:39px
 }
}
.scroll-down-arrow:before {
 position:absolute;
 top:0;
 left:6px
}
.scroll-down-arrow.animated:before {
 -webkit-transition:top .3s ease;
 -moz-transition:top .3s ease;
 -ms-transition:top .3s ease;
 -o-transition:top .3s ease;
 transition:top .3s ease
}
.scroll-down-arrow.slid-up:before {
 top:-22px
}
.scroll-down-arrow.slid-down:before {
 top:22px
}
.scroll-down-arrow.slid-way-down:before {
 -webkit-transition:top .6s ease;
 -moz-transition:top .6s ease;
 -ms-transition:top .6s ease;
 -o-transition:top .6s ease;
 transition:top .6s ease;
 top:22px
}


.bg-container {
 position:fixed!important;
 bottom:0;
 right:0
}
.anim {
 visibility:hidden
}
.hide {
 display:none
}
.collapsed-hide {
 display:none
}
.less-error-message {
 z-index:1000000;
 position:relative
}
section {
 position:relative;
 -webkit-transform:translate3d(0,0,0)
}
.global-modal {
 position:fixed;
 overflow:hidden;
 top:0;
 z-index:99
}
.global-modal .modal-bg {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background-color:#fff
}
.preload img,.preloaded img {
 -webkit-transition:opacity .2s ease;
 -moz-transition:opacity .2s ease;
 -ms-transition:opacity .2s ease;
 -o-transition:opacity .2s ease;
 transition:opacity .2s ease
}
.preload.preload img,.preloaded.preload img {
 opacity:0
}
body.resizing .preload img,body.resizing .preloaded img {
 -webkit-transition-duration:.2s!important;
 -moz-transition-duration:.2s!important;
 -ms-transition-duration:.2s!important;
 -o-transition-duration:.2s!important;
 transition-duration:.2s!important
}
.ds-page-content {
 width:85%;
 margin:auto;
 position:relative
}
.ds-page-content .column {
 float:left
}
.ds-page-content-small {
 width:85%;
 margin:auto;
 position:relative;
 max-width:55.25%;
 width:880px
}
.ds-page-content-small .column {
 float:left
}
@media only screen and (max-width:760px) {
 .ds-page-content-small {
  max-width:76.5%
 }
}
.ds-template-container {
 display:none
}
.ds-poster .poster-image {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden;
 z-index:2
}
.ds-poster .video-object {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 visibility:hidden
}
.ds-poster .video-object.active {
 visibility:visible
}
.ds-primary-carousel {
 overflow:hidden
}
.ds-primary-carousel .carousel-item {
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 overflow:hidden;
 display:block;
 width:100%
}
.ds-primary-carousel .carousel-item.darken aside {
 background-color:rgba(0,0,0,.5)
}
.ds-primary-carousel .carousel-item.black aside {
 color:#000
}
.ds-primary-carousel .carousel-item aside {
 display:block;
 color:#fff;
 z-index:3;
 text-align:center;
 position:relative
}
.ds-primary-carousel .carousel-item aside h2 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 line-height:.95em;
 width:85%;
 margin:auto;
 margin-bottom:20px;
 letter-spacing:-.05em
}
.ds-primary-carousel .carousel-item aside h2.lowercase {
 text-transform:initial
}
.ds-primary-carousel .carousel-item aside h3 {
 font-family:futura-pt,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 font-size:.875em;
 margin:auto;
 margin-bottom:10px;
 width:80%;
 max-width:800px;
 padding:0 7.5%
}
@media only screen and (max-width:499px) {
 .ds-primary-carousel .carousel-item aside h3 {
  margin:0 20px auto 0!important;
  vertical-align:middle;
  width:80%!important
 }
}
.ds-primary-carousel .carousel-item aside h4 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 font-size:.9375em;
 line-height:1em
}
.ds-primary-carousel .carousel-item aside .icon-squiggle {
 font-size:.75em;
 margin:10px 0
}
.ds-primary-carousel .carousel-item aside img {
 width:250px;
 max-width:90%
}
.ds-primary-carousel .carousel-item .image-container {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden;
 z-index:2
}
.ds-poster-container {
 overflow:hidden;
 display:block;
 width:100%
}
.ds-poster-container.darken aside {
 background-color:rgba(0,0,0,.5)
}
.ds-poster-container.black aside {
 color:#000
}
.ds-poster-container aside {
 display:block;
 color:#fff;
 z-index:3;
 text-align:center;
 position:relative
}
.ds-poster-container aside h2 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 line-height:.95em;
 width:85%;
 margin:auto;
 margin-bottom:20px;
 letter-spacing:-.05em
}
.ds-poster-container aside h2.lowercase {
 text-transform:initial
}
.ds-poster-container aside h3 {
 font-family:futura-pt,sans-serif;
 font-weight:400;
 text-transform:uppercase;
 font-size:.875em;
 margin:auto;
 margin-bottom:10px;
 width:80%;
 max-width:800px;
 padding:0 7.5%
}
@media only screen and (max-width:499px) {
 .ds-poster-container aside h3 {
  margin:0 20px auto 0!important;
  vertical-align:middle;
  width:80%!important
 }
}
.ds-poster-container aside h4 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 font-size:.9375em;
 line-height:1em
}
.ds-poster-container aside .icon-squiggle {
 font-size:.75em;
 margin:10px 0
}
.ds-poster-container aside img {
 width:250px;
 max-width:90%
}
.ds-poster-container .image-container {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 overflow:hidden;
 z-index:2
}
.ds-social-icons li {
 display:inline-block;
 width:19px;
 height:19px;
 font-size:19px;
 line-height:19px;
 text-align:center;
 margin-right:10px
}
.page-template-contact .ds-social-icons .facebook {
 width:11px
}
.ds-bullet-container {
 position:absolute;
 width:100%;
 bottom:50px;
 text-align:center;
 z-index:5;
 height:14px
}
.ds-bullet-container .bullet {
 width:14px;
 height:14px;
 display:inline-block;
 border:solid 2px #fff;
 -webkit-border-radius:14px;
 -moz-border-radius:14px;
 border-radius:14px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 position:relative;
 margin-bottom:5px;
 margin-left:10px;
 cursor:pointer;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -ms-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease
}
.ds-bullet-container .bullet .inner {
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -ms-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease;
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 position:absolute;
 width:6px;
 height:6px;
 top:50%;
 left:50%;
 margin-left:-3px;
 margin-top:-3px;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 border-radius:6px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 background-color:#fff;
 z-index:2
}
.ds-bullet-container .bullet.active .inner {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1)
}
@media only screen and (max-width:480px) {
 .ds-bullet-container {
  bottom:20px
 }
}
.ds-big-text-wrapper {
 padding:0 15%;
 height:500px
}
.ds-big-text-wrapper .big-text-inner {
 width:1000px;
 height:100%;
 max-width:100%;
 position:relative;
 margin:auto
}
.ds-big-text-wrapper .big-text-container {
 visibility:hidden;
 font-family:futura-pt,sans-serif;
 font-weight:700;
 width:100%
}
.ds-big-text-wrapper .big-text-container .type-in {
 padding:1.5% 0;
 margin-bottom:-3.5%
}
.ds-padded-text {
 padding:0 7.5%;
 line-height:24px
}
.ds-padded-text h2 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 font-size:2em;
 line-height:.875em;
 text-transform:uppercase;
 margin-bottom:30px
}
.ds-padded-text h3 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 font-size:1.625em;
 line-height:.9230769230769231em;
 text-transform:uppercase;
 margin-bottom:30px
}
.ds-padded-text h4,.ds-padded-text h5,.ds-padded-text h6 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 font-size:.9375em;
 line-height:1em;
 margin-bottom:30px
}
.ds-padded-text p {
 margin-bottom:20px;
 font-family:omnes-pro,sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:24px
}
.ds-text-section {
 padding:30px 0;
 line-height:24px
}
.ds-text-section:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0
}
.ds-text-section .icon-squiggle {
 margin-bottom:20px
}
.ds-text-section h2 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 font-size:2em;
 line-height:.875em;
 text-transform:uppercase;
 margin-bottom:30px
}
.ds-text-section h3 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 font-size:1.625em;
 line-height:.9230769230769231em;
 text-transform:uppercase;
 margin-bottom:30px
}
.ds-text-section h4,.ds-text-section h5,.ds-text-section h6 {
 font-family:futura-pt,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 font-size:.9375em;
 line-height:1em;
 margin-bottom:30px
}
.ds-text-section p {
 margin-bottom:20px;
 font-family:omnes-pro,sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:24px
}
.ds-text-section .column.one {
 padding-left:5%;
 padding-right:2.5%;
 width:60%
}
.ds-text-section .column.two {
 width:40%;
 padding-top:35px;
 padding-right:5%;
 text-align:right
}
.ds-text-section .column.full {
 padding-left:5%;
 padding-right:5%
}
.ds-text-section .column.left,.ds-text-section .column.right {
 float:left;
 width:50%;
 padding-left:5%;
 padding-right:5%
}
@media only screen and (max-width:700px) {
 .ds-text-section .column.one,.ds-text-section .column.two,.ds-text-section .column.full {
  padding-left:10%;
  padding-right:10%;
  width:100%!important;
  text-align:center;
  float:none
 }
}
.ds-grid-container {
 position:relative
}
.ds-grid-container .grid-item {
 position:absolute;
 overflow:hidden
}
.ds-grid-container .grid-item .image-container {
 width:100%;
 height:100%;
 position:absolute
}
@media only screen and (max-width:480px) {
 .ds-grid-container {
  height:auto!important
 }
 .ds-grid-container .grid-item {
  display:block;
  position:relative!important;
  width:100%!important;
  top:auto!important
 }
 .ds-grid-container .grid-item.grid-item-career,.ds-grid-container .grid-item.grid-item-culture {
  height:auto!important
 }
 .ds-grid-container .grid-item.grid-item-career aside,.ds-grid-container .grid-item.grid-item-culture aside {
  padding-bottom:100px!important
 }
 .ds-grid-container .grid-item aside {
	left:0!important;
	max-width:100%!important;
	max-width:-webkit-calc(100% - 0px)!important;
	max-width:calc(100% - 0px)!important;
	/*max-width:80%!important;
	max-width:-webkit-calc(100% - 60px)!important;
	max-width:calc(100% - 60px)!important;*/
 }
 .ds-grid-container .grid-item aside h6 span.title {
  display:none
 }
 .ds-grid-container .grid-item aside h6 span.mobile-title {
  display:table-cell
 }
}
.ds-work-grid-item {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden
}
.ds-work-grid-item .image-container {
 bottom:0;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -ms-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease;
 overflow:hidden
}
.ds-work-grid-item .image-container img {
 display:none
}
.ds-work-grid-item .copy-overlay {
 z-index:2;
 position:absolute;
 bottom:0;
 width:100%;
 height:60px;
 padding:30px;
 font-family:futura-pt,sans-serif;
 font-weight:400;
 text-transform:uppercase
}
@media only screen and (max-width:479px) {
 .ds-work-grid-item .copy-overlay {
  padding:30px 24px
 }
}
.ds-work-grid-item .copy-overlay .title-container {
 position:absolute;
 width:100%;
 height:100%;
 bottom:-60px;
 -webkit-transition:all .2s ease;
 -moz-transition:all .2s ease;
 -ms-transition:all .2s ease;
 -o-transition:all .2s ease;
 transition:all .2s ease;
 /*background-color:#fff;*/
 background-color: #000000 !important;
 padding:0 30px;
 left:0;
 text-align:center;
 color:#fff;
 line-height:1em;
 background-color:#181719
}
.ds-work-grid-item .copy-overlay i {
 display:block;
 position:absolute;
 margin-top:-12px;
 z-index:2
}
.ds-work-grid-item .copy-overlay h6 {
 font-weight:700;
 padding-left:0px;
 width:100%;
 height:100%;
 display:table
}
.ds-work-grid-item .copy-overlay h6 span {
 display:table-cell;
 vertical-align:middle
}
.ds-work-grid-item .copy-overlay h6 span.mobile-title {
 display:none
}
body.detection-touch .desktop-only {
 display:none
}
body:not(.detection-touch) .ds-work-grid-item:hover .copy-overlay .title-container,body:not(.detection-touch) .ds-work-grid-item.active .copy-overlay .title-container {
 bottom:0
}
body:not(.detection-touch) .ds-work-grid-item:hover .copy-overlay .ds-cross:before,body:not(.detection-touch) .ds-work-grid-item.active .copy-overlay .ds-cross:before {
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg)
}
body:not(.detection-touch) .ds-work-grid-item:hover .copy-overlay .ds-cross:after,body:not(.detection-touch) .ds-work-grid-item.active .copy-overlay .ds-cross:after {
 transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg);
 opacity:0
}
body:not(.detection-touch) .ds-work-grid-item:hover .image-container,body:not(.detection-touch) .ds-work-grid-item.active .image-container {
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}
body:not(.detection-touch) .grid-item-career aside:hover .ds-cross:not(.minus):before,body:not(.detection-touch) .grid-item-culture:hover aside .ds-cross:not(.minus):before,body:not(.detection-touch) .grid-item-contact:hover aside .ds-cross:not(.minus):before,body:not(.detection-touch) .grid-item-career aside:hover .ds-cross:not(.minus):after,body:not(.detection-touch) .grid-item-culture:hover aside .ds-cross:not(.minus):after,body:not(.detection-touch) .grid-item-contact:hover aside .ds-cross:not(.minus):after {
 transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -webkit-transform:rotate(90deg)
}
body.detection-touch .ds-work-grid-item.active .image-container {
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}
body.detection-touch .ds-work-grid-item.active .copy-overlay .title-container {
 bottom:0
}
html.no-touch .ds-scroll-item.animate:not(.one-column-scroll),html.no-touch .ds-scroll-item-added.animate:not(.one-column-scroll) {
 opacity:0;
 -webkit-transform:translateY(120px);
 -moz-transform:translateY(120px);
 -ms-transform:translateY(120px);
 transform:translateY(120px)
}
html.no-touch .ds-scroll-item.animate:not(.one-column-scroll).ds-scroll-item-added.scroll-active,html.no-touch .ds-scroll-item-added.animate:not(.one-column-scroll).ds-scroll-item-added.scroll-active {
 -webkit-animation:moveUp .45s cubic-bezier(0.645,.045,.355,1) forwards;
 -moz-animation:moveUp .45s cubic-bezier(0.645,.045,.355,1) forwards;
 animation:moveUp .45s cubic-bezier(0.645,.045,.355,1) forwards
}
html.no-cssanimations .ds-scroll-item,html.no-cssanimations .ds-scroll-item-added {
 opacity:1!important
}
.ds-ajax-loader {
 position:fixed;
 top:0;
 display:none;
 width:100%;
 height:100%;
 background-color:rgba(255,255,255,.5);
 z-index:1000
}
.ds-ajax-loader:after {
 content:"";
 position:absolute;
 width:50px;
 height:50px;
 top:50%;
 left:50%;
 margin-left:-25px;
 margin-top:-25px;
 background-color:#000
}
.ds-header-shift {
 padding-top:50px
}
@media only screen and (max-width:900px) {
 .ds-header-shift {
  padding-top:40px
 }
}
.ds-carousel .dot-container {
 display:none;
 width:100%;
 position:absolute;
 bottom:-50px;
 left:0;
 height:34px
}
.ds-carousel .dot-container ul {
 width:100%;
 display:block;
 text-align:center;
 margin:0!important
}
.ds-carousel .dot-container ul li.dot {
 display:inline-block;
 background-color:#424242;
 width:10px;
 height:10px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 -moz-background-clip:padding;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 margin:0 5px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}
.ds-carousel .dot-container ul li.dot img {
 visibility:hidden
}
.ds-carousel .dot-container ul li.dot.current {
 border:2px solid #fff;
 background-color:transparent!important;
 border:2px solid #424242
}
.ds-carousel .dot-container ul li.dot.infinite {
 border:0!important;
 background-color:#fff!important;
 background-color:#424242!important
}
.ds-carousel .nav-container {
 position:absolute;
 bottom:0;
 right:0
}
.ds-carousel .nav-container .arrow {
 width:110px;
 height:50px;
 position:relative;
 background-color:#fff;
 display:inline-block;
 color:#181719;
 text-align:center;
 cursor:pointer
}
.ds-carousel .nav-container .arrow .icon {
 line-height:50px;
 font-size:25px
}
.ds-carousel .nav-container .arrow.left {
 margin-right:1px
}
.ds-carousel .nav-container .arrow.left .icon {
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg)
}
@media only screen and (max-width:480px) {
 .ds-carousel .nav-container {
  background-color:#fff;
  width:100%;
  bottom:-50px
 }
 .ds-carousel .nav-container .arrow {
  width:50%;
  border:1px solid rgba(0,0,0,.1)
 }
 .ds-carousel .nav-container .arrow.left {
  margin-right:0
 }
}
html.touch .ds-carousel .nav-container {
 display:none
}
html.touch .ds-carousel .dot-container {
 display:block
}
.ds-cross {
 width:21px;
 height:21px;
 position:relative;
 cursor:pointer
}
.ds-cross:before,.ds-cross:after {
 content:"";
 display:block;
 background-color:#fff
}
.ds-cross.black:before,.ds-cross.black:after {
 background-color:#000
}
.ds-cross:before {
 position:absolute;
 width:21px;
 height:1px;
 top:50%;
 left:50%;
 margin-left:-10.5px;
 margin-top:-.5px;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}
.ds-cross:after {
 position:absolute;
 width:1px;
 height:21px;
 top:50%;
 left:50%;
 margin-left:-.5px;
 margin-top:-10.5px;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}
.ds-cross .minus:before {
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg)
}
.ds-cross .minus:after {
 transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg);
 opacity:0
}

.width-limited {
 max-width:1440px;
 margin:0 auto
}
@-webkit-keyframes moveUp {
 to {
  -webkit-transform:translateY(0);
  opacity:1
 }
}
@-moz-keyframes moveUp {
 to {
  -moz-transform:translateY(0);
  opacity:1
 }
}
@keyframes moveUp {
 to {
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes moveDown {
 to {
  -webkit-transform:translateY(100px);
  opacity:0
 }
}
@-moz-keyframes moveDown {
 to {
  -moz-transform:translateY(100px);
  opacity:0
 }
}
@keyframes moveDown {
 to {
  transform:translateY(100px);
  opacity:0
 }
}



.sketch {display:none;}