@import url(https://fonts.googleapis.com/css?family=Lato:300,regular,900);
@import url(https://fonts.googleapis.com/css?family=Lato:700);

	@font-face {
	  font-family: 'outokone_menu';
	  src:
	    url('fontit/outokone_menu.ttf?tisy3f') format('truetype'),
	    url('fontit/outokone_menu.woff?tisy3f') format('woff'),
	    url('fontit/outokone_menu.svg?tisy3f#outokone_menu') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'outokone';
	  src:
	    url('fontit/outokone.ttf?tisy3f') format('truetype'),
	    url('fontit/outokone.woff?tisy3f') format('woff'),
	    url('fontit/outokone.svg?tisy3f#outokone') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mobile_extra { display: none;}

.flex { display: flex; }
.flex_child {}

.flex_row { flex-direction: row; }
.flex_row-reserve { flex-direction: row-reverse; }
.flex_column { flex-direction: column; }
.flex_column-reserve { flex-direction: column-reverse; }
.flex-wrap { flex-wrap : wrap; }
.flex-wrap-reserve { flex-wrap :wrap-reserve; }

.flex-spacebetween { justify-content: space-between }

.flexgap5 { gap: 5px;}
.flexgap10 { gap: 10px;}
.flexgap20 { gap: 20px;}
.flexgap25 { gap: 25px;}
.flexgap30 { gap: 30px;}

.table { display: table; box-sizing: border-box; }
.tablerow {display: table-row; box-sizing: border-box; }
.tablecell {display: table-cell; vertical-align:top; box-sizing: border-box; }

.inlineblock { display: inline-block; }
.block { display: lock; }

.relative { position: relative; } 
.center { text-align: center; }

.aligncenter { margin-left:auto; margin-right: auto; }

.left { text-align: left; }
.right { text-align: right; }

.middle { vertical-align: middle; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

.clear { clear:both;}

.block { display: block; }

.height10vh {height: 10vh;}
.height20vh {height: 20vh;}
.height30vh {height: 30vh;}
.height40vh {height: 40vh;}
.height50vh {height: 50vh;}
.height60vh {height: 60vh;}
.height70vh {height: 70vh;}
.height80vh {height: 80vh;}
.height90vh {height: 90vh;}
.height100vh {height: 100vh;}

.height5vh  {height: 5vh;}
.height15vh {height: 15vh;}
.height25vh {height: 25vh;}
.height35vh {height: 35vh;}
.height45vh {height: 45vh;}
.height55vh {height: 55vh;}
.height65vh {height: 65vh;}
.height75vh {height: 75vh;}
.height85vh {height: 85vh;}
.height95vh {height: 95vh;}


.width100 {width: 100%;}
.width99 {width: 99%;}
.width98 {width: 98%;}
.width97 {width: 97%;}
.width96 {width: 96%;}
.width95 {width: 95%;}

.width90 {width: 90%;}
.width85 {width: 85%;}
.width80 {width: 80%;}
.width75 {width: 75%;}
.width70 {width: 70%;}

.width66 {width: 66%;}
.width65 {width: 65%;}

.width60 {width: 60%;}

.width55 {width: 55%;}

.width50 {width: 50%;}
.width49 {width: 49%;}
.width48 {width: 48%;}
.width47 {width: 47%;}
.width46 {width: 46%;}
.width45 {width: 45%;}
.width40 {width: 40%;}

.width35 {width: 35%;}
.width34 {width: 34%;}
.width33 {width: 33%;}
.width33 {width: 33%;}
.width32 {width: 32%;}
.width31 {width: 31%;}
.width30 {width: 30%;}

.width25 {width: 25%;}

.width20 {width: 20%;}

.width15 {width: 15%;}

.width10 {width: 10%;}
.width9 {width: 9%;}
.width8 {width: 8%;}
.width7 {width: 7%;}
.width6 {width: 6%;}
.width5 {width: 5%;}
.width4 {width: 4%;}
.width3 {width: 3%;}
.width2 {width: 2%;}
.width1 {width: 1%;}


.paddingleft10 { padding-left: 10%; }
.paddingleft5 { padding-left: 5%; }
.paddingleft4 { padding-left: 4%; }
.paddingleft3 { padding-left: 3%; }
.paddingleft2.5 { padding-left: 2.5%; }
.paddingleft2 { padding-left: 2%; }
.paddingleft1.5 { padding-left: 1.5%; }
.paddingleft1 { padding-left: 1%; }
.paddingleft0.5 { padding-left: 0.5%; }

.paddingright10 { padding-right: 10%; }
.paddingright5 { padding-right: 5%; }
.paddingright4 { padding-right: 4%; }
.paddingright3 { padding-right: 3%; }
.paddingright2 { padding-right: 2%; }
.paddingright1.5 { padding-right: 1.5%; }
.paddingright1 { padding-right: 1%; }
.paddingright0.5 { padding-right: 0.5%; }

.paddingtop10 { padding-top: 10%; }
.paddingtop9 { padding-top: 9%; }
.paddingtop8 { padding-top: 8%; }
.paddingtop7 { padding-top: 7%; }
.paddingtop6 { padding-top: 6%; }
.paddingtop5 { padding-top: 5%; }
.paddingtop4 { padding-top: 4%; }
.paddingtop3 { padding-top: 3%; }
.paddingtop2 { padding-top: 2%; }
.paddingtop1.5 { padding-top: 1.5%; }
.paddingtop1 { padding-top: 1%; }
.paddingtop0.5 { padding-top: 0.5%; }

.paddingbottom5 { padding-bottom: 5%; }
.paddingbottom4 { padding-bottom: 4%; }
.paddingbottom3 { padding-bottom: 3%; }
.paddingbottom2 { padding-bottom: 2%; }
.paddingbottom1.5 { padding-bottom: 1.5%; }
.paddingbottom1 { padding-bottom: 1%; }
.paddingbottom0.5 { padding-bottom: 0.5%; }

.padding0.5 { padding: 0.5%;}
.padding1 { padding: 1%;}
.padding1.5 { padding: 1.5%;}
.padding2 { padding: 2%;}
.padding2.5 { padding: 2.5%;}
.padding3 { padding: 3%;}
.padding4 { padding: 4%;}
.padding5 { padding: 5%;}
.padding6 { padding: 6%;}
.padding7 { padding: 7%;}
.padding8 { padding: 8%;}
.padding9 { padding: 9%;}
.padding10 { padding: 10%;}

.margintop0.5 { margin-top: 0.5%; }
.margintop1  { margin-top: 1%; }
.margintop1.5  { margin-top: 1.5%; }
.margintop2  { margin-top: 2%; }
.margintop3  { margin-top: 3%; }
.margintop4  { margin-top: 4%; }
.margintop5  { margin-top: 5%; }
.margintop6  { margin-top: 6%; }
.margintop7  { margin-top: 7%; }
.margintop8  { margin-top: 8%; }
.margintop9  { margin-top: 9%; }
.margintop10  { margin-top: 10%; }

.marginleft0.5 { margin-left: 0.5%; }
.marginleft1  { margin-left: 1%; }
.marginleft1.5  { margin-left: 1.5%; }
.marginleft2  { margin-left: 2%; }
.marginleft3  { margin-left: 3%; }
.marginleft4  { margin-left: 4%; }
.marginleft5  { margin-left: 5%; }
.marginleft6  { margin-left: 6%; }
.marginleft7  { margin-left: 7%; }
.marginleft8  { margin-left: 8%; }
.marginleft9  { margin-left: 9%; }
.marginleft10  { margin-left: 10%; }

.marginright0.5 { margin-right: 0.5%; }
.marginright1  { margin-right: 1%; }
.marginright1.5  { margin-right: 1.5%; }
.marginright2  { margin-right: 2%; }
.marginright3  { margin-right: 3%; }
.marginright4  { margin-right: 4%; }
.marginright5  { margin-right: 5%; }
.marginright6  { margin-right: 6%; }
.marginright7  { margin-right: 7%; }
.marginright8  { margin-right: 8%; }
.marginright9  { margin-right: 9%; }
.marginright10  { margin-right: 10%; }

.marginbottom0.5 { margin-bottom: 0.5%; }
.marginbottom1  { margin-bottom: 1%; }
.marginbottom1.5  { margin-bottom: 1.5%; }
.marginbottom2  { margin-bottom: 2%; }
.marginbottom3  { margin-bottom: 3%; }
.marginbottom4  { margin-bottom: 4%; }
.marginbottom5  { margin-bottom: 5%; }
.marginbottom6  { margin-bottom: 6%; }
.marginbottom7  { margin-bottom: 7%; }
.marginbottom8  { margin-bottom: 8%; }
.marginbottom9  { margin-bottom: 9%; }
.marginbottom10  { margin-bottom: 10%; }

.margin0.5 { margin: 0.5%; }
.margin1 { margin: 1%; }
.margin1.5 { margin: 1.5%; }
.margin2 { margin: 2%; }
.margin3 { margin: 3%; }
.margin4 { margin: 4%; }
.margin5 { margin: 5%; }
.margin6 { margin: 6%; }
.margin7 { margin: 7%; }
.margin8 { margin: 8%; }
.margin9 { margin: 9%; }
.margin10 { margin: 10%; }

.font90 { font-size: 90%; }
.font80 { font-size: 80%; }
.font70 { font-size: 70%; }

.cover {
	background-size: cover;
}

.borderbox {
	box-sizing: border-box;
}


@media only screen and (max-width: 899px) {
    /* phones */

.table { display: block; }
.tablerow {display: block; }
.tablecell {display: block; }

.width100 {width: 100%;}
.width99 {width: 100%;}
.width98 {width: 100%;}
.width97 {width: 100%;}
.width96 {width: 100%;}
.width95 {width: 100%;}

.width90 {width: 100%;}
.width85 {width: 100%;}
.width80 {width: 100%;}
.width75 {width: 100%;}
.width70 {width: 100%;}

.width66 {width: 100%;}
.width65 {width: 100%;}

.width60 {width: 100%;}

.width55 {width: 100%;}

.width50 {width: 100%;}
.width49 {width: 100%;}
.width48 {width: 100%;}
.width47 {width: 100%;}
.width46 {width: 100%;}
.width45 {width: 100%;}
.width40 {width: 100%;}

.width35 {width: 100%;}
.width34 {width: 100%;}
.width33 {width: 100%;}
.width33 {width: 100%;}
.width32 {width: 100%;}
.width31 {width: 100%;}
.width30 {width: 100%;}

.width25 {width: 100%;}

.width20 {width: 100%;}

.width15 {width: 100%;}

.width10 {width: 10%;}
.width9 {width: 9%;}
.width8 {width: 8%;}
.width7 {width: 7%;}
.width6 {width: 6%;}
.width5 {width: 5%;}
.width4 {width: 4%;}
.width3 {width: 3%;}
.width2 {width: 2%;}
.width1 {width: 1%;}

.flexmobile_column { flex-direction: column; }

.table.tablemobile { display: table; box-sizing: border-box; }
.tablemobile > .tablerow {display: table-row; box-sizing: border-box; }
.tablemobile > .tablecell {display: table-cell; box-sizing: border-box; }
.tablemobile > .tablerow > .tablecell {display: table-cell; box-sizing: border-box; }

.table.tablemobile .notablemobile { display: block; }
.tablemobile .tablerow .notablemobile {display: block; }
.tablemobile .tablecell .notablemobile {display: block; }

.tablemobile .width100 {width: 100%;}
.tablemobile .width99 {width: 99%;}
.tablemobile .width98 {width: 98%;}
.tablemobile .width97 {width: 97%;}
.tablemobile .width96 {width: 96%;}
.tablemobile .width95 {width: 95%;}

.tablemobile .width90 {width: 90%;}
.tablemobile .width85 {width: 85%;}
.tablemobile .width80 {width: 80%;}
.tablemobile .width75 {width: 75%;}
.tablemobile .width70 {width: 70%;}

.tablemobile .width66 {width: 66%;}
.tablemobile .width65 {width: 65%;}

.tablemobile .width60 {width: 60%;}

.tablemobile .width55 {width: 55%;}

.tablemobile .width50 {width: 50%;}
.tablemobile .width49 {width: 49%;}
.tablemobile .width48 {width: 48%;}
.tablemobile .width47 {width: 47%;}
.tablemobile .width46 {width: 46%;}
.tablemobile .width45 {width: 45%;}
.tablemobile .width40 {width: 40%;}

.tablemobile .width35 {width: 35%;}
.tablemobile .width34 {width: 34%;}
.tablemobile .width33 {width: 33%;}
.tablemobile .width33 {width: 33%;}
.tablemobile .width32 {width: 32%;}
.tablemobile .width31 {width: 31%;}
.tablemobile .width30 {width: 30%;}

.tablemobile .width25 {width: 25%;}

.tablemobile .width20 {width: 20%;}

.tablemobile .width15 {width: 15%;}

.tablemobile .width10 {width: 10%;}
.tablemobile .width9 {width: 9%;}
.tablemobile .width8 {width: 8%;}
.tablemobile .width7 {width: 7%;}
.tablemobile .width6 {width: 6%;}
.tablemobile .width5 {width: 5%;}
.tablemobile .width4 {width: 4%;}
.tablemobile .width3 {width: 3%;}
.tablemobile .width2 {width: 2%;}
.tablemobile .width1 {width: 1%;}


 } 	

/* #perus */

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: lato;
    font-size: 20px;
    font-weight: normal;
    color:#4a525e;
}

html {
    background: white;
}

.kuva100 {
    width: 100%;
}

.pagewidth {
    width: 80%;
    max-width: 1500px;
    margin:auto;
}

.textwidth {
    max-width: 900px;
    margin:auto;
}

.pagemargin {
    padding-top: 200px;
    padding-bottom: 50px;
}

#boxer.mobile {
    background: white;
    z-index: 9999999999999;
}

#boxer.mobile .boxer-content {
    background: white;
    height: 100vh;
    padding: 2% 5%;
    box-sizing: border-box;
}

.taustasivu {
    color:white;
}

.tausta {
    height: 100vh;
    width: 100%;
    background-size:cover;
    background-repeat: no-repeat; 
    background-position: center;
}

main {
    display: table;
    width: 100%;
}

.fullheight {
    height: 100%;
    height: 100vh;
    display: table-cell;
}


.yritys_wrapper {
    position: relative;
}

h1 {
    font-weight:900;
    font-size:2.5em;
    color: #005F9C;
}

.yritys_wrapper h1 {
    color: white;
}

h2 {
    font-size:1.4em;
}

.popup_wrapper {
    max-width: 1200px;
    width: 80vw;
    height: 70vh;
}

.nappi, .button {
    display:inline-block;
    padding:10px 40px 10px 40px;
    background-color:#009DD0;
    border:none;
    border-radius:5px;
    color:white;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}
.nappi:after, .button:after {
    display: inline-block;
    font-size: 0.8em;
    content: " \25ba \FE0E";
    vertical-align: middle;
    margin-left: 12px;
    margin-top: -2px;
    position: absolute;
    right: 10px;
    top: 15px;
}

.nappi:hover, .button:hover, .tuote:hover .button {
    color: #007B39;
    background: #A6EEAB;
}

/* etusivu */

.etusivu_sisalto {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    text-align:center;
    font-size:1.2em ;
}

#skrollr-body {
    width: 100%;
    height: 100%;
}

