body{background:#fff;color:#000811}
body,#header{min-width:320px}
#header{background:none;line-height:50px}#header .logo{position:relative;z-index:1;display:inline-block;top:0;left:0;height:50px;padding-top:5px}#header .logo svg{height:100%}
#header .header-actions,#header .logo-letter{-webkit-transform:translate(0, -100px);transform:translate(0, -100px)}
#header #btnInfo{position:relative;z-index:1;width:50px;height:50px;margin-left:13px}#header #btnInfo::before{position:absolute;content:"\00B7";left:-10px;width:10px;text-align:center}
#header #btnInfo:hover{background:#ededed}
#header #btnInfo.active{background:#19afe0;color:#fff}#header #btnInfo.active:hover{background:#179dc9}
#header #btnInfo.active::before{color:#222}
#header #btnShare .social [class^="entypo-"]{margin-left:0}#header #btnShare .social [class^="entypo-"]:hover{background-color:#ededed}
body.animation .custom-dialog .btn-close{color:#19afe0;background:#fff}body.animation .custom-dialog .btn-close:hover{background-color:#ededed}
html,body,#wrapper,#contentGraphic,.layer{min-height:100%;height:100%}
body #contentGraphic{background:#fff}
#header .header-content{background:none}#header .header-content .tit{display:none}
.btn:focus{outline:none}
#footer .btn,.btn.play-an{height:50px;background:none;line-height:50px;border:none;margin:0;text-transform:uppercase;font-family:"Lato",Arial,sans-serif;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}#footer .btn:hover,.btn.play-an:hover{background-color:#ededed}
#footer .btn:active,.btn.play-an:active{transition:none;background-color:#fff;color:#fff}
.btn.play-an{position:absolute;top:50%;left:50%;width:200px;height:200px;line-height:200px;background:#fff;margin-top:-100px;margin-left:-100px;z-index:3;font-size:16px;text-align:center}.btn.play-an .fa{margin-right:10px}
#dialogInfo{top:50px;padding-right:50px;color:rgba(255,255,255,0.2)}#dialogInfo a.main-link{text-decoration:none;border-bottom:1px dotted}#dialogInfo a.main-link:hover{border-bottom-style:solid;color:#fff}
#contentGraphic svg{display:block;width:100%;height:auto;max-height:100%;margin:0 auto}
#contentGraphic .layer{position:absolute;top:0;left:0;width:100%;overflow:hidden}
#layer_outlines_thick::before,#layer_black::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff}
#footer{position:absolute;bottom:0;z-index:1;width:100%;font-family:"Lato",Arial,sans-serif}#footer .btn{float:right}#footer .btn.action-repeat-an{padding-left:10px;padding-right:10px;-webkit-transform:translate(0, 100px);transform:translate(0, 100px)}
#footer .btn.action-repeat-an:hover .fa-repeat{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:rotate(360deg);transform:rotate(360deg)}
#footer .btn.action-repeat-an:active{background-color:#19afe0}#footer .btn.action-repeat-an:active .fa{-webkit-transition:none !important;transition:none !important}
#footer .btn .fa{display:inline-block;width:20px;margin-right:5px;text-align:center}
.illustration{}.illustration #top,.illustration #left,.illustration #right,.illustration #top_longer{stroke-dasharray:1000;stroke-dashoffset:1000}
.illustration #glasses{stroke-dasharray:1000;stroke-dashoffset:1000}
.illustration #face_top{stroke-dasharray:1000;stroke-dashoffset:1000}
.illustration #nose_and_mouth{stroke-dasharray:1000;stroke-dashoffset:1000}
.illustration #face_bottom{stroke-dasharray:1000;stroke-dashoffset:1000}
.js-start-an{}.js-start-an .illustration #top,.js-start-an .illustration #left,.js-start-an .illustration #right{-webkit-animation:dash 4s linear forwards;animation:dash 4s linear forwards}
.js-start-an .illustration #glasses{-webkit-animation:dash 4s linear forwards 2.5s;animation:dash 4s linear forwards 2.5s}
.js-start-an .illustration #nose_and_mouth{-webkit-animation:dash 4s linear forwards 2.5s;animation:dash 4s linear forwards 2.5s}
.js-start-an .illustration #face_top{-webkit-animation:dash 6s linear forwards 3.25s;animation:dash 6s linear forwards 3.25s}
.js-start-an .illustration #face_bottom{-webkit-animation:dash 6s linear forwards 3.25s;animation:dash 6s linear forwards 3.25s}
.js-start-an #layer_outlines_thick::before{height:0;-webkit-transition:all 1.5s ease-out 4s;transition:all 1.5s ease-out 4s}
.js-start-an #layer_outlines{opacity:0;-webkit-transition:all .5s ease-out 4.833333333333333s;transition:all .5s ease-out 4.833333333333333s}
.js-start-an #layer_black::before{height:0;-webkit-transition:all 1.5s ease-out 4.833333333333333s;transition:all 1.5s ease-out 4.833333333333333s}
.js-ui-an{}.js-ui-an #header .logo svg{overflow:visible}
.js-ui-an #header .logo .logo-letter#letter_G{-webkit-animation:letter_bouncing .5s ease-out forwards 5.833333333333333s;animation:letter_bouncing .5s ease-out forwards 5.833333333333333s}
.js-ui-an #header .logo .logo-letter#letter_C{-webkit-animation:letter_bouncing .5s ease-out forwards 6.033333333333333s;animation:letter_bouncing .5s ease-out forwards 6.033333333333333s}
.js-ui-an #header .logo .logo-letter#letter_V{-webkit-animation:letter_bouncing .5s ease-out forwards 6.233333333333333s;animation:letter_bouncing .5s ease-out forwards 6.233333333333333s}
.js-ui-an #header .header-actions{-webkit-animation:letter_bouncing .5s ease-out forwards 6.533333333333333s;animation:letter_bouncing .5s ease-out forwards 6.533333333333333s}
.js-ui-an #footer .btn.action-repeat-an{-webkit-animation:letter_bouncing_upside_down .5s linear forwards 6.533333333333333s;animation:letter_bouncing_upside_down .5s linear forwards 6.533333333333333s}
@keyframes dash{from{stroke-dashoffset:1000} to{stroke-dashoffset:0}}@-webkit-keyframes dash{from{stroke-dashoffset:1000} to{stroke-dashoffset:0}}@-webkit-keyframes letter_bouncing{0%{-webkit-transform:translate(0, -100px)} 50%{-webkit-transform:translate(0, 20px)} 100%{-webkit-transform:translate(0, 0)}}@keyframes letter_bouncing{0%{transform:translate(0, -100px)} 50%{transform:translate(0, 20px)} 100%{transform:translate(0, 0)}}@-webkit-keyframes letter_bouncing_upside_down{0%{-webkit-transform:translate(0, 100px)} 50%{-webkit-transform:} 100%{-webkit-transform:translate(0, 0)}}@keyframes letter_bouncing_upside_down{0%{transform:translate(0, 100px)} 50%{transform:} 100%{transform:translate(0, 0)}}html.no-touch .logo .logo-letter{transition:all .2s ease-out}
html.no-touch .logo:hover .logo-letter{opacity:.5}
#alert_noSMIL{position:static;top:0;left:0;width:90%;height:100%;color:#000811;z-index:1}#alert_noSMIL *{font-size:40px}
#alert_noSMIL .alert-msg-content{display:table-cell;vertical-align:middle}#alert_noSMIL .alert-msg-content a{color:#19afe0;border-bottom:1px dotted #19afe0;text-decoration:none}#alert_noSMIL .alert-msg-content a:hover{border-bottom-style:solid;border-bottom-color:solid #148bb2;color:#148bb2}
html.no-smil #alert_noSMIL{display:table}
html.no-smil #wrapper,html.no-smil .pace{display:none !important}
body .btn.play-an{opacity:0;pointer-events:none}
body.pace-done .btn.play-an{opacity:1;pointer-events:auto}
body .pace{background:#000811}body .pace .pace-progress::after{display:none}
@media (max-width:470px){#header .header-actions{right:auto;left:0;width:100%;text-align:right} #header .logo{height:42px} #footer{text-align:center}#footer .btn{float:none} #contentGraphic .layer{margin-top:30px} #dialogInfo{width:100%;padding-right:0;text-align:left}#dialogInfo .dialog-content{width:100%;padding-right:50px;box-sizing:border-box}}
