html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body{
	background-color	: #fdfdfd;
	color				: #0d0d0d;
	font-family			: ubuntu,sans-serif;
	font-size			: 15px;
	line-height			: 1.3;
	padding				: 0px;
	margin				: 0px;
	
}

a,a:hover,a:visited{
	/*vertical-align		: initial;*/
}

time{ 	vertical-align 	: middle; }
i{ 		vertical-align	: middle; }
em{		font-style		: italic; }
b{
	font-weight			: 500;
	vertical-align		: initial;
}

p{
	
	color				: #0d0d0d;
	line-height			: 1.35;	
}
h1,h2,h3,h4,h5{
	font-family			: Montserrat,sans-serif;
	margin				: 0px 0px 35px 0px;
	line-height			: 1;
	
}
h1{ font-size:32px; font-weight:600; }
h2{ font-size:20px; font-weight:400; }
h3{ font-size:16px; font-weight:400; }
h4{ font-size:14px; font-weight:400; }

@media (max-width: 1023px) {
	h1{ font-size:28px; font-weight:600; }
	h2{ font-size:18px; font-weight:400; }
	h3{ font-size:15px; font-weight:400; }
	h4{ font-size:14px; font-weight:400; }
}

h1 .material-icons{ 	font-size	: 36px; 				}
h1.divider{				padding 	: 0px 15px 0px 15px;	}
h1.main{ 				font-size	: 38px; 				}


.login h2{
	margin-bottom			: 10px;
}
header h1{
	margin-top				: 60px;
}
header h1.even-margins{
	margin					: 60px 0px 60px 0px;
}

@media (max-width: 1023px){
	h1.main, h1.main.inline, header h1.even-margins{ 
		text-align			: center;
		padding				: 0px 10px 0px 10px;
		margin				: 40px 0px 40px 0px;
		display				: block;
	}	
}

h2.public-frontpage-premiers{
	margin					: 10px 0px 45px 0px;
}
@media (max-width: 1023px){
	.frontpage-movies-container{
		display				: none;
		
	}
}

a,a:hover,a:active,a:visited{
	text-decoration			: none;
	color					: #0c2d78;
}
strong{
	font-weight				: 500;
}

/*-----------------
 Header
------------------*/
header.main{
	position				: relative;
	height					: 356px;
	background-color		: black;
	background-image		: url( ../img/header_image_main.png );
	background-position		: center center;
	background-size			: cover;
	
}


body.logged-in header.main{
	height					: 200px;
}

header.main .logo{
	display					: block;
	position				: absolute;
	top						: 50%;
	z-index					: 5;
	-webkit-transform		: translate(0, -50%);
    transform				: translate(0, -50%);
}

@media (max-width: 1023px){
	header.main{
		height				: 280px;
	}
	
	header.main .logo{
		position			: relative;
		margin-top			: 145px;
		width				: 100%;
		max-width			: 450px;
		height				: auto;
	}
	body.logged-in header.main .logo{
		margin-top			: 100px;
	}
	header.main{
		background-size		: auto;
	}
	
}

/*-----------------
 Content
------------------*/
.wrapper{
	padding			: 0px 6% 0px 6%;
}
.wrapper.row, footer.row{
	padding			: 35px 6% 45px 6%;
	box-shadow		: inset 0px 1px 3px rgba( 0,0,0,0.04 );
	border-bottom	: 1px solid rgba( 0,0,0,0.12 );
}
article{
	margin			: 0px 0px 70px 0px;
}



a.icon-link i{
	opacity:	0.5;
	font-size:	35px;
	color:		black;
}

/*-----------------
 Image boxes
------------------*/