.parallax-image-wrapper {
	position:fixed;
	left:0;
	width:100%;
	overflow:hidden;
	height:100%;
	top:-100%;
	z-index: 0;
}

.etusivu .fullheight {
    padding-top: 120px;
    height: calc( 100vh - 120px);
}

.parallax-image {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:100%;
	top:0;
}

.esittely_tausta_wrapper {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:100vh;
	top:0;
	z-index: 0;
}
.esittely_tausta {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:100vh;
	top:0;    
}

#pager {
    z-index: 99;
    position: relative;
}

#pager span {
    display: inline-block;
    font-size: 0;
    width: 35px;
    background: transparent;
    border: 3px solid white;
    box-shadow: 0 0px 0px 2px #009DD0;
    height: 35px;
    margin: 0 10px;
    border-radius: 35px;
    cursor: pointer;
}

#pager .cycle-pager-active {
    background: #009DD0;
}


.esittely {
   width: 100%;
   min-width: 300px;
    margin: 0 auto;
}
.esittely .pagewidth {
    margin: 0 auto;
}

.esittely a {
    color: black;
    text-decoration: none;
}

.esittely img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.esittely .esittely_video {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
}

.esittely_text_wrapper {
    font-size: 1.4em;
    width: 45%;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.esittely_text_wrapper .button {
    margin-top: 20px;
    padding: 15px 50px 15px 30px;
}

.esittely_text_wrapper .button:after {
    margin-top: 5px;
}

/* footer */

footer {
    background-color:#F2F2F2;
    font-size:0.9em;
    color:#656565;
    width: 100%;
    color:#656565;
    border-top: 1px solid silver;
}

footer .pagewidth {
    position: relative;
    text-align: center;
}

footer ul {
    margin: 20px;
    padding: 0 20px;
    list-style:  none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-right: 0;
}

footer ul:last-child {
    border-left: 1px solid silver;
    padding-left: 30px;
}

footer a {
    color:#118BC6;
    text-decoration: none;
}

.socialwrapper {
    text-align:center;
    width:100%;
}
.social_icon {
    display:inline-block;
    padding:20px 25px 10px 25px;
}

.copywrapper {
    background:#E2E2E2;
    text-align:center;
    margin-top: 10px;
    padding: 30px;
}

.footer_contact {
    padding:0 0 10px 0;
}

.copywrapper div {
    display: inline-block;
    width: 50%;
    text-align: left;
}
.copywrapper div:last-child {
    text-align: right;
}


/* formItems */

 .row input[type=checkbox], .row input[type=radio] {
     display:none;
 }
 
 input[type=checkbox] + label:before {
     font-family: "Outokone";
     display: inline-block;
     padding-right: 10px;
     font-size: 20px;
     vertical-align: middle;
     margin-top: -5px;}
 
 input[type=checkbox] + label:before {
     content:"\ea53";
 }
 
 input[type=checkbox]:checked + label:before {
     content:"\ea52";
 }
 
 input[type=radio] + label:before {
     font-family: "Outokone";
     display: inline-block;
     padding-right: 10px;
     font-size: 20px;
     vertical-align: middle;
     margin-top: -5px;
}
 
 input[type=radio] + label:before {
     content:"\ea56";
 }
 
 input[type=radio]:checked + label:before {
     content:"\ea54";
 }
 
 .row {
    padding: 1px 0;
}


.row label {
    width: 28%;
    padding-left: 2%;
    display: inline-block;
}
.row input, .row textarea, .row .radio {
    width: 67%;
    display: inline-block;
    padding: 6px 1%;
    font-size: 1.0em;
}

.row .radio span {
    display: inline-block;
} 
.row .radio label {
    width: auto;
    padding: 10px;
    vertical-align: middle;
}

.row_checkbox label {
    width: auto; }

.row .textarea label {
    vertical-align: top;
}
.row textarea {
    vertical-align: top;
    height: 100px;
}

.row .button {
    margin-left: 30%;
    width: 65%;
    border: none;
    font-size: 1.1em;
}

.row.error input, .row.error label, .row.error textarea {
    color: red;
    border-color: red;
}


/* header */

header {
    height: 130px;
    background: #7FC9EA;
    position: fixed;
    width: 100%;
    z-index: 99;
}

header, .logo {
    transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 9998;
}

header .pagewidth {
    width: 96%;
}

.headersmall {
    height: 70px;
}

.logo {
    padding:0;
    margin-top:20px;
    position: absolute;
    width: 150px;
    z-index: 99999999999;
}

.headersmall .logo {
    -ms-transform: scale(0.6) translate(0,-60px);
    -webkit-transform: scale(0.6) translate(0,-60px); 
    transform: scale(0.6) translate(0,-60px);    
    
}

.header_side {
    position: absolute;
    right: 3%;
    top: 9px;
}

.kielet {
    display: inline-block;
    color: #118BC6;
    margin-left: 10px;
    vertical-align: middle;
}

.seperator { padding: 0 5px; display: inline-block;}

.kielet a {
    display: inline-block;
    background: #118BC6;
    border: 1px solid #118BC6;
    padding: 2px 6px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}


/* tuote */

.tuotteet {
}

.popup {
    text-decoration: none;
}
.tuotteet {
    margin-bottom: 30px;
}
.tuotteet a {
    text-decoration: none;
}

.tuote {
    z-index: 3;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:26.00%;
    padding:0 3%;
    margin: 10px 0 5%;
    color: #4a525e;
    text-align: center;
    font-size: 0.9em;
}

.tuote:hover {
    color: #007B39;
}

.tuote:hover .tuote_kuva {
    transform: scale(1.1);
    cursor: pointer;
    border-radius: 10px;
}

.tuote_kuva {
    transition: 0.2s ease-in-out;
}

.tuote h2 {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.tuote img {
    width: 80%;
    max-width: 400px;
    margin: 10px auto;
    display: block;
    z-index: 0;
}

.tuoteteksti {
    margin-bottom: 15px;
}

.tuote .button {
    display: block;
}

/*tuotesivu*/

.tuotesivu {
    height: 70vh;
}

.tuotekuva {
    width: 100%;
}

/* valikko */

.mainmenu .mobilemenu {
    display:block;
    }

.mainmenu ul {
    display: inline-block;
    float:left;
    text-align:center;
    padding: 0;
    margin-top:45px;
    margin-left: 200px;
    transition: margin-top 0.3s;
    -moz-transition: margin-top 0.3s; 
    -webkit-transition: margin-top 0.3s;
    -o-transition: margin-top 0.3s;
    
}

.headersmall .mainmenu ul {
    margin-top: 7px;
}

.mainmenu ul li {
    display: inline-block;
    padding: 10px 20px;
}

.mainmenu ul li a {
    text-decoration: none;
    color: white;
    font-size: 1.2em;
    padding: 5px 0;
    -moz-transition: opacity 0.1s; 
    -webkit-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
} 
.mainmenu ul li a:hover {
    border-bottom: 3px solid white;
    opacity: 0.6;
}

.mainmenu ul li .active {
    color:#118BC6;
    border-bottom: 3px solid #118BC6;
}

.mainmenu ul li .active:hover {
    border-bottom: 3px solid #118BC6;
    opacity: 1;
}


/* verkkokauppa haetilaus */

.webstore_getorder {
    margin-bottom: 2%;
}

.webstore_getorder .row span {
    font-weight: bold;
}

.webstore_getorder_cell {
    background: #ededed;
    padding: 2%;
    border-radius: 8px;
}
.webstore_getorder_rows {
    background: #ededed;
    border: 2px solid #dddddd;
    border-radius: 8px;
    margin-bottom: 1%;
}

.webstore_getorder_rows td, .webstore_getorder_rows th  {
    padding: 8px;
    text-align: left;
}

.webstore_getorder_rows th {
    background: white;
    color: #265877;
}

.webstore_getorder_rows tr:nth-child(odd) td {
    background: rgba(255,255,255,0.5);
}

.webstore_getorder_price {
    font-size: 1.6em;
    width: 100%;
}

.webstore_getorder_price td {
    padding: 1%;
    color: #265877;
}

/* verkkokauppa kategoriat */

.tuotteet_verkkokauppa {
}

.popup {
    text-decoration: none;
}
.tuotteet_verkkokauppa {
    margin-bottom: 30px;
}
.tuotteet_verkkokauppa a {
    text-decoration: none;
    color: inherit;
}

.tuotteet_verkkokauppa li {
    z-index: 3;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:26.00%;
    padding:0 3%;
    margin: 10px 0 5%;
    color: #4a525e;
    text-align: center;
    font-size: 0.9em;
}



.tuotteet_verkkokauppa li:hover {
    color: #007B39;
}

.tuotteet_verkkokauppa li ul li {
    display: none;
}

.tuotteet_verkkokauppa li:hover img {
    transform: scale(1.1);
    cursor: pointer;
    border-radius: 10px;
}

.tuotteet_verkkokauppa img {
    transition: 0.2s ease-in-out;
}

.tuotteet_verkkokauppa .cat_name {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    font-size: 1.3em;
    font-weight: bold;
    display: block;
}

.cat_shortdescription {
    display: block;
    margin-bottom: 10px;
}

.tuotteet_verkkokauppa img {
    width: 80%;
    max-width: 400px;
    margin: 10px auto;
    display: block;
    z-index: 0;
}

.tuoteteksti {
    margin-bottom: 15px;
}

.tuotteet_verkkokauppa .button {
    display: block;
}

/*tuotesivu*/

.tuotesivu {
    height: 70vh;
}

.tuotekuva {
    width: 100%;
}

/* verkkokauppa-tuote */

.product_main {
    min-height: 460px;
    
}

.store h1 {
    font-size: 2.0em;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 0;
}

.product_image {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px 0 0 5px;
    vertical-align: bottom;
    text-align: right;
    cursor:pointer;
}

.zoom {
    display: inline-block;
    background-image: url(../tiedostot/etsi.png);
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    margin: 20px;
}

.product_select {
    padding: 2% 3%;
    background: #7FC9EA;
    border-radius: 5px;
}

.webstore_addtocart {
    margin-top: 20px;
    color: white;
    padding: 15px 30px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    transform-origin: 50% 50%;
    vertical-align: top;
    background: #A6EEAB;
    color: #007B39;
    font-weight: normal;
    border: 1px solid #95D899;
    box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

.webstore_addtocart:hover {
    opacity: 0.9;
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    
}

.product_select label {
    color: white;
    display: block;
    padding: 0 0 5px 0;
}

.webstore_input {
    display: table;
    width: 100%;
    height: 45px;
    border: 1px solid white;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 1px solid #118BC6;
}
.webstore_input .value {
    background: white;
    font-size: 1.3em;
}
.webstore_input .value input {
    display: inline-block;
    border: none;
    padding: 0px 5%;
    width: 90%;
    text-align: center;
    font-size: 1.0em;
    vertical-align: baseline;
}

.webstore_input span {
    display: table-cell;
    background-size: 25px 25px;
    background-position: 13px 10px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.webstore_input .plus {
    display: table-cell;
    background-color: #118BC6;
    width: 50px;
    background-image: url(../tiedostot/plus.png);
    cursor:pointer;
    transition: all 0.15s ease-in-out;
    transform-origin: 50% 50%;
}

.webstore_input .minus {
    display: table-cell;
    width: 50px;
    border-left: 1px solid white;
    background-color: #118BC6;
    background-image: url(../tiedostot/miinus.png);
    cursor:pointer;
    transition: all 0.15s ease-in-out;
    transform-origin: 50% 50%;
}

.plus:hover, .minus:hover {
    background-color: #3D7091;
}

/* verkkokauppa_cart */

.webstore_cart {
}

.cart {
    vertical-align: middle;
    display: inline-block;
    top: 40px;
    right: 100px;
    z-index: 99;
    font-size: 14px;
    position: absolute;
    transition: all 0.3s;
    -moz-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.headersmall .cart {
    top: 0px;
}

.cart .cart_contents {
    position: absolute;
    display: none;
    background: white;
    padding: 5px 0 0 0;
    border-radius: 6px;
    margin-top: -1px;
    overflow: hidden;
    border: 1px solid #118BC6;
    width: 100%;
    color: #118BC6;
    box-sizing: border-box;
}

.cart:hover .cart_contents {
    display: block;
}
.cart_contents ul {
    margin: 0;
    padding: 0;
}
.cart_contents li {
    margin: 0;
    font-size: 0.9em;
    padding: 7px 40px 7px 10px;
    display: block;
    border-bottom: 1px solid silver;
    position: relative;
    min-height: 22px;
} 

.cart_total {
    padding: 12px 10px;
    font-weight:bold;
    color: white;
    background: #118BC6;
    font-size: 1.2em;
}

.cart_total small {
    display: inline-block;
    width: 50%;
    font-size: 0.8em;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.webstore_cartremove {
    display: block;
    position: absolute;
    height: 25px;
    line-height: 20px;
    padding: 0 8px;
    font-weight:bold;
    top: 5px;
    right: 5px;
    font-size: 1.2em;
    cursor: pointer;
    color: white;
    border-radius: 5px;
    background: #118BC6;
}
.webstore_cartremove:hover {
    opacity: 0.7;
}

.cart_button {
    font-size: 1.2em;
    background-color: white;
    background-image: url(../tiedostot/ostoskori.png);
    background-repeat: no-repeat;
    background-size: 23px 26px;
    background-position: 13px 10px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #118BC6;
    cursor: pointer;
    white-space: nowrap;
    color: #118BC6;
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
}

#coupon_response {
    text-align: right;
    margin-bottom: 15px;
    font-size: 0.85em;
    font-style: italic;
}


.cart_button span {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    padding: 0 15px 0 45px;
}

.cart_button_order {
    display: inline-block;
    line-height: 50px;
    padding: 0 10px;
    vertical-align: top;
    background: #A6EEAB;
    color: #007B39;
    font-weight: normal;
    border-left: 1px solid #62AF85;
    box-shadow: 0 3px 0px rgba(255,255,255,0.2) inset;
}

/* Verkkokauppa_kategoria */

.kategoria_kuva {
    width: 100%;
    margin: 1% 0;
    margin-bottom: 10px;
    height: 300px;
    background-color: #e7e7e7;
    background-size: cover;
    background-position: center center;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
    color: inherit;
}

.kategoria_isokuva {
    width: 100%;
}

.kategoriakuvaus img {
    width: 100%;
}

.kategoria_kuvateksti{
    position: absolute;
    background: rgba(255,255,255,0.90); 
    /*rgba(0,91,130,0.9);*/
    padding: 10px 5%;
    bottom: 0;
    margin: 1%;
    text-align: center;
    width: 98%;
    box-sizing: border-box;
    border-radius: 8px;
}
.kategoria_kuvateksti h1 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #118BC6;
    text-transform: uppercase;
}


.kategoria_kuvaus  {
  
}

.kategoria_kuvaus img {
    width: 80%;
    display: block;
    border-radius: 4px;
}

.kategoria_kuvaus .nappi {
    margin-left: 10px;
    padding: 7px;
    min-width: 80px;
    margin-bottom: 20px;
}

.kategoria_kuvaus .nappi img {
    width: 40px;
    margin-bottom: 7px;
    display: block;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
}

.webstore_category_products_subcategory {
    margin: 60px 0 10px;
    padding: 10px 20px 20px;
    border-radius: 6px;
    position: relative;
    width: calc( 100% - 160px );
    margin-left: 150px;
}

.webstore_category_products_subcategory img {
     display: inline-block;
     width: 150px;
     margin-top: 10px;
     vertical-align: top;
     position: absolute;
    top: -50px;
    left: -140px;
}

.webstore_category_products_subcategory h2 {
    font-weight: bold;
    color: #118BC6;
   margin: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    background: #eeeeee;
    border-radius: 9px;
}

.webstore_category_products_subcategory_description {
     display: inline-block;
     width: 88%;
     margin-left: 5%;
     vertical-align: top;
}

.webstore_category_products_subcategory .nappi {
    margin: 0;
    margin-top: 10px;
}

.kategoria_kuvaus {
    margin-bottom: 20px;
}

.kategoria_tuoterivit > .webstore_product_wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 1.5%;
    margin-top: 0;
    padding: 1.5%;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    border-radius: 6px;
    transform-origin: 50% 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}


.kategoria_tuoterivit > .webstore_product_wrapper:hover h3 .price {
    background: #265877;
    color: white;
}


.kategoria_tuoterivit .webstore_product_wrapper h3 {
    font-size: 1.5em;
    padding-top: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    vertical-align: top;
    display: block;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 0;
    color: #005F9C;
}

.kategoria_tuoterivit .webstore_product_wrapper h3 .price {
    display: none;
}

.kategoria_tuoterivit .webstore_product_wrapper img {
    display: inline-block;
    width: 26%;
    margin-right: 2%;
    vertical-align: middle;
    border-radius: 6px;
}

.kategoria_tuoterivit .webstore_product_text_wrapper {
    display: inline-block;
    width: 39%;
    padding-right: 4%;
    vertical-align: middle;
}

.kategoria_tuoterivit .webstore_product_buy {
    display: inline-block;
    background: rgba(0,0,0,0.03);
    padding: 2% 2%;
    width: 27%;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box;
}

.kategoria_tuoterivit .webstore_product_buy_price {
    font-size: 1.6em;
    margin-bottom: 30px;
    font-weight: bold;
}

.kategoria_tuoterivit .webstore_addtocart {
    display: block;
    width: 100%;
    
}

/* verkkokauppa_tilaus */

.webstore_cart_order, .webstore_register {
    background: #ededed;
    padding: 1% 4% 4%;
    border-radius: 6px;
}

.webstore_cart_order .cart_button {
    display: none;
}

.webstore_cart_order .cart_total {
    border-radius: 6px !important;
    font-size: 1.5em;
    padding: 4%;
    line-height: 1.3em;
    text-align: center;
}

.webstore_cart_order .cart_total small {
    font-size: 0.7em;
}

.webstore_cart_order .cart_contents li {
    font-size: 1.1em;
}

.webstore_cart_order .cart_contents {
    background-color: white;
    background-repeat: no-repeat;
    background-size: 23px 26px;
    background-position: 13px 10px;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5    );
}

.row_wrapper {
    display: table;
    width: 100%;
}

.webstore_register {
    font-size: 0.9em;
}

.webstore_buy {
    margin-top: 20px;
    display: block;
    color: #007B39;
    padding: 15px 20px;
    background: #A6EEAB;
    background-size: 100% 100%;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: 0 2px 1px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    transform-origin: 50% 50%;
}

.webstore_buy:hover {
    opacity: 0.95;
    transform: scale(0.97);
}

.lomake_toimitustyyppi[type="radio"] {
    display: none;
}

.toimitustapa {
    margin-bottom: 10px;
}

.toimitustapa .row .radio {
    width: 100%;
}

.toimitustapa .row .lomake_toimitustyyppi[type="radio"]+label:before {
    display: none;
}

.toimitustapa .row .radio span {
    display: inline;
}

.toimitustapa .row .lomake_toimitustyyppi[type="radio"]+label {
    background: white;
    display: inline-block;
    border-radius: 8px;
    padding: 10px;
    vertical-align: top;
    min-width: 45%;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.3);
    margin-right: 2%;
}

.toimitustapa .row .lomake_toimitustyyppi[type="radio"]:checked+label {
    background: #118BC6;
    border: 1px solid rgba(0,0,0,0.3);
    color: white;
}

.webstore_toimitustapalisa {
    padding: 0px 10px 20px;
}

.webstore_toimitustapalisa select {
    width: 100%;
    padding: 5px 10px;
}

.cart_ehdot {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid silver;
    border-radius: 6px;
}

#payment .C1 div p {
    margin-bottom: 10px;
}

