/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
/* VANHAN SIVUOSTON POHJALTA */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-align: left;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
ol, ul {
	list-style: none;
	list-style-image:none;
	
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Basic
-------------------------------------------------------------- */

body {
	background: #141414 url('images/main-background.jpg') ;
	color: #C4C4C4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 162%;
}

ul, ol {
	font-family: Arial, Helvetica, sans-serif;	
}

.half-width-list {
	width:100%;
	float:left;
	background:#141414;
	}
.half-width-list > li {
	float:left; 
	width:44%; 
	margin:0 6% 20px 0; 
	min-width:150px;
	/*min-height:350px;*/
	overflow:hidden;
	list-style-type:none;
	}
.half-width-list img {
	max-height:80px;
	}
.half-width-list #item-2,
.half-width-list #item-4,
.half-width-list #item-6,
.half-width-list #item-8,
.half-width-list .item-2,
.half-width-list .item-4,
.half-width-list .item-6,
.half-width-list .item-8,
.half-width-list .item-10,
.half-width-list .item-12,
.half-width-list .item-14,
.half-width-list .item-16,
.half-width-list .item-18,
.half-width-list .item-20,
.half-width-list .item-22,
.half-width-list .item-24 {
	clear:both;
	float:left;
	}
.three-col-list {
	width:100%;
	clear:both;
	float:left;
	}
.three-col-list > li {
	float:left;
	width:30%;
	margin:0 3.3% 10px 0;
	min-width:150px;
	}
.three-col-list li img {
	max-height:80px;
	}

.three-col-list #item-3,
.three-col-list #item-6,
.three-col-list #item-9 {
	float:left;
	clear:both;
	}

.list-2 li {
	float:none;
	clear:both;
	}
.list-3 {
	margin-left:1em;
	}
.list-3 li {
	list-style-image: url('http://www.yrityspalvelumakelainen.fi/fogscree/wp-content/uploads/2016/08/list-item.png');
	line-height:1.5;
	}
.list-4 {
	float:left;
	clear:both;
	width:100%;
	margin-bottom:0px;
	padding:10px 0;
	}
.list-4:hover {
	}
.list-4 li {
	float:left;
	width:30%;
	margin-right:3.3%;
	min-width:150px;
	margin-bottom:0;
	padding-bottom:0;
	}
.list-7 {
	width:100%;
	clear:both;
	}
.list-row {
	width:100%;
	clear:both;
	padding:3em 0!IMPORTANT;
	border-top:1px solid #aaa;
	margin:0;
	}
.list-row:hover {
	background:#333;
	}

.list-5 > li {
	clear:both;
	margin-top:1em;
	}
.list-6, .list-8 {
	width:100%;
	}
.list-6 li {
	width:80%;
	padding:1em 10%;
	float:none;
	min-width:300px;
	height:auto;
	}
.list-6 img {
	width:500px;
	max-height:300px;
	}

.list-8 li {
	width:33.3%; 
	min-width:100px; 
	height:120px; 
	float:left;
	}

.list-8 li {
	height:60px;
	}
.list-8 li img {
	max-height:50px;
	}

.box-1 {
	width:100%; 
	padding:1em 0%;
	}
.box-2 {
	position:absolute; 
	width:46%; 
	padding:1em; 2%; 
	top:0; 
	right:0;
	}

.list-9 {
	width:100%;
	float:left;
	background:#141414;
	}
.list-9 > li {
	width:12.5%;
	min-width:100px;
	height:50px;
	float:left;
	}

.list-9 img {
	max-height:40px;
	}

.list-10 {
	width:100%;
	}
.list-10 > li {
	list-style-type:none;
	float:left;
	min-width:200px;
	}
.list-11-wrapper {
	background:#444;
	padding:0.7em 0 0.3em 0;
	}
.list-11 {
	clear:both;
	float:none;
	width:100%;
	margin:1em auto;
	background:none;
	}
.list-11 > li {
	width:80%;
	padding:0.1em 10%;
	float:none;
	font-weight:600;
	font-size:110%;
	letter-spacing:1px;
	line-height:1.5;
	text-align:left!IMPORTANT;
	}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
