article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a{text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
h2{font-size:1.5em;margin:0.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:0.83em;margin:1.67em 0}
h6{font-size:0.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
p{-webkit-hyphens:auto;-epub-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
b,strong,.strong{font-weight:bold}
dfn,em,.em{font-style:italic}
small,.small{font-size:75%}
ul,ol{padding:0;list-style-type:none}
dd{margin:0}
.sidebar ul,.sidebar ol,.commentlist{list-style:none}
.antiscroll-wrap{display:inline-block;position:relative;overflow:hidden}
.antiscroll-scrollbar{background:gray;background:rgba(0,0,0,0.5);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 1px #fff;-moz-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff;position:absolute;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:linear 300ms opacity;-moz-transition:linear 300ms opacity;-o-transition:linear 300ms opacity}
.antiscroll-scrollbar-shown{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.antiscroll-scrollbar-horizontal{height:7px;margin-left:2px;bottom:2px;left:0}
.antiscroll-scrollbar-vertical{width:7px;margin-top:2px;right:2px;top:0}
.antiscroll-inner{overflow:scroll}
.antiscroll-inner::-webkit-scrollbar{width:0;height:0}
.antiscroll-inner::scrollbar{width:0;height:0}
.fixIE7{*display:inline;*zoom:1}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clear{clear:both}
.left{float:left}
.right{float:right}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden}
.outer{display:table;position:relative;height:100%;width:100%}
.outer .inner{display:table-cell;vertical-align:middle;text-align:center;position:relative;width:100%}
.overlay{position:absolute;width:100%;height:100%;left:0;top:0}
.center{padding:0 15px}
@font-face{font-family:'todayshop-xlightregular';src:url('../fonts/todayshop-xlight-webfont.eot');src:url('../fonts/todayshop-xlight-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/todayshop-xlight-webfont.woff') format('woff'),url('../fonts/todayshop-xlight-webfont.ttf') format('truetype'),url('../fonts/todayshop-xlight-webfont.svg#todayshop-xlightregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'franklin-gothic-demi';src:url('../fonts/itcfgbec.svg#franklin-gothic-dem') format('svg');src:url('../fonts/itcfgbec.eot');src:url('../fonts/itcfgbecd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/itcfgbec.woff') format('woff'),url('../fonts/itcfgbec.ttf') format('truetype');font-weight:normal;font-style:normal}

.futura-500{font-family:"futura-pt",sans-serif;font-weight:500}
.futura-700{font-family:"futura-pt",sans-serif;font-weight:700}
.xt-simple,.xt-simple a{margin-bottom:20px;font-family:'todayshop-xlightregular';text-transform:uppercase;color:#fff;letter-spacing:9px}
.xt-punch,.xt-punch a{font-family:"franklin-gothic-demi",sans-serif;text-transform:uppercase;font-weight:700;font-style:normal;color:#fff;letter-spacing:3px}
.xt-tallbold,.xt-tallbold a{margin-bottom:10px;color:#363636;font-size:12px;text-transform:uppercase;font-family:"futura-pt",sans-serif;font-weight:700;letter-spacing:3px}
.xt-futuraMD,.xt-futuraMD a{text-transform:uppercase;font-family:"futura-pt",sans-serif;font-weight:500;letter-spacing:3px}
.xt-anivers,.xt-anivers a{font-family:"anivers",sans-serif;font-weight:400}
span.amp{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;font-style:italic}
span.subText{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;font-style:italic; display:block; margin-right: 0%; margin-left: 0%} /*position:relative;*/

.subscribe {margin-bottom: 5%; margin-top: 5%; text-align:center}
.subscribe form input {width: 362px; height: 52px;}
.success-message, .error-message {margin-top: 1%; margin-bottom: 5%; font-family: 'franklin-gothic-demi', sans-serif; font-size: 20px; text-transform:uppercase; letter-spacing:1px;font-weight: 500; line-height: 50px; color: #181819;}
input[type="text"] {margin: 0; padding: 0 10px; vertical-align: middle; background: none; border: 1px solid #181819; font-family: 'franklin-gothic-demi', sans-serif; font-size: 20px; text-transform:uppercase; letter-spacing:1px;font-weight: 500; line-height: 50px; color: #181819; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
input[type="text"]:focus {outline: 0; border: 1px solid #181819; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]:-moz-placeholder { color: #181819; }
input[type="text"]:-ms-input-placeholder { color: #181819; }
input[type="text"]::-webkit-input-placeholder { color: #181819; }
.subscribe button {height: 52px; margin: 0; padding: 0 20px; vertical-align: middle; background: #181819; border: 0; font-family: 'franklin-gothic-demi', sans-serif; font-size: 20px; text-transform:uppercase; letter-spacing:1px; font-weight: 500; line-height: 52px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -ms-transition: all .1s; transition: all .1s;}
.subscribe button:hover {background: #ebdb89; color: #181819; -o-transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -ms-transition: all .1s; transition: all .1s; letter-spacing: 0.5px; border: 1px solid #181819;}
.subscribe button:active {outline: 0; background: #181819; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.subscribe button:focus {outline: 0; background: #181819; color: #fff;}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: 0; background: #181819; color: #fff;}

@media (max-width: 770px){
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}}
@media (max-width: 550px) {.subscribe form input {width: 95%;} .subscribe form button {width: 95%; margin-top: 2%; margin-bottom: 8%;}}

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.greyscale-none{filter:none;-webkit-filter:grayscale(0)}
.mobile .view-site-button,.tablet .view-site-button{background:#181819;color:#fff}
html,html a{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004)}
html,body{width:100%;min-width:100%;height:100%;min-height:100%}
body{background:#181819;font-family:"anivers",sans-serif;font-size:100%;line-height:1.5;color:#363636}
.btn-boxy{position:relative;display:inline-block;*display:inline;*zoom:1;overflow:hidden;background:none;text-align:center;line-height:47px;border:solid 2px #fff;font-family:"franklin-gothic-demi",sans-serif;text-transform:uppercase;font-weight:700;font-style:normal;color:#fff;letter-spacing:3px;font-size:20px;color:#FFF;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;-o-animation-delay:2s;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:2px}
.btn-boxy span{position:absolute;display:block;width:0px;height:47px;top:-4px;right:7px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:url(../images/discover-arrow.png) no-repeat 0 0}
#wrap{position:relative;min-height:100%;margin:0;padding:0;overflow:hidden;-webkit-overflow-scrolling:touch}
#bodyclass{display:none}
.xcenter{position:relative;margin:1% auto} /* Product page alignment*/
.xcenter-sm{position:relative;margin:0 auto}
#motion{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;z-index:1;background-image:url(../images/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
#motion video{display:none;min-width:100%;min-height:100%;background-image:url(../images/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.tablet #motion video{display:none !important}
.error404 #motion{background-image:url(../images/404bg.jpg)}
.error404 #motion video{background-image:url(../images/404bg.jpg)}
#motion.bg-2{background-image:url(../images/bg-2.jpg)}
#content{position:relative;z-index:5;-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
h1,h2,h3,h4{margin:0;font-weight:normal}
#header{position:relative;width:100%;height:44px;background:#181819;border-bottom:#222 1px solid;z-index:50}
#header #logo{position:relative;display:block;float:left;width:32px;height:32px;outline:none;margin:10px 0 0 20px}
#header #logo img{display:none}
#header #logo .front{display:block;width:32px;height:auto}
.mobile #header,.tablet #header{-webkit-transform:translate3d(0, 0, 0)}
#nav{float:right;z-index:50;font-size:16px;font-family:"franklin-gothic-demi",sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase}
#nav #nav-trigger{display:block;padding:0 15px;border-left:#222 1px solid;color:#858585;text-decoration:none;line-height:44px;font-size:16px;text-align:center;outline:none}
#nav #nav-trigger.open{color:#fff;background:url(../images/mobile/active-menu.png) no-repeat bottom center}
#nav ul.menu{position:absolute;top:44px;left:0;display:none;width:100%;margin:0;padding:0;background:#222222}
#nav ul.menu>li{position:relative;display:block;border-bottom:#181819 1px solid;line-height:44px}
#nav ul.menu>li .xhover{display:none}
#nav ul.menu a{display:block;outline:none;width:100%;padding:0 20px;color:#858585;text-decoration:none}
#nav ul.menu>li.current-menu-item{background:#dac35d;color:#fff}
#nav ul.menu>li.current-menu-item a{color:#fff}
#content{position:relative;margin:0 auto;padding:0 0 103px;width:100%;min-height:3px}
#content #content-inner{position:relative}
#content #content-inner #page{position:relative;margin:0;padding:0;background:#fff}
#content #content-inner #preloader{position:relative;display:none;width:100%;height:3px;background:#000;overflow:hidden;z-index:100}
#content #content-inner #preloader #progress{position:relative;width:0;height:4px;background:#ebdb89}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
.home-delay{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s}
.home-delay2{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s}
.home-delay3{-webkit-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;-o-animation-delay:2s}
#home{position:relative}
#home .logo{position:relative;width:45px;height:45px;margin:0 auto 19px;background:url(../images/mobile/crown-logo-circle.png) no-repeat 0 0}
#home .introduction{position:absolute;top:50%;width:100%;text-align:center}
#home .introduction h1{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;font-size:18px}
#home .introduction em{position:relative;display:block;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s}
#home .introduction #home-discover-link{width:116px;height:50px;margin:0 auto 0px auto}
#home .xnotice{display:none}
#projects{position:relative;padding:15px 9px;overflow:hidden;text-align:center}
#projects .page-quote{position:relative;display:none;overflow:hidden;text-align:center;margin-bottom:20px;font-family:'todayshop-xlightregular';text-transform:uppercase;color:#fff;letter-spacing:9px;font-size:40px;color:#181819;padding-top:134px;margin-bottom:10px}
#projects .page-quote-text{position:relative;display:none;overflow:hidden;margin:0 auto 46px auto;width:300px;line-height:32px}
#projects .page-quote-2{position:relative;display:none;overflow:hidden;text-align:center;background:url(../images/quote-line.png) no-repeat left bottom;width:367px;height:19px;margin-bottom:10px;font-size:12px;font-family:"futura-pt",sans-serif;font-weight:700;letter-spacing:3px;margin:0 auto 94px auto;line-height:19px;font-size:14px;color:#363636;letter-spacing:4px;text-transform:uppercase}
#projects .page-quote-3{width:100%;display:block !important;-webkit-background-size:320px auto;-moz-background-size:320px auto;background-size:320px auto;background-position:center;margin:60px auto 10% auto}#projects .the-other-clients{position:relative;display:block;overflow:hidden;margin-bottom:10%}
#projects .project{position:relative;display:block;*display:inline;*zoom:1;width:300px;height:440px;margin:0 auto 10px;overflow:hidden;outline:none}
#projects .project .poster{position:absolute;top:0;left:0;display:block;width:300px;height:440px;overflow:hidden;z-index:1}
#projects .project .poster img{position:absolute;display:block;top:0;left:0;width:300px;height:440px}
#projects .project .poster img.top{display:none}
#projects .project .poster-special img{display:block}
#projects .project .inside{position:absolute;top:0;left:0;display:block;width:300px;height:440px;overflow:hidden;z-index:999}
#projects .project .inside .formatted{position:relative;opacity:1;padding:205px 21px 0;color:#FFFFFF;font-size:14px}
#projects .project .inside .cta{position:relative;width:98px;height:32px;margin:0 auto;line-height:28px;color:#FFFFFF;font-family:"franklin-gothic-demi",sans-serif;text-transform:uppercase;font-weight:700;font-style:normal;color:#fff;letter-spacing:3px;font-size:20px;white-space:nowrap;text-align:center;border:solid 2px #FFFFFF;letter-spacing:0px;background:none}
#projects .project .inside .title{position:absolute;display:block;bottom:22px;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:14px;color:#FFFFFF;font-family:"futura-pt",sans-serif;font-weight:500;letter-spacing:3px}#projects .project .inside .title a{color:#FFFFFF}
#projects .project .inside .provided{position:absolute;bottom:10px;left:0;width:100%;height:14px;text-align:center}
#projects .project .inside-special .title{color:#262525}
#projects .project .inside-special .subtitle{position:absolute;display:block;bottom:3px;left:0;width:100%;text-align:center;text-transform:uppercase;color:#a4a4a4;font-family:"anivers",sans-serif;font-weight:400;font-size:13px}
.the-other-clients{position:relative;display:block;overflow:hidden;text-align:center;padding-bottom:20px}
.the-other-clients z img{position:relative;display:block;overflow:hidden;margin:0 auto}
.the-other-clients .a-logo-1{opacity:0.5; padding-right: 1%; padding-left: 1%; width:200px;height:auto}		/* width:207px;height:93px*/
.the-other-clients .a-logo-1:hover{opacity:1; width:200px;height:auto}
.the-other-clients .a-logo-2{opacity:0.5; padding-right: 1%; padding-left: 1%; width:200px;height:auto}
.the-other-clients .a-logo-2:hover{opacity:1; width:200px;height:auto}
.the-other-clients .a-logo-3{opacity:0.5; padding-right: 1%; padding-left: 1%; width:200px;height:auto}
.the-other-clients .a-logo-3:hover{opacity:1; width:200px;height:auto}
.the-other-clients .a-logo-4{opacity:0.5; padding-right: 1%; padding-left: 1%; width:200px;height:auto}
.the-other-clients .a-logo-4:hover{opacity:1; width:200px;height:auto}
.the-other-clients .special-break{display:none}
#project{position:relative}
#project .header-block{position:relative}
#project .padin{padding:0 20px}
#project .top .logo{position:relative;margin-bottom:10px;background-position:bottom center;background-repeat:no-repeat}
#project .top .description{position:relative;margin:0 auto;font-family:"anivers",sans-serif;font-size:16px}
#project h2 img{display:none}
#about{padding:0}
#about .padin{padding-left:20px !important;padding-right:20px !important}
#about #page{background:none !important}
#about #page.production-content{background:#FFF !important}
#about .intro{position:relative;background:url(../images/about-mobile-pattern.jpg) repeat}
#about .intro .logo{position:relative;width:320px;height:249px;margin:0 auto;background:url(../images/about-mobile-logo.png) no-repeat;-webkit-background-size:320px 249px;-moz-background-size:320px 249px;background-size:320px 249px}
#about .intro .logo img{position:absolute;display:none;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;top:50%;left:50%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
#about .intro .mouse-drag{display:none}
#about .aboutus{position:relative;color:#fff;z-index:2}
#about .aboutus .xt-tallbold{margin-bottom:25px;padding-top:60px;color:#fff;font-size:14px}
#about .aboutus .formatted{margin-bottom:50px;font-size:21px;line-height:1.5em}
#about .aboutus .xt-impact{text-transform:uppercase;font-size:50px}
#about .aboutus h3{font-size:22px;line-height:1.1em;margin-bottom:30px}
#about .aboutus .part1{position:absolute;display:block;width:100%;height:80%;top:0;left:0;background:url(../images/about/aboutus-bg.jpg) no-repeat center center;background-size:cover}
#about .aboutus .part2{position:absolute;display:block;width:100%;height:25%;top:70%;left:0;background:none}
#about .aboutus .iframe-wrap{position:relative;display:block;width:100%;max-width:960px;margin:0 auto 0 auto}
#about .aboutus .iframe-wrap .inner:before{content:"";display:block;padding-top:42.6%}
#about .aboutus .iframe-wrap img{position:absolute;display:block;width:100%;height:100%;top:0;left:0}


#about .work{position:relative;padding:40px 0;background:url(../images/about/about-work-bg.jpg) no-repeat bottom center;background-size:cover;z-index:1}
#about .work .xcenter{overflow:hidden}
#about .work .part-left{position:relative;display:block;overflow:hidden}
#about .work .the-other-clients{position:relative;display:block;overflow:hidden;text-align:center;padding-bottom:0}
#about .work .formatted{margin:0 0 30px;font-size:21px;line-height:1.5em;padding-top:30px}
#about .work .formatted p{margin-top:0}
#about .work .my-btn{position:relative;display:block;overflow:hidden;background:none;width:158px;height:50px;margin:0 auto 42px auto;text-align:center;line-height:43px;border:solid 2px #181819;font-family:"franklin-gothic-demi",sans-serif;text-transform:uppercase;font-weight:700;font-style:normal;color:#fff;letter-spacing:3px;font-size:20px;color:#181819;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:2px}
#about .work .my-btn span{position:absolute;display:block;width:0px;height:50px;top:-4px;right:7px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:url(../images/map-arrow.png) no-repeat 0 0}
#about .whatwedo{position:relative;background:url(../images/about/whatwedobg.jpg) no-repeat center center;background-size:cover;color:#fff;padding-bottom:100px}
#about .whatwedo .xt-tallbold{margin-bottom:25px;padding-top:60px;color:#fff;font-size:14px;text-align:center}
#about .whatwedo .what-we-do-selectors{position:relative;display:block;overflow:hidden;text-align:center}
#about .whatwedo .what-we-do-selectors .a-selector{position:relative;display:inline-block;overflow:hidden;margin:0 10px 20px;width:130px;height:130px;background:url(../images/about/section-circle.png) no-repeat 0 0;-webkit-background-size:130px 260px;-moz-background-size:130px 260px;background-size:130px 260px}
#about .whatwedo .what-we-do-selectors .a-selector span{position:relative;display:table-cell;overflow:hidden;vertical-align:middle;width:130px;height:130px}
#about .whatwedo .what-we-do-sections{display:none}
#about .clients{position:relative;padding:60px 20px;background:#222}
#about .clients .xt-tallbold{margin-bottom:30px;color:#fff;text-align:center}
#about .clients #clients{position:relative;display:block;overflow:hidden}
#about .clients #clients>li{position:relative;display:block;margin:0 auto 25px;background-repeat:no-repeat;background-position:top center;filter:url(filters.html#grayscale);filter:gray;-webkit-filter:grayscale(1)}
#about .thank-you-section{position:relative;background:#181819;overflow:hidden;color:#686868}
#about .thank-you-section .xt-tallbold,#about .thank-you-section .xt-tallbold a{color:#b5b5b5}
#about .thank-you-section .tabs{width:320px}
#about .thank-you-section .tabs ul{margin-bottom:40px}
#about .thank-you-section .tabs ul .c-cta .istart-working{background-position:-35px -35px}
#about .thank-you-section .tabs ul .c-cta:hover em,#about .thank-you-section .tabs ul .c-cta:hover em a{color:#b5b5b5}
#about .thank-you-section .tabs ul .ijoin-spry{background-position:-70px -35px}
#about.production .whatwedo{background:url(../images/production-services-bg.jpg) no-repeat center center;background-size:cover;padding-bottom:40px}
#contact{position:relative}
#contact .two-col{position:relative;margin-bottom:1%;padding:0 20px;font-size:24px}
#contact .two-col .xcenter{position:relative;overflow:hidden}
#contact .location{position:relative;white-space:nowrap}
#contact .location .txt .fx-bg{background:none}
#contact .location .txt .xt-tallbold{display:block;margin-bottom:0;padding:30px 2px 20px;*display:inline;*zoom:1;font-size:14px}
#contact .location .txt .dt{margin-bottom:20px;font-family:'todayshop-xlightregular';text-transform:uppercase;color:#fff;letter-spacing:9px;font-size:39px;line-height:41px;letter-spacing:1px;color:#222;width:200px;white-space:normal;margin-bottom:10px}
#contact .location .txt address{font-size:16px;line-height:23px;color:#3c3a3a;font-style:normal;margin-bottom:15px}
#contact .location .txt address span{padding:0 5px}
#contact .location .txt #map-open{display:none}
#contact .location .txt #map-open{position:relative;overflow:hidden;background:none;width:116px;height:50px;margin:0 0 42px 0;text-align:center;line-height:43px;border:solid 2px #181819;font-family:"franklin-gothic-demi",sans-serif;text-transform:uppercase;font-weight:700;font-style:normal;color:#fff;letter-spacing:3px;font-size:20px;color:#181819;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;letter-spacing:2px}
#contact .location .txt #map-open span{position:absolute;display:block;width:0px;height:50px;top:-4px;right:7px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:url(../images/map-arrow.png) no-repeat 0 0}
#contact .location .txt2 .phone{position:relative;display:block;color:#181819;font-size:30px;letter-spacing:0;font-weight:400;margin-bottom:8px}
#contact .location .txt2 .phone em{font-style:normal;padding-right:2px}
#contact .location .txt2 .email{margin-bottom:0}
#contact .location .txt2 .email,#contact .location .txt2 .xfacebook,#contact .location .txt2 .xtwitter,#contact .location .txt2 .xdribbble,#contact .location .txt2 .xvimeo{position:relative;display:block;color:#181819;font-size:21px;line-height:18px;letter-spacing:0;font-weight:400;padding-left:23px;margin-bottom:22px;letter-spacing:1px}
#contact .location .txt2 .email span,#contact .location .txt2 .xfacebook span,#contact .location .txt2 .xtwitter span,#contact .location .txt2 .xdribbble span,#contact .location .txt2 .xvimeo span{position:absolute;display:block;left:0;top:0;width:23px;height:18px}
#contact .location .txt2 .email span{background:url(../images/contact-e.jpg) no-repeat;-webkit-background-size:23px 18px;-moz-background-size:23px 18px;background-size:23px 18px}
#contact .location .txt2 .xfacebook span{background:url(../images/contact-f.jpg) no-repeat;-webkit-background-size:23px 18px;-moz-background-size:23px 18px;background-size:23px 18px}
#contact .location .txt2 .xtwitter span{background:url(../images/contact-t.jpg) no-repeat;-webkit-background-size:23px 18px;-moz-background-size:23px 18px;background-size:23px 18px}
#contact .location .txt2 .xdribbble span{background:url(../images/contact-d.jpg) no-repeat;-webkit-background-size:23px 18px;-moz-background-size:23px 18px;background-size:23px 18px}
#contact .location .txt2 .xvimeo span{background:url(../images/contact-v.jpg) no-repeat;-webkit-background-size:23px 18px;-moz-background-size:23px 18px;background-size:23px 18px;top:1px}
#contact .location .txt2 .social{position:relative;display:block;overflow:hidden;margin:0 0 30px 0}
#contact .information{position:relative}
#contact .information .xt-tallbold{margin-bottom:5px}
#contact .information p{margin:0 0 25px 0;font-family:'todayshop-xlightregular';text-transform:lowercase;font-size:24px;color:#222;letter-spacing:1px}
#contact .information p a{color:#222}
#contact .information p em{font-style:normal;color:#b5b5b5}
#contact .information .social a{display:block;margin-bottom:5px;padding-left:32px;background:url(../images/icon-contact-social.png) no-repeat;line-height:30px}
#contact .information .social a.xfacebook{background-position:0 5px}
#contact .information .social a.xtwitter{background-position:0 -23px}
#contact .information .social a.xdribble{background-position:0 -51px}
#contact #map-outside{display:none;position:absolute;top:0;left:0;width:100%;height:50px;overflow:hidden;z-index:50}
#contact #map-outside #map-inside{position:relative;width:100%;height:589px}
#contact #map-outside #map-inside #map{position:relative;height:589px}
#contact #map-outside #map-inside #map-close{position:absolute;bottom:0;left:50%;background:url(../images/btn-map-close.png) no-repeat 0 0;width:120px;height:22px;margin-left:-60px;z-index:50}
#contact #map-outside #map-inside .location{position:absolute;top:89px;left:50%;margin-left:-480px;border:none}
#contact #map-outside #map-inside .location .txt .fx-bg{background:#181819}
#contact #map-outside #map-inside .location .txt address{color:#e0e0e0;cursor:default}
#contact #map-outside #map-inside .location .txt address span{color:#e0e0e0}
#contact #map-outside #map-inside .location .txt .xt-tallbold{color:#9f9f9f}
#forms{position:relative;border-top:#f2f2f2 1px solid}
#forms .tabs{position:relative;padding-bottom:24px;padding-top:14px;background:url(../images/forms-tab-arrow.png) no-repeat bottom center;overflow:hidden}
#forms .tabs>ul{position:relative;overflow:hidden;display:block}
#forms .tabs>ul>li{position:relative;display:none;width:188px;margin:0 auto}
#forms .tabs>ul>li .c-cta{width:188px;padding:1px 0 0 0}
#forms .tabs>ul:first-child{margin-left:0}
#forms .tabs>ul>li.active{display:block}
#forms .panels{position:relative;padding:29px 0;background:#222}
#forms .panels ul{display:block}
#forms .panels ul>li{position:relative;display:none}
#forms .panels ul>li.active{display:block}
#forms form{position:relative;display:block;margin:0 auto;padding:0 20px}
#forms form .row{position:relative;overflow:hidden}
#forms form .row .inp{position:relative;margin-bottom:25px}
#forms form .row .inp .xtrig{position:absolute;bottom:2px;right:2px;display:block;height:29px;padding:0 12px;background-color:#222;border-left:#363636 1px solid;cursor:pointer;color:#5b5b5b;font-family:"anivers",sans-serif;font-weight:400;font-size:12px;line-height:29px}
#forms form .row .inp select{position:absolute;bottom:6px;left:0;width:100%;z-index:500;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
#forms form .row .inp.left{width:100%}
#forms form .row .inp.left:first-child{margin-left:0}
#forms form .row .inp.left input{width:100%;height:33px}
#forms form .submit-row input[type=submit]{float:left;margin-right:25px}
#forms form label{position:relative;display:block;margin-bottom:9px;text-transform:uppercase;color:#d8d8d8;font-size:10px;font-family:"futura-pt",sans-serif;font-weight:700;letter-spacing:3px;-webkit-transition:color 400ms ease-in-out;-moz-transition:color 400ms ease-in-out;-ms-transition:color 400ms ease-in-out;-o-transition:color 400ms ease-in-out;transition:color 400ms ease-in-out}
#forms form .xopt{position:absolute;top:0;right:0;color:#363636}
#forms form input[type=text],#forms form input[type=email],#forms form input[type=phone],#forms form input[type=url],#forms form textarea{display:block;width:100%;padding:0 13px;border:#363636 2px solid;background:#222;outline-style:none;line-height:29px;font-size:14px;font-family:"anivers",sans-serif;font-weight:400;color:#363636;-webkit-transition:border 400ms ease-in-out;-moz-transition:border 400ms ease-in-out;-ms-transition:border 400ms ease-in-out;-o-transition:border 400ms ease-in-out;transition:border 400ms ease-in-out}
#forms form textarea{width:100%;height:105px;padding:20px;line-height:16px}
#forms form input[type=submit],#forms form input[type=buton]{background:#363636;border:none;padding:13px 27px;cursor:pointer;text-align:center;color:#fff;font-size:16px;font-family:"anivers",sans-serif;font-weight:400;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
#forms form input[type=submit]:hover,#forms form input[type=buton]:hover{background:#1a1a1a}
#forms form .msg{position:relative;float:left;max-width:65%;color:#d8d8d8}
#forms form input[type=file]{display:none}
#forms form .ifile{display:none}
#forms form .iselect .xtrig{width:8px;background:url(../images/forms-inp-select.png) no-repeat center center}
#forms form .iactive input,#forms form .iactive textarea{border-color:#d8d8d8;color:#d8d8d8}
#forms form .iwrong label{color:#843737}
#forms form .iwrong input,#forms form .iwrong textarea{border-color:#843737}
#forms form .ihasvalue input,#forms form .ihasvalue textarea{color:#d8d8d8}
body.mobile .ifile,body.tablet .ifile{display:none !important}
#footer{position:relative;background:#181819;height:103px;margin-top:-103px;padding:16px 0 0 0;z-index:25;overflow:hidden;color:#9f9f9f;font-size:8px;text-transform:uppercase;white-space:nowrap;text-align:center;-webkit-transition:width 450ms ease-in-out;-moz-transition:width 450ms ease-in-out;-ms-transition:width 450ms ease-in-out;-o-transition:width 450ms ease-in-out;transition:width 450ms ease-in-out}
#footer .xcenter{overflow:hidden}
#footer #f-logo{height:32px;margin-bottom:0px;margin-top:0px;background:url(../images/mobile/crown-logo.png) no-repeat top center}
#footer .copyright{display:block;margin-bottom:10px;font-family:"futura-pt",sans-serif;font-weight:500;letter-spacing:3px;z-index:9}
#footer .copyright .icon,#footer .copyright .tagline{display:none}
#footer .phone{position:relative;display:inline-block;font-family:"anivers",sans-serif;font-weight:400;font-size:14px;color:#e0e0e0;z-index:99}
#footer .phone a{color:#fff;text-decoration:none}
#footer .phone span{color:#9f9f9f}
#footer .phone a.icon-email{position:relative;top:4px;display:inline-block;width:30px;height:16px;margin-left:6px}
#footer .phone a.icon-email img{position:absolute;display:block;overflow:hidden;width:30px;height:16px;top:0;left:0}
#footer .phone a.icon-email img.bottom{display:none}
#footer .social{position:relative;display:inline-block;z-index:99;font-family:"anivers",sans-serif;font-weight:400;font-size:14px;color:#e0e0e0;z-index:99}
#footer .social a{position:relative;top:4px;display:inline-block;height:16px;outline:none;color:#fff;text-decoration:none}
#footer .social a img{position:relative;display:block;overflow:hidden;position:absolute;left:0}
#footer .social a img.bottom{display:none}
#footer .social .fb{width:19px}
#footer .social .tw{width:29px}
#footer .social .dr{width:24px}
#footer .social .vi{width:28px}
.final-design-container{position:relative;display:block;padding-top:80px;margin-bottom:100px}
.final-design-container .the-site{position:relative;display:block;padding-top:16px}
.final-design-container .the-site .browser-top{position:absolute;display:block;overflow:hidden;top:0;left:50%;margin-left:-140px;width:281px;height:16px;background:url(../images/browser-top.png) no-repeat;-webkit-background-size:281px 16px;-moz-background-size:281px 16px;background-size:281px 16px}
.final-design-container .cycle{position:relative;display:block;overflow:hidden;width:281px;height:281px;margin:0 auto;-webkit-box-shadow:0 0 20px 1px rgba(50,50,50,0.2);-moz-box-shadow:0 0 20px 1px rgba(50,50,50,0.2);box-shadow:0 0 20px 1px rgba(50,50,50,0.2)}
.final-design-container .cycle .a-slide{position:relative;display:block;overflow:auto;width:281px;height:281px}
.final-design-container .cycle .a-slide img{position:relative;display:block;overflow:hidden;width:281px;height:auto}
.final-design-container .the-title{position:relative;display:block;overflow:hidden;margin-bottom:28px;text-align:center;white-space:nowrap}
.final-design-container .the-title h2{display:inline-block;margin-right:9px !important;font-size:22px !important;padding-top:5px !important}
.final-design-container .the-title a{position:relative;display:block;overflow:hidden;float:left;width:131px;height:31px;padding-right:4px;line-height:32px;letter-spacing:2px;background:#ededed;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;text-align:center;text-transform:uppercase;font-family:"anivers",sans-serif;font-weight:400;font-size:10px;color:#9f9f9f;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;display:inline-block;float:none;vertical-align:top}
.final-design-container .the-title a span{position:relative;display:none;width:14px;height:10px;margin-right:10px;background:url(../images/launch-site-eye.png) no-repeat bottom}
.final-design-container .the-title a:hover{background:#181819;color:#fff}
.final-design-container #prev,.final-design-container #next{position:absolute;display:block;overflow:hidden;top:373px;left:50%;width:80px;height:33px;line-height:33px;text-align:center;background:#CCC;text-transform:uppercase;font-family:"futura-pt",sans-serif;font-weight:500;letter-spacing:3px;color:#FFF;font-size:10px;letter-spacing:1px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.final-design-container #prev{margin-left:-86px}
.final-design-container #next{margin-left:10px}
#new-work-template{position:relative}
.work-hero-section{position:relative}
.work-hero-section img{display:block}
.work-hero-section .logo-part{margin:0 auto}
.work-hero-section .text-main{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.work-hero-section .text-main .inner1{position:relative;display:block;width:100%;height:100%}
.work-hero-section .text-main .inner1 .inner2{position:relative;display:table;width:100%;height:100%}
.work-hero-section .text-main .inner1 .inner2 .inner3{position:relative;display:table-cell;width:100%;vertical-align:middle}
.work-hero-section .text-main .type-section{margin:0 auto;width:80%;height:auto}
.work-text-section,.short-text-section{position:relative}
.work-text-section .headline,.short-text-section .headline{position:relative;display:block;font-family:"futura-pt",sans-serif;font-weight:700;margin-bottom:30px;letter-spacing:7px}
.work-text-section .formatted,.short-text-section .formatted{position:relative;width:100%;max-width:760px; margin:0 auto;padding:0 30px;line-height:2em}
.work-text-section .formatted p,.short-text-section .formatted p{font-family:"anivers",sans-serif;font-weight:400}
.work-text-section .extra-field,.short-text-section .extra-field{position:relative;display:block;text-align:center;font-family:"futura-pt",sans-serif;font-weight:700;letter-spacing:3px;padding:15px 20px 0 20px}
.work-text-section.tighter .headline,.short-text-section.tighter .headline{margin-bottom:24px;letter-spacing:1px}
.work-text-section.tighter .formatted,.short-text-section.tighter .formatted{line-height:1.8em}
.short-text-section .formatted{padding:25px 30px;line-height:1.8em}
.work-media-section{position:relative}
.work-media-section .just-image{position:relative;display:block;margin:0 auto;height:auto}
.work-media-section .motionv{position:relative;display:block;margin:0 auto;height:auto}
.work-split-section{position:relative;width:100%}
.work-split-section .part-left{position:relative;display:block;width:100%;padding:40px 0}
.work-split-section .part-left .inner:before{content:"";display:block;padding-top:50%}
.work-split-section .part-right{position:relative;display:block;width:100%;padding:40px 0}
.work-split-section .part-right .inner:before{content:"";display:block;padding-top:60%}
.work-split-section.both-img .part-left .inner{display:block}
.work-split-section.both-img .part-left .inner:before{padding-top:40%}
.work-split-section.both-img .part-right .inner{display:block}
.work-split-section.both-img .part-right .inner:before{padding-top:40%}
.work-split-section .formatted{position:relative;margin:0 auto;line-height:2em;width:70%;max-width:412px}
.work-split-section .formatted h3{font-family:"futura-pt",sans-serif;font-weight:700;font-size:21px;margin-bottom:18px}
.work-split-section .formatted p{font-family:"anivers",sans-serif;font-weight:400;font-size:16px}
.work-split-section .formatted a{color:#0073ae;text-decoration:underline}
.production-contact{position:relative;display:block;padding:70px 20px;text-align:center;background:#181819}
.production-contact .contact-line-1{position:relative;display:block;margin-bottom:8px;text-align:center;font-family:'todayshop-xlightregular';font-size:32px;color:#fefefe;text-transform:uppercase;letter-spacing:4px;line-height:1.1em}
.production-contact .contact-line-2{position:relative;display:block;max-width:482px;margin:0 auto 30px auto;font-family:"anivers",sans-serif;line-height:1.8em;font-size:16px;color:#FFF}
.production-contact a{position:relative;display:block;margin:0 auto;width:202px;height:40px;line-height:33px;border:solid 3px #FFF;text-align:center;font-family:"franklin-gothic-demi",sans-serif;font-size:22px;color:#f6f6f6;letter-spacing:5px;text-transform:uppercase}.production-contact .part-right{position:relative;display:block;width:100%;padding:40px 0}
.production-contact .part-right .inner:before{content:"";display:block;padding-top:60%}
.production-contact.both-img .part-left .inner{display:block}
.production-contact.both-img .part-left .inner:before{padding-top:40%}
.production-contact.both-img .part-right .inner{display:block}
.production-contact.both-img .part-right .inner:before{padding-top:40%}
.production-contact .formatted{position:relative;margin:0 auto;line-height:2em;width:70%;max-width:412px}
.production-contact .formatted h3{font-family:"futura-pt",sans-serif;font-weight:700;font-size:21px;margin-bottom:18px}
.production-contact .formatted p{font-family:"anivers",sans-serif;font-weight:400;font-size:16px}
.production-contact .formatted a{color:#0073ae;text-decoration:underline}

@media only screen and (min-width:481px){
#motion video{display:block}
#footer{padding:0 20px}
#about .team .person .original{position:absolute;top:402px}
#about .team .person:hover .original{-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
#about .team .person:hover .hover{-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=1);opacity:1}
#about .team .tkwok .original{display:block}
#about .team .tkwok .hover{opacity:0}
.the-other-clients img{display:inline}
#culture .box{float:left;width:50%;height:auto}
#culture #tweet .formatted{max-height:65%;overflow:hidden;font-size:18px}
#forms form{width:100%}
#projects .project{display:inline-block;*display:inline;*zoom:1;margin:0 5px 10px}
#p-wish .top .new-text{width:556px}}
#contact span.subText{margin-right: 8%; margin-left: 8%}


@media only screen and (min-width:620px){
.work-split-section{position:relative;display:table;table-layout:fixed}
.work-split-section .part-left{display:table-cell;vertical-align:middle;width:50%;padding:80px 0}
.work-split-section .part-left .inner{display:none}
.work-split-section .part-right{display:table-cell;vertical-align:middle;width:50%;padding:80px 0}
.work-split-section .part-right .inner{display:none}
.work-split-section.both-img .part-left .inner{display:block}
.work-split-section.both-img .part-left .inner:before{display:block}
.work-split-section.both-img .part-right .inner{display:block}
.work-split-section.both-img .part-right .inner:before{display:block}}

@media only screen and (min-width:768px){
.xcenter{max-width:960px}
.xcenter-sm{width:850px}
#header{height:169px;padding:0;border-top:#181819 10px solid;border-bottom:none;background:none}
#header .xcenter{zoom:1;padding:40px 50px 0}
#header .xcenter:before,#header .xcenter:after{content:"";display:table}
#header .xcenter:after{clear:both}
#header #logo{float:left;top:0;left:0;width:89px;height:89px;margin:0 0 0 16px;background:none}
#header #logo img{display:block}
#header #logo .back{position:relative;width:89px;height:89px}
#header #logo .front{position:absolute;top:50%;left:50%;width:50px;margin:-20px 0 0 -24px;z-index:50}
#nav{position:relative;padding:35px 16px 0 0}
#nav #nav-trigger{display:none}
#nav ul.menu{position:relative;top:0;display:block !important;background:none;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}
#nav ul.menu>li{display:inline-block;*display:inline;*zoom:1;margin-left:30px;border-bottom:none;white-space:nowrap;line-height:22px}
#nav ul.menu>li .xhover{display:block;background:#ebdb89;width:0px;height:3px;-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out}
#nav ul.menu a{display:inline;width:auto;padding:0 0 6px 0;color:#fff;color:#ffffff;text-decoration:none}
#nav ul.menu>li.current-menu-item{background:none}
#nav ul.menu>li.current-menu-item a{color:#fff}
#content{padding:0 40px 86px}
#content #content-inner #page{margin:0;padding:0}
body.tablet #content{padding:0 0 86px}
#home .introduction{margin:0 0 50px}
#home .introduction .logo{display:none}
#home .introduction h1{font-size:50px}
#home .introduction em{padding-bottom:20px;font-size:24px}
#home .introduction #home-discover-link:hover{width:137px;background:#FFF;color:#181819;padding-right:27px}
#home .introduction #home-discover-link:hover span{width:27px}
#home .xnotice{position:relative;display:block;width:88px;height:71px;margin:0 auto;background:url(../images/notice-scroll.png) no-repeat 0 0}
body.tablet #home .introduction #home-discover-link:hover{width:116px;background:none;color:#FFF;padding-right:0}
body.tablet #home .introduction #home-discover-link:hover span{width:0}
body.tablet #about .my-btn:hover{width:116px;background:none;color:#181819;padding-right:0}
body.tablet #about .my-btn:hover span{width:0}
body.tablet #contact #map-open:hover{width:116px !important;background:none !important;color:#181819 !important;padding-right:0 !important}
body.tablet #contact #map-open:hover span{width:0 !important}
#projects .page-quote{display:block}
#projects .page-quote-text{display:block;width:596px}
#projects .page-quote-2{display:block}
#projects .page-quote-3{width:367px;display:block}
#projects .clear{clear:both}
#projects .project{margin:0 5px 20px}
#projects .project .poster{-webkit-backface-visibility:hidden}
#projects .project .poster img{position:absolute;display:block;top:0;left:0;width:300px;height:440px;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
#projects .project .poster img.top{display:block}
#projects .project .inside .formatted{opacity:0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}
#projects .project .inside .cta{display:none}
#projects .project .inside .title{position:absolute;display:block;bottom:22px;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:14px;color:#262525;font-family:"futura-pt",sans-serif;font-weight:500;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#projects .project .inside .title a{color:#262525;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
#projects .project .inside .provided{position:absolute;bottom:10px;left:0;width:100%;height:14px;text-align:center}
#projects .project:hover .title{color:#FFFFFF}
#projects .project.soon .title{color:#262525}
#projects .project.first{margin-left:0}
#projects .project:hover img.top{opacity:0}
#projects .project:hover .title a{color:#FFFFFF}
#projects .project:hover .formatted{opacity:1}
.the-other-clients{max-width:960px;margin:0 auto;padding-bottom:120px}
.the-other-clients img{margin:0}
#project .padin{padding:0}
#project .top .description{width:560px;text-align:center;font-size:20px}
#about .intro{background:none;padding:60px 0 118px}
#about .intro .logo{position:relative;width:640px;height:375px;background:url(../images/about/about-logo.png) no-repeat center center;-webkit-background-size:369px 276px;-moz-background-size:369px 276px;background-size:369px 276px}
#about .intro .logo img{display:block}
#about .intro .mouse-drag{position:absolute;bottom:0;left:0;display:block;overflow:hidden;width:100%;height:88px;margin:60px auto 20px auto}
#about .intro .mouse-drag .mouse{position:relative;height:60px;margin:0 auto;background:url(../images/mouse-drag.png) no-repeat top center;display:none}
#about .aboutus{padding:160px 50px 0 50px !important}
#about .aboutus .xcenter{padding:0 30px}
#about .aboutus .part1{height:72%}
#about .aboutus .part2{height:28%;top:70%}
#about .aboutus .xt-tallbold{padding-top:0;margin-bottom:75px}
#about .aboutus .formatted{max-width:600px;font-size:16px;line-height:2em}
#about .aboutus h3{font-size:50px}
#about .aboutus .iframe-wrap{margin:0 auto -80px auto}
#about .work{padding:30px 30px !important}
#about .work .formatted{padding-top:75px}
#about .work .part-left .formatted{margin:0 0 30px;line-height:2em;font-size:16px}
#about .work .the-other-clients{margin:0 auto}
#about .work .the-other-clients img{display:inline-block;float:none}
#about .work .the-other-clients .a-logo-3{width:180px;height:70px;margin-left:20px}
#about .work .the-other-clients .a-logo-4{width:159px;height:73px}
#about .work .the-other-clients .a-logo-5{width:131px;height:73px;margin-left:40px}
#about .work .the-other-clients .a-logo-6{width:188px;height:73px;margin-left:30px}
#about .work .my-btn{margin:0 auto 42px}
#about .work .my-btn:hover{width:179px;background:#181819;color:#FFF;padding-right:27px}
#about .work .my-btn:hover span{width:27px}
#about .whatwedo .xt-tallbold{margin-bottom:70px;padding-top:120px}
#about .whatwedo .what-we-do-selectors{margin-bottom:50px}
#about .whatwedo .what-we-do-selectors .a-selector{margin:0 13px 26px;cursor:pointer}
#about .whatwedo .what-we-do-selectors .a-selector:hover{background-position:0 -130px}
#about .whatwedo .what-we-do-selectors .a-selector:hover span{color:#181819}
#about .whatwedo .what-we-do-selectors .a-selector.active{background-position:0 -130px}
#about .whatwedo .what-we-do-selectors .a-selector.active span{color:#181819}
#about .whatwedo .what-we-do-sections{display:block;min-height:160px}
#about .whatwedo .what-we-do-sections .formatted{display:none;width:604px;margin:0 auto;line-height:2em}
#about .whatwedo .what-we-do-sections .formatted a{color:#ebdb89}
#about .whatwedo .what-we-do-sections .formatted.active{display:block}
#about .clients .xt-tallbold{text-align:left}
#about .clients #clients>li{float:left;margin:0 0 25px 50px}
#about .clients #clients>li:first-child{margin-left:0}
#about .clients #clients>li.first{margin-left:0}
#about .team{padding:110px 20px 50px}
#about .team .xcenter-lg{max-width:1040px}
#about .team .xt-tallbold{margin-bottom:93px}
#about .team .person{width:320px}
#about .team .person .poster{width:320px;height:320px;-webkit-background-size:320px 320px;-moz-background-size:320px 320px;background-size:320px 320px}
#about .thank-you-section{position:relative;padding:0 0 80px 0;background:#181819;overflow:hidden;color:#686868}
#about .thank-you-section .tabs ul{margin-bottom:0}
#about .thank-you-section .tabs ul .c-cta:hover em,#about .thank-you-section .tabs ul .c-cta:hover em a{color:#b5b5b5}
#about .thank-you-section .tabs ul .ijoin-spry{background-position:-70px -35px}
#about.production .whatwedo{padding-bottom:100px}
#contact .two-col{position:relative;display:block;z-index:999;padding:0;width:500px;height:484px}
#contact .contact-inner{max-width:960px;min-height:589px;margin:0 auto;padding-top:50px;border-bottom:transparent 1px solid}
#contact .location{width:500px;padding-top:50px;float:left;background:#FFF;padding-left:27px;z-index:9999}
#contact .location .txt .xt-tallbold{padding:0 2px 35px}
#contact .location .txt .dt{width:auto}
#contact .location .txt #map-open{display:block}
#contact .location .txt #map-open:hover{width:137px;background:#181819;color:#FFF;padding-right:27px}
#contact .location .txt #map-open:hover span{width:27px}
#contact .location .txt2 .phone{margin-bottom:12px}
#contact .location .txt2 .email,#contact .location .txt2 .xfacebook,#contact .location .txt2 .xtwitter,#contact .location .txt2 .xdribbble,#contact .location .txt2 .xvimeo{margin-bottom:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#contact .location .txt2 .email{margin-bottom:25px}
#contact .location .txt2 .email:hover{color:#ebdb89}
#contact .location .txt2 .xtwitter:hover{color:#53bddc}
#contact .location .txt2 .xfacebook:hover{color:#4e76c1}
#contact .location .txt2 .xdribbble:hover{color:#e64b8e}
#contact .location .txt2 .xvimeo:hover{color:#00b2ea}
#contact .location .txt2 .social{margin-bottom:33px}
#contact .location .txt2 .social a{float:left;margin-right:30px}
#contact .information{float:right;width:360px;padding:70px 0 0 60px}
#contact .information .xt-tallbold{margin-bottom:10px}
#contact .information p{margin-bottom:40px;letter-spacing:2px}
#contact #map-outside{display:block}
#forms .tabs>ul{text-align:center}
#forms .tabs>ul>li{display:inline-block;width:auto;margin:0 0 0 0}
#forms .tabs>ul>li .icon{display:none}
#forms .tabs>ul>li .c-cta{width:auto;padding:1px 16px 0 16px;text-align:center}
#forms .tabs>ul>li .c-cta-first{padding:1px 16px 0 0}
#forms .tabs>ul>li .c-cta-third{padding:1px 0 0 16px}
#forms .tabs>ul>li.active{display:inline-block}
#forms .tabs>ul>li.active .icon{display:none}
#forms .tabs>ul>li.active .icon .hover{display:block}
#forms .tabs>ul>li.active em{color:#222}
#forms .panels{padding:45px 0}
#forms .panels ul>li{overflow:hidden}
#forms .panels ul>li.active{display:block}
#forms form{width:700px;padding:0}
#forms form .row .inp.left{width:220px;margin-left:20px}
#forms form .row .inp.left input{width:220px}
#forms form .row .inp.inp50{width:340px}
#forms form .row .inp.inp50 input{width:100%}
#forms form textarea{width:700px;height:145px}
#forms form .msg{width:525px}
#forms form .ifile{display:block}
#culture .box{width:25%}
#culture .box .hover{-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
#culture .box:nth-last-child(1),#culture .box:nth-last-child(2){display:none}
#culture .with-txt:hover .hover{-webkit-opacity:.7;-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7}
#culture #dribble:hover img{filter:none;-webkit-filter:grayscale(0)}
#culture #instagram:hover img{filter:none;-webkit-filter:grayscale(0)}
#footer{height:86px;margin:-86px 0px 0;padding:0 20px;line-height:86px;font-size:9px;background:#181819}
#footer .xcenter{overflow:hidden}
#footer #f-logo{display:none}
#footer .copyright{display:inline}
#footer .copyright .hideit{display:none}
#footer .copyright .icon{position:relative;top:12px;display:inline-block;width:40px;height:40px;margin:0;background:url(../images/icon-spry.png) no-repeat 0 0}
#footer .copyright .tagline{display:inline;font-style:normal}
#footer .phone{position:absolute;left:0;font-size:16px}
#footer .phone a.icon-email img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#footer .phone a.icon-email img.bottom{display:block}
#footer .phone a.icon-email img.top:hover{opacity:0}
#footer .social{position:absolute;right:0}
#footer .social a img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#footer .social a img.bottom{display:block}
#footer .social a img.top:hover{opacity:0}
body.tablet #footer{height:86px;margin:-86px 0 0;padding:0 40px 0}
.home #footer,.error404 #footer{margin-left:0;margin-right:0}
.final-design-container{padding-top:80px;margin-bottom:68px}
.final-design-container .the-site{padding-top:37px}
.final-design-container .the-site .browser-top{position:absolute;display:block;overflow:hidden;top:0;left:50%;margin-left:-330px;width:660px;height:37px;background:url(../images/browser-top.png) no-repeat;-webkit-background-size:660px auto;-moz-background-size:660px auto;background-size:660px auto}
.final-design-container .cycle{width:658px;height:658px}
.final-design-container .cycle .a-slide{width:658px;height:658px}
.final-design-container .cycle .a-slide img{width:658px;height:auto}
.final-design-container .the-title{margin-bottom:44px;text-align:left;padding-left:60px}
.final-design-container .the-title h2{margin-right:40px !important;font-size:32px;padding-top:0}
.final-design-container #prev,.final-design-container #next{position:absolute;display:block;overflow:hidden;top:284px;left:50%;width:44px;height:114px}
.final-design-container #prev span,.final-design-container #next span{display:none}
.final-design-container #prev{margin-left:-384px;background:url(../images/final-design-left.png) no-repeat 0 0 !important;-webkit-background-size:44px 228px;-moz-background-size:44px 228px;background-size:44px 228px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.final-design-container #next{margin-left:340px;background:url(../images/final-design-right.png) no-repeat 0 0 !important;-webkit-background-size:44px 228px;-moz-background-size:44px 228px;background-size:44px 228px}
.final-design-container #prev:hover,.final-design-container #next:hover{background-position:0 -114px !important}
body.tablet .final-design-container #prev,body.tablet .final-design-container #next{background-position:0 -114px !important}
body.tablet .final-design-container #prev:hover,body.tablet .final-design-container #next:hover{background-position:0 -114px !important}
.thank-you-section .tabs{width:310px;margin:0 auto}
.thank-you-section .tabs li{display:block;float:left;width:310px;margin:0 27px}
.thank-you-section .tabs li .c-cta{padding:1px 0 0 50px !important;margin:0}
.thank-you-section .tabs li .c-cta .istart-working{margin-bottom:0;background-position:-35px -35px}
.thank-you-section .tabs li .c-cta .xt-tallbold a{color:#9f9f9f}
.work-text-section .formatted,.section-short-text .formatted{padding:50px 20px}
.working-team .work{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.working-team .work:hover{background:#181819;color:#FFF}
.production-wrap{padding-top:20px !important}
#about.production .aboutus{padding:145px 20px 30px 20px !important}
#about.production .aboutus .xcenter{padding:0 30px;max-width:850px}
#about.production .aboutus .formatted{max-width:none}
#about .work .xcenter.more{padding:0 30px}
.production-top{padding:90px 30px 0 30px}
.production-top .production-img-float{height:72%}
.production-top .production-img-space{height:28%}
.production-top .formatted{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 30px}
.production-top .formatted p{line-height:1.85em}
.production-top .formatted .production-sub{margin-bottom:24px}
.production-top .formatted .production-title{font-size:50px;margin-bottom:30px;margin-top:60px;letter-spacing:9px}
.production-top .iframe-wrap{margin:0 auto -80px auto}
.production-content .xt-simple{font-size:50px !important}
.production-content .what-we-do-selectors .a-selector{margin:0 6px 26px !important}
.production-content .what-we-do-selectors .a-selector.active{background:url(../images/about/section-circle.png) no-repeat 0 -120px !important;-webkit-background-size:120px 240px !important;-moz-background-size:120px 240px !important;background-size:120px 240px !important}
.production-content .what-we-do-selectors .a-selector.active:hover span{color:#181819 !important}
.production-content .what-we-do-selectors .a-selector:hover span{color:#FFF !important}
.production-media-strip{height:420px}
#instafeed{padding:40px 0}
#instafeed .slick-slide{width:420px}
#instafeed .slick-slide .icon{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#instafeed .slick-slide:hover .icon{opacity:1}
.production-contact a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.production-contact a:hover{background:#FFF;color:#181819}}

@media only screen and (min-width:1030px){
#footer .copyright .hideit{display:inline}
#footer .copyright .icon{margin:0 15px}
#forms .tabs>ul{text-align:center}
#forms .tabs>ul>li{display:block;float:left;width:auto;margin:0 0 0 50px}
#forms .tabs>ul>li .icon{display:block}
#forms .tabs>ul>li .c-cta{width:auto;padding:1px 0 0 50px;text-align:left}
#forms .tabs>ul>li.active{display:block}
#forms .tabs>ul>li.active .icon{display:block}
#forms .tabs>ul>li.active .icon .hover{display:block}
.work-split-section{position:relative;display:table;table-layout:fixed}
.work-split-section .part-left{display:table-cell;vertical-align:middle;width:50%;padding:120px 0}
.work-split-section .part-left .inner{display:none}
.work-split-section .part-right{display:table-cell;vertical-align:middle;width:50%;padding:120px 0}
.work-split-section .part-right .inner{display:none}
.work-split-section.both-img .part-left .inner{display:block}
.work-split-section.both-img .part-left .inner:before{padding-top:38%}
.work-split-section.both-img .part-right .inner{display:block}
.work-split-section.both-img .part-right .inner:before{padding-top:38%}
.working-team{padding:70px 0}
.production-wrap{padding-top:40px !important}
#about .aboutus .part1{height:70%}
#about .aboutus .part2{height:34%}
#about .aboutus .iframe-wrap{margin:0 auto -110px auto}
#about .work .formatted{padding-top:105px}
#about.production .aboutus{padding:180px 20px 38px 20px !important}
.production-top{padding:150px 30px 0 30px}
.production-top .formatted .production-title{margin-top:90px}
.production-top .production-img-float{height:66%}
.production-top .production-img-space{height:34%}
.production-top .iframe-wrap{margin:0 auto -110px auto}}

@media only screen and (min-width:1240px){
#about .work .formatted{padding-top:130px}
#about .work .part-left{float:left;width:425px}
#about .work .the-other-clients{float:left;width:475px;padding-top:115px;padding-bottom:20px}
#about .work .the-other-clients .special-break{display:block}
#about .work .the-other-clients .a-logo-11{margin-left:10px}
#about .work .my-btn{margin-left:0;margin-right:0}
#culture .box{width:20%}
#culture .box .hover{-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
#culture .box:nth-last-child(1),#culture .box:nth-last-child(2){display:block}
#culture .with-txt:hover .hover{-webkit-opacity:.7;-moz-opacity:.7;filter:alpha(opacity=.7);opacity:.7}
#culture #tweet .formatted{font-size:16px;line-height:1.8em}}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
/*#header #logo{background:url(../images/mobile/crown-logo2x.png) no-repeat 0 0;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-size:32px 32px}*/
#nav #nav-trigger.open{background:url(../images/mobile/active-menu.png) no-repeat bottom center;-webkit-background-size:17px 3px;-moz-background-size:17px 3px;background-size:17px 3px}
#home .logo{background:url(../images/crown-logo.png) no-repeat 0 0;-webkit-background-size:45px 45px;-moz-background-size:45px 45px;background-size:45px 45px}
#about .process .stepnum{background:url(../images/process-steps.png) no-repeat;-webkit-background-size:300px 120px;-moz-background-size:300px 120px;background-size:300px 120px}
#about .process .stepnum .active{background:url(../images/process-steps.png) no-repeat;-webkit-background-size:300px 120px;-moz-background-size:300px 120px;background-size:300px 120px}
#footer #f-logo{background:url(../images/mobile/crown-logo2x.png) no-repeat top center;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-size:32px 32px}
#footer .phone a.icon-email{background:url(../images/mobile/f-icons2x.png) no-repeat 0 0;-webkit-background-size:102px 16px;-moz-background-size:102px 16px;background-size:102px 16px}
#footer .social a{background:url(../images/mobile/f-icons2x.png) no-repeat;-webkit-background-size:102px 16px;-moz-background-size:102px 16px;background-size:102px 16px}
#footer .social .dr{-webkit-background-size:102px 16px;-moz-background-size:102px 16px;background-size:102px 16px}}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:1.5){
#content{padding:0 0 86px}
#header #logo{background:url(../images/crown-logo.svg) no-repeat 0 0;-webkit-background-size:89px 89px;-moz-background-size:89px 89px;background-size:89px 89px}}