html{
	margin:0; padding:0;
	height: 100%;
	}

/* MAINCONTAINERS */

body {
	width:100%;
	height: 100%;
	margin:0; padding:0;
	font-family: "Trebuchet MS",Arial,Helvetica, sans-serif;
	font-size: 13px;
	font-weight:400;
	color: #eee;
	background:#111;
	}

.fixed-bg {
	min-height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
}
.fixed-bg.bg-1 {background-image: url("/pics/pmbg-1.jpg");}
.fixed-bg.bg-2 {background-image: url("/pics/pmbg-2.jpg");}
.fixed-bg.bg-3 {background-image: url("/pics/pmbg-3.jpg");}
.fixed-bg.bg-4 {background-image: url("/pics/pmbg-4.jpg");}
.fixed-bg.bg-5 {background-image: url("/pics/pmbg-5.jpg");}
.fixed-bg.bg-6 {background-image: url("/pics/pmbg-6.jpg");}
.fixed-bg.bg-7 {background-image: url("/pics/pmbg-7.jpg");}
.fixed-bg.bg-8 {background-image: url("/pics/pmbg-8.jpg");}
.fixed-bg.bg-9 {background-image: url("/pics/pmbg-9.jpg");}

.fixed-bg.bg-11 {background-image: url("/pics/pmbg-11.jpg");}

.fixed-bg.bg-13 {background-image: url("/bg/bg-13.jpg");}
.fixed-bg.bg-14 {background-image: url("/pics/bg15.jpg");}
.fixed-bg.bg-15 {background-image: url("/bg/bg-15.jpg");}

.scrolling-bg {min-height: 100%;}

.opa-80 { display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.80); z-index:0}
.opa-60 { display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.60); z-index:0}
.opa-40 { display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.40); z-index:0}
.opa-20 { display:block; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.20); z-index:0}

.main {display:block; position:relative; width:100%; height:auto; padding:0 !important; margin:0 !important; overflow:hidden; z-index:2;}

ol {list-style-type:none; padding: 0 0 6px 8px; margin: 0}
ol li {display:inline;}
.pm {padding-top:70px !important}

select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}

.wrapper-1-4 {display:block; position:relative; width:25%; height:auto; overflow:hidden; float:left}
.wrapper-3-4 {display:block; position:relative; width:74%; margin-left:1%; height:auto; overflow:hidden; float:right}

.wrapper-1-5 {display:block; position:relative; width:20%; height:auto; overflow:hidden; float:left}
.wrapper-4-5 {display:block; position:relative; width:79%; margin-left:1%; height:auto; overflow:hidden; float:right}

