/*  TYKKIHALLI STYLESHEET   ============================================================================= */
body {
	background-color: #fff;	
	color: #333;
	//background-image: url(../images/tykkihalli-bg.jpg) !important;
	background-size: contain;
	font-family:"Century Gothic",sans-serif !important;
}

.navbar {
	z-index: 200;
	position: fixed;
	top: 0px;
	padding: 0px;
}

#header_menu {
	width: auto;
	color: #fff;
	color: rgba( 255, 255, 255, 1 );
	background: transparent;
	overflow: auto;
}

#header_menu > div {
	text-align: left;
	float: none;
	font-weight:700;
	font-size:1em;
}

#header_menu > div:first-child {
	padding: 0px;
	line-height: 2.5em;
	font-size: 1.5em;
}

#header_menu div.full {
	display: none;
}

#header_menu > div:hover, #header_menu div.active {
	//background: #cccccc;
	//background: rgba( 204, 204, 204, 1 );
}

#header_menu div a {
	padding: 0 10px;
	line-height: 40px;
	font-family:"Century Gothic",sans-serif !important;
}

#header_menu div i {
	vertical-align: middle;
	padding-bottom: 2px;
}

.logoinmenu {
	display: none !important;	
}

.onlyinmobile {
	display: inline;	
}

.frontpage_slider {
	margin-top: 10px;	
}

@media only screen and (min-width: 525px) {	
	#header_menu div {
		float: left;
	}
	
	#header_menu > div:nth-child(1) {
		display: none;
	}
	
	#header_menu div.full {
		display: block;
	}
	
	.logoinmenu {
		display: inline !important;	
	}
	
	.onlyinmobile {
		display: none;	
	}
}

@media only screen and (min-width: 960px) {
	#header_menu div a {
		padding: 0 20px;
		line-height: 60px;
	}
	
	#header_menu div.smallcontact {
		padding: 0 20px;
		line-height: 1.2em;
		font-size: 0.9em;
	}
	
	#header_menu div.smallcontact div {
		text-align: left;
		margin-top: 10px;
	}
}

@charset "UTF-8";

body {
	background-color:#fff;
	color:#333;
	font-size:14px;
	line-height:150%;
}

a {
	color:inherit;
	text-decoration:none;
	font-size:inherit;
}

h1 {
	font-size:1.3em;
	line-height:1.3em;
}

h3 {
	font-size:.8em;
}

div.clear {
	clear:both;
}

.header {
	width:100%;
	//background: #333333;
	//background: rgba( 51, 51, 51, 1 );
	background: transparent;
}

.header.gray {
	//background: #333333;
	//background: rgba( 51, 51, 51, 1 );
}

.header_content {
	margin:0 auto;
	width:100%;
}

#header_logo {
	width:100%;
	float:left;
	text-align: center;
}

#header_logo img {
	padding: 15px 0 0 0;
	width:166px;
	height:34px;
}

#header_contact {
	width: 100%;
	float: left;
	text-align: center;
	line-height: 1.8em;
	font-size: 1.2em;
	height: 96px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#header_contact div {
}

#header_contact div a {
	padding: 0;
	line-height: inherit;
}

#header_contact div.logo {
	float: right;
	margin-top: -100px;
	margin-right: 10px;
}

#header_menu {
	width: auto;
	background: transparent;
	color: #fff;
	color: rgba( 255, 255, 255, 1 );
	overflow: auto;
}

#header_menu > div {
	text-align: left;
	float: none;
	font-weight:700;
	font-size:1em;
}

#header_menu > div:first-child {
	padding: 0 10px;
	line-height: 2.5em;
	font-size: 1.5em;
}

#header_menu div.full {
	display: none;
}

#header_menu > div:hover, #header_menu div.active {
	//background: #f5a50c;
}

#header_menu div a {
	padding: 0 10px;
	line-height: 50px;
}

#header_menu div i {
	vertical-align: middle;
	padding-bottom: 2px;
}