.payment_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.payment_button form {
    
}

.payment_buttons button {
    display: flex;
    background: none;
    border: none;
    width: 150px;
    height: 100px;
    border: 1px solid silver;
    border-radius: 3px;
}
.payment_buttons button:hover {
    opacity: 0.7;
    cursor: pointer;
    background: #ededed;
}

.payment_buttons img {
 width: 90%;
 margin: auto;
}



/* verkkokauppa_tuote_lisatiedot */

/*.product_lisatiedot {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product_tabs ul {
    padding: 0;
}
.product_tabs li {
    display: inline-block;
    margin: 0;
    padding: 15px 30px;
    border-radius: 6px 6px 0 0;
    margin-bottom: -3px;
    font-size: 1.2em;
    font-weight: bold;
    cursor:pointer;
}
.product_tabs .active {
    border: 3px solid #ededed;
    border-bottom-color: white
}

.product_kuvaus {
    border: 3px solid #ededed;
    padding: 2%;
}

#teknisettiedot {
    display:none;
}*/

.product_lisatiedot {
    margin-top: 20px;
    margin-bottom: 20px;
}

.product_tabs ul {
    padding: 0;
}
.product_tabs li {
    display: inline-block;
    margin: 0;
    padding: 15px 30px;
    border-radius: 6px 6px 0 0;
    margin-bottom: -3px;
    font-size: 1.2em;
    font-weight: bold;
    cursor:pointer;
}
.product_tabs .active {
    border: 3px solid #ededed;
    border-bottom-color: white
}