.botlinks {display: block; position:relative; width: 22%; float:left; text-align:left; margin: 15px; margin-left:0; padding: 5px; padding-bottom:15px; color:#ccc; line-height:1.4em}
.botlinks h5 { font-weight:700; font-size:1.4em; padding-bottom:10px; padding-left:0 !important; margin-left:0 !important; color:#eee}
.botlinks a { font-weight:300 !important}

.botlinks h5 {color:#ED191D; border-bottom: 1px solid rgba(255,255,255,0.1)}


.tukilinkit,
.tukilinkit a,
.tukilinkit a:link,
.tukilinkit a:hover,
.tukilinkit a:visited {font-weight:normal; font-size:1.1em; line-height:1.6em; letter-spacing:0.5px; color:#ccc;}
.tukilinkit a:hover, .tukilinkit a:active, .tukilinkit a:focus {color:#FC0; text-decoration:none;}


.hlink, a.hlink { margin-left:10px !important; text-decoration:none !important}
.divider { border-top:1px solid rgba(255,255,255,0.1)}
.divider1 { border-top:1px solid #222}
.divider2 {margin: 5px 10px; width:90%; border-top:1px solid #393939}
.divider3 {margin: 5px 0; width:50%; border-top:1px solid #777}
img {border: 0px;}
.clearfloat {clear:both;}

.tilausholder {width:295px; height:390px; padding:15px; margin:0; margin-right:10px !important; float:left; text-align:left; background:#000; overflow:hidden;
}

.tilaus {padding:2px; background-color:#111;}
.tilausheader { background-color:#900; color:#FFF; padding:2px;}
.tilausbox {width: auto; float:left; border-right:1px dotted #333; padding:1px;}


.tilauscheckbox {background-color:#111;}
.tilausteksti {background-color:#111;}


/* ******************* UUSI HEADERI ********************** */

.transit {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.transit2 {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}

.box_header {
display:block; position: fixed; width:100%; height:70px; line-height: 70px; margin: 0; padding:0 auto; z-index:20;
background: #111;
border-bottom:1px solid rgba(255,255,255,0.1);
}

.etusivu .box_header {

	background: -webkit-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
}


.box_header.shrink {
	height: 50px;
	line-height:50px;
	background: rgba(0,0,0,0.9) !important;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
}
.box_header.changecolor {

}
.box_header.shrink .palkki_top, .box_header.shrink .palkki_bot, .box_header.shrink .palkki_top_wrapper {
 height:0;
}

.box_header.shrink .megamenu ul li.logox {width:160px; margin-top: 5px;}
.box_header.shrink .megamenu {
	height:50px; line-height:50px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.box_header.shrink .megamenu ul li a.button {margin-top:0px}
.box_header.shrink .megamenu ul li.dropdown a.button span.online {top:4px;}

/* ******************* VALIKKO SIMPPELI ********************** */

.megamenu {position:relative; max-width:1280px; height:70px; margin:0 auto; line-height:70px;} 
  .megamenu ul{margin: 0px; padding: 0px; width:100%; list-style-type:none;}
   .megamenu ul li {display:inline-block; float:left; text-align:center; margin-left:1px; padding:0;}
	.megamenu ul li.right {float:right;}
	.megamenu ul li.logox {display:block; width:200px; padding-right:15px; margin-top: 10px; z-index:10000;}
	.megamenu ul li.logox img {width:100%; margin:0; padding:0;}
	

	.megamenu ul li a.button {
		display:inline-block;
		position: relative;
		color:#ddd !important;
		font-size:1.3em;
		padding:0 10px 0 10px;
		font-weight:700;
		text-shadow: 1px 1px rgba(0,0,0,0.2);
}
	.megamenu ul li a.button.galleria {
		display:inline-block;
		position: relative;
		color:#333 !important;
		font-size:1.3em;
		padding:0 10px 0 10px;
		font-weight:700;
		text-shadow:none !important;
}	

.megamenu ul li a.button b {color:#ED191D}


.megamenu ul li a.button:hover, .megamenu ul li a.button.active {color:#ED191D !important;}
	
.megamenu ul li.right a.button {
	color:#eee !important;
	background: rgba(0,129,212,1.00);
	font-size:1em;
	margin-right: 3px;
	margin-top: 4px;
	line-height: 28px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius: 2px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
	-o-transition: background 0.2s;
    transition: background 0.2s;
}

.megamenu ul li.right a.button.login {background: #007808;}
.megamenu ul li.right a.button.register {background: rgba(0,129,212,0.8);}
.megamenu ul li.right a.button.logout {background:#ED191D;}
.megamenu ul li.right a.button.info {background: rgba(221,5,130,1.00);}

.megamenu ul li.dropdown.right:hover a.button,
.megamenu ul li.right a.button:hover,
.megamenu ul li.right a.button:active,
.megamenu ul li.right a.button:focus,
.megamenu ul li.right a.button.active
{background:rgba(54,155,13,1.00)}


.megamenu ul li.dropdown a.button span.online
{position:absolute !important; box-sizing: border-box; top:8px; right:8px;
padding:1px 5px; background:#ED191D; color:#fff; line-height:12px; border-radius:20px; font-size:10px; text-align:center}

.megamenu ul li.dropdown a.button span.nuoli
{position:absolute !important; box-sizing: border-box; bottom:-12px; right:50%; left:50%; color:#111; line-height:12px;  font-size:40px;
visibility: hidden; opacity: 0;}

/* ******************* DROPBUTTON ********************** */

.megamenu ul li.dropdown {overflow:visible;}
.megamenu ul li.simpledrop {position:relative}

li.dropdown .pudotus {
	display:block;
	position:absolute;
	width:100%;
	top:80px;
	left:0px;
	padding:0px;
	text-align:left;
	
	visibility:hidden;
	opacity:0;
	max-height:0;
	
	background: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,1));
    background: -o-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,1));
    background: -moz-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,1));
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,1));
	
	background: rgba(0,0,0,0.9);
	
	overflow:hidden;
	z-index: 1;
}

.megamenu ul li.simpledrop .pudotus {min-width:200%}
.megamenu ul li.right .pudotus {right:0px !important; left:auto; min-width: 300%;}

li.dropdown .pudotus .holder {display:block; box-sizing: border-box; width: 25%; padding: 10px; float: left;}
li.dropdown .pudotus .holder.full {width: 100%;}
li.dropdown .pudotus h5 { font-size:1.4em; margin: 10px; padding-bottom: 8px; border-bottom: 1px solid #333}
li.dropdown .pudotus h5 b {color:#ED191D}
	
li.dropdown .pudotus a
{display:block; position:relative; color:#ccc; font-size:1.2em; font-weight:400; padding:3px 10px 3px 10px; margin-bottom:1px; line-height:26px;}

li.dropdown .pudotus a span.online {float:right;
padding:1px 3px; margin:6px 0; width:20px; background:#a60000; color:#fff; line-height:12px; border-radius:2px; font-size:10px; text-align:center}

li.dropdown .pudotus a span.uusi {float:right;
padding:1px 3px; margin:6px 0; min-width:20px; background:#ED191D ; color:#fff; line-height:12px; font-weight: 700; border-radius:2px; font-size:10px; text-align:center}

li.dropdown .pudotus a:hover, li.dropdown .pudotus a:focus {color:#fff !important; background:#333;}
li.dropdown .pudotus a.active {color:#fff !important; background:#a60000;}

li.dropdown .pudotus a.active span.online {background:#111}

li.dropdown:hover .pudotus {visibility:visible; max-height: 500px; opacity:100; top:60px;}
li.dropdown:hover a.button span.nuoli {visibility:visible !important; opacity: 1 !important; bottom:-5px !important}

li.dropdown:hover a.button, li.dropdown:hover a.button.livesex {
	color:#ED191D !important;
}

.box_header.shrink li.dropdown .pudotus { top:46px;}


.pudotus .hnappi {
	box-sizing: border-box !important;
	display: block !important;
	width: 24% !important;
	margin:0.5% !important;
	padding:20px 0 20px 0 !important;
	font-size: 20px !important;
	font-weight:700 !important;
	text-align: center;
	background: #222;
	float: left;
	border-radius: 4px;
	-webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    transition: background 0.1s;
}

.pudotus .hnappi.more {
	
	width: 99% !important;
	margin:0.5% !important;
	padding:5px 0 5px 0 !important;
	font-size: 16px !important;
	font-weight:700 !important;
	text-align: center;
	background: #222;
	
	border-radius: 4px;
	-webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    transition: background 0.1s;
}


.pudotus .hnappi:hover {background: rgba(148,0,2,1.00) !important}





.pudotus p {line-height:16px !important; padding-left: 10px !important;}


.kateholder {width:25%; padding-right:0.5%; padding-bottom:0; margin-bottom:4px; float:left; max-height:384px; box-sizing:border-box; overflow:hidden;}
.kateboard {width:100%; max-height:384px; position:relative; box-sizing:border-box; padding-bottom:0; overflow:hidden}
.kateboard img { width:100%; margin:0; padding:0;}
.katebox {display:block; box-sizing: border-box; width:100%; height:100%; position:absolute; bottom:0; left:0; padding:15px; padding-top: 20%; text-align:left;
background:#111;
background: rgba(0,0,0,0.60);
}
.katebox h3 {font-size:2.4em !important; font-weight:400; letter-spacing: -1px;}

h3 b, h2 b, h1 b {color:#FFAA00; font-weight:800 !important}
h3 b.fin, h2 b.fin, h1 b.fin {color:#0094EC; font-weight:800 !important}
.sorange {color:#ED191D;}
.fin {color:#0094EC;}


/* ******************* SUODATIN ********************** */

#filters {display:block; height:0; padding-bottom:10px; width:100%; background:#191919; overflow:hidden;
    -webkit-transition: height 0.2s linear;
       -moz-transition: height 0.2s linear;
         -o-transition: height 0.2s linear;
            transition: height 0.2s linear;
}

p.suodatettu { margin-left:10px; color:#999 !important;}

.filterblock {display:block; box-sizing: border-box; float:left; padding:0 15px;}
.filterblock.side {float:none; padding:0px;}
.filterblock h5 { padding-top:10px; font-size:1.2em; font-weight:300 !important; color:#eee;}
.newsuodatin { display:block; padding:10px 0 0px 5px}
.newsuodatin.katsuodatin { display:inline-block; width:19%; padding:10px 0 -5px 5px; box-sizing: border-box !important;}
.newsuodatin a,.newsuodatin a:visited, .newsuodatin a:active {font-size:1.2em !important; color:#888 !important}
.newsuodatin a:hover, .newsuodatin a:focus {color:#ED191D !important}
.newsuodatin a.act { color:#ED191D !important}

a#displayText {display:block; padding:10px; font-size:16px; font-weight:300; color:#222;}

/* ******************* LINKKITYYLIT ********************** */
b {font-weight:700}
a:link, a:visited, a:active {text-decoration: none; font-size: 1em; color: #ccc;}
a:hover {color: #FFFFFF;}
.small, a.small:link, a.small:visited {color: #eee; text-decoration: none; font-size:11px;} a.small:hover {color: #FFCC00;}
.monitor, a.monitor:link, a.monitor:visited, a.monitor:active {color: #CCCCCC; text-decoration: none; font-size:10px;}
a.monitor:hover {color: #FFCC00;}
.perus, a.perus:link, a.perus:visited {color: #9C3; text-decoration: none; font-size:12px;}
a.perus:hover {color: #FFCC00;}
.green, a.green:link, a.green:visited {color: #afdb2c; text-decoration: none; font-size:10px;}
a.green:hover {color: #FFCC00;}
.biggreen, a.biggreen:link, a.biggreen:visited {color: #afdb2c; text-decoration: none; font-size:14px;}
a.biggreen:hover {color: #FFCC00;}
.small1, a.small1:link, a.small1:visited { color: #ceb178;text-decoration: none; font-weight: normal; font-size:10px;}
a.small1:hover {color: #FFFFFF;}

.bronze, a.bronze:link, a.bronze:visited { color: #FF6633;text-decoration: none; font-size: 12px;} a.bronze:hover {color: #FFFFFF;text-decoration: underline;}

.white  {color: #eee;text-decoration: none; font-size: 12px; line-height: 130%;}
a.white:link, a.white:visited {color: #fff;text-decoration: underline; font-size: 12px; line-height: 130%;} a.white:hover {color: #FFCC00;}

p.big { font-size:1.2em !important; line-height:1.4em;}
p.big1 { font-size:1.4em !important}
p.big2 { font-size:1.6em !important; line-height:1.6em; margin-top:0; padding-top:10px; padding-bottom:0}


/* *******************  HEADINGS  ********************** */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 1em; color:#eee; letter-spacing: -0.5px; font-family: 'Arial Black', Gadget, sans-serif;}
h1 {text-align: left; font-size: 28px; font-weight:600; margin: 0 20px 5px 0;}
h2 {text-decoration: none; font-size: 22px; font-weight:600; margin-bottom: 5px;letter-spacing: -1px;}
h3 {font-size: 20px; color: #CCCCCC; margin: 10px 0px; padding: 0px 0 0px 0;}
h4 {font-size: 18px; margin: 20px 0 20px 0; font-weight:600; display: inline;}
h5 {font-size: 18px; color:#CCCCCC; margin: 5px 0px 5px 0px;}
h6 {font-size:16px; font-weight:700; padding:0; margin:0}

h1 {font-weight: 800; letter-spacing: -0.5px;}
.mts {text-transform: uppercase; font-weight: 800; letter-spacing: -0.5px;}

h1.big { font-size:2em !important}
h1.big1 { font-size:3em !important}
h1.big2 { font-size:4em !important; padding:15px 0}

h1.kateg { font-size:2.5em !important; margin:0; padding:10px; padding-bottom: 0; color:#999;}
p.kateg { font-size:1.3em !important; margin:0; padding:10px; padding-top: 0; color:#999;}
h5.kateg { font-size:1em !important; font-weight:400 !important; padding:0 !important; margin:0 !important}

h1.thin { font-weight:300 !important}

h2.big { font-size:2em !important}
h2.big1 { font-size:3em !important}
h2.big2 { font-size:4em !important}

.h1.thin, .h2.thin, .h3.thin {font-weight:300;}

p.big2 a { font-weight:700; color:rgba(255,167,0,1.00)}
p.big2 a:hover, p.big2 a:focus {color:rgba(255,255,255,1.00)}
.malli {color: #C00; line-height: 200%;} a.malli:link, a.malli:visited {color: #993; text-decoration: underline;} a.malli:hover {color: #FFCC00;}
.bigwhite, a.bigwhite:link, a.bigwhite:visited { color: #eee;text-decoration: none; font-size:16px;} a.bigwhite:hover {color: #FFCC00;}
.gray, a.gray:link, a.gray:visited {text-decoration:none;color:#CCCCCC; font-size:12px; line-height: 120%; } a.gray:hover {color: #6C0;}
/* ******************* // TEKSTITYYLIT // ********************** */

.bigwhite18 { color: #eee;text-decoration: none; font-weight : bolder; font-size: 18px;}
.blue { color: #759398; text-decoration: none; font-weight : normal; font-size:11px;}
.light { color: #696969;text-decoration: none; font-size:11px;}
.red { text-decoration:none;color:#FF0000; font-size:10px;}
.virhe { text-decoration:none; color:#F33; font-size:12px; font-weight : normal;}
.count { color: #FF6C00;text-decoration: none; font-weight : bold; font-size: 70px; line-height: 0.5em; letter-spacing: -.05em;}
.count1 { color: #FF6C00;text-decoration: none; font-weight : bold; font-size: 24px; line-height: 2em; letter-spacing: -.05em;}

.bigfont { font-size:1.3em}

.text_f00 {color:#F00 !important}
.text_f30 {color:#F30 !important}
.text_fc0 {color:#Fc0 !important}
.text_f60 {color:#F60 !important}
.text_666 {color:#666 !important}
.text_444 {color:#444 !important}
.text_333 {color:#333 !important}
.text_222 {color:#222 !important}
.text_111 {color:#111 !important}
.text_999 {color:#999 !important}
.text_ccc {color:#ccc !important}
.text_eee {color:#eee !important}
.text_fff {color:#fff !important}

.form { color: #622E01; width:170px; text-decoration: none; font-weight : bolder; font-size:10px;}

.txt_green {color: #690 !important}
.txt_blue_drk {color: #993 !important}
.txt_blue {color: #66ccff !important}
.txt_orange {color:#FFCD00 !important}
.txt_white {color: #fff; font-size:12px;}
.txt_white_small {color: #fff;}
.txt_mustard {color: #ceb178 !important}
.txt_count {color: #eee; font-size:12px;}
.txt_rating {color: #fdb404 !important}
.txt_rating_big {color:#C30; font-size:22px; font-weight:bold;}
.txt_date {color: #666 !important}

/*-------------- HAKU TOPBAR -----------------------*/	

.haku {dislay:block; box-sizing: border-box; padding:100px; width: 100%; text-align: center; vertical-align: middle}
.haku input {height:50px; padding: 0 10px; width:300px; font-size: 20px; border: 1px solid rgba(200,200,200,0.3); border-radius: 2px;}
.haku button {height:50px; padding: 0 20px; font-size: 20px; border: 1px solid rgba(200,200,200,0.3); border-radius: 2px;}
.haku h1 {display: inline-block; text-align:left; margin-bottom: 20px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 400;}

/*-------------- HAKU MAIN -----------------------*/	
    
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

/*-------------- HAKU MAIN -----------------------*/	
    
    .form-wrapper {
        width: 450px;
        padding: 15px;
        margin: 150px auto 50px auto;
        background: #444;
        background: rgba(0,0,0,.2);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    
    .form-wrapper input {
        width: 330px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #eee;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
.byline p{
  text-align:center;
  color:#c6c6c6;
  font: bold 18px Arial, Helvetica, Sans-serif;
  text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.byline p b{
  color:#d83c3c;
  text-decoration:none;
}
.byline p a{
  color:#FF8C00;
  text-decoration:none;
}
/* ---------------------------------------------- */


/* ******************* // LOGINBAR // ********************** */

.btn_loginnappi {float:right; width:120px; display:inline; height: 30px; line-height: 30px; margin:0; text-align:center; font-size:12px; text-decoration:none;}

.input-text, .input-password, .input_email {
	font-size: 14px;
	background: #fff;
	outline: medium none;
	border: 1px solid #cfcfc9;
	padding: 3px 10px;
}


.latausvalinta {
	width:260px;
	font-size:15px;
	margin-top: 6px;
	border:1px solid #333;
	padding:10px 6px;
}

.latausvalinta-area69 {
	width:98%;
	font-size:14px;
	margin-top: 6px;
	border:1px solid #333;
	padding:10px 6px;
}
.button-lomake-area69 {
		font-size:14px; color: #FFF;
		width: 98%; height: 40px; line-height:40px; margin-left: 0px; border:none; margin-top: 6px; background-color: #CC0000; cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		}
.button-lomake-area69:hover { background-color: #3C0;}

/* ******************* // LOGINBAR // ********************** */


.button_login_submit_iso {width: 118px; height: 29px; margin-left: 5px;	border:none; background-image:url(/pics/button_etu_ineen.gif); overflow: hidden; cursor: pointer;}
.button_login_submit_iso:hover { background-position: 0px -29px; }
		
.button_login_submit {
		font:bold 12px; color: #FFFFFF; width: 70px; height: 24px;	margin-left: 2px; border:none; margin-top: 3px;	margin-bottom: 3px;	padding: 3px 6px 1px 6px; background-color: #990;
		cursor: pointer;}
.button_login_submit:hover { background-color: #FF0000;}

.button_login_submit_hallinta {
		font:bold 12px; color: #FFFFFF; width: 140px; height: 26px;	margin: 10px 0px 0px 0px; border:none; padding: 4px 6px 3px 6px; background-color: #990; cursor: pointer;}
.button_login_submit_hallinta:hover { background-color: #FF0000;}


.formholder {display:block; position:relative; margin:0px; margin-bottom:5px; padding:10px; background-color:#222; text-align:left; overflow:hidden;}


form label.login { display:block; font-size:1.2em; margin-top:10px !important;}

form input.login, form input.login_pwd {display:block; width: 80%; height: 30px; background:#222; color: #eee; font-size:20px; font-weight:400;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 6px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #555;

}
form input.login:focus, form input.login_pwd:focus {
	background:#111;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  	padding: 3px 0px 3px 6px;
  	margin: 5px 1px 3px 0px;
  	border: 1px solid rgba(81, 203, 238, 1);
}


form input.register  {display:block; width: 90%; line-height: 40px; padding: 30px; background:#222; color: #eee; font-size:20px; font-weight:400;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 6px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #555;

}
form input.register:focus {
	background:#111;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  	padding: 3px 0px 3px 6px;
  	margin: 5px 1px 3px 0px;
  	border: 1px solid rgba(81, 203, 238, 1);
}






form input.checkbox {margin:0; margin-right:5px;}

.button_login {
		font-size:16px; color: #FFF;
		width: 180px; height: 40px; line-height:40px; margin-left: 0px; border:none; margin-top: 10px; background-color:#3C0; cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		}
.button_login:hover { background-color: #FCB500;}

.button_lomake {
		font-size:16px; color: #FFF;
		width: 180px; height: 40px; line-height:40px; margin-left: 0px; border:none; margin-top: 10px; background-color: #CC0000; cursor: pointer;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		}
.button_lomake:hover { background-color: #3C0;}


/* ****************************** NAPPULOITA ************************************ */

a.nappi-punainen {
	display:inline-block;
	box-sizing: border-box;
	padding:5px 10px 5px 10px;
	text-align:center;
	font-weight:700;
	margin-right:6px;
	line-height:28px;
	color:#FFF !important;
	background:#C00000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
a.nappi-punainen:hover, a.nappi-punainen:focus, a.nappi-punainen.active {background: #FF5200; }

a.nappi-punainen.full { width:90%;}
a.nappi-punainen.aloita { background:#29C700} a.nappi-punainen.aloita:hover { background:#25E000}

.live_profilemenu a.nappi-punainen {padding:3px 10px 3px 10px; line-height:24px;}
a.nappi-punainen.matala {padding:3px 10px 3px 10px; line-height:24px;}
.viestibox { display:block; width:100%; margin:0; overflow:hidden; font-size:14px; color:#fff}
.viestibox h5 {color:#eee !important; font-weight:400}

a.nappi-iso {display:inline-block; width:50%; padding:5px 10px 5px 10px; text-align:center; font-weight:600; line-height:58px; z-index:50000; color:#fff !important; background:#C00000; font-size:24px}
a.nappi-iso:hover, a.nappi-iso:active, a.nappi-iso:focus {background:#A60000;}


a.mobilenappi {display:inline-block; width:70%; padding:8px 10px 8px 10px; text-align:center; font-weight:600; line-height:28px; z-index:50000; color:#eee !important; background:#FF7000;}
a.mobilenappi:hover a.mobilenappi:focus { background:#A60000;}
a.mobilenappi.puolikas { width:35%; margin-left:10px; background:rgba(206,0,3,1.00) !important}

a.nappi {
	display:inline-block;
	padding:4px 10px 4px 10px;
	text-align:center;
	font-weight:400;
	margin-right:6px; margin-bottom: 6px;
	line-height:28px;
	z-index:5;
	color:#eee !important;
	background:#222;
	border:1px solid #333;
	font-size:14px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
    -webkit-transition: background 0.1s linear;
       -moz-transition: background 0.1s linear;
         -o-transition: background 0.1s linear;
            transition: background 0.1s linear;
}
a.nappi:hover, a.nappi:active, a.nappi:focus {background:#ED191D; color:#fff; border-color:#ED191D;}
a.nappi.nhm {margin-left:0 !important; margin-right:0 !important}


a.nappi-osta {display:inline-block; box-sizing:border-box; width:23%; padding:8px 10px 8px 10px; text-align:center;
font-weight:700; margin-right:2px; line-height:28px; color:#FFF !important; background:#C00000;}
a.nappi-osta h2 { padding:0 !important; margin:0 !important}
a.nappi-osta h2.normi { padding-bottom:8px !important}
a.nappi-osta span {background: #FFE700; color:#AA0000; padding:2px 4px; border-radius:2px;}
a.nappi-osta.tarjous {width:47.5%; margin-bottom:4px;}

a.nappi-osta:hover, a.nappi-osta:focus, a.nappi-osta:active {background:#00648C;}


/* UUSI PREPAID NAPPI */

.teho {
	display: block;
	float: left;
	position: relative;

	width:12%;
	padding:0;


	margin-right: 0.5%;
	text-align: center;
	}

.teho .hinta {
  	position: relative;
  	display: inline-block;

  	width: 80%;
  	height: 0;
  	padding: 40% 0;
  	border-radius: 50%;
	background: rgba(194,0,3,1.00);

	color: white;
  	font-size: 38px; font-weight: 800; letter-spacing: -1px;
  	text-align: center;
	line-height: 0;
	border: 8px solid #eee;
	
	-webkit-transition:all 0.1s;
	-moz-transition:all 0.1s;
	-o-transition:all 0.1s;
	transition:all 0.1s;
	
	margin-bottom: 20px;

}

.teho .hinta small {line-height:0}

.teho .hinta .oldprice {display: block; width: 100%; font-size:16px; font-weight: 400; position: absolute; top:20%; left: 0; text-align: center; text-decoration: line-through}

.teho .hinta .ale {display: block; width: 100%; font-size:16px; font-weight: 800; color:#FFE900; position: absolute; bottom:20%; left: 0; text-align: center;}


.teho .hinta .nuoli {display:block; width:100%; height: auto; position: absolute; bottom:-10px; left:0; text-align: center;}
.teho .hinta .nuoli i { font-size:40px; line-height:0;}


.teho:hover .hinta {box-shadow: 0px 0px 16px 0 #000; background: #f60; transform: scale(1.06)}



@media (max-width: 768px) {
	
	.teho {
	width:32.5%;
	margin-right: 0.5%;
	}

	.blocker {
  z-index: 30000 !important;
}
.modal {
  z-index: 40000 !important;
}
	
	
}


/* ******************* PROFIILI ********************** */


.liveprofiili {position:relative; width:100%; height:auto; margin-left:0px; padding-bottom:0; background-color:#660000; overflow:hidden; font-size:14px; line-height:134%;}
.liveprofiili TABLE {width:100%; margin:0; padding:0}

.liveprofiili_top {position:relative; display:block; box-sizing: border-box; width:100%; height:auto; margin-left:0px; padding:0.5%; background-color:#660000; overflow:hidden;}
.liveprofiili TD { background-color:#550002; color:#CCC; padding:5px; font-size:14px;}

.live_isokuva { position:relative; display:block; box-sizing: border-box; width:63%; height:auto;  margin:0px; padding:0 0.5%; overflow:hidden; float:left; z-index: 1;}
.live_isokuva_holder { display:block; position:relative; width:100%; max-height:436px; overflow:hidden}

.live_isokuva_holder .overlay {position:absolute; top:50px; left:10px; max-width:25%; max-height:80px; padding:0; z-index:1000;}
.live_isokuva_holder img {width:100%;}

.live_isokuva_holder .kokeile {position:absolute; top:10px; right:10px; max-width:25%; max-height:80px; padding:0; z-index:1000;}
.live_isokuva_holder .kokeile img {width:100%; opacity:0.4;
     -webkit-transition-duration: 0.05s;
       -moz-transition-duration: 0.05s;
         -o-transition-duration: 0.05s;
            transition-duration: 0.05s;}
.live_isokuva_holder .kokeile:hover img {opacity:1}
.live_loput {display:block; width:22%; margin:0; padding:0; overflow:hidden;  z-index:3; float:left}

/*************************** UUSI MENU PROFIILI ********************************/

.overlaymenu {display:block; box-sizing: border-box; width:15%; height:100%; margin:0; overflow:hidden; z-index:3; float:left}

.livebutton-holder {display:block; position:relative; width:100%; height:90px; margin:0; background:#A00; border-bottom:1px solid #3F0001; overflow:hidden;
  -webkit-box-shadow: inset 0 4px 60px  rgba(0,0,0,0.20);;
  box-shadow: inset 0 4px 60px rgba(0,0,0,0.20);
      -webkit-transition-duration: 0.05s;
       -moz-transition-duration: 0.05s;
         -o-transition-duration: 0.05s;
            transition-duration: 0.05s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;}

a.livebutton, a.livebutton small { display:block; position:relative; width:100%; padding:18px 0;  margin:0; font-size:16px; font-weight:700; text-align:center; color:#4F0000; text-shadow: 1px 1px 0px rgba(255,117,119,0.3);}

.tupla {height:164px !important}
.tupla a.livebutton {height:100%; padding:30px 0; -webkit-box-shadow: inset 0 4px 60px  rgba(0,0,0,0.20);
  box-shadow: inset 0 4px 60px rgba(0,0,0,0.20);}
.tupla a.livebutton {font-size:24px}
a.livebutton small {font-size:12px}

.puolikas  {width:50%; float:left;}
.puolikas a.livebutton {color:#eee} .vaalea a.livebutton {color:#eee}
.clear { clear:both}

.livebutton-holder:hover,
.livebutton-holder.tupla:hover,
.livebutton-holder:focus,
.livebutton-holder.tupla:focus 
{background:#e50278 !important; color:#fff !important;}

a.livebutton:hover, a.livebutton:hover small {color:#fff !important;}


.livebutton-holder .offline {font-size:16px; padding:18px 0;  font-weight:600; text-align:center; background:#333; color:#444 !important;}
.livebutton-holder.offline:hover, .livebutton-holder.offline  { background:#333 !important;}

.livebutton-holder.listalla { background:#006591;}

/*************************** // MOBIILIMAKSU STARTBUTTON ********************************/
.m_otsikko {display:block; width:100%; margin:0; background:#A00; border-bottom:1px solid #3F0001; text-align:center;}
.m_otsikko p { padding:10px !important; margin:0 !important; font-weight:700; color:#eee;}

a.m_nappi {display:block; float:left; box-sizing:border-box; width:49%; margin:0.5%; padding:18px 0; font-size:16px; font-weight:700; text-align:center; color:#fff;}

a.m_nappi span.minuuttia { font-size:2em;}



.tagivalikko {display:block; box-sizing: border-box; width: 100%;}
.tagivalikko .tag {margin: 6px; padding: 10px; box-sizing: border-box; border: 1px solid rgba(200,200,200,0.4); background: rgba(0,0,0,0.1);
	-webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
	-o-transition: background 0.1s;
    transition: background 0.1s;}
.tagivalikko .tag a {font-size:18px; font-weight: bold; color: #eee;}

.tagivalikko .tag:hover, .tagivalikko .tag:focus, .tagivalikko .tag:active
{
background-color:#FF4500
}
.tagivalikko .tag a:hover, .tagivalikko .tag a:focus, .tagivalikko .tag a:active
{
text-decoration: underline;
}
.tagivalikko h1 {font-family: Trebuchet, Helvetica, 'sans-serif'; font-size:28px !important; padding: 10px; font-weight: 400;}
.tagivalikko h2 {font-family: Trebuchet, Helvetica, 'sans-serif'; font-size:18px !important; padding: 10px; letter-spacing: 0.8px; font-weight: 400;}

.tagcloud {display:block; box-sizing: border-box; width: 100%; max-height: 200px; overflow: scroll;}
.tagcloud a {display: inline-block; box-sizing: border-box; width: 50%; float: left}


.statsbar {display:block; width:100%; position:absolute; top:0px; left:0px; padding:0; z-index:100 !important; overflow:visible !important}
.statsbar .pidike {display:block; position:relative; padding:1px 3px 1px 1px; margin-top:10px; margin-right:1px; float:left; overflow:visible !important}
.statsbar .pidike .itemi {display:block; height:26px; font-size:14px; font-weight:700; padding:0 10px; line-height:26px;  text-align:center; overflow:hidden;}
.statsbar .sender { margin-left:10px; text-shadow: 0px 0px 2px rgba(146,247,114,1.00); color: rgba(34,78,0,1.00);}


.taulukko { display:inline-block; width:49%; line-height:180%; border-bottom:1px solid rgba(255,255,255,0.15); overflow:hidden}
.taulukko-100 { display:block; width:100%; line-height:140%; border-bottom:1px solid rgba(255,255,255,0.15); overflow:hidden}

.probox, .probox p {font-size:16px !important; line-height:1.5em;}
.probox h1, .probox h2 {font-size:18px; font-weight:400}
.probox h2.big {font-size:6em !important; font-weight:700}

.probox .item {display: block; box-sizing: border-box; padding: 10px; padding-top: 5px; width:30.33%; margin:1.5%; float:left}
.probox .item.iso { width:97%; margin:1.5%;}
.probox .item.puoli { width:47%; margin:1.5%;}
.probox span.heading { display:block; font-size:10px; color: rgba(254,90,93,1.00)}
.probox span.content {display:block; font-size:22px; color: rgba(228,142,143,1.00); font-weight:700; letter-spacing: -1px}

.kuvabox {display:block;  margin:0 !important; width:100% !important; height:190px !important; overflow:hidden}
.kuvabox.mini {max-height:80px !important;}
.kuvabox .o, .gallerypreview .o {display:block; box-sizing: border-box; position:absolute; bottom:0; left:0; padding:10px;}


.kuvabox span.heading { display:block; font-size:10px; color:#FFECED; text-shadow: 1px 1px 0px rgba(0,0,0,0.30);}
.kuvabox span.content {display:block; font-size:26px; color:#E9E9E9; font-weight:700; text-shadow: 1px 1px 1px rgba(0,0,0,0.30);}

.sedbox {display:block; box-sizing:border-box; padding-right:1px !important; padding-top:1px !important; margin:0 !important; width:100% !important; height:140px !important; overflow:hidden}

.kuvabox img, .sedbox img { width:100% !important; height:auto !important}

.nicep { padding:3px 3px 0px 3px !important}
.gholder {}



.videobox {
	display:block;
	position: relative;
	box-sizing: border-box;
	padding:0;
	margin:0 !important;
	width:100% !important;
	height:190px;
	overflow:hidden !important;
		border-right: 1px solid #111;

}
.videobox.tube {
	display:block;
	position: relative;
	box-sizing: border-box;
	padding:0;
	margin:0 !important;
	width:100% !important;
	height:100px;
	overflow:hidden !important;
	border-right: none;

}
.videobox .o { display:block; position:absolute; padding:10px;}
.videobox .ooh, .kuvabox .ooh { display:block; box-sizing: border-box; width: 100%; position:absolute; overflow: hidden; bottom:0; left:0; padding:10px; padding-top: 30px; text-align: left;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.videobox .oprice {
	display:block; position:absolute; top:5px; right:5px; padding:2px 4px; background: #222; color:#eee; font-weight: 700; border-radius: 2px}
.videobox .oprice.online, .etuvideo .oprice.online  {background:rgba(15,161,0,1.00);}


.videobox img { width:100% !important; min-height:100% !important}
.videobox span.heading { display:block; font-size:12px; color:#FFECED; text-shadow: 1px 1px 0px rgba(0,0,0,0.30);}
.videobox span.content {display:block; font-size:22px; color:#E9E9E9; font-weight:700; text-shadow: 1px 1px 1px rgba(0,0,0,0.30);}
.videobox .ooh span.content {display:block; font-size:16px; color:#E9E9E9; font-weight:700; text-shadow: 1px 1px 1px rgba(0,0,0,0.30);}
.videobox .play {display:block; position:absolute; opacity:0;
top: 50%; left:50%;
transform: translate(-50%, -50%);
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;}
.videobox:hover .play {opacity:0.6}
.videobox .play i {font-size:6em}
.videobox.livevideot {padding:2px !important;}

.videobox.kat {padding:0px; height: 240px; margin-bottom: 2px !important; padding-left: 2px;}
.videobox.kat img {height: auto !important}

.videobox.arvostelut {padding:0px; margin-bottom: 2px !important; padding-left: 2px;}
.videobox.arvostelut img {height: auto !important}

.tshad {text-shadow: 1px 1px 1px rgba(0,0,0,0.30);}

.videobox.smallbox {height:130px;}
.videobox.smallbox span.content {font-size:16px;}

.tubemenu {display: block; box-sizing: border-box; padding: 10px; max-height:500px; overflow: scroll;}


.kuustoistysi {
   background-color: red;
   position: relative;
   width: 100%;
   padding-top: 56.25%; /* 16:9 Aspect Ratio */
	overflow:hidden;
}
.kuustoistysi #uusiplayer {position:absolute; top:0; left:0;}
.kuustoistysi img {width:100%; position:absolute; top:0; left:0;}

.etukehys {display:block; box-sizing: border-box; width: 100%}
.etuvideo {
	display: block; box-sizing: border-box;
	background-color: red;
	position: relative;
	width: 100%;
	padding-top: 66.25%; /* 16:9 Aspect Ratio */
	overflow:hidden;margin-bottom: 4px;
}
.etuvideo #profileplayer {position:absolute; top:0; left:0;}
.etuvideo img {position:absolute; top:0; left:0; min-width: 100%;}

.etuvideo .layer {
	display:block;
	box-sizing: border-box;
	width: 100%;
	position:absolute;
	overflow: hidden;
	bottom:0;
	left:0;
	padding:10px;
	padding-top: 16px;
	text-align: left;
	border-top: 1px solid rgba(200,200,200,0.3);
	background-color: rgba(0,0,0,0.6);
	font-size: 16px;
}
.etuvideo .layer a {
	font-size: 28px;
	font-weight: 400;
}

.etuvideo a.startchat {
	display:inline-block;
	box-sizing: border-box;
	position: absolute;
	bottom:10px; right:10px;
	padding: 10px;
	font-size: 20px;
	background: rgba(23,140,0,1.00);
	color: #fff;
	border-radius: 4px;
}

.etuvideo .layer .inner {display:block; width:60%;}

.etuvideo .topleft {
	position:absolute; top:10px; left:10px;}

.etuvideo .oprice {
	padding:2px 4px; margin-right: 4px; background: #222; color:#eee; font-weight: 700; border-radius: 2px}
.etuvideo .oprice.pink {background-color: rgba(249,0,203,1.00)}
.etuvideo .oprice.red {background-color:rgba(227,0,3,1.00)}
/*************** PROFIILI PREPAID *****************/

.pikaheader {
	display:block;
	position:relative;
	width:100%; margin:0 !important;
	box-sizing:border-box;
	padding:5%;
	border-bottom:1px solid #600;
	border-right:1px solid #600;
	background:#a60000;
	color:#eee;
	font-weight:700;
	text-align:center;
	overflow:hidden
	}
.pikaheader h3 {color:#fff}



a.pikaprepaid {
	display:block; 
	width:25%; margin:0 !important;
	box-sizing:border-box;
	padding:5%;
	border-bottom:1px solid #600;
	border-right:1px solid #600;
	background:#A00;
	color:#FFEBEC;
	font-weight:700;
	float:left;
	text-align:center;
	}
a.pikaprepaid.db { width:50%}
a.pikaprepaid:hover, a.pikaprepaid:active, a.pikaprepaid:focus {
	background:#E20EDF
	}

a.pikaprepaid span {
	font-size:18px;
	}


/*************************** // UUSI MENU PROFIILI ********************************/

.live_thumb_alue {width:100%; padding:0 !important; background-color:#480002; overflow:hidden;}


.live_archiv {display:block; width: 160px; max-height: 105px; float:left; margin:2px; padding:6px; overflow:hidden; background:#111;}
.live_archiv .img {height: 105px; background:#111; overflow:hidden;} .live_archiv img {min-height: 105px;}
.live_archiv:hover {background:#222;}


.live_archiv_mini {width:8.333% !important; height: 80px !important; padding:0 !important;
box-sizing: border-box;
	border-right:1px solid #000}
.live_archiv_mini img {width:100%;
    -webkit-transition-duration: 0.1s;
       -moz-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;}
			
.live_archiv_mini img:hover {width:100%;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.live_pikkukuvat {width:160px; height:285px; background-color:#000; overflow:hidden; float:left;}
.live_pikkukuva {width:158px; height:94px; background-color:#000; margin-left:1px; border-bottom:1px solid #000; overflow:hidden;}

.inshadow {
   -moz-box-shadow:    inset 0 0 60px rgba(0,0,0,0.27);
   -webkit-box-shadow: inset 0 0 60px rgba(0,0,0,0.27);
   box-shadow:         inset 0 0 60px rgba(0,0,0,0.27);
}

/* ******************* KUVAGALLERIA ********************** */

.gallerypreview {display:block; box-sizing:border-box; position:relative; width:100%; height:60px; padding:0; margin-bottom:2px; overflow:hidden; background:#333; color:#fff !important}
.gallerypreview img { width:100%; min-height:60px !important; margin:0}
.gallerypreview.active, .gallerypreview:hover, .gallerypreview:focus { background:#FF4900; color:#fff !important;}


/* ******************* KATEGORIAT-SIVUNAVI ********************** */



/* ******************* HISTORIAPALKKI ********************** */

.spacertop {margin-top:5px; margin-bottom:0px;}

.historiaheader {display:inline-block; float:left; position:relative; width:auto; height:37px; line-height:37px; padding:0 10px;}
.historiaholder { display:inline-block; position:relative; width:55px; height:37px;}
.historiathumb {display:block; position:relative; width:55px; height:37px; z-index:1; float:left; overflow:hidden;}
.historiathumb img {width:100%}
.historiathumb .over {position:absolute; width:55px; height:37px; background:url(/pics/opacity_60.png) no-repeat; z-index:2}
.historiathumb .over:hover { background-position:-1000px -1000px;}
.historiaholder .tooltip {opacity:0; visibility:hidden; width:100px; height:30px; line-height:30px; position:absolute; top:-38px; left:-22px; background:#111; text-align:center; border-radius:2px;}
.historiaholder:hover .tooltip, .historiaholder:focus .tooltip {opacity:100; visibility:visible;}
.historiaholder .tooltip i.fa { position:absolute; padding:0 !important; bottom:-12px; left:42px; color:#111; font-size:2em}

/* ******************* // PAGINATION // ********************** */

.pagination {position:relative; clear:both; width:100%; margin:0; overflow:hidden;}
.pagination ul { display:block; list-style:none; padding:0; margin:0; overflow:hidden}

.pagination ul li {display:block; box-sizing:border-box; float:left; height:34px; line-height:34px; text-align:center; background:#222; border-right: 1px solid #a60000; font-size:14px; color:#fff;}
			
.pagination ul li a {display:block; line-height:34px; padding: 0 14px; margin:0 !important; font-size:14px; color:#fff;}

.pagination ul li a:hover, .pagination ul li a:focus {display:block; background-color:#C00; color:#FFF;}
.pagination ul li.active {display:block; background-image:none; background-color:#C00; padding: 0 14px; font-size:14px; color:#fff; font-weight:bold;}
.pagination ul li.comments {display:block; line-height:34px; background:#111; padding: 0 14px; font-size:12px; color:#CCC; font-weight:normal;}

.pagination ul li.half a {font-weight:bold}
.pagination ul li.half a:hover {background:#0F6597;}
.pagination ul li.halfactive {background:#D40FE8}

.pagifix { margin-left:4px !important}

/* ******************* // PLAYERIT // ********************** */

#dvdplayer {background: #000; width: 560px; height: 440px; margin: 0px; padding: 0px; position:absolute; top: 180px; left: 30px; overflow:hidden;}

#player {background: #000; margin: 0px; padding: 0px; float:left;}




/* ******************* DVD KANNET UUDET ISOT -  ********************** */


a.vidkat { display:block; margin-left:10px; padding:2px 0; font-size:1.2em; font-weight:600}
a.vidkat:hover, a.vidkat:focus { color:#FFDF00}
a.vidkat.active { color:#FFDF00}

.dvdthumb-mini { width:50px; height:70px; float:left; margin: 2px; margin-right:12px; margin-bottom:10px; padding: 2px; border:1px solid #333; text-align:center; overflow:hidden;}
.dvdthumb-mini-teksti {width:230px; height:40px; float:left; margin: 2px; padding: 3px; text-align:left; overflow:hidden;}

.otethumb { width:24.5%; margin-right:0.5%; float:left }
.otethumb.mini {box-sizing: border-box; width:10%; border-right:1px solid #111; margin-right: 0; float:left }
.otethumb img {width:100%}




.videogrid { display:block; box-sizing:border-box; position:relative; width:20%; min-height:250px; padding:0.8%; float:left; overflow:hidden;}
.videogrid-front {width:14.2857143%; float:left}

.videogrid.etu { width:16.66666667%; min-height:280px;} 
.videogrid.mini {width:25%; height:190px !important;} 

.dvdthumb_cover { position:relative; width:100%; height:230px; margin: 0; padding: 0 !important; text-align:center; overflow:hidden;
	-moz-box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	box-shadow: 0 0 8px #000;
	border:1px solid #000;
	}


.dvdthumb_cover.mini { height:190px !important; overflow:hidden}

.dvdthumb_cover img { width:100%; height:100%; z-index:2}

.dvdthumb_texts {display:block; padding:5px; text-align:center; font-size:12px; z-index:4;}
.dvdthumb_texts h3 { font-size: 16px !important; padding-bottom:0; margin-bottom:0; color:#eee;}
.dvdthumb_texts h4 { font-size: 1em !important}
.dvdthumb_texts:hover h3 { color:#fff}

.uusivideo { display:block; position:absolute; padding:3px 8px; top:4px; left:4px; background:#f30; color:#fff; font-size:11px; font-weight:700;}

.dvdthumb_cover:hover, .dvdthumb_cover:focus, .dvdthumb_cover:active {
	-moz-box-shadow: 0 0 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0 0 8px #fff;
	}
.dvdthumb_cover:hover .dvdthumb_texts {max-height: 80px;}


.dvdthumb.front
{max-height:196px;}
.dvdthumb.front dvdthumb_cover
{height:100%;}
.dvdthumb.front dvdthumb_cover img
{height:100%}

.dvdthumb_s {display:block; position:relative; float:left; margin: 10px 5px 5px 10px; padding: 4px; border:1px solid #666; text-align:center; overflow:hidden;}
.dvdthumb_cover_s {display:block; position:relative; width: 131px; height: 185px; margin: 0; padding: 0; text-align:center; overflow:hidden;}
.dvdthumb_texts_s {display:block; position:relative; width: 127px; height: 50px; padding: 2px; text-align:center; background-color:#333; line-height:100%}

.dvdthumb_texts a.dvdtitle, a:link.dvdtitle, a:visited.dvdtitle { display:block; font-size:14px; color:#f30; font-weight:bold}
.dvdthumb_texts a:active.dvdtitle, a:hover.dvdtitle {color:#FF0 !important; }

/* ******************* LIVETHUMBSIT - ISOT  -  ********************** */


		.live_small img {
			display: block;
			border: 0;
			opacity: 0;
		}
		.live_small img:not(.initial) {
			transition: opacity 1s;
		}
		.live_small img.initial,
		.live_small img.loaded,
		.live_small img.error {
			opacity: 1;
		}
		.live_small img:not([src]) {
			visibility: hidden;
		}


.live_small {
	display:block;
	box-sizing:border-box;
	position:relative;
	width: 25%;
	height:198px;
	float:left;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
	color:#ccc;
	margin-top:4px !important;
}

.live_small.list {width: 100%;}

.twothumbs {display:block; width:25%; box-sizing:border-box; position:relative; padding:0; float:left; margin: 0; overflow:hidden;}

.videothumb_live_small {position:relative; width:100%; height:198px; margin-left:4px;  text-align:center; overflow:hidden; z-index:1;}


.videothumb_live_small img {
	width:100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
  transition: all 0.3s;}
.videothumb_live_small:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
  transform: scale(1.1);
}



.live_small .onlineholder {
	display: inline-block;
	position:absolute;
	top:4px;
	left:4px;
	z-index:3000;
}

.live_small span.online, .live_small span.offline, .live_small span.uusi, .live_small span.kuuma, .live_small span.hd
{display: inline-block; padding:2px 6px; position:absolute; top:4px; left:4px; line-height:16px; text-align:center; background:#333; z-index:3000; overflow:hidden; font-weight:600; color:#FFF; border-radius:2px}
.live_small span.uusi {background:#ED0000;}
.live_small span.kuuma {background:#e20f53;}
.live_small span.online {background:#390;}
.live_small span.offline {background:#f00; font-weight:bold;}
.live_small span.hd {background:#333; font-weight:bold;}
.live_small span.online span.poista { display:block; height:100%; line-height:18px; background:#f00; padding-top:2px;}
.live_small span.online span.poista:hover {background:#111;}
.live_small span.online span.poista i.fa {color:#fff !important}



.live_small .onlineholder span.online, .live_small .onlineholder span.offline, .live_small .onlineholder span.uusi, .live_small .onlineholder span.kuuma,
.live_small .onlineholder span.hd
{display: inline-block; padding:2px 6px; position:relative; top:auto; left:auto; margin-right:4px; line-height:16px;}





.l_kuvakkeet_small {
	display: block;
	width: auto;
	opacity:0;
	z-index:3;
	box-sizing:border-box;
	padding:0px !important;
	margin:0px !important;
	overflow:hidden;
}
.live_small:hover .l_kuvakkeet_small {visibility:visible; opacity:100}

.l_kuvakkeet_small span.icholder {
display: inline-block; height: 24px;line-height:16px; margin:0 !important; padding:4px 6px !important;  border-top:1px solid #444; border-right:1px solid #444; text-align:center; background:rgba(0,0,0,0.6); z-index:3000; box-sizing:border-box;
}

.l_kuvakkeet_small span.icholder i {display:inline-block;}


.videotext_over {
	display:block;
	width: 100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 !important;
	margin:0 !important;
	text-align:left;
	z-index:1000;
	}

.videotext_live_small {
	display:block;
	width: 100%;
	padding:0 !important;
	padding-left:10px !important;
	margin:0px !important;
	text-align:left;
	z-index:1001;
	overflow:hidden;
	background: #111;
	background:rgba(0, 0, 0, 0.35);
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
	font-size:14px !important;
	
	-webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
	-o-transition: background 0.3s;
    transition: background 0.3s;
	
	}


.videotext_live_small h3 {font-size:14px !important; font-weight:700; line-height:14px !important; padding:0 !important; color:#ccc !important;}
.live_small:hover .videotext_live_small, .live_small:focus .videotext_live_small {bottom:0;
	
	background: #111;
	background:rgba(0, 0, 0, 0.7);
	background: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
    background: -o-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
    background: -moz-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
	border-top: 1px solid rgba(255, 255, 255, .15);}

.live_small:hover .videotextbox h3 {padding-bottom:0px !important;}
.videotext_live_small span { font-size:12px !important; color:#aaa}

.flag { position:absolute; top:4px; right:25px; float:right;}
.flag img { margin-left:2px; width:16px; height:11px !important;}

.isolippu {position:absolute; width:45px !important; height:30px !important; top:10px; right:10px; z-index:1005;}
.isolippu img {width:45px !important; height:30px !important}


/* ******************* LIVEMAINOS  -  ********************** */

.livemainos {display:block; position:relative; width: 25%; height:400px; float:right; overflow:hidden;
box-sizing:border-box; margin-top:4px !important;}
.livemainos_inner {position:relative; width:100%; height:400px; margin-left:4px; text-align:center; overflow:hidden; z-index:1;}
.livemainos_inner img {width:100%; height:100%;}
/* ******************* LIVETHUMBSIT - ISOT  -  ********************** */


.live_big {display:block; position:relative; width: 50%; height:360px; box-sizing:border-box; margin-top:4px !important; float:left; margin: 0; overflow:hidden;}
.live_big {font-size:10px; line-height:12px; color:#CCC;}

.videothumb_live_big {position:relative; width:100%; height:360px; margin-left:4px; padding: 0px; text-align:center; overflow:hidden; z-index:1;
}
.videothumb_live_big img {width:100%;}







.live_big span.online, .live_big span.offline, .live_big span.uusi, .live_big span.kuuma
{display: inline-block; padding:4px 6px; position:absolute; top:4px; left:4px; line-height:16px; text-align:center; background:#333; z-index:3000; overflow:hidden; font-weight:600; color:#FFF; border-radius:2px}
.live_big span.uusi {background:#ED0000;}
.live_big span.kuuma {background:#e20f53;}
.live_big span.online {background:#390;}


.l_kuvakkeet_big {
	display: block;
	width: auto;
	opacity:0;
	z-index:3;
	box-sizing:border-box;
	padding:0px !important;
	margin:0px !important;
	overflow:hidden;
}
.live_big:hover .l_kuvakkeet_small {visibility:visible; opacity:100}

.l_kuvakkeet_big span.icholder {
display: inline-block; height: 24px;line-height:16px; margin:0 !important; padding:4px 6px !important;  border-top:1px solid #444; border-right:1px solid #444; text-align:center; background:rgba(0,0,0,0.6); z-index:3000; box-sizing:border-box;
}

.l_kuvakkeet_big span.icholder i {display:inline-block;}


.videotext_over {
	display:block; width: 100%; position:absolute; bottom:0; left:0; padding:0 !important; margin:0 !important; text-align:left; z-index:1000;
	}

.videotext_live_big {
	display:block; width: 100%; padding:0 !important; padding-left:10px !important; margin:0px !important;
	text-align:left; z-index:1001; overflow:hidden;
	background:rgba(0, 0, 0, 0.35);
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
	border-top: 1px solid rgba(255, 255, 255, .15);
	font-size:14px !important;
	}


.videotext_live_big h3 {font-size:14px !important; font-weight:400; line-height:14px !important; padding:0 !important; color:#ccc !important;}
.live_big:hover .videotext_live_big, .live_big:focus .videotext_live_big {bottom:0; background:rgba(0, 0, 0, 0.75);}

.live_big:hover .videotextbox h3 {padding-bottom:0px !important;}
.videotext_live_big span { font-size:12px !important; color:#aaa}


.flag { position:absolute; top:14px; right:25px; float:right;}
.flag img { margin-left:2px; width:16px; height:11px !important;}

.live_big:hover .image-caption { display:block; }



.videothumb_live_big .mainos {display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; background:rgba(0,0,0,0.70); text-align:center}
.videothumb_live_big .mainos span {display:block; width:100%; height:auto; position:absolute; bottom:4px; left:0; overflow:hidden;}
.videothumb_live_big .mainos a {}
.videothumb_live_big .mainos p { font-size:12px}
.videothumb_live_big .mainos .header {
	position:relative; display:inline-block;
	border-radius: 4px;
	width: 90%;
	height: auto; text-align:center;
	font-size:18px; font-weight:bold;
	border:1px solid rgba(255,255,255,0.50);
	color:#fff !important;
	background:rgba(225,0,3,0.60);
	padding:4px; margin-top:8px;
}
/* ******************* LIVETHUMBSIT - PIENIMMÄT  -  ********************** */

.smallthumb_live
{display:block; position:relative; width: 88px; height: 60px; float:left; margin: 0; padding: 0; text-align:center; overflow:hidden;
border:1px solid #000;}
.smallthumb_live img {display:inline-block; position:relative; width: 100%;}
.smallthumb_live:hover { border:1px solid #555;}
.smallthumb_live .textarea {display:block; width:100%; height:14px; padding:4px 0; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.25); z-index:3000; line-height:14px;}
.smallthumb_live .textarea a {font-size:10px; font-weight:bold; color:#EEE; line-height:14px;}

/* ******************* // VIDEOCHAT NAPIT  // ********************** */


/*************************** PROFILEMENU ********************************/

.live_profilemenu {width:100%; display:block; position:relative; margin: 10px 0 10px 0; padding:0; text-align:left;}



/* ******************* UUSI DVDPLAYER ********************** */
.previewimages {margin: 0px 0px; padding: 0px 0px 0px 0px; max-width: 1280px; height: 250px; text-align:center; background-color: #111; overflow:hidden;}
.previewimages_thumb {position:relative; width:188px; height:120px; margin: 0px 0px; padding: 2px 2px 2px 2px; float:left; overflow:hidden;}

/*************************** KUVATHUMBNAILS ********************************/
.kuvathumbcontainer {display:block; box-sizing: border-box; width:19%; max-height:270px; margin:0.5%; position:relative; overflow:hidden; float:left;}
.kuvathumbcontainer.amateur {max-height:150px; min-height:150px;}
.kuvathumb_overlay {width:100%; min-height:300px; position:absolute; z-index:100;}
.kuvathumb_overlay_tulossa {width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.12); z-index:100;}
.kuvathumbcontainer:hover .kuvathumb_overlay_tulossa {display:none;}
.kuvathumbnail {display: block; box-sizing: border-box; width:100%; height:100%; padding: 0px 2px 0px 2px; overflow:hidden; z-index:1;}
.kuvathumbnail img {width:100%; height:100%; z-index:1;}
.kuvathumb_text {width:100%; height:60px; position:absolute; bottom:0px; left:0px; background: rgba(0,0,0,0.12); z-index:100;}
.kuvathumb_date {position:absolute; box-sizing: border-box; width:100%; bottom:0px; left:0px; padding:10px; z-index:100; font-size:12px; line-height: 16px; background: rgba(0,0,0,0.12); color:#EEE; border-top:1px solid  rgba(231,231,231,0.20)}

.kuvathumbcontainer.small {display:block; width:9%; max-height:200px; margin:0.5%; position:relative; overflow:hidden; float:left;}

.kuva-preview-thumb {width:10%; height:auto; max-height:130px; overflow:hidden; float:left; margin:5px; margin-left:0; margin-right:10px; z-index:1;}


.kuva-preview-text {width:100%; height:580px; float:right; padding:10px; overflow:hidden;}




/* Pyöristyksiä ym */


.round2 {border-radius: 2px;}
.round4 {border-radius: 4px;}
.round6 {border-radius: 6px;}
.round8 {border-radius: 8px;}
.round10 {border-radius: 10px;}

.leftpadding0 {padding-left:0 !important}
.leftmargin0 {margin-left:0 !important}
.nobg { background:none !important}

.right { float:right}
.left { float:left}

.ddivider {width:100%; margin-top:20px !important; padding-top:10px; border-top:1px solid rgba(255,255,255,0.14) }
.pdivider {width:100%; margin-top:20px !important; margin-bottom:10px !important; border-top:1px solid rgba(255,255,255,0.14) }

.text_shadow { text-shadow: 0 0 2px #111;
		-moz-text-shadow: 0 0  2px #111;
		-webkit-text-shadow: 0 0 2px #111;
}

/* Grid system */

.grid-3,.grid-3x2, grid-1, .grid-2, .grid-4, .grid-4x3, .grid-5, .grid-6, grid-5x4, grid-6, grid-7, grid-8, grid-10, .grid-10x9 {display:block; position:relative; float:left; overflow:hidden !important}
.grid-1  {width:100%; float:none !important;}
.grid-2  {width:50%}
.grid-3  {width:33.33333333%}
.grid-3x2  {width:66.66666666%}
.grid-4  {width:25%}
.grid-4x3  {width:75%}
.grid-slides {display:block; width:74%; padding:0 !important; margin:0 !important; margin-bottom:5px !important; float:right; overflow:hidden}
.grid-slides img {height:100%; margin:0 !important}
.grid-5  {width:20%;} .grid-5 p  {line-height:130%; margin:5px 0 5px 0} .grid-5 h4  { font-size:16px; line-height:130%; margin:5px 0 5px 0}
.grid-5x4  {width:80%;}
.grid-6  {width:16.666666%}
.grid-7  {width:14.2857143%}
.grid-8  {width:12.5%}
.grid-10  {width:10%}
.grid-10x9  {width:90%}

.grid-12x1, .grid-12x2, .grid-12x3, .grid-12x4, .grid-12x5, .grid-12x6, .grid-12x7, .grid-12x8, .grid-12x9, .grid-12x10, .grid-12x11, .grid-12x12 {display:block; padding:0; margin:0; position:relative; float:left; box-sizing:border-box; overflow:hidden;}

.grid-12x1 {width:8.3333333% !important}
.grid-12x2 {width:16.6666667% !important}
.grid-12x3 {width:25.0000000% !important}
.grid-12x4 {width:33.3333333% !important}
.grid-12x5 {width:41.6666667% !important}
.grid-12x6 {width:50% !important}
.grid-12x7 {width:58.3333333% !important}
.grid-12x8 {width:66.6666666% !important}

.grid-12x9 {width:75% !important}
.grid-12x10 {width:83.3333333% !important}
.grid-12x11 {width:91.6666666% !important}
.grid-12x12 { width:100% !important}

.grid-4321 {display:block; position:relative; float:left; overflow:hidden !important; width:25% !important;}

.videowrapper_right {display:block; position:relative; width:19.5%; overflow:hidden !important}
.videowrapper_left {display:block; position:relative; width:80%; overflow:hidden !important}


.slide-overlay {display:block; position:absolute; top:30px; left:50px; padding:10px; max-width:40%; overflow:hidden;}

.gridheader {width:100%; padding:10px 0 10px 20px; overflow:hidden}
.gridheader h1 {font-size:24px !important; font-weight:200 !important; margin:5px 0 !important}

.fullheight { height:100% !important}
.fh { height:100% !important}

.grid-5 .gridthumb {display:block; position:relative; width:100% !important; padding:2px !important; height:115px; overflow:hidden}
.grid-5 .gridthumb img {width:100% !important; min-height:100% !important}


.grid{background:rgba(0,0,0,0.05); box-sizing: border-box;}
.grid:after{content:'';display:block;clear:both}
.grid-sizer,.grid-item {box-sizing: border-box; width:20%; padding:1px;}

.grid-item-kuvat {width:20%;padding:4px;display:block}
.grid-item, .grid-item-kuvat {float:left}
.grid-item img, .grid-item-kuvat img {display:block;width:100%}
.grid-item--width2 {width:25%}

.grid-item figure {padding: 0 !important; margin: 0 !important}


.grid-item .kuva {display: block; box-sizing: border-box; padding: 2px !important; overflow:hidden; z-index:1;}
.grid-item .kuva img {width:100%; height:100%; z-index:1;}

.grid-item.double {width:40%;}

.grid-item .kuvatext {
	position:absolute;
	box-sizing: border-box;
	width:100%;
	bottom:0px;
	left:0px;
	padding:10px; padding-top: 40%;
	    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}

.grid-item .kuvatext h2 {font-size:2em; line-height: 1.2em; font-weight: 300}

.grid-item .kuvacount {position:absolute; box-sizing: border-box; top:5px; left:5px; padding:4px;
	font-size:12px; background: rgba(0,0,0,0.12); color:#eee;}



@media (max-width: 768px){
	.grid-sizer,.grid-item {
		width:50%
	}.grid-item-kuvat{
		width:50%
	}
	.grid-item--width2{
		width:100%
	}
}



.center {text-align:center !important} .center h1 {text-align:center !important}
.vspace-20 { padding-top:20px !important; padding-bottom:20px !important;}
.vspace-10 { padding-top:10px !important; padding-bottom:10px !important;}
.vspace-5 { padding-top:5px; padding-bottom:5px;}
.vmargin-5 {margin-top:5px !important}
.vmargin-10 {margin-top:10px; margin-bottom:10px;}
.bmargin-0 {margin-bottom:0px !important;}
.topmargin-5 {margin-top:5px !important}
.topmargin-10 {margin-top:10px;}

.inline { display:inline-block !important}

.grad {
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
}

.grad1 {
    display:block; position:absolute; width:100%; height:100%; 
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
}
.grad2 {
    background: -webkit-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.0));
    background: -o-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.0));
    background: -moz-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.0));
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.0));
}
.varjo2 {-moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px rgba(0,0,0,0.60);}
.varjo4 {-moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px rgba(0,0,0,0.60);}
.varjo8 {-moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000;}
.varjo16 {-moz-box-shadow: 0 0 16px #000; -webkit-box-shadow: 0 0 16px #000; box-shadow: 0 0 16px #000;}


.superbg-1 {background:url(/pics/section_bg_register.jpg) top center no-repeat #111 !important;background-size:cover !important;}


.bg000 {background:#000 !important}
.bg111 {background:#111 !important}
.bg222 {background:#222 !important}
.bg15 {background:#151515 !important}
.bg19 {background:#191919 !important}
.bg292929 {background:#292929 !important}
.bg333 {background:#333 !important}
.bg444 {background:#444 !important}
.bgc00 {background:#c00000 !important}
.bgfff {background:#fff !important}
.bgeee {background:#eee !important}
.bgccc {background:#ccc !important}

.bg-red {background:#F10609 !important}
.bg-orange {background:#FC6C03 !important}
.bg-orange1 {background:#FF8700 !important}
.bg-pink {background:#DB23DA !important}
.bg-pink-1 {background:#C92CC5 !important}

.bg-blue {background:#13B1DA !important}
.bg-blue-drk {background:#2463B9 !important}
.bg-blue-opacity {background:rgba(31,125,193,0.40) !important}
.bg-green {background:#4AA819 !important}
.bg-green-opacity {background:rgba(4,193,0,0.40) !important}

.bg-live {background-color:#550002 !important}
.bg-live-tumma {background-color:#480002 !important}
.bg-live-j, .bgj {background:#a60000 !important}
.bg-live-jt, .bgjt {background:#850000 !important}

.bo0 {background:rgba(0,0,0,0.1) !important}
.bo1 {background:rgba(0,0,0,0.2) !important}
.bo2 {background:rgba(0,0,0,0.3) !important}
.bo3 {background:rgba(0,0,0,0.4) !important}
.bo4 {background:rgba(0,0,0,0.5) !important}
.bo5 {background:rgba(0,0,0,0.6) !important}
.bo6 {background:rgba(0,0,0,0.7) !important}
.bo7 {background:rgba(0,0,0,0.8) !important}
.bo8 {background:rgba(0,0,0,0.9) !important}


/* ******************* NEW PAYMENTNAVI ********************** */

.previewkuva {display:block; position:relative; width:100%; height:auto; padding:0 !important; overflow:hidden}
.previewkuva .overlay { display:block; width:100%; height:auto; position:absolute; top:0px; left:0px;}
.previewkuva img { width:100%; height:auto;}

.keskitys {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}

.previewkuvat {clear:both; display:block; position:relative; width: 958px; padding: 2px; margin-bottom:5px; border:1px solid #222;
overflow:hidden; line-height:150%}

.previewkuvat .thumb { width:157px; height:90px; float:left; margin-right:2px; margin-bottom:2px; overflow:hidden}

.thumbarea {clear:both; display:block; max-width:1280px; position:relative; margin: 0px auto; padding: 0px; text-align:left; overflow: hidden; color:#CCC; line-height:140%;}

.flexbox {display:flex;}

.perusbox {clear:both; display:block; width:100%; max-width:1280px; position:relative; margin:0 auto; text-align:left; overflow:hidden; line-height:150%}
.perusbox a, .prepaidbox a {}
.perusbox p, .prepaidbox p { font-size:14px; line-height:160%; color:#CCC; margin-top:5px;}
.perusbox h1, .prepaidbox h1 {font-size:28px; margin-left:0; color:#EEE}
.perusbox h2, .prepaidbox h2 {font-size:24px; margin-left:0}
.perusbox h3, .prepaidbox h3 {font-size:20px; margin-left:0}
.perusbox h4, .prepaidbox h4 { display:block; font-size:16px; margin:10px; margin-left:0; color:#CCC}
.perusbox h5, .prepaidbox h5 {font-size:16px; font-weight:600; margin:5px;}
.perusbox h6 {font-size:18px; font-weight:bold; margin:5px; margin-left:0;}

.widebox {clear:both; display:block; width:100%; max-width:1284px; left:-2px !important; position:relative; margin:0 auto; text-align:left; overflow:hidden; line-height:150%}

.mallix {display:block; position:relative; width:100%; max-height:230px; overflow:hidden; margin:0; padding:0}
.mallix img { width:100%; min-height:240px;}
.overlay {display:block; width:320px; position:absolute; bottom:0; padding: 15px; margin:0; text-align:left; overflow:hidden; z-index:10}
.overlay-round {display:block; position:absolute; top:10px; left:10px; padding: 10px; margin:0; text-align:center; overflow:hidden; float:left; z-index:10;
border-radius: 4px;
}
.overlay-malli {position:absolute; bottom:0; left:0; width:100%; padding: 5px; margin:0; text-align:left; overflow:hidden; z-index:100}

.mallix:hover .overlay-malli {background:url(/pics/opacity_60.png) !important}
.overlay-malli a { color:#fff !important}


.livecount { display:block; font-size:46px; line-height:46px; margin:0; font-weight:bold; color:#CCC}
.livecount_vasen { position:relative; width:100%; font-size:16px; line-height:16px; margin:1px; padding:5px; font-weight:bold; color:#CCC; background:#222}
.livecount_oikea { position:absolute; top:0; right:0; font-size:16px; line-height:16px; background:#C00; padding:5px; float:right; color:#FFF; margin-right:10px; text-align:center}

.sticker { width:166px; height:60px; position:absolute; z-index:1000;}


.padding_5 {display:block; padding:5px !important; overflow:hidden;}
.padding_10 {display:block !important; padding:10px !important; overflow:hidden;}
.padding_15 {padding:15px; display:block; overflow:hidden}
.padding_20 {display:block; padding:20px !important; overflow:hidden;}
.padding_25 {padding:25px;}
.padding_30 {padding:30px;}

.pb0 { padding-bottom:0 !important}
.pt0 { padding-top:0 !important}

.margin_5 {margin:1px 0 0 5px !important;}
.margin_10 {margin:10px !important;}
.margin_15 {margin:15px;}
.margin_20 {margin:20px !important;}
.margin_25 {margin:25px;}
.margin_30 {margin:30px;}
.mr0 { margin:0 !important}

.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb50 { padding-bottom:50px !important;}
.pb100 { padding-bottom:100px !important;}
.pb120 { padding-bottom:120px !important;}
.pb150 { padding-bottom:150px !important;}

.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt50 { padding-top:50px !important;}
.pt100 { padding-top:100px !important;}
.pt120 { padding-top:120px !important;}
.pt150 { padding-top:150px !important;}

.pl5 { padding-left:5px;}
.pankkikimara { background:#fff; padding:12px 0 10px 10px; text-align:center;}
.pankkikimara img { height:18px; margin-right:10px;}

/* ******************* LOGIN SIVU ********************** */

.formblock { display:block; position:relative; padding:5px; background:#333; margin: 5px 0; width:320px; overflow:hidden;}

.prepaidheader {display:block; position:relative; padding:4px; font-size:14px; font-weight:bold; color:#FFF;}
.paketti { display:block; position:relative; padding:3px; font-size:14px; font-weight:bold;}
.paketti span {font-size:12px; font-weight:normal;}
.prepaidheader span{font-size:12px; font-weight:bold; color:#FF0;}
.priceinfo { display:block; position:relative; font-size:10px; font-weight:normal; color:#CCC; line-height:120%;}

.ostakoodi {
	background-color:#F30;
	border: medium none;
	display: block;
	width:146px;
	height: 24px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	cursor: pointer;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.ostakoodi:hover { background-color:#9C0;}

.input-text, .input-password, .input_email {
	font-size: 14px;
	background: #fff;
	outline: medium none;
	border: 1px solid #cfcfc9;
	padding: 3px 10px;
}

.input_email {
	width: 290px;
}

.checkbox {
	font-weight: normal;
	font-size: 14px;
}


.button_lomake_new {
		font-size:16px; color: #FFF;
		width: 120px; height: 30px; line-height:30px; margin-left: 0px; border:none; margin-top: 10px; background-color: #CC0000; cursor: pointer;
		-moz-box-shadow: 0 0  2px #111;
		-webkit-box-shadow: 0 0 2px #111;
		box-shadow: 0 0 2px #111;
		
		
		}
		
		
.button_lomake_new:hover { background-color: #3C0;}

/*************************** VIDEONÄKYMÄ THUMBCONTAINER ********************************/

.tube {display:block;	position:relative; width: 19%; height: auto; float:left; margin: 0.5%; text-align:center; overflow:hidden !important}
.tube:hover, .tube:active, .tube:focus {
	-moz-box-shadow: 0 0 4px #f00;
		-webkit-box-shadow: 0 0 4px #f00;
		box-shadow: 0 0 4px #f00;}


.tubeimage {display:block; width:100%; position:relative; max-height:150px; margin:0; text-align:center; overflow:hidden}
.tubeimage img {width:105%; min-height:156px;}

.tubetext
{display:block; position:relative; height: 55px; padding: 6px; margin-top: 2px; text-align:left; background:#222; overflow:hidden;}
.tubetext a
{font-size:1.2em; font-weight:700; margin:0 !important; padding:0 !important;}

.tubetext p
{font-size:1em; margin:0 !important; padding:0 !important;}
.oikea {position:absolute; padding:4px; right:10px; top:6px; text-align:right; background:rgba(0,0,0,0.70); border-radius:2px; font-weight:500}


.tube .rating { font-size:10px; color:#A0A0A0}
.tube .rating i.rating-full {color:#FFBA00}


/*************************** VIDEONÄKYMÄ THUMBCONTAINER ********************************/

.thumbarea.register {background:url(/pics/section_bg_register.jpg) no-repeat !important; background-size:cover !important}

.bankbutton_holder
{position:relative; display:inline-block; float:left;  padding:4px; margin-left:12px; margin-bottom:15px; border:1px solid #666;
	border-radius: 8px;
	overflow:hidden}
.bankbutton_holder:hover {border:1px solid #999;}

.bankbutton { display:block; width:130px; height:80px !important; line-height:100px !important; vertical-align:middle; text-align:center; color:#333; background-color:#fff;
	border-radius: 6px;
	overflow:hidden

}

input.nappula {max-width: 50%;}

.C1 {
	width: 140px;
	height: 130px;
	border: 1pt solid #a0a0a0;
	display: block;
	float: left;
	margin: 6px 6px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: none;
	padding: 0;
	background:#fff; color:#222;
}

.C1:hover {
	background-color: #f0f0f0;
	border-color: black;
}

.C1 form {
	width: 140px;
	height: 120px;
}

.C1 form span {
	display: table-cell;
	vertical-align: middle;
	height: 92px;
	width: 144px;
}

.C1 form span input {
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 1pt solid #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	background-color: white;
}

.C1:hover form span input {
	border: 1pt solid black;
}

.C1 div {
	text-align: center;
	
	font-size: 8pt;
}


.innopay {clear:both; display:block; position:relative; width: 938px; padding: 10px; margin-bottom:5px; text-align:left; background:#111; border:1px solid #222; overflow:hidden; font-size:16px}
.innopay a {font-size:16px;}
.innopay H5 {font-size:16px; font-weight:bold; margin:5px;}
.innopay H1 {margin-left:10px;}
.innopay H1 {font-size:25px; margin-right:0}
.innopay H2 {font-size:25px; margin-left:0}
.innopay P {display:block; line-height:150%}

.bankbuttons {display:block; position:relative; width: 938px; padding: 10px; padding-top:0px; margin-bottom:5px; text-align:left; background:#111; border:1px solid #222; overflow:hidden}

.bankbuttons H3, .innopay H3 {font-size:30px; color:#EEE; font-weight:normal; padding:5px; margin:10px; margin-bottom:0; text-align:left;}
.bankbuttons H4, .innopay H4 { display:block; font-size:16px; color:#EEE; font-weight:normal; padding:5px; margin:10px; margin-top:0; text-align:left;}

.innopay H6 {font-size:14px; margin-left:0; color:#EEE}


.palkki_bot {width:100%; height:30px; line-height:30px; text-align:left; margin-top:10px; padding: 0; z-index:1; overflow:hidden}

.palkki_bot .holder {max-width:1280px; margin:0 auto;}


.circlepalkki { display:block; position:relative; max-width:1280px; height:0px; margin:0 auto; overflow:visible; z-index:1000}
.circleholder { display:block; position:absolute; top:-50px;}
.circlebutton {
	display:inline-block;
	box-sizing:border-box;
	margin-left:5px;
	border-radius: 50%;
	width: 100px;
	height: 100px; line-height:100px; text-align:center;
	border:1px solid rgba(0,0,0,0.14); overflow:hidden;
	background:#9e0000;
	transition-property: border-color;
	transition-duration: 0.2s;
	
}
.circlebutton h3 { font-size:30px; padding:0 !important; margin:0 !important; line-height:100px;}
.circleheader {
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:25px !important;
	margin-left:5px;
	border-radius: 8px;
	width: 200px;
	height: 50px; line-height:50px; text-align:center;
	border:1px solid rgba(0,0,0,0.14); overflow:hidden;
	background:#9e0000;
	transition-property: border-color;
	transition-duration: 0.2s;
	
}


.circleline {position: relative; display:block; box-sizing: border-box; width:80%; height:1px; margin-top: 100px; margin-bottom: 100px; margin-left: auto; margin-right: auto; border-top:2px solid rgba(198,198,198,0.53);}
.circle_7 {
	position:absolute;
	top:-100px; left:-50%; right:-50%;
	box-sizing: border-box;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	line-height:0px;
	/* border:8px solid rgba(0,0,0,0.14); */
	overflow:hidden;
    margin: 0 auto;
	padding: 0;
	box-shadow:0 0 16px #222;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}


.circle_6 {
	position:relative;
	border-radius: 10%;
	width: 200px;
	height: 200px; line-height:12px; text-align:center;
	border:8px solid rgba(0,0,0,0.14); overflow:hidden;
    margin: 0 auto;	
	margin-bottom:10px;
	box-shadow:0 0 16px #222;
	transition-property: border-color;
	transition-duration: 0.2s;
}
.circle_6 img {position:absolute; left:-20%; min-width:110%; min-height:110%;}
.circle_6:hover { border-color:#fff;}

.circle_5 {
	display:block;
	position:relative;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align:center;
	padding:50px;
	margin:auto;
	border:2px solid #FFF;
	overflow:hidden;
	background:rgba(0,0,0,0.10)
}

.circle_4 {
	position:relative;
	border-radius: 50%;
	width: 80px;
	height: 80px; line-height:12px; text-align:center;
	border:8px solid rgba(0,0,0,0.14); overflow:hidden;
	margin-bottom:10px;
	margin-left: auto; margin-right: auto;
}
.circle_4 img {position:absolute; left:-50%; min-width:110%; min-height:110%;}

.circle_3 {
	position:absolute; top:6px; right:6px;
	font-family:Arial, sans-serif;
	border-radius: 50%;
	width: 12px;
	height: 12px; line-height:12px; text-align:center;
	font-size:10px; font-weight:bold;
	border:1px solid #FFF;
}

.circle {
	position:absolute; top:6px; right:6px;
	font-family:Arial, sans-serif;
	border-radius: 50%;
	width: 18px;
	height: 18px; line-height:18px; text-align:center;
	font-size:10px; font-weight:bold;
	border:1px solid #FFF;
}

.circle_2 {
	display:inline-block;
	font-family:Arial, sans-serif;
	border-radius: 50%;
	width: 12px; padding:2px;
	height: 12px; line-height:12px; text-align:center;
	font-size:9px; font-weight:bold;
   border:1px solid rgba(255,255,255,0.50);
}
.circle_fav {
	display:inline-block;
	font-family:Arial, sans-serif;
	border-radius: 50%;
	width: 12px; padding:2px;
	height: 12px; line-height:12px; text-align:center;
	font-size:9px; font-weight:bold;
	margin-bottom:2px;
}


.circle_actor {
	position:relative;
	border-radius: 50%;
	width: 50px;
	height: 50px; text-align:center;
	font-size:10px; font-weight:bold;
	border:1px solid #FFF; overflow:hidden; background:#333;
}
.circle_actor img {width:130% !important; position:absolute; top:0; left:-15%}
.circle_actor i.fa {font-size:30px; line-height:50px;}
.actor {float:left; padding-left:10px; font-weight:700; line-height:50px;}

.smstaulukko { display:block; margin:0; padding:0;}
.smstaulukko table {padding:0; margin:0;}
.smstaulukko td { padding:10px; margin:0 2px 2px 0 !important; background: rgba(0,0,0,0.44); font-size:1.4em}


.h1-sm {font-size:22px !important}
.h2-sm {font-size:15px !important; line-height:150%; font-weight:normal; color:#ccc !important}


.efx {
    -webkit-transition-property: bottom, background, color;
       -moz-transition-property: bottom, background, color;
         -o-transition-property: bottom, background, color;
            transition-property: bottom, background, color;
    -webkit-transition-duration: 0.1s;
       -moz-transition-duration: 0.1s;
         -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;

}
.efx-h {
    -webkit-transition-property: max-height, background;
       -moz-transition-property: max-height, background;
         -o-transition-property: max-height, background;
            transition-property: max-height, background;
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
}

.efx-o {
    -webkit-transition-property: visibility, opacity;
       -moz-transition-property: visibility, opacity;
         -o-transition-property: visibility, opacity;
            transition-property: visibility, opacity;
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
}

/* PLUS - STICKER YM */
.mopink { color:#e50278}
.moyel {color:#FFB500 !important}
.moblue {color:#0097D9 !important}
img.respokuva {width:100%}


.demoholder {display:block; box-sizing:border-box; width:100%; height:450px; overflow:hidden}

.ticker {display:block; width:100%; height: 140px; padding:5px; box-sizing:border-box; overflow:hidden}


.ticker .kuva {display:block; position:relative; box-sizing:border-box; width:120px; height:120px; border-radius:50%;
border:6px solid #e20f53; box-shadow:0 0 10px rgba(0,0,0,0.70); overflow:hidden;
    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}

.ticker .kuva img { position:absolute; left:-20px; min-height:100% !important; max-height:110%;}
/* .ticker .kuva img:hover {transform: scale(1.1);} */


.ticker .nuoli {display:block; position:relative; box-sizing:border-box; width:120px; height:120px; float:left;}
.ticker .nuoli .arrow {box-sizing:border-box; position:absolute; height:100%; right:-8px; top:0px; padding-top:50px;}
.ticker .nuoli .arrow i { line-height:20px; font-size:30px !important; color:#e20f53;
    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}

.ticker:hover .kuva {border-color:#F80}
.ticker:hover .nuoli .arrow i {color:#F80;}

.ticker .text { display:block; box-sizing:border-box; width:65%; padding-left:14px; float:left; overflow:hidden;}
.ticker .kupla { display:inline-block; box-sizing:border-box; position:relative; padding:2px 6px; margin:2px; font-size:12px; color:#bbb}
.ticker .kupla i {padding-right:3px;}
.ticker h5 {padding-top:0; margin-top:0; padding-left:0px; font-size:18px; line-height:18px !important;}
.ticker span { background:rgba(15,161,0,1.00); padding:2px 5px; font-size:10px; border-radius:2px; vertical-align: top}

a.tickbutton {display:inline-block; padding:2px 6px; text-align:center; margin:0 !important; margin-right:6px; line-height:14px; color:#ccc;
background:#333; border-radius: 2px;}

a.tickbutton:hover, a.tickbutton:active, a.tickbutton:focus  {color:#fff; background:#f30;}

.demof {
	margin: 15px 0;
}
.demof ul{
	padding: 0;
	list-style: none; width:100%;
}
.demof li{
	padding: 2px; width:100% !important;
	
}
.demof li.odd{
	background: #fafafa;
}
.demof li:after {
	content: '';
	display: block;
	clear: both;
}


.pmpink {color:#e20f53 !important;}
.bg-pmpink {background:#e20f53 !important;}




.demo-gallery {display:block;
  width: 100%;

}

.demo-gallery figure {
  display: block;
box-sizing: border-box;
  overflow:hidden;
}

.demo-gallery figcaption {
  display: none;
}



/* ******************* PAKETIT JA PREPAID ********************** */


.loading-div {
 position:absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 15%;
	margin-left: 45%; margin-right: 45%;
}

.formblock { display:block; position:relative; padding:5px; background:#333; margin: 5px 0; width:320px; overflow:hidden;}

.pankkinapit { padding:0; margin:0;}

.pankkinapit form button {
	display:inline-block;
	box-sizing: border-box;
	width:24%;
	height:70px;
	line-height:60px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
	border:0;
	padding: 10px;
	margin:1%;
	margin-left:0; margin-top: 0; margin-bottom: 1%;
	background-color:#fff; float:left; overflow:hidden; cursor:pointer;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.pankkinapit form button:hover, .pankkinapit form button:focus {
box-shadow: 0 0 0 3px rgba(255,79,0,1.00) inset;
}

.pankkinapit form button img { display:block; max-height:100%; padding-right:6px; margin: auto;}
.pankkinapit form button img.pieni { display:block; height:50%; margin-top:9px; padding-right:6px; float:left}
.pankkinapit form button span { display:block; font-size:12px; font-weight:700; line-height:36px; padding-left:6px !important; padding-top:0; text-align:left}


h2.valitse { display:block; font-size:46px; line-height:400px; font-weight:700}
.prepaidheading {}



/* UUSIN 2018 PREPAID NAPPI */


.payment-kehys {display: block; position: relative; box-sizing: border-box; width:80%; min-height: 200px; padding: 0 3%; margin: auto; background: #eee; color: #444 !important; overflow: hidden;}

.payment-kehys p, .payment-kehys h4, .payment-kehys h1  { color:#444;}
.payment-kehys h1 a i {color:rgba(23,185,0,1.00)} 
.payment-kehys h1 a {color:rgba(23,185,0,1.00)} 

span.valittu {
	display:inline-block;
	line-height: 20px;
	padding: 4px 10px;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	border-radius: 2px;

}
span.valittu.saldo {background: rgba(75,187,16,1.00);}
span.valittu.hinta {background: rgba(255,79,0,1.00);}


a.payment-nappi {
	display: block;
	position: relative;
	float: left;
	box-sizing:border-box;
	width:24%;
	height: auto;
	margin-right: 1%;
	margin-bottom: 10px;
	padding: 26px;
	background: #fff;
	color:#222;
	font-size: 36px;
	font-weight: 700;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	-webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
a.payment-nappi.pdfix {padding-bottom:10px;}

a.payment-nappi .oldprice {
    display:block;

	font-size:12px;
	line-height: 14px;
	font-weight: 400;
	margin-top: 10px;

}

a.payment-nappi .ale {
	display: block;
	font-size:12px; 
	padding: 0px 6px;
	font-weight: 700;
	background: rgba(233,0,3,1.00);
	position: absolute;
	left:4px; top: 4px;
	text-align: left;
	color: #fff;}


a.payment-nappi .oldprice small { color: #333;}


a.payment-nappi.active { background: rgba(255,79,0,1.00); color: #fff;}

a.payment-nappi:hover, a.payment-nappi:focus {box-shadow: 0 0 1px 3px rgba(255,79,0,1.00) inset;}
a.payment-nappi.active:hover, a.payment-nappi.active:focus { box-shadow:none}

a.payment-nappi i {display: none; visibility: hidden;}
a.payment-nappi.active i {display: block; visibility: visible; position: absolute; top:8%; right:6%; color: #fff; font-size: 22px; font-weight: 400}

a.payment-nappi.mobiili i {display: block !important; visibility: visible !important; position: absolute; top:8%; right:6%; color: rgba(0,0,0,1.00) !important; font-size: 22px; font-weight: 400}


@media (min-width: 100px) and (max-width: 479px) {
	a.payment-nappi {width:49%; margin-bottom: 4px;}
	.payment-kehys {width:100%; min-height: 200px; padding:0 0.5%;}
	
}



/* ******************* MOBIILIMAKSUNAPPI ********************** */

a.mobiilimaksu, a.mobiilimaksu:link, a.mobiilimaksu:visited {
	display:inline-block;
	box-sizing:border-box;
	width:15%;
	margin-right:0.5%;
	margin-bottom:4px;
	padding:10px 0;
	text-align:center;
	background:rgba(255,197,1,1.00);
	font-size:16px;
	font-weight:bold;
	color:#222 !important;
}


/* UPSELL */

.profile_upsell
{display:block; position:relative; width: 49%; height: auto; max-height:91px; float:left; margin: 0; margin: 0.5%; text-align:center; overflow:hidden; z-index:10 !important}

.profile_upsell img {display:inline-block; position:relative; width: 100%;}
.profile_upsell:hover {}

.profile_upsell .textarea {display:block; opacity:0; width:100%; height:18px; padding:4px 0; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.45); z-index:11; line-height:18px;}
.profile_upsell .textarea a {
	font-size:14px; font-weight:bold; color:#ccc; line-height:18px;
	
	}
.profile_upsell .online {display:block; opacity:0; visibility:hidden; position:absolute; top:4px; left:4px; text-shadow: 0px 0px 2px rgba(146,247,114,1.00); color: rgba(34,78,0,1.00);
font-weight:700; font-size:10px; padding:1px 4px; border-radius:2px; z-index:11 !important}

.profile_upsell.iso
{display:block; position:relative; width: 99%; height: auto; max-height:193px; float:left; margin:0.5% !important; text-align:center; overflow:hidden;}


.darkenize { display:block; opacity:1; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.30); z-index:11 !important}

.profile_upsell:hover .online {opacity:1; visibility:visible;}
.profile_upsell:hover .darkenize { opacity:0;}
.profile_upsell:hover .textarea { opacity:1;}


/*************** SELECTOR *****************/

.selector {display:flex; position: relative; box-sizing: border-box; margin-bottom: 12px; justify-content: center;}

a.selector-left, a.selector-right, a.selector-middle {
	display:inline-block; box-sizing: border-box; padding:5px 10px 5px 10px; float: left;  text-align:center;  line-height:22px; z-index:5; color:#555 !important; background:#222; border:1px solid #333; font-size:1em; font-weight:700; overflow: hidden}

a.selector-left {
border-right:0px;
margin-left:0px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
} 

a.selector-right {
margin-right:12px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

a.selector-middle {
margin:0; border-right:0;
}

a.selector-left:hover, a.selector-left:focus, a.selector-right:hover,  a.selector-right:focus, a.selector-right:active, a.selector-middle:hover,  a.selector-middle:focus, a.selector-middle:active {background:rgba(197,0,3,1.00); color:#eee !important}

a.selector-left.active, a.selector-right.active, a.selector-middle.active {background: rgba(197,0,3,1.00); color:#fff !important}


a.mobiiliselector {
	display: block;
	float: left;
	box-sizing: border-box;
	width:50%;
	padding: 10px;
	text-align: center;
	background: #333;
	font-weight: 700;
	border-right:1px solid rgba(255,255,255,0.1);
	border-bottom:1px solid rgba(255,255,255,0.1);
}
a.mobiiliselector:hover, a.mobiiliselector:focus, a.mobiiliselector:active, a.mobiiliselector.active {
	background: rgba(197,0,3,1.00)
	
}

/* MODAL */


.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 10000;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 20000;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
	color:#333;
	font-size: 14px;
}

.modal a {color:#333;}
.modal a:hover, .modal a:focus, .modal a:active {color:coral;}
.modal h1, .modal h2, .modal h3, .modal h4 {color:#222;}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

}

.modal-spinner {
  display: none;
  position: fixed;
 z-index: 21000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/* SCREENS */

@media (min-width: 100px) and (max-width: 479px) {
.filterblock {box-sizing:border-box; width:33%;}
.filterblock h5 {font-size:1.1em;}
a#displayText {padding:3px 5px;}
h1.kateg { font-size:2em !important;}
h5.kateg { font-size:1em !important;}
p.suodatettu {font-size:1em !important}


select.latausvalinta {
	background:#eee !important;
}

.live_isokuva_holder .kokeile {max-width:35%;}
.live_isokuva_holder .kokeile img {opacity:1;}
	

.fixed-bg { background-image:none !important}
.flexbox { display:block !important}
.grid-12x1, .grid-12x2, .grid-12x3, .grid-12x4, .grid-12x5, .grid-12x6, .grid-12x7, .grid-12x8 {
	width:100% !important;
	}
	
.grid-12x2.sedbox { width:50% !important}	
.grid-12x3.sedbox { width:50% !important}
	
a.livebutton, a.livebutton small {font-size:18px; font-weight:700;color:#eee; text-shadow: none;}

.mob { padding-top:0 !important; padding-bottom:0 !important}

.mob .padding_15 { padding:5px !important}
.mob .padding_20 { padding:10px !important}
.mob .pt20, .mob .pt30, .mob .pb20, .mob .pb30 { padding-top:10px !important; padding-bottom:0px !important}
.pagination {display:inline-block; width:auto; text-align:center !important}
li.prepaidkoodi .inner .hinta {padding-top:12px; font-size:26px; line-height:26px;}
li.prepaidkoodi .inner .hinta small {font-size:16px; line-height:16px;}


li.prepaidkoodi .ale {
	padding:0 4px;
	height: 15px; line-height:15px;
	font-size:11px;
}
h2.valitse { display:none;}

.loading-div {
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
margin:0px !important;
}


.pankkinapit form button {width:49%;}

#results .padding_10 { padding-left:0; padding-right:0}


p.big { font-size:1.2em !important}
p.big1 { font-size:1.3em !important}
p.big2 { font-size:1.4em !important; line-height:1.4em; margin-top:0; padding-top:10px; padding-bottom:0}

h1.big { font-size:1.8em !important}
h1.big1 { font-size:2.6em !important}
h1.big2 { font-size:3em !important; padding:15px 0}

h2.big { font-size:1.5em !important}
h2.big1 { font-size:2em !important}
h2.big2 { font-size:3em !important}



/*************** SELECTOR *****************/


a.selector-left, a.selector-right, a.selector-middle {display:inline-block; padding:5px 10px 5px 10px;  text-align:center;  line-height:16px; z-index:5; color:#555 !important; background:#222; border:1px solid #444; font-size:1em; float:left; font-weight:700;}

a.selector-left {
border-right:0px;
margin-left:2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
} 

a.selector-right {
margin-right:2px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

a.selector-middle {
margin:0; border-right:0;
}


.wrapper-1-4 {display:none; position:relative; width:25%; height:auto; overflow:hidden; float:left}
.wrapper-3-4 {display:block; position:relative; width:100%; margin-left:1%; height:auto; overflow:hidden;}
.grid-3 {width:50%}
.grid-4 {width:50%}
.grid-5 {width:50%}
.grid-12x10 {width:100% !important}

.grid-m {width:100% !important;}
.hide-m { display:none !important}
.bg-m-red { background:#BE0000;}

.videogrid {width:48%; float:left}
.dvdthumb {display:block; position:relative; width:100%; max-height:220px; padding:2%; margin:0; text-align:center; overflow:hidden; background:#191919; z-index:1}
.dvdthumb:hover .dvdthumb:focus {}
.dvdthumb_cover { position:relative; width: 96%; max-height: 220px; margin: 0; padding: 0 !important; text-align:center; overflow:hidden;}
.videogrid.etu { width:50%; min-height:290px;}

.otethumb { width:49.5%; margin-right:0.5%; float:left }

.hide-m-l {display:none !important;}
.hide-480 {display:none !important;}
.hide-960 {display:none !important;}

.main_sisempi_footer {width:100%; margin: 0; padding:10px;}

.live_profilemenu a.nappi-punainen {padding:3px 10px 3px 10px; margin-left:4px; margin-right:0; margin-bottom:4px !important; width:42%; line-height:24px;}

.live_isokuva {width:100%; height:auto; background-color:#480002; margin:0 !important; padding:0; padding-bottom:0px; overflow:hidden; float:left; z-index: 1;}


.live_isokuva_holder {display:block; position:relative; width:100%; max-height:300px; overflow:hidden}

.live_isokuva_holder img { width:100%}

.tilarivi {display:none; position:relative; width: 366px; height: 32px; margin-top:5px; margin-left:10px; margin-bottom:10px;}
.live_isotnapit { display:block; width:100%; overflow:hidden; padding:0 !important; text-align:center; float:none;}

.live_small
{width:50%; max-height:110px;
}


.live_big {width:100%; height:244px}
.videothumb_live_big {height:244px;}	
.videotext_live_big {position:absolute; bottom:0; left:0;}
.isolippu {display:none !important;}

.videothumb_live_small {width:100%; max-height:110px; margin-bottom:2px !important;
transform:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.videothumb_live_small img {width:100%; max-width:240px; min-height:110px;}

.videotext_live_small {
display:block; width: 100%; height:auto; position:absolute; bottom:0px; left:0; padding: 10px; padding-top:6px; padding-bottom:0; margin:0; text-align:left; z-index:1000; overflow:hidden;
background:rgba(0, 0, 0, 0.35);
border-top: 1px solid rgba(255, 255, 255, .15);}

.live_small:focus .videotext_live_small {background:rgba(0, 0, 0, 0.70);}










.thumbarea.register {background:none !important;}
.dvdthumb_cover {max-height: 245px !important;}

li.block-prepaid a h2 {
	display:block; position:relative; line-height:40px; padding-top:20px;
	}


.tube {display:block;	position:relative; width: 49%; height: auto; float:left; margin: 0px !important; padding: 0.5%; padding-bottom:4px; text-align:center; overflow:hidden !important}
.tubeimage {display:block; width:100%; position:relative; max-height:100px; margin:0; text-align:center; overflow:hidden}

.kuvathumbcontainer {display:block; width:49%; max-height:220px; margin:0.5%; position:relative; overflow:hidden; float:left;}
.kuvathumb_overlay_tulossa { display:none}
.kuvathumbcontainer:hover .kuvathumb_overlay_tulossa {display:none;}
.kuvathumbcontainer.small {display:block; width:32%; max-height:140px; margin:0.5%; position:relative; overflow:hidden; float:left;}

.kanavacover {height:170px;}
.kanavacover.etusivu {max-height:100px;}


.pagination .padding_5 { padding:0 !important}
.pagifix { margin-left:0px !important; padding-top:10px !important; padding-bottom:0 !important; padding-left:3px !important; background:none !important}
.pagination ul li {margin-right: 2px !important; border:1px solid #444 !important; height:44px !important; line-height:44px !important;}
.pagination ul li a {line-height:44px; margin:0 !important; font-size:16px; color:#fff;}

	.perusbox, .thumbarea { width:100%}

      }

@media (min-width: 480px) and (max-width: 768px) {
.filterblock {box-sizing:border-box; width:25%;}
.filterblock h5 {font-size:1.1em;}
a#displayText {padding:3px 5px;}
h1.kateg { font-size:2em !important;}
h5.kateg { font-size:1em !important;}
p.suodatettu {font-size:1em !important}

.pagination .padding_5 { padding:0 !important}
.pagifix { margin-left:0px !important; padding-top:10px !important; padding-bottom:0 !important; padding-left:3px !important; background:none !important}
.pagination ul li {margin-right: 2px !important; border:1px solid #444 !important; height:44px !important; line-height:44px !important;}
.pagination ul li a {line-height:44px; margin:0 !important; font-size:16px; color:#fff;}




.live_big {width:50%; height:244px}
.videothumb_live_big {height:244px;}	
.videotext_live_big {position:absolute; bottom:0; left:0;}
.livemainos {height:244px;}
.livemainos_inner {height:244px;}


.live_isokuva_holder .kokeile {max-width:35%;}
.live_isokuva_holder .kokeile img {opacity:1;}	
	
.fixed-bg { background-image:none !important}
body {
	width:100%;
	font-size: 12px;
	color: #eee;
	margin: 0;
	padding:0;
	text-align:center;
	}


.main {width:100%; overflow:hidden;}
.main_sisempi
{
display:block;
width:100%;
margin:0 !important;
margin-bottom:10px;
padding:0 !important;
}


.grid-12x1, .grid-12x2, .grid-12x3, .grid-12x4, .grid-12x5, .grid-12x6, .grid-12x7, .grid-12x8 {
	width:50% !important;
	}
.grid-12x10 {width:100% !important}
a.livebutton, a.livebutton small {font-size:18px; font-weight:700;color:#eee; text-shadow: none;}
.mob { padding:0 !important; margin:0 !important}


.wrapper-1-4 {display:none; position:relative; width:25%; height:auto; overflow:hidden; float:left}
.wrapper-3-4 {display:block; position:relative; width:100%; margin-left:1%; height:auto; overflow:hidden;}


.grid-4 {width:50%}
.grid-5 {width:33.333333%}

.videowrapper_left {display:block; position:relative; width:24.5%; overflow:hidden !important}
.videowrapper_right {display:block; position:relative; width:75%; overflow:hidden !important}

.videogrid {width:32%; padding:2px 2px 0 0;}
.dvdthumb {display:block; position:relative; width:100%; max-height:220px; padding:0; margin:0; text-align:center; overflow:hidden; background:#191919; z-index:1}
.dvdthumb:hover .dvdthumb:focus {}
.dvdthumb_cover { position:relative; width: 100%; height:auto; margin: 0; padding: 0 !important; text-align:center; overflow:hidden;}


.hide-480 {display:none !important;}
.hide-m-l {display:none !important;}
.grid-m-l { width:100% !important;}
.bg-m-red { background:#BE0000;}
.pagifix { margin:0 !important;}
.otethumb { width:24.5%; margin-right:0.5%; float:left }




.main_sisempi_footer {width:100%; margin: 0; padding:10px;}

.live_profilemenu a.nappi-punainen {padding:3px 10px 3px 10px; margin-left:4px; margin-right:0; margin-bottom:4px !important; width:42%; line-height:24px;}

.live_isokuva {width:100%; height:auto; background-color:#480002; margin:0 !important; padding:0; padding-bottom:0px; overflow:hidden; float:left; z-index: 1;}


.live_isokuva_holder { display:block; position:relative; width:100%; max-height:300px; overflow:hidden}
.live_isokuva_holder img { width:100%}



.live_small
{width:25%; max-height:120px; padding:1px;
}
.live_small:hover {}
.videothumb_live_small {max-height:120px; padding:0;
}
.videothumb_live_small img {width:100%; min-height:120px; transform:none !important;}

.videotext_live_small {
display:block; width: 100%; height:auto; position:absolute; bottom:0px; left:0; padding: 10px; padding-top:6px; padding-bottom:0; margin:0; text-align:left; z-index:1000; overflow:hidden;
background:rgba(0, 0, 0, 0.35);
border-top: 1px solid rgba(255, 255, 255, .15);}

.live_big:focus .videotext_live_small {background:rgba(0, 0, 0, 0.70);}
.thumbarea.register {background:none !important;}
.dvdthumb_cover {max-height: 265px !important;}


li.block-prepaid a h2 {
	display:block; position:relative; line-height:40px; padding-top:20px;
	}



.tube {display:block;	position:relative; width: 32%; height: auto; float:left; margin: 0px !important; padding: 0.5%; padding-bottom:4px; text-align:center; overflow:hidden !important}
.tubeimage {display:block; width:100%; position:relative; max-height:110px; margin:0; text-align:center; overflow:hidden}

.kuvathumbcontainer {display:block; width:32%; max-height:220px; margin:0.5%; position:relative; overflow:hidden; float:left;}
.kuvathumb_overlay_tulossa { display:none}
.kuvathumbcontainer:hover .kuvathumb_overlay_tulossa {display:none;}
.kuvathumbcontainer.small {display:block; width:18%; max-height:140px; margin:0.5%; position:relative; overflow:hidden; float:left;}

.perusbox, .thumbarea { width:100%}
      }



@media (min-width: 768px) and (max-width: 1199px) {


.megamenu {position:relative; width:960px;}
  .megamenu ul{margin: 0px; padding: 0px; width:100%; list-style-type:none;}

	.megamenu ul li.logox {display:block; width:200px; padding-top:4px; padding-right:15px; z-index:10000;}
	.megamenu ul li.logox img {width:100%; margin:0; padding:0;}
	.megamenu ul li a.button {display:inline-block; font-size:1.1em; padding:0 10px;}

	
	.palkki_top {display:block; width:960px;}

	.main_sisempi_footer {display:block; width:960px; margin: 0 auto;padding:0;position:relative;color:#ccc;line-height:1.4em;}
	

.hide-960 {display:none !important;}

.wrapper-1-4 {display:block; position:relative; width:25%; height:auto; overflow:hidden; float:left}
.wrapper-3-4 {display:block; position:relative; width:74%; margin-left:1%; height:auto; overflow:hidden; float:right}

.dvdthumb_cover {max-height: 245px;}
.videogrid {max-height:190px !important;}
.videogrid .dvdthumb_cover {max-height:190px !important;}
.dvdthumb {height: 190px;}

.dvdthumb.front
{max-height:160px;}


/* ******************* LIVETHUMBSIT - ISOT  -  ********************** */
.widebox {max-width:964px; left:-2px !important;}
.perusbox, .thumbarea, .megamenu, .palkki_top {width:960px;}

.live_small {height:130px;}
.videothumb_live_small {height:130px;}	
.flag img { margin-left:2px; width:16px !important; height:11px !important; min-height:11px}

.live_big {height:264px}
.videothumb_live_big {height:264px;}	
.livemainos {height:264px;}
.livemainos_inner {height:264px;}


/* ******************* SUODATIN ********************** */
.filterblock h5 {font-size:1.1em;}
.newsuodatin a,.newsuodatin a:visited, .newsuodatin a:active {font-size:1em !important;}


   
.floatoff {width:100% !important; float:none !important}
.floatoff .submit {width:50% !important; margin:5px 0 5px 0 !important}

a.nappi-iso {display:inline-block; width:50%; padding:5px 10px 5px 10px; text-align:center; font-weight:600; line-height:38px; z-index:50000; color:#fff !important; background:#C00000; font-size:18px}


.grid-prepaid {width:40%;}
.grid-prepaid-r {width:40%;}


.katebox {height:100%;}
.katebox h3 {font-size:2em !important;}	
.videobox {height:176px;}	
	
.live_loput {display:none; width:0;}
	
	
.live_isokuva {width:85%; height:auto;}
.live_isokuva_holder {width:100%; height:auto;}
.live_isokuva_holder img {width:100%}
	
	
}

@media (min-width: 1400px) {
	.megamenu, .previewimages, .thumbarea {max-width:1400px;}
	.perusbox {max-width:1400px;}
}