align-items: stretch;
}
.flex-item {
  background: none;
  padding: 5px;
  width: 30%;
min-width:150px;
  height: auto;
  margin-top: 10px;
  
 
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.flex-item img {
	max-height:200px;
	}

.flex-container-2 {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
align-items: stretch;
}
.flex-item-2 {
  background: none;
  padding: 5px;
  width: 24%;
min-width:300px;
  height: auto;
  margin-top: 10px;
  
 
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.flex-item-2 img {
	height:180px;
	width:300px;
	}

.list-13 > li {
	float:left;
	width:20%;
	min-height:60px;
	}
.list-13 li span {
	display:block;
	width:100%;
	font-size:30px;
	line-height:60px;
	color:#fff;
	text-align:center;
	}

.list-13 #some-1 {
	background:#333;
	}
.list-13 #some-2 {
	background:#666;
	}
.list-13 #some-3 {
	background:#666;
	}
.list-13 #some-4 {
	background:#666;
	}
.list-13 #some-5 {
	background:#333;
	}
.list-13 #some-2:hover, .list-13 #some-3:hover, .list-13 #some-4:hover {
	background:#777!IMPORTANT;
	}
.list-13 #some-1:hover, .list-13 #some-5:hover {
	background:#444;
	}

/* KIMMON MUUTOKSET */

/* -Global settings */
#container {

min-width:100%;
min-height:100%;
padding:0;
margin:0;
background:none!IMPORTANT;
opacity:0.9;
}

#header, #container, body, #logo, #wrapper, .main-nav, .hfeed, .page, .skip-container, .master-slider-parent, #content-full {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
border:0;
}

.header-wrapper, #wrapper, #socialmedia, #footer {
width:94%;
padding:0 3%!IMPORTANT;
max-width:1200px;
margin:0 auto;
}

#header {
background-color:#141414;
}

#wrapper, #container, .page, .post, p, div, table, .comments, .widget-area {
	background-image:transparent;
	background:none;
	
	}

#content-full {
	background:#141414;
	}

#content-full-2 {
	clear:both;
	float:left;
	width:94%;
	padding:0 3%;
	margin:0 auto;
	background:#141414;
	}

.post-entry {
	width:94%;
	padding:2em 3%;
	margin-bottom:5em;
	margin:0 auto;
	}

.widget-wrapper {
background:none;
}

.clear {
clear:both;
margin:0;
padding:0;
}

.news_meetings-wrapper, .applications_products-wrapper {
	background:none;
	}

#news, #meetings {
background: #000;
}

/* HEADINGS */

hi, h2, h3, h4, h5, h6, .entry-title, .post-title {
margin:0;
padding:0;
color:#fff;

}

h1, .entry-title, .post-title {
font-size:20pt;
font-weight:400;
padding:0.4em 0 0.6em 0;
}

h2, h2.entry-title, h2.post-title {
font-size:16pt;
padding:0.3em 0 0.3em 0;

}

h3 {
font-size:14pt;
margin-bottom:0.2em 0 0.4em 0;
}

h4 {
font-size:100%;
line-height:162%;
margin:0;
text-align:left;
}

h5 {
font-size:10pt;
margin-top:0.4em;
margin-bottom:0.1em;
}

.title-1 {
	width:100%;
	text-align:center;
	font-size:30px;
	color:#000;
	background:#fff;
	line-height:1.5;
	}
.title-2 {
	font-size:20px;
	}

.title-3 a {
	display:block;
	width:90%;
	padding:0.3em 5%;
	font-size:20px;
	background:none;
	color:#fff;
	text-align:center;
	line-height:1.1;
	text-shadow:2px 2px 4px #dda;
	margin:0 auto;
	}

.title-4 {
	display:block;
	width:94%;
	background:#666;
	color:#000;
	font-size:14px;
	line-height:18px;
	padding:0.5em 3%;
	margin-bottom:0.7em;
	letter-spacing:1px;
	text-align:left;
	}
.title-4:hover, .title-4:active {
	color:#fff;
	}

a {
color:#3294F7;
}

a:hover, a:active {
	color:#3294E5;
	}
.link-1 {
	width:100%;
	clear:both;
	}
.link-1 a {
	display:block;
	width:100%;
	text-align:center;
	line-height:50px;
	background:orange;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	}

p {
margin:0 0 1.2em 0;
}

.list-addmargin {
width:80%;
margin:auto 10%;
}

.list-addmargin li {
margin:0 0 0.5em 0;
}

