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,img{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;outline:0}
html{height:101%;font-size:62.5%}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,img{display:block}
ol,ul{list-style:none}
small{font-size:10px}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
strong{font-weight:700}
input{outline:0}
table{border-collapse:collapse;border-spacing:0}
img{border:0;max-width:100%}
a{text-decoration:none}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.smartBanner #smartbanner{display:block}
#smartbanner{display:none;position:absolute;left:0;top:0;border-bottom:2px solid #e8e8e8;width:100%;height:80px;font-family:"Helvetica Neue",sans-serif;background:#fff;z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none;box-sizing:border-box;z-index:9999999}
#smartbanner .sb-container{margin:0 auto}
#smartbanner .sb-close{position:absolute;left:0;top:0;display:block;text-align:center;text-decoration:none;-webkit-font-smoothing:subpixel-antialiased;border:0;width:17px;height:100%;line-height:25px;color:#999!important;border-radius:0;background:0 0;box-shadow:none;text-shadow:none;font-size:25px;padding:2px 5px}
#smartbanner .sb-close:active{color:#aaa}
#smartbanner .sb-icon{position:absolute;left:30px;top:10px;display:block;width:55px;height:55px;background-size:cover}
#smartbanner.no-icon .sb-icon{display:none}
#smartbanner .sb-info{position:absolute;left:98px;top:14px;font-size:12px;line-height:1.2em;color:#6a6a6a;text-shadow:0 1px 0 rgba(255,255,255,0.8)}
#smartbanner #smartbanner.no-icon .sb-info{left:34px}
#smartbanner .sb-info strong{display:block;font-size:13px;color:#000;line-height:18px;font-weight:700}
#smartbanner .sb-info > span{display:block}
#smartbanner .sb-info em{font-style:normal;text-transform:uppercase}
#smartbanner .sb-button{position:absolute;right:20px;top:24px;border:1px solid #bfbfbf;padding:0 10px;min-width:10%;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#6a6a6a!important;background:#fff;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,0.8);border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset}
#smartbanner .sb-icon.gloss:after{content:"";position:absolute;left:0;top:-1px;border-top:1px solid rgba(255,255,255,0.8);width:100%;height:50%;background:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0,rgba(255,255,255,0.2) 100%);border-radius:10px 10px 12px 12px}
#smartbanner.ios .sb-icon{border-radius:9px}
#smartbanner.ios .sb-close{color:#999!important;padding:7px}
#smartbanner.ios .sb-button{background-color:#fff;color:#007aff!important;border:1px solid #007aff}
#smartbanner.android{border-color:#ccc;border-top:5px solid #b3c833;border-bottom:2px solid #d6d6d6;background:#f5f5f5;box-shadow:none;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;color:#8d8d8d}
#smartbanner.android .sb-close{color:#999!important;padding:5px}
#smartbanner.android .sb-close:active{color:#eee}
#smartbanner.android .sb-info{text-shadow:none;font-weight:400}
#smartbanner.android .sb-info strong{color:#333}
#smartbanner.android .sb-info .sb-price{color:#b3c833}
#smartbanner.android .sb-button{min-width:12%;border:2px solid transparent;padding:0;color:#fff!important;border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,0.2);background:#b3c833}
#smartbanner.android .sb-button span{display:block;padding:0 10px;text-transform:none;text-shadow:none}
#smartbanner.android .sb-button:active,#smartbanner.android .sb-button:hover{box-shadow:0 1px 0 rgba(0,0,0,0.4)}
#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span{box-shadow:0 1px 2px rgba(0,0,0,0.05)}
#smartbanner.windows{background:#464646;border-bottom:8px solid #2a2a2a;font-family:wf_SegoeUI,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
#smartbanner.windows .sb-container{height:100%;box-sizing:border-box;border-bottom:1px solid #00bcf2}
#smartbanner.windows .sb-icon{border-radius:0}
#smartbanner.windows .sb-info{color:#fff;text-shadow:none;font-weight:400}
#smartbanner.windows .sb-info strong{color:#00bcf2;text-shadow:0 0 2px #222}
#smartbanner.windows .sb-info .sb-price{color:#00bcf2}
#smartbanner.windows .sb-button{border-radius:0;background:#00bcf2;color:#fff!important;border:2px solid #00bcf2;box-shadow:none;text-shadow:none}
#smartbanner.windows .sb-button:hover{border:2px solid rgba(0,0,0,0.2)}
#smartbanner.windows .sb-close{color:#999!important}
#smartbanner.windows-phone{background:#000;border-bottom:8px solid #2a2a2a;font-family:wf_SegoeUI,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
#smartbanner.windows-phone .sb-container{height:100%;box-sizing:border-box}
#smartbanner.windows-phone .sb-icon{border-radius:0}
#smartbanner.windows-phone .sb-info{color:#fff;text-shadow:none;font-weight:400}
#smartbanner.windows-phone .sb-info strong{color:#b3c834;text-shadow:0 0 2px #222}
#smartbanner.windows-phone .sb-info .sb-price{color:#b3c834}
#smartbanner.windows-phone .sb-button{border-radius:0;background:#b3c834;color:#fff!important;border:2px solid #b3c834;box-shadow:none;text-shadow:none;line-height:18px}
#smartbanner.windows-phone .sb-button:hover{border:2px solid rgba(0,0,0,0.2)}
#smartbanner.windows-phone .sb-close{color:#999!important}
@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.3.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");font-weight:400;font-display:swap;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul > li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-whatsapp:before{content:"\f232"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-twitter:before{content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
@font-face{font-family:fjallaoneregular;src:url(../fonts/fjallaone-regular-webfont.eot);src:url(../fonts/fjallaone-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fjallaone-regular-webfont.woff) format("woff"),url(../fonts/fjallaone-regular-webfont.ttf) format("truetype"),url(../fonts/fjallaone-regular-webfont.svg#fjallaoneregular) format("svg");font-weight:400;font-style:normal;font-display:swap;line-height:1}
@font-face{font-family:fjallaoneregular;src:url(../fonts/fjallaone-regular-webfont.svg#fjallaoneregular) format("svg");font-display:swap}
@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot);src:url(../fonts/icomoon.eot?#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.svg#icomoon) format("svg");font-weight:400;font-display:swap;font-style:normal}
[class*="icon-"]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke:.3px}
.icon-youtube:before{content:"\e600"}
.icon-twitter:before{content:"\e601"}
.icon-facebook:before{content:"\e602"}
.icon-star:before{content:"\e603"}
.icon-star-half:before{content:"\e604"}
.icon-search:before{content:"\e605"}
.icon-linkedin:before{content:"\e607"}
.icon-googleplus:before{content:"\e608"}
.icon-email:before{content:"\e609"}
.icon-arrow:before{content:"\e60a"}
.icon-question:before{content:"\e60b"}
.icon-pros:before{content:"\e60c"}
.icon-play:before{content:"\e60d"}
.icon-person:before{content:"\e60e"}
.icon-menu:before{content:"\e60f"}
.icon-editor-quote:before{content:"\e610"}
.icon-editor-link:before{content:"\e611"}
.icon-editor-italic:before{content:"\e612"}
.icon-editor-img:before{content:"\e613"}
.icon-editor-code:before{content:"\e614"}
.icon-editor-b:before{content:"\e615"}
.icon-cons:before{content:"\e616"}
body{background:#e6e6e6;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;font-size:1.2rem}
@media (min-width: 500px) {
body{font-size:14px;font-size:1.4rem;background:#e6e6e6}
}
sup,sub{vertical-align:baseline;position:relative;top:-6px;font-size:12px}
sub{top:6px}
form{position:relative}
.no-max-width{width:100%;overflow:hidden;position:relative;z-index:9}
.max-width{position:relative;width:100%;max-width:1000px;margin:0 auto;overflow:visible;clear:both}
@media (max-width: 1024px) {
.max-width{max-width:1024px}
}
.max-width.index,.max-width.list{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.max-width .vertaa{border-bottom:1px solid #e6e6e6}
.top{border-bottom:solid 1px #333;height:46px}
.menu-sites{display:none;float:left;margin:0 0 0 5px}
@media (min-width: 1280px) {
.menu-sites{display:inline}
}
.menu-sites li{display:inline;font-size:14px;font-size:1.4rem;line-height:48px}
.menu-sites a,.menu-sites a:visited{color:#f2f2f2;padding:15px 10px}
.menu-sites a:hover{color:#007fa2}
.menu-sites a.active{color:#007fa2}
.menu-top{float:right;border-right:solid 1px #333}
.menu-top li{display:inline}
.menu-top a,.menu-top a:visited{color:#fff;padding:15px}
.menu-top a:hover{color:#007fa2}
.menu-top .fb-top,.menu-top .twitter-top,.menu-top .youtube-top,.menu-top .rss-top{display:none;float:right;border:none;overflow:hidden}
@media (min-width: 720px) {
.menu-top .fb-top,.menu-top .twitter-top,.menu-top .youtube-top,.menu-top .rss-top{display:inline}
}
.top-gravatar{float:right;display:inline;border-left:solid 1px #333;line-height:0}
.top-gravatar a,.top-gravatar a:visited{padding:0 0 0 15px}
.top-gravatar img{width:45px;height:45px}
.rss-top{margin:12px 12px 0 7px}
.rss-top a{display:block;width:26px;height:26px;background:url(../svg/fallback/rss.png) no-repeat;background-image:url(../svg/rss.svg),none;padding:0;text-indent:-9999px}
.youtube-top{position:relative;height:24px;width:130px;margin:10px 0 0 10px}
.fb-top{height:21px;width:100px;margin:12px 0 0 10px}
.twitter-top{height:21px;width:65px;margin:12px 0 0 14px}
li.top-login{float:right;display:inline;width:auto;font-size:14px;font-size:1.4rem;line-height:48px;border-left:solid 1px #333}
li.search{float:right;line-height:48px;border-right:solid 1px #333;border-left:solid 1px #333;padding:0 15px}
li.search input[type="image"]{padding:12px 0 0}
input[type="search"]{width:80px;font-size:12px;font-size:1.2rem;line-height:20px;height:20px;color:#fff;border:none;border-bottom:1px solid #4d4d4d;background:#000;-webkit-appearance:textfield}
@media (min-width: 340px) {
input[type="search"]{width:120px}
}
.index-video-ad{margin:10px auto;text-align:center}
.index-video-ad div{width:auto;margin:0 auto}
.index-video-ad img{display:none}
.ad-300x250{display:none;width:300px;height:250px;margin:0 auto}
@media (min-width: 1000px) {
.ad-300x250{display:block}
}
.index .ad-300x250{margin:15px auto}
@media (min-width: 728px) {
.index .ad-300x250{display:block}
}
.ad-header{display:none;margin:0 auto;padding:0}
@media (min-width: 980px) {
.ad-header{display:flex;width:980px;min-height:360px;align-items:center;justify-content:center}
}
.ad-header img{display:inline-block}
@media (max-width: 727px) and (min-width: 300px) {
.notouch .ad-header{display:block;width:300px;min-height:300px}
}
@media (max-width: 979px) and (min-width: 728px) {
.notouch .ad-header{display:block;width:728px;height:90px}
}
@media (max-width: 727px) and (min-width: 300px) {
.touch .ad-header{display:block;min-height:300px}
}
@media (max-width: 979px) and (min-width: 728px) {
.touch .ad-header{display:block;min-height:90px}
}
#div-gpt-ad-top{margin:0 auto;text-align:center}
#div-gpt-ad-below-article{margin:0 auto;text-align:center}
.ad-300x250-below-article{display:none}
.js .ad-300x250-below-article{display:block}
.menu{border-top:solid 1px #333}
@media (min-width: 820px) {
.menu{max-height:68px}
}
.branding{float:left;margin:13px 10px 8px;width:183px;height:33px;background:url(../svg/fallback/puhelinvertailu-logo-m.png) no-repeat;background-image:url(../svg/puhelinvertailu-logo-m.svg),none}
@media (min-width: 400px) {
.branding{margin:10px 10px 12px;width:275px;height:47px;background:url(../svg/fallback/puhelinvertailu-logo.png) no-repeat;background-image:url(../svg/puhelinvertailu-logo.svg),none}
}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
a.pull{display:block;width:100%;position:relative}
@media (min-width: 820px) {
a.pull{display:none}
}
a.pull:after{content:"";background:url(../svg/fallback/menu.png) no-repeat;background-image:url(../svg/menu.svg),none;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:14px}
@media (min-width: 400px) {
a.pull:after{top:22px}
}
.menu-main{display:none;float:right;width:100%;text-align:left;font-size:14px;font-size:1.4rem;text-transform:uppercase;letter-spacing:1px}
@media (min-width: 820px) {
.menu-main{display:block;width:auto;margin:0 15px 0 0;overflow:hidden}
}
.menu-main li{display:block;position:relative;border-top:solid 1px #333;line-height:46px}
@media (min-width: 820px) {
.menu-main li{display:inline;border:none;line-height:66px}
}
.menu-main a,.menu-main a:visited{color:#fff;padding:20px 10px 20px 15px}
.menu-main a:hover{color:#007fa2}
.menu-main a.active{color:#007fa2}
.menu-main .icon-arrow{width:100%;top:0;right:5px;height:10px;padding:18px 0;text-align:right}
@media (min-width: 820px) {
.menu-main .icon-arrow{display:none}
}
.menu-some{float:right}
.menu-some li{display:none;font-size:30px;font-size:3rem;line-height:68px;border-left:solid 1px #333;padding:20px 0}
@media (min-width: 980px) {
.menu-some li{display:inline}
}
.menu-some li a,.menu-some li a:visited{color:#fff;padding:20px 15px}
.menu-some li a:hover{color:#007fa2}
.menu-tags{position:relative;height:34px;line-height:36px;background:#007fa2;overflow:hidden}
@media (min-width: 1279px) {
.menu-tags{display:none}
}
.menu-tags .button{width:34px;position:absolute;top:0;right:0;color:#1a1a1a}
.menu-tags .button:hover{color:#fff}
.menu-tags ul{padding-right:36px;background:#007fa2}
.menu-tags ul li{display:inline;padding:10px 0;border-right:solid 1px #62c3d3}
.menu-tags ul a,.menu-tags ul a:visited{color:#1a1a1a;padding:15px}
.menu-tags ul a:hover,.menu-tags ul a:active,.menu-tags ul a.active{color:#fff}
.sharebox{display:none;position:absolute;margin-left:-70px;top:102px;width:70px;overflow:hidden;background:#f2f2f2}
.sharebox a{text-indent:-999px}
@media (min-width: 1200px) {
.sharebox{display:block}
}
.sharebox ul{width:100%;text-align:center}
.sharebox li{display:block;clear:both;overflow:hidden;margin:2px}
.sharebox .twitter-share-button{position:absolute;top:8px;left:7px;border:none;height:auto;width:auto;overflow:hidden;margin:0!important}
.sharebox li.box-fb{width:48px;height:70px;margin:0 auto;text-align:center}
.sharebox li.box-g{width:47px;height:70px;margin:0 auto;text-align:center}
.sharebox li.box-g #___plus_0{width:auto;left:0}
.sharebox li.box-g iframe{top:0}
.sharebox iframe{width:57px!important}
.sharebox.fixed{position:fixed;top:20px}
.a-wrap{position:absolute;top:0;right:0;width:100%;height:100%;text-indent:-999px;z-index:99998}
.button{position:relative;width:100%;height:34px;height:3.4rem;background:#007fa2;border:none;padding:0 25px 0 10px;color:#fff;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;font-display:swap;line-height:34px;text-transform:uppercase;text-align:left;margin:0;cursor:pointer}
input.button{background:url(../svg/fallback/arrow-button.png) center right no-repeat #007fa2;background-image:url(../svg/arrow-button.svg),none}
input.button:hover{background:url(../svg/fallback/arrow-button-h.png) center right no-repeat #007fa2;background-image:url(../svg/arrow-button-h.svg),none}
.button:hover{color:#1a1a1a}
.icon-arrow{position:absolute;top:12px;right:0;font-size:10px;font-size:1rem}
header .button{float:right;width:34px;height:34px;margin:0 5px 0 0}
a.comment-count,a.comment-count:visited{position:absolute;top:25px;right:20px;width:34px;height:28px;float:right;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat center top;background-image:url(../svg/bubble-s-nolines.svg),none;color:#fff;text-align:center;font-size:12px;font-size:1.2rem;line-height:26px}
@media (min-width: 600px) {
a.comment-count,a.comment-count:visited{top:20px;width:39px;height:35px;background:url(../svg/fallback/bubble-nolines.png) no-repeat;background-image:url(../svg/bubble-nolines.svg),none;font-size:14px;font-size:1.4rem;line-height:28px}
}
a.comment-count:hover{color:#007fa2}
.dark{background:#000;overflow:hidden}
.nojs .lazyload{display:none!important}
#loadMore .box{padding:10px 20px;background:#007fa2;color:#fff;text-transform:uppercase}
#loadMore .box:hover{color:#1a1a1a}
#loadMore{display:none}
.js #loadMore{display:block}
.col-10,.col-15,.col-20,.col-25,.col-30,.col-33,.col-40,.col-50,.col-60,.col-66,.col-70,.col-80,.col-85,.col-90,.col-100{width:100%;float:left;overflow:hidden}
.col-25{width:50%}
@media (min-width: 800px) {
.col-10{width:10%}
.col-15{width:15%}
.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.3%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-66{width:66%}
.col-70{width:70%}
.col-80{width:75%}
.col-85{width:80%}
.col-90{width:90%}
.col-100{width:100%}
}
.auto{margin-left:auto;margin-right:auto;float:none}
.break{margin-top:10px}
@media (min-width: 800px) {
.break{margin-top:20px}
}
.hide-m{display:none}
@media (min-width: 650px) {
.hide-m{display:block}
li.show-m,.show-m{display:none}
}
.short-article,.long-article,.comments,.comment-editor,.arkistovideo,.bio{position:relative;background:#fff;overflow:hidden}
.short-article article,.long-article article,.comments article,.comment-editor article,.arkistovideo article,.bio article{overflow:hidden}
.short-article h1,.long-article h1,.comments h1,.comment-editor h1,.arkistovideo h1,.bio h1,.short-article h2,.long-article h2,.comments h2,.comment-editor h2,.arkistovideo h2,.bio h2,.short-article h3,.long-article h3,.comments h3,.comment-editor h3,.arkistovideo h3,.bio h3,.short-article h4,.long-article h4,.comments h4,.comment-editor h4,.arkistovideo h4,.bio h4,.short-article h5,.long-article h5,.comments h5,.comment-editor h5,.arkistovideo h5,.bio h5,.short-article h6,.long-article h6,.comments h6,.comment-editor h6,.arkistovideo h6,.bio h6{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-display:swap}
.short-article h1,.long-article h1,.comments h1,.comment-editor h1,.arkistovideo h1,.bio h1{font-size:32px;font-size:3.2rem;line-height:50px;margin:50px 0 40px;padding:0 20px}
@media (min-width: 600px) {
.short-article h1,.long-article h1,.comments h1,.comment-editor h1,.arkistovideo h1,.bio h1{font-size:42px;font-size:4.2rem;line-height:64px;margin:50px 0 40px;padding:0 70px 0 20px}
}
.short-article h2,.long-article h2,.comments h2,.comment-editor h2,.arkistovideo h2,.bio h2,.short-article h3,.long-article h3,.comments h3,.comment-editor h3,.arkistovideo h3,.bio h3,.short-article h4,.long-article h4,.comments h4,.comment-editor h4,.arkistovideo h4,.bio h4,.short-article h5,.long-article h5,.comments h5,.comment-editor h5,.arkistovideo h5,.bio h5,.short-article h6,.long-article h6,.comments h6,.comment-editor h6,.arkistovideo h6,.bio h6{padding:0 20px;font-size:28px;font-size:2.8rem;line-height:42px}
@media (min-width: 600px) {
.short-article h2,.long-article h2,.comments h2,.comment-editor h2,.arkistovideo h2,.bio h2,.short-article h3,.long-article h3,.comments h3,.comment-editor h3,.arkistovideo h3,.bio h3,.short-article h4,.long-article h4,.comments h4,.comment-editor h4,.arkistovideo h4,.bio h4,.short-article h5,.long-article h5,.comments h5,.comment-editor h5,.arkistovideo h5,.bio h5,.short-article h6,.long-article h6,.comments h6,.comment-editor h6,.arkistovideo h6,.bio h6{font-size:32px;font-size:3.2rem}
}
.short-article h6,.long-article h6,.comments h6,.comment-editor h6,.arkistovideo h6,.bio h6{color:#b65e00}
.short-article p,.long-article p,.comments p,.comment-editor p,.arkistovideo p,.bio p{font-family:Merriweather,serif;font-weight:400;font-size:14px;font-size:1.4rem;line-height:26px;padding:10px 20px}
.short-article p a,.long-article p a,.comments p a,.comment-editor p a,.arkistovideo p a,.bio p a{color:#b65e00}
.new-activity,.events{position:relative;background:#fff;overflow:hidden}
.text{padding:0 20px;font-family:Merriweather,serif;font-weight:400;line-height:26px;font-size:14px}
.text h1{padding:0}
.text p,.text ul{font-size:14px}
.text p{display:block;float:none;padding:10px 0}
.text ul{font-family:Merriweather,serif;font-weight:400;padding:0 20px 0 40px;list-style:circle}
.text ol{padding:0 20px 0 40px;list-style-type:decimal}
.text h2,.text h3,.text h4,.text h5,.text h6{padding:20px 0}
.text a{color:#b65e00}
.text img{width:auto;display:inline-block;margin:5px 10px 30px 0;overflow:hidden}
.text b{font-weight:700}
.text i{font-style:italic}
.long-article,.long-article-comments,.comments,.comment-editor,.bio,.new-activity,.events{padding-bottom:40px;border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6}
.comments,.long-article-comments,.comment-editor{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.long-article,.bio,.new-activity,.events{border-bottom:1px solid #e6e6e6}
.long-article-comments{background:#fff;margin:6px 0}
.long-article-comments .comments,.long-article-comments .comment-editor{border:none}
.short-article{padding-bottom:20px;border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6}
.short-article article{margin:0 0 20px}
.short-article article blockquote{font-family:Merriweather,serif;font-weight:400;font-size:14px;font-size:1.4rem;line-height:26px;padding:10px 20px;border:none;color:#4d4d4d;font-style:italic}
img.main-img{width:100%;height:auto;padding:0}
img.main-img-long{float:left;width:auto;height:auto;padding:5px 15px 15px 20px}
@media (min-width: 480px) {
img.main-img-long{max-width:50%}
}
hr{height:1px;background:#e6e6e6;border:none}
.other h1{font-size:32px;font-size:3.2rem;line-height:50px;margin:50px 0 0}
@media (min-width: 600px) {
.other h1{font-size:36px;font-size:3.6rem;margin:50px 0 20px}
}
.other h3{font-size:28px;font-size:2.8rem;line-height:38px;margin:0;padding:30px 20px 10px}
.other article ul{margin:10px 0 0;padding:0 20px}
.other article ul li{list-style:none;padding:0}
.box-highlight{display:none;position:relative;background:#b65e00;overflow:hidden;padding:0 0 0 15px;opacity:1;border-top:solid 1px #fff}
.box-highlight a.close,.box-highlight a:visited.close{position:absolute;top:0;right:0;text-align:center;width:36px;height:36px;background:url(../svg/fallback/close.png) no-repeat 12px 14px;background-image:url(../svg/close.svg),none;text-indent:-999px;z-index:99999}
.box-highlight a.close:hover{background:url(../svg/fallback/close-h.png) no-repeat 12px 14px;background-image:url(../svg/close-h.svg),none}
.box-highlight p{color:#fff;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;line-height:20px;padding:9px 40px 7px 0;font-display:swap}
.box-highlight span{color:#1a1a1a;text-transform:uppercase;padding:0 10px 0 0}
.box-highlight .hide-m{display:none}
@media (min-width: 650px) {
.box-highlight .hide-m{display:block}
}
.box-highlight:hover{opacity:.9}
.box-highlight-2{position:relative;background:#f2f2f2;overflow:hidden;border-top:solid 1px #62c3d3;font-size:14px;font-size:1.4rem;line-height:30px;padding:2px 0 0;text-align:center}
.box-highlight-2 a,.box-highlight-2 a:visited{color:#1a1a1a;padding:4px 0}
.box-highlight-2 a:hover{color:#fff}
.box-highlight-2:hover{background:#007fa2}
.highlight-l,.highlight-r{font-size:20px}
.highlight-l{float:left;text-align:left;padding:0 0 0 15px}
.highlight-r{float:right;text-align:right;padding:0 15px 0 0}
.box-highlight-dark{display:none;position:relative;width:100%;height:34px;background:#1a1a1a;overflow:hidden;padding:0 15px;border-top:solid 1px #fff}
@media (min-width: 600px) {
.box-highlight-dark{display:block}
}
.box-highlight-dark a,.box-highlight-dark a:visited{display:block;width:100%;overflow:hidden;opacity:1}
.box-highlight-dark a:hover{opacity:.9}
.box-highlight-dark p{color:#fff;float:left;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:34px;padding:0 20px 0 0}
.box-highlight-dark img{float:left;padding:9px 0}
.box-highlight-dark .high-logo{display:none;position:absolute;top:2px;right:0;padding:0}
@media (min-width: 600px) {
.box-highlight-dark .high-logo{display:inline}
}
.login-page ul{font-size:16px;font-size:1.6rem;line-height:26px}
.login-page ul a,.login-page ul a:visited{color:#b65e00;padding:2px 0}
.login-page ul a:hover,.login-page ul a:active,.login-page ul a.selected{color:#9b9b9b}
.login-page form{margin:20px 0 0}
.login-page form p{width:100%;float:none;font-size:14px;font-size:1.4rem;line-height:26px;line-height:2.6rem;padding:5px 20px;margin:5px 0 10px}
.login-page form h4{width:100%;float:none;display:block;margin:10px 0 0;font-size:16px;font-size:1.6rem;line-height:28px}
.login-page form label{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;padding:0 10px 0 0;font-display:swap}
.login-page form input[type="text"],.login-page form input[type="email"],.login-page form input[type="password"]{width:90%;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:0 5px}
@media (min-width: 400px) {
.login-page form input[type="text"],.login-page form input[type="email"],.login-page form input[type="password"]{max-width:300px}
}
.login-page form textarea{width:600px;min-width:90%;max-width:90%;min-height:150px;padding:10px;border:solid 1px #ccc;text-align:left;line-height:18px;line-height:1.8rem;margin:0 20px 10px}
.login-page form select{width:90%;margin:0 40px 10px 0;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:3px}
.login-page form select p{float:left}
@media (min-width: 400px) {
.login-page form select{max-width:300px}
}
.login-page form select.timezones2{height:78px;height:7.8rem}
.login-page form select.birth-mm,.login-page form select.birth-dd,.login-page form select.birth-yy{float:left;margin:0 10px 0 0}
.login-page form select.birth-mm{width:90px}
.login-page form select.birth-dd{width:40px}
.login-page form select.birth-yy{width:60px}
.login-page form .birth-wrap{margin:0 0 20px}
.login-page form .button{margin:0 0 5px 20px;border-right:solid 20px #fff}
.form-links{margin:0 0 20px}
.form-links h4 a{color:#b65e00;line-height:26px;float:left;padding:0 5px 0 0}
.personal-details input{width:auto}
.personal-details select{width:auto}
@media (min-width: 400px) {
.personal-details select{max-width:1000px}
}
.radio-wrap{margin:10px 0 20px 20px}
.radio-wrap label{margin:0}
.radio-wrap input[type="radio"],.radio-wrap input[type="checkbox"]{margin:0 5px 0 0}
p.login-error{color:red}
.forumTable{width:100%;margin:20px 0 0;font-size:14px;font-size:1.4rem;overflow:hidden}
@media (min-width: 800px) {
.forumTable{font-size:14px;font-size:1.4rem}
}
.forumTable a,.forumTable a:visited{color:#1a1a1a;padding:2px 0}
.forumTable a:hover{color:#007fa2}
.forumTable th{text-align:left;color:#b65e00;padding:10px 0 10px 5px;height:36px;height:3.6rem;line-height:36px;line-height:3.6rem}
.forumTable tr{background:#f2f2f2;border-bottom:solid 2px #fff}
.forumTable td{padding:10px 5px}
.forumTable input{margin:0 0 0 5px}
tr.table-header{background:#e6e6e6;border:solid 1px #fff}
th.forum-title{padding:0 0 0 20px}
.posts,.forum-subject{display:none}
@media (min-width: 800px) {
.posts,.forum-subject{display:inline-block}
}
.forum-updated{display:none}
@media (min-width: 500px) {
.forum-updated{display:inline-block}
}
.forum-date{display:none}
@media (min-width: 600px) {
.forum-date{display:inline-block}
}
.forum-date{min-width:100px}
.posts{float:right;width:70px;text-align:left}
.forum-updated{float:right;width:150px;text-align:left}
.paging h4{float:none;text-align:left;line-height:30px;line-height:3rem;padding:0 0 0 20px}
@media (min-width: 400px) {
.paging h4{float:left}
}
.paging ul{margin:30px 0;overflow:hidden}
.paging ul li{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;display:inline;float:left;list-style:none;line-height:30px;line-height:3rem;min-width:30px;height:30px;text-align:center;margin:0 2px 2px 0;color:#9b9b9b}
.paging ul li a,.paging ul li a:visited{color:#1a1a1a}
.paging ul li a:hover{color:#007fa2}
.paging ul div{min-width:30px;height:30px;background:#f2f2f2;line-height:30px;line-height:3rem;border-radius:5px}
.bio{padding:20px 0 40px}
@media (min-width: 600px) {
.bio{padding:60px 0 20px}
}
.bio h1{font-size:38px;font-size:3.8rem;line-height:50px;line-height:5rem;margin:0 0 20px}
.bio h2{margin:0;font-size:20px;font-size:2rem;line-height:24px;line-height:2.4rem;text-transform:uppercase;color:#007fa2;padding:15px 0 15px 20px}
@media (min-width: 600px) {
.bio h2{padding:15px 0}
}
.bio .author{margin:20px 0;padding:0 5px 0 15px;height:auto;overflow:hidden}
.bio .author .some{float:left}
.bio .author .some li{float:left;padding:0 10px 0 0}
.bio .author .some a{font-size:16px;font-size:1.6rem;line-height:38px;line-height:3.8rem;padding:0 0 0 7px}
.bio .gravatar{display:none;float:left;width:120px;height:auto;padding:5px;border:solid #e6e6e6 1px;background:#fff;margin:0 20px 20px}
@media (min-width: 600px) {
.bio .gravatar{display:block}
}
.bio .icon-email,.bio .icon-twitter,.bio .icon-linkedin,.bio .icon-googleplus{color:#007fa2;font-size:18px;font-size:1.8rem;line-height:38px}
.bio h3{font-size:26px;font-size:2.6rem;line-height:42px;line-height:4.2rem;margin:0;padding:30px 20px 15px 0}
.bio h3.writer-archive{padding:30px 0 0}
@media (min-width: 600px) {
.bio .text{width:70%}
}
.long-article article ul{padding-left:0}
.long-article h1{font-size:32px;font-size:3.2rem;line-height:50px;margin:40px 0}
@media (min-width: 400px) {
.long-article h1{font-size:46px;font-size:4.6rem;line-height:64px}
}
@media (min-width: 600px) {
.long-article h1{font-size:58px;font-size:5.8rem;line-height:76px;margin:40px 0}
}
.long-article .author,.long-article .sponsored-top{margin:0;padding-right:20px}
.long-article .writer{margin:0}
@media (min-width: 700px) {
.long-article .writer{margin:0 0 0 140px}
}
.long-article img{padding:0 1px 1px 0}
.long-article .gravatar{display:none;position:absolute;left:20px;top:-25px;width:120px;padding:5px;border:solid #e6e6e6 1px;background:#fff;z-index:99}
@media (min-width: 700px) {
.long-article .gravatar{display:block}
}
.long-article img:first-child{margin:0}
.long-article h2,.long-article h3{margin:10px 0 0;padding:20px 20px 10px}
.long-article h4{font-size:20px;font-size:2rem;padding:20px 0 0 20px}
.long-article i{font-style:italic}
.testing{width:100%;float:left;text-transform:uppercase;color:#007fa2;font-size:20px;font-size:2rem;line-height:40px}
@media (min-width: 600px) {
.testing{font-size:28px;font-size:2.8rem;line-height:64px}
}
@media (min-width: 700px) {
.col-first{width:80%;margin-top:10px}
}
@media (min-width: 800px) {
.text-margin{margin-left:20%}
}
.img-between{width:100%;height:auto;margin:20px 0}
@media (min-width: 800px) {
.img-between{width:90%;margin:20px}
}
.img-title{background:#f2f2f2;width:100%;padding:5px 10px;overflow:hidden}
.img-title p{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;line-height:24px;line-height:2.4rem;padding:0}
.sisallys{background:#f2f2f2;padding:35px 10px 35px 20px;margin:10px 0 0;width:100%;float:left;overflow:hidden}
@media (min-width: 700px) {
.sisallys{margin:105px 2% 0 0;width:18%}
}
.sisallys h6{font-size:20px;font-size:2rem;line-height:20px;padding:0;text-transform:uppercase}
.sisallys ul{padding:10px 0 0}
.sisallys li{display:block;font-size:14px;line-height:24px}
.sisallys a,.sisallys a:visited{color:#1a1a1a;padding:2px 0}
.sisallys a:hover{color:#007fa2}
.specs{padding:15px 20px;font-size:16px;font-size:1.6rem;overflow:hidden}
.specs h5{text-transform:uppercase;color:#007fa2;margin:0 15px 0 0;font-size:16px;font-size:1.6rem;line-height:26px;padding:0}
.specs li{display:inline;float:left;line-height:26px;color:#4d4d4d;padding:0 0 0 20px}
.specs li:nth-child(odd),.specs li:nth-child(even){width:100%}
@media (min-width: 750px) {
.specs li:nth-child(odd){width:25%}
.specs li:nth-child(even){width:75%}
}
.quote-left,.quote-left-wide,.quote-right,.quote-right-wide{width:100%;float:left;overflow:hidden;margin:20px 0 5px}
.quote-left h6,.quote-left-wide h6,.quote-right h6,.quote-right-wide h6,.quote-left a,.quote-left-wide a,.quote-right a,.quote-right-wide a{font-size:20px;font-size:2rem;line-height:38px;padding:0;text-transform:uppercase}
@media (min-width: 800px) {
.quote-left h6,.quote-left-wide h6,.quote-right h6,.quote-right-wide h6,.quote-left a,.quote-left-wide a,.quote-right a,.quote-right-wide a{line-height:30px}
}
@media (min-width: 800px) {
.quote-left,.quote-right{width:18%}
}
@media (min-width: 800px) {
.quote-right-wide,.quote-left-wide{width:28%}
}
.quote-left,.quote-left-wide{float:left;text-align:left;padding:5px 20px}
@media (min-width: 800px) {
.quote-left,.quote-left-wide{border-right:solid 10px #f2f2f2;text-align:right;margin:10px 2% 10px 0}
}
.quote-right,.quote-right-wide{text-align:left;padding:5px 20px}
@media (min-width: 800px) {
.quote-right,.quote-right-wide{border-left:solid 10px #f2f2f2;text-align:left;margin:10px 0 10px 2%}
}
.long-article .icon-editor-quote{display:block;color:#b65e00;float:left;font-size:20px;font-size:2rem;width:30px;width:3rem}
@media (min-width: 800px) {
.long-article .icon-editor-quote{display:none}
}
.lower{margin-top:0}
@media (min-width: 800px) {
.lower{margin-top:110px}
}
.quote-break{display:none}
@media (min-width: 801px) {
.quote-break{display:inline;clear:both}
}
@media (min-width: 999px) {
.quote-break{display:none}
}
.author,.share-bar,.follow-us-bar,.sponsored-top{position:relative;width:100%;float:left;background:#f2f2f2;padding:0 0 0 20px}
@media (min-width: 400px) {
.author,.share-bar,.follow-us-bar,.sponsored-top{height:36px}
}
.author p,.share-bar p,.follow-us-bar p,.sponsored-top p{float:left;font-size:14px;font-size:1.4rem;line-height:38px;line-height:3.8rem;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;color:#4d4d4d;padding:0 10px 0 0;margin:0}
.author .writer,.share-bar .writer,.follow-us-bar .writer,.sponsored-top .writer{line-height:38px;line-height:3.8rem}
.author ul.some,.share-bar ul.some,.follow-us-bar ul.some,.sponsored-top ul.some{float:left;padding:0 10px 0 0}
.author ul.some li,.share-bar ul.some li,.follow-us-bar ul.some li,.sponsored-top ul.some li{display:inline;float:left;line-height:38px;line-height:3.8rem}
.author ul.some li a,.share-bar ul.some li a,.follow-us-bar ul.some li a,.sponsored-top ul.some li a,.author ul.some li a:visited,.share-bar ul.some li a:visited,.follow-us-bar ul.some li a:visited,.sponsored-top ul.some li a:visited{color:#4d4d4d}
.author ul.some li a:hover,.share-bar ul.some li a:hover,.follow-us-bar ul.some li a:hover,.sponsored-top ul.some li a:hover{color:#007fa2}
@media (min-width: 700px) {
.author ul.some li,.share-bar ul.some li,.follow-us-bar ul.some li,.sponsored-top ul.some li{float:none}
}
.author span,.share-bar span,.follow-us-bar span,.sponsored-top span{font-size:24px;font-size:2.4rem;line-height:36px;line-height:3.6rem;margin:0 3px 0 0}
@media (min-width: 800px) {
.author span,.share-bar span,.follow-us-bar span,.sponsored-top span{margin:0}
}
.sponsored-top{background:#007fa2}
.sponsored-top p a{color:#fff;padding:0 0 0 5px}
.sponsored-bottom{width:100%;float:left;padding:0;border-left:10px solid #007fa2;margin:20px 0;overflow:hidden}
@media (min-width: 800px) {
.sponsored-bottom{margin:20px 0 20px 10px}
}
.author{border-bottom:1px solid #e6e6e6}
.follow-us-bar{background:0 0;border-bottom:1px solid #e6e6e6;height:36px;margin:0 0 20px}
.follow-us-bar p{width:auto;float:left;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;line-height:20px;color:#4d4d4d;padding:8px 10px 8px 0}
@media (min-width: 700px) {
.long-article .follow-us-bar,.long-article .sponsored-top{padding:0 0 0 160px}
}
.fb-follow-bar{float:left;width:120px;height:20px;padding:8px 0}
.fb-follow-bar span{vertical-align:top!important;width:120px}
.fb-follow-bar iframe{width:120px}
.touch .fb-follow-bar{float:none;padding:2px 0 0}
.share-bar{position:relative;margin:40px 0 10px;height:72px}
.share-bar li{font-size:12px;font-size:1.2rem}
.fb-bar{position:absolute;top:36px;left:0;border:none;overflow:hidden;width:450px;max-width:450px;height:36px}
.fb-bar span{vertical-align:top!important}
@media (min-width: 400px) {
.fb-bar{top:8px;left:190px}
.touch .fb-bar{top:3px}
.share-bar{height:36px}
}
.g-plus-bar{position:absolute;top:5px;left:120px;border:none;overflow:hidden;width:75px;height:35px}
.twitter-share-button{position:absolute;top:8px;left:20px;border:none;overflow:hidden;height:25px}
.writer{float:left;font-size:14px;font-size:1.4rem;line-height:36px;line-height:3.6rem;padding:0 10px 0 0;color:#4d4d4d}
a.writer,a.writer:visited{color:#007fa2}
a.writer:hover{color:#1a1a1a}
.tags{width:100%;padding:10px 20px 20px;float:left}
.tags li{display:inline;float:right;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;height:34px;line-height:36px;background:#007fa2;margin:0 1px 1px 0}
.tags a,.tags a:visited{color:#fff;padding:8px}
.tags a:hover{color:#1a1a1a}
.all-tags li{float:left}
.short-article .tags ul{padding:0}
.hakutulokset{position:relative}
.hakutulokset .title{font-size:26px;font-size:2.6rem;line-height:36px;padding:15px 20px 10px;margin:0}
.hakutulokset .tags{width:auto;float:left;padding:0 0 10px 20px}
@media (min-width: 600px) {
.hakutulokset .tags{position:absolute;top:15px;right:10px}
}
.hakutulokset .tags h4,.hakutulokset .tags ul{float:left}
.hakutulokset .tags h4{font-size:16px;font-size:1.6rem;line-height:36px;padding:0 10px 0 0}
section.rating{background:#f2f2f2;overflow:hidden;margin:20px 0 0;width:auto}
@media (min-width: 500px) {
section.rating{margin:20px 20px 0;background:url(../svg/fallback/puhelinvertailu-leima.png) no-repeat 15px 15px #f2f2f2;background-image:url(../svg/puhelinvertailu-leima.svg),none}
}
@media (min-width: 800px) {
section.rating{background:url(../svg/fallback/puhelinvertailu-leima.png) no-repeat 15px 20px #f2f2f2;background-image:url(../svg/puhelinvertailu-leima.svg),none}
}
.rating h3{float:left;width:100%;margin:0;padding:25px 20px 5px}
@media (min-width: 500px) {
.rating h3{padding:25px 20px 5px 130px}
}
.stars{padding:0 0 0 10px;margin:0 0 20px 20px;float:left}
@media (min-width: 500px) {
.stars{margin:0 0 20px 130px}
}
.stars li{position:relative;color:#ffb000;font-size:26px;font-size:2.6rem;display:inline;float:left;width:28px;height:20px;margin:0 0 20px}
.stars .icon-star{color:#ffb000;position:absolute;top:0;left:0}
.stars .icon-star-half{color:#ffb000;position:absolute;top:0;left:-28px;z-index:999}
.stars .grey{color:#9b9b9b;z-index:0}
.stars .last-grey{left:-28px;color:#9b9b9b}
.pros-cons{font-size:14px;line-height:24px;margin:0 20px;background:#f2f2f2;overflow:hidden}
@media (max-width: 800px) {
.pros-cons{margin:0}
}
.pros,.cons{padding:20px 20px 20px 80px}
.pros{background:url(../svg/fallback/pros.png) 20px 20px no-repeat #f2f2f2;background-image:url(../svg/pros.svg),none}
@media (min-width: 800px) {
.pros{border-right:solid 2px #fff}
}
.cons{background:url(../svg/fallback/cons.png) 20px 20px no-repeat #f2f2f2;background-image:url(../svg/cons.svg),none}
.prev-next{height:auto;clear:both;overflow:hidden}
@media (min-width: 400px) {
.prev-next{background:#fff}
}
.prev-next .prev,.prev-next .next{position:relative;overflow:hidden;padding-bottom:15px}
.prev-next .show-prev,.prev-next .show-more{position:absolute;top:0;width:26px;height:100%;max-height:100%;z-index:999;overflow:hidden}
.prev-next .show-more{right:0;background:url(../svg/fallback/arrow-small-r.png) center center no-repeat #007fa2;background-image:url(../svg/arrow-small-r.svg),none}
.prev-next .show-prev{left:0;background:url(../svg/fallback/arrow-small-l.png) center center no-repeat #007fa2;background-image:url(../svg/arrow-small-l.svg),none}
.prev-next .show-more:hover{right:0;background:url(../svg/fallback/arrow-small-r-h.png) center center no-repeat #1a1a1a;background-image:url(../svg/arrow-small-r-h.svg),none}
.prev-next .show-prev:hover{left:0;background:url(../svg/fallback/arrow-small-l-h.png) center center no-repeat #1a1a1a;background-image:url(../svg/arrow-small-l-h.svg),none}
.prev-next .show-prev:hover > a > .prev,.prev-next .show-more:hover > a > .next{background:#f2f2f2}
.prev-next{margin:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.prev-next h3{color:#b65e00;font-size:20px;font-size:2rem;line-height:22px}
.prev-next h2{font-size:14px;font-size:1.4rem;color:#333;line-height:22px;height:44px;height:4.4rem;overflow:hidden;padding-bottom:15px}
@media (min-width: 400px) {
.prev-next h2{height:66px}
}
@media (min-width: 600px) {
.prev-next h2{height:44px}
}
.prev-next a.comment-count,.prev-next a.comment-count:visited{width:26px;height:25px;color:#fff;text-align:center;font-size:10px;font-size:1rem;padding:3px 0 0}
.prev-next a.comment-count:hover{color:#007fa2}
.prev{position:relative;float:left;text-align:left;background:#fff;margin:0 0 1px}
@media (min-width: 400px) {
.prev{width:50%;border-right:solid 1px #e6e6e6;margin:0}
}
.prev h3{padding:15px 20px 0 78px}
.prev h2{padding:2px 20px 15px 42px}
.prev a.comment-count,.prev a.comment-count:visited{position:absolute;top:15px;left:42px;background:url(../svg/fallback/bubble-smallest2.png) no-repeat center top;background-image:url(../svg/bubble-smallest2.svg),none;line-height:14px}
.next{position:relative;float:right;text-align:right;background:#fff}
@media (min-width: 400px) {
.next{width:50%}
}
.next h3{padding:15px 78px 0 20px}
.next h2{padding:2px 42px 15px 20px}
.next a.comment-count,.next a.comment-count:visited{position:absolute;top:15px;right:42px;background:url(../svg/fallback/bubble-smallest.png) no-repeat center top;background-image:url(../svg/bubble-smallest.svg),none;line-height:14px}
.prev:hover,.next:hover{background-color:#f2f2f2}
.prev:hover > a > .show-prev{left:0;background:url(../svg/fallback/arrow-small-l-h.png) center center no-repeat #1a1a1a;background-image:url(../svg/arrow-small-l-h.svg),none}
.next:hover > a > .show-more{right:0;background:url(../svg/fallback/arrow-small-r-h.png) center center no-repeat #1a1a1a;background-image:url(../svg/arrow-small-r-h.svg),none}
.no-comments h3{padding:15px 42px 0}
.col-70 .prev-next{border-top:1px solid #e6e6e6}
.comments{margin:0 0 6px}
.comments .col-20{display:none}
@media (min-width: 800px) {
.comments .col-20{display:block}
}
.comments .col-80{width:100%}
@media (min-width: 800px) {
.comments .col-80{width:80%}
}
.comments .comment{position:relative;background:#f2f2f2;margin:0 0 2px;padding:0 0 40px}
.comments h2{font-size:28px;font-size:2.8rem;padding:10px 0 0}
.comments .col-20 .comment-gravatar{width:80px;height:auto;margin:40px auto 0;float:none;padding:0}
.comments p{width:100%;float:left;font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;padding:5px 20px}
@media (min-width: 800px) {
.comments p{padding:5px 20px 5px 0}
}
.comments b{font-weight:700}
.comments i{font-style:italic}
blockquote{background:#fff;border:solid 1px #e6e6e6;overflow:hidden;padding:10px 0;margin:10px 5px;float:left}
blockquote p{padding:0;margin:0}
blockquote i{padding:0 0 0 20px}
@media (min-width: 800px) {
blockquote i{padding:0}
}
@media (min-width: 400px) {
blockquote{padding:10px 10px 10px 0;margin:10px 10px 10px 20px}
}
@media (min-width: 800px) {
blockquote{margin:10px 10px 10px 0;padding:15px 10px 10px}
}
.comment-author{position:relative;width:100%;padding:15px 20px}
@media (min-width: 800px) {
.comment-author{padding:35px 0}
}
.comment-author p{width:auto;font-size:14px;font-size:1.4rem;line-height:30px;line-height:3rem;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;color:#4d4d4d;padding:0 30px 0 0;margin:0}
.comment-author p a,.comment-author p a:visited{color:#4d4d4d}
.comment-author p a:hover{color:#9b9b9b}
.comment-author .writer{margin:0;font-size:14px;font-size:1.4rem;line-height:30px;line-height:3rem;padding:0 10px 0 0}
.comment-author a,.comment-author a:visited{color:#007fa2}
a.comment-n{position:absolute;top:15px;right:20px;color:#ccc;line-height:30px;line-height:3rem}
@media (min-width: 800px) {
a.comment-n{top:35px;right:30px}
}
a.comment-n:hover{color:#9b9b9b}
.edit-buttons{position:absolute;bottom:0;right:0}
.edit-buttons a,.editor-buttons a:visited{float:right;font-size:12px;font-size:1.2rem;text-transform:uppercase;background:#007fa2;line-height:28px;line-height:2.8rem;color:#fff;padding:0 10px;margin:0 0 0 1px}
.edit-buttons a:hover{color:#1a1a1a}
.comments,.comment-editor{padding:0 20px 40px}
.comments h2,.comment-editor h2{margin:20px 0}
.comment-editor h2{font-size:28px;font-size:2.8rem;padding:10px 0 0}
.tabs{height:36px;height:3.6rem}
.tabs li{float:left;margin:0 1px 0 0}
.tabs li a,.tabs li a:visited{background:#007fa2;color:#fff;line-height:36px;line-height:3.6rem;padding:12px 10px 9px;text-transform:uppercase}
.tabs li a:hover{color:#1a1a1a}
.tabs li a:active,.tabs li a.active{background:#f2f2f2;color:#1a1a1a}
.register,.sign-in{position:relative;width:100%;float:left;background:#f2f2f2;overflow:hidden;padding:20px 40px 0 0}
@media (min-width: 700px) {
.register,.sign-in{padding:30px 40px 0 0}
}
.register label,.sign-in label{float:left;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;padding:0 10px 0 0;min-width:100px}
@media (min-width: 400px) {
.register label,.sign-in label{text-align:right}
}
.register input[type="text"],.sign-in input[type="text"],.register input[type="email"],.sign-in input[type="email"],.register input[type="password"],.sign-in input[type="password"]{float:none;border:solid 1px #e6e6e6;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:0 5px}
@media (min-width: 400px) {
.register input[type="text"],.sign-in input[type="text"],.register input[type="email"],.sign-in input[type="email"],.register input[type="password"],.sign-in input[type="password"]{float:left}
}
.register p,.sign-in p{float:left}
@media (min-width: 400px) {
.register p,.sign-in p{padding:10px 15px}
}
a.info{position:absolute;top:40px;right:20px;float:right;background:0 0;color:#9b9b9b;font-size:22px;line-height:32px;line-height:3.2rem}
a.info:hover{color:#007fa2}
.sign-in{display:none}
.editor{background:#f2f2f2;width:100%;padding:0 20px 20px;float:left;margin:0}
.editor p{font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;padding:5px 20px 5px 0}
.editor textarea{font-family:"Courier New",Courier,monospace;font-size:14px;font-size:1.4rem;width:600px;min-width:100%;max-width:100%;padding:10px;border:solid 1px #e6e6e6;text-align:left;line-height:18px;line-height:1.8rem}
.editor input[type="checkbox"]{float:left;width:20px;height:20px;margin:4px 5px 0 0}
.editor input[type="checkbox"] p{float:left}
.editor .button{margin:10px 0 5px}
.editor-info{display:none;margin-top:10px}
@media (min-width: 400px) {
.editor-info{display:block}
}
.editor-buttons{display:none;margin:20px 0 0;line-height:40px}
@media (min-width: 400px) {
.editor-buttons{display:block}
}
.editor-buttons li{display:inline;background:#fff;border:solid 1px #e6e6e6;padding:14px 0 6px;margin:0 2px 0 0}
.editor-buttons li a,.editor-buttons li a:visited{font-size:18px;font-size:1.8rem;color:#1a1a1a;padding:14px 9px 6px}
.editor-buttons li a:hover{color:#007fa2}
.nostot{display:none;width:100%;float:left;overflow:hidden}
.nostot img,.nostot svg{width:100%;max-width:100%;height:auto;margin:0;padding:0}
@media (min-width: 700px) {
.nostot{display:block}
}
.nostot .box{width:33.3%;float:left;padding:0 0 0 1px;margin:6px 0}
.nostot .box header{padding:0 10px}
.nostot .box h3{line-height:24px;margin:0}
.nostot .box h2{font-size:14px;line-height:24px;height:48px}
.nostot .box .dark{padding:10px}
.col-70 .title-forum,.col-100 .title-forum{color:#007fa2;width:100%;background:#fff;float:none;font-size:20px;font-size:2rem;line-height:30px;padding:10px 20px;overflow:hidden;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;margin:6px 0 0}
.col-70 .listing .box,.col-100 .listing .box{transition:none;border-top:1px solid #fff;border-bottom:none;margin:0}
.col-70 .listing .box:first-child,.col-100 .listing .box:first-child{border:none}
.col-70 .forum,.col-100 .forum{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}
.palaute{width:100%;padding:0 20px 20px 0;float:left;margin:0 0 20px}
.palaute p{width:100%;float:none;font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem;padding:5px 20px 5px 0}
.palaute h4{width:100%;float:none;display:block;font-size:16px;font-size:1.6rem;line-height:28px}
.palaute label{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;padding:0 10px 0 0}
.palaute input[type="text"],.palaute input[type="email"]{width:100%;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:0 5px;margin:0 20px 10px}
@media (min-width: 400px) {
.palaute input[type="text"],.palaute input[type="email"]{max-width:300px}
}
.palaute textarea{width:600px;min-width:100%;max-width:100%;padding:20px 10px;border:solid 1px #ccc;text-align:left;line-height:18px;line-height:1.8rem;margin:0 20px 10px}
.palaute select{width:100%;margin:0 20px 10px;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:3px}
.palaute select p{float:left}
@media (min-width: 400px) {
.palaute select{max-width:300px}
}
.palaute .button{margin:0 0 5px 20px;border-right:solid 20px #fff;text-align:left;padding:0 25px 0 10px}
#recaptcha_widget input{float:left}
#recaptcha_widget hr{background:#fff;margin:0 0 0 20px;clear:both}
#recaptcha_image{float:none;clear:both;margin:20px 0 20px 20px}
a.recaptcha-question span{font-size:24px;font-size:2.4rem;color:#9b9b9b;float:none;padding:0 0 0 20px}
@media (min-width: 500px) {
a.recaptcha-question span{float:left}
}
a.recaptcha-question span:hover{color:#007fa2}
.recaptcha-options{width:100%;float:none}
.recaptcha-options h4{width:auto;padding:15px 0 10px 20px}
.recaptcha-options h4 a{color:#b65e00}
.vertaa{padding:30px 0;position:relative}
@media (min-width: 800px) {
.vertaa{padding:50px 0}
}
.vertaa a{color:#b65e00}
.vertaa h3{margin:0 0 20px}
.vertaa h4{width:100%;float:none;display:block;font-size:22px;font-size:2.2rem;line-height:42px;white-space:nowrap}
.vertaa h5{height:32px;height:3.2rem;line-height:32px;font-size:14px;font-size:1.4rem;background:#007fa2;text-transform:uppercase;color:#fff}
@media (min-width: 500px) {
.vertaa h5{border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6}
}
.vertaa .phone-img{width:95%;position:relative;margin:0 0 30px 10px;border:solid 1px #ccc;overflow:hidden}
.vertaa .phone-img img{width:100%;height:auto;z-index:99}
.vertaa .phone-img a,.vertaa .phone-img a:visited{position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background:url(../svg/fallback/plus.png) no-repeat bottom right;background-image:url(../svg/plus.svg),none;opacity:1;text-indent:-999px;z-index:99}
.vertaa .phone-img a:hover{opacity:.8}
@media (min-width: 300px) {
.vertaa .phone-img{max-width:270px}
}
.vertaa label{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400}
.vertaa input[type="text"]{width:100%;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:0 5px;margin:0 20px 0 0}
@media (min-width: 300px) {
.vertaa input[type="text"]{max-width:270px}
}
.vertaa select{width:100%;margin:0 20px 10px 0;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;line-height:2.6rem;padding:3px;color:#4d4d4d}
.vertaa select p{float:left}
@media (min-width: 300px) {
.vertaa select{max-width:270px}
}
.vertaa ul{font-family:Merriweather,serif;font-weight:400;font-size:12px;font-size:1.2rem;line-height:32px;line-height:3.2rem;margin:0;overflow:hidden}
.vertaa ul li{display:inline;width:33.3%;float:left;padding:0 0 0 20px;min-height:32px;overflow:hidden;font-size:15px}
@media (max-width: 700px) {
.vertaa ul li{font-size:13px}
}
.vertaa .stars li{display:inline;width:14px;float:left;padding:0;height:24px;overflow:visible}
@media (min-width: 800px) {
.vertaa .stars li{width:14px;display:inline}
}
@media (max-width: 500px) {
.vertaa ul li{width:36%}
.vertaa ul li:first-child{width:28%;padding-left:5px}
}
.vertaa ul:nth-child(even){background:#f2f2f2}
.vertaa ul li:nth-child(3n-5){font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px!important;font-size:1.4rem}
.vertaa li.multi-row{height:auto}
.vertaa .multi-row a,.vertaa .multi-row a:visited{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;color:#b65e00;padding:0 10px 0 0}
.vertaa .multi-row a:hover{color:#1a1a1a}
.vertaa .stars{padding:7px 0 0;margin:0;float:left}
@media (min-width: 800px) {
.vertaa .stars{margin:0}
}
.vertaa .stars li{font-size:14px!important;font-size:1.4rem;line-height:32px;line-height:3.2rem;width:12px!important;height:24px;margin:0 2px 0 0}
.vertaa .stars .icon-star-half{left:-16px}
.vertaa .stars .last-grey{left:-16px}
.vertaa form{position:absolute;top:80px;left:0;z-index:99999;width:100%;margin:0}
.vertaa .col-33:nth-child(even){position:absolute;top:35px;left:0;z-index:9999}
.vertaa .col-33:nth-child(odd){position:absolute;top:35px;left:0;z-index:9998}
.vertaa .vertaa-title{margin-bottom:320px}
.vertaa .vertaa-title h1{margin-top:0}
.vertaa .col-33{width:33%;margin:0}
.vertaa .col-33:nth-child(even){left:33%}
.vertaa form{margin:30px 0 0}
.vertaa .vertaa-title{margin-bottom:380px}
.vertaa form{left:33%}
@media (max-width: 500px) {
.vertaa .col-33{width:36%}
.vertaa form{left:28%}
.vertaa .col-33:nth-child(even){left:36%}
}
.article-content .vertaa{padding:10px 0;margin:0 -20px;border:none}
@media (min-width: 800px) {
.article-content .vertaa{padding:20px 0}
}
.article-content .vertaa ul{padding:0}
.article-content .vertaa li{height:auto}
.hide-800{display:none}
@media (min-width: 781px) {
.hide-800{display:block}
}
.tt-suggestions{height:70px}
@media (min-width: 500px) {
.tt-suggestions{height:280px}
}
.tt-suggestion{background:#f2f2f2;font-size:14px;font-size:1.4rem;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;border:1px solid #fff;height:60px;width:270px;padding:5px}
.tt-suggestion img{height:50px;width:auto;padding:0 5px 0 0}
.tt-suggestion b{line-height:18px;padding:10px 0}
.tt-is-under-cursor{background:#fff;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2}
.tt-is-under-cursor:first-child{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
@media (min-width: 500px) {
.tt-is-under-cursor:first-child{border-bottom:none}
}
.archive .title{width:auto;float:left;padding:15px 20px 0;margin:0}
@media (min-width: 400px) {
.archive .title{padding:15px 20px 10px}
}
.archive form p{width:200px;float:left;margin:20px 20px 0}
@media (min-width: 700px) {
.archive form p{float:right}
}
.archive select{width:100%;border:solid 1px #ccc;height:26px;height:2.6rem;line-height:26px;padding:3px;color:#4d4d4d}
.archive .listing .col-list{width:100%;position:absolute;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.7);height:160px;overflow:hidden;padding:10px 45px 10px 10px}
@media (min-width: 500px) {
.archive .listing .col-list{position:relative;background:0 0}
}
@media (min-width: 700px) {
.archive .listing .col-list{padding:5px 10px 10px;left:0}
}
@media (min-width: 700px) {
.archive .listing .col-list .show-m{display:none}
}
@media (min-width: 700px) {
.archive .listing .col-list .hide-m{display:block}
}
.archive .listing .col-list time{font-size:14px;font-size:1.4rem;float:left;line-height:26px;margin:0;color:#f2f2f2;padding:10px 0 0;overflow:hidden}
@media (min-width: 500px) {
.archive .listing .col-list time{padding:0 0 0 105px;color:#007fa2;line-height:20px}
}
@media (min-width: 700px) {
.archive .listing .col-list time{margin:0;padding:5px 0 0 10px}
}
.archive .listing .col-list h2{font-size:16px;font-size:1.6rem;line-height:28px;margin:0;overflow:hidden;padding:0 50px 10px 0;color:#007fa2}
@media (min-width: 500px) {
.archive .listing .col-list h2{padding:0 10px 10px 0}
}
@media (min-width: 500px) {
.archive .listing .col-list h2{margin:0 0 5px;padding:0 20px 0 105px;color:#1a1a1a}
}
@media (min-width: 700px) {
.archive .listing .col-list h2{margin:0 0 5px;padding:0 20px 0 10px;font-size:18px;font-size:1.8rem;line-height:32px}
}
.archive .listing .col-list p{padding:5px 10px 5px 90px;display:none}
@media (min-width: 500px) {
.archive .listing .col-list p{display:block;padding:5px 10px 5px 105px}
}
@media (min-width: 700px) {
.archive .listing .col-list p{padding:5px 10px}
}
.archive a.comment-count,.archive a.comment-count:visited{margin:-5px 0 0}
.archive.list .listing .box{height:160px;padding-right:45px}
@media (min-width: 340px) {
.archive.list .listing .box{padding:0}
}
@media (min-width: 500px) {
.archive.list .listing .box{padding:10px 45px 10px 10px}
}
.archive.list .listing #loadMore .box{height:auto}
.archive.list .listing img{width:100%;height:auto;position:absolute;top:0;left:0;display:block;margin:-20px 0 0}
@media (min-width: 340px) {
.archive.list .listing img{position:relative;margin:-30px 0 0}
}
@media (min-width: 500px) and (max-width: 699px) {
.archive.list .listing img{display:block;position:absolute;top:10px;left:10px;width:100px;height:auto;margin:0}
}
@media (min-width: 700px) {
.archive.list .listing img{width:268px;margin:0;top:0}
}
.title{color:#007fa2;font-size:26px;font-size:2.6rem;line-height:36px;padding:15px 20px;overflow:hidden}
.index,.videos{background:#fff;overflow:hidden}
.index .published,.videos .published{color:#f2f2f2;font-size:14px;font-size:1.4rem;line-height:35px;margin:0}
.index img,.videos img,.index svg,.videos svg{width:100%;max-width:100%;height:auto;margin:0;padding:0}
.index .title-index,.videos .title-index{color:#007fa2;width:100%;float:none;font-size:20px;font-size:2rem;line-height:30px;padding:10px 20px;overflow:hidden}
.index .news,.videos .news{margin:0;border-top:solid 1px #e6e6e6}
.index .news img,.videos .news img{position:relative;margin:-30px 0 0}
@media (min-width: 500px) {
.index .news img,.videos .news img{display:block;margin:0}
}
.index .news .box:nth-child(7),.videos .news .box:nth-child(7),.index .news .box:nth-child(8),.videos .news .box:nth-child(8),.index .news .box:nth-child(9),.videos .news .box:nth-child(9){display:none}
@media (min-width: 500px) {
.index .news .box:nth-child(7),.videos .news .box:nth-child(7),.index .news .box:nth-child(8),.videos .news .box:nth-child(8),.index .news .box:nth-child(9),.videos .news .box:nth-child(9){display:inline}
}
.index .news .box,.videos .news .box{border-bottom:solid 1px #fff;border-top:none;width:100%;height:160px}
@media (min-width: 340px) {
.index .news .box,.videos .news .box{height:auto}
}
@media (min-width: 500px) {
.index .news .box,.videos .news .box{border:none;border-right:1px solid #e6e6e6;width:320px}
}
.index .news .dark,.videos .news .dark{padding-left:10px;position:absolute;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.7);height:160px}
@media (min-width: 340px) {
.index .news .dark,.videos .news .dark{height:auto;background:rgba(0,0,0,0.8)}
}
@media (min-width: 500px) {
.index .news .dark,.videos .news .dark{background:#000;padding-left:10px;position:relative}
}
.index .news h3,.videos .news h3{color:#f2f2f2}
@media (min-width: 500px) {
.index .news h3,.videos .news h3{color:#f2f2f2}
}
.index .news .published,.videos .news .published{color:#f2f2f2}
@media (min-width: 500px) {
.index .news .published,.videos .news .published{color:#f2f2f2}
}
.index .news h2,.videos .news h2{padding-right:50px;color:#007fa2}
@media (min-width: 500px) {
.index .news h2,.videos .news h2{color:#007fa2;padding-right:10px}
}
.index .news a.comment-count,.videos .news a.comment-count,.index .news a.comment-count:visited,.videos .news a.comment-count:visited{top:15px;right:10px;width:34px;height:28px;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat;background-image:url(../svg/bubble-s-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:26px}
@media (min-width: 500px) {
.index .news a.comment-count,.videos .news a.comment-count,.index .news a.comment-count:visited,.videos .news a.comment-count:visited{top:20px;right:10px;width:39px;height:35px;background:url(../svg/fallback/bubble-nolines.png) no-repeat;background-image:url(../svg/bubble-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:28px;z-index:99}
}
.index .box,.videos .box{width:100%;margin:0 0 1px;float:left}
@media (min-width: 500px) {
.index .box,.videos .box{border-right:solid 1px #e6e6e6}
}
.index .box:hover,.videos .box:hover{opacity:1}
@media (min-width: 500px) {
.index .box:hover > a > .dark,.videos .box:hover > a > .dark{background:#1a1a1a}
.index .box:hover > a > .dark h2,.videos .box:hover > a > .dark h2{color:#3ac7e8}
.index .box:hover > a > .dark h3,.videos .box:hover > a > .dark h3{color:#fff}
.index .box:hover > a > .dark .published,.videos .box:hover > a > .dark .published{color:#fff}
.index .box:hover > .dark,.videos .box:hover > .dark{background:#1a1a1a}
.index .box:hover > .dark h2,.videos .box:hover > .dark h2{color:#3ac7e8}
.index .box:hover > .dark h3,.videos .box:hover > .dark h3{color:#fff}
.index .box:hover > .dark .published,.videos .box:hover > .dark .published{color:#fff}
}
.index .listing .box,.videos .listing .box{border-top:none;border-bottom:none;padding:10px;background:#f2f2f2;border-right:none;border-left:solid 1px #fff}
@media (min-width: 500px) {
.index .listing .box,.videos .listing .box{width:50%}
}
@media (min-width: 800px) {
.index .listing .box,.videos .listing .box{width:33.3%}
}
.index .listing .box h2,.videos .listing .box h2{font-size:16px;font-size:1.6rem;line-height:28px}
.index .listing .box:first-child,.videos .listing .box:first-child{margin:0 0 1px}
.index .listing .box:nth-child(4),.videos .listing .box:nth-child(4),.index .listing .box:nth-child(5),.videos .listing .box:nth-child(5),.index .listing .box:nth-child(6),.videos .listing .box:nth-child(6){display:none}
@media (min-width: 500px) {
.index .listing .box:nth-child(4),.videos .listing .box:nth-child(4),.index .listing .box:nth-child(5),.videos .listing .box:nth-child(5),.index .listing .box:nth-child(6),.videos .listing .box:nth-child(6){display:inline}
}
.index .listing .box:nth-child(7),.videos .listing .box:nth-child(7),.index .listing .box:nth-child(8),.videos .listing .box:nth-child(8),.index .listing .box:nth-child(9),.videos .listing .box:nth-child(9){display:none}
.index .test,.videos .test{border-top:solid 1px #e6e6e6}
.index .test .box:nth-child(3),.videos .test .box:nth-child(3),.index .test .box:nth-child(4),.videos .test .box:nth-child(4),.index .test .box:nth-child(5),.videos .test .box:nth-child(5),.index .test .box:nth-child(6),.videos .test .box:nth-child(6),.index .test .box:nth-child(7),.videos .test .box:nth-child(7),.index .test .box:nth-child(8),.videos .test .box:nth-child(8),.index .test .box:nth-child(9),.videos .test .box:nth-child(9){display:none}
@media (min-width: 500px) {
.index .test .box:nth-child(3),.videos .test .box:nth-child(3),.index .test .box:nth-child(4),.videos .test .box:nth-child(4),.index .test .box:nth-child(5),.videos .test .box:nth-child(5),.index .test .box:nth-child(6),.videos .test .box:nth-child(6),.index .test .box:nth-child(7),.videos .test .box:nth-child(7),.index .test .box:nth-child(8),.videos .test .box:nth-child(8),.index .test .box:nth-child(9),.videos .test .box:nth-child(9){display:inline}
}
.index .test .box,.videos .test .box{width:100%}
@media (min-width: 500px) {
.index .test .box,.videos .test .box{width:320px}
}
.index .pv-video .box,.videos .pv-video .box{width:100%}
@media (min-width: 500px) {
.index .pv-video .box,.videos .pv-video .box{width:320px}
}
.index .pv-video .box:nth-child(3),.videos .pv-video .box:nth-child(3),.index .pv-video .box:nth-child(4),.videos .pv-video .box:nth-child(4),.index .pv-video .box:nth-child(5),.videos .pv-video .box:nth-child(5),.index .pv-video .box:nth-child(6),.videos .pv-video .box:nth-child(6),.index .pv-video .box:nth-child(7),.videos .pv-video .box:nth-child(7),.index .pv-video .box:nth-child(8),.videos .pv-video .box:nth-child(8),.index .pv-video .box:nth-child(9),.videos .pv-video .box:nth-child(9){display:none}
@media (min-width: 500px) {
.index .pv-video .box:nth-child(3),.videos .pv-video .box:nth-child(3),.index .pv-video .box:nth-child(4),.videos .pv-video .box:nth-child(4),.index .pv-video .box:nth-child(5),.videos .pv-video .box:nth-child(5),.index .pv-video .box:nth-child(6),.videos .pv-video .box:nth-child(6),.index .pv-video .box:nth-child(7),.videos .pv-video .box:nth-child(7),.index .pv-video .box:nth-child(8),.videos .pv-video .box:nth-child(8),.index .pv-video .box:nth-child(9),.videos .pv-video .box:nth-child(9){display:inline}
}
@media (min-width: 500px) {
.index div.pv-video .box,.videos div.pv-video .box{width:50%}
}
@media (min-width: 800px) {
.index div.pv-video .box,.videos div.pv-video .box{width:33.3%}
}
.index div.pv-video .box:nth-child(3),.videos div.pv-video .box:nth-child(3),.index div.pv-video .box:nth-child(4),.videos div.pv-video .box:nth-child(4),.index div.pv-video .box:nth-child(5),.videos div.pv-video .box:nth-child(5),.index div.pv-video .box:nth-child(6),.videos div.pv-video .box:nth-child(6),.index div.pv-video .box:nth-child(7),.videos div.pv-video .box:nth-child(7),.index div.pv-video .box:nth-child(8),.videos div.pv-video .box:nth-child(8),.index div.pv-video .box:nth-child(9),.videos div.pv-video .box:nth-child(9){display:inline}
@media (min-width: 500px) {
.index div.pv-video .box:nth-child(3),.videos div.pv-video .box:nth-child(3),.index div.pv-video .box:nth-child(4),.videos div.pv-video .box:nth-child(4),.index div.pv-video .box:nth-child(5),.videos div.pv-video .box:nth-child(5),.index div.pv-video .box:nth-child(6),.videos div.pv-video .box:nth-child(6),.index div.pv-video .box:nth-child(7),.videos div.pv-video .box:nth-child(7),.index div.pv-video .box:nth-child(8),.videos div.pv-video .box:nth-child(8),.index div.pv-video .box:nth-child(9),.videos div.pv-video .box:nth-child(9){display:inline}
}
.index .button,.videos .button{float:left;margin:1px 0;padding:1px 25px 0 20px;text-align:right}
.index .no-link,.videos .no-link{cursor:default}
.index .no-link:hover,.videos .no-link:hover{color:#fff}
.index .forum .button,.videos .forum .button{margin:0}
.index .forum .box,.videos .forum .box{width:100%}
@media (min-width: 500px) {
.nojs .index .box,.nojs .videos .box{width:33.3%}
}
@media (min-width: 0) {
.hide-ie{display:inline\9}
}
@media (min-width: 800px) {
.hide-ie{display:none\9}
}
.notouch.js .scrollable{position:relative;overflow:hidden;height:auto;visibility:visible;clear:both}
.notouch.js .scrollable .show-more,.notouch.js .scrollable .show-prev{transition:background-color .3s ease;position:absolute;top:0;width:40px;height:100%;max-height:100%;z-index:99999;overflow:hidden}
.notouch.js .scrollable .show-more{display:none;right:0;background:url(../svg/fallback/arrow_w.png) center center no-repeat rgba(26,26,26,0.3);background-image:url(../svg/arrow_w.svg),none}
.notouch.js .scrollable .show-prev{display:none;visibility:hidden;left:0;background:url(../svg/fallback/arrow_w2.png) center center no-repeat rgba(26,26,26,0.3);background-image:url(../svg/arrow_w2.svg),none}
.notouch.js .scrollable .show-more:hover{background:url(../svg/fallback/arrow_w-h.png) center center no-repeat rgba(26,26,26,0.6);background-image:url(../svg/arrow_w-h.svg),none}
.notouch.js .scrollable .show-prev:hover{background:url(../svg/fallback/arrow_w2-h.png) center center no-repeat rgba(26,26,26,0.6);background-image:url(../svg/arrow_w2-h.svg),none}
@media (min-width: 500px) {
.notouch.js .scrollable:hover > a > div.show-more,.notouch.js .scrollable:hover > a > div.show-prev{display:block}
}
.scrollable{position:relative;overflow:hidden;height:auto;clear:both}
.scrollable .show-more,.scrollable .show-prev{display:none}
.slides{width:100%;overflow:hidden;position:relative}
@media (min-width: 500px) {
.slides{width:3000px}
}
.nojs .slides{width:100%;overflow:hidden;position:relative}
.index-container{float:left;position:relative;width:100%}
.index-ad-container{display:none}
@media (min-width: 728px) {
.index-ad-container{display:block;float:left;width:320px;height:309px;margin-top:35px}
}
.index-wrap{border-left:1px solid #e6e6e6}
@media (min-width: 728px) {
.index-wrap{position:absolute;left:320px;top:0}
}
.nojs .index-ad-container{display:none}
.nojs .index-wrap{position:relative;left:0;top:0}
.forum .box{width:100%}
.forum .box h2{font-size:16px;font-size:1.6rem;line-height:30px;padding:0 50px 0 10px;height:auto;overflow:hidden}
.forum .box a.comment-count,.forum .box a.comment-count:visited{top:12px;right:10px;width:34px;height:28px;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat;background-image:url(../svg/bubble-s-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:26px}
@media (min-width: 800px) {
.forum .box a.comment-count,.forum .box a.comment-count:visited{right:20px}
}
.forum .box:hover{opacity:1}
.list{background:#fff;overflow:hidden}
.list .listing .box{position:relative;width:100%;height:auto;margin:0 0 1px;float:left;padding:10px 45px 10px 10px;border-bottom:solid 1px #fff;border-top:none}
@media (min-width: 700px) {
.list .listing .box{padding:20px 45px 20px 20px}
}
.list .listing .box:hover{opacity:1}
.list .listing .box:first-child{margin:0 0 1px}
.list .listing .col-list{width:100%;padding:0 0 0 10px}
@media (min-width: 700px) {
.list .listing .col-list{float:left;overflow:hidden;max-width:55%}
}
.list .listing img{display:none}
@media (min-width: 700px) {
.list .listing img{display:block;float:left;height:auto;width:268px}
}
.list .listing h2{width:100%;height:auto;font-size:18px;font-size:1.8rem;line-height:32px;margin:5px 0;overflow:hidden;padding:0 20px 0 0}
@media (min-width: 700px) {
.list .listing h2{font-size:20px;font-size:2rem;padding:0 0 0 10px}
}
.list .listing p{width:100%;float:none;display:none;font-family:Merriweather,serif;font-weight:400;font-size:12px;font-size:1.2rem;color:#1a1a1a;line-height:20px;padding:5px 10px 5px 0}
@media (min-width: 700px) {
.list .listing p{padding:5px 10px}
}
@media (min-width: 500px) {
.list .listing p{display:block}
}
.list .listing time{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;font-size:1.2rem;line-height:26px;color:#007fa2;padding:0}
@media (min-width: 700px) {
.list .listing time{padding:0 0 0 10px}
}
@media (min-width: 1000px) {
.list .listing .top-box{width:100%;height:auto;padding:20px}
.list .listing .top-box img{display:block;width:400px;height:auto}
.list .listing .top-box h2{font-size:36px;font-size:3.6rem;line-height:54px;padding:15px 20px 10px;max-height:1000px}
.list .listing .top-box time{font-size:14px;font-size:1.4rem;color:#007fa2;padding:0 10px}
.list .listing .top-box a.comment-count,.list .listing .top-box a.comment-count:visited{top:20px;right:20px}
}
.list .listing a.comment-count,.list .listing a.comment-count:visited{top:20px;right:10px;width:34px;height:28px;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat;background-image:url(../svg/bubble-s-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:26px}
@media (min-width: 500px) {
.list .listing a.comment-count,.list .listing a.comment-count:visited{right:20px}
}
.list .tests .box{padding:10px 45px 10px 10px}
@media (min-width: 900px) {
.list .tests .box{width:50%;height:auto;border:solid 1px #fff;margin:0}
}
.list .tests .box:first-child{margin:0}
.list .tests p{display:block;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;text-transform:uppercase;font-size:14px;font-size:1.4rem;line-height:20px;color:#007fa2;padding:0 10px}
@media (min-width: 500px) {
.list .tests p{padding:5px 10px 0}
}
.list .tests h2{font-size:20px;font-size:2rem;line-height:28px;height:auto;width:100%;margin:5px 0 0;padding:0 0 0 10px}
@media (min-width: 900px) {
.list .tests h2{height:28px}
}
.list .tests .stars{margin:7px 0 0;width:100%;padding:0 0 0 10px}
.list .tests .stars li{font-size:14px;font-size:1.4rem;width:16px;height:18px;margin:0 0 5px}
.list .tests .stars .icon-star-half{left:-16px}
.list .tests .stars .last-grey{left:-16px}
.list .tests img{display:none}
@media (min-width: 500px) {
.list .tests img{display:block;float:left;height:90px;width:135px}
}
.list .tests .col-list{width:100%;padding:0 0 0 10px}
@media (min-width: 500px) {
.list .tests .col-list{float:left;overflow:hidden;max-width:65%}
}
.list .tests .col-list{padding:0}
.list .tests a.comment-count,.list .tests a.comment-count:visited{top:10px;right:10px;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat;background-image:url(../svg/bubble-s-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:24px}
.new-activity .listing article{border-top:none}
.new-activity .listing .box{padding:10px;position:relative;width:100%;height:auto;margin:0 0 1px;float:left;border-bottom:solid 1px #fff;border-top:none}
@media (min-width: 700px) {
.new-activity .listing .box{padding:10px}
}
.new-activity .listing .recent-divider{border-top:2px solid #b65e00}
.new-activity .listing .title{color:#007fa2;font-size:26px;font-size:2.6rem;line-height:36px;padding:15px 20px 10px}
.new-activity .listing h1,.new-activity .listing h2{padding:0 10px;font-size:16px;font-size:1.6rem;line-height:28px;margin:0;height:auto}
@media (min-width: 400px) {
.new-activity .listing h1,.new-activity .listing h2{padding:0 50px 0 10px}
}
.new-activity .listing img{display:none;position:absolute;top:0;left:10px;height:auto;width:40px;margin:10px 0 0}
@media (min-width: 320px) {
.new-activity .listing img{display:block}
}
@media (min-width: 400px) {
.new-activity .listing img{width:70px}
}
.new-activity .listing .col-list{width:100%;padding:0;float:left;overflow:hidden}
@media (min-width: 320px) {
.new-activity .listing .col-list{padding:0 0 0 40px}
}
@media (min-width: 400px) {
.new-activity .listing .col-list{padding:0 0 0 70px}
}
.new-activity .listing .stars{position:relative;margin:0;float:left;width:auto;height:16px;padding:2px 10px 0;overflow:hidden}
.new-activity .listing .stars li{font-size:14px;width:16px;height:14px}
.new-activity .listing .stars .icon-star-half{left:-16px}
.new-activity .listing .stars .last-grey{left:-16px}
.new-activity .listing a.comment-count,.new-activity .listing a.comment-count:visited{display:none;top:12px;right:10px;background:url(../svg/fallback/bubble-s-nolines.png) no-repeat center top;background-image:url(../svg/bubble-s-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:24px}
@media (min-width: 400px) {
.new-activity .listing a.comment-count,.new-activity .listing a.comment-count:visited{display:block}
}
.new-activity .listing a.comment-count:hover{color:#007fa2}
.new-activity .listing .writer{float:left;color:#007fa2;padding:0 5px 0 0;line-height:22px}
.new-activity .listing p,.new-activity .listing time{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;color:#4d4d4d;line-height:22px}
.new-activity .listing p{float:left;width:auto;padding:0 0 0 10px}
.new-activity .listing time{float:left;padding:0 0 0 10px}
.video-icon{background:0 0}
@media (min-width: 320px) {
.video-icon{background:url(../svg/fallback/video-icon.png) 10px 5px no-repeat;background-image:url(../svg/video-icon.svg),none}
}
@media (min-width: 400px) {
.video-icon{background:url(../svg/fallback/video-icon.png) 40px 5px no-repeat;background-image:url(../svg/video-icon.svg),none}
}
.forum-icon{background:0 0}
@media (min-width: 320px) {
.forum-icon{background:url(../svg/fallback/forum-icon.png) 10px 5px no-repeat;background-image:url(../svg/forum-icon.svg),none}
}
@media (min-width: 400px) {
.forum-icon{background:url(../svg/fallback/forum-icon.png) 40px 5px no-repeat;background-image:url(../svg/forum-icon.svg),none}
}
.events .text{padding:20px;margin:0;border-top:1px solid #e6e6e6}
.events .listing{border-top:1px solid #e6e6e6}
.events .listing article{border-top:none}
.events .listing .box{padding:10px;position:relative;width:100%;height:auto;margin:0 0 1px;float:left;border-bottom:solid 1px #fff;border-top:none;overflow:hidden}
@media (min-width: 700px) {
.events .listing .box{padding:10px}
}
.events .listing .box:hover{background:#f2f2f2}
.events .listing h2{padding:0 10px;font-size:16px;font-size:1.6rem;line-height:26px;margin:0;height:auto}
@media (min-width: 400px) {
.events .listing h2{padding:2px 50px 0 10px}
}
.events .listing h3,.events .listing h4{padding:0 10px 0 20px;color:#1a1a1a}
@media (min-width: 400px) {
.events .listing h3,.events .listing h4{padding:0 15px 0 20px}
}
.events .listing h3.quarter{height:auto;font-size:24px;line-height:52px;color:#007fa2}
.events .listing h4{font-size:18px;line-height:42px}
.events .listing time,.events .listing span{float:left;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;line-height:20px;padding:0;color:#007fa2}
.events .listing p,.events .listing ul{font-family:Merriweather,serif;font-weight:400;float:left;width:100%;padding:5px 10px;color:#1a1a1a;font-size:12px;font-size:1.2rem;line-height:20px;line-height:2rem}
.events .listing ul{padding:5px 10px 5px 20px;list-style:circle}
.events .listing a{color:#b65e00}
.events .listing b{font-weight:700}
.device .box{background:#f2f2f2;border-bottom:solid 1px #fff}
.device .box .col-list{float:left;width:100%;overflow:hidden;padding:20px 20px 10px 0}
@media (min-width: 800px) {
.device .box .col-list{width:45%;padding:20px 10px}
}
.device .box img{display:block;padding:0;width:100%}
@media (min-width: 600px) {
.device .box img{width:60%;height:auto;float:left;padding:10px}
}
@media (min-width: 800px) {
.device .box img{width:45%}
}
.device .box h2{width:100%;float:none;color:#1a1a1a;text-transform:none;font-size:32px;font-size:3.2rem;line-height:50px;padding:10px 60px 10px 20px}
@media (min-width: 600px) {
.device .box h2{font-size:36px;font-size:3.6rem;line-height:54px}
}
@media (min-width: 800px) {
.device .box h2{padding:10px 0 10px 20px}
}
.device .box h3{color:#007fa2;text-transform:uppercase;font-size:18px;font-size:1.8rem;padding:20px 0 0 20px}
.device .box time{font-size:14px;font-size:1.4rem;color:#1a1a1a;padding:0 0 0 5px}
.device .box a.comment-count,.device .box a.comment-count:visited{top:40px;right:20px}
.device .box h4{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;padding:0 20px;color:#1a1a1a;font-size:18px;font-size:1.8rem}
.device .box p{font-family:Merriweather,serif;font-weight:400;color:#1a1a1a;font-size:12px;font-size:1.2rem;line-height:22px;padding:10px 20px 30px}
.device .box p.writer{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;padding:0 20px;font-size:14px;font-size:1.4rem;color:#007fa2}
.device .box .price{float:left;width:auto;color:#1a1a1a;font-size:22px;font-size:2.2rem;padding:10px 0 0 20px}
.device .box .stars{position:relative;margin:0;float:left;width:auto;padding:12px 0 0 20px}
.device .box .stars li{font-size:20px;font-size:2rem;width:22px;height:22px}
.device .box .stars .icon-star-half{left:-22px}
.device .box .stars .last-grey{left:-22px}
.device .box a.comment-count,.device .box a.comment-count:visited{background:url(../svg/fallback/bubble-nolines.png) no-repeat;background-image:url(../svg/bubble-nolines.svg),none;font-size:14px;font-size:1.4rem;line-height:28px}
.error-box .box{width:100%;overflow:hidden;background:#f2f2f2;padding:20px 0;border:solid 10px #fff}
@media (min-width: 400px) {
.error-box .box{padding:20px}
}
@media (min-width: 800px) {
.error-box .box{padding:20px 20px 10px 100px}
}
.error-box .error-question{display:none;width:100px;font-size:200px;font-size:20rem;line-height:200px;color:#007fa2;padding:30px 0 20px 20px}
@media (min-width: 800px) {
.error-box .error-question{display:inline;float:left}
}
@media (min-width: 800px) {
.error-box .col-list{max-width:75%;float:left;padding:20px}
}
.error-box .col-list h2{color:#1a1a1a;text-transform:none;font-size:32px;font-size:3.2rem;line-height:50px;padding:0 20px 10px}
@media (min-width: 600px) {
.error-box .col-list h2{font-size:42px;font-size:4.2rem;line-height:64px;padding:0 20px 10px}
}
.error-box .col-list p{font-family:Merriweather,serif;font-weight:400;color:#1a1a1a;font-size:14px;font-size:1.4rem;line-height:24px;padding:10px 20px}
.error-box .col-list a{color:#b65e00}
.arkistovideo{padding:0 0 40px}
.arkistovideo h3{padding:40px 0 0 20px}
.video-container70{width:70%;padding-right:30%;position:relative;float:none;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:1px}
@media (min-width: 800px) {
.video-container70{margin-bottom:0}
}
.video-container30{width:70%;padding-right:30%;position:relative;float:none;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:1px}
@media (min-width: 800px) {
.video-container30{margin-bottom:0}
}
.video-container{width:100%;position:relative;float:none;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:1px}
@media (min-width: 800px) {
.video-container{margin-bottom:0}
}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.sivupalkki{display:none;float:right;background:#f2f2f2;border-right:1px solid #e6e6e6}
@media (min-width: 800px) {
.sivupalkki{display:block}
}
.sivupalkki .button{padding:1px 25px 0 20px;text-align:right;margin:1px 0 0}
.box{transition:opacity .2s ease;opacity:1;position:relative;overflow:hidden;margin:1px 0 0}
.box .dark{padding:2px 10px 0}
.box h2{color:#007fa2;float:left;text-transform:uppercase;line-height:34px}
.box p{width:100%;font-size:14px;font-size:1.4rem;color:#f2f2f2;float:left;line-height:34px;padding-left:5px}
.box a.comment-count,.box a.comment-count:visited{top:20px;right:10px;width:39px;height:35px;background:url(../svg/fallback/bubble-nolines.png) no-repeat;background-image:url(../svg/bubble-nolines.svg),none;font-size:12px;font-size:1.2rem;line-height:28px;z-index:99999}
.box a.comment-count:hover{color:#007fa2}
.box:hover{opacity:1}
@media (min-width: 500px) {
.box:hover > a > .dark{background:#1a1a1a}
.box:hover > a > .dark h2{color:#3ac7e8}
.box:hover > a > .dark h3,.box:hover > a > .dark .published{color:#fff}
}
aside .box:first-child{margin:4px 0 0}
.pv-video .dark{background:#000;width:100%;height:36px;height:3.6rem;position:absolute;bottom:0;left:0;overflow:hidden}
.pv-video .dark h2{font-size:14px;line-height:34px;color:#007fa2;text-transform:none}
.pv-video .video-title{text-transform:uppercase;color:#f2f2f2;padding-right:5px}
.button-play{position:absolute;width:100%;height:100%;text-indent:-999px;z-index:99998;background:url(../svg/fallback/play.png) no-repeat 50% 50%;background-image:url(../svg/play.svg),none}
.button-play:hover{background:url(../svg/fallback/play-h.png) no-repeat 50% 50%;background-image:url(../svg/play-h.svg),none}
.test h3{color:#f2f2f2;text-transform:uppercase;font-size:14px;font-size:1.4rem;line-height:30px;margin:5px 0 0}
.test h2{font-size:16px;font-size:1.6rem;line-height:28px;height:28px;color:#007fa2;text-transform:none;height:30px;height:3rem;overflow:hidden;width:100%;float:none}
.test .dark{position:relative;padding:5px 10px 10px}
.test .stars{position:absolute;bottom:5px;right:-10px;width:120px}
@media (min-width: 800px) {
.test .stars{bottom:28px;margin:25px 0 0 10px}
}
.test .stars li{font-size:12px;font-size:1.2rem;width:16px;height:16px}
.test .stars .icon-star-half{left:-16px}
.test .stars .last-grey{left:-16px}
.news .box{border-top:solid 1px #e6e6e6}
.news h3{color:#f2f2f2;font-size:14px;font-size:1.4rem;line-height:30px;margin:5px 0 0}
.news .published{color:#f2f2f2;font-size:14px;font-size:1.4rem;line-height:30px;margin:5px 0 0}
.news h2{font-size:16px;font-size:1.6rem;line-height:28px;color:#007fa2;text-transform:none;margin:0;height:auto;overflow:hidden}
@media (min-width: 500px) {
.news h2{height:56px;height:5.6rem}
}
.news .dark{padding:5px 10px 10px}
aside .news .box{border-top:none}
.title-sidebar{color:#007fa2;width:100%;float:none;font-size:20px;font-size:2rem;line-height:30px;padding:10px 20px;background:#fff;overflow:hidden}
.listing .box{transition:background .2s ease;border-top:solid 2px #e6e6e6;border-bottom:none;padding:10px;background:#f2f2f2}
.listing .box:hover{background:#fff}
.listing .box:first-child{margin:0}
.listing h3{font-size:13px;font-size:1.3rem;color:#007fa2;line-height:26px;padding:0 10px;height:26px;height:2.6rem;overflow:hidden}
.listing h2{font-size:16px;font-size:1.6rem;color:#1a1a1a;width:100%;padding:0 10px;line-height:28px;text-transform:none;height:56px;height:5.6rem;overflow:hidden}
@media (min-width: 400px) {
.listing h2{height:28px;height:2.8rem}
}
@media (min-width: 500px) {
.listing h2{height:56px;height:5.6rem}
}
.listing p{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;font-size:1.2rem;float:left;line-height:26px;color:#007fa2;padding:0 10px}
.listing time{color:#4d4d4d;padding:0 0 0 5px}
.popular{overflow:hidden;margin:3px 0 0}
.popular .box:first-child{margin:1px 0 0}
.popular .dark{padding:5px 10px 8px;line-height:20px}
.popular .dark img{border:none}
.popular h2{font-size:16px;font-size:1.6rem;line-height:30px;color:#007fa2;margin:5px 0 0;text-transform:none;width:100%}
.popular h3{color:#f2f2f2;float:left;font-size:16px;font-size:1.6rem;line-height:30px}
.popular .stars{position:absolute;bottom:-8px;right:-10px;width:110px}
.popular .stars li{font-size:12px;font-size:1.2rem;width:16px;height:16px}
.popular .stars .icon-star-half{left:-16px}
.popular .stars .last-grey{left:-16px}
.popular .button{float:left}
.poll .box{float:none;width:100%;padding:0 0 20px;background:#f2f2f2;font-size:12px;font-size:1.2rem;line-height:24px;font-family:Merriweather,serif;font-weight:400}
.poll h2{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;font-size:1.8rem;color:#1a1a1a;width:100%;padding:20px 10px 10px;line-height:28px;text-transform:none;border:none}
.poll input[type="radio"]{width:15px;height:15px;margin:0 10px}
.poll label{font-size:14px}
.poll .button{margin:20px 0 0}
.poll a{color:#b65e00}
.poll ul{width:100%;float:left;padding:0 10px 10px;font-size:12px}
.poll ul li,.poll ul span{width:100%;float:left}
.poll ul li{position:relative;margin:3px 0}
.poll .poll-line{float:left;display:block;height:20px;background:#ffb000;overflow:hidden}
.poll .percentage{font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;width:auto;float:left;line-height:20px;padding:0 0 0 5px}
.poll i{font-style:italic}
.poll .votes{float:left;width:100%;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;padding:5px 10px}
.poll-header{height:50px;width:100%;float:left;background:url(../svg/fallback/puhelinvertailu-logo-m.png) no-repeat 10px 10px #000;background-image:url(../svg/puhelinvertailu-logo-m.svg),none;text-indent:-999px}
.poll.wide-poll{padding:10px}
.poll.wide-poll .box{background:0 0}
.poll.wide-poll .button{margin:20px 10px}
.poll.wide-poll ul{padding:0 10px 10px}
.admin .box{background:#f2f2f2;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;line-height:20px}
.admin h2{float:none;font-family:fjallaoneregular,Arial,Helvetica,sans-serif;font-weight:400;font-size:16px;font-size:1.6rem;color:#007fa2;width:100%;margin:10px 10px 0;padding:0;line-height:28px;text-transform:none}
.admin ul{margin:10px 0;overflow:hidden}
.admin ul li{position:relative;padding:5px 50px 5px 10px;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6}
.admin ul li:nth-child(odd){background:#e6e6e6}
.admin a,.admin a:visited{color:#1a1a1a;padding:2px 0}
.admin a:hover{color:#9b9b9b}
.stats1,.stats2{position:absolute;right:10px}
.stats1{bottom:25px}
.stats2{bottom:5px}
.stats-up li,.stats-down li{min-height:50px}
.stats-up .stats1{color:#3db524}
.stats-up .stats1:before{content:"+"}
.stats-down .stats1{color:#e24f0e}
.stats-down .stats1:before{content:"-"}
.edukas .box{background:#e6e6e6;border-bottom:1px solid #e6e6e6;overflow:hidden;color:#e6e6e6}
.edukas .box:hover{background:#f2f2f2}
.edukas a,.edukas a:visited{color:#e6e6e6}
.edukas a:hover{color:#f2f2f2}
.edukas img{position:absolute;top:0;left:0;width:50px;height:50px}
.edukas h2{float:left;width:100%;line-height:20px;color:#1a1a1a;padding:15px 60px;text-transform:none}
.edukas p{position:absolute;top:0;right:0;height:100%;width:50px;background:#f2f2f2;color:#1a1a1a;font-size:12px;font-size:1.2rem;line-height:18px;padding:7px 10px}
.edukas span{display:block;color:#007fa2;font-size:16px;font-size:1.6rem}
footer.no-max-width{padding:0 0 10px;margin:20px 0 0}
@media (min-width: 650px) {
footer.no-max-width{padding:20px 0 10px}
}
footer{text-align:center}
@media (min-width: 700px) {
footer{text-align:left}
}
footer ul{padding:20px 20px 0}
footer li{display:block;line-height:26px}
footer a,footer a:visited{color:#9b9b9b;padding:2px 0}
footer a:hover{color:#007fa2}
footer .branding{float:none;padding:0 0 20px;margin:0 auto}
@media (min-width: 700px) {
footer .branding{float:left;margin:0 0 0 20px}
}
footer a.pull{display:block;width:100%;position:relative;height:66px;overflow:hidden}
@media (min-width: 650px) {
footer a.pull{display:none}
}
footer .menu{border-bottom:solid 1px #333;margin:0 0 30px}
@media (min-width: 650px) {
footer .menu{display:none}
}
footer .menu-main{padding:0}
footer .menu-main li{border-top:none;border-bottom:solid 1px #333}
@media (min-width: 650px) {
footer .menu-main li{display:none}
}
@media (min-width: 650px) {
footer .menu-main{display:none}
}
.footer-some{display:block}
@media (min-width: 700px) {
.footer-some{display:none}
}
.copy{text-align:center;padding:30px 0 10px}
.copy p{color:#4d4d4d}
#scrollUp{bottom:0;right:20px;margin:0 0 -10px;padding:2px 15px 10px;font-size:14px;line-height:34px;text-align:center;text-decoration:none;text-transform:uppercase;color:#fff;background-color:rgba(58,177,214,0.5);-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;transition:all 150ms linear}
@media (min-width: 1024px) {
#scrollUp{right:30px}
}
.notouch #scrollUp:hover{margin-bottom:0;background-color:#007fa2}
.apple-news{background:#fff;min-height:70px;overflow:hidden;text-align:center;border-bottom:1px solid #e6e6e6}
.apple-news p{width:auto;color:#1a1a1a;font-size:20px;line-height:30px;padding:20px 10px}
.apple-news span.t-first{color:#007fa2;padding:10px}
@media (min-width: 640px) {
.apple-news span.t-first{background:url(../svg/fallback/apple.png) left top no-repeat;background-image:url(../svg/apple.svg),none;padding:10px 10px 10px 50px}
}
.apple-news span.t-last{width:30px;background:url(../svg/fallback/arrow_w-h.png) right center no-repeat;background-image:url(../svg/arrow_w-h.svg),none;padding:0 10px 0 0}
.apple-news span.t-second{display:none}
@media (min-width: 640px) {
.apple-news span.t-second{display:inline}
.apple-news span.t-last{padding:0 10px 0 20px}
}
.pv-nopeat{width:100%;float:left;overflow:hidden;padding:20px 20px 10px 10px;margin:0;color:#f5f5f5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000}
.pv-nopeat p{float:left;font-family:Oswald,Arial,sans-serif;font-weight:300;font-size:16px;line-height:24px;padding:5px 10px;margin:0}
.pv-nopeat h5{float:left;font-family:Oswald,Arial,sans-serif;font-weight:300;font-size:28px;line-height:28px;padding:10px;margin:0;color:#007fa2;text-transform:uppercase}
.pv-nopeat a,.pv-nopeat a:visited{color:#007fa2}
.pv-nopeat a:hover{color:#999}
.pv-nopeat .pv-logo{overflow:hidden;width:240px;float:right;height:40px;padding:10px;background:url(https://cdn.afterdawn.fi/storage/pictures/pv-logo-40x237.png) right bottom no-repeat}
#share-buttons{margin-top:1em}
.share-col{padding:0;margin:0;margin-top:0;float:left;position:relative}
.share-col i.fa{position:absolute;top:0;left:6px;font-size:45px}
.share-btn{display:block;padding-top:14px;padding-bottom:14px;vertical-align:middle;text-align:center;font-size:18px;letter-spacing:3px;line-height:1em;text-transform:uppercase;color:#fff;padding-left:25px}
.share-header{padding:6px 0;margin:0;float:left;display:block;vertical-align:middle;text-align:center;font-size:18px;letter-spacing:2px;line-height:1em;text-transform:uppercase;color:#000;width:100%;background-color:#f0f0f0}
.share-btn:link{text-decoration:none}
#share-facebook{background-color:#3b5998}
#share-twitter{background-color:#55acee}
#share-google{background-color:#dd4b39}
#share-whatsapp{background-color:#64d448}
.col-3 .share-col{width:33.3333333%}
.col-4 .share-col{width:25%}
@media (max-width: 600px) {
.col-3 .share-col,.col-4 .share-col{width:100%}
.share-btn{padding-left:0}
}
@media (min-width: 601px) and (max-width: 980px) {
.col-4 .share-col{width:50%}
.col-3 .share-col{width:33.3333333%}
}
.vertaa .vertaa-title h1{font-size:3.3rem}
.vertaa label{font-size:22px}
@media (max-width: 800px) {
.vertaa label{font-size:16px}
.vertaa .vertaa-title h1{font-size:2.5rem}
}
@media (max-width: 580px) {
.vertaa .vertaa-title{margin-bottom:280px}
.vertaa label{font-size:14px}
}
@media (max-width: 500px) {
.vertaa .vertaa-title{margin-bottom:230px}
.vertaa label{font-size:12px}
}
.vertailunappi{background-color:green;color:white;width:45%;float:right;padding-left:20px}
@media (max-width: 800px) {
.vertailunappi{width:100%;text-align:center}
}
a.phone-details:link,a.phone-details:visited{color:#000}
.long-article article .col-80 ul{padding:10px 20px;font-family:Merriweather,serif;font-weight:400;font-size:1.4rem;line-height:26px;list-style:disc}