.row,.section,a,hr{padding:0}.col,article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}.group:after,.row,.section{clear:both}a,body,html{vertical-align:baseline}.col,.left{float:left}body,div.message,div.message a,div.message strong,html,nav.bottom ul li a,nav.top ul li a{font-family:Roboto,sans-serif}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}.label,a{font-weight:500}del{text-decoration:line-through}a,div.message a.close,nav.menu ul li a{text-decoration:none}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.section{margin:0 2.5%}.row{margin-bottom:10px}.row:last-child{margin-bottom:0}.col{margin:1% 0 1% 1%}.col:first-child{margin-left:0}.group:after,.group:before{content:"";display:table}body,div.message.hidden,html{display:none}.group{zoom:1}.span_4_of_4{width:100%}.span_3_of_4{width:74.75%}.span_2_of_4{width:49.5%}.span_1_of_4{width:24.25%}.span_5_of_5{width:100%}.span_4_of_5{width:79.8%}.span_3_of_5{width:59.6%}.span_2_of_5{width:39.4%}.span_1_of_5{width:19.2%}.span_8_of_8{width:100%}.span_7_of_8{width:87.375%}.span_6_of_8{width:74.75%}.span_5_of_8{width:62.125%}.span_4_of_8{width:49.5%}.span_3_of_8{width:36.875%}.span_2_of_8{width:24.25%}.span_1_of_8{width:11.625%}.span_10_of_10{width:100%}.span_9_of_10{width:89.9%}.span_8_of_10{width:79.8%}.span_7_of_10{width:69.7%}.span_6_of_10{width:59.6%}.span_5_of_10{width:49.5%}.span_4_of_10{width:39.4%}.span_3_of_10{width:29.3%}.span_2_of_10{width:19.2%}.span_1_of_10{width:9.1%}@media only screen and (max-width:960px){.col{margin-left:0}.span_1_of_4,.span_1_of_5,.span_2_of_4,.span_2_of_5,.span_3_of_4,.span_3_of_5,.span_4_of_4,.span_4_of_5,.span_5_of_5{width:100%}}@font-face{font-family:museo-700;src:url(../font/museo/Museo700-Regular-webfont.eot);src:url(../font/museo/Museo700-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/museo/Museo700-Regular-webfont.woff2) format('woff2'),url(../font/museo/Museo700-Regular-webfont.woff) format('woff'),url(../font/museo/Museo700-Regular-webfont.ttf) format('truetype'),url(../font/museo/Museo700-Regular-webfont.svg#museo700) format('svg');font-weight:400;font-style:normal}@font-face{font-family:opensans-regular;src:url(../font/opensans/OpenSans-Regular-webfont.eot);src:url(../font/opensans/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/opensans/OpenSans-Regular-webfont.woff) format('woff'),url(../font/opensans/OpenSans-Regular-webfont.ttf) format('truetype'),url(../font/opensans/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:opensans-semibold;src:url(../font/opensans/OpenSans-Semibold-webfont.eot);src:url(../font/opensans/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../font/opensans/OpenSans-Semibold-webfont.woff) format('woff'),url(../font/opensans/OpenSans-Semibold-webfont.ttf) format('truetype'),url(../font/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:opensans-bold;src:url(../font/opensans/OpenSans-Bold-webfont.eot);src:url(../font/opensans/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../font/opensans/OpenSans-Bold-webfont.woff) format('woff'),url(../font/opensans/OpenSans-Bold-webfont.ttf) format('truetype'),url(../font/opensans/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');font-weight:400;font-style:normal}body,html{width:100%;height:100%;line-height:135%;font-size:14px;color:#fff}a:active{outline:0}a:focus{-moz-outline-style:none}p{margin-top:10px}:-moz-placeholder{text-align:left}::-moz-placeholder{text-align:left}:-ms-input-placeholder{text-align:left}::-webkit-input-placeholder{text-align:left}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.right{float:right}.label{color:#333}.message,.title{font-weight:400;color:#404040}.title{line-height:150%;font-size:24px}.message{line-height:125%;font-size:15px}div.message,div.message a.close{line-height:24px;position:absolute}div.fullscreen.color{background:url(../img/bg/background.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff}div.fullscreen.color a{color:#fff}div.fullscreen.white{background:url(../img/bg/cover-white.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#9a9a9a}div.fullscreen.white a{color:#333}div.fullscreen.black{background:url(../img/bg/cover-black.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff}div.fullscreen.black a{color:#fff}div.message{width:70%;padding:8px 15%;text-align:center;font-size:16px;color:#000;background-color:rgba(255,255,255,.90);border-bottom:1px solid rgba(0,0,0,.35);z-index:9999}div.message.padding{padding: 12px 15%;}div.message.error{color:#fff;background-color:rgba(204,24,30,.90);border-bottom:1px solid rgba(255,255,255,.35)}div.message a,div.message strong{font-weight:700;color:#000}div.message strong{text-transform:uppercase}div.message a.close{bottom:50%;right:10px;margin:-12px 0;font-size:24px;color:rgba(0,0,0,.75);display:block}div.message.error a.close{color:rgba(255,255,255,.75)}div.message div#error ul,div.message div#success ul{list-style:none}div.message div#error ul li,div.message div#success ul li{padding:8px 0}.link div.message{margin-bottom:15px;position:relative}@media screen and (max-width:640px){div.message{width:70%;padding:10px 15%;line-height:20px;font-size:16px}}@media screen and (max-width:384px){div.message{font-size:13px}}div.container{margin:0 auto;max-width:1280px;position:relative}div.header{width:95%;height:60px;padding-top:35px;padding-bottom:25px;position:relative}div.header span.screen{width:95%;margin:0 2.5%;font-size:16px;text-align:center;line-height:45px;position:absolute;display:block}div.well,div.white div.header div.section{position:relative}@media screen and (max-width:959px){div.header span.screen{text-align:right}}.black a.login,div.scroll,form#account,form#auth,form#generate,form#notify,form#register,h2,h3,nav.menu{text-align:center}div.white div.header{width:100%;height:45px;padding:10px 0;margin-bottom:5px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.15);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.15);box-shadow:0 1px 2px 0 rgba(0,0,0,.15);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}div.footer{width:95%;padding-top:15px;padding-bottom:15px;z-index:999}div.well{padding:15px;margin-bottom:12px;-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.5);-moz-box-shadow:0 1px 6px 0 rgba(0,0,0,.5);box-shadow:0 1px 6px 0 rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}div.well:last-child{margin-bottom:0}div.outer{height:100%;display:table}div.middle{display:table-cell;vertical-align:middle}div.bottom{display:table-cell;vertical-align:bottom}#menu{top:0;left:0;right:0;bottom:0;position:fixed;display:none;z-index:999}div.fullscreen.check div.content div.outer,div.fullscreen.howto div.content div.outer,div.fullscreen.link div.content div.outer,div.fullscreen.menu div.content div.outer,div.fullscreen.thankyou div.content div.outer,div.fullscreen.video div.content div.outer{width:100%}div.header div.logo{float:left}div.header div.logo div.inner{padding:0}div.header div.menu{right:0;position:absolute;z-index:999}@media screen and (max-width:960px){div.color div.menu{display:none}}@media screen and (max-width:750px){div.white div.menu{display:none}}nav.bottom,nav.top{float:right;z-index:999}nav.bottom ul li,nav.top ul li{margin-right:60px;display:inline}nav.bottom ul li a,nav.top ul li a{line-height:60px;text-decoration:none;font-weight:400;font-size:21px}a.login,nav.menu ul li a{font-weight:700;font-family:Roboto,sans-serif}div.white nav.top{right:15px;position:relative}div.white nav.top ul li{margin-right:15px}div.white nav.top ul li a{text-transform:uppercase;line-height:45px;font-size:16px}nav.menu{margin-bottom:75px;z-index:999}nav.menu ul li a{line-height:75px;text-transform:uppercase;font-size:27px}@media screen and (max-height:420px){nav.menu ul li a{line-height:60px;font-size:26px}nav.menu{margin-bottom:30px}}@media screen and (max-width:420px){nav.menu ul li a{line-height:70px;font-size:26px}}@media screen and (max-width:420px){nav.menu{margin-bottom:35px}}@media screen and (max-height:384px){nav.menu ul li a{line-height:50px;font-size:24px}nav.menu{margin-bottom:25px}}@media screen and (max-height:320px){nav.menu ul li a{line-height:44px;font-size:20px}nav.menu{margin-bottom:20px}}@media screen and (max-width:320px){nav.menu ul li a{line-height:50px;font-size:22px}nav.menu{margin-bottom:25px}}div.color nav.bottom ul li a,div.color nav.top ul li a{color:#fff}div.color nav.bottom ul li a.active,div.color nav.bottom ul li a:hover,div.color nav.top ul li a.active,div.color nav.top ul li a:hover{color:#cc181e}div.white nav.bottom ul li a,div.white nav.top ul li a{color:#8c8c8c}div.white nav.bottom ul li a.active,div.white nav.bottom ul li a:hover,div.white nav.top ul li a.active,div.white nav.top ul li a:hover{color:#ea4f36}.black nav.menu ul li a{color:#fff}.black nav.menu ul li a.active,.black nav.menu ul li a:hover{text-decoration:underline}a.login{display:block;margin:6px 0;padding:12px 18px;text-decoration:none;font-size:21px;float:right}div.color a.login{border:2px solid #fff;color:#fff}div.color a.login.active,div.color a.login:hover{border-color:#cc181e;color:#cc181e}div.white a.login{border:2px solid #8c8c8c;color:#8c8c8c}div.white a.login.active,div.white a.login:hover{border-color:#ea4f36;color:#ea4f36}.black a.login{width:125px;margin:0 auto;padding:16px 0;border:2px solid #fff;font-family:Roboto,sans-serif;font-weight:500;font-size:20px;color:#fff;float:none}.black a.login.active,.black a.login:hover{text-decoration:underline}@media screen and (max-width:840px){.intro a.login,.sample a.login{display:none}}.black a.login{display:block!important;}div.fullscreen a.menu,div.fullscreen.menu a.close{top:35px;right:0;width:62px;height:50px;text-indent:-9999em;background:url(../img/btn/menu.png);position:absolute;z-index:999;display:none}html.howto div.fullscreen a.menu,html.projects div.fullscreen a.menu{top:8px;right:15px;width:64px;background:url(../img/btn/menu-projects.png) 0 -50px no-repeat}div.fullscreen.menu a.close{background:url(../img/btn/close.png)}html.howto div.fullscreen.menu a.close,html.projects div.fullscreen.menu a.close{top:8px;right:15px;width:64px;background:url(../img/btn/close-projects.png)}@media screen and (max-width:750px){div.fullscreen.white a.menu{display:block}}div.scroll{left:50%;bottom:15px;margin:0 -125px;position:absolute}div.scroll a{text-shadow:3px 3px 5px rgba(0,0,0,.5);font-family:Roboto,sans-serif;vertical-align:middle;text-decoration:none;font-weight:300;font-size:17px}div.scroll a .fa{margin-right:10px;vertical-align:middle;font-weight:400;font-size:34px}div.color div.scroll span.info{color:#fff}div.white div.scroll span.info{color:#8c8c8c}h1{width:100%;height:auto;position:relative}div.color h1 img{width:auto;height: 100px;margin-top:-28px;margin-bottom:-28px;}div.white h1 img {width:auto;height:35px;margin-top:-22px;margin-bottom:-22px;}h2{margin:0 auto 30px;line-height:115%;text-shadow:3px 3px 8px rgba(0,0,0,.75);font-family:Roboto,sans-serif;font-weight:300;font-size:40px}@media screen and (max-width:960px){div.fullscreen.color a.menu,div.fullscreen.menu a.close{display:block}h2{font-size:38px}}@media screen and (max-width:560px){h2 br{display:none}}div.color h2{color:#fff}div.white h2{color:#ea4f36}h3{margin:0 auto 20px;line-height:110%;font-family:museo-700,Georgia,"Times New Roman",serif;font-size:27px}@media screen and (max-width:570px){h3{font-size:24px}}@media screen and (max-width:500px){h3{font-size:20px}}@media screen and (max-width:384px){h3{font-size:18px}}div.color h3{color:#fff}div.white h3{color:#ea4f36}#new-project,#project{display:none}#new-project.active,#project.active{display:block}form#account h3,form#auth h3,form#generate h3,form#notify h3,form#register h3{margin-bottom:0}form#account input.text,form#account input.video,form#auth input.text,form#auth input.video,form#generate input.text,form#notify input.text,form#generate input.video,form#notify input.video,form#register input.text,form#register input.video{width:350px;border:1px solid #666;padding:16px 50px 16px 16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;font-family:Roboto,sans-serif;font-weight:300;font-size:20px;color:#858585;display:inline-block}@media screen and (max-width:960px){form#account input.text,form#account input.video,form#auth input.text,form#auth input.video,form#generate input.text,form#notify input.text,form#generate input.video,form#notify input.video,form#register input.text,form#register input.video{padding:16px 50px;text-align:center}form#account :-moz-placeholder,form#auth :-moz-placeholder,form#generate :-moz-placeholder,form#notify :-moz-placeholder,form#register :-moz-placeholder{text-align:center}form#account ::-moz-placeholder,form#auth ::-moz-placeholder,form#generate ::-moz-placeholder,form#notify ::-moz-placeholder,form#register ::-moz-placeholder{text-align:center}form#account :-ms-input-placeholder,form#auth :-ms-input-placeholder,form#generate :-ms-input-placeholder,form#notify :-ms-input-placeholder,form#register :-ms-input-placeholder{text-align:center}form#account ::-webkit-input-placeholder,form#auth ::-webkit-input-placeholder,form#generate ::-webkit-input-placeholder,form#notify ::-webkit-input-placeholder,form#register ::-webkit-input-placeholder{text-align:center}}@media screen and (max-width:560px){form#account input.text,form#account input.video,form#auth input.text,form#auth input.video,form#generate input.text,form#notify input.text,form#generate input.video,form#notify input.video,form#register input.text,form#register input.video{width:65%;font-size:18px}}form#account input.text,form#auth input.text,form#generate input.text,form#notify input.text,form#register input.text{width:85%;max-width:400px;padding:16px}form#account input.video.valid,form#auth input.video.valid,form#generate input.video.valid,form#notify input.video.valid,form#register input.video.valid{background:url(../img/icon/valid.png) right center no-repeat #fff;border:1px solid #719e00}form#account input.video.invalid,form#auth input.video.invalid,form#generate input.video.invalid,form#notify input.video.invalid,form#register input.video.invalid{background:url(../img/icon/invalid.png) right center no-repeat #fff;border:1px solid #cc181e}form#account input.submit,form#auth input.submit,form#generate input.submit,form#notify input.submit,form#register input.submit{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;font-size:16px;font-family:Rotobo,sans-serif;line-height:58px;font-weight:400;padding:0 16px;text-transform:uppercase;background:#cc181e;color:#FFF;cursor:pointer;display:inline-block}form#account input.submit:hover,form#auth input.submit:hover,form#generate input.submit:hover,form#notify input.submit:hover,form#register input.submit:hover{background-position:0 -43px}@media screen and (max-width:960px){form#account input.submit,form#auth input.submit,form#generate input.submit,form#notify input.submit,form#register input.submit{margin:15px auto;line-height:54px;padding:0 45px;display:block}}@media screen and (max-width:390px){form#account input.submit,form#auth input.submit,form#generate input.submit,form#notify input.submit,form#register input.submit{font-size:13px}}form#account span.info,form#auth span.info,form#generate span.info,form#notify span.info,form#register span.info{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;color:#fff}form#account a,form#auth a,form#generate a,form#notify a,form#register a{font-weight:600}form#account :-moz-placeholder,form#auth :-moz-placeholder,form#register :-moz-placeholder{text-align:left}form#account ::-moz-placeholder,form#auth ::-moz-placeholder,form#register ::-moz-placeholder{text-align:left}form#account :-ms-input-placeholder,form#auth :-ms-input-placeholder,form#register :-ms-input-placeholder{text-align:left}form#account ::-webkit-input-placeholder,form#auth ::-webkit-input-placeholder,form#register ::-webkit-input-placeholder{text-align:left}form#account input.submit,form#auth input.submit,form#register input.submit{margin:15px auto;line-height:54px;padding:0 45px;display:block}form#copy-link input.link,form#copy-link input.video,form#new-video input.link,form#new-video input.video,form#sensing-link input.link,form#sensing-link input.video{width:250px;margin:15px 0;background:#fafafa;border:1px solid #fafafa;padding:12px 50px 12px 12px;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#333;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block}form#copy-link input.video.valid,form#new-video input.video.valid,form#sensing-link input.video.valid{background:url(../img/icon/valid.png) right center no-repeat #fff;border:1px solid #cc181e}form#copy-link input.video.invalid,form#new-video input.video.invalid,form#sensing-link input.video.invalid{background:url(../img/icon/invalid.png) right center no-repeat #fff;border:1px solid #cc181e}form#copy-link img.image,form#new-video img.image,form#sensing-link img.image{width:205px;height:auto;display:none}form#copy-link img.image.active,form#new-video img.image.active,form#sensing-link img.image.active{display:block}form#copy-link div.frame,form#new-video div.frame,form#sensing-link div.frame{width:205px;overflow:hidden}form#copy-link div.frame img.image,form#new-video div.frame img.image,form#sensing-link div.frame img.image{width:205px;height:auto;margin:-9.5% 0;display:none}form#copy-link div.frame img.image.active,form#new-video div.frame img.image.active,form#sensing-link div.frame img.image.active{display:block}@media screen and (max-width:375px){form#copy-link input.link.link,form#copy-link input.video,form#new-video input.link.link,form#new-video input.video,form#sensing-link input.link.link,form#sensing-link input.video{width:75%;padding:12px 50px 12px 12px}}form#copy-link input.submit,form#new-video input.submit,form#sensing-link input.submit{margin:15px 0;min-width:135px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;font-size:14px;font-family:Rotobo,sans-serif;line-height:40px;font-weight:400;padding:0 12px;text-transform:uppercase;background:#cc181e;color:#FFF;cursor:pointer}form#sensing-link input.video{width:175px;padding:12px;margin:6px 0;display:inline-block}form#sensing-link input.submit{margin:6px 0;padding:0 20px}form#account,form#auth,form#forgot,form#register{max-width:720px;margin:0 auto}form#auth input.text,form#register input.text{margin-bottom:5px}form#auth div.g-recaptcha,form#register div.g-recaptcha{width:304px;margin:0 auto;display:block}@media screen and (max-width:430px){form#auth div.g-recaptcha,form#register div.g-recaptcha{width:228px;transform:scale(.75);transform-origin:0 0;-webkit-transform:scale(.75);-webkit-transform-origin:0 0}}div.paper{width:88%;border:none;padding:5% 6%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;background:#fff;font-family:Roboto,sans-serif;font-size:16px;color:#858585}div.paper p,div.paper ul.benefits{margin-bottom:25px}div.paper ul.benefits li{width:25%;margin-right:1%;padding-left:36px;padding-bottom:15px;vertical-align:top;text-align:left;position:relative;display:block;float:left}div.paper ul.benefits li:before{left:10px;content:'\f14a';font-family:FontAwesome;color:#6db115;position:absolute}@media screen and (max-width:780px){div.paper ul.benefits li{width:40%}}@media screen and (max-width:600px){div.paper ul.benefits li{width:90%}}@media screen and (max-width:384px){div.paper{line-height:15px;font-size:14px}}.projects div.content h3.views,.sample div.content h3.views{text-align:left}@media screen and (max-width:840px){.projects div.content h3.views,.sample div.content h3.views{text-align:center}}@media screen and (max-width:800px){.projects div.content div.video,.sample div.content div.video{width:100%}}.projects div.content div.youtube,.sample div.content div.youtube{max-width:100%;position:relative;padding-bottom:56.25%;overflow:hidden}.projects div.content div.youtube iframe,.sample div.content div.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}.projects div.content span.title,.sample div.content span.title{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.projects div.content div.filter div.more-views,.projects div.content div.views div.more-views,.sample div.content div.filter div.more-views,.sample div.content div.views div.more-views{line-height:200%}.projects div.content div.filter div.more-views a.link,.projects div.content div.views div.more-views a.link,.sample div.content div.filter div.more-views a.link,.sample div.content div.views div.more-views a.link{font-size:21px}@media screen and (max-width:650px){.projects div.content div.filter div.more-views>br,.projects div.content div.views div.more-views>br,.sample div.content div.filter div.more-views>br,.sample div.content div.views div.more-views>br{display:none}}.projects div.content div.filter div.progress-line,.projects div.content div.views div.progress-line,.sample div.content div.filter div.progress-line,.sample div.content div.views div.progress-line{width:205px;height:8px;margin-top:6px;margin-bottom:35px;border:1px solid #ababab;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative}.projects div.content div.filter div.progress-line div.bar,.projects div.content div.views div.progress-line div.bar,.sample div.content div.filter div.progress-line div.bar,.sample div.content div.views div.progress-line div.bar{height:100%;margin:-1px;background-color:#b20000;border:1px solid #b20000;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.projects div.content div.filter div.progress-line span.good,.projects div.content div.filter div.progress-line span.min,.projects div.content div.filter div.progress-line span.optimal,.projects div.content div.views div.progress-line span.good,.projects div.content div.views div.progress-line span.min,.projects div.content div.views div.progress-line span.optimal,.sample div.content div.filter div.progress-line span.good,.sample div.content div.filter div.progress-line span.min,.sample div.content div.filter div.progress-line span.optimal,.sample div.content div.views div.progress-line span.good,.sample div.content div.views div.progress-line span.min,.sample div.content div.views div.progress-line span.optimal{bottom:-35px;padding-top:10px;background:url(../img/icon/pointer.png) center top no-repeat;position:absolute}.projects div.content div.filter div.progress-line span.min,.projects div.content div.views div.progress-line span.min,.sample div.content div.filter div.progress-line span.min,.sample div.content div.views div.progress-line span.min{left:25%;margin-left:-12px}.projects div.content div.filter div.progress-line span.good,.projects div.content div.views div.progress-line span.good,.sample div.content div.filter div.progress-line span.good,.sample div.content div.views div.progress-line span.good{left:65%;margin-left:-16px}.projects div.content div.filter div.progress-line span.optimal,.projects div.content div.views div.progress-line span.optimal,.sample div.content div.filter div.progress-line span.optimal,.sample div.content div.views div.progress-line span.optimal{left:100%;margin-left:-24px}.projects div.content div.filter:first-child,.projects div.content div.views:first-child,.sample div.content div.filter:first-child,.sample div.content div.views:first-child{margin-right:7.5%}.projects div.content span.views,.sample div.content span.views{font-weight:500;line-height:0;font-size:24px;color:#333}.projects div.content ul.age,.projects div.content ul.audience,.projects div.content ul.sex,.projects div.content ul.video,.sample div.content ul.age,.sample div.content ul.audience,.sample div.content ul.sex,.sample div.content ul.video{margin-top:10px}.projects div.content ul.age li,.projects div.content ul.audience li,.projects div.content ul.sex li,.projects div.content ul.video li,.sample div.content ul.age li,.sample div.content ul.audience li,.sample div.content ul.sex li,.sample div.content ul.video li{margin-right:5px;margin-bottom:10px;list-style:none;text-align:center;font-family:Roboto,sans-serif;font-weight:500;font-size:13px;color:#858585;float:left}.projects div.content ul.age li a,.projects div.content ul.audience li a,.projects div.content ul.sex li a,.projects div.content ul.video li a,.sample div.content ul.age li a,.sample div.content ul.audience li a,.sample div.content ul.sex li a,.sample div.content ul.video li a{width:50px;padding:4px 6px;border:1px solid #ababab;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-decoration:none;color:#858585;display:block}.projects div.content ul.age li.active a,.projects div.content ul.age li:hover a,.projects div.content ul.audience li.active a,.projects div.content ul.sex li.active a,.projects div.content ul.sex li:hover a,.projects div.content ul.video li.active a,.sample div.content ul.age li.active a,.sample div.content ul.age li:hover a,.sample div.content ul.audience li.active a,.sample div.content ul.sex li.active a,.sample div.content ul.sex li:hover a,.sample div.content ul.video li.active a{border-color:#cc181e;background-color:#cc181e;color:#fff}.projects div.content ul.age li span.value,.projects div.content ul.audience li span.value,.projects div.content ul.sex li span.value,.projects div.content ul.video li span.value,.sample div.content ul.age li span.value,.sample div.content ul.audience li span.value,.sample div.content ul.sex li span.value,.sample div.content ul.video li span.value{height:20px;line-height:20px;display:block}.projects div.content ul.audience li a,.projects div.content ul.video li a,.sample div.content ul.audience li a,.sample div.content ul.video li a{width:auto;padding:4px 15px;cursor:default}.projects div.content span.age,.projects div.content span.filter,.projects div.content span.sex,.sample div.content span.age,.sample div.content span.filter,.sample div.content span.sex{font-family:Roboto,sans-serif;font-weight:500;font-size:13px;color:#858585;display:block}.projects div.content div.warning,.sample div.content div.warning{float:right}.projects div.content div.warning span.message,.sample div.content div.warning span.message{font-weight:500;color:#cc181e}@media screen and (max-width:500px){.projects div.content div.warning,.sample div.content div.warning{width:100%;line-height:200%;float:left}}.thankyou div.content{text-align:center}.thankyou div.content .well{padding:5%}.thankyou div.content h2{margin:0 auto 30px;text-align:center;line-height:115%;text-shadow:none;font-family:Roboto,sans-serif;font-weight:300;font-size:40px}.thankyou div.content p.byebye{width:100%;margin:0 auto;max-width:200px;padding-left:60px;line-height:23px;text-align:left;font-size:21px;color:#404040;position:relative;display:block}.thankyou div.content select,.thankyou div.content select option{line-height:37px;font-size:25px;color:#9a9a9a}.thankyou div.content p.byebye i.fa{left:0;font-size:50px;position:absolute}.thankyou div.content form{margin:15px 15px 0;text-align:center;display:inline-block}.thankyou div.content form .section{margin-bottom:25px}.thankyou div.content label{width:auto;margin-bottom:15px;line-height:37px;font-size:25px;color:#333;position:relative;display:block}.thankyou div.content select{width:auto;height:37px;border-radius:2px;border:2px solid #9a9a9a;display:inline-block}.thankyou div.content input[type=radio]{display:none}.thankyou div.content input[type=radio]+label span{top:0;left:0;width:33px;height:33px;vertical-align:middle;background:#fff;border-radius:2px;border:2px solid #9a9a9a;position:absolute;cursor:pointer;display:block}.thankyou div.content input[type=radio]:checked+label span{border:2px solid #333;background:url(../img/icon/valid.png) center center no-repeat #fff}.thankyou div.content input[type=radio]+label{width:100px;margin:0 auto;padding-left:50px;text-align:left;color:#9a9a9a}.thankyou div.content input.submit{width:auto;margin:15px 0;padding:0 40px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;font-size:14px;font-family:Rotobo,sans-serif;line-height:40px;font-weight:400;text-transform:uppercase;background:#cc181e;color:#FFF;cursor:pointer}@media screen and (min-width:960px){.thankyou div.content label{margin-right:15px;float:right}.thankyou div.content input[type=radio]+label,.thankyou div.content select{margin-left:15px;float:left}}.howto div.content .tab-menu{margin:-15px -15px 0;padding:25px 8% 15px;background:#ecedec}.howto div.content .tab-menu h2{margin:0 auto 15px;line-height:115%;text-align:left;text-shadow:none;font-family:Roboto,sans-serif;font-weight:600;font-size:20px;color:#333}.howto div.content .tab-menu p{margin:15px 0}.howto div.content .tab-menu ul.tabs{list-style:none}.howto div.content .tab-menu ul.tabs li{margin-right:40px;display:inline-block}.howto div.content .tab-menu ul.tabs li:last-child{margin-right:0}.howto div.content .tab-menu ul.tabs li a{width:125px;padding:10px 0;font-size:14px;font-weight:600;text-align:center;background:0 0;border:3px solid #cc181e;text-transform:uppercase;color:#cc181e;display:block}.howto div.content .tab-menu ul.tabs li.active a{background:#cc181e;font-weight:400;color:#fff}@media screen and (max-width:420px){.howto div.content .tab-menu ul.tabs li{margin-right:20px}.howto div.content .tab-menu ul.tabs li a{width:100px;font-size:13px}}.howto div.content .tab-content{margin:0 -15px;padding:50px 8% 15px;display:none}.howto div.content .tab-content.active{display:block}.howto div.content .tab-content ul.steps{list-style:none;font-size:16px;color:#333}.howto div.content .tab-content ul.steps li{margin-bottom:60px;padding-left:70px;position:relative}.howto div.content .tab-content ul.steps li span.index{top:0;left:0;line-height:40px;font-weight:600;font-size:50px;color:#cc181e;position:absolute}.check div.content h2,.link div.content h2{text-shadow:none;font-family:Roboto,sans-serif;font-weight:300}.howto div.content .tab-content ul.steps li img.calibration,.howto div.content .tab-content ul.steps li img.unlisted{width:100%;height:auto;margin:15px 0}.howto div.content .tab-content ul.steps li img.unlisted{max-width:296px}.howto div.content .tab-content ul.steps li img.calibration{max-width:680px;-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.5);-moz-box-shadow:0 1px 6px 0 rgba(0,0,0,.5);box-shadow:0 1px 6px 0 rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.howto div.content .tab-content ul.steps li input.link,.howto div.content .tab-content ul.steps li input.video{max-width:300px;width:75%!important;margin-bottom:10px;float:left}.howto div.content .tab-content ul.steps li input.submit{line-height:43px!important}.howto div.content .tab-content ul.steps li div.frame{width:100%!important;max-width:498px}.howto div.content .tab-content ul.steps li div.frame img.image{width:100%!important}.howto div.content .tab-content ul.steps li div.engagement.index{margin-left:0;max-width:498px;width:100%!important}@media screen and (max-width:800px){.howto div.content .tab-content ul.steps li div.engagement.index canvas{width:100px;height:100px}.howto div.content .tab-content ul.steps li .progress-bar{width:auto;margin:0 10px}.howto div.content .tab-content ul.steps li .progress-bar .overlay{top:40px;width:100px}}@media screen and (max-width:550px){.howto div.content .tab-content ul.steps li div.engagement.index canvas{width:75px;height:75px}.howto div.content .tab-content ul.steps li .progress-bar{width:75px;margin:10px auto 0}.howto div.content .tab-content ul.steps li .progress-bar .overlay{top:30px;width:75px}}@media screen and (max-width:420px){.howto div.content .tab-content ul.steps li div.engagement.index canvas{width:100px;height:100px}.howto div.content .tab-content ul.steps li div.engagement.index .progress,.howto div.content .tab-content ul.steps li div.engagement.index .text{width:100%;float:none}.howto div.content .tab-content ul.steps li div.engagement.index .progress{margin-bottom:15px}.howto div.content .tab-content ul.steps li .progress-bar{width:auto;margin:0 10px}.howto div.content .tab-content ul.steps li .progress-bar .overlay{top:40px;width:100px}}@media screen and (max-width:450px){.howto div.content .tab-content ul.steps li{padding-left:50px}}.link div.content{text-align:center}.link div.content h2{margin:0 auto 30px;text-align:center;line-height:115%;font-size:40px}.link div.content p{color:#404040;font-size:16px;line-height:1.35em;text-align:center;display:block}.link div.content form{margin:15px;display:inline-block}.link div.content div.social img.preview{width:auto;max-height:250px;margin:0 auto;display:block}.link div.content div.social ul{width:360px;margin:0 auto;color:#fff}.link div.content div.social ul li{margin:25px;list-style:none}.link div.content div.social ul li a{padding:10px;border-radius:10px;text-align:center;vertical-align:middle;line-height:30px;font-size:14px;color:#fff;display:block;position:relative;cursor:pointer}.link div.content div.social ul li a.facebook{background:#507dc0}.link div.content div.social ul li a.twitter{background:#64ccf1}.link div.content div.social ul li a.google-plus{background:#df4930}.link div.content div.social ul li a .fa{left:15px;vertical-align:middle;line-height:30px;font-size:25px;position:absolute}@media screen and (max-width:440px){.link div.content div.social img.preview{width:100%;height:auto}.link div.content div.social ul{width:100%}.link div.content div.social ul li{margin:15px 0}.link div.content div.social ul li a{font-size:13px}}@media screen and (max-width:365px){.link div.content div.social ul li a{padding-right:15px;text-align:right}.link div.content div.social ul li a .fa{left:15px;line-height:30px;font-size:20px}}.link div.content div.check{text-align:left}.link div.content div.check .col{width:625px;margin:5px auto;display:table;float:none}.link div.content div.check input[type=checkbox]{display:none}.link div.content div.check input[type=checkbox]+label span{top:0;left:0;width:33px;height:33px;vertical-align:middle;background:#fff;border-radius:2px;border:2px solid #9a9a9a;position:absolute;cursor:pointer;display:block}.link div.content div.check input[type=checkbox]:checked+label span{border:2px solid #333;background:url(../img/icon/valid.png) center center no-repeat #fff}.link div.content div.check label{width:auto;font-size:16px;padding-left:46px;position:relative;display:block}@media screen and (max-width:960px){.link div.content div.check .col{width:336px}.link div.content div.check input[type=checkbox]+label span{top:3px;width:44px;height:44px}.link div.content div.check label{font-size:15px;padding-left:58px}}@media screen and (max-width:440px){.link div.content div.check .col{width:100%}.link div.content div.check input[type=checkbox]+label span{top:3px;width:33px;height:33px}.link div.content div.check label{font-size:14px;padding-left:45px}}.check div.content{text-align:center}.check div.content h2{margin:0 auto 15px;text-align:center;line-height:115%;font-size:32px}.check div.content div.status span.help,.check div.content div.tips div.screen{font-family:museo-700,Georgia,"Times New Roman",serif}.check div.content div.status{margin:1% 1% 0}.check div.content div.status.active{display:block}.check div.content div.status.no-video div.video-container{position:absolute;visibility:hidden}.check div.content div.status.no-video div.result-container{width:100%!important}.check div.content div.status.no-video div.result-container ul.result{width:100%!important;padding:0!important}.check div.content div.status.no-video div.result-container span.help{display:none}.check div.content div.status div.video-container{width:48.8%;height:400px}.check div.content div.status div.result-container{width:48.8%;height:400px;display:table}.check div.content div.status div.result-container div.vertical-middle{width:100%;height:400px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center}.check div.content div.status #video,.check div.content div.status #videoCalib{width:100%;height:100%;max-width:535px;background-color:#666;display:block;float:right}@media screen and (max-width:1318px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:428px}.check div.content div.status div.result-container,.check div.content div.status div.result-container div.vertical-middle,.check div.content div.status div.video-container{height:320px}}@media screen and (max-width:1060px){.check div.content div.status div.video-container{width:53.8%}.check div.content div.status div.result-container{width:43.8%}}@media screen and (max-width:962px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:321px}.check div.content div.status div.result-container,.check div.content div.status div.video-container{width:48.8%;height:240px}.check div.content div.status div.result-container div.vertical-middle{height:240px}}@media screen and (max-height:880px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:400px}.check div.content div.status div.result-container,.check div.content div.status div.video-container{width:48.8%;height:300px}.check div.content div.status div.result-container div.vertical-middle{height:300px}}@media screen and (max-height:780px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:320px}.check div.content div.status div.result-container,.check div.content div.status div.video-container{width:48.8%;height:240px}.check div.content div.status div.result-container div.vertical-middle{height:240px}}.check div.content div.status #canvas{display:none}.check div.content div.status div.progress{margin:10px 0;background-color:#666}.check div.content div.status div.progress hr{width:0;height:5px;margin:0;background-color:#50a021;border:0}.check div.content div.status span.help{width:94%;margin:10px 0;padding:0 0 0 6%;line-height:18px;font-size:13px;color:#c00;display:block}.check div.content div.status ul.result{width:94%;max-width:360px;padding:0 0 0 6%;list-style:none;text-align:center;display:inline-block}.check div.content div.status ul.result li{padding:10px;margin:15px 0;border:2px solid #666;border-radius:5px;line-height:28px;font-size:20px;color:#666;position:relative}.check div.content div.status ul.result li.info{padding:10px 15px;line-height:24px;font-size:18px}.check div.content div.status ul.result li.success{color:#50a021}.check div.content div.status ul.result li.success.face i.icon{background-position:-43px 0}.check div.content div.status ul.result li.success.light i.icon{background-position:-43px -44px}.check div.content div.status ul.result li.success i.fa-check-circle{display:inline}.check div.content div.status ul.result li.success i.fa-ban,.check div.content div.status ul.result li.success i.fa-circle-thin,.check div.content div.status ul.result li.warning i.fa-check-circle,.check div.content div.status ul.result li.warning i.fa-circle-thin{display:none}.check div.content div.status ul.result li.warning{color:#c00}.check div.content div.status ul.result li.warning.face i.icon{background-position:-43px 0}.check div.content div.status ul.result li.warning.light i.icon{background-position:-43px -44px}.check div.content div.status ul.result li.warning i.fa-ban{display:inline}.check div.content div.status ul.result li i.fa-lightbulb-o,.check div.content div.status ul.result li i.fa-smile-o{left:25px;line-height:28px;position:absolute}.check div.content div.status ul.result li i.fa-ban,.check div.content div.status ul.result li i.fa-check-circle,.check div.content div.status ul.result li i.fa-circle-thin{right:25px;line-height:28px;position:absolute}.check div.content div.status ul.result li i.fa-check-circle{display:none}.check div.content div.status ul.result li i.fa-circle-thin{display:inline}.check div.content div.status ul.result li i.fa-ban{display:none}@media screen and (max-height:780px){.check div.content div.status ul.result li{padding:12px}.check div.content div.status ul.result li.info{font-size:18px}}@media screen and (max-width:375px){.check div.content div.status ul.result li{padding:10px;font-size:20px}.check div.content div.status ul.result li.info{font-size:15px}}@media screen and (max-width:320px){.check div.content div.status ul.result li{padding:10px;margin:15px 0;line-height:18px;font-size:16px}.check div.content div.status ul.result li i.fa{line-height:18px}.check div.content div.status ul.result li.info{font-size:13px}}@media screen and (max-width:840px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:535px;margin:0 auto;float:none}.check div.content div.status ul.result{width:100%;max-width:540px;padding:0}.check div.content div.status span.help{width:100%;padding:0}.check div.content div.status div.video-container{width:100%;height:400px}.check div.content div.status div.result-container{width:100%;height:auto}.check div.content div.status div.result-container div.vertical-middle{height:auto;display:block}}@media screen and (max-width:640px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:428px}.check div.content div.status div.video-container{height:320px}}@media screen and (max-width:526px){.check div.content div.status #video,.check div.content div.status #videoCalib{max-width:321px}.check div.content div.status div.video-container{height:240px}}.check div.content div.tips{margin-bottom:10px}.check div.content div.tips.active{display:block}.check div.content div.tips div.screen{width:23%;margin:10px 1%;position:relative;line-height:18px;font-size:13px;float:left}.check div.content div.tips div.screen.ok{color:#50a021}.check div.content div.tips div.screen.bad{color:#c00}.check div.content div.tips div.screen img{width:100%;height:auto;float:left}.check div.content div.tips div.screen span.help{bottom:0;width:75%;min-height:36px;padding:6px 20% 6px 5%;position:absolute;background-color:rgba(255,255,255,.85);display:block}.check div.content div.tips div.screen.ok span.help{width:90%;padding-right:5%;text-align:center;text-transform:uppercase;line-height:36px;font-size:20px}.check div.content div.tips div.screen.bad span.help i.fa{top:0;right:5%;line-height:48px;font-size:20px;position:absolute}@media screen and (max-width:1023px){.check div.content div.tips div.screen{width:31%}.check div.content div.tips div.screen.ok{display:none}}@media screen and (max-width:900px){.check div.content div.tips div.screen{width:48%}.check div.content div.tips div.screen.ok{display:block}}@media screen and (max-width:640px){.check div.content div.tips{margin-bottom:25px}}@media screen and (max-width:550px){.check div.content div.tips div.screen{width:98%}}@media screen and (max-height:780px){.check div.content div.tips h2{font-size:24px}}@media screen and (max-height:680px){.check div.content div.tips{max-width:815px;margin:0 auto}.check div.content div.tips h2{font-size:15px;margin-bottom:5px}}.check div.content a.continue{margin:0 auto 15px;border-radius:2px;text-align:center;line-height:30px;font-size:18px;font-family:Rotobo,sans-serif;padding:15px 25px;text-decoration:none;text-transform:uppercase;background:#cc181e;color:#FFF;cursor:pointer;display:none}.check div.content a.continue:hover{background-position:0 -86px}div.youtube{width:100%;margin:0 auto;position:relative;padding-bottom:56.12%;overflow:hidden}@media screen and (max-height:660px){div.youtube{width:84%;padding-bottom:47.1408%}}@media screen and (max-height:580px){div.youtube{width:74%;padding-bottom:41.5288%}}@media screen and (max-width:840px){div.youtube{width:100%;padding-bottom:56.12%}}div.youtube div.record{top:0;left:0;width:100%;height:100%;position:absolute}canvas.overlay,div.timer{top:50%;left:50%;position:absolute}canvas.overlay{width:400px;height:200px;margin:-100px -300px;z-index:998}div.timer{width:244px;height:244px;margin:-122px;color:#fff;z-index:999}div.timer canvas,div.timer div.textDiv_Seconds{width:244px;height:244px;top:0!important}div.timer canvas span,div.timer div.textDiv_Seconds span{top:0;left:0;width:244px;height:244px;margin-top:0!important;font-size:51px!important;line-height:244px!important;position:absolute;z-index:999}@media screen and (max-width:640px){.check div.content div.status,.check div.content div.tips{display:none}.check div.content a.continue.active{display:block}canvas.overlay{width:200px;height:100px;margin:-50px -150px}div.timer,div.timer canvas,div.timer div.textDiv_Seconds{width:120px;height:120px}div.timer{margin:-60px}div.timer canvas span,div.timer div.textDiv_Seconds span{width:120px;height:120px;font-size:25px!important;line-height:120px!important}}ul.new-project li,ul.projects li{width:100%;padding-left:15px;margin:0 0 10px -15px;border-left:3px solid transparent;list-style:none;display:block;float:left}ul.new-project li.active,ul.projects li.active{border-left:3px solid #cc181e}ul.new-project li.template,ul.projects li.template{display:none}ul.new-project li a.thumb,ul.projects li a.thumb{width:50%;overflow:hidden;margin-bottom:5%;display:block}ul.new-project li a.thumb img,ul.projects li a.thumb img{width:100%;height:auto;margin:-9% 0 -14%}ul.new-project li a.thumb.new img,ul.projects li a.thumb.new img{margin:0}ul.new-project li .title,ul.projects li .title{width:100%;font-family:Roboto,sans-serif;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;font-weight:400;line-height:17px;font-size:16px;color:#000;overflow:hidden;display:block}footer .links ul li a:hover,footer a.email:hover{text-decoration:underline}ul.new-project li .title:hover,ul.projects li .title:hover{color:#000}ul.new-project li .date,ul.projects li .date{vertical-align:bottom;line-height:10px;font-size:14px;color:#9a9a9a}ul.new-project.new-project li,ul.projects.new-project li{margin-bottom:25px}@media screen and (max-width:960px){ul.new-project li,ul.projects li{width:15.6%;padding-left:0;margin:0 1% 10px 0;border-top:3px solid transparent;list-style:none;display:block;float:left}ul.new-project li.active,ul.projects li.active{border-top:3px solid #cc181e;border-left:3px solid transparent}ul.new-project li a.thumb,ul.projects li a.thumb{width:100%;border-top:3px solid transparent}}@media screen and (max-width:750px){ul.new-project li,ul.projects li{width:23%}}@media screen and (max-width:500px){ul.new-project li,ul.projects li{width:30.25%;margin:0 2% 10px 0}}@media screen and (max-width:360px){ul.new-project li,ul.projects li{width:46.5%}}div.moments .col{width:75%}div.moments .row{margin-left:10px}@media screen and (max-width:960px){div.moments .row{margin-left:15px}}ul.moments li{width:100%;margin-bottom:10px;list-style:none;position:relative;display:block;float:left}ul.moments li.template{display:none}ul.moments li a.thumb{width:100%;height:100%;position:absolute;display:block;z-index:999}ul.moments li img{top:0;left:0;width:100%;height:auto;position:absolute;display:none}ul.moments li img.active{display:block}@media screen and (max-width:800px){div.moments{width:100%}div.moments .col{width:50%}div.moments .row{margin-left:5px}ul.moments li{width:48%;margin-right:2%;list-style:none;display:block;float:left}ul.moments li img{width:100%;height:auto;margin-bottom:5px}}@media screen and (max-width:450px){ul.moments li{width:96%;margin-right:2%;list-style:none;display:block;float:left}ul.moments li img{width:100%;height:auto;margin-bottom:5px}}div.index:last-child{margin-left:1%}.progress-bar{margin-left:10px;position:relative}.progress-bar .overlay{left:0;top:40px;width:100px;text-align:center;font-weight:300;font-size:24px;color:#333;position:absolute}@media screen and (max-width:800px){.progress-bar{margin-left:0}}@media screen and (max-width:700px){div.index canvas{width:75px;height:75px}.progress-bar{width:75px;margin:20px auto 0}.progress-bar .overlay{top:30px;width:75px}}@media screen and (max-width:600px){div.index{width:100%}div.index:last-child{margin-left:0}div.index canvas{width:100px;height:100px}.progress-bar{width:auto;margin:0 10px}.progress-bar .overlay{top:40px;width:100px}}@media screen and (max-width:400px){div.index canvas{width:75px;height:75px}.progress-bar{width:75px;margin:20px auto 0}.progress-bar .overlay{top:30px;width:75px}}div.graph{width:75%;height:450px;margin:50px auto;border-left:2px solid #cc181e;border-bottom:2px solid #cc181e;border-right:2px solid #f5f5f5;border-top:2px solid #f5f5f5;position:relative}div.graph .x-axis-label{left:0;bottom:-35px;position:absolute}div.graph .y-axis-label{left:-35px;bottom:-15px;position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}div.graph .x-axis-value-0,div.graph .x-axis-value-100,div.graph .x-axis-value-20,div.graph .x-axis-value-40,div.graph .x-axis-value-60,div.graph .x-axis-value-80{left:0;top:-35px;position:absolute}div.graph .x-axis-value-20{left:20%}div.graph .x-axis-value-40{left:40%}div.graph .x-axis-value-60{left:60%}div.graph .x-axis-value-80{left:80%}div.graph .x-axis-value-100{left:100%}div.graph .y-axis-value-0,div.graph .y-axis-value-20,div.graph .y-axis-value-40,div.graph .y-axis-value-60,div.graph .y-axis-value-80{width:20px;bottom:0;right:-35px;text-align:left;position:absolute}div.graph .y-axis-value-20{bottom:20%}div.graph .y-axis-value-40{bottom:40%}div.graph .y-axis-value-60{bottom:60%}div.graph .y-axis-value-80{bottom:80%}div.graph .table{width:100%;height:100%;display:table}div.graph .table-row{width:100%;display:table-row}div.graph .table-cell{vertical-align:middle;text-align:center;text-transform:uppercase;display:table-cell}div.graph .add-interesting-moments,div.graph .promote-video{left:0;top:0}div.graph .add-jokes-fun,div.graph .change-video{left:0;bottom:0}div.graph .horizontal{left:0;margin:0;border:none;width:100%;height:2px;color:#cc181e;background:url(../img/bg/line-horizontal.png) repeat-x;position:absolute}div.graph .vertical{top:0;margin:0;border:none;width:2px;height:100%;color:#cc181e;background:url(../img/bg/line-vertical.png) 0 17px repeat-y;position:absolute}div.graph .mark{width:18px;height:19px;text-indent:-9999em;background:url(../img/icon/mark.png) no-repeat;position:absolute}div.graph .mark.active{background:url(../img/icon/mark-active.png) no-repeat}div.graph .rollover,div.question-mark div.notice{border:2px solid #cc181e;background:#fff;z-index:999}div.graph .template{display:none}div.graph .rollover{width:65%;max-width:250px;padding:15px 15px 10px;position:absolute;display:none}div.graph .rollover .thumb{width:40%;overflow:hidden}div.graph .rollover .info{width:50%}div.graph .rollover img{width:100%;height:auto;margin:-9% 0 -14%}div.graph .rollover .label,div.graph .rollover .value{top:5px;left:10px;position:relative}div.graph .rollover .title{width:100%;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}@media screen and (max-width:768px){div.graph .table-cell{font-size:12px}}@media screen and (max-width:640px){div.graph{height:300px}div.graph .table-cell{font-size:11px}}@media screen and (max-width:480px){div.graph{height:250px}div.graph .table-cell{font-size:10px}div.graph .rollover{width:50%;padding:10px 10px 5px}div.graph .rollover .info,div.graph .rollover .thumb{width:100%}div.graph .rollover img{width:100%;height:auto}div.graph .rollover .label,div.graph .rollover .value{top:0;left:0}div.graph .rollover .title{padding-top:5px;font-weight:500;font-size:14px}}@media screen and (max-width:360px){div.graph{height:200px}div.graph .table-cell{font-size:9px}}div.question-mark{position:relative;display:inline;cursor:pointer}div.question-mark i.fa{line-height:21px;font-size:19px;color:#ccc}div.question-mark div.notice{left:0;top:25px;right:auto;padding:10px;line-height:135%;white-space:nowrap;text-transform:uppercase;position:absolute;display:none}div.question-mark div.notice.active{display:block}@media only screen and (max-width:780px){div.question-mark div.notice{right:0;left:auto}}div.question-mark.corner-top-right{top:10px;right:10px;position:absolute}div.question-mark.corner-top-right div.notice{right:0;top:30px;left:auto}footer{margin-top:10px;padding:35px 25px;background:#424242;color:#9c9c9c}footer .col{margin-bottom:25px}@media only screen and (max-width:768px){footer .col{margin-left:0}footer .span_10_of_10,footer .span_1_of_10,footer .span_2_of_10,footer .span_3_of_10,footer .span_4_of_10,footer .span_5_of_10,footer .span_6_of_10,footer .span_7_of_10,footer .span_8_of_10,footer .span_9_of_10{width:100%}}footer h3{font-family:Roboto,sans-serif!important;font-weight:300!important;text-align:left!important;font-size:18px!important;color:#fff!important}footer .links ul{list-style:none}footer .links ul li{margin-bottom:15px}footer .links ul li:last-child{margin-bottom:0}footer .links ul li a{color:#9c9c9c!important}footer .social ul{margin-top:-8px;list-style:none}footer .social ul li{margin-right:5px;display:inline-block}footer .social ul li:last-child{margin-bottom:0}footer .social ul li a{width:30px;height:30px;text-indent:-9999em;background:url(../img/icon/social-footer.png) no-repeat;display:block}footer .social ul li a.footer{background-position:0 0}footer .social ul li a.twitter{background-position:-40px 0}footer .social ul li a.m{background-position:-80px 0}footer a.email{font-weight:300;color:#fff!important}