.list-image {
list-style-image: url('http://www.yrityspalvelumakelainen.fi/fogscree/wp-content/uploads/2016/08/list-item.png');

}

.icon, .icon-2 {
	background:#fff;
	padding:0 20px;
	}
.icon-2 {
	background:none;
	}

.date, .date-2 {
	background:none;
	color:#bbb;
	padding:0.5em 0;
	border-radius:10px;
	float:right;
	width:100px;
	margin-right:5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.date-2 {
	background:orange;
	color:#fff;
	}


.day	{
	color:#bbb;
	width:100%;
	text-align:center;
	font-size:140%;
	font-weight:600;
	}
.month-year {
	color:#bbb;
	width:100%;
	text-align:center;
	font-size:100%;
	}
.date-2 .day, .date-2 .month-year {
	color:#000;
	}
.meeting-details-wrapper {
	margin-top:15px;
	}
.place, .meeting_time, .department, .product-detail {
	display:block;
	width:100%;
	clear:both;
	}

.place span, .meeting_time span, .department span, .product-detail span {
	display:block;
	float:left;
	margin-right:10px;
	width:30%;
	min-width:100px;
	text-align:right;
	font-weight:600;	
	}

.product-detail, .product-detail span {
	margin-bottom:10px;
	}

/* ------------------------- */

/* POST META */

.posts-list-title {
font-size:110%;
line-height:1;
margin:0;
padding:0;
}

h3.posts-list-title a {
display:block;
width:100%;
color:#fff;
text-transform:uppercase;
font-size:85%;
text-align:center;
}

.news-home .posts-list-title {
text-transform:uppercase;
color:#666;
font-size:90%;
}


h2.product-title-slider {
display:block;
margin:0 auto;
padding:0.5em 0;
width:240px;
opacity:0.7;
color:#fff;
font-size:130%;
text-transform:uppercase;
text-align:center;
}
h2.product-description-slider {
text-align:center;
margin:0 4em;
text-transform:uppercase;
color:#999;
font-size:130%;
line-height:1.3;
}

.archive-selector {
margin-bottom:20px;
text-align:right;
}
/* CHILD PAGES */

.subpages {
background:#3294F7; /*#B00BBF*/
padding:0.2em 0;
float:left;
margin-bottom:2em;
}

.subpages div {
margin-top:0;
margin-bottom:0;
padding:0;
}

.parent-page {
text-transform:uppercase;
display:block;
margin-left:1em;
font-weight:bold;
float:left;
}
.pagelist {
list-style-type:none;
}
.pagelist li {
float:left;
margin:0 1em;
}
.pagelist a {
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:80%;
}

.post-meta,
.single-reference .term-header,
.single-event .term-header {	
display:none;
}

.popular-cases-heading,
.interactivity-heading,
.technical-dimensions-heading  {
margin:0;
padding:0;
line-height:1;
font-size:170%;
}
.technical-dimensions-heading {
margin-bottom:20px;
}
.popular-case-heading {
margin-top:0.5em;
margin-bottom:-10px!IMPORTANT;
padding:0.5em 0;
text-align:center;
background:#000;
color:#fff;
opacity:0.8;
}
.popular-case-heading a {
color:#fff;
} 

.popular-cases-list {
list-style-type:none;
}
.popular-cases-list li {
float:left;
}


/* HOME PAGE */
#news, #meetings, #applications, #products, #references, #resellers, #staff {
background-color:#141414;
float:left;
clear:both;
width:94%;
padding:0 3%;
}

#news .datetime {
display:block;
float:left;
font-weight:bold;
text-align:center;
background:#000;
padding:1em;
}

#news h1, #applications h1, #products h1, #references h1, #resellers h1, #staff h1 {
width:100%;
text-align:center;
padding:1em 0 1em 0;
}

#products {
}

/* HOME PAGE ENDS */


/* POPULAR CASES */

.popular-cases a img {
margin-top:0;
margin-bottom:0;
}


/* SINGLE RESELLER */

.single-reseller h5 {
padding:0;
margin:0; 
margin-bottom:0.3em;
margin-top:0.6em;
}

.reference-case-link {
color:#c4c4c4;
text-transform:uppercase;
font-size:100%;
}
.single-reseller ul {
list-style-type:none;
margin:0;
margin-bottom:1em;
padding:0;
}