figure.has-image{
	box-shadow			: 0px 0px 10px rgba( 0,0,0,0.1 );
}	
figure.no-image{
	/*background-color	: rgba( 0,0,0,0.02 );	
	box-shadow			: inset 0px 0px 10px rgba( 0,0,0,0.1 );*/
	border-radius		: 5px;
	border				: 1px dashed rgba( 0,0,0,0.3 );
	box-shadow			: 0px 0px 2px rgba( 0,0,0,0.05 ), inset 0px 0px 20px rgba( 0,0,0,0.05 );
}
figure.no-image:after{
	content 			:  url('../img/kaanto_kulma.png');
	position			: absolute;
	z-index				: 10;
	top					: -1px;
	right				: -1px;
	transform-origin	: 100% 0%;
	transform			: scale(.4);
	display				: block;
	opacity				: 0.9;
}


figure.inset-box{
	background-color	: rgba( 0,0,0,0.02 );
	box-shadow			: inset 0px 0px 10px rgba( 0,0,0,0.1 );
}	
figure.outset-box{
	background-color	: rgba( 0,0,0,0.02 );
	box-shadow			: 0px 0px 10px rgba( 0,0,0,0.1 );
}
/*-----------------
 Some
------------------*/
section.some{
	margin:					0px 0px 30px 0px;
}
.some_icon{
	display:				inline-block;
	width:					40px;
	height:					40px;
	margin-right:			10px;
	background-position:	center center;
	background-size:		100% 100%;
}
.some_icon.twitter{
	background-image:		url( ../img/some_icon_twitter.png );
}
.some_icon.youtube{
	background-image:		url( ../img/some_icon_youtube.png );
}
.some_icon.facebook{
	background-image:		url( ../img/some_icon_facebook.png );
}
.some_icon:hover{
	opacity:80%;
}
/*---------------------
 Share buttons
----------------------*/
.some_icon.share-button{
	background-color	: #404040;
	font-size			: 12px;
	padding				: 7px 12px 7px 22px;
	margin-right		: 0px;
	border-radius		: 3px;
	width				: auto;
	height				: auto;
	color				: white;
	background-size		: 20px 20px;
	background-repeat	: no-repeat;
	font-family			: ubuntu,sans-serif;
	text-transform		: lowercase;
	transform			: -ms-translate( 0px,-6px );
	transform			: -moz-translate( 0px,-6px );
	transform			: -webkit-translate( 0px,-6px );
	transform			: translate( 0px,-6px );
}

.some_icon.share-button.facebook{
	background-image	: url( ../img/some_icon_small_facebook.png );
	background-position	: 3px center;
	padding				: 7px 11px 7px 27px;
	background-color	: #3b5998;
	margin-right		: 10px;
}
.some_icon.share-button.facebook:hover{
	background-color	: #3760b8;
}
.some_icon.share-button.twitter{
	background-image	: url( ../img/some_icon_small_twitter.png );
	background-position	: 5px center;
	padding				: 7px 10px 7px 31px;
	background-color	: #4099FF;
}
.some_icon.share-button.twitter:hover{
	background-color	: #53a3ff;
}

/*----------------------------------*/
.back-link{
	font-family		: Montserrat,sans-serif;
	display			: block;
}


/*-----------------
 Footer
------------------*/
footer{
	text-align:center;
	padding-top:45px;
}

/*-----------------
 General
------------------*/
.montserrat{
	font-family			: Montserrat,sans-serif;
}
.relative{
	position 			: relative;
}
.absolute{
	position	: absolute;
	top			: 0px;
	left		: 0px;
	z-index		: 10;
}
.cover-bg{
	background-position	: center center;
	background-size		: cover;
	background-repeat	: no-repeat;
}
.contain-bg{
	background-position	: center center;
	background-size		: contain;
	background-repeat	: no-repeat;
}

.pointer{
	cursor			: pointer;
}
.hidden{
	display			: none !important;
}
.invisible{
	opacity			: 0;
}
.active > .show-on-parent-active{
	display	: none;
}
.active > .show-on-parent-active{
	display	: auto;
}

.no-bleeding{
	overflow		: hidden;
}
.break-word{
	word-wrap		: break-word
}
.row-divider{
	clear			: both;
}
.column{
	padding-right	: 10px;
}
.column-3{ 
	width			: 33.33%;
}
.column-4{ 
	width			: 25%;
	padding-right	: 20px;
}
/*.column-3:nth-of-type(3n+0){
	counter-reset: colums;
	counter-increment: colums;
	background-color: red;
}*/
@media (max-width: 650px) {
	.column-3{ width	: 100%; }
	.column-4{ 
		width			: 100%; 
		padding-right	: 0px;
	}
}

