html { height: 100%; }
body { padding: 0; position: relative; margin: 0; height: 100%; -webkit-font-smoothing: antialiased;font-family: sofia-pro, sans-serif; font-weight: 400; font-style: normal; font-size:16px}
.wrapper { height: 100% !important; margin: 0 auto; overflow: hidden; }
a { text-decoration: none; color:#000;}
nav a { text-decoration: none; color:#FFFFFF;}
a:hover { color:rgba(23,97,23,1.00) }
nav a:hover { text-decoration: none; color:#FFFFFF;}

.wf-loading {display:none}

.sitelogo { height:140px;margin: 10px 0 -70px 0; }
.site-header {background: rgba(55,71,75,1)}
.main-navigation { padding-top: 40px }
.main-navigation li a {text-transform: uppercase; font-size:17px; opacity: 0.6}
.main-navigation li a:hover {color:#fff; opacity:0.75}
.main-navigation li.current-menu-item a { opacity: 1}

h1, h2, p {margin:0; padding:0}
h1, h2, h3 { font-family: "sofia-pro", sans-serif; font-weight:600}
h2, h3 {color:rgba(23,97,23,1.00)}

video#introclip  { -o-object-fit: cover; object-fit: cover; width: 100%; height:100%; position: absolute; display: inline-block; vertical-align: baseline; z-index:1}

.page1 h1 { position:relative; z-index:5 }
.pointer { color: #9b59b6;font-size: 30px; margin-top: 15px; }

.main { float: left; width: 100%; margin: 0 auto; }
.main h1 {  }
.main h1.demo1 { background: #1ABC9C; }
.reload.bell { font-size: 12px; padding: 20px; width: 45px; text-align: center; height: 47px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.reload.bell #notification { font-size: 25px; line-height: 140%; }
.reload, .btn { display: inline-block; border: 4px solid #A2261E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #CC3126; padding: 0.7em; text-decoration: none; color: #fff; width: 100px; line-height: 140%; font-size: 17px; font-family: open sans; font-weight: bold; }
.reload:hover { background: #444; }
.btn { width: 200px; color: rgb(255, 255, 255); border: 4px solid rgb(0, 0, 0); background: rgba(3, 3, 3, 0.75); }
.clear { width: auto; }
.btn:hover, .btn:hover { background: #444; }
.btns { width: 410px; margin: 50px auto; }
.credit { text-align: center; color: rgba(0,0,0,0.5); padding: 10px; width: 410px; clear: both; }
.credit a { color: rgba(0,0,0,0.85); text-decoration: none; font-weight: bold; text-align: center; }

header { position: relative; z-index: 10; }

.page_container.page1 { }

.main section .page_container { position: relative; top: 0; margin: 20px; height:calc( 100vh - 40px); z-index: 3; }
.main section .page_container h1 {}
.main section { overflow: hidden; }
.main section > img { position: absolute; max-width: 100%; z-index: 1; }

.main section.page1 { background-position: center; background-size: cover; background-repeat: no-repeat; color:#fff}
.main section.page1 .page_container { }
.main section.page1 h1 { font-size: 3.4rem;
   font-weight: 600;
    text-align: center;
    padding: 25vh 15% 0 15%;
    margin: 0 auto;
    line-height: 1.2;position: absolute; width: 100%; }

.main section .page_container .btns { clear: both; float: left; text-align: center; width: 435px; }
.main section .page_container .btns a { text-align: center; }

.main section.page2 { background-size: cover }
.page2 h2 { color: rgba(38,92,50,0,5); font-size: 5.4rem; letter-spacing: -0.02em; opacity: 0.36;}
.page2 p {line-height:1.4}
.palvelut-text {font-weight:600; }
.palvelut-text p {margin-bottom:0.975rem}
.services-block .cell {margin-bottom:0.9375rem}

.main section.page2 .page_container { overflow: hidden; background: rgba(255,255,255,0.9)}
.viewing-page-2 .back { background: rgba(0, 0, 0, 0.25); color: #FFF;}

.brand-logos {margin:0; padding: 0; list-style: none;}
.brand-logos li {display: inline-block; width: 24%; text-align:center; line-height:100px;}
.brand-logos li img {max-width:66%; height:auto; vertical-align: middle; max-height: 35px;}

.main section.page3 { background: rgba(193,206,194,0.21)  }
.main section.page3 .page_container {  height:calc(100vh - 90px); }
.page3 h2 { margin-bottom:0.9375rem}
.page3 h3 {font-size:0.9rem; text-transform: uppercase; }
.page3 p { line-height: 1.4}
.gm-style .gm-style-iw {  color: #000 !important;}

.services-block {height: calc(100vh - 150px);}
.contact-block { padding-top:130px }
.contactinfo .cell { margin-bottom:1.875rem }

body.disabled-onepage-scroll .onepage-wrapper section { min-height: 100vh; height: auto; }
body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.disabled-onepage-scroll section .page_container h1 {  }
body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns {  }
body.disabled-onepage-scroll .main section.page1 > img { position: absolute; width: 80%; left: 10%; }
body.disabled-onepage-scroll .main section > img { position: relative; max-width: 80%; bottom: 0; }
body.disabled-onepage-scroll code { width: 95%; margin: 0 auto 25px; float: none; overflow: hidden; }
body.disabled-onepage-scroll .main section.page3 .page_container { width: 90%; margin-left: auto; margin-right: auto; right: 0;}

.logo-container {background-color: #1a181a; margin-top: -20px; text-align: center; padding-top:40px; padding-bottom:20px}
.logo-container img {max-width: calc( 100% - 80px); padding:40px; height: auto}

.copyright { position: absolute; width: 100%; color:#fff; background: rgba(193,206,194,1); line-height: 4; bottom: 45px; text-align:center }

.footer-logo {position: absolute; bottom: -55px; z-index: 10; width:100%; text-align: center; margin-bottom: 10px;}
.footer-logo img {width: 200px; background-color: #1a181a; padding-left: 80px; padding-right: 80px;}
#wpgmza_map{height: 50vh !important;}
#wpgmza_map{ max-width:none; }

/* Chinese */
.page-id-54 h2 {margin-bottom:0.9375rem}
.page-id-54 p { font-size:102%; line-height: 1.7;}
.page-id-54 .palvelut-text { margin-bottom:1.875rem }
.page-id-54 .services-block .cell { margin-bottom: 1.875rem; }

/* tietosuojaseloste */
.page-id-141 {background-color: #1a181a;}
.page-id-141 .onepage-pagination{display: none}
.tietosuoja {width:100%; padding-top: 80px; height: auto; overflow: auto;  font-family: "museo-sans",sans-serif; }
.page-tietosuoja { width:calc(100% - 42px); color: #fff; height:auto; margin: 20px;}
.logo-header {background-color: #1a181a; width: 200px; margin: -65px auto 0 auto; text-align: center; padding-left: 60px; padding-right: 60px;}
.content-tietosuoja {max-width:760px; margin: 0 auto; padding: 40px 20px 0 20px;}
.content-tietosuoja h1, .content-tietosuoja h2, .content-tietosuoja p, .content-tietosuoja ul { margin-bottom: 20px } 
.content-tietosuoja h1 {margin-top: 20px; color: #AF986E; text-transform: uppercase; letter-spacing: 0.1em; font-size: 2.3rem; font-weight: normal; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens:auto;}
.page-id-141 p a {overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;}


@media screen and (min-width: 768px) {

.main section .page_container {padding-top: unset;}
.logo-container {width: 20vw; margin-left:5vw;}
.grid-y.page1 p {line-height: 3;}
.page1 { background-position: 38% !important;}
	
 .page-id-54	.main section.page1 h1 {
    font-size: 4.4rem;

    padding: 35vh 15% 0 15%;
 
}

.main section .page_container.page2 {height: 100vh; margin: 0; border: none;}
.main section .page_container.page2::after { content: ""; position: absolute; top: 20px; left: 20px; display: block; width: calc(100% - 40px); height: calc(100% - 40px);}
.page2 h1 {margin-left: 20px; margin-top: 20px; margin-bottom: -20px;}
.grid-x.page2 {display: flex;}
.grid-y.page2 {justify-content: flex-start; width: calc(50% - 40px); padding: 20px; }
.side-image {margin-top: -83px; height: 100vh; width: 50vw; background-image: url(https://walter.demo.site/wp-content/uploads/2-22-17_4636-ljk_mini-e1523613082544.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}

.page_container.page3 { }
.grid-x.page3 {display: flex; justify-content: space-around;}
.columns-container{display: flex;}
.text1{order:1;}
.text2{order:2;}
.mapcell{order:3;}
.copyright {

    bottom: 80px;

}


}


@media screen and max-width: 767px and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS */
.main section .page_container.page2::after {content: ""; position: absolute; top: 20px; left: 20px; display: block; width: calc(100% - 40px); height: calc(100% - 40px);}
}

@media screen and (max-width: 767px) {
.sitelogo { height: 100px; margin: 10px 0 -50px 0; }
.main-navigation { padding-top: 10px;}
.main section .page_container {height: unset;}
body.disabled-onepage-scroll .main section .page_container{padding: unset;}

.main section.page1 .page_container.page1{margin: 10px; height: calc( 100vh - 20px);}
	.main section.page1 h1 {
    font-size: 2.1rem;

}
.page1 { background-position: 38% !important; }
.grid-y.page1 {background-color: #1a181a; margin-top: -3vh; margin-right: 50%;}
.page_container.page1 {border: 1px solid white; }
.main section.page1 .page_container { padding: 0 !important; }
.logo-container { margin-top: -40px; margin-left: 10px; padding-top: 20px; padding-bottom: 20px; width: 50%; }

.main section.page2 .page_container.page2 {margin: 0; border:0; position: relative !important; height:auto !important}
.page_container.page2 {display: block; overflow: visible;}
.grid-x.page2 {display: flex; flex-direction: column;}
.grid-y.page2 {order: 2;}

.main section.page2 .page_container { height: auto !important; overflow: visible; }
.main section .page_container.page2 { border: none;}
.page2 .h2 {font-size:3rem}
.services-block { height: auto;}
	
body.disabled-onepage-scroll .main section.page3 .page_container { width: auto; margin: 10px; padding: unset; }
	section.page {min-height:40vh;}
.main section.page3 .page_container{height: unset; min-height: calc( 100vh - 80px);}
.main section.page3 .page_container.page3 { color:#fff; margin: 10px;}

.contact-block { padding-top: 0.9375rem;}
.contact-block .grid-x { width: auto;}
	
.footer-logo { position: relative; bottom:-30px;  margin-bottom: 10px;}
.footer-logo img {width: 150px; background-color: #1a181a; padding-left: 40px; padding-right: 40px;}
.content-tietosuoja h1 { font-size: 1.8rem; }
.content-tietosuoja h2 { font-size: 1.2rem; }
 
} 


@media screen and (max-width: 767px) and (orientation: landscape) {
.logo-container img{max-height: calc( 100% - 40px);}
.logo-container{width: 30vw;}
.page1 { background-position: 38% 30% !important; }
.wrapper {overflow: auto;}
.onepage-wrapper .section {position: relative !important; top: auto !important; left: auto !important;}
.onepage-wrapper {-webkit-transform: none !important; -moz-transform: none !important; transform: none !important; -ms-transform: none !important; min-height: 100%; transition: unset !important;}
.onepage-pagination { display: none;}
body, .onepage-wrapper, html {position: inherit;}
.onepage-wrapper .section {height: auto;}
.main section.page3 .page_container {padding: unset; margin-bottom: 40px !important;}
	.contactinfo .cell { margin-bottom:0.9375rem }

.footer-logo {margin-bottom:unset;}
}


@media screen and (max-width: 767px) and (min-width: 600px) {

.wrapper {overflow: auto;}
.onepage-wrapper .section {position: relative !important; top: auto !important; left: auto !important;}
.onepage-wrapper {-webkit-transform: none !important; -moz-transform: none !important; transform: none !important; -ms-transform: none !important; min-height: 100%; transition: unset !important;}
.onepage-pagination { display: none;}
.onepage-wrapper .section {height: auto;}
.main section.page3 .page_container {margin-bottom: 40px !important;}
.footer-logo {margin-bottom:unset;}

}