/* SINGLE REFERENCE POST */

.single-reference h1 {
text-align:left;
line-height:1.1;
text-shadow:2px 2px 4px #dda;
background:#000;
color:#fff;
margin-top:0;
}

.more-references, .more-search {
clear:both;
text-align:left;
opacity:0.7;
}
.more-search {
}

.single-reference .entry-content p {
padding:0;
margin:0;
}

.single-reference ul {
margin:0;
padding:0;
list-style-type:none;
}


/* SINGLE EVENT PAGE, NEWS-TAG TAXONOMY PAGE */

.single-event h1,
#content-taxonomy h1 {
margin:0;
padding-top:;
font-size:170%;
}

h5.tags-heading {
margin:0;
padding:0;
font-size:120%;
}
h3.event-date {
margin:0;
background:#fff;
color:#000;
text-align:center;
padding:10px 0;
font-size:110%;
}

.single-event p,
.single-event a img,
#content-taxonomy p,
#content-taxonomy a img,
.single-reference img,
#content-taxonomy img {
margin-top:0;
padding-top:0;
}

.single-event ul {
list-style-type:none;
padding:0;
margin:0;
}

/* SEARCH AND FILTER FORM */

.search-form {
margin:1em auto;
background:;
}

.search-form .searchandfilter {
margin:0 auto!IMPORTANT;
align:center;
}

form.searchandfilter {
padding:0;
margin:0;
}

/* -Slider */

/* HOME PAGE */

.slide-slider h1,
.slide-slider h2 {
text-align:left!IMPORTANT;
margin:0;
padding:0;
line-height:1.2;
text-transform:uppercase;
font-weight:normal;
}

.slide-slider h1 {
font-size:270%;
color:#3294F7;
}
.slide-slider h2 {
font-size:200%;
color:#fff;
}

.slide-slider .ms-info {
margin-left:8em;
margin-top:7em;
margin-bottom:0!IMPORTANT;
}

#MS57acca2f05b1b .ms-slide img {
opacity:0.6!IMPORTANT;
}

.ms-slide-list {
width:80%;
margin:0 10%;
list-style-image: url('http://www.yrityspalvelumakelainen.fi/fogscree/wp-content/uploads/2016/08/list-item.png');

}

.ms-slide-list li {
padding:6px 0;
}

.application-slide1,
.application-slide-active {
  color:#fff;
  font-size:120%;
background:#000;
opacity:0.6;
}
.application-slide-active {
opacity:0.9;
}
.application-slide1 a,
.application-slide-active h2 {
display:block;
width:90%;
margin:0 auto;
padding:5%;
text-align:left;
font-size:160%;
}
.application-slide2 {
background:none;
}
.application-slide2 a {
display:block;
width:94%;
padding:3%;
text-align:center;
font-size:240%;
color:#fff;
}

.application-slide1:hover {
opacity:0.9;
}

.active-slide {
background:;
opacity:0.6;
width:94%;
padding:0 3%;
}


/* FOOTER AREA */

#footer {
padding:3em 0;
}

.widget-wrapper {
border:0;
}
.copyrights, .copyrights > div {
	background:#fff;
	}
.copyright, .scroll-top, .powered {
	text-align:center;
	line-height:30px;
	}

/* SITEMAP MENU */

.footer-nav {
	width:94%;
	padding:2em 3%;
	padding-bottom:0;
	float:left;
	margin-bottom:0;
	margin:0 auto;
	background:#fff;
	}
.sitemap-menu {
	margin-bottom:0;
	padding-bottom:0;
	}
.sitemap-menu > li {
width:18%;
margin-right:2%;
float:left;
margin-bottom:1em;
}

.sitemap-menu a {
color:#444!IMPORTANT;
line-height:18px;
}


.sitemap-menu li {
text-transform:uppercase;
}


.sitemap-menu .menu-item-has-children li {
text-transform:initial;
}

.facebook-fw, .channels-fw, .twitter-fw,
.getintouch-fw {
font-size:180%;
text-transform:uppercase;
color:#aaa;
width:100%;
line-height:1.1;
}
.center-text {
text-align:center;
}

.small-text {
font-size:70%;
text-transform:default;
}

.blue-text {
color:#3294F7;
opacity:0.7;
font-weight:600;
}

.facebook {
font-size:200%;
}