#slider {
	overflow:hidden;
	min-height:150px;
	max-height:150px;
	width:100%;
	height:150px;
	border-bottom:3px solid rgba(255,255,255,1);
}

.ns_nerveSlider .ns_caption {
	bottom:0;
	background:none;
	color:rgba(255,255,255,1);
	text-shadow:0 0 8px rgba(0,0,0,0.8);
	font-weight:700;
	font-size:12px;
	font-family:"Century Gothic",sans-serif;
	line-height:16px;
}

.ns_nerveSlider .ns_caption>div h1 {
	margin:0;
	padding:0;
	font-weight:700;
	font-size:16px;
}

.ns_nerveSlider .ns_caption div {
	right:5%;
	text-align:right;
}

#page {
	min-height:200px;
	width:100%;
}

.page_content_full {
	width:100%;
	height:100%;
	background-color: transparent;
}

.page_content_box_full {
	margin:0 auto;
	margin-bottom:0px;
	width:100%;
	background-color: transparent;
}

.page_content_box_full div {
	padding:0 10px;
	overflow: auto;
}

.page_content_box_full div:first-child {
	padding-top: 5px;
	border-top: none;
}

.leftcolimage h1, .leftcolimage p {
	padding-left: 0;
	padding-right: 15px;
}

.leftcolimage img {
	display: none;
	width: 300px;
	margin: 18px 15px 5px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#page_content {
	margin:0 auto;
	width:100%;
	height:100%;
}

#page_content hr {
	margin:30px auto;
	width:100%;
	height:1px;
	border:none;
	border-bottom:1px solid rgba(57,59,58,1);
	background-color:rgba(123,124,124,1);
	color:rgba(123,124,124,1);
	text-align:center;
}

.page_content_box, .page_content_box_half, .page_content_box_third, .page_content_box_two_third {
	margin: 0px;
	padding: 0px;
	width:100%;
}

.page_content_box div, .page_content_box_half div {
	padding:40px 20px;
}

.page_content_box input:not([type="radio"]):not([type="checkbox"]),.page_content_box textarea {
	width:100%;
	color:#000;
	color:rgba(0,0,0,1);
}

.page_content_box_half input:not([type="radio"]):not([type="checkbox"]),.page_content_box_half textarea {
	width:100%;
	color:#000;
	color:rgba(0,0,0,1);
}

.page_content_box label {
	cursor:pointer;
}

.page_content_box_half label {
	cursor:pointer;
}

#footer {
	position:relative;
	margin-top:-9px;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	border-top:3px solid rgba(255,255,255,1);
	background:inherit;
}

#footer_content {
	margin:0 auto;
	width:100%;
}

#footer_buttons {
	float:none;
	width:100%;
	text-align:center;
}

#footer_buttons img {
	margin-right:.5em;
}

#footer_menu {
	float:none;
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:1.4em;
}

#footer_menu a {
	padding:0 5px;
	line-height:1.4em;
}

.header div:hover {
	text-decoration: none !important;	
}

.photos {
	width: 30%;
	height: auto;
	float: left;	
	margin-right: 10px;
	margin-bottom: 10px;
}

iframe {
	width: 95%;
	height: auto;
	margin: 0px;
	padding: 0px;	
	float: left;
	overflow: hidden;
}

.full_right {
		display: inline;
		float: left !important;
		width: 100%;
	}

.frontpage_slider img {
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	width: 95%;
	height: auto;
	margin-bottom: 30px;
	margin-left: 2%;
}	

