/*  KIROMED STYLESHEET   ============================================================================= */

body {
	background-color: #333333;	
}

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

#header_menu {
	width: auto;
	overflow: auto;
}

#header_menu > div {
	text-align: left;
	float: none;
}

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

#header_menu div.full {
	display: none;
}

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

#header_menu div a {
	padding: 0 10px;
	line-height: 60px;
	font-size: 16px;
	font-family: 		'Open Sans', sans-serif;
}

#header_menu div p {
	padding: 0 10px;
	line-height: 60px;
	font-size: 16px;
	font-family: 		'Open Sans', sans-serif;
}

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

#first_image {
	background-image: none; 
	background-size: contain; 
	min-height: 250px; 
	background-color: #fff; 
	padding-top: 200px;
	border-bottom: 1px solid #ccc;
	min-height: 100px;
}

#second_image {
	background-image: none; 
	background-size: contain; 
	min-height: 250px; 
	background-color: #fff; 
	border-bottom: 1px solid #ccc;
	min-height: 100px;
}

#third_image {
	background-image: none; 
	background-size: contain; 
	min-height: 250px; 
	background-color: #fff; 
	border-bottom: 1px solid #ccc;
	min-height: 100px;
}

.navbar {
	background-color: #292526;	
}


@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;
	}
}

@media only screen and (min-width: 960px) {
	#header_menu div a {
		padding: 0 20px;
		line-height: 60px;
	}	
	
	#header_menu div p {
		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;
	}
	.navbar {
		background: 292526;	
	}
}

body {
	background-color:#fff;
	background-color:rgba(255,255,255,1);
	color:#333333;
	color:rgba(51,51,51,1);
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	line-height:150%;
}

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

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

h2 {
	font-size:1em;
	line-height:1em;
}

h3 {
	font-size:.8em;
}

div.clear {
	clear:both;
	height: 1px;
}

.header {
	width:100%;
}

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

#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;
	color: #fff;
	overflow: auto;
}

#header_menu a {
	color: #fff;
}

#header_menu > div:hover a {
	color: #fff;
}

#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: #292526;
}

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

#header_menu div p {
	padding: 0 10px;
	line-height: 60px;
}

#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:'Open Sans', 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%;
}

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

.white_background {
	background: #ffffff;
	background:rgba(255,255,255,1);
	padding-top: 2%;
	padding-bottom: 2%;
}

.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_two_third, .page_content_box_third {
	margin: 0px;
	padding: 0px;
	width:100%;
	background: #ffffff;
	background:rgba(255,255,255,1);
}

.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;
}

.varaa-aika {
	position: absolute;
	right: 50px;
	z-index: 10000;	
	top: 100px;
	display: none;
}

.page_content_tiny {
	min-height: 100px;
	width: 25%;
	margin: 0px;
	padding: 0px;
}

#first_image {
	padding-top: 50px;
}


@media only screen and (min-width: 525px) {		
	#header_logo {
		width:250px;
		float:left;
		text-align: left;
	}
	
	#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;
	}
	
}

@media only screen and (min-width: 768px) {
	.page_content_tiny {
		min-height: 150px;	
		width: 30%;
	}

	.varaa-aika {
		position: absolute;
		right: 50px;
		z-index: 10000;	
		top: 100px;
		display: inline;
	}
	
	#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:23%;
		margin-right: 15px;
	}
	
	.page_content_box_two_third {
		float:left;
		margin-left:1%;
		width:64%;
		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;
	}
}

h4 {
	color: 				#333;
	font-weight: 		normal;	
	font-size: 			30px;
	font-family: 		'Open Sans', sans-serif;
	margin-bottom:		2%;
	margin-top: 		0px;
	line-height: 		34px;
}

@media only screen and (min-width: 960px) {
	h4 {
		color: 				#333;
		font-weight: 		normal;	
		font-size: 			44px;
		font-family: 		'Open Sans', sans-serif;
		margin-bottom:		2%;
		margin-top: 		50px;
		line-height: 		64px;
	}

	#first_image {
		background-image: url(../images/1.jpg); 
		background-size: contain; 
		min-height: 250px; 
		background-color: #fff; 
		padding-top: 120px;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 800px;
	}
	
	#second_image {
		background-image: url(../images/2.jpg); 
		background-size: contain; 
		min-height: 250px; 
		background-color: #fff; 
		background-repeat: no-repeat;
		background-position: left top;
		min-height: 800px;
	}
	
	#third_image {
		//background-image: url(../images/3.jpg); 
		//background-size: contain; 
		min-height: 250px; 
		background-color: #fff; 
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 800px;
	}
		
	.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;
	}
}

/*@media only screen and (min-width: 1180px) {
	.header_content {
		width:1180px;
	}
}
*/

h5 {
	color: 				#fff;
	font-weight: 		normal;	
	font-size: 			20px;
	font-family: 		'Open Sans', sans-serif;
	margin-bottom:		2%;
	margin-top: 		0px;
	line-height: 		34px;
}

h3 {
	color: 				#ad2124;
	font-weight: 		normal;	
	font-size: 			24px;
	font-family: 		'Open Sans', sans-serif;
	margin-bottom:		2%;
	margin-top: 		0px;
	line-height: 		34px;
}


#contact_form{ width:auto; 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: 100%; }
#contact_form textarea{border: 1px solid #DBDBDB; border-radius: 3px; padding-left: 5px; padding-top: 10px; color: #666; height:100px; width: 100%; }
.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 #ad2124; 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: #ad2124; font-weight: bold;}
A:visited {text-decoration: none; color: #ad2124; font-weight: bold;}
A:active {text-decoration: none; color: #ad2124; font-weight: bold;}
A:hover {text-decoration: underline; color: #ad2124; font-weight: bold;}

#header_menu A:hover {text-decoration: none; color: #fff; 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 {
	background-color: #292526;
	color: #fff;	
}

#header_menu_mini_opener:hover {
	cursor: pointer;	
}

#header_menu_mini_opener:hover {
	color: #FFF !important;	
}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

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

.menulogo {
	float: left;
	height: 60px;
	width: auto;	
}

.header p {
	cursor:auto;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
	padding-left: 10px;
	background-color: #FFF;
}
.dropdown-content a {
	display: none;
    line-height: 60px;
	color: #292526;
	float: left;
	clear: both;
	min-width: 160px;
}