.vimeo, .youtube-2, .flickr-2 {
font-size:170%;
padding:0 10px;
}
.office {
/*display:block;*/
/*float:left;*/
/*padding-right:10px;*/
/*margin-bottom:10px;*/
}



/* -Logo */

#logo {height:60px;
	}

#logo img {
	margin-top:20px;
	 }

/* -Search top */

.top-widget {
	position:relative;
	float:right;
	width:180px;
	height:60px;
}

.top-widget .widget_search {
	margin-top:20px;
}

.top-widget .widget_search .field {
	width:110px;
}

.top-widget .widget_search #searchsubmit {
	}

/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
	float: right;
	margin: 10px 0;
	padding: 0;
}

.top-menu li {
	display: inline;
	list-style-type: none;
}

.top-menu li a {
	border-left: 1px solid #cccccc;
	color: #333333;
	font-size: 11px;
	padding: 0 4px 0 8px;
}

.top-menu > li:first-child > a {
	border-left: none;
}

.top-menu li a:hover {
	color: #333333;
}

/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	background-image:none;
	background:none;
	clear: both;
	width:90%;
	padding:0 5%;
	min-width:650px;
	margin: 0 auto;
}

.main-nav {
	clear:both;
	background-image:none;
	background:none;
}

.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	background:none;
	background-image:none;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	border-left: 1px solid #585858;
	color: #ccc;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 60px;
	height:60px;
	margin: 0;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
	white-space: nowrap;
	text-transform:uppercase;
}

.menu a:hover {
	background-image:none;
	background:none;
	color: #3294F7;
}

ul.menu > li:hover {
	background-color:none;
	color:;
}

.menu .current_page_item a,
.menu .current-menu-item a,
.menu .current-menu-item a:hover,
.menu .current-menu-ancestor a,
.menu .current-menu-ancestor a:hover {
	background-color: #3294F7;
	color:#ccc;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

.js .main-nav .menu {
display:;
}

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
	background: url(../../core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
	min-width: 100%;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-top: none;
	clear: both;
	margin: 0 auto;
}

.sub-header-menu,
.sub-header-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.sub-header-menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.sub-header-menu li li {
	float: none;
}

.sub-header-menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.sub-header-menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu:after,
.sub-header-menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.sub-header-menu,
.sub-header-menu ul {
	min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
	margin: 0;
	padding: 0;
}

.sub-header-menu ul li a:hover,
.sub-header-menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.sub-header-menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.sub-header-menu a {
	border-left: 1px solid #e5e5e5;
	color: #333333;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
}

.sub-header-menu a:hover {
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-color: #f9f9f9;
	background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
	background-color: #f9f9f9;
}

.sub-header-menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.sub-header-menu li li a {
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.sub-header-menu li li a:hover {
	background: #f9f9f9;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.sub-header-menu ul > li + li {
	border-top: 0;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu > li:first-child > a {
	border-left: none;
}

.sub-header-menu ul.children a,
.sub-header-menu .current_page_ancestor,
.sub-header-menu .current_page_ancestor ul a {
	background: none;
	background-image: none;
	filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul {
	background: url(../../core/images/ie7-fix.gif) repeat;
}

.ie7 .sub-header-menu li li a {
	min-width: 100%;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
	margin-left: 0;
	padding: 0;
}


/* LOGO, SITE-SELECTOR MENU, SEARCH */

.logo_selectsite_search-wrapper {
	float:left;
	clear:both;
	width:100%;
	background:#000;
	}

#logo {
	float:none;
	width:100%;
	}

#logo a {
	display:block;
	width:100%;
	text-align:center;
	line-height:60px;
	background:#000;
	}
#logo a img {
	display:inline-block;
	float:none;
	width:auto;
	margin:0 auto;
	vertical-align:middle;
	}

.site-selector-wrapper {
	width:100%;
	}
.site-selector {
	margin:0 auto;
	}
.site-selector li {
	list-style-type:none;
	float:left;
	margin:0 5px;
	background:none;
	}

.site-selector a, .site-selector a:visited {
	display:block;
	background:none;
	text-align:center;
	line-height:60px;
	padding:0 10px;
	color:#fff;
	text-transform:uppercase;
	}
.site-selector a:hover {
	font-weight:bolder;
	}


.search-section {
width:100%;
background:none;
padding:0;
}

#searchform {
display:block;
float:none;
margin:0 auto;
max-width:300px;
padding:1em 0;

}

