/*
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}
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}
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}
@-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 loadingScale {
0%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;transform-origin:0 0}
50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0;transform-origin:0 0}
50.0001%{-moz-transform-origin:100% 0;transform-origin:100% 0}
100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 0;transform-origin:100% 0}
}
@-webkit-keyframes loadingScale {
0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
50.0001%{-webkit-transform-origin:100% 0;transform-origin:100% 0}
100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
@keyframes loadingScale {
0%{-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}
50%{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}
50.0001%{-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}
100%{-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
@-moz-keyframes fadein {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadein {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadein {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeinDelay {
0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeinDelay {
0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
@keyframes fadeinDelay {
0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes loadingCircle {
0%{stroke-dashoffset:840}
100%{stroke-dashoffset:-840}
}
@-webkit-keyframes loadingCircle {
0%{stroke-dashoffset:840}
100%{stroke-dashoffset:-840}
}
@keyframes loadingCircle {
0%{stroke-dashoffset:840}
100%{stroke-dashoffset:-840}
}
.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:1920px}
.fullscreen{position:relative;width:100vw;height:100vh}
.fullheight{position:relative;height:100vh}
.fillcontainer{position:relative}
.hideScrollbar{overflow-y:hidden!important}
.showScrollbar{overflow-y:scroll!important}
.center{text-align:center}
.hide{visibility:hidden!important;opacity:0!important;transition:opacity .3s ease}
.show{visibility:visible!important;opacity:1!important;transition:opacity .3s ease}
.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}
@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}
::-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%}
body{overflow-x:hidden;overflow-y:scroll;background:#070707;color:#fafafa;}
body.no-background{background-image:none}
*{outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn-send{padding:0;position:relative;background:transparent;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;color:#fafafa;font:42px/1 averta_stdextrabold;text-transform:uppercase}
.btn-send:after{display:block;position:absolute;bottom:-5px;right:0;left:0;height:3px;background:#fafafa;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .3s cubic-bezier(1,0,0,1);-o-transition:-o-transform .3s cubic-bezier(1,0,0,1);-webkit-transition:-webkit-transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1)}
.btn-send:hover:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0;font-family:"averta_stdextrabold";font-style:normal;font-weight:400}
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:1em}
.rte h2{margin:1em 0;font:24px/1.2 averta_stdextrabold;text-transform:uppercase}
.rte h3{margin:2em 0 1em;font:20px/1.2 averta_stdextrabold;text-transform:uppercase}
.rte ul,.rte ol{margin-left:0;padding-left:0}
.svg{display:block}
.svg svg{display:block;overflow:visible;width:100%;height:100%}
.global-noise{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2}
.global-noise canvas{display:block;position:absolute}
.global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#070707;z-index:999}
.global-loader .svg-logo-id{margin:-25px 0 0 -22px;position:absolute;top:50%;left:50%;width:50px;height:50px;fill:#fafafa;-moz-animation:fadein .2s linear 0 1 normal none;-webkit-animation:fadein .2s linear 0 1 normal none;animation:fadein .2s linear 0 1 normal none}
.global-loader .svg-circle-loader{margin:-45px 0 0 -45px;position:absolute;top:50%;left:50%;width:90px;height:90px;-moz-animation:fadeinDelay .4s linear 0 1 normal none;-webkit-animation:fadeinDelay .4s linear 0 1 normal none;animation:fadeinDelay .4s linear 0 1 normal none}
.global-loader .svg-circle-loader circle{stroke-width:4px}
.global-loader .svg-circle-loader circle:nth-child(2){stroke-dasharray:840;stroke-dashoffset:840;-moz-animation:loadingCircle 3s linear 0 infinite normal none;-webkit-animation:loadingCircle 3s linear 0 infinite normal none;animation:loadingCircle 3s linear 0 infinite normal none}
.site-head{position:fixed;top:0;left:0;width:100%;z-index:20}
.site-head .site-title{position:absolute;top:60px;left:45px;z-index:2}
.site-head .site-title .svg-logo-id{width:24px;height:36px;fill:#fafafa;-moz-transition:fill .2s ease;-o-transition:fill .2s ease;-webkit-transition:fill .2s ease;transition:fill .2s ease}
.site-head .site-title.is-dark .svg{fill:#070707}
.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}
p span.reference{font-size:16px;letter-spacing:.5px;text-transform:none;font-family:"averta_stdsemibold"}
.footer-cta{position:relative;z-index:5}
.footer-cta:before{display:block;margin:0 auto 30px;width:1px;height:175px;background:#2f2f2f;content:''}
.footer-cta .cta{font:16px/1 Arvo;letter-spacing:.15em;text-align:center}
.footer-cta .link-contact{display:block;padding:21px 10px;position:relative;margin:50px auto 0;width:155px;background:#ddd;-moz-transition:color .1s ease .1s;-o-transition:color .1s ease .1s;-webkit-transition:color .1s ease;-webkit-transition-delay:.1s;transition:color .1s ease .1s;color:#070707;font:13px/1 averta_stdbold;letter-spacing:.025em;text-align:center;text-transform:uppercase}
.footer-cta .link-contact .inner{position:relative;z-index:2}
.footer-cta .link-contact:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#2f2f2f;content:'';z-index:1;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform .3s cubic-bezier(1,0,0,1);-o-transition:-o-transform .3s cubic-bezier(1,0,0,1);-webkit-transition:-webkit-transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1)}
.footer-cta .link-contact:hover{color:#fafafa}
.footer-cta .link-contact:hover:before{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.layout-home .section-title{display:-webkit-flex;display:flex;padding:200px 0;position:relative;-webkit-justify-content:space-between;justify-content:space-between;z-index:4;text-shadow:.7em .35em 15px rgba(2,2,2,0.5);color:#000;font:158px/1 averta_stdblack;text-transform:uppercase}
.layout-home .section-intro{display:-webkit-flex;display:flex;position:relative;-webkit-align-items:center;align-items:center;z-index:4}
.layout-home .section-intro .section-inner{margin:50px 0 0 120px;max-width:900px}
.layout-home .section-intro .text{color:#777777;font:100px/1.14 "Raleway";letter-spacing:-.027em;text-transform:uppercase}
.layout-home .section-intro .text strong,.layout-home .section-intro .text b{color:#bbbbbb;font-family:"Raleway";font-weight:600}
.layout-home .section-case-studies{position:relative;z-index:4}
.layout-home .section-case-studies .section-outer{position:relative}
.layout-home .section-case-studies .intro{position:absolute;top:0;left:0;width:40%}
.layout-home .section-case-studies .intro:before{display:block;padding-top:71.13%;content:''}
.layout-home .section-case-studies .intro .outer{display:-webkit-flex;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.layout-home .section-case-studies .intro .text{display:inline-block;width:265px;color:#6a6a6a;font:18px/2.33 averta_stdregular;letter-spacing:.025em;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;text-transform:uppercase}
.layout-home .section-case-studies .intro .text strong,.layout-home .section-case-studies .intro .text b{color:#8f8f8f;font-family:"averta_stdextrabold";font-weight:400}
.layout-home .section-case-studies .case-studies .group{position:relative}
.layout-home .section-case-studies .case-studies .group:before{display:block;padding-top:28.5%;content:''}
.layout-home .section-case-studies .case-studies .group.children-7:before{padding-top:175.65%}
.layout-home .section-case-studies .case-studies .group.children-6:before{padding-top:168%}
.layout-home .section-case-studies .case-studies .group.children-5:before,.layout-home .section-case-studies .case-studies .group.children-4:before{padding-top:139%}
.layout-home .section-case-studies .case-studies .group.children-3:before{padding-top:102%}
.layout-home .section-case-studies .case-studies .group.children-2:before{padding-top:84.6%}
.layout-home .section-case-studies .case-studies .group+.group{margin-top:100px}
.layout-home .section-case-studies .case-study{overflow:hidden;position:absolute;top:0}
.layout-home .section-case-studies .case-study:before{display:block;position:relative;content:'';z-index:1}
.layout-home .section-case-studies .case-study a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.layout-home .section-case-studies .case-study a:hover .image-on,.layout-home .section-case-studies .case-study a.is-clicked .image-on{filter:progid: DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.layout-home .section-case-studies .case-study a:hover .image-off,.layout-home .section-case-studies .case-study a.is-clicked .image-off{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.layout-home .section-case-studies .case-study a:hover .pager,.layout-home .section-case-studies .case-study a.is-clicked .pager{height:100%}
.layout-home .section-case-studies .case-study a:hover .title .char,.layout-home .section-case-studies .case-study a.is-clicked .title .char{filter:progid: DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.layout-home .section-case-studies .case-study a:hover .cta,.layout-home .section-case-studies .case-study a.is-clicked .cta{filter:progid: DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.layout-home .section-case-studies .case-study .image-container{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:#070707;z-index:1}
.layout-home .section-case-studies .case-study .image-container .image{display:block;position:absolute;max-width:none;z-index:2}
.layout-home .section-case-studies .case-study .image-container .image-on{filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.layout-home .section-case-studies .case-study .image-container .image-off{filter:progid: DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.layout-home .section-case-studies .case-study .image-container .canvas{position:absolute;top:0;left:0;z-index:3;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.layout-home .section-case-studies .case-study .pager{display:-webkit-flex;display:flex;padding:35px 0;position:absolute;top:0;right:5.5%;width:10px;height:160px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;z-index:2;font:14px/1 Arvo;text-align:center}
.layout-home .section-case-studies .case-study .title{display:-webkit-flex;display:flex;padding:0 10%;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-align-items:center;align-items:center;z-index:2;font:48px/1.2 averta_stdextrabold;letter-spacing:1.2em;text-transform:uppercase}
.layout-home .section-case-studies .case-study .title .chars{display:block;width:100%;word-wrap:break-word}
.layout-home .section-case-studies .case-study .title .char{display:inline;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.layout-home .section-case-studies .case-study .cta{padding-left:10%;position:absolute;bottom:35px;left:0;width:100%;z-index:2;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;font:15px/1 Arvo}
.layout-home .section-case-studies .case-study .cta .line{display:inline-block;margin-right:20px;position:relative;width:30%;height:1px;background:#fafafa;vertical-align:middle;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}
.layout-home .section-case-studies .case-study .cta .line:after{display:block;position:absolute;top:0;right:100%;bottom:0;left:0;background:#2f2f2f;content:''}
.layout-home .section-case-studies .case-study .is-loading .cta .line:after{-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}
.layout-home .section-case-studies .case-study.small .cta .line{width:20%}
.layout-home .section-case-studies .case-study:nth-child(1){margin-top:0;right:0;width:60%;z-index:1}
.layout-home .section-case-studies .case-study:nth-child(1):before{padding-top:47.42%}
.layout-home .section-case-studies .case-study:nth-child(2){margin-top:37.5%;right:0;width:60%;z-index:4}
.layout-home .section-case-studies .case-study:nth-child(2):before{padding-top:78.35%}
.layout-home .section-case-studies .case-study:nth-child(3){margin-top:32%;left:0;width:40%;z-index:3}
.layout-home .section-case-studies .case-study:nth-child(3):before{padding-top:174.6%}
.layout-home .section-case-studies .case-study:nth-child(4){margin-top:106.75%;left:40%;width:30%;z-index:2}
.layout-home .section-case-studies .case-study:nth-child(4):before{padding-top:107.22%}
.layout-home .section-case-studies .case-study:nth-child(5){margin-top:95.19%;right:0;width:30%;z-index:3}
.layout-home .section-case-studies .case-study:nth-child(5):before{padding-top:107.22%}
.layout-home .section-case-studies .case-study:nth-child(6){margin-top:142.75%;left:0;width:60%;z-index:1}
.layout-home .section-case-studies .case-study:nth-child(6):before{padding-top:42.11%}
.layout-home .section-case-studies .case-study:nth-child(7){margin-top:150.94%;right:0;width:40%;z-index:2}
.layout-home .section-case-studies .case-study:nth-child(7):before{padding-top:61.54%}
.layout-home .section-end{padding:215px 0}
.layout-home .about{color:#ccc;font-family:'averta_stdregular',"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:15px;letter-spacing:.5px;line-height:25px;padding:30px 30px 30px 30px;}
.layout-home .about .about_left{width:40%;float:left;padding-top:70px;padding-left:150px; padding-bottom: 60px; margin-right: 30px;}
.layout-home .about .about_right{width:50%;float:left;padding-top:250px;padding-bottom: 60px;}
.layout-home .about .about_right .about_en{font-size:30px; line-height: 34px;}
.layout-home .about .about_right .about_ch{font-size:14px;}
.layout-home .about .aaa_logo_about a{background-image:url(../images/logo.svg);background-size:40px 80px;background-repeat:no-repeat;display:block;width:40px;height:80px;text-indent:-9999px}
.layout-home .about .aaa_logo_about{display: none;}

@media only screen and (max-width: 1366px) {
.layout-home .section-title{font-size:120px}
.layout-home .section-intro .section-inner{max-width:680px}
.layout-home .section-intro .text{font-size:70px}
.layout-home .section-case-studies .intro .text{width:245px;font-size:16px}
.layout-home .about .about_left{padding-left:80px;}
}
@media only screen and (max-width: 1024px) {
.footer-cta:before{height:100px}
}
@media only screen and (max-width: 992px) {
.global-loader .svg-logo-id,.global-loader .svg-circle-loader{-moz-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8)}
.footer-cta:before{height:180px}
.layout-home .section-title{padding:140px 0;font-size:70px}
.layout-home .section-intro .section-inner{margin-left:45px}
.layout-home .section-case-studies .case-study .pager{padding:20px 0;height:110px;font-size:12px}
.layout-home .section-case-studies .case-study .title{font-size:34px}
.layout-home .section-case-studies .case-study .cta{bottom:15px;font-size:12px}
.layout-home .section-case-studies .case-study .cta .line{margin-right:10px;width:20%}
.layout-home .section-case-studies .case-study.small .cta .line{width:10%}
.layout-home .section-end{padding:60px 0}
}
@media only screen and (max-width: 767px) {
.rte h2{font-size:20px}
.rte h3{font-size:18px}
.site-head .site-title{top:25px;left:25px}
.site-head .site-title .svg-logo-id{width:20px;height:30px}
.footer-cta:before{height:90px}
.footer-cta .cta{padding:0 30px;font-size:12px}
.footer-cta .link-contact{margin-top:20px;padding:15px 10px;width:120px;font-size:11px}
.layout-home .section-title{padding:80px 0;font-size:38px}
.layout-home .section-intro .section-inner{margin-right:25px;margin-left:25px}
.layout-home .section-intro .text{font-size:40px}
.layout-home .section-case-studies .intro{padding:40px 0;position:relative;width:auto}
.layout-home .section-case-studies .intro:before{display:none}
.layout-home .section-case-studies .intro .outer{position:relative}
.layout-home .section-case-studies .intro .text{width:220px;font-size:14px}
.layout-home .section-case-studies .case-studies .group:before{padding-top:47.5%}
.layout-home .section-case-studies .case-studies .group.children-7:before,.layout-home .section-case-studies .case-studies .group.children-6:before{padding-top:237%}
.layout-home .section-case-studies .case-studies .group.children-5:before,.layout-home .section-case-studies .case-studies .group.children-4:before{padding-top:197.5%}
.layout-home .section-case-studies .case-studies .group.children-3:before,.layout-home .section-case-studies .case-studies .group.children-2:before{padding-top:129.5%}
.layout-home .section-case-studies .case-studies .group+.group{margin-top:50px}
.layout-home .section-case-studies .case-study .pager{padding:10px 0;height:90px}
.layout-home .section-case-studies .case-study .title{font-size:20px;letter-spacing:.6em}
.layout-home .section-case-studies .case-study .cta{display:none}
.layout-home .section-case-studies .case-study:nth-child(1){width:100%}
.layout-home .section-case-studies .case-study:nth-child(2){margin-top:69.5%}
.layout-home .section-case-studies .case-study:nth-child(3){margin-top:60%}
.layout-home .section-case-studies .case-study:nth-child(4){margin-top:144%;left:0;width:50%}
.layout-home .section-case-studies .case-study:nth-child(5){margin-top:135%;right:0;width:50%}
.layout-home .section-case-studies .case-study:nth-child(6){margin-top:212%}
.layout-home .section-case-studies .case-study:nth-child(7){margin-top:205%}
.layout-home .about {font-size:13px;line-height:22px}
.layout-home .about .about_left{width:100%;float:none;margin:0 auto;padding-left:0px; padding-top: 0px;}
.layout-home .about .about_right{width:100%;float:none;margin:0 auto;padding-left:0px;padding-top:0px}
.layout-home .about .about_right .about_en{font-size:20px; line-height: 22px;}
.layout-home .about .aaa_logo_about{display: block; margin-bottom: 50px;}
}