/*
Author: Terry Chan
Author Website: http://www.aaadesignlab.com
*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
@keyframes progress {
to{background-position:40px 0}
}
.sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}
@-webkit-keyframes passing-through {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@-moz-keyframes passing-through {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@keyframes passing-through {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}
}
@-webkit-keyframes slide-in {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
}
@-moz-keyframes slide-in {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
}
@keyframes slide-in {
0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}
30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes pulse {
0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes pulse {
0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.hidden{display:none!important;visibility:hidden}
.sr-only{overflow:hidden;margin:-1px;padding:0;position:absolute;width:1px;height:1px;border:0;clip:rect(0,0,0,0)}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.horizontal-wrapper{margin:0 auto;position:relative;max-width:1440px}
.fullscreen{position:relative;width:100vw;height:100vh}
.fillcontainer{position:relative}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
::-moz-selection{background:#fafafa;color:#070707;text-shadow:none}
::selection{background:#fafafa;color:#070707;text-shadow:none}
html,body{position:relative;width:100%;height:100%;background:#070707}
body{overflow-x:hidden;overflow-y:scroll;color:#0a0a0b;font:15px/1.6 "EB Garamond",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.global-container{overflow:hidden}
@-moz-keyframes globalLoader {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
@-webkit-keyframes globalLoader {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
@keyframes globalLoader {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0;font-family:'averta_stdbold';font-style:normal;font-weight:300}
h2{line-height:40px}
img{max-width:100%;height:auto}
p{margin:0}
p+p,ul+p,ol+p,p+ul,ul+ul,ol+ul,p+ol,ul+ol,ol+ol,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,h1+ul,h2+ul,h3+ul,h4+ul,h5+ul,h6+ul,h1+ol,h2+ol,h3+ol,h4+ol,h5+ol,h6+ol{margin-top:2em}
.rte blockquote{display:block;margin:2em 0;padding:0;position:relative;font-style:italic}
.rte blockquote:before{display:block;position:absolute;top:-10px;bottom:-10px;left:-46px;width:3px;background:#fafafa;content:''}
.rte.black blockquote:before{background:#0a0a0b}
.rte a{display:inline-block;padding:0 2px;position:relative;border-bottom:2px solid #fafafa;z-index:1;-moz-transition:color .1s 0;-o-transition:color .1s 0;-webkit-transition:color .1s;-webkit-transition-delay:0;transition:color .1s 0}
.rte a:before{display:block;position:absolute;top:0;right:50%;bottom:-2px;left:50%;background:#292666;content:'';z-index:-1;-moz-transition:left .2s cubic-bezier(0.77,0,0.175,1),right .2s cubic-bezier(0.77,0,0.175,1);-o-transition:left .2s cubic-bezier(0.77,0,0.175,1),right .2s cubic-bezier(0.77,0,0.175,1);-webkit-transition:left .2s cubic-bezier(0.77,0,0.175,1),right .2s cubic-bezier(0.77,0,0.175,1);transition:left .2s cubic-bezier(0.77,0,0.175,1),right .2s cubic-bezier(0.77,0,0.175,1)}
.rte a:hover{-moz-transition:color .1s .1s;-o-transition:color .1s .1s;-webkit-transition:color .1s;-webkit-transition-delay:.1s;transition:color .1s .1s;color:#fafafa}
.rte a:hover:before{left:0;right:0}
.rte.black a{border-bottom-color:#0a0a0b}
.rte ul{padding:0;list-style:none}
.rte ul li{list-style-image:none;list-style-type:none;margin:0;padding:0;position:relative}
.rte ul li:before{display:block;margin:-1px 0 0;position:absolute;top:50%;left:-70px;width:50px;height:3px;background:#fafafa;content:''}
.rte ul li+li{margin-top:2em}
.rte.black ul li:before{background:#0a0a0b}
.svg{display:block}
.svg svg{display:block;overflow:visible;width:100%;height:100%}
@-moz-keyframes sound {
0%{height:3px}
25%{height:16px}
50%{height:6px}
75%{height:16px}
100%{height:3px}
}
@-webkit-keyframes sound {
0%{height:3px}
25%{height:16px}
50%{height:6px}
75%{height:16px}
100%{height:3px}
}
@keyframes sound {
0%{height:3px}
25%{height:16px}
50%{height:6px}
75%{height:16px}
100%{height:3px}
}
.site-title{margin:0 0 0 -155px;position:absolute;top:66px;left:50%;width:310px;height:37px;z-index:3}
.site-title .svg{-moz-transition:fill .1s ease;-o-transition:fill .1s ease;-webkit-transition:fill .1s ease;transition:fill .1s ease}
.site-title .svg-logo-icon{display:none}
.page-container{position:relative;z-index:1}
.page-container:after{display:block;position:fixed;top:-999em;left:-999em;width:0;height:0;background:#000;content:'';z-index:999;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:top 0 1s,opacity 1s ease;-o-transition:top 0 1s,opacity 1s ease;-webkit-transition:top 0s,opacity 1s ease;-webkit-transition-delay:1s,0;transition:top 0 1s,opacity 1s ease}
@-moz-keyframes loading {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
@-webkit-keyframes loading {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
@keyframes loading {
0%{left:0;right:100%}
50%{left:0;right:0}
100%{left:100%;right:0}
}
@-moz-keyframes activePulse {
0%{opacity:1}
25%{opacity:.2}
50%{opacity:1}
100%{opacity:1}
}
@-webkit-keyframes activePulse {
0%{opacity:1}
25%{opacity:.2}
50%{opacity:1}
100%{opacity:1}
}
@keyframes activePulse {
0%{opacity:1}
25%{opacity:.2}
50%{opacity:1}
100%{opacity:1}
}
@-moz-keyframes cloudSmallTop {
0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-moz-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
50.001%{-moz-transform:translate3d(-135%,0,0);transform:translate3d(-135%,0,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes cloudSmallTop {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
50.001%{-webkit-transform:translate3d(-135%,0,0);transform:translate3d(-135%,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes cloudSmallTop {
0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-moz-transform:translate3d(120%,0,0);-ms-transform:translate3d(120%,0,0);-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}
50.001%{-moz-transform:translate3d(-135%,0,0);-ms-transform:translate3d(-135%,0,0);-webkit-transform:translate3d(-135%,0,0);transform:translate3d(-135%,0,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes cloudSmallBottom {
0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-moz-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}
50.001%{-moz-transform:translate3d(135%,0,0);transform:translate3d(135%,0,0)}
100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes cloudSmallBottom {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}
50.001%{-webkit-transform:translate3d(135%,0,0);transform:translate3d(135%,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes cloudSmallBottom {
0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-moz-transform:translate3d(-120%,0,0);-ms-transform:translate3d(-120%,0,0);-webkit-transform:translate3d(-120%,0,0);transform:translate3d(-120%,0,0)}
50.001%{-moz-transform:translate3d(135%,0,0);-ms-transform:translate3d(135%,0,0);-webkit-transform:translate3d(135%,0,0);transform:translate3d(135%,0,0)}
100%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@font-face{font-family:'averta_stdthin';src:url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-thin-webfont.svg#averta_stdthin) format("svg");font-weight:200;font-style:normal}
@font-face{font-family:'averta_stdregular';src:url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-regular-webfont.svg#averta_stdregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'averta_stdsemibold';src:url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-semibold-webfont.svg#averta_stdsemibold) format("svg");font-weight:600;font-style:normal}
@font-face{font-family:'averta_stdbold';src:url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-bold-webfont.svg#averta_stdbold) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'averta_stdblack';src:url(http://aaadesignlab.com/fonts/avertastd-black-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-black-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-black-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-black-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-black-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-black-webfont.svg#averta_stdblack) format("svg");font-weight:900;font-style:normal}
@font-face{font-family:'averta_stdextrabold';src:url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.eot);src:url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.eot?#iefix) format("embedded-opentype"),url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.woff2) format("woff2"),url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.woff) format("woff"),url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.ttf) format("truetype"),url(http://aaadesignlab.com/fonts/avertastd-extrabold-webfont.svg#averta_stdextrabold) format("svg");font-weight:800;font-style:normal}
.aaa_logo a{background-image:url(../images/logo.svg);background-size:40px 80px;background-repeat:no-repeat;display:block;width:40px;height:80px;text-indent:-9999px}
.aaa_logo{padding-top:30px;padding-left:30px;position:fixed;z-index:20}
.aaa_logo.smaller{padding-top:30px;padding-left:30px;position:fixed;z-index:20}
.aaa_logo.smaller a{background-image:url(../images/logo_loading.svg);background-size:30px 30px;background-repeat:no-repeat;display:block;width:30px;height:30px;text-indent:-9999px}
.layout-case-study{background:#070707}
.layout-case-study .video-header{overflow:hidden;position:relative;background:#070707;z-index:5}
.layout-case-study .video-header:before{display:block;padding-top:40%;content:""}
.layout-case-study .video-header.is-opened .loop-video{display:none}
.layout-case-study .video-header.is-opened .main-video{display:block}
.layout-case-study .video-header .loop-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.pixalte:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1;background-image:url(../images/carousel-pattern.png);background-repeat:repeat}
.layout-case-study .video-header .loop-video .image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}
.layout-case-study .video-header .button-play{margin:-43px 0 0 -43px;position:absolute;top:50%;left:50%;width:86px;height:86px;cursor:pointer;z-index:3}
.layout-case-study .video-header .button-play .background{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0b;z-index:1;-moz-transition:background .1s ease;-o-transition:background .1s ease;-webkit-transition:background .1s ease;transition:background .1s ease}
.layout-case-study .video-header .button-play .svg{margin:-16px 0 0 -10px;position:absolute;top:50%;left:50%;width:21px;height:32px;fill:#fafafa;z-index:2}
.layout-case-study .video-header .button-play:hover .background{background:#292666}
.layout-case-study .video-header .main-video{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#070707;z-index:2}
.layout-case-study .video-header .main-video .video-container{display:block;margin:0 auto;position:relative;width:80%;max-width:1920px;z-index:2}
.layout-case-study .video-header .main-video .video-container video{display:block;width:100%;height:auto}
.layout-case-study .video-header .main-video .explosion-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.layout-case-study .video-header .main-video .explosion-container .explosion{position:absolute;top:0;left:0;width:1920px;height:1080px}
.layout-case-study .video-header .main-video .explosion-container .svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.layout-case-study .video-header .main-video .explosion-container path{display:none}
.layout-case-study .case-intro{margin:0 auto;padding:170px 70px;max-width:1020px;color:#999;font:300 48px "EB Garamond"}
.layout-case-study .case-intro b,.layout-case-study .case-intro strong{font-weight:400}
.layout-case-study .case-intro div{display:inline!important}
.layout-case-study .sections{position:relative;z-index:1}
.layout-case-study .section{margin:0 auto;position:relative}
.layout-case-study .section.margin-no-margin{margin-top:0}
.layout-case-study .section.margin-small{margin-top:50px}
.layout-case-study .section.margin-medium{margin-top:100px}
.layout-case-study .section.margin-large{margin-top:150px}
.layout-case-study .section.margin-overlap{margin-top:-50px}
.layout-case-study .section.depth-1{z-index:1}
.layout-case-study .section.depth-2{z-index:2}
.layout-case-study .section.depth-3{z-index:3}
.layout-case-study .section .text.rte{font-family:'averta_stdregular',"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:15px;letter-spacing:.5px;line-height:25px}
p.quote-chinese{font-size:14px;font-family:'averta_stdregular',"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:28px}
.layout-case-study .section-title{font-size:34px}
.layout-case-study .section-inner{position:relative}
.layout-case-study .gradient-top,.layout-case-study .gradient-both{position:relative}
.layout-case-study .gradient-top:before,.layout-case-study .gradient-both:before{display:block;position:absolute;top:-1px;left:0;width:100%;height:150px;content:'';z-index:10;background-size:100%;background-image:-webkit-gradient(linear,50% 100%,50% 0%,color-stop(0%,rgba(18,17,20,0)),color-stop(90%,#070707));background-image:-moz-linear-gradient(bottom,rgba(18,17,20,0),#070707 90%);background-image:-webkit-linear-gradient(bottom,rgba(18,17,20,0),#070707 90%);background-image:linear-gradient(to top,rgba(18,17,20,0),#070707 90%)}
.layout-case-study .gradient-bottom,.layout-case-study .gradient-both{position:relative}
.layout-case-study .gradient-bottom:after,.layout-case-study .gradient-both:after{display:block;position:absolute;bottom:-1px;left:0;width:100%;height:150px;content:'';z-index:10;background-size:100%;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(90%,#fff));background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#fff 90%);background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff 90%);background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff 90%)}
.layout-case-study .section-text-one-column-image .horizontal-container{max-width:1920px;margin:0 auto;position:relative}
.layout-case-study .section-text-one-column-image .text-container{position:relative;max-width:700px;min-width:500px;z-index:2}
.layout-case-study .section-text-one-column-image .text-container.image-top{padding-top:80px}
.layout-case-study .section-text-one-column-image .text-container.image-top-bebe{padding-top:200px}
.layout-case-study .section-text-one-column-image .text-container.image-bottom{padding-bottom:80px}
.layout-case-study .section-text-one-column-image .text-container.image-center{padding-top:80px;padding-bottom:80px}
.layout-case-study .section-text-one-column-image .text-container.size-large{width:50%}
.layout-case-study .section-text-one-column-image .text-container.size-medium{width:40%}
.layout-case-study .section-text-one-column-image .text-container.size-small{width:30%}
.layout-case-study .section-text-one-column-image .text-container.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-text-one-column-image .text-container.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-text-one-column-image .text-container.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-text-one-column-image .text-container.horizontal-center-left{margin-left:auto;margin-right:50%}
.layout-case-study .section-text-one-column-image .text-container.horizontal-center-right{margin-left:50%;margin-right:auto}
.layout-case-study .section-text-one-column-image .text-container .text-outer{padding:15%;background:#0a0a0b;color:#fafafa}
.layout-case-study .section-text-one-column-image .text-container .text-outer.black{color:#0a0a0b}
.layout-case-study .section-text-one-column-image .text-container .text{margin:0 auto;max-width:440px}
.layout-case-study .section-text-one-column-image .image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.layout-case-study .section-text-one-column-image .image-container .image{position:absolute;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-left{left:0}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-right{right:0}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-full{left:0}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-large{left:10%}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-medium{left:17.5%}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-small{left:25%}
.layout-case-study .section-text-one-column-image .image-container .image.vertical-top{background-position:top}
.layout-case-study .section-text-one-column-image .image-container .image.vertical-bottom{background-position:bottom}
.layout-case-study .section-text-one-column-image .image-container .image.vertical-center{background-position:center}
.layout-case-study .section-text-one-column-image .image-container .image.size-full{width:100%}
.layout-case-study .section-text-one-column-image .image-container .image.size-large{width:80%}
.layout-case-study .section-text-one-column-image .image-container .image.size-medium{width:65%}
.layout-case-study .section-text-one-column-image .image-container .image.size-small{width:50%}
.layout-case-study .section-text-one-column-image .image-container .image img{display:none}
.margin-modify{margin-bottom:200px}
.layout-case-study .section-quote{max-width:1920px}
.layout-case-study .section-quote .text-container{position:relative;max-width:700px}
.layout-case-study .section-quote .text-container.size-large{width:60%}
.layout-case-study .section-quote .text-container.size-medium{width:45%}
.layout-case-study .section-quote .text-container.size-small{width:30%}
.layout-case-study .section-quote .text-container.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-quote .text-container.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-quote .text-container.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-quote .text-container .text-outer{background:#0a0a0b;color:#fafafa;font:300 34px "EB Garamond";text-align:center}
.layout-case-study .section-quote .text-container .text-outer.black{color:#0a0a0b}
.layout-case-study .section-quote .text-container .text .quote{margin:0}
.layout-case-study .section-quote .text-container .text .quote-inner{padding:20%;position:relative}
.layout-case-study .section-quote .text-container .text .quote-inner:before,.layout-case-study .section-quote .text-container .text .quote-inner:after{display:block;padding:5%;position:absolute;font-size:90px;line-height:1}
.layout-case-study .section-quote .text-container .text .quote-inner:before{top:0;left:0;content:'\201c'}
.layout-case-study .section-quote .text-container .text .quote-inner:after{bottom:-45px;right:0;content:'\201d'}
.layout-case-study .section-quote .text-container .text .author{display:block;padding:0 20px 50px;font:normal 300 15px/1 "EB Garamond",文泉驛正黑,"WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro",微軟正黑體,"Microsoft JhengHei",sans-serif}
.layout-case-study .section-catcher{max-width:1920px}
.layout-case-study .section-catcher .text-container{position:relative;padding:170px 100px;max-width:1080px}
.layout-case-study .section-catcher .text-container.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-catcher .text-container.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-catcher .text-container.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-catcher .text-container.text-align-left{text-align:left}
.layout-case-study .section-catcher .text-container.text-align-right{text-align:right}
.layout-case-study .section-catcher .text-container.text-align-center{text-align:center}
.layout-case-study .section-catcher .text-container .text-outer{color:#fafafa;font:300 48px "EB Garamond"}
.layout-case-study .section-catcher .text-container .text-outer b,.layout-case-study .section-catcher .text-container .text-outer strong{font-weight:400}
.layout-case-study .section-link .text-container{margin:0 auto;position:relative;padding:170px 100px;max-width:1080px;text-align:center}
.layout-case-study .section-link .text-container a{display:inline-block;padding:30px 90px;position:relative;background:#292666;-moz-transition:background .3s 0;-o-transition:background .3s 0;-webkit-transition:background .3s;-webkit-transition-delay:0;transition:background .3s 0;color:#fafafa;font-size:16px;text-align:center;text-transform:uppercase}
.layout-case-study .section-link .text-container a .inner{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.layout-case-study .section-link .text-container a:before{display:block;position:absolute;top:0;right:100%;bottom:0;left:0;background:#363636;content:'';z-index:1;-moz-transition:left .3s ease 0.2s,right .3s ease 0;-o-transition:left .3s ease 0.2s,right .3s ease 0;-webkit-transition:left .3s ease,right .3s ease;-webkit-transition-delay:0.2s,0;transition:left .3s ease 0.2s,right .3s ease 0}
.layout-case-study .section-link .text-container a:after{position:absolute;top:0;left:0;width:100%;content:attr(data-text);z-index:2;color:#fafafa;text-indent:0;padding:inherit 0}
.layout-case-study .section-link .text-container a:hover{background:#0a0a0b;-moz-transition:background 0 .2s;-o-transition:background 0 .2s;-webkit-transition:background 0;-webkit-transition-delay:.2s;transition:background 0 .2s}
.layout-case-study .section-link .text-container a:hover:before{left:100%;right:0}
.layout-case-study .section-image .image-container{position:relative;z-index:1}
.layout-case-study .section-image .image{display:block}
.layout-case-study .section-image .image.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-image .image.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-image .image.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-image .image.size-large{width:100%}
.layout-case-study .section-image .image.size-medium{width:75%}
.layout-case-study .section-image .image.size-small{width:50%}
.layout-case-study .section-image .image-caption{padding:20px 50px;position:relative;background:#0a0a0b}
.layout-case-study .section-image .image-caption.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-image .image-caption.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-image .image-caption.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-image .image-caption.size-large{width:100%}
.layout-case-study .section-image .image-caption.size-medium{width:75%}
.layout-case-study .section-image .image-caption.size-small{width:50%}
.layout-case-study .section-image .image-caption .caption{margin:0 auto;max-width:740px;color:#999;font-size:14px;font-style:italic;text-align:center}
.layout-case-study .section-image-text .image-container{position:relative;z-index:1}
.layout-case-study .section-image-text .image{display:block}
.layout-case-study .section-image-text .image.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-image-text .image.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-image-text .image.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-image-text .image.size-large{width:100%}
.layout-case-study .section-image-text .image.size-medium{width:80%}
.layout-case-study .section-image-text .image.size-small{width:60%}
.layout-case-study .section-image-text .horizontal-container{margin:-150px auto 0;position:relative;max-width:1440px;z-index:2}
.layout-case-study .section-image-text .text-container.size-large{width:50%}
.layout-case-study .section-image-text .text-container.size-medium{width:40%}
.layout-case-study .section-image-text .text-container.size-small{width:30%}
.layout-case-study .section-image-text .text-container.horizontal-left{margin-right:auto;margin-left:0}
.layout-case-study .section-image-text .text-container.horizontal-right{margin-right:0;margin-left:auto}
.layout-case-study .section-image-text .text-container.horizontal-center{margin-left:auto;margin-right:auto}
.layout-case-study .section-image-text .text-container .text-outer{padding:15%;background:#0a0a0b;color:#fafafa}
.layout-case-study .section-image-text .text-container .text-outer.black{color:#0a0a0b}
.layout-case-study .section-image-text .text-container .text{margin:0 auto;max-width:440px}
.layout-case-study .section-image-columns .images{display:table;padding:100px 0;width:100%}
.layout-case-study .section-image-columns .images2{display:table;padding:0 0 100px;margin-top:-100px;width:100%}
.layout-case-study .section-image-columns .columns-1 .image-container{padding:0 120px;width:100%}
.layout-case-study .section-image-columns .columns-2{padding-right:60px;padding-left:60px}
.layout-case-study .section-image-columns .columns-2 .image-container{padding:0 60px;width:50%}
.layout-case-study .section-image-columns .columns-3{padding-right:90px;padding-left:90px}
.layout-case-study .section-image-columns .columns-3 .image-container{padding:0 30px;width:33.33%}
.layout-case-study .section-image-columns .columns-4{padding-right:105px;padding-left:105px}
.layout-case-study .section-image-columns .columns-4 .image-container{padding:0 15px;width:25%}
.layout-case-study .section-image-columns .image-container{display:table-cell;padding:30px 15px;vertical-align:middle}
.layout-case-study .section-image-columns .image{display:block;width:100%}
.layout-case-study .next-case-study{margin:50px auto 0;padding:0 40px 40px;position:relative;width:940px;z-index:5}
.layout-case-study .next-case-study .images-container{position:relative;z-index:1}
.layout-case-study .next-case-study .image{display:block;overflow:hidden;position:relative;width:860px;height:220px;-moz-transition:-moz-transform .6s cubic-bezier(0.77,0,0.175,1);-o-transition:-o-transform .6s cubic-bezier(0.77,0,0.175,1);-webkit-transition:-webkit-transform .6s cubic-bezier(0.77,0,0.175,1);transition:transform .6s cubic-bezier(0.77,0,0.175,1)}
.layout-case-study .next-case-study .image:first-child{-moz-transform:translate3d(40px,0,0);-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
.layout-case-study .next-case-study .image:first-child img{top:0}
.layout-case-study .next-case-study .image:last-child{-moz-transform:translate3d(-40px,0,0);-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.layout-case-study .next-case-study .image:last-child img{bottom:0}
.layout-case-study .next-case-study .image img{display:block;position:absolute;left:0;width:100%;-moz-transition:-moz-transform .6s cubic-bezier(0.455,0.03,0.515,0.955);-o-transition:-o-transform .6s cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transition:-webkit-transform .6s cubic-bezier(0.455,0.03,0.515,0.955);transition:transform .6s cubic-bezier(0.455,0.03,0.515,0.955)}
.layout-case-study .next-case-study .title{margin:-17px 0 0;position:absolute;top:50%;left:0;width:100%;z-index:3;color:#fafafa;font:400 34px/1 averta_stdextrabold;letter-spacing:.2em;text-align:center;text-transform:uppercase}
.layout-case-study .next-case-study .loader{margin:-1px;position:absolute;top:50%;left:0;width:100%;height:1px;background:#fafafa;z-index:2;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.layout-case-study .next-case-study .loader:before{display:block;position:absolute;top:0;right:100%;bottom:0;left:0;background:#363636;content:''}
.layout-case-study .next-case-study a{display:block;position:relative}
.layout-case-study .next-case-study a:hover .image,.layout-case-study .next-case-study.is-loading a .image{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.layout-case-study .next-case-study a:hover .image img,.layout-case-study .next-case-study.is-loading a .image img{-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-moz-transition:-moz-transform 8s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:-o-transform 8s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transition:-webkit-transform 8s cubic-bezier(0.25,0.46,0.45,0.94);transition:transform 8s cubic-bezier(0.25,0.46,0.45,0.94)}
.layout-case-study .next-case-study.is-loading .loader{filter:progid: DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.layout-case-study .next-case-study.is-loading .loader:before{-moz-animation:loading 2.5s cubic-bezier(0.77,0,0.175,1) 0 infinite normal none;-webkit-animation:loading 2.5s cubic-bezier(0.77,0,0.175,1) 0 infinite normal none;animation:loading 2.5s cubic-bezier(0.77,0,0.175,1) 0 infinite normal none}
.margin-300{margin-bottom:300px;color:#333}
.margin-500{margin-top:500px!important}
@-moz-keyframes blinkBorder {
0%{border-color:#fafafa}
50%{border-color:rgba(250,250,250,0.3)}
100%{border-color:#fafafa}
}
@-webkit-keyframes blinkBorder {
0%{border-color:#fafafa}
50%{border-color:rgba(250,250,250,0.3)}
100%{border-color:#fafafa}
}
@keyframes blinkBorder {
0%{border-color:#fafafa}
50%{border-color:rgba(250,250,250,0.3)}
100%{border-color:#fafafa}
}
@-moz-keyframes scrolling {
0%{top:-200%}
100%{top:0}
}
@-webkit-keyframes scrolling {
0%{top:-200%}
100%{top:0}
}
@keyframes scrolling {
0%{top:-200%}
100%{top:0}
}
@media only screen and (max-width: 1366px) {
.site-title{margin-left:-130px;top:38px;width:260px;height:31px}
.layout-case-study .video-header .button-play{margin:-30px 0 0 -30px;width:60px;height:60px}
.layout-case-study .video-header .button-play .svg{margin:-11px 0 0 -7px;width:14px;height:22px}
.layout-case-study .case-intro{padding:150px 65px;font-size:45px}
.layout-case-study .section.margin-small{margin-top:45px}
.layout-case-study .section.margin-medium{margin-top:90px}
.layout-case-study .section.margin-large{margin-top:135px}
.layout-case-study .section.margin-overlap{margin-top:-45px}
.layout-case-study .gradient-top:before,.layout-case-study .gradient-both:before{height:135px}
.layout-case-study .section-text-one-column-image .text-container.size-large{width:70%}
.layout-case-study .section-text-one-column-image .text-container.size-medium{width:60%}
.layout-case-study .section-text-one-column-image .text-container.size-small{width:50%}
.layout-case-study .section-text-one-column-image .text-container.horizontal-center-left{margin-left:0;margin-right:auto}
.layout-case-study .section-text-one-column-image .text-container.horizontal-center-right{margin-left:auto;margin-right:0}
.layout-case-study .section-text-one-column-image .text-container .text-outer{padding:15% 10%}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-full{left:0}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-large{left:5%}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-medium{left:12.5%}
.layout-case-study .section-text-one-column-image .image-container .image.horizontal-center.size-small{left:20%}
.layout-case-study .section-text-one-column-image .image-container .image.size-full{width:100%}
.layout-case-study .section-text-one-column-image .image-container .image.size-large{width:90%}
.layout-case-study .section-text-one-column-image .image-container .image.size-medium{width:75%}
.layout-case-study .section-text-one-column-image .image-container .image.size-small{width:60%}
.layout-case-study .section-quote .text-container.size-large{width:75%}
.layout-case-study .section-quote .text-container.size-medium{width:60%}
.layout-case-study .section-quote .text-container.size-small{width:45%}
.layout-case-study .section-quote .text-container .text-outer{font-size:34px}
.layout-case-study .section-quote .text-container .text .quote-inner{padding:15%}
.layout-case-study .section-quote .text-container .text .quote-inner:before,.layout-case-study .section-quote .text-container .text .quote-inner:after{font-size:75px}
.layout-case-study .section-quote .text-container .text .author{padding-bottom:40px}
.layout-case-study .section-catcher .text-container{padding:150px 100px}
.layout-case-study .section-catcher .text-container .text-outer{font-size:38px}
.layout-case-study .section-link .text-container{padding:150px 100px}
.layout-case-study .section-video .background-container+.video-container{padding-top:135px;padding-bottom:135px}
.layout-case-study .section-image-text .horizontal-container{margin-top:-135px}
.layout-case-study .section-image-text .text-container.size-large{width:75%}
.layout-case-study .section-image-text .text-container.size-medium{width:65%}
.layout-case-study .section-image-text .text-container.size-small{width:55%}
.layout-case-study .section-image-text .text-container .text-outer{padding:15% 10%}
.layout-case-study .section-image-columns .images,.layout-case-study .section-image-columns .images2{padding:75px 0}
.layout-case-study .section-image-columns .columns-1 .image-container{padding:0 90px}
.layout-case-study .section-image-columns .columns-2{padding-right:45px;padding-left:45px}
.layout-case-study .section-image-columns .columns-2 .image-container{padding:0 45px}
.layout-case-study .section-image-columns .columns-3{padding-right:70px;padding-left:70px}
.layout-case-study .section-image-columns .columns-3 .image-container{padding:0 20px}
.layout-case-study .section-image-columns .columns-4{padding-right:80px;padding-left:80px}
.layout-case-study .section-image-columns .columns-4 .image-container{padding:0 10px}
.layout-case-study .next-case-study{margin-top:-20px;padding:0 30px 30px;width:800px}
.layout-case-study .next-case-study .image{width:740px;height:189px}
.layout-case-study .next-case-study .image:first-child{-moz-transform:translate3d(30px,0,0);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
.layout-case-study .next-case-study .image:last-child{-moz-transform:translate3d(-30px,0,0);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
.layout-case-study .next-case-study .title{margin-top:-15px;font-size:30px}
.margin-modify{margin-bottom:0}
.margin-300{margin-bottom:100px}
.margin-500{margin-top:200px!important}
}
@media only screen and (max-width: 992px) {
.site-title{margin-left:-37px;top:10px;width:74px;height:85px}
.site-title .svg-logo-icon{display:block}
.site-title .svg-logo-text{display:none}
.layout-case-study .video-header:before{padding-top:50%}
.layout-case-study .video-header .main-video .video-container{margin:0 15px;width:auto}
.layout-case-study .case-intro{padding:120px 65px;font-size:35px}
.layout-case-study .section.margin-small{margin-top:30px}
.layout-case-study .section.margin-medium{margin-top:60px}
.layout-case-study .section.margin-large{margin-top:100px}
.layout-case-study .section.margin-overlap{margin-top:-30px}
.layout-case-study .gradient-top:before,.layout-case-study .gradient-both:before{height:100px}
.layout-case-study .section-quote .text-container .text-outer{font-size:28px}
.layout-case-study .section-quote .text-container .text .quote-inner:before,.layout-case-study .section-quote .text-container .text .quote-inner:after{font-size:60px}
.layout-case-study .section-quote .text-container .text .quote-inner:after{bottom:-30px}
.layout-case-study .section-video .background-container+.video-container{padding-top:60px;padding-bottom:60px}
.layout-case-study .section-catcher .text-container{padding:120px 65px}
.layout-case-study .section-catcher .text-container .text-outer{font-size:28px}
.layout-case-study .section-link .text-container{padding:120px 65px}
.layout-case-study .section-link .text-container a{padding:20px 60px;font-size:14px}
.layout-case-study .section-image-columns .images,.layout-case-study .section-image-columns .images2{padding:50px 0}
.layout-case-study .section-image-columns .columns-1 .image-container{padding:0 50px}
.layout-case-study .section-image-columns .columns-2{padding-right:25px;padding-left:25px}
.layout-case-study .section-image-columns .columns-2 .image-container{padding:0 25px}
.layout-case-study .section-image-columns .columns-3{padding-right:35px;padding-left:35px}
.layout-case-study .section-image-columns .columns-3 .image-container{padding:0 15px}
.layout-case-study .section-image-columns .columns-4{padding-right:40px;padding-left:40px}
.layout-case-study .section-image-columns .columns-4 .image-container{padding:0 10px}
.layout-case-study .next-case-study{margin:-20px auto 0;padding:0 20px 20px;width:600px}
.layout-case-study .next-case-study .image{width:560px;height:143px}
.layout-case-study .next-case-study .image:first-child{-moz-transform:translate3d(20px,0,0);-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
.layout-case-study .next-case-study .image:last-child{-moz-transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
.pixalte:before{display:none}
.margin-300{margin-bottom:0;color:#fff}
.margin-500{margin-top:60px!important}
}
@media only screen and (max-width: 767px) {
body{font-size:13px}
.player-video-wrapper:after{margin:-20px 0 0 -20px;width:40px;height:40px;background-size:40px 40px}
.site-title{margin-left:-27px;top:15px;width:54px;height:62px}
.layout-case-study .section-title{font-size:28px}
.layout-case-study .video-header:before{padding-top:80%}
.layout-case-study .video-header .button-play{margin:-20px 0 0 -20px;width:40px;height:40px}
.layout-case-study .video-header .button-play .svg{margin:-10px 0 0 -6px;width:12px;height:19px}
.layout-case-study .video-header .main-video .video-container{margin:0 10px}
.layout-case-study .case-intro{padding:60px 30px;font-size:30px}
.layout-case-study .section.margin-small,.layout-case-study .section.margin-overlap{margin-top:15px}
.layout-case-study .section.margin-medium{margin-top:30px}
.layout-case-study .section.margin-large{margin-top:60px}
.layout-case-study .section .text.rte{font-size:13px;line-height:22px}
.layout-case-study .section-text-one-column-image .text-container{margin:-30px 15px 0!important;padding:0!important;width:auto!important;max-width:none!important;min-width:0!important}
.layout-case-study .section-text-one-column-image .text-container .text-outer{margin:0 auto;padding:30px;max-width:500px}
.layout-case-study .section-text-one-column-image .image-container{position:relative;height:auto}
.layout-case-study .section-text-one-column-image .image-container .image{position:relative;left:0!important;width:100%!important;height:auto;background:none}
.layout-case-study .section-text-one-column-image .image-container .image img{display:block;width:100%}
.layout-case-study .section-quote .text-container{margin:0 15px!important;width:auto!important;max-width:none!important}
.layout-case-study .section-quote .text-container .text-outer{margin:0 auto;max-width:500px;font-size:22px}
.layout-case-study .section-quote .text-container .text .quote-inner{padding:60px 30px}
.layout-case-study .section-quote .text-container .text .quote-inner:before,.layout-case-study .section-quote .text-container .text .quote-inner:after{font-size:60px}
.layout-case-study .section-quote .text-container .text .quote-inner:after{bottom:-20px}
.layout-case-study .section-quote .text-container .text .author{padding:0 10px 30px;font-size:13px}
.layout-case-study .section-catcher .text-container{padding:60px 30px}
.layout-case-study .section-catcher .text-container .text-outer{font-size:24px}
.layout-case-study .section-link .text-container{padding:60px 30px}
.layout-case-study .section-link .text-container a{padding:12px 30px;font-size:12px}
.layout-case-study .section-video .background-container+.video-container{padding-top:30px;padding-bottom:30px}
.layout-case-study .section-image-text .horizontal-container{margin-top:-30px}
.layout-case-study .section-image-text .text-container{margin:-30px 15px 0!important;padding:0!important;width:auto!important;max-width:none!important;min-width:0!important}
.layout-case-study .section-image-text .text-container .text-outer{margin:0 auto;padding:30px;max-width:500px}
.layout-case-study .section-image-columns .images,.layout-case-study .section-image-columns .images2{display:block;padding:30px 15px}
.layout-case-study .section-image-columns .images .image-container,.layout-case-study .section-image-columns .images2 .image-container{display:block;margin:0 auto;padding:0;width:100%;max-width:500px}
.layout-case-study .section-image-columns .images .image-container+.image-container,.layout-case-study .section-image-columns .images2 .image-container+.image-container{margin-top:30px}
.layout-case-study .section-image .image-caption{padding:20px}
.layout-case-study .section-image .image-caption .caption{font-size:12px}
.layout-case-study .next-case-study{margin:-15px auto 0;padding:0 7px 15px;width:300px}
.layout-case-study .next-case-study .image{width:286px;height:73px}
.layout-case-study .next-case-study .image:first-child{-moz-transform:translate3d(7px,0,0);-webkit-transform:translate3d(7px,0,0);transform:translate3d(7px,0,0)}
.layout-case-study .next-case-study .image:last-child{-moz-transform:translate3d(-7px,0,0);-webkit-transform:translate3d(-7px,0,0);transform:translate3d(-7px,0,0)}
.layout-case-study .next-case-study .title{margin-top:-9px;font-size:18px}
}
@media print {
video{display:none}
}