/*
Theme Name: Portfolio
Theme URI: http://bleboulevard.vcom/
Description: Portfolio
Author: ble
Author URI: http://bleboulevard.com/
Version: 2.0
Tags: 

License:
License URI:
*/

/* 
VÄRI
#f0801d
MUSTA
#000000
*/

/* TYYLIT */
::selection{background:#f0801d;color:#ffffff;}::-moz-selection{background:#f0801d;color:#ffffff;}
a img{border:0;}
.clear:before,.clear:after{content:"";display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}
.section:before,.section:after{content:"";display:table;}
.section:after{clear:both;}
.section{zoom:1;}
.checkbox:before,.checkbox:after{content:"";display:table;}
.checkbox:after{clear:both;}
.checkbox{zoom:1;}
html{font-size:62.5%;height:100%;min-height:100%;}
.left{float:left;}
.right{float:right;}
.block{display:block;}
.inline-block{display:inline-block;*zoom:1;*display:inline;}
.inline{display:inline;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;left:-9999em;}
.visuallyvisible{clip:auto;width:auto;height:auto;overflow:visible;left:0;}
.nolist{list-style:none;}
.nopadding{padding:0;}
.nomargin{margin:0;}
.none,.nodesktop{display:none;}
body{color:#000000;margin:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body:before{content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:-10;background:url(images/anttibg.jpg)no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
a:link{color:#000000;text-decoration:none;font-style:normal;transition:color 0.6s ease-in-out;-webkit-transition:color 0.6s ease-in-out;}
a:visited{color:#000000;text-decoration:none;font-style:normal;}
a:hover{color:#f0801d;text-decoration:none;font-style:normal;}
a:active{color:#000000;text-decoration:none;font-style:normal;}
h1,h2,h3,h4{text-transform:uppercase;word-wrap:break-word;font-style:normal;font-weight:normal;letter-spacing:0.3rem;line-height:normal;}
h1{font-size:600%;margin-top:15px;}
h2{font-size:460%;}
h3{font-size:360%;}
h4{font-size:160%;}
h1,h2,h3,h4,p,ul,ol,b,strong,i,em,table td,input,textarea,select,button,small,.small,.wpcf7-response-output,label,.cky-prefrence-btn-wrapper,.cky-preference-center{font-family:'IM Fell DW Pica',arial,sans-serif;font-weight:400;}
p,ul,ol,table td,input,textarea,select{font-size:2.8rem;line-height:3.8rem;letter-spacing:0.1rem;}
p,ul,ol,table td{margin-bottom:30px;}
small,.small,.wpcf7-response-output,label{font-size:1.2rem;}
b,strong{font-weight:normal;font-style:normal;text-transform:uppercase;font-size:2.1rem;letter-spacing:0.3rem;}
i,em{font-style:italic;}
blockquote,q,blockquote p{font-size:4.0rem;line-height:5.3rem;padding:20px 10px 20px 30px;margin:10px 0;font-family:"IM Fell DW Pica",serif;font-weight:400;font-style:normal;}
blockquote b,blockquote strong{font-size:2.8rem;}
blockquote:before,q:before{content:"\201D";margin-left:-30px;margin-top:0.2em;float:left;font-size:4.4rem;}
blockquote:after{content:no-close-quote;}
hr{border:0;background:none;outline:0;height:1px;background-color:#000000;margin:5em 0;}
table{width:100%;border-collapse:collapse;border-left:0;background-color:#fff;border-spacing:0;margin-bottom:25px;}
table th,table td{padding:4px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #eeeeee;}
ul{list-style:'— ';padding:0 0 0 25px;margin:0;}
ol{list-style:decimal;padding:0 0 0 25px;margin:0;}
input,textarea{border:1px #000000 solid;background:#aef8ff;width:50% !important;max-width:100% !important;resize:none;}
textarea{height:100px;}
input[type=submit]{background:#000000;color:#ffffff;padding:20px !important;width:auto !important;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:30px;}
select::-ms-expand{display:none;}
input[type=checkbox]{width:30px;}
button{border:1px #000000 solid !important;border-radius:0 !important;}
.lighten{color:#d8d8d8;}
.cky-consent-container .cky-consent-bar{border-radius: 0 !important;}
h2{display:block;float:none;clear:both !important;}
.valikko a:link,.valikko a:visited,.valikko a:active{display:block;text-decoration:none;}
.valikko{margin:0;padding:0;text-align:center;}
.valikkolaatikko{display:block;float:left;list-style:none;width:32.9%;margin:0.2%;text-align:left;}/*19.6%;*/
.attachment-thumbnail .wp-post-image{width:100% !important;height:auto !important;}
.valikko li{text-align:left;}
.valikko h3{font-size:2.2rem;line-height:2.6rem;}
.valikko img{width:100% !important;height:auto !important;display:block;margin:0 auto;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;}
.valikko a:hover{background:#ffffff;color:#000000;}
.valikko a:hover img{opacity:0.2 !important;filter:alpha(opacity=20) !important;transition:opacity 0.6s ease-in-out;-webkit-transition:opacity 0.6s ease-in-out;}
.valikko-wrap{height:120px;}
.align-left,.alignleft{float:left;text-align:left;clear:both;margin-right:10px;}
.align-right,.alignright{float:right;text-align:right;clear:both;margin-left:10px;}
.align-center,.aligncenter{display:block;margin:0 auto;text-align:center;clear:both;}
.rasti{position:fixed;right:25px;top:0px;z-index:3000;}
.iso{font-size:11.0rem;line-height:11.0rem;}
img{max-width:100%;height:auto;}
.wp-block-image{margin-bottom:0 !important;}
.tyo img{max-width:100%;height:auto;display:block;margin:0 auto;}
.privacy p{text-align:right;}
/* LAYOUT */
.fieldset{margin:1.5em 0;}
.section{position:relative;}
.row{margin-bottom:1em;}
.container{max-width:1600px;margin:0 auto;padding:60px 120px;background:#ffffff;}
.footer-container{margin:0 auto;padding:10px;min-height:100vh;height:100vh;max-height:100vh;max-width:1600px;}
.col{margin-left:2%;*margin-left:0;float:left;}
.col:first-child{margin-left:0;}
.row .col{text-align:left;padding-top:2px;padding-bottom:2px;}
.one{width:6.5%;}
.two{width:15%;}
.three{width:24%;}
.four{width:25%;}
.five{width:40.5%;}
.six{width:49.0%;}
.seven{width:57.5%;}
.eight{width:63%;}
.nine{width:74%;}
.ten{width:83%;}
.eleven{width:91.5%;}
.twelve{width:100%;}
.quarter{width:23.5%;}
.half{width:49.0%;}
.one-third{width:32%;}
.two-thirds{width:66%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cky-consent-container{font-family:'LetterGothicMTStd-Bold',arial,sans-serif !important;}
/* RESPONSIVE */
@media only screen and (min-width:762px) and (max-width:939px){.container,.footer-container{padding-left:10px;padding-right:10px;} .tablet-one{width:6.5%;} .tablet-two{width:15%;} .tablet-three{width:23.5%;} .tablet-four{width:32%;} .tablet-five{width:40.5%;} .tablet-six{width:49.0%;} .tablet-seven{width:57.5%;} .tablet-eight{width:66%;} .tablet-nine{width:74.5%;} .tablet-ten{width:83%;} .tablet-eleven{width:91.5%;} .tablet-twelve{width:100%;} .tablet-full{clear:both;float:none;width:100%;margin-left:0;margin-right:0;margin-top:1em;} .tablet-full:first-child{margin-top:0;} .notablet{display:none;} .showtablet{display:block;}}
@media only screen and (max-width:761px){.mobile-one{width:6.5%;} .mobile-two{width:15%;} .mobile-three{width:23.5%;} .mobile-four{width:32%;} .mobile-five{width:40.5%;} .mobile-six{width:49.0%;} .mobile-seven{width:57.5%;} .mobile-eight{width:66%;} .mobile-nine{width:74.5%;} .mobile-ten{width:83%;} .mobile-eleven{width:91.5%;} .mobile-twelve{width:100%;} .mobile-full{clear:both;float:none;width:100%;margin:1em 0 0 0;} .mobile-full:first-child{margin-top:0;} .container,.footer-container{padding-left:10px;padding-right:10px;} table th,table td{padding:4px;} .nomobile{display:none;} .showmobile{display:block;}}
@media only screen and (min-width: 940px) and (max-width: 1300px) {
  .valikkolaatikko{width:32.9%;}
}
@media only screen and (min-width: 762px) and (max-width: 939px) {
  .valikkolaatikko{width:32.9%;}
  .valikko h3{font-size:1.4rem;line-height:1.8rem;}
  .valikko-wrap{height:80px;}
  .tyo img{max-width:100%;height:auto;}
  .rasti{position:fixed;right:10px;top:15px;}
  .iso{font-size:7.0rem;line-height:7.0rem;}
}
@media only screen and (max-width: 761px) {
  .showmobile.inline-block{display:inline-block;*zoom:1;*display:inline;}
  .valikkolaatikko{width:49.2%;}
  .valikko h3{font-size:1.4rem;line-height:1.8rem;text-align:center;}
  .valikko-wrap{height:80px;}
  .tyo img,img{max-width:100%;height:auto;}
  .rasti{position:fixed;right:10px;top:0;}
  .iso{font-size:7.0rem;line-height:7.0rem;}
  h1,.h1{font-size:420%;}
  h2,.h2{font-size:300%;}
  h3,.h3{font-size:230%;}
  h4,.h4{font-size:130%;}
  p,ul,ol{font-size:2.4rem;line-height:3.4rem;}
  b,strong{font-size:1.8rem;}
  blockquote,q,blockquote p{font-size:3.2rem;line-height:4.3rem;padding:20px 10px 20px 30px;}
  blockquote b,blockquote strong{font-size:2.8rem;}
  input,textarea{width:100% !important;}
  .privacy p{text-align:left;}
}