/* LP css */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Roboto Condensed', sans-serif;
}
body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	color: #333;
	overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	margin: 0;
	color: #333;
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 30px;
}
a {
	text-decoration: none;
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.richtext p a {
	color:#ef4423;
	text-decoration: none;
	font-size: 18px;
}
.richtext p a:hover {
	color:#ef4423;
	text-decoration: underline;
}
.richtext ul, .richtext ol {
	margin-bottom: 15px;
	margin-top: 5px;
	padding-left: 15px;
}
.richtext ul li {
	margin-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	color:#333;
	display: list-item;
	list-style: disc;
	padding-left: 5px;
	margin-left: 15px;
}
.richtext ol li {
	margin-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	color:#333;
	display: list-item;
	padding-left: 5px;
	margin-left: 15px;
}
.tmpl-raportit .blog-content p.ingressi, .tmpl-uutiset .blog-content p.ingressi, .tmpl-etusivu .blog-content p.ingressi {
	font-size: 1em;
}
.tmpl-raportit .blog-area, .tmpl-uutiset .blog-area {
	padding-top:0em;
}
p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	position: relative;
	color:#333;
}
.txt-wht {
	color: #fff;
}
p.highlight {
	color: #898a9c;
	font-size: 18px;
	line-height: 28px;
}
button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
	outline-width: 0 !important;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
