/*====================================== reset.css is here ========================================*/

*                                           { margin:0px; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img                                         { border:none;}
a                                           { outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/

/* ----------------------- layout ----------*/
.wrapper									{display:block; margin:0px auto;}
.container-in								{max-width:1197px; display:block; margin:0px auto;}
.main_content								{width:100%; display:block; background: white; padding-top: 50px;}
.main_content.frontpagecontent {padding-top: 0;}
.frontpagecontent .content-block1 {margin: 55px 0;}
/*-------------------------------------------*/

.mm-page {background: #F1F5F8;}

/* ------------------ HEADER HERE -------------------*/
#logo										{}
/* ---------------------------------------------------------*/


/* ------------------------- NAVIGATION HERE ---------------*/
.header-in									{ width:100%; display:block;}
.navigations									{ width:100%; display:block; position:fixed; left:0; top:0px; z-index:99;}
.navigations-left{float:left;padding:23px 0 0 0;width: 488px;}
.navigations-left ul{ display:block; position:relative; z-index:999;}
.navigations-left ul li{ display:inline-block; float:left; list-style:none none outside; padding:0px 64px 0 0 ; }
.navigations-left ul li:nth-child(3n) {padding-right: 0;}
.navigations-left ul li a{font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; line-height:50px; color:#ffffff; text-transform:uppercase; letter-spacing:0.7px;}
.navigations .navigations-right{float:right;padding:23px 0 0 0;margin: 0;position:relative;z-index:999;width: 462px;}
.navigations .navigations-right li{display:inline-block;float:left;list-style:none none outside;padding: 0 104px 0 0;}
.navigations .navigations-right li a{font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; line-height:50px; color:#ffffff; text-transform:uppercase; letter-spacing:0.7px;}
.navigations .navigations-right li:nth-child(3n) {padding-right: 0;}
.navigations li.active a {color: #ffb900;font-weight: 700;}

.logo {
  position:absolute;
  height: 182px;
  left:0;
  top:0;
  text-align:center;
  width:100%;
  padding: 10px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c84a3+0,e5e5e5+100&1+0,0+100 */
  background: -moz-linear-gradient(180deg, rgba(8, 38, 47, 0.83) 90px, rgba(229,229,229,0) 180px); /* FF3.6-15 */
  background: -webkit-linear-gradient(180deg, rgba(8, 38, 47, 0.83) 90px, rgba(229,229,229,0) 180px); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(180deg, rgba(8, 38, 47, 0.83) 90px,rgba(229,229,229,0) 180px);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c84a3', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lorem { width:100%; position:absolute; left:0px; bottom:40px; text-align:center;  z-index: 50;}
.banner1 .lorem img { width:500px; height:auto;display: inline-block;margin-left: 280px;}
.banner .logo img,
.banner1 .logo img { width:auto; height:auto; display: inline-block;}

.banner1 .logo .color-logo,
.banner .logo .color-logo {display: none;}

.banner1 .bgimage {position: absolute; top:0;left:0;width:100%; height: 100%; overflow:hidden; background-size: cover; animation-name: kenburns; animation-duration: 10s; animation-iteration-count: infinite; animation-direction: alternate; z-index: 5;}

.navigations {transition: all 0.5s ease;}

.navigations.white {background: white;}
.navigations.white .logo {background: none; height: auto;}
.navigations.white .logo img {display: none;}
.navigations.white .logo .color-logo {display: inline-block;height: 30px; width: auto;}
.navigations.white .navigations-right,
.navigations.white .navigations-left {padding-top: 0;}
.navigations.white .navigations-right li a,
.navigations.white .navigations-left li a {color: #383737;}
.navigations.white li.active a {color: #ffb900;font-weight: 700;}


.banner1 .video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}

/* ---------------------------------------------------------*/

/* ------------------------ MIAN CONTENT HERE --------------*/

.content-block{width:100%;display: table;height: 100%;}
.block-left{width:50%;display: table-cell;text-align:center;padding: 0;background: url(../images/vehna_oranssi.png) repeat-x center center #ffb900;
    background-size: auto 100%;vertical-align: middle;}
.block-left-in{width: 64%;display:block;text-align:center;margin:0px auto;}
.block-left h2{ font-family: 'Lato', sans-serif; font-weight:900; font-size:40px; line-height:24px; color:#ffffff; padding:0 0 43px 0;}
.block-left p{ font-family: 'Lato', sans-serif; font-weight:400; font-size:18px; line-height:26px; color:#ffffff; padding:0 0 32px 0;}
.block-left a{ font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; line-height:26px; color:#ffffff; background-color:#339999; display:inline-block;  text-align:center; padding:2px 36px; border-radius:5px;letter-spacing:2px; text-transform: uppercase;}

.block-right{width:50%;display: table-cell;background-color:#ff6e36;float: none; vertical-align: middle;}
.chick-left{display: table-cell;height: 100%;vertical-align: middle;}
.chick-right{padding: 0;float: none;display: table-cell;vertical-align: middle;width: 85%;margin: 0 auto;}
.chick-right-in{text-align:center;width: 85%;display: table-cell;margin:0px auto;vertical-align: middle;text-align: center;padding: 0 55PX;}
.chick-right h2{font-family: 'Lato', sans-serif; font-weight:900; font-size:40px; line-height:24px; color:#ffffff; padding:0 0 43px 0; }
.chick-right p{ font-family: 'Lato', sans-serif; font-weight:400; font-size:18px; line-height:26px; color:#ffffff; padding:0 0 32px 0;}
.chick-left img {display: block;}
.chick-right a{ font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; line-height:26px; color:#ffffff; background-color:#b5c73a; display:inline-block;  text-align:center; padding:2px 36px; border-radius:5px;letter-spacing:2px; text-transform: uppercase;}

.content-block1{ width:100%; display:block; margin: 0 0 1em 0;}
.content-block1-left { float:left; display:inline-block; width:47%; }
.content-block1-left img,
.content-block1-full img,
.content-block1-right img{ display:block; width:100%; display:block; margin:0 0 1em 0 ;}

.content-block1 a {color: #ff6e36; font-weight: 700;}

.centered {text-align: center;}

.content-block1-right {width:47%; display:block; float:right; }
.content-block1-left h2,
.content-block1-full h2,
.content-block1-right h2 {font-family: 'Lato', sans-serif; font-weight:900; font-size:38px; color:#000000; margin:1em 0 1em 0; }
.content-block1-left p,
.content-block1-full p,
.content-block1-right p {font-family: 'Lato', sans-serif; font-weight:300; font-size:18px; color:#424242; padding:0 0 1em 0;line-height: 1.4em;}
a.Nappilinkki {font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; line-height:26px; color:#ffffff; background-color:#ff6e36; display:inline-block;  text-align:center; padding:2px 36px; border-radius:5px; letter-spacing:2px; text-transform: uppercase;}


.portfolio{ width:100%; display:block; background:url(../images/footer-chicks.jpg) repeat-x left top; padding:72px 0 66px 0; margin:0 0 30px 0; background-size: cover;}
.portfolio-in{ width:100%; display:block; text-align:center;}
.portfolio-in h2{font-family: 'Lato', sans-serif; font-weight:900; font-size:40px; line-height:1.2em; color:#ffffff; padding:0 0 20px 0; }
.portfolio-in p{font-family: 'Lato', sans-serif; font-weight:700; font-size:22px; line-height:30px; color:#ffffff; padding:0 0 48px 0;}
.portfolio-in a{ font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; line-height:26px; color:#ffffff; background-color:#ffb900; display:inline-block; text-align:center; padding:2px 36px; border-radius:5px; letter-spacing:2px; text-transform: uppercase;}

/* ------------------------ BANNER CONTENT HERE --------------*/
.banner1{ width:100%; display:block; position:relative;}
.banner1 .bxslider li {height: 665px; background-size: cover; overflow: hidden;}
.banner1 img { max-width:100%; height: auto;}
.bx-wrapper{ margin:0px;}
.subgallery {margin-top: 40px;}
.subgallery .bx-wrapper .bx-prev,
.banner1 .bx-wrapper .bx-prev{ background:url(../images/ar-left.png) no-repeat;}
.subgallery .bx-wrapper .bx-next,
.banner1 .bx-wrapper .bx-next{ background:url(../images/ar-right.png) no-repeat;}
.banner1  .bx-wrapper .bx-controls-direction a  {  margin-top:-8px; width:18px; height:32px;}
.banner1  .bx-wrapper .bx-prev{ left:46px;}
.banner1  .bx-wrapper .bx-next{ right:46px;}

.bx-wrapper .bx-viewport {border: none;left: auto;box-shadow: none;}
.subgallery img {height: auto;}

.simply-scroll,
.simply-scroll .simply-scroll-clip {width: auto;height: auto;}
.simply-scroll .simply-scroll-list li {width: auto; height: auto;}
/* ---------------------------------------------------------*/

/* ------------------ FOOTER HERE --------------------------*/
.footer { width:100%; display:block; padding:0 0 35px 0; margin-top: 3em;}
.footer-nav{ float:left;}
.footer-logo{  display:inline-block;float:left; padding:0 55px 0 0; }
.footer-logo a img{ width:100%; height:auto;}
.footer-nav ul{ display:inline-block; padding:51px 0px 0 0;}
.footer-nav ul li{ display:inline-block; list-style:none none outside; padding:0px 42px 0 0;float:left; }
.footer-nav ul li:last-child {padding-right: 0;}
.footer-nav ul li a{ display:inline-block;font-weight:normal; font-size:17px; line-height:36px; color:#383737; font-family: 'Lato-Bold'; }
.footer-nav ul li.active a {color: #ffb900;}
.footer-nav ul li a span{ padding:12px 0 0 0 ; float:left;}
.footer-right{ float:right; padding:5px 113px 0 0px;}
.footer-right h3{font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; line-height:36px; color:#383737; }
.footer-right p{font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; line-height:20px; color:#b4bbc2; padding:0 0 16px 0 ; }
/* ---------------------------------------------------------*/


/* ------------------ INNER PAGE START HERE --------------------------*/




/* ------------------------ MIAN CONTENT HERE --------------*/
.content{ width:100%; display:block;padding:0 0 25px 0;}

.subgallery-img{ width:100%; display:block; padding:0 0 28px 0;}
.subgallery-img ul{ display:block; }
.subgallery-img ul li{ display:inline-block; float:left; list-style:none none outside; width:20%;}
.subgallery-img ul li img{ width:100%; height:362px;}

/* ------------------------ BANNER CONTENT HERE --------------*/
.banner{ width:100%; display:block; position:relative;}
.banner img{ width:100%; height:auto; display: block;}
/* ---------------------------------------------------------*/
.green-block{ width:100%; display:block; background:url(../images/vehna_vihrea.png) repeat-x center center #B5C73A; background-size: auto 100%; padding:60px 0 60px 0;}
.green-block h2 {font-family: 'Lato', sans-serif; font-weight:900; font-size:60px; color:#ffffff; display:block;text-align:center; }
/* ------------------ FOOTER HERE --------------------------*/
.footer										{ width:100%; display:block; padding:0 0 35px 0;}
.footer-nav{ float:left;}
.footer-logo{  display:inline-block;float:left; padding:0 55px 0 0; }
.footer-logo a img{ width:100%; height:auto;}
.footer-nav ul{ display:inline-block; padding:59px 0px 0 0;}
.footer-nav ul li{ display:inline-block; list-style:none none outside; padding:0px 41px 0 0;float:left; }
.footer-nav ul li a{ display:inline-block; font-size:16px; line-height:18px; color:#383737; font-family: 'Lato', sans-serif; font-weight:700; }
.footer-nav ul li a span{ padding:0px 0 0 0 ; float:left;}
.footer-right{ float:right;}
.footer-right h3{font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; line-height:36px; color:#383737; }
.footer-right p{font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; line-height:20px; color:#b4bbc2; padding:0 0 16px 0 ; }
.copy {font-family: 'Lato', sans-serif; font-weight:700; font-size:12px; margin-top:24px; color:#b4bbc2;}
.copy a {color:#b4b6b8;}
.footer .newliner {display: block;}
/* ---------------------------------------------------------*/

#mobilemenu {display: none;}
.mm-opening #mobilemenu {display: block;}
#mobilemenuopener {position:fixed; z-index: 100; left: 7px; top: 7px; display: none;}

/* Header */
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: #ff6e36;}
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {height: 102px;}
/* Default */
.mm-menu {background: #F1F5F8;color: white;font-family: 'Lato', sans-serif;font-size: 20px; font-weight: 900;}
.mm-listview {font-size: 16px;}
.mm-listview > li > a, .mm-listview > li > span {color: #424242;}
/* Active */
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {color: white;background: #FF6E36;}
/* Arrows */
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after,
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {border-color: #FFB900;}
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {border-color: #FFB900;}
.mm-panel.mm-hasnavbar .mm-navbar { border: none; height: auto; padding-top: 20px; padding-bottom: 20px; background: white;}

.mm-listview > li:not(.mm-divider):after {left: 0; margin: 0 20px;}
.mm-listview > li.mm-selected:after {display: none;}

.mm-listview > li > a, .mm-listview > li > span {padding: 15px 30px 15px 30px; margin: 0 20px;}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {margin-top: 0;}

.googlemaps {height: 400px;}
.youtubevideo {max-width: 100%; height: 309px;}

.youtubebannercontainer {width: 100%; padding-bottom: 34.7%; position: relative;overflow: hidden; min-height: 400px;}
.youtubebannercontainer iframe {position: absolute; left: 50%; top: 0; width: 100%; height: 100%; z-index: 1; min-width: 1150px;transform: translateX(-50%);}
/*.youtubebannercontainer:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}*/

.playbutton {display: none; position:absolute; z-index: 100; top: 50%; left: 50%; width: 120px; height: 120px; margin-left:-60px; margin-top: -60px;}
.playbutton img {width: 100%; height: auto;}

@keyframes kenburns
{
  100% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-1%, -1%, 0px);
    animation-timing-function: ease-in;
  }
}

@media (max-width: 1265px)
{
  .navigations .container-in {width: 1000px; margin-left: auto; margin-right: auto;}
  .navigations-left ul li {padding-right: 25px;}
  .navigations .navigations-right {width: 378px;}
  .navigations .navigations-right li {padding-right: 30px;}

  .container-in {width: auto; margin: 0 30px;}

  .footer-right {padding-right: 0;}

  .content-block1-left h2,
  .content-block1-full h2,
  .content-block1-right h2 {font-size: 32px;}

  .chick-left img {width: 275px;}
  .chick-right h2,
  .block-left h2 {font-size: 32px;padding-bottom: 20px;}
  .chick-right p,
  .block-left p {font-size: 16px;padding-bottom: 1em;}

  .banner1 .bxslider li {height: 550px;}
}

@media (max-width: 1060px)
{
  .navigations .container-in {width: 768px;}

  .footer-nav ul,
  .navigations-left,
  .navigations-right {display: none;}

  #mobilemenuopener {display: block;}

  .navigations.white .logo {background: white;}

  .footer .newliner {display: block;}
  /* Add space after */
  .footer .newliner:after {content: "\0020";}
  .footer-right {float: left;}

  .banner .logo img, .banner1 .logo img {height: 140px;}

  .green-block {padding-top: 40px; padding-bottom: 40px;}
  .green-block h2 {font-size: 42px;}

  .chick-left {display: none;}
  .block-left,
  .block-right {padding: 30px;}
  .chick-right-in,
  .block-left-in {width: 90%;}

  .banner1 .bxslider li {height: 500px;}
}

@media (max-width: 810px)
{
  .navigations .container-in {width: auto;}

  .banner {height: 200px; overflow: hidden;}
  .banner > img {height: 100%;width: auto;position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%;}

  .banner1 .lorem img {margin-left: 0;max-width: 85%;}

  .banner1 .bx-controls-direction {opacity: 0;transition: all 0.2s ease;}
  .banner1:hover .bx-controls-direction {opacity: 1;}

  .footer {width: auto; margin-left: 30px; margin-right: 30px;}
  .content-block1 {width: auto; padding-top: 0;}

  .footer-right {width: calc(100% - 163px);}

  .content-block1-right {float: none; width: auto;}
  .content-block1-left {float: none; width: auto;display:block;margin-bottom: 1em;}

  .frontpagecontent .content-block1-right {text-align: center;}

  .youtubevideo {width: 100%;}

  .banner .logo img, .banner1 .logo img {height: 120px;}

  .green-block {padding-top: 30px; padding-bottom: 30px;}
  .green-block h2 {font-size: 32px;}

  .chick-right-in,
  .block-left-in {display: block;width: auto; padding: 0;}
  .chick-right {display: block;width: auto;}
  .block-left,
  .block-right {display: block;width: auto; padding-top: 50px; padding-bottom: 50px;}
  .content-block {display: block;width: auto; height: auto; margin-bottom: 2em;}

  .portfolio-in {width: auto; margin-left: 30px; margin-right: 30px;}

  .banner1 .bxslider li {height: 480px;}

  img.limitedwidth {max-width: 50%;}
}

@media (max-width: 460px)
{
  .banner1 .bxslider li {height: 370px;}

  .footer-logo {display: none;}
  .footer-right {float: none; width: auto;}

  img.limitedwidth {max-width: 100%;}
}