.product_kuvaus {
    padding: 1%;
}

.product_kuvaus2 {
    padding: 1%;
}



/* yhteystiedot */

.yhteystiedot {
    background-color:white;
    border:5px solid white;
    padding:2% 5%;
    z-index: 2;
    background: white;
    display: inline-block;
}

.yhteystiedot h1 {
    color: #118BC6;
    padding:0;
    margin:0;
}

.gmap_background {
    position:absolute;
    padding:0;
    margin:0;
    border:none;
    width:100%;
    height:100vh;
    z-index:-1;
}

#map_map {
   width: 100%;
    height: 100%;
}

.yhteystiedotheight {
    height: 100%;
    height: 100vh;
}



   
@media only screen and (min-width: 1250px) and (max-width:1500px) {

    /* laptops */
html, body {
    font-size: 18px;
}
.pagewidth {
    width: 80%;
    max-width: 1200px;
    margin:auto;
    font-size:15px;
}


.esittely {
   padding-top:40px
}

.etusivu .pagewidth {
    width: 65%;   
}
 
#pager {
    margin-top: -20px;
}





.headersmall {
    height: 60px;
}

.header .pagewidth {
    width: 90%;
}

.tuoteteksti {
}

.mainmenu ul {
    margin-left: 160px;
}

.mainmenu ul li {
    display: inline-block;
    padding: 10px 15px;
}