i,
span,
a {
	display: inline-block;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {
	display: inline-block;
}
table,
th,
tr,
td {
	border: 1px solid #191919;
}
th,
tr,
td {
	padding: 10px;
}
hr {
	border-top: 2px solid #eee;
	margin: 30px 0 10px;
}
.fix {
	overflow: hidden;
}
.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}
blockquote {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #b1b5bb;
	font-style: italic;
}
.section-padding {
	padding: 80px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-padding {
		padding: 80px 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding {
		padding: 60px 60px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding {
		padding: 50px 35px;
	}
}
@media (max-width: 575px) {
	.section-padding {
		padding: 50px 20px;
	}
}
.pt-0 {
	padding-top: 0;
}
.pb-0 {
	padding-bottom: 0;
}
.pt-20 {
	padding-top: 20px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pt-150 {
	padding-top: 150px;
}
.pb-150 {
	padding-bottom: 150px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-30 {
	margin-bottom: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mt-70 {
	margin-top: 70px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mt-90 {
	margin-top: 90px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mt-100 {
	margin-top: 100px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mt-120 {
	margin-top: 120px;
}
.mb-120 {
	margin-bottom: 120px;
}
.mt-150 {
	margin-top: 150px;
}
.pt-50 {
	padding-top: 50px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pl-50 {
	padding-left: 50px;
}
.pr-50 {
	padding-right: 50px;
}
.ml-auto {
	margin-left: auto ! important;
}
.mr-auto {
	margin-right: auto ! important;
}
.spacer {
	margin-top: 100px;
}
/* Otsikot */
.section-title {
	position: relative;
	margin-bottom: 30px;
}
.section-title h1 {
	font-size: 50px;
	line-height: 60px;
	margin: 20px 0;
	color: #333;
}
.section-title h1.txt-wht {
	color: #fff;
}
.section-title h6 {
	color: #555;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding-left: 15px;
	display: inline-block;
}
.section-title h6:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	background: #ef4423;
	left: 0px;
	top: 0;
}
/* Painikkeet */
.main-btn {
	display: inline-block;
	background: #ef4423;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	padding:1em;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: all 0.3s linear;
	overflow: hidden;
}
.main-btn:hover {
	color: #ffff;
}
.main-btn:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: -2px;
	bottom: 0;
	background-color: #222;
	transition: transform 500ms ease;
	transform: scale(0, 1);
	transform-origin: left center;
	z-index: -1;
}
.main-btn:hover:after {
	transform: scale(1, 1);
	transform-origin: right center;
}
.main-btn.transparent {
	background: transparent;
	color: #fff;
	margin-right: 20px;
}
.main-btn.btn-white {
	background: #fff;
	color: inherit;
}
.main-btn.btn-white:hover {
	background: #333;
	border-color: #333;
	color: #fff;
}
.main-btn:hover {
	background-color: #182333;
	color: #fff;
	border-color: #182333;
}
.game .back a.button {
	display: inline-block;
	background: #ef4423!important;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	text-transform: none;
	padding:1em;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: all 0.3s linear;
	overflow: hidden;
}
.game .back a.button:hover {
	display: inline-block;
	background: #333!important;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	text-transform: none;
	padding:1em;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: all 0.3s linear;
	overflow: hidden;
}
.container-fluid {
	padding: 0;
}
/* Taustat */
.gray-bg {
	background: #f2f2f2;
}
.white-bg {
	background: #fff;
}
.light-bg {
	background: #ef4423;
}
.dark-bg {
	background: #00734c;
}
.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}
.overlay {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 60%);
	top: 0;
	left: 0;
	z-index: -1
}
.overlay-2 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 60%);
	top: 0;
	left: 0;
	z-index: -1
}
/* Lataaja */
#loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #00734c;
	z-index: 999999;
}
#loader .loading,
#loader .loading > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#loader .loading {
	display: block;
	font-size: 0;
	color: #ef4423;
	width: 40px;
	height: 40px;
}
#loader .loading > div {
	display: inline-block;
	float: none;
	border: 3px solid;
	width: 40px;
	height: 40px;
	background: transparent;
	border-bottom-color: transparent;
	border-radius: 100%;
	-webkit-animation: loading .75s linear infinite;
	-moz-animation: loading .75s linear infinite;
	-o-animation: loading .75s linear infinite;
	animation: loading .75s linear infinite;
}
@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Sivun alkuun */
.go-top {
	background-color: #ef4423;
	color: #FFF;
	width: 50px;
	height: 50px;
	bottom: 6em;
	right: 2em;
	font-size: 20px;
	line-height: 52px;
	text-align: center;
	text-decoration: none;
	display: none;
	position: fixed;
	z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.go-top {
		width: 35px;
		height: 35px;
		bottom: 5em;
		right: 2em;
		font-size: 15px;
		line-height: 33px;
	}
}
@media (max-width: 575px) {
	.go-top i:before {
		font-size: 14px;
	}
	.go-top {
		right: 1em;
		bottom: 6em;
		z-index: 1;
	}
}
.go-top:hover {
	background-color: #fff;
	color: #020E28;
}
/* Sticky */
.header-area .is-sticky .sticky-area {
	background: #fff;
	z-index: 999 !important;
	-webkit-animation: slideInDown .6s forwards;
	animation: slideInDown .6s forwards;
	margin-top: 0;
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
}
#header-3.header-area .is-sticky .sticky-area {
	box-shadow: 0 3px 16px -2px #4c4a4ade;
}
.header-area.absolute-header .is-sticky .sticky-area {
	background: #00734c;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
}
.header-area.absolute-header .is-sticky .sticky-area img{
	width:100%;
	max-width: 70px;
	margin-top:0.5em;
}
.header-area.absolute-header .is-sticky .main-menu {

}
.header-area .is-sticky .navigation {
	margin-top: 0;
}
.is-sticky .main-menu ul {
	padding-top:2em!important;
}
.is-sticky .header-right-content {
	display:none;
}
.is-sticky .navbar-toggler {
	margin-top: 1em;
}
/* Header */
.header-top {
	font-size: 15px;
	font-weight: 500;
	padding: 20px 0;
	color: #fff;
}
.contact-info i {
	color: #fff;
	font-size: 20px;
	margin-right: 2px;
}
.contact-info i::before {
	padding-left: 20px!important;
}
.site-info .social-area {
	display: inline-block;
	margin-left: 10px;
}
.site-info .social-area i {
	font-size: 17px;
	color: #fff;
	padding-left: 10px;
}
.contact-info i:hover, .site-info .social-area i:hover {
	opacity: .7;
}
.logo {
	float:left;
}
.logo img {
	width: 100%;
	max-width: 110px;
	margin-top: 15px;
}
.header-area .navigation {
	padding: 0 30px;
	height: 90px;
	position: relative;
	z-index: 9;
}
.header-button-list .btn {
	width: 60px;
	height: 60px;
	line-height: 55px;
	color: #004976;
	border-radius: 50%;
}
.header-button-list .btn {
	background: none;
}
.header-button-list .btn:hover {
	color: #F25B26;
}
.header-button-list .btn i:before {
	font-size: 24px;
}
.header-button-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header-button-list {
	margin-top: 10px;
}
.header-button-list .btn:not(:last-child) {
	margin-right: 15px;
}
.responsive-logo {
	display: none;
}