@media only screen and (min-width: 525px) {	
	iframe {
		width: 95%;
		height: auto;
		margin: 0px;
		padding: 0px;	
	}
	
	.frontpage_slider img {
	-webkit-border-top-right-radius: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius-topright: 80px;
	-moz-border-radius-bottomleft: 80px;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	width: 100%;
	height: auto;
	margin-left: 0%;
	}	

	.header div:hover {
		text-decoration: underline !important;	
	}
	
	#header_logo {
		width:250px;
		float:left;
		text-align: left;
	}
	
	#header_logo img {
		padding: 33px 0 10px 0;
		width:250px;
		height:51px;
	}
	
	#header_contact {
		width: auto;
		float:right;
		line-height: 1.3em;
		font-size: 1.2em;
		height: 96px;
	}
	
	#header_contact div {
		float: left;
		margin-top: 15px;
	}
	
	#header_contact div.logo {
		float: left;
		margin-left: 8px;
		margin-top: 15px;
	}

	#header_menu div {
		float: left;
	}
	
	#header_menu > div:nth-child(1) {
		display: none;
	}
	
	#header_menu div.full {
		display: block;
	}
	
	#slider {
		min-height:200px;
		max-height:200px;
		height:200px;
	}
	
	.ns_nerveSlider .ns_caption {
		font-size:17px;
		line-height:36px;
	}
	
	.ns_nerveSlider .ns_caption>div h1 {
		font-size:32px;
	}
	
	.leftcolimage img {
		display: block;
		width: 210px;
		float: left;
		margin-right: 15px;
	}
	
	.full_right {
		display: block;
		float: right !important;
		width: auto;
	}
	
}

@media only screen and (min-width: 768px) {
	#header_logo img {
		padding: 26px 0 10px 0;
		width:332px;
		height:68px;
	}
	
	#slider {
		min-height:400px;
		max-height:400px;
		height:400px;
	}
	
	.ns_nerveSlider .ns_caption {
		bottom:40%;
		font-size:20px;
		line-height:30px;
	}
	
	.page_content_box {
		float:left;
		margin-left:2%;
		width:32%;
	}
	
	.page_content_box_half {
		float:left;
		margin-left:1%;
		width:47%;
		margin-right: 15px;
	}
	
	.page_content_box_third {
		float:left;
		margin-left:1%;
		width:31%;
		margin-right: 15px;
	}
	
	.page_content_box_two_third {
		float:left;
		margin-left:1%;
		width:65%;
		margin-right: 15px;
	}
	
	.page_content_box:nth-child( 3n + 1 ) {
		margin-left:0;
	}
	
	.leftcolimage h1, .leftcolimage p {
		padding-left: 15px;
	}
	
	.leftcolimage img {
		margin-right: 35px;
	}
	
	#footer_buttons {
		float:left;
		width:30%;
	}
	
	#footer_menu {
		float:right;
		margin-top:5px;
		width:65%;
		text-align:right;
		font-size:.9em;
		line-height:1.8em;
	}
	
	#footer_menu a {
		padding:0 20px;
	}
}

@media only screen and (min-width: 960px) {
		
	.header_content {
		width:960px;
	}
		
	#header_menu div a {
		padding: 0 20px;
		line-height: 60px;
	}	
	
	#header_menu div.smallcontact {
		padding: 0 20px;
		line-height: 1.2em;
		font-size: 0.9em;
	}
	
	#header_menu div.smallcontact div {
		text-align: left;
		margin-top: 10px;
	}
	
	#slider {
		min-height:600px;
		max-height:600px;
		height:600px;
	}
	
	.ns_nerveSlider .ns_caption {
		bottom:30%;
		font-size:20px;
		line-height:30px;
	}
	
	.ns_nerveSlider .ns_caption>div h1 {
		font-size:42px;
	}
	
	.ns_nerveSlider .ns_caption div {
		right:20%;
	}
	
	.page_content_box_full {
		width:960px;
	}
	
	.page_content_box_full div {
		padding:0;
	}
	
	.leftcolimage img {
		width: 420px;
		margin-right: 65px;
		margin: 0;
		margin-right: 50px;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	#page_content {
		width:960px;
	}
	
	#footer_content {
		width:960px;
	}
}

h1 {
	font-weight: 		normal;	
	font-size: 			34px;
	font-family: 'Slabo 27px', serif !important;	
	margin-bottom:		2%;
	margin-top: 		0px;
	line-height: 		34px;
}