.mainmenu ul li a {
   font-size: 1.3em;
   padding: 5px 0;
 } 









.cart {
    vertical-align: middle;
    display: inline-block;
    right: 100px;
    z-index: 99;
    font-size: 12px;
    position: absolute;
}

.cart:hover .cart_contents {
    display: none;
}

.headersmall .cart {
    top: -2px;
}

.cart_button span {
    display: inline-block;
    line-height: auto;
    width: 70px;
    margin-top: 5px;
    margin-right: 0px;
    line-height: normal;
    white-space: normal;
    font-weight: bold;
}

.cart_button {
    background-position: 13px 9px;
  }

.cart_button span b {
    display: none;
}

.cart_button_order {
    display: inline-block;
    line-height: 45px;
    padding: 0 8px;
    vertical-align: top;
    background: #A6EEAB;
    color: #007B39;
    font-weight: bold;
    border-left: 1px solid #62AF85;
    box-shadow: 0 3px 0px rgba(255,255,255,0.2) inset;
}









   
}
@media only screen and (min-width: 900px) and (max-width:1250px) {

    /* tablets  */
html, body {
    font-size: 16px;
}
.pagewidth {
    width: 90%;

}







header {
    height: 100px;
}

.header_side {
    right: 1%;
}

.headersmall {
    height: 100px;
}

header .pagewidth {
    width: 96%;
}

.logo {
    margin-top: 20px;
    width: 120px;
}

.headersmall .logo {
    -ms-transform: scale(1) translate(0,0);
    -webkit-transform: scale(1) translate(0,0); 
    transform: scale(1) translate(0,0);    
    
}

.tuoteteksti {
}

.mainmenu ul {
    margin-left: 150px;
    margin-top:43px;
}

.headersmall .mainmenu ul {
    margin-top:43px;
}

.mainmenu ul li {
    padding: 10px 10px;
}

.mainmenu ul li a {
    font-size: 1.2em;
} 







.cart {
    vertical-align: middle;
    display: inline-block;
    right: 0;
     top: 35px;
   z-index: 99;
    font-size: 12px;
    position: absolute;
}

.cart:hover .cart_contents {
    display: none;
}

.headersmall .cart {
    top: 35px;
}

.cart_button span {
    display: inline-block;
    line-height: auto;
    width: 70px;
    margin-top: 5px;
    margin-right: 0px;
    line-height: normal;
    white-space: normal;
    font-weight: bold;
}

.cart_button {
    background-position: 13px 9px;
  }

.cart_button span b {
    display: none;
}

.cart_button_order {
    display: inline-block;
    line-height: 45px;
    padding: 0 8px;
    vertical-align: top;
    background: #A6EEAB;
    color: #007B39;
    font-weight: bold;
    border-left: 1px solid #62AF85;
    box-shadow: 0 3px 0px rgba(255,255,255,0.2) inset;
}










}