.header-area.absolute-header {
	position: absolute;
	width: 100%;
	z-index: 99;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 10px 0;
}
#header-3 .main-menu .navbar-nav .nav-link {
	padding: 30px 0;
	color: #d7d7d7;
}
/* Valikko */
.main-menu {
	margin-top:1em;
}
.main-menu .navbar {
	padding: 0;
	margin-top:3em;
}
.main-menu .navbar-collapse ul {
	padding-top:1em;
}
.is-sticky .main-menu .navbar {
	margin-top:2.2em;
}
.main-menu li.nav-item {
	position: relative;
	margin-right: 25px;
	height: 20px;
}
.main-menu li.nav-item:last-child {
	margin-right: 0;
}
.main-menu .navbar-nav .nav-link {
	font-size: 20px;
	font-weight: 400;
	display: block;
	padding: 35px 0;
	position: relative;
}
.main-menu .navbar-nav .nav-item a {
	padding-top: 0em!important;
	padding-bottom: 0em;
}
.main-menu .navbar-nav .nav-link {
	padding: 35px 0;
}
.header-right-content .main-btn {
	margin-top: 18px;
}
.main-menu .navbar-nav .nav-link.active {
	color: #ef4423;
}
.main-menu li.nav-item:hover > a {
	color: #fff;
}
.main-menu li.nav-item a:hover {
	text-decoration: underline;
}
.main-menu li.nav-item a.active {
	font-weight: 700;
}
/* Karuselli */
.homepage-slides {
	position: relative;
	overflow: hidden;
}
.homepage-slides .single-slide-item {
	background-color: #ddd;
	width: 100%;
	height: 850px;
	display: table;
	align-items: center;
	position: relative;
	z-index: 1;
}
.homepage-slides .single-slide-item .image-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: scale(1);
	transition: transform 7000ms ease;
}
.homepage-slides .active .single-slide-item .image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.hero-area-content {
	display: table-cell;
	vertical-align: middle;
}
.single-slide-item h2 {
	color: #fff;
	font-size: 70px;
	line-height: 80px;
	margin: 30px 0;
	position: relative;
}
.single-slide-item p {
	color: #fff;
	font-size: 18px;
	line-height: 35px;
}
.single-slide-item a.main-btn {
	margin-top: 40px;
	padding: 20px 40px;
	font-size: 18px;
}
#home-1.homepage-slides .owl-nav button.owl-prev,
#home-1.homepage-slides .owl-nav button.owl-next {
	width: 70px;
	height: 70px;
	font-size: 20px;
	font-weight: 100;
	line-height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	background: transparent;
	border: 2px solid;
	color: #C89D668c;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