h2 {
	font-weight: 		normal;	
	font-size: 			22px !important;
	font-family: 'Slabo 27px', serif !important;	
	margin-bottom:		2%;
	margin-top: 		0px;
	line-height: 		24px;
}

#contact_form{ width:95%; padding:20px; border: 1px solid #DDD;border-radius: 5px; color: #666666; background:#FAFAFA; margin-right: auto; margin-left: auto;}
#contact_form label{display: block; margin-bottom:5px;}
#contact_form label span{float:left; width:200px; color:#666666; margin-top: 5px; margin-bottom: 5px;}
#contact_form input{height: 25px; border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; color: #666; width: 95%; }
#contact_form textarea{border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 5px; padding-top: 10px; color: #666; height:100px; width: 95%; }
.submit_btn { border: 1px solid #D8D8D8; padding: 5px 15px 5px 15px; color: #8D8D8D; text-shadow: 1px 1px 1px #FFF; border-radius: 3px; background: #F8F8F8; float: left;}
.submit_btn:hover { background: #ECECEC;}
.success{ background: #bff494;padding: 10px; margin-bottom: 10px; border: 1px solid #0075bb; border-radius: 5px; font-weight: normal; }
.error{ background: #FFDFDF; padding: 10px; margin-bottom: 10px; border: 1px solid #FFCACA; border-radius: 5px; font-weight: normal;}

#contact_form {
	background: transparent;
	border: 0;	
	padding: 0px;
}

.page_content_full {
	background-size: cover;	
	background-position: center;
}

.caption {
	border: 2px solid #DBDBDB; border-radius: 20px; color: #666; width: 80%; overflow: hidden; padding: 0px; margin-top: 10px;
}

.caption p {
	margin: 0px;	
	padding: 0px;
}

A:link {text-decoration: none; color: #333; font-weight: bold;}
A:visited {text-decoration: none; color: #333; font-weight: bold;}
A:active {text-decoration: none; color: #333; font-weight: bold;}
A:hover {text-decoration: underline; color: #333; font-weight: bold;}

#header_menu A:hover {text-decoration: none; color: #333; font-weight: bold;}

.page_content_full {
	background-position: top center;
}

.scrolldown {
	position: fixed; 
	bottom: 0px; 
	z-index: 10000; 
	width: 100%; 
	height: 60px; 
	color: #666; 
	text-align: center;
	font-size: 22px;
	visibility: visible;
	line-height: 60px;
	background-image: url(../images/scrollfade.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#header_menu_mini_opener:hover {
	cursor: pointer;	
}

.responsive-image {
	max-width: 100%;
	height: auto;	
}

#up_image {
	background-color: #000;	
}

.header {
	background-image: url(../images/tykkihalli-menu-bg.jpg) !important;	
}

.header a {
	font-family: 'Slabo 27px', serif !important;	
	font-size: 20px;
	margin-bottom: -5px !important;
}

.frontpage_slider {
	background: transparent !important;
	overflow: hidden !important;
}	

.page_content_box_full {
	background: transparent !important;
}

.page_content_full {
	background: transparent !important;
}

h1,h2,h3,h4,h5 {
	color: #333;	
}

.photos {
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}	

.roundedimg {
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}	

.bg-light {
	background-color: transparent !important;	
}

.container-fluid {
	background: url('../images/tykkihalli-menu-bg.jpg');	
	display: flex;
	align-items: center;
  	justify-content: center;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.scrolltop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	width: 50px;	
	padding: 10px;
	background: url('../images/tykkihalli-menu-bg.jpg');
}

.scrolltop a {
	color: #FFF;
	text-decoration: none;	
	z-index: 100;
}

.scrolltop a:hover {
	color: #CCC;	
	text-decoration: none;	
	z-index: 100;
}

.border-bottom-thick {
	border-bottom: #777 2px solid !important;	
}