#s {
width:70%;
min-width:200px;
}
#searchsubmit {
background:#3B9B41;
color:#fff;
width:80px;
font-size:120%;
line-height:40px;
border-radius:4px;
border:1px solid #777;
}

/* PÄÄVALIKKO */

.my-nav	{
	width:100%;
	clear:both;
	}
.menu-1	{
	width:100%;
	display:block;
	padding:0;
	margin:0;
	}	
.menu-1 li {
	float:left;
	list-style-type:none;
	}
.menu-1 a {
	display:block;
	line-height:40px;
	padding:0 1em;
	}

/* LANGUAGES SELECTING */
.languages-wrapper {
	width:90%;
	padding:10px 3%;
	background:#222;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	}
.languages {
	}


#footer_language_list{
  margin-bottom: 0;
  text-align: center;
}

#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}

#footer_language_list ul li img{
  margin-right:5px;
}

#footer_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
  color: #fff;
  text-decoration:underline;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
  color: #fff;
}

/* LOAD MORE BUTTON */

.load-more-button {
clear:both;
float:none!IMPORTANT;
}


/* SOCIAL MEDIA SECTION IN FOOTER */

.youtube {
position:relative;
padding-bottom:56.25%; /* 16:9 */
padding-top:25px;
height:0;
}
.youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* CONTACT FORMS */

/* FORM 1 */

.wpcf7, .wpcf7-form {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	}

.wpcf7-form input {
	max-width:220px;
	}

.list-12 {
	width:100%;
	}
.list-12 > li {
	float:left;
	width:33.3%;
	margin-bottom:10px;
	min-width:300px;
	}

.wpcf7 .title {
	display:inline-block;
	min-width:100px;
	text-align:right;
	margin-right:10px;
	}
.wpcf7-checkbox .wpcf7-list-item {
	display:block;
	clear:both;
	}
.wpcf7-submit {
	display:block;
	width:100px;
	margin:10px 0;
	}


/* RESPONSIVE CSS CODE*/

@media only screen and (max-width: 380px) {

.half-width-list > li {
	float:none;
	width:94%;
	padding:0 3%;
	}
.list-6 li {
	width:80%;
	min-width:80%;
	float:none;
	}
.list-6 img {
	max-width:250px;
	}
.flex-item {
	float:none;
	}
}
@media only screen and (max-width: 480px) {


.list-9 > li {
	width:33.3%;
	min-width:33.3%;
	}
.list-13 > li {
	float:none;
	width:90%;
	margin:3px auto;
	border:solid 1px #fff;
	}
}

@media only screen and (max-width: 680px) {

.sitemap-menu > li {
	width:90%;
	margin-left:10%;
	}
.sitemap-menu a {
	display:block;
	width:100%;
	line-height:22px;
	text-align:left;
	}

.main-nav {
float:left;
width:100%;
}

.slide-slider h1 {
font-size:200%;
}
.slide-slider h2 {
font-size:160%;
}
.slide-slider .ms-info {
margin-left:5em;
margin-top:0;
margin-bottom:0!IMPORTANT;
}

}

@media only screen and (max-width: 860px) {
	.list-10 > li {
	list-style-type:none;
	width:100%;
	float:none;
	min-width:100%;
	}
}

@media only screen and (max-width: 980px) {

/* FOOTER AREA */


.facebook-fw, .twitter-fw, .channels-fw, .getintouch-fw {
text-align:center;
}

.office, .mail {
display:inline; /*alunperin block */
float:none; /*alunperin left */
padding-right:0;
margin-bottom:10px;
font-size:150%;
}

h1, h2, h3, h4, h5, .entry-title, .post-title,
span, a, form, .custom-field-text, .searchandfilter, .search-form {
text-align:center;
}

h4 {
	text-align:left;
	}

.custom-field-text {
margin-bottom:0.2em;
}

.date {
/*float:none;*/
text-align:center;
margin-bottom:0.2em;
margin-top:0.7em;
}


div, #logo, .col-140, .col-220, .col-300, .fit, .col-460, .col-620, .col-940, .col-780 {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
.site-selector li {
	float:none;
	}
}
















/*The last 29 days of the month are the hardest."- Nikola Tesla*/