#home-1.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: 0;
}
#home-1.homepage-slides:hover .owl-nav button.owl-prev,
#home-1.homepage-slides:hover .owl-nav button.owl-next {
	visibility: visible;
	opacity: .3;
}
#home-1.homepage-slides .owl-nav button.owl-prev:hover,
#home-1.homepage-slides .owl-nav button.owl-next:hover {
	background: #ef4423;
	color: #fff;
	border-color: #ef4423;
	opacity: 1;
}
.homepage-slides .owl-nav button.owl-prev,
.homepage-slides .owl-nav button.owl-next {
	width: 80px;
	height: 80px;
	border: 1px solid #eee;
	border-left: none;
	font-size: 30px;
	font-weight: 100;
	line-height: 16px;
	position: absolute;
	right: 80px;
	bottom: 0;
	margin-top: -25px;
	background: #fff;
	color: #F25B26;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: 0px;
}
.homepage-slides .owl-nav button.owl-prev:hover,
.homepage-slides .owl-nav button.owl-next:hover {
	background: #ef4423;
	color: #fff;
	border-color: #ef4423;
}
.hero-area-content h6 {
	font-size: 20px;
	color: #fff;
}
#home-3 .single-slide-item {
	height: 850px;
}
#home-3 .single-slide-item .section-title {
	margin-top: 150px;
}
/* Sisältö */
.about-key {
	overflow: hidden;
}
.about-key li {
	margin-bottom: 16px;
	float: left;
	width: 50%;
}
.about-key li i {
	position: relative;
}
.about-key li i:before {
	font-size: 30px;
	color: #ef4423;
	margin-right: 10px;
	position: absolute;
	top: -20px;
}
.about-key li p {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #262B3E;
	position: relative;
	padding-left: 35px;
	margin: 0;
}
.about-content-area .main-btn {
	margin: 35px 0;
}
.call-us .icon i {
	font-size: 25px;
	margin-top: 0;
	margin-right: 24px;
	margin-left: -12px;
	display: inline-block;
	color: #fff;
	background: #10102D;
	padding: 16px;
	border-radius: 50%;
}
.mobile-number p {
	color: #232323;
	font-size: 18px;
	font-weight: 500;
}
.mobile-number h5 {
	color: #898989;
	font-size: 18px;
	margin-bottom: 3px;
}
/* Uutiset */
.single-blog-item {
	background: #fff;
	border: 1px solid #eee;
}
p.blog-meta {
	font-size: 14px;
	margin: 7px 0;
	letter-spacing: 1px;
	font-weight: 500;
}
p.blog-meta i:before {
	padding-right: 7px;
}
.blog-meta i {
	font-size: 18px;
}
i.las.la-comments {
	margin-left: 13px;
}
.blog-content {
	padding: 10px 20px 0;
}
.blog-content p {
	line-height: 28px;
}
#blog-2 .blog-content {
	padding: 30px;
}
.blog-content h5 a {
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333;
}
.blog-content h5 a:hover {
	color: #333;
}
.tmpl-joukkueet .blog-area {
	padding-top: 0px;
}
.tmpl-joukkueet #blog-2 .blog-content {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.tmpl-joukkueet .blog-content h5 a {
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333;
	text-transform: uppercase;
}
.blog-area a.read-more {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0 0;
	color: #ef4423;
}
.blog-area a.read-more:hover {
	color: #ef4423;
}
.blog-bg {
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: .3s;
}
.blog-bg img {
	width: 100%;
	height: auto;
	transition: transform ease 0.3s;
}
.blog-bg span {
	background: #ef4423;
	color: #fff;
	padding: 20px;
	display: block;
	width: 80px;
	height: auto;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	line-height: 20px;
}
.blog-bg img:hover {
	transform: scale(1.07);
}
.pagination-block {
	display: block;
	margin: 45px auto;
}
.pagination-block .page-numbers, .pagination-area .page-numbers {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	color: #656c76;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #e9eef6;
	margin: 0 3px;
	padding: 0;
	transition: all 0.3s ease 0s;
}
.page-numbers.current {
	background: #ef4423;
	color: #fff;
	border-color: #ef4423;
}
.pagination-block .page-numbers:hover, .pagination-area .page-numbers:hover {
	background: #ef4423;
	color: #fff;
	border-color: #ef4423;
}
/* CTA */
.cta-area {
	background-image: url(../img/bg-cta.jpg);
	background-size: cover;
	min-height: 300px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding-bottom: 2em;
}
.cta-area::before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: -1;
}
.cta-area h2 {
	font-size: 45px;
	line-height: 50px;
	color: #fff;
}
.cta-area h6 {
	color: #ef4423;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}
.cta-area p {
	color: #cacaca;
}
.cta-area .contact-info {
	margin-top: 60px;
}
.cta-area .contact-info i {
	color: #fff;
	font-size: 50px;
	float: left;
	padding-right: 10px;
}
.cta-area p a {
	color: #fff!important;
}
.contact-info h4 {
	font-size: 22px;
	color: #fff;
}
.contact-info p {
	color: #fff;
}
/* Footer */
.footer-area {
	background-image: url(../img/bg-footer.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
	.footer-area {
		background-image: url(../img/bg-footer-mob.jpg);
	}
}
.footer-area::before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: -1;
}
.footer-area h5 {
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	margin: 20px 0;
}
.footer-area p {
	margin-top: 16px;
	color: #fff;
}
.contact-info p {
	margin-bottom: 10px;
}
.contact-info a {
	color: #fff;
}
.contact-info a:hover {
	color: #fff;
	opacity:.7;
}
.footer-area ul li {
	display: block;
}
.footer-area ul li a {
	font-size: 18px;
	color: #fff;
	padding: 10px 0;
}
.footer-area ul li a:hover {
	color: #ef4423;
}
.footer-area ul li a.active {
	color: #fff;
	font-weight: 700;
}
.subscribe-form p {
	margin-top:0px;
	margin-bottom: 5px;
}
.subscribe-form p a {
	color:#fff;
}
.subscribe-form {
	position: relative;
}
.subscribe-form input {
	border: 0;
	background: #fff;
}
.subscribe-form input::placeholder {
	color: #797A7E;
	font-size: 16px;
}
.footer-up {
	padding: 80px 0;
}
.footer-up .logo {
	width: 100%;
}
.footer-up .logo img {
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.footer-up .social-area {
	display: block!important;
	float: left!important;
	clear: both!important;
	margin-top:0.5em!important;
	margin-bottom:0.5em!important;
	width: 100%;
	text-align: center;
}
.footer-up .social-area i {
	color: #eee;
	font-size: 21px;
	margin-right: 10px;
	margin-top: 20px;
}
.footer-up [class*="col-"] {
	margin-bottom: 25px;
}
.footer-bottom {
	padding: 20px 0;
	background: #00734c;
}
.footer-bottom p {
	font-size: 16px;
	margin: 0;
	color:#fff;
}
.footer-bottom p a {
	font-size: 16px;
	color:#fff;
}
p.privacy {
	text-align: right;
}
p.privacy a {
	color:#fff;
	font-size: 16px;
}
p.privacy a:hover {
	color:#fff;
	text-decoration: underline;
}
/*Pelaajakortit*/
.info-content-area .holder {
	background-color: #f2f2f2;
	padding:1em;
	margin-bottom: 2em;
}
.info-content-area .holder h3 {
	color:#333;
	margin-bottom: 0.5em;
}
.info-content-area .holder p {
	margin-bottom:0em;
}
.info-content-area .holder ul a {
	margin-bottom:0em;
	margin-top:0em;
}
.info-content-area .holder p {
	line-height: 22px;
}
.info-content-area .holder p.data {
	margin-top:0.5em;
}
p.back {
	margin-top:1em;
}
p.back a {
	color: #ef4423;
	font-size: 17px;
	font-weight: 500;
}
p.back a:hover {
	text-decoration: underline;
}
/*Pelaajakuvat*/
.playerimg img {
	width:100%;
	height: auto;
	border: 1px solid #eee;
	padding-top:1em;
}
.playerimg img:hover {
	opacity: .7;
}
.moreimages-mob {
	display: none;
}
.moreimages   {
	padding-left:1em;
	padding-right:1em;
}
.moreimages .thumb  {
	padding:0em;
	margin-bottom:0.5em;
}
.moreimages  a {
	padding:0em!important;
	margin:0em!important;
}
.moreimages .thumb img:hover {
	opacity: .7;
}
.moreimages .thumb img {
	width:100%!important;
	height: auto;
	float: left;
	border: 1px solid #eee;
	padding:0.2em;
}
/*Perussivujen sisältökuvat*/
.module-kuvia {
	margin-top:1em;
	margin-bottom:1em;
	padding:0.5em;

}
.size-large {
	clear:both!important;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	float:left;
}
.size-large img {
	width:100%;
	height:auto;
}
.size-small {
	clear:right!important;
	width:50%;
	float:left!important;
	margin-top:1em;
	margin-bottom:1em;
}
.size-small img {
	width:100%;
	height:auto;
}
.size-large .img-content, .size-small .img-content {
	margin:0.5em;
}
/*/mediaquery*/
@media screen and (max-width: 576px) {
	.module-youtube, .size-large, .size-small {
		width:100%;
	}
}
/* Ottelut */
.tulevatottelut {
	padding-bottom: 3em;
	width: 100%,auto;
	max-width: 1200px;
	margin:auto;
}
.tulevatottelut .infobox {
	padding-left: 20px;
	padding-right: 20px;
}
#home-3 .key-content h5 {
	font-size: 26px;
	color:#000;
}
.feature-section {
	background-image: url(../img/bg-games.jpg);
	background-size: cover;
	background-position: center bottom;
	min-height: 300px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding-bottom: 2em;
	color:#fff;
}
.feature-section h2 {
	text-align: left!important;
	margin-bottom: 15px;
	font-size: 32px;
	line-height: 34px;
}
.feature-section p {
	color:#fff;
}
.feature-section p a {
	color:#fff;
	font-weight: 700;
}
.feature-section p a:hover {
	color:#fff;
}
@media screen and (max-width: 768px) {
	.feature-section {
		background-image: url(../img/bg-games-mob.jpg);
	}
}
.feature-section::before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 115, 76, .8);
  z-index: -1;
}
.feature-section2 {
	background-color: #fff !important;
	background-size: cover;
	min-height: 300px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding-bottom: 2em;
}
.feature-section2::before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .8);
  z-index: -1;
}
.ottelut {
	padding-top:3em;
	padding-bottom: 3em;
}
.ottelut .container-fluid {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin:auto;
}
.feature-section h2 {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0em;
	text-align: center;
	color:#fff;
}
.single-key-feat h5 {
	color:#fff;
	text-align: center;
}
.single-key-feat h5 a {
	color:#fff;
	text-align: center;
	font-size: 22px;
}
.single-key-feat h6, .single-key-feat h6 a {
	font-size: 22px;
	color:#fff;
	text-align: center!important;
}
.feature-section2 .single-key-feat h5 {
	color:#000;
	text-align: center;
}
.feature-section2 .single-key-feat h5 a {
	color:#000;
	text-align: center;
	font-size: 22px;
}
.feature-section2 .single-key-feat h6, .feature-section2  .single-key-feat h6 a {
	font-size: 22px;
	color:#000;
	text-align: center!important;
}
.series {
	margin-bottom:0.5em;
	padding-top:2em;
	text-align: center;
}
.game .series {
	margin-bottom:0em!important;
	padding-top:0em!important;
}
.game .series h6 {
	margin-bottom:0em!important;
}
.series h6 {
	font-weight: 700;
	text-align: left;
}
.info-content-area .series, .info-content-area h6 {
	padding-left: 0.4em;
}
.info-content-area .series h6 {
	padding-left: 0.2em!important;
}
.single-key-feat {
	position: relative;
	z-index: 1;
	background: transparent;
	padding: 30px 30px 30px 30px;
	transition: .3s;
	transition: .3s;
}
.tulevatottelut .single-key-feat {
	padding: 20px 20px 20px 20px;
}
.single-key-feat:hover {
	opacity: .7;
}
.single-key-feat .bottom {
	background-color: #005f3f;
	padding-top:1em;
	padding-bottom:1em;
}
.single-key-feat .bottom p {
	margin-bottom: 0em;
	color:#fff;
	padding-left:0.5em;
	padding-right:0.5em;
}
.info-content-area hr {
	border-top: 1px solid #333;
	margin-top:1em;
}
.info-content-area .bottom a {
	color: #ef4423;
	margin:0px;
	text-transform: none;
}
.info-content-area .bottom a:hover {
	color: #ef4423;
	margin:0px;
	text-transform: none;
	text-decoration: underline;
}
.info-content-area .bottom p {
	line-height: 1.4em!important;
	margin-bottom: 0.3em!important;
}
.info-content-area .back {
	margin-top: 2em;
}
.info-content-area .bottom {
	margin-bottom: 2em!important;
}
.single-key-feat:hover {
	/*background: #fff;*/
}
.single-key-feat p {
	line-height: 28px;
	font-size: 1em;
	color:#000;
	text-align: center;
}
.single-key-feat .logot {
	margin-top:1em;
	text-align: center;
}
.game .logot {
	margin-top:1em;
	margin-bottom:1em;
	text-align: left;
}
.single-key-feat .logot img, .game .logot img {
	max-width: 60px;
	width: 100%;
	height: auto;
}
.single-key-feat .logot span, .game .logot span {
	font-weight: 700;
	margin-left:0.3em;
	margin-right:0.3em;
	color:#fff!important;
}
.feature-section2 .single-key-feat .logot span a {
	color:#000!important;
}
.feature-section2 .single-key-feat .logot span{
	font-weight: 700;
	margin-left:0.3em;
	margin-right:0.3em;
	color:#000!important;
}
.single-key-feat .logot span a {
	color:#fff!important;
}
.game .logot span {
	color:#000!important;
}
.single-key-feat .logot img:hover, .game .logot img:hover {
	opacity:.8M
}
.key-icon {
	position: absolute;
	top: 0px;
}
.key-icon img {
	max-width: 100px;
	width: 100%;
	height: auto;
}
.key-icon i:before {
	font-size: 70px;
	color: #ef4423;
}
.key-content {
		border-top: 5px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
}
.key-content h5 {
	font-size: 25px;
	margin: 20px 0;
}
.game h1 {
	font-size: 25px;
	margin-top:0em;
	margin-bottom: 0.2em;
	padding-left:0.5em;
}
.game h6 {
	font-size: 25px;
	margin-top:0em;
	margin-bottom: 0.5em;
}
.game .bottom {
	background-color: #f2f2f2;
	margin-top:1em;
	padding:1em;
}
.game .bottom p {
	margin-bottom:0em;
	color:#000;
}
/* Pelaajakortit */
.team-area {
/*border-top: 1px solid #eee;*/
	background: white;
}
.team-member-bg {
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: 360px;
	height: auto;
}
.product-img {
	width: 100%;
	height: auto;
}
.product-img img {
	width: 100%;
	height: auto;
	max-width: 500px;
}
.product-img img:hover {
	opacity: .8;
}
.team-area h2 {
	color:#333;
}
.single-team-member {
	/*position: relative;*/
	margin-top: 25px;
}
.single-team-member .team-content {
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.team-content .team-title {
	font-weight: 500;
	margin-bottom: -3px;
	border: 1px solid #ddd;
	padding-bottom: 1em;
}
.team-content .team-title a {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #191919;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin: 16px 0 0px;
}
.team-content .team-title h3 {
	color:red;
	margin-top:0.2em;
	font-weight: 700;
}
.team-content .team-title a:hover {
	color:#ef4423;
}
.team-content .team-subtitle {
	padding-top: 20px;
	padding-bottom: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-family: 'Roboto Condensed', sans-serif;
}
.team-content .team-subtitle p {
	font-size: 16px;
	color: #555;
	margin-bottom: 0px;
	line-height: 20px!important;
}
.team-content a.read-more {
	font-weight: 400!important;
	text-decoration: none;
	display: block;
}
.team-content a.read-more:hover {
	font-weight: 400!important;
	text-decoration: underline;
	color:#000;
}
.tmpl-pelaaja  ul.team-social {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #ddd;
	margin-top:1em;
	padding-top:1em!important;
}
ul.team-social {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top:0.5em;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
ul.team-social li {
	display: inline-block;
}
ul.team-social li a {
	font-size: 18px;
	padding: 10px;
	padding-top: 0;
	transition: all .3s ease-out;
}
.single-team-member .team-social li a:hover {
	color: #ef4423;
}
/* Murupolku */
.breadcroumb-area {
	background-image: url(../img/breadcrump/rotator.php);
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.breadcroumb-area {
	height: 400px;
	background-size: cover;
	background-position: center bottom;
	background-color: #ddd;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.breadcroumb-area .breadcroumb-title h2 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 40px;
	position: relative;
	padding-left: 30px;
}
.breadcroumb-area .breadcroumb-title h2:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 5px solid #ef4423;
}
.breadcroumb-area h6 a {
	color: #fff;
}
.breadcroumb-area h6 {
	color: #ef4423;
	font-size: 18px;
	margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 50px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 40px;
	}
}
@media (max-width: 575px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 35px;
	}
}
/* Yhteystiedot */
.tmpl-yhteystiedot .section-padding {
	padding-bottom: 10px;
}
.tmpl-yhteystiedot .more-info {
	padding-top: 50px;
	padding-bottom: 100px;
}
.tmpl-yhteystiedot .richtext ul {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.tmpl-yhteystiedot .richtext ul li {
	margin-bottom: 4px;
	margin-right: 10px;
}
.tmpl-yhteystiedot .richtext ul li::after {
	content: "|";
	margin-left: 10px;
}
.tmpl-yhteystiedot .richtext ul li:last-child::after {
	content: "";
	margin-left: 10px;
}
.tmpl-yhteystiedot .richtext ul li a {
	font-size: 18px;
}
.tmpl-yhteystiedot .richtext ul li a:hover {
	color: red;
}
.contact-us-wrapper {
	background: #fff;
	position: relative;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}
.contact-us-inner {
	text-align: center;
	padding: 40px 30px;
	border-right: 1px solid #eee;
}
.contact-us-inner:nth-last-child(4) {
	border-right: none;
}
.contact-us-inner h5 {
	font-size: 22px;
	margin: 40px 0 20px;
}
.contact-us-inner a {
	color: #ef4423;
	font-size: 17px;
	font-weight: 500;
}
#contact-us {
	padding-top: 0em!important;
}
#contact-us .info-i {
	position: relative;
	z-index: 1;
}
#contact-us .info-i i:before {
	font-size: 50px;
	color: #ef4423;
}
#contact-us .contact-form .main-btn {
	margin-top: 30px;
}
/* Sivuvalikko */
.service-list {
	background: #F6F6F6;
	padding: 30px;
	margin-bottom: 30px;
}
.service-list h5 {
	font-size: 24px;
	margin: 10px 0;
	color:#333;
}
.service-list ul li {
	display: block;
}
.service-list li a {
	display: block;
	color: #333;
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	padding: 14px;
	margin-bottom: 20px;
	background: #fff;
	text-transform: none;
	margin-bottom:0.8em;
	margin-top:0.8em;
}
.service-list li.active a {
	background: #ef4423;
	color: #fff;
}
.service-list li a span {
	float: right;
}
.single-service h2 {
	margin: 30px 0;
}
.single-service h5 {
	margin: 30px 0 10px;
	font-size: 24px;
	color:#333!important;
}
.single-service p {
	font-size: 17px;
	line-height: 30px;
}
.single-service-bg img {
	width: 100%;
}
.helpline-section {
	background: #020E28;
	color: #fff;
	padding: 20px;
	margin-top: 35px;
	height: 272px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.helpline-section h4 {
	font-size: 28px;
	line-height: 1.5;
	color: #fff;
	margin-top: 15px;
}
.helpline-section button {
	margin-top: 15px;
}
#service-page .key-feature .about-icon i:before {
	font-size: 50px;
	color: #ef4423;
	position: absolute;
	top: 0;
	left: 28px;
}
/* Fanituotteet */
.project-single-section h1 {
	font-size: 35px;
	margin: 30px 0;
	color:#333;
}
.project-single-section .main-btn {
	margin-top:2em;
	margin-bottom: 2em;
	margin-left:1em;
}
.project-single-section .main-btn a {
	color:#fff;
}
.project-info {
	border: 1px solid #ddd;
	padding: 30px;
	margin-bottom: 50px;
}
.project-info h5 {
	font-size: 30px;
	margin-bottom: 40px;
	color:#333;
}
.project-info p {
	margin: 25px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.project-info p b {
	color: #222;
}
.project-info span {
	float: right;
}
.project-info .main-btn {
	padding: 15px 18px;
	font-size: 17px;
	margin: 20px 0;
	width: 60%;
	margin-left: 20%;
	line-height: 17px;
}
.project-overview h4 {
	margin: 30px 0;
}
.project-overview p:last-child {
	margin-bottom: 40px;
}
/* Uutinen */
.single-blog-wrap .blog-meta {
	margin: 20px 0;
	font-family: 'Roboto Condensed', sans-serif;
}
.single-blog-wrap .blog-meta span {
	margin-right: 20px;
}
.single-blog-wrap .blog-meta span i {
	color: #ef4423;
	font-size: 20px;
	margin-right: 10px;
}
.single-blog-wrap h1 {
	font-size: 28px;
	margin: 20px 0;
	color:#333;
}
.single-blog-wrap h5 {
	font-size: 22px;
	margin: 20px 0;
}
.single-blog-item {
	margin-bottom: 1.5em;
}
#blog-page .single-blog-item {
	margin-bottom: 40px;
	background: #fff;
	box-shadow: 0 3px 9px -2px #d0cece;
}
#blog-page .blog-bg img {
	width: 100%;
	height: 100%;
}
#blog-page .blog-content p.blog-meta {
	font-size: 16px;
	color: #898a9c;
}
#blog-page .blog-content a {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	font-weight: 500;
	color: #00283F;
	margin-bottom: 20px;
}
#blog-page .blog-content a:hover {
	color: #C89D66;
}
#blog-page .blog-content a.read-more {
	text-transform: uppercase;
	font-size: 16px;
	color: #C89D66;
}
.blog-search input {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
	padding-bottom: 15px;
}
.blog-search button {
	background: none;
	margin: 0;
	padding: 0;
}
.blog-search button i {
	color: #191919;
	font-size: 20px;
	opacity: .5;
	position: absolute;
	top: 18px;
	right: 28px;
}
.blog-category h5,
.archive h5 {
	font-size: 24px;
	font-weight: 600;
	margin: 25px 0;
	color:#333;
}
.blog-category ul li,
.archive ul li {
	display: block;
}
.blog-category li a,
.archive li a {
	display: block;
	color: #333;
	font-size: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.blog-category li a:hover,
.archive li a:hover {
	color: #F35E27;
}
.blog-category li.active a,
.archive li.active a {
	color: #ef4423;
	font-weight: 700;
}
.recent-post h5 {
	margin: 30px 0;
	margin-top: 50px;
	font-weight: 600;
	color:#333;
}
.recent-post img {
	float: left;
	width: 100%;
	max-width: 80px;
	height: auto;
}
.single-recent-post h6 {
	margin: 0;
	padding-left: 90px;
	font-size: 18px;
	line-height: 24px;
	line-height: 1.5;
}
p.blog-date {
	padding-left: 90px;
	font-size: 14px;
}
span.blog-date {
	font-size: 1em;
	font-family: 'Roboto Condensed', sans-serif;
}
.single-recent-post {
	padding-bottom: 25px;
}
.single-recent-post .recent-post-content {
	display: block;
	padding-left: 110px;
}
.single-recent-post h6 a {
	color: #1d2143;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}
.blog-category,
.recent-post,
.archive,
.popular-tag {
	border: 1px solid #ddd;
	padding: 10px 30px 20px;
	margin: 0px 0;
}
.helpline-section {
	background-size: cover;
	background-position: center center;
	height: 350px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}
.helpline-content h4 {
	color: #ffff;
}
.helpline-content p {
	color: #fff;
	margin-top: 20px;
}
.helpline-content button {
	z-index: 9;
	position: relative;
}