a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}html{height:101%;font-size:62.5%}article,aside,details,figcaption,figure,footer,header,img,menu,nav,ol,section,ul{list-style:none}video{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}strong{font-weight:bold}input{outline:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}a[href^=tel]{color:inherit;text-decoration:none}body,html{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:'Roboto',sans-serif;font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;color:#111;background:#333}.no-max-width{width:100%;float:left;position:relative;overflow:hidden}.max-width{width:100%;max-width:1400px;position:relative;margin:0 auto;overflow:hidden}a,a:visited{color:#333;font-weight:700}a.active,a:active,a:hover{color:#666}a[href^=tel]{color:#333;text-decoration:none}a[href^=tel]:hover{color:#bf8c82}h1,h2,h3,h4,h5,h6{width:100%;float:left;font-weight:700}h1{font-size:36px;font-size:3.6rem;line-height:40px;line-height:4rem;text-transform:uppercase;letter-spacing:2px;padding:0 0 15px 0}h2{font-size:24px;font-size:2.4rem;line-height:32px;line-height:3.2rem;padding:10px 0 10px 0;letter-spacing:2px}h3{font-size:18px;font-size:1.8rem;line-height:24px;line-height:2.4rem;padding:10px 0 5px 0}h4,h5,h6{font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;padding:10px 0 5px 0}p,ul{width:100%;float:left;color:#666}p a,p a:visited,ul a,ul a:visited{color:#bf8c82}img{width:100%;max-width:100%;height:auto}strong{font-weight:700;color:#333}.color{color:#bf8c82}.light{color:#fff}.dark{color:#111}.top h1 span,.top h2 span{width:100%;float:left;font-family:'Kaushan+Script',cursive;font-size:42px;font-size:4.2rem;line-height:48px;line-height:4.8rem;padding:0 0 10px 0;text-transform:none;color:#fff}.top h3{text-transform:uppercase;font-size:16px;font-size:1.6rem;letter-spacing:2px;padding:15px 0}.top-img{width:100%;float:left;height:70px;background:url(../svg/fallback/1-kampaaja-sydan.png) center center no-repeat;background-image:url(../svg/1-kampaaja-sydan.svg),none}@media (min-width:950px){.top-img{background:url(../svg/fallback/1-kampaaja-sydan.png) left center no-repeat;background-image:url(../svg/1-kampaaja-sydan.svg),none}}.box.big{min-height:350px}.col-100{width:100%;float:left}.col-50{width:100%;float:left}@media (min-width:950px){.col-50{width:50%}}@media (min-width:480px){.col-50 .col-50{width:50%}}.header{position:absolute;top:0;left:0;background:#fff;z-index:10}.header .max-width{padding:15px 25px}a.branding,a.branding:visited{display:block;width:100%;position:relative;height:25px;background:url(../svg/fallback/logo.png) center center no-repeat;background-image:url(../svg/logo.svg),none;background-size:contain;z-index:10;margin:7px 0 0 0;text-indent:-999px}@media (min-width:700px){a.branding,a.branding:visited{width:230px;height:30px;text-align:left;background:url(../svg/fallback/logo.png) left center no-repeat;background-image:url(../svg/logo.svg),none;background-size:contain;margin:0}}.contact-top{width:100%;float:left;font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;padding:15px 0 0 0;text-align:center}@media (min-width:700px){.contact-top{position:absolute;bottom:22px;right:25px;height:14px;padding:0;text-align:right}}.contact-top p{color:#333;letter-spacing:1px}@media (min-width:700px){.contact-top p{padding-right:65px}}.contact-top-new{width:100%;float:left;font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;padding:0;text-align:center}.contact-top-new p{color:#333;letter-spacing:1px}.hero{max-width:300px;float:none;margin:0 auto;text-align:center}@media (min-width:700px){.hero{max-width:300px}}.hero img{margin:0px auto 0 auto;float:none}@media (min-width:700px){.hero img{margin:0px auto 0 auto}}.hero p{font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;color:#fff;padding:20px 0 0 0}@media (min-width:700px){.hero p{font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem}}.hero-in{max-width:250px;float:none;margin:0 auto;text-align:center}@media (min-width:700px){.hero-in{max-width:350px}}.hero-in img{margin:10px auto 0 auto;max-width:250px;float:none}.bg{background-size:cover;background-position:center center;z-index:-2}.top .col-50{position:relative;float:right}.top .col-100{position:relative}.bg,.top .col-100,.top .col-50{height:160px;margin:0px 0 0 0}@media (min-width:700px){.bg,.top .col-100,.top .col-50{height:200px}}.bg{height:370px;margin:0px 0 0 0}.index .bg,.index .top .col-100,.index .top .col-50{height:500px;margin:0 0 0 0}@media (min-width:700px){.index .bg,.index .top .col-100,.index .top .col-50{height:600px}}.align-wrap{display:table;position:absolute;height:100%;width:100%;z-index:2}.align{display:table-cell;vertical-align:middle;padding:0 35px 0 25px}.box-title{width:100%;margin:0 auto;float:none;text-align:center;padding:50px 0 0 0}@media (min-width:480px){.box-title{max-width:80%}}@media (min-width:700px){.box-title{padding:20px 0 0 0}}.box-title h1,.box-title h2{font-size:32px;font-size:3.2rem;line-height:40px;line-height:4rem;text-transform:uppercase;padding:0 0 15px 0}@media (min-width:950px){.box-title h1,.box-title h2{font-size:36px;font-size:3.6rem}}.box-title h3,.box-title h4,.box-title h5,.box-title h6,.box-title p{color:#fff}.box-title p{letter-spacing:1px}@media (min-width:950px){.col-50 .box-title{float:left;max-width:450px;text-align:left}}.menubar{padding:0 0 25px 0;min-height:25px}@media (min-width:620px){.menubar{padding:0}}@media (min-width:950px){.menubar{min-height:52px}}.menu{width:100%;float:left;text-align:center}@media (min-width:620px){.menu{border-bottom:1px solid #e6e6e6}}.menu li{width:100%;float:left;border-bottom:1px solid #e6e6e6;background:#f9f9f9}@media (min-width:620px){.menu li{width:auto;display:inline-block;float:none;border:none;background:none}}.menu a,.menu a:visited{display:inline-block;width:100%;font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#333;padding:17px 13px;-webkit-transition:color 0.1s;transition:color 0.1s}@media (min-width:620px){.menu a,.menu a:visited{width:auto}}.menu a:hover{color:#bf8c82}.menu .active a{color:#ccc}.index .menu{border:none}.aside{width:100%;float:left;max-width:400px;position:relative;z-index:2;padding:40px 25px 0 25px}@media (min-width:700px){.aside{position:absolute;top:0;left:0;width:250px}}@media (min-width:950px){.aside{padding:70px 25px 100px 25px;width:350px}}.menu-sub{width:100%;float:left}.menu-sub li{display:block;border-bottom:1px solid #e6e6e6}.menu-sub a,.menu-sub a:visited{display:inline-block;width:100%;font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#333;padding:12px}.menu-sub .active a,.menu-sub a:hover{color:#bf8c82}.menu-sub ul li{padding:0 0 0 10px}.menu-sub ul li a{text-transform:none;font-weight:400;letter-spacing:normal}.container{background:#fff}.content{width:100%;float:left;position:relative;z-index:1;min-height:500px;padding:0 0 70px 0}@media (min-width:700px){.content{padding:0 0 70px 250px}}@media (min-width:950px){.content{padding:0 0 100px 350px}}.content img{width:auto;float:left;max-width:100%;padding:5px 15px 20px 0}@media (min-width:500px){.content .col-50{width:50%}}.content-in{width:100%;max-width:900px;float:left;padding:40px 25px 0 25px}@media (min-width:950px){.content-in{padding:70px 25px 0 25px}}.content-in h1{padding:0 0 20px 0;text-transform:none;letter-spacing:normal}.content-in h2,.content-in h3,.content-in h4,.content-in h5,.content-in h6{letter-spacing:normal}.content-in p,.content-in ul{padding:0 0 15px 0}.content-in ul{list-style:none}@media (min-width:480px){.content-in ul{max-width:80%}}.content-in ul li{padding-left:16px;text-indent:-12px}.content-in ul li:before{content:"• ";font-size:20px;color:#bf8c82}.content-in a,.content-in a:visited{color:#333;text-decoration:underline}.content-in a:hover{color:#bf8c82}.content-center{text-align:center}@media (min-width:700px){.content-center{padding:0 0 70px 0}}@media (min-width:950px){.content-center{padding:0 0 100px 0}}.content-center .content-in{float:none;margin:0 auto;text-align:left}.referenssit h2{font-size:30px;font-size:3rem;line-height:40px;line-height:4rem;text-transform:uppercase;letter-spacing:1.5px;padding:0 0 15px 0}.container .col-100:last-child{padding:0 0 100px 0}@media (min-width:750px){.col-100 .col-50{width:50%}}.col-50 .content-in{padding:40px 25px 0 25px}@media (min-width:950px){.col-50 .content-in{padding:70px 25px 0 25px}}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.team{width:100%;max-width:700px;float:left;padding:30px 25px 0 25px}@media (min-width:950px){.team{padding:40px 25px 0 25px}}.team li{display:inline;float:left;width:50%;min-height:300px;padding:0 20px 20px 0}@media (min-width:500px){.team li{width:33%}}.team img{width:100%;float:left;padding:0 0 10px 0}.team p{font-size:14px;font-size:1.4rem;padding:0}.team h3{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#333;padding:0 0 5px 0}.profile{width:100%;float:left}.col-wide{text-align:center}.col-wide .content{max-width:900px;margin:0 auto;float:none;text-align:left;padding:0 0 70px 0}@media (min-width:700px){.col-wide .content{padding:0 0 70px 0}}@media (min-width:950px){.col-wide .content{padding:0 0 100px 0}}.col-wide .team{max-width:900px}.col-wide .team li{width:100%;min-height:340px;padding:0 20px 20px 0}@media (min-width:480px){.col-wide .team li{width:50%}}@media (min-width:800px){.col-wide .team li{width:33.33%}}.boxes{width:100%;padding:0 20px;margin:-5px auto 0 auto}.box{min-height:250px;position:relative;border:5px solid #fff;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:10}@media (min-width:480px){.box{min-height:0;height:300px}}@media (min-width:950px){.box{height:auto}}.box-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}.box-in{width:100%;height:100%;position:absolute;overflow:hidden}.curtain{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:0}.curtain2{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:0}.anchor{display:block;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:950px){.anchor{float:left;position:relative}}a.anchor,a.anchor:visited{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;-webkit-transform:scale(1);transform:scale(1)}a.anchor:hover{-webkit-transform:scale(1.04);transform:scale(1.04);border:1px solid #fff}.box-color{position:absolute;top:0;left:0;width:100%;height:100%;background:#bf8c82}.box-color.light{background:#e8e7da}.shape{position:relative;z-index:-10;display:none}@media (min-width:480px){.shape{display:block}}.box h2{font-weight:400;text-align:center;color:#fff;letter-spacing:normal}.box h2.dark{color:#111}.box h2.palvelu,.box h3{font-size:20px;font-size:2rem;line-height:26px;line-height:2.6rem;font-weight:400;color:#fff;text-align:center}.box h2,.box h3{padding:0 20px}.box p{color:#333}.box .align{padding:25px 0}.box h3.calendar{font-size:14px;font-size:1.4rem;line-height:18px;line-height:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#333}.box-content{width:100%;max-width:300px;margin:0 auto;float:none}.box-bottom{width:100%;position:absolute;left:0;bottom:0;background:#3d2c26;padding:0 0 0 15px}.box-bottom h4{font-size:16px;font-size:1.6rem;line-height:24px;line-height:2.4rem;font-weight:400;letter-spacing:1px;color:#fff;padding:10px 20px 10px 10px}.box-bottom .fb{background:url(../svg/fallback/icon-some-fb-light.png) left center no-repeat;background-image:url(../svg/icon-some-fb-light.svg),none;padding:10px 20px 10px 23px}.box-bottom .ig{background:url(../svg/fallback/icon-some-ig-light.png) left center no-repeat;background-image:url(../svg/icon-some-ig-light.svg),none;padding:10px 20px 10px 30px}.box-bottom .tube{background:url(../svg/fallback/icon-some-tube-light.png) left center no-repeat;background-image:url(../svg/icon-some-tube-light.svg),none;padding:10px 20px 10px 30px}.box-bottom .tw{background:url(../svg/fallback/icon-some-tw-light.png) left center no-repeat;background-image:url(../svg/icon-some-tw-light.svg),none;padding:10px 20px 10px 30px}.box-bottom .in{background:url(../svg/fallback/icon-some-in-light.png) left center no-repeat;background-image:url(../svg/icon-some-in-light.svg),none;padding:10px 20px 10px 30px}.box-bottom .tiktok{background:url(../svg/fallback/icon-some-tiktok.png) left center no-repeat;background-image:url(../svg/icon-some-tiktok.svg),none;padding:10px 20px 10px 30px}.box-bottom .pinterest{background:url(../svg/fallback/icon-some-pinterest-light.png) left center no-repeat;background-image:url(../svg/icon-some-pinterest-light.svg),none;padding:10px 20px 10px 26px}h3.icon-big{padding:150px 20px 0 20px}.calendar{background:url(../svg/fallback/icon-tuotteet2.png) center top no-repeat;background-image:url(../svg/icon-tuotteet2.svg),none}.color2{background:#8e6859}.comment{width:100%;float:left;background:url(../svg/fallback/icon-comment.png) center top no-repeat;background-image:url(../svg/icon-comment.svg),none;padding:30px 15px 0px 15px;font-style:italic;text-align:center;color:#fff}.comment p{color:#fff}.comment strong{width:100%;float:left;font-size:12px;font-size:1.2rem;letter-spacing:1px;font-style:normal;text-transform:uppercase;padding:10px 0 0 0;color:#fff}.slider{width:100%;float:left}.bx-controls{display:none}.bx-wrapper{position:relative;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.form{width:100%;float:left;padding:20px 25px}.form input{width:100%;height:42px;float:left;line-height:42px;line-height:4.2rem;border:none;border-radius:3px;margin:5px 0;padding:0 10px}.form .button{width:100%;float:left;height:42px;background:#bf8c82;font-size:14px;font-size:1.4rem;line-height:42px;line-height:4.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;border:none;border-radius:3px;cursor:pointer;margin:5px 0;-webkit-appearance:none;-webkit-transition:all 0.2s;transition:all 0.2s}.form .button:hover{background:#8e6859}.button{width:100%;float:left;padding:20px}.button a,.button a:visited{width:100%;display:inline-block;float:none;margin:0 auto;background:#fff;font-size:14px;font-size:1.4rem;line-height:42px;line-height:4.2rem;height:42px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#000;border:none;border-radius:3px;cursor:pointer;-webkit-appearance:none;text-align:center;-webkit-transition:all 0.2s;transition:all 0.2s}.button a:hover{background:#bf8c82;color:#fff}.gallery{width:100%;float:left;position:relative;z-index:1;min-height:800px;padding:0 0 70px 0}@media (min-width:700px){.gallery{padding:0 0 200px 250px}}@media (min-width:950px){.gallery{padding:0 0 400px 350px}}.gallery img{float:left}.gallery a{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}.gallery a:hover{opacity:0.9}.masonry{width:100%;float:left;padding:40px 25px 0 25px;-moz-column-count:1;-webkit-column-count:1;column-count:1;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}@media (min-width:950px){.masonry{padding:50px 25px 0 25px}}@media (min-width:480px){.masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2}}@media (min-width:1100px){.masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3}}.item,a.item,a.item:active,a.item:hover,a.item:visited{display:inline-block;position:relative;margin:0 0 4px 0;width:100%}.border{border-top:1px solid #e6e6e6}.footer{padding:30px 25px 20px 25px}@media (min-width:480px){.footer{padding:40px 25px 50px 25px}}.footer .col-50{padding:0 0 20px 0}@media (min-width:480px){.footer .col-50{width:50%;padding:0}}@media (min-width:950px){.footer .col-50{width:50%}}.footer li,.footer p{font-size:14px;font-size:1.4rem;line-height:20px;line-height:2rem}.footer p{max-width:300px;padding:0 40px 0 0}.copy{width:100%;float:left;background:#111}.copy .max-width{padding:10px 60px 10px 25px}.copy a,.copy a:visited,.copy p{font-size:12px;font-size:1.2rem;letter-spacing:1px;color:#777;padding:0}.some{width:100%;float:left;padding:10px 0 0 0}.some li{display:inline-block;width:20px;height:20px;margin:0 2px}.some a,.some a:visited{width:20px;height:20px;display:block;text-indent:-9999px;opacity:0.9}.some a:hover{opacity:0.5}.some .fb{background:url(../svg/fallback/icon-some-fb.png) center center no-repeat;background-image:url(../svg/icon-some-fb.svg),none}.some .ig{background:url(../svg/fallback/icon-some-ig.png) center center no-repeat;background-image:url(../svg/icon-some-ig.svg),none}.some .tube{background:url(../svg/fallback/icon-some-tube.png) center center no-repeat;background-image:url(../svg/icon-some-tube.svg),none}.some .tw{background:url(../svg/fallback/icon-some-tw-.png) center center no-repeat;background-image:url(../svg/icon-some-tw.svg),none}.some .in{background:url(../svg/fallback/icon-some-in.png) center center no-repeat;background-image:url(../svg/icon-some-in.svg),none}.some .tiktok{background:url(../svg/fallback/icon-some-tiktok.png) center center no-repeat;background-image:url(../svg/icon-some-tiktok.svg),none}.some .pinterest{background:url(../svg/fallback/icon-some-pinterest.png) center center no-repeat;background-image:url(../svg/icon-some-pinterest.svg),none}.contact-top .some{display:none}@media (min-width:700px){.contact-top .some{display:inline-block;width:70px;height:26px;position:absolute;bottom:0;right:0}}a.niku,a.niku:visited{position:absolute;bottom:0;right:25px;width:40px;height:40px;background:url(../svg/fallback/niku.png) right center no-repeat;background-image:url(../svg/niku.svg),none;opacity:0.2;text-indent:-9999px}@media (min-width:750px){a.niku,a.niku:visited{width:100px;background:url(../svg/fallback/niku-creative.png) right center no-repeat;background-image:url(../svg/niku-creative.svg),none}}a.niku:hover{opacity:0.7}.parallax,.parallax-in{height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-perspective:1px;perspective:1px}.parallax-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:100vh}.parallax-layer-base{-webkit-transform:translateZ(0);transform:translateZ(0);min-height:150%}@media (min-height:650px) and (min-width:500px){.parallax-layer-base{min-height:0}}.parallax-layer-back{-webkit-transform:translateZ(-1px) scale(2);transform:translateZ(-1px) scale(2)}.nav-collapse{width:100%;float:left;overflow:visible}.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1}.nav-collapse.opened{max-height:9999px}.disable-pointer-events{pointer-events:none!important}a.nav-toggle,a.nav-toggle:visited{width:100%;float:left;text-align:left;background:url(../svg/fallback/icon-menu-m.png) center center no-repeat #fff;background-image:url(../svg/icon-menu-m.svg),none;border-bottom:1px solid #e6e6e6;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:#fff;text-indent:-9999px;padding:10px 0}@media (min-width:620px){a.nav-toggle,a.nav-toggle:visited{display:none}}@media (min-width:370px){.smaller a.nav-toggle,a.nav-toggle:visited{margin:8px 0 0 0}}a.nav-toggle.active,a.nav-toggle:hover{opacity:1}@media (min-width:620px){.js .nav-collapse{position:relative}.js .nav-collapse.closed{max-height:none}.nav-toggle{display:none}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.box,.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.2s;animation-delay:0.2s}.box.big,.fade-in.slow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0s;animation-delay:0s}