html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }body {line-height:1; }ol, ul {list-style:none; }blockquote, q {quotes:none; }blockquote:before, blockquote:after,q:before, q:after {content:'';content:none; }table {border-collapse:collapse;border-spacing:0; }body {background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; }h1, h2, h3, h4, h5, h6 {color:#181818;font-family:"Georgia", "Times New Roman", Helvetica, Arial, sans-serif;font-weight:normal; }h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }h1 { font-size:46px; line-height:50px; margin-bottom:14px;}h2 { font-size:35px; line-height:40px; margin-bottom:10px; }h3 { font-size:28px; line-height:34px; margin-bottom:8px; }h4 { font-size:21px; line-height:30px; margin-bottom:4px; }h5 { font-size:17px; line-height:24px; }h6 { font-size:14px; line-height:21px; }.subheader { color:#777; }p { margin:0 0 20px 0; }p img { margin:0; }p.lead { font-size:21px; line-height:27px; color:#777;}em { font-style:italic; }strong { font-weight:bold; }small { font-size:80%; }blockquote, blockquote p { font-size:17px; line-height:24px; color:#777; font-style:italic; }blockquote { margin:0 0 20px; padding:9px 20px 0 19px; border-left:1px solid #ddd; }blockquote cite { display:block; font-size:12px; color:#555; }blockquote cite:before { content:"\2014 \0020"; }blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#555; }hr { border:solid #ddd; border-width:1px 0 0; clear:both; margin:10px 0 30px; height:0; }a, a:visited {text-decoration:none; outline:0; }a:hover, a:focus { }p a, p a:visited { line-height:inherit; }ul, ol { margin-bottom:20px; }ul { list-style:none outside; }ol { list-style:decimal; }ol, ul.square, ul.circle, ul.disc { margin-left:30px; }ul.square { list-style:square outside; }ul.circle { list-style:circle outside; }ul.disc { list-style:disc outside; }ul ul, ul ol,ol ol, ol ul { margin:4px 0 5px 30px; font-size:90%;}ul ul li, ul ol li,ol ol li, ol ul li { margin-bottom:6px; }li { line-height:18px; margin-bottom:12px; }ul.large li { line-height:21px; }li p { line-height:21px; }img.scale-with-grid {max-width:100%;height:auto; }form {margin-bottom:20px; }fieldset {margin-bottom:20px; }input[type="text"],input[type="password"],input[type="email"],textarea,select {border:1px solid #ccc;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin:0;background:#fff; }select {padding:0; }input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {border:1px solid #aaa; color:#444; -moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2); }textarea { }label,legend {display:block;font-weight:bold;font-size:13px;}select {width:220px; }input[type="checkbox"] {display:inline; }label span,legend span {font-weight:normal;font-size:13px;color:#444; }.remove-bottom { margin-bottom:0 !important; }.half-bottom { margin-bottom:10px !important; }.add-bottom { margin-bottom:20px !important; }.container{ position:relative; width:1200px; margin:0 auto; padding:0; }.container .column,.container .columns { float:left; display:inline; margin-left:10px; margin-right:10px; }.row{ margin-bottom:20px; }.column.first, .columns.first { margin-left:0; }.column.last, .columns.last { margin-right:0; }.container .one.column,.container .one.columns { width:40px;}.container .two.columns { width:100px; }.container .three.columns { width:160px; }.container .four.columns{ width:220px; }.container .five.columns{ width:280px; }.container .six.columns { width:340px; }.container .seven.columns { width:400px; }.container .eight.columns { width:460px; }.container .nine.columns{ width:520px; }.container .ten.columns { width:580px; }.container .eleven.columns{ width:640px; }.container .twelve.columns{ width:700px; }.container .thirteen.columns{ width:760px; }.container .fourteen.columns{ width:820px; }.container .fifteen.columns { width:880px; }.container .sixteen.columns {width:1000px; }.container .one-third.column{ width:300px; }.container .two-thirds.column { width:620px; }.container .offset-by-one { padding-left:60px;}.container .offset-by-two { padding-left:120px; }.container .offset-by-three { padding-left:180px; }.container .offset-by-four{ padding-left:240px; }.container .offset-by-five{ padding-left:300px; }.container .offset-by-six { padding-left:360px; }.container .offset-by-seven { padding-left:420px; }.container .offset-by-eight { padding-left:480px; }.container .offset-by-nine{ padding-left:540px; }.container .offset-by-ten { padding-left:600px; }.container .offset-by-eleven{ padding-left:660px; }.container .offset-by-twelve{ padding-left:720px; }.container .offset-by-thirteen{ padding-left:780px; }.container .offset-by-fourteen{ padding-left:840px; }.container .offset-by-fifteen { padding-left:900px; }.container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }.clearfix:before,.clearfix:after,.row:before,.row:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0; }.row:after,.clearfix:after {clear:both; }.row,.clearfix {zoom:1; }.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}html { }body { background-color:#fff; font-family:arial; font-size:12px; overflow-x:hidden; }#loaded { display:none; }.mobile-off { display:block; } .mobile-on { display:none; }#head { position:absolute; left:50%; margin-left:-190px; width:525px; height:509px; margin-top:10px; background-repeat:no-repeat; background-position:center center; background-image:url(../img/static/leon-head.png); z-index:2500; }#head-hoi { display:none; position:absolute; margin-left:-235px; margin-top:125px; width:400px; height:400px; background-image:url(../img/static/overlay-hoi.png); background-repeat:no-repeat; background-size:contain; }#head-click { cursor:pointer; }#head-video { position:absolute; left:50%; margin-left:80px; margin-top:16px; width:350px; height:350px; background-color:#fff; z-index:2000; overflow:hidden; background-image:url(../img/temp/wapper.gif); background-color:transparent; }#head-video video { position:absolute; background-color:#fff; }#eye1 { position:absolute; top:244px; left:36px; width:40px; height:40px; }#eye2 { position:absolute; top:245px; left:143px; width:40px; height:40px; }.iris { position:absolute; top:20px; left:20px; width:10px; height:10px; background-image:url(../img/static/iris.png); background-repeat:no-repeat; }nav { position:absolute; top:540px; width:640px; left:50%; margin-left:-320px; text-align:center; }#menu { clear:both; float:left; }.nav-item { float:left; width:149px; height:50px; margin-right:12px; background-repeat:no-repeat; background-position:center center; background-size:contain; opacity:0.7; webkit-transition:all 1s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }.nav-item:last-child { margin-right:0; }.nav-item:hover { opacity:1; }.nav-item.active { opacity:1; }.nav-item3 { float:left; width:149px; height:50px; margin-right:12px; background-repeat:no-repeat; background-position:center center; background-size:contain; opacity:0.7; webkit-transition:all 1s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }.nav-item3:last-child { margin-right:0; }.nav-item3:hover { opacity:1; }.nav-item3.active { opacity:1; }#about { background-image:url(../img/static/about-bttn.png); }#work { background-image:url(../img/static/work-bttn.png); }#shop { background-image:url(../img/static/shop-bttn.png); }#contact { background-image:url(../img/static/contact-bttn.png); }#menu2 { clear:both; float:left; width:300px; margin-left:240px; margin-top:30px; }.nav-item2 { float:left; width:30px; height:30px; margin-right:10px; background-repeat:no-repeat; background-position:center center; background-size:contain; }.nav-item2:last-child { margin-right:0; }#fb { background-image:url(../img/static/fb-bttn.png); }#tw { background-image:url(../img/static/tw-bttn.png); }#yt { background-image:url(../img/static/yt-bttn.png); }#ig { background-image:url(../img/static/ig-bttn.png); }#search { position:absolute; margin-top:-60px; margin-left:570px; width:120px; height:30px; background-image:url(../img/static/search.png); background-size:contain; background-repeat:no-repeat; cursor:pointer; }#work-categories { display:none; width:100%; padding:40px; padding-top:0; background-color:#fff; text-align:center; box-sizing:border-box; }#work-categories a { color:#000; font-weight:normal; font-size:20px; box-sizing:border-box; padding:5px 10px 2px 10px; margin:5px; font-weight:bold; border-radius:10px; font-family:tunga; letter-spacing:0.5px; }#work-categories a.thema1 { color:#f49ac1; }#work-categories a.thema2 { color:#00ff00; }#work-categories a.thema3 { color:#ffcc33; }#work-categories a.thema4 { color:#67d3cd; }#work-categories a.cancel { display:none; width:50px; color:#ee1c25; }#work-content { display:none; position:absolute; top:680px; width:960px; left:50%; margin-left:-480px; }#shop-content { display:none; position:absolute; top:680px; width:960px; left:50%; margin-left:-480px; }.work-item { width:300px; margin-bottom:30px; overflow:hidden; }.work-item-overlay { position:absolute; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }.work-item-thema1 { background-color:#f49ac1; } .work-item-thema2 { background-color:#00ff00; } .work-item-thema3 { background-color:#ffcc33; } .work-item-thema4 { background-color:#67d3cd; } .work-item-overlay { opacity:0.95; }.work-item-overlay h2 { display:none; position:absolute; font-family:tunga; font-size:30px; font-weight:normal; color:#fff; text-align:center; width:100%; line-height:30px; }.work-item-overlay > h2 { display:block; }.work-item-overlay > h3 { display:none; position:absolute; font-family:tunga; font-size:30px; font-weight:normal; color:#fff; text-align:center; width:100%; line-height:30px; }.work-item-overlay > h3 { display:block; }#about-content { display:none; position:absolute; top:680px; width:960px; left:50%; margin-left:-480px; }#contact-content { display:none; position:absolute; top:680px; width:960px; left:50%; margin-left:-480px; }#contact-text { font-family:arial; font-size:30px; line-height:40px; text-align:center; color:#f0696d; }#contact-text a { font-family:arial; font-size:30px; line-height:40px; text-align:center; color:#ff8700; }#contact-text h2 { font-family:arial; text-align:center; color:#ca5663; }#popup-background { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.8); z-index:2500; }#popup-header { float:left; width:100%; } #popup-exit { position:absolute; right:0; margin-right:-20px; width:51px; height:56px; background-image:url(../img/static/exit.png); background-repeat:no-repeat; cursor:pointer; z-index:3000; background-size:cover; }#popup-title { float:left; width:150px; height:51px; margin-top:-20px; margin-left:325px; background-size:contain; background-repeaT:no-repeat; }#popup-content { clear:both; float:left; box-sizing:border-box; }.popup-padding { padding:20px; } #popup-page { display:none; position:absolute; margin-top:60px; left:50%; margin-left:-400px; width:800px; z-index:9999; } #popup-work { display:none; position:absolute; margin-top:60px; left:50%; margin-left:-400px; width:800px; z-index:9999; } #popup-left { float:left; width:140px; height:100%; }#popup-title-work { float:left; width:140px; height:50px; background-image:url(../img/static/work-bttn.png); background-color:#fff; background-size:90%; background-position:center center; background-repeat:no-repeat; }#popup-title-shop { float:left; width:140px; height:50px; background-image:url(../img/static/shop-bttn.png); background-color:#fff; background-size:90%; background-position:center center; background-repeat:no-repeat; }#popup-work-text { clear:both; float:left; width:140px; background-color:#efefef; padding:20px; box-sizing:border-box; }#popup-nav { clear:both; float:left; margin-top:10px; width:140px; box-sizing:border-box; padding:20px; }.work-prev { float:left; width:25px; height:25px; background-image:url(../img/static/work-prev.jpg); background-repeat:no-repeat; background-size:contain; cursor:pointer; }.work-next { float:right; width:25px; height:25px; background-image:url(../img/static/work-next.jpg); background-repeat:no-repeat; background-size:contain; cursor:pointer; }#popup-buy { float:left; width:140px; height:50px; background-image:url(../img/static/buy-button.jpg); background-color:#999999; background-size:90%; background-position:center center; background-repeat:no-repeat; cursor:pointer; }#popup-right { float:left; width:660px; background-color:#fff; }#about-hands { position:absolute; margin-left:-220px; margin-top:21px; width:1277px; height:671px; background-image:url(../img/static/about-hands.png); z-index:4000; }#about-video { float:left; margin-left:100px; width:550px; height:310px; background-color:#ccc; }#about-text { clear:both; float:left; width:400px; margin-left:178px; margin-top:30px; text-align:center; line-height:14px; font-size:13px; color:#7accc8; }#about-text strong { color:#0072bc; }.youtube { width:100%; overflow:hidden; padding:0; margin:0; }.image { width:100%; overflow:hidden; padding:0; margin:0; }.text { width:100%; font-size:arial; font-size:12px; line-height:18px; color:#000; width:100%; line-height:20px; background-color:#e8e8e8; box-sizing:border-box; padding:20px; }.footer { clear:both; float:left; width:100%; margin-bottom:40px; text-align:center; }.footer a { display:inline-block; webkit-transition:all 1s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0.4; }.footer a:hover { opacity:1; }h1 { display:none; }h3 { font-family:arial; font-size:20px; font-weight:bold; text-align:center; }.video-container {position:relative;padding-bottom:56.25%;padding-top:0px; height:0; overflow:hidden;margin-bottom:10px;} .video-container iframe,.video-container object,.video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}@media only screen and (min-width:0) and (max-width:600px) {#work-content { width:300px; margin-left:-150px; top:270px; }#work-overview { width:300px; }#shop-content { width:300px; margin-left:-150px; top:270px; }#shop-overview { width:300px; }.mobile-off { display:none; }.mobile-on { display:block; }#header-mobile { position:absolute; width:300px; left:50%; margin-left:-150px; }#head-mobile { float:left; margin-left:20px; margin-top:20px; width:120px; height:143px; margin-top:10px; background-repeat:no-repeat; background-position:center center; background-image:url(../img/static/leon-head-mobile.jpg); z-index:2500; background-size:contain; } #head-text-mobile { float:left; width:140px; margin-top:30px; margin-left:20px; font-size:12px; line-height:18px; color:#000; }#head-text-mobile a { color:#000; text-decoration:underline; }#head-text-mobile span {clear:both; float:left; margin-top:10px; font-size:10px; line-height:12px; color:#ccc; }#menu-mobile { float:left; width:300px; margin-left:0; margin-right:0; margin-top:10px; text-align:center; }#menu-mobile .nav-item { display:relative; width:114px; height:50px; margin-right:12px; background-repeat:no-repeat; background-position:center center; background-size:contain; opacity:0.7; webkit-transition:all 1s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }#menu-mobile .nav-item:last-child { margin-right:0; }#menu-mobile .nav-item:hover { opacity:1; }#menu-mobile .nav-item.active { opacity:1; }#menu-mobile .nav-item3 { display:relative; width:114px; height:50px; margin-right:12px; background-repeat:no-repeat; background-position:center center; background-size:contain; opacity:0.7; webkit-transition:all 1s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }#menu-mobile .nav-item3:last-child { margin-right:0; }#menu-mobile .nav-item3:hover { opacity:1; }#menu-mobile .nav-item3.active { opacity:1; }#work-mobile { margin-left:30px; background-image:url(../img/static/work-bttn.png); }#shop-mobile { background-image:url(../img/static/shop-bttn.png); }#menu-social { clear:both; float:left; width:200px; margin-left:73px; margin-right:0; margin-top:10px; text-align:center; }#popup-header { float:left; width:100%; } #popup-exit { position:absolute; right:0; margin-right:0; width:51px; height:56px; background-image:url(../img/static/exit.png); background-repeat:no-repeat; cursor:pointer; z-index:3000; background-size:cover; }#popup-title { float:left; width:150px; height:51px; margin-top:-20px; margin-left:325px; background-size:contain; background-repeaT:no-repeat; }#popup-content { clear:both; float:left; box-sizing:border-box; }.popup-padding { padding:20px; } #popup-work { display:none; position:absolute; margin-top:60px; left:50%; margin-left:-150px; width:300px; z-index:9999; } #popup-left { float:left; width:300px; height:100%; }#popup-title-work { float:left; width:300px; height:50px; background-image:url(../img/static/work-bttn.png); background-color:#fff; background-size:40%; background-position:center center; background-repeat:no-repeat; }#popup-title-shop { float:left; width:300px; height:50px; background-image:url(../img/static/shop-bttn.png); background-color:#fff; background-size:40%; background-position:center center; background-repeat:no-repeat; }#popup-work-text { clear:both; float:left; width:300px; background-color:#efefef; padding:20px; box-sizing:border-box; }#popup-nav { clear:both; float:left; margin-top:10px; width:300px; box-sizing:border-box; padding:20px; }.work-prev { float:left; width:25px; height:25px; background-image:url(../img/static/work-prev.jpg); background-repeat:no-repeat; background-size:contain; cursor:pointer; }.work-next { float:right; width:25px; height:25px; background-image:url(../img/static/work-next.jpg); background-repeat:no-repeat; background-size:contain; cursor:pointer; }#popup-buy { float:left; width:300px; height:50px; background-image:url(../img/static/buy-button.jpg); background-color:#999999; background-size:40%; background-position:center center; background-repeat:no-repeat; cursor:pointer; }#popup-right { float:left; width:300px; background-color:#fff; }}