@media (min-width: 651px) and (max-width: 1300px ) {
	.column-3{ width	: 50%; }
	
}
@media (min-width: 651px) and (max-width: 900px ) {
	.column-4{ width	: 50%; }
	
}
@media (min-width: 911px) and (max-width: 1300px ) {
	.column-4{ width	: 33.33%; }
	
}

.darker-002{	background-color:rgba( 0,0,0, 0.02 );   }
.darker-005{ 	background-color:rgba( 0,0,0, 0.05 ); 	}
.darker-01{		background-color:rgba( 0,0,0, 0.1 );	}
.darker-015{ 	background-color:rgba( 0,0,0, 0.15 ); 	}
.darker-10{ 	background-color:rgba( 0,0,0, 0.1 ); 	}
.darker-30{ 	background-color:rgba( 0,0,0, 0.3 ); 	}

.grey{
	color : grey;
}

img.center{
	display:block;
	margin:0px auto 0px auto;
}


.inline{ 	display			: inline-block; 	vertical-align	: middle;	}
.block{		display			: block											}
.left{ 		float			: left; 										}
.right{ 	float			: right; 										}
.center{ 	text-align		: center; 										}

.middle{ 	vertical-align	: middle; 										}

.rounded-3{
	border-radius:3px;
}

.caps{
	text-transform:		uppercase;
	
}

.grey-10, a.grey-10{ color: #1a1a1a; }
.grey-60, a.grey-60{ color: #8f8f8f; }


.col-30{ width:			30%; 		}
.col-70{ width:			69%; 		}

@media (max-width: 800px) {
	.col-30{ width:		100%; 	}
	.col-70{ width:		100%; 	}
}

.smaller-80{ font-size:	80%; 	line-height:0.9;	}
.smaller-90{ font-size:	90%; 	line-height:1.3;	}
.larger-140{ font-size:	140%;  	line-height:1.5;	}


.space-top-10{ margin-top:10px; }
.space-top-20{ margin-top:20px; }


.padding-right-20{ 	padding-right	: 4%; 	}
.padding-right-20{ 	padding-right	: 4%; 	}

.margin-right-10{ 	margin-right	: 10px; }
.margin-right-15{ 	margin-right	: 15px; }
.margin-right-20{ 	margin-right	: 20px; }
.margin-right-20{ 	margin-right	: 25px; }

.margin-top-5{		margin-top		: 5px; 	}
.margin-top-10{		margin-top		: 10px !important; }
.margin-top-20{		margin-top		: 20px; }
.margin-top-15{		margin-top		: 15px; }
.margin-top-30{		margin-top		: 30px; }
.margin-top-40{		margin-top		: 40px; }
.margin-top-50{		margin-top		: 50px; }
.margin-top-70{		margin-top		: 70px; }

.margin-bottom-0{	margin-bottom	: 0px !important; 	}
.margin-bottom-5{	margin-bottom	: 5px; }
.margin-bottom-10{	margin-bottom	: 10px; }
.margin-bottom-20{	margin-bottom	: 20px; }
.margin-bottom-15{	margin-bottom	: 15px; }
.margin-bottom-30{	margin-bottom	: 30px; }
.margin-bottom-40{	margin-bottom	: 40px; }
.margin-bottom-50{	margin-bottom	: 50px; }
.margin-bottom-60{	margin-bottom	: 60px; }

.margin-left-5{	margin-left			: 5px; 	}
.margin-left-10{	margin-left		: 10px; }
.margin-left-20{	margin-left		: 20px; }
.margin-left-30{	margin-left		: 30px; }


/* clear */
.clear:before,
.clear:after {
    content: "";
    display: table;
} 
.clear:after {
    clear: both;
}
.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}