@media only screen and (max-width: 899px) {
    /* phones */

html, body {

    font-size: 15px;

}

.pagemargin {
    padding-top: 120px;
    padding-bottom: 50px;
}

.pagewidth {
    width: 95%;
}

.yrityswrapper {
    max-width:95%;
    margin:auto;
}

.nappi, .button {
    font-size: 1.7em;
}

.esittely {
    margin-top: 0;
    width: 96vw;
}

.etusivu .fullheight {
    padding-top: 50px;
    height: calc( 100vh - 50px);
}

.esittely img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.esittely .esittely_video {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.esittely_text_wrapper {
    font-size: 1.4em;
    width: 100%;
    display: inline-block;
    margin-left: 0;
    text-align: center;
}


#pager {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

.esittely_text_wrapper .button {
    margin-top: 10px;
    padding: 15px 50px 15px 30px;
    font-size: 1.2em;
}





header {
    height: 50px;
}

.headersmall {
    height: 50px;
}

.logo {
    margin-top:7px;
    width: 60px;
    left: 7px;
}

.headersmall .logo {
    -ms-transform: scale(1) translate(0,0);
    -webkit-transform: scale(1) translate(0,0); 
    transform: scale(1) translate(0,0);    
    
}

.kielet {
    display: none;
}

.mobile_extra .kielet {
    display: inline-block;
    margin-bottom: 10px;
}

.kielet a {
    display: inline-block;
    background: white;
    padding: 2px 15px;
    color: #118BC6;
    font-size: 1.5em;
    text-decoration: none;
    border-radius: 4px;
    margin: 10px;
}


.tuote {
    width:96%;
    padding:0 2%;
    padding-bottom: 20px;
    display: block;
    text-align: center;
}

.tuoteteksti {
    min-height: inherit;
}

.tuote:hover {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
}
.tuote:hover .tuote_kuva {
    transform: scale(1.0);
}

.tuotesivu .table {
    display:block;
}
.tuotesivu .tablecell {
    display: block;
}

.tuotesivu .width40 {
    width: 100%;
}
.tuotesivu .width50 {
    width: 100%;
}



.mainmenu .mobilemenu { 
    font-family: 'outokone' !important;
    display: block; 
    width: 50px; 
    height: 50px; 
    position: fixed;
    z-index: 9999;
    right: 0px;
    top: 0px;
    padding: 0px;
}

.mainmenu .mobilemenu:after {
    font-size: 47px;
    content: "\e905";
    color: white;
    text-shadow: 0 2px #118BC6;
}


.mainmenu ul { 
    display:none;
    width: 100%;
    height: auto;
    position: fixed;
    top: 50px !important;
    left: 0px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9999999;
    background: #7FC9EA;
}

.mainmenu ul li {
    width: 100%;
    height: auto;
    display: block;
    background: #7FC9EA;
    padding: 0;
    margin: 0;
}

.mainmenu ul li a {
    width: 96%;
    padding: 12px 2%;
    display: block;
    font-weight: bold;
    font-size: 20px;
    border: none;
}

.mainmenu ul li a:hover {
     border: none;
}

.mainmenu ul li .active {
    color:#118BC6;
    border-bottom: none;
}

.mainmenu ul li .active:hover {
    border-bottom: none;
    opacity: 1;
}



.tuotteet_verkkokauppa ul {
    margin: 0;
    padding: 0;
}
.tuotteet_verkkokauppa li {
    z-index: 3;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:96.00%;
    padding:0 2%;
    margin: 10px 0;
    color: #4a525e;
    text-align: center;
    font-size: 0.9em;
}



.cart {
    vertical-align: middle;
    display: inline-block;
    top: -6px;
    right: 50px;
    z-index: 99;
    font-size: 10px;
    position: absolute;
    width: 170px;
}

.cart:hover .cart_contents {
    display: none;
}

.headersmall .cart {
    top: -6px;
}

.cart_button span {
    display: inline-block;
    line-height: auto;
    width: 50px;
    margin-top: 5px;
    margin-right: 0px;
    line-height: normal;
    white-space: normal;
    font-weight: bold;
}

.cart_button {
    background-position: 13px 6px;
  }

.cart_button span b {
    display: none;
}

.cart_button_order {
    display: inline-block;
    line-height: 40px;
    padding: 0 7px;
    vertical-align: top;
    background: #A6EEAB;
    color: #007B39;
    font-weight: bold;
    border-left: 1px solid #62AF85;
    box-shadow: 0 3px 0px rgba(255,255,255,0.2) inset;
}

.kategoria_isokuva {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.kategoria_tuoterivit > .webstore_product_wrapper {
    display: block;
}

.kategoria_tuoterivit .webstore_product_wrapper img {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}

.kategoria_tuoterivit .webstore_product_text_wrapper {
    display: block;
    width: auto;
    padding-right: 0;
    vertical-align: middle;
}

.kategoria_tuoterivit .webstore_product_buy {
    display: block;
    background: rgba(0,0,0,0.03);
    padding: 2% 2%;
    width: auto;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box;
}





.row label {
    width: 100%;
    display: inline-block;
    padding-left: 0;
}
.row input, .row textarea {
    width: 98%;
    display: inline-block;
    padding: 0.6% 1%;
    border: 1px solid #dddddd;
    margin: 0.5% 0;
    font-size: 1.5em;
    margin-bottom: 10px;
}
.row .textarea label {
    vertical-align: top;
}
.row textarea {
    vertical-align: top;
    height: 100px;
}

.row .button {
    margin-left: 0;
    width: 98%;

}



	    
}

@media only screen and (max-width: 899px) and (orientation: portrait) {
    /* portrait phones */
}@media only screen and (min-width: px) {
    /* tablets and desktop */
}

@media only screen and (max-width: 899px) {
    /* phones */
}

@media only screen and (max-width: 899px) and (orientation: portrait) {
    /* portrait phones */
}