/** Generated: Thursday, 21st of August 2025, 12:43:57 AM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/*@charset 'UTF-8';*/
/* Slider */
.slick-loading .slick-list
{
    background: #fff/* url('/site/templates/css/ajax-loader.gif') center center no-repeat*/;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /*src: url('/site/templates/css/fonts/slick.eot');
    src: url('/site/templates/css/fonts/slick.eot?#iefix') format('embedded-opentype'),
	 url('/site/templates/css/fonts/slick.woff') format('woff'), url('/site/templates/css/fonts/slick.ttf') format('truetype'), url('/site/templates/css/fonts/slick.svg#slick') format('svg');*/
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
   /* cursor: pointer;
    cursor: hand;*/
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* reset.css is here */
* { box-sizing: border-box; margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
fieldset,
img { border: 0; }
img { display: inline-block; max-width: 100%; height: auto; }
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-weight: normal; font-style: normal; }
ol,
ul { list-style: none; }
caption,
th { text-align: left; }
q:before,
q:after {content: '';}
abbr,
acronym { border: 0; }
a { text-decoration: none; color: #ffffff; outline: 0 none !important; }
a:hover,
a:focus { text-decoration: none; outline: 0 none !important; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: bold; }

h1 { font-family: 'Source Sans Pro', sans-serif; font-size: 65px; font-weight: 700; line-height: 67px; letter-spacing: 0.9px; }
h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 46px; font-weight: 700; line-height: 48px; letter-spacing: 0.4px; }
h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-weight: 700; line-height: 38px; padding-bottom: 35px; letter-spacing: 0.4px; }
h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: 700; line-height: 32px; letter-spacing: 0.4px; }
h5 { font-size: 22px; line-height: 24px; }
h6 { font-size: 18px; line-height: 20px; }
p { font-size: 18px; line-height: 30px; hyphens: auto; }
header,
nav,
section,
article,
aside,
footer,
hgroup,
figure,
main { display: block; }
.clear { font-size: 1px; line-height: 1px; display: block; clear: both; height: 0; }
.last { margin: 0 !important; }
.pad_last { padding: 0 !important; }
.no_bg { background: none !important; }
.no_bor { border: 0 none !important; }
.flt_lt { float: left; }
.flt_rt { float: right; }
.linewrapper { display: inline-block; }
.finnamyl_cnt p img { margin: 31px 0; }
/* reset.css ends here */
body { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; color: #384a5e; }
.font-sm { font-size: 0.9rem }
.font-sm p { font-size: 0.9rem; line-height: 1.4rem; margin-bottom: 0.8rem }
.h5-to-blue-header h5 { font-size: 1rem !important; text-transform: uppercase; color: #3F77FA; font-weight: bold; margin-bottom: 4px }
/* LayOut Start here */
.container { max-width: 1110px; margin: 0 auto;
    /* border:1px solid red; */
    border-top: 0 none; }
.main_content .container:not(#timeline) > div:not(.recipe) ul { list-style-type: disc; padding-bottom: 29px; }
.main_content .container:not(#timeline) > div:not(.recipe) ul li { margin-left: 20px; line-height:30px }
/* Header starts here */
.wrapper { position: relative; left: 0; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
header { position: fixed; z-index: 8; top: 0; left: 0; width: 100%; transition: transform 0.25s ease-in-out; }
.head_main { position: relative; padding: 90px 0 30px 0; }
.logo { display: block; float: left; left: 0; position: relative; transition: left 0.25s ease-in-out; }
.sticky .logo { margin: 0; }
.logo a { display: block; margin: 0; padding: 0; }
.logo a img { display: block; margin: 0; padding: 0; }
/* Navigations */
nav { display: block; float: right; margin-top: 27px; padding: 0; }
.sticky nav { margin-top: 39px; }
nav ul li { display: block; float: left; margin: 0 0 0 30px; }
nav ul li a { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; line-height: 22px; display: block; padding: 0 2px; letter-spacing: 0.4px; text-transform: uppercase; color: #ffffff; transition: color 0.25s ease-in-out; border-bottom: 5px solid transparent; }
nav ul:not(.dropdown) > li > a:hover, 
nav ul li:has(li.current) > a { border-bottom: #3f77fa 5px solid; }
body:not(.sticky) nav ul li:has(li.current) > a { color: #ffffff; }
nav ul li a:focus { color: #ffffff; }

nav ul li:has(ul) { position: relative }
nav ul li:has(ul):hover ul.dropdown { display: block !important; }
nav ul li ul.dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left;
    min-width: 160px; padding: 5px 0; margin: 0; list-style: none; font-size: 15px; text-align: left;
    background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;
}
nav ul.dropdown > li { margin-left: 0; padding-top: 3px }
nav ul.dropdown > li > a { padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }
nav ul.dropdown > li.current { background: #3f77fa; width: 100%; }
nav ul.dropdown > li.current > a { color: white; }

.caret { display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 2px; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.blockanchor {
    position: relative;
    top: -86px;
}

.wrapper.language-fi .hideFi {
	display: none;
}

.wrapper.language-en .hideEn {
	display: none;
}

.slick-prev,
.slick-next { width: 40px; height: 40px; }

.slick-prev,
.slick-prev:hover,
.slick-prev:focus { background: url('/site/templates/images/prev.png'); left: -75px; background-size: cover; }
.slick-next,
.slick-next:hover,
.slick-next:focus { background: url('/site/templates/images/next.png'); right: -100px; background-size: cover; }

.slick-prev::before,
.slick-next::before { content: ''; }

.headerwrapper {
    background-color: transparent;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
 }
.logo img.black { display: none; }
.Recipe .logo img.black { display: block; }
.sticky .head_main { padding: 10px 0 !important; }
.sticky header { box-shadow: 0 2px 2px rgba(0,0,0,0.3); }
.sticky.retracted header {box-shadow: none;}
.sticky .headerwrapper { background-color: white; }

.sticky .headerwrapper:after {content: "";width: 0;height: 108%;background: white;position: absolute;right: 0;box-shadow: -2px -2px 1px rgba(0,0,0,0.3);top: 0; transition: all 0.25s ease-in-out; }
.sticky.open .headerwrapper:after {width: 350px;}
/* .sticky .head_main header {margin: 5px 0;} */
.headerwrapper > .container { z-index: 20; position: relative; }

.head_main,
.Finnamyl .head_main,
.Recipe .head_main { padding-top: 35px; padding-bottom: 15px; }
.sticky nav ul li a { color: #384a5e; }
.sticky .logo img.black { display: block; }
.sticky .logo img.white { display: none; }
.retracted header { transform: translateY(-100%); }

#button-wrapper { position: relative; padding-top: 7%; height: auto; }
.gradient { background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(255,255,255,0)); position: absolute; left: 0; width: 100%; height: 100%; z-index: auto; top: 0; bottom: 0; right: 0; }
/* Adbanner */

.advert {display: block; background: #ffffff; position: relative; height: 80px; background: #f3f4f6; margin: 1em 0 1em 0;}
.subgallery { overflow:hidden; height: 80px; position: relative;}
.scroller {position: absolute; top: 0; left: 0; height: 100%; animation: slideshow 60s linear infinite; transform: translate3d(0, 0, 0);}
.scroller li {float: left; list-style: none;}
.scroller li a img {max-height: 150px; display: block; min-width:150px;}
.scroller li a {white-space: nowrap; display: flex; min-width: 100vw;}
.scroller li a:hover {text-decoration: none;}
.scroller li a p {text-align: left; display: inline-block; color: #000000 !important; margin: 0 1em 0 1em; font-size: 16px; display: block;}
@keyframes slideshow {
    0% { left:0; }
    100% { left: -100%; }
}

.videoblock {
    background-color: #3f77fa;
    color: white;
}
.videoblock > .container {
    overflow: hidden;
}

/* Header Ends here */
.banner { position: relative; display: block; background-size: cover; }
.banner .bg-opacity { height: 785px; padding: 0; background-color: rgba(0, 0, 0, 0.3); }
.banner figure { display: block; }
.banner1 .bg-opacity { height: 410px !important; }
.banner figure img { display: block; width: 100%; }
.banner_in { position: absolute; top: 50%; left: 0; width: 100%; padding: 5vw 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.banner_cnt { display: block; margin: 0 auto; }
.Front .banner_cnt {max-width: 70%; margin-left:0; margin-right: 0;}
.Front .banner_in {top: 44%;}
.banner_cnt h1 { padding: 0 0 26px 0; color: #ffffff; }
.banner_cnt p { font-size: 22px; line-height: 30px; letter-spacing: 0.5px; color: #ffffff; }
.banner_cnt1 h1 { padding: 0 0 21px 0; }
.Finnamyl .banner_cnt p { font-weight: 600; }
.banner_in1 { padding: 0; top: auto; bottom: 82px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
/* Main content starts here */
.protirn_main { display: block; }
.protirn { position: relative; padding: 32px 0 70px 0; }
.protirn h2 { padding: 0 0 62px 0; text-align: center; }
.protirn_cnt { float: left; width: 60%; }
.protirn_cnt p { margin: 0 0 1em 0; }
.protirn_cnt ul { display: inline-block; }
.protirn_cnt ul li { margin: 0 0 42px 0; }
.protirn_cnt h4 { padding: 0; color: #3f77fa; margin-top: 1.2em; margin-bottom: 0.25em;}
.potato { position: absolute; right: -91px; bottom: 125px; display: inline-block; width: calc(40% + 91px); }
.potato figure { display: block; }
.potato figure img { display: block; }
/* Banner block starts here */
.block-banner { position: relative; display: block; background-size: cover; }
.block-banner figure img { display: block; width: 100%; height: 499px; object-fit: cover; }
.block-in .button-wrapper a { background: #273f6f; }
.banner-cont { position: absolute; top: 17px; right: 0; left: 0; width: 100%; max-width: 630px; margin: 0 auto; text-align: center; }
.banner-cont p { font-weight: 600; }
.banner-in { position: relative; left: 0; width: 100%; text-align: center; color: #ffffff; }
.banner-in h1 { font-size: 46px; margin: 0 0 1em 0; }
.banner-in p { font-size: 22px; margin: 0 0 2em 0; color: #ffffff; }
.button-wrapper a,
.button { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; display: inline-block; padding: .5em 2em; margin: 14px auto 0 auto; text-align: center; text-transform: uppercase; color: #ffffff; background: #3f77fa; }
.button-wrapper a:hover,
.button:hover { transform: scale(1.1); text-decoration: none !important; }
.button a {color: white !important;}
.button > a > span {display: inline-block;}
.button a:hover {text-decoration: none !important;} 
.bg-opacity { padding: 5vw 0; background-color: rgba(0, 0, 0, 0.5); }
/*Banner block ends here */
.dessert_blk { background: #3f77fa; position: relative; }
.dessert { margin: 0 -13px; padding: 69px 0 40px 0; }
.delicious { float: none; width: 50%; padding: 0 13px; flex: 0 0 auto; height: auto;}
.delicious_in { background: #ffffff; height: 100%; -webkit-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); -moz-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); }

.delicious_in .facebook-image {padding-bottom: 55%;background-size: cover;}
.delic_cnt { padding: 33px 30px; background: #ffffff; }
.delic_cnt span { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; line-height: 18px; display: block; padding: 0 0 10px 0; letter-spacing: 0.3px; }
.delic_cnt p { font-size: 16px; line-height: 1.4em; padding: 0 0 31px 0; max-height: 100px; overflow: hidden; position: relative;}
.delic_cnt p:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0) 45%, rgba(255,255,255,1) 90%);}
.delic_cnt a { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; line-height: 18px; margin: 10px 0 0 2px; color: #3f77fa;display:block;}
.recipe_blk { background: #f3f4f6; }
.recipe { padding: 46px 0 65px 0; }
.recipe h2 { padding: 0 0 26px 0; text-align: center; }
.recipe p { padding: 0 0 41px 0; text-align: center; }
.recipe ul { font-size: 0; display: block; }
.recipe ul li { width: 31%; }
.category { display: block; width: 100%; height: 256px; position: relative; background-size: cover; }
/* .recipe ul li h3 {position: absolute;bottom: -15%;left: 45%;margin-right: -50%;transform: translate(-50%, -50%);} */
.recipe ul li a { position: relative; display: block; }
.recipe ul li a img { display: block; }
/* .recipe ul li a h3 { color: #ffffff; position: absolute;top: 85%;left: 50%;margin: 0;margin-right: -50%;transform: translate(-50%, -50%);} */
.carousel ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_blk { position: relative; margin: -276px 0 0 0; }
.product_in { overflow: hidden; padding: 170px 0 0 0; }
.product { margin: 0; background: #3f77fa; }
.prod_list { position: relative; height: auto;}
.prod_view { display: block; }
.prod_view figure { position: absolute; bottom: 21px; left: 95px; display: block; }
.prod_view figure img { display: block; }
.prod_cnt {padding: 40px 10px 40px 374px; display: flex; flex-direction: column;height: 100%; justify-content: space-around;}
.prod_cnt .prod_cont_wrapper {flex: 0 1 auto;}
.prod_cnt h3 { padding: 0 0 13px 0; color: #ffffff; }
.prod_cnt p { padding: 0 5vw 10px 0; color: #ffffff; max-width: 100%; }
.slick-slide { outline: none; }
.Front .slick-track {display: flex; align-items: stretch;}
.Front .slick-slider {flex: 0 1 auto; height: auto;}
.register { display: block; float: right; text-align: right; }
.register > a { display: block; margin: 0 0 10px 0; }
.register > a img { display: block; }

.main_content a {color: #3f77fa;}
.main_content a:hover {text-decoration: underline;}

.register ul li { margin-bottom: 0.3em; }
.register ul li a { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; color: #3f77fa; letter-spacing: 0.2px; }
.slick-dots li { width: 13px; height: 13px; margin: 0 0 0 8px; }
.slick-dots li button { width: 13px; height: 13px; border: 1px solid #636761; border-radius: 100%; background: transparent; }
.slick-dots li.slick-active { border-radius: 100%; background: #646861; }
.slick-dots li button:before { display: none; }
.slick-dots { top: -45px; right: 3px; bottom: auto; left: auto; width: auto; }
.product_blk .slick-list { overflow: inherit; }
.banner_cnt1 { text-align: center; }
/* mainoslohko */
.ad.crop_cnt { float: left; width: 70%;}
.ad.crop_view {width: 25%;}
/* inner1 content starts here */
.pic-left .crop_cnt { float: right; }
.pic-left .crop_view { float: left; }
.image-inside-text .crop_cnt { width: 100%; }
.image-inside-text .crop_view { margin: 10px 0 2vw 2vw; }
.pic-left.image-inside-text .crop_view { margin: 10px 2vw 2vw 0; }
.crop_blk.color { background: #f3f4f6; }
.minneapolis.color { background: #3f77fa; color: white; }
.minneapolis.color a { color: white; }
.crop { margin: 88px 0 57px 0; }
.color .crop { padding: 66px 0 36px 0; }
.crop_cnt { float: left; width: 48%; }
.crop_cnt.col-lg { width: 65%; }
.crop_cnt h3 { padding: 0 0 32px 0; }
.crop_cnt h4 { font-size: 22px; margin-bottom: 9px; }
.crop_cnt p { padding: 0 0 29px 0; }

/* .crop_cnt a { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 700; line-height: 18px; margin: 0 0 0 2px; color: #3f77fa; } */
.crop_view { float: right; width: 48.7%; margin: 10px 0 0 0; text-align: center;}
.crop_view.col-sm { width: 33%; }
.crop_view img {max-width: 100%; max-height: 100%; height: auto; width: auto;}
.crop_view figure {max-width: 100%; max-height: 100%;}
.smallimage .crop_view figure {max-width: 400px; height: 300px;}
.smallimage .crop_view {max-width: 400px; height: 300px;}

.minneapolis { display: block; }
.polis { display: block; padding: 63px 0 62px 0; text-align: center; }
.polis h2 { padding: 0; }
.polis p { font-size: 22px; line-height: 30px; padding-top: 34px; }
.farming { padding: 0 0 50px 0; }
.farming figure { margin: 0 0 21px 0; }
.farming ul { font-size: 0; display: block; margin: 0 -15px; }
.farming ul li { display: inline-block; width: 33.3%; padding: 0 15px; vertical-align: top; }
.farm { display: block; padding-top: 50px; }
.farm h1 { font-size: 30px; font-weight: 700; line-height: 35px;
    ; padding: 0 0 5px 0; color: #3f77fa; }
/* Block products start here */
.helmi-logo { margin-bottom: 1.2em; }
.block-products { padding: 0 0 60px 0; }
.block-products.color { background: #f3f4f6; }
.block-in { height: auto; padding: 35px; }
.block-in .button-wrapper { padding-top: 15px; }
.block-products li { background: #3f77fa; }
/* .block-in h3 {margin-top: 3vw;} */
/* .block-in p:last-of-type {margin-bottom: 4vw;} */
.block-products ul { display: flex; justify-content: space-between; text-align: center; color: #ffffff; }
.block-products li { width: 31%; }
.polis1 { padding: 63px 0 51px 0; }
.time_main { display: block; }
.time_blk { background: #3f77fa; }
.time_blk > .container {padding: 0 !important;}
.tabs_wrap { padding: 70px 0 74px 0;  overflow: hidden;}
.tabs_wrap ul { display: flex; margin: 0 -25px;}
.tabs_wrap ul li { flex: 0 0 auto; padding: 0; }
.tabs_wrap ul li a { font-size: 22px; font-weight: 600; line-height: 36px; padding: 5px 33px; cursor: pointer; color: #d2dcfe; }
#timeline {overflow: hidden; padding: 0;}
.time_cnt {float: left; width: 1110px;}
.time_cnt_main { background: #f3f4f6; }
.time_cnt_in { display: block; position: relative; }
.tab_content { padding: 54px 0 120px 0; display: flex; align-items: center; justify-content: center; }
.years { position: relative; }
.years:after { position: absolute; right: 0; bottom: -22px; left: 0; width: 0; height: 0; margin: 0 auto; content: ''; border-top: 24px solid #3f77fa; border-right: 24px solid transparent; border-left: 24px solid transparent; }
.tab_view { float: left; width: 50%; }
.tab_cnt { float: left; width: 50%; padding: 50px 0 0 16px; }
.tab_cnt.nopic { float: none; width: auto; padding: 50px 0 0 0; }
.tab_cnt h3 { padding: 0 0 21px 0; }
.tab_cnt h5 { font-weight: 400; padding: 0 0 5px 0; }
.tab_cnt.nopic p { max-width: 100%; padding: 0 7vw; }
.tab_cnt.nopic h3 { text-align: center; }
.tabs_wrap ul li.active a { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-weight: 700; color: #ffffff; }
/* inner1 content ends here */
/* inner2 content starts here */
.finnamyl_blk { padding: 89px 0 31px 0; }
.finnamyl_cnt { float: left; width: 35%; }
.finnamyl_cnt li { margin-bottom: 1em; }
.finnamyl_cnt ul :last-child { margin-bottom: 0; }
.finnamyl_cnt h3 { padding: 0 0 31px 0; }
.finnamyl_cnt p { display: block; }
.finnamyl_cnt p a { font-weight: 400; display: block; color: #3f77fa; }
.finnamyl_cnt h5,
.finnamyl_cnt strong { font-weight: 600; padding: 0 0 5px 0; }
#google_maps { float: right; width: 65%; height: 454px; }
#google_maps a { display: block; }
#google_maps a img { display: block; }
.staff_blk { padding: 0; background: #f3f4f6; }
.staff { padding: 79px 0 79px 0; }
.form h2,
.staff h2 { padding: 0 0 34px 0; text-align: center; }
.staff p { font-size: 22px; line-height: 30px; padding: 0 0 57px 0; text-align: center; }
.staff_details {margin: 1em -15px 0 -15px;}
.staff_details ul {display:block; width: 100%; margin: 0 15px; width: calc(25% - 30px);}
.staff_details h2 {font-weight: 600; margin: 0 0 0 21px; font-size: 16px; padding: 0; text-align: left;}
.staff_details ul li { display: block; margin: 0 0 30px 0; padding: 0; position: relative; }
.staff_details ul li.header {margin: 0;}
.staff_list { -webkit-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); -moz-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); background: #ffffff;}
.staff_list figure { display: none !important; }
.staff_list figure img { display: block; }
.staff_cnt { width: auto; padding: 26px 21px 32px 21px }
.staff_cnt h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; padding: 0 0 9px 0; letter-spacing: 0.1px; margin: 1em 0 0 0;}
.staff_cnt small { font-size: 12px; line-height: 14px; display: block; padding: 0 0 7px 0; text-transform: uppercase; }
.staff_cnt p { font-size: 14px; line-height: 16px; color: #384a5e; text-align: left; padding: 0; margin: 0;}
.staff_cnt p a { color: #384a5e; }
/* uusi henkilökunta-lohko */
.staff_2023 .staff_details ul { display:block; width: 100%; margin: 0 15px; }
.staff_2023 .staff_details ul + ul { margin-top: 30px; }
.staff_2023 .staff_details ul li:not(.header) { display: inline-block; width: 24%; vertical-align: top; margin: 20px 0 15px 0; }
.staff_2023 .staff_details ul li.header h2 { font-size: 1.4em; }
.staff_2023 .staff_list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; min-height: 0 !important; }
.staff_2023 .staff_cnt { padding: 0 21px; }
.staff_2023 .staff_cnt p { font-size: 1em; line-height: 1.4em; }
.staff_2023 .staff_cnt p.strong { font-weight: bold; }
/* inner2 content ends here */
/* inner4 content starts here */
.Recipe header { position: static; }
.Recipe.sticky header { position: fixed; }
.Recipe #nav-icon span { background: #384a5e; }
.Recipe nav ul li a { position: static; color: #384a5e; }
.recipe_main { padding: 35px 0 0 0; background: #f3f4f6; }
.order_blk { margin: 0 0 41px 0; padding: 56px 50px 61px 64px; background: #ffffff; -webkit-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); -moz-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); text-align: left;}
.order { float: left; width: 42%; }
.order_view { display: block; margin: 0 0 40px 0; padding: 8px 0 0 0; }
.order_view a { display: block; }
.order_view a img { display: block; }
.ingredients p { text-align: left; }
.ingredients h3 { padding: 0 0 33px 0; }
.ingredients ul { margin: 0 0 30px 0;  display: block; width: auto;}
.ingredients ul li { display: block; }
.ingredients ul li h5 { font-weight: 400; padding: 0 0 5px 0; }
.ingredients ul li p { display: block; }
.ingredients ul li p span { float: left; width: 120px; }
.ingredients ul li p em { float: left;width: calc(100% - 120px); overflow-wrap: break-word;}
.order_cnt { float: right; width: 54%; padding: 0 15px 0 17px; }
.broiler { padding: 0 0 88px 0; }
.broiler h2 { padding: 0 0 25px 0; letter-spacing: 0.6px; }
.broiler p { font-size: 22px; line-height: 1.6em; }
.valmistus h3 { padding: 0 0 34px 0; }
.valmistus p { padding: 0 0 30px 0; }
.valmistus ul { padding: 32px 0 0 0; }
.valmistus ul li { float: left; margin: 0 13px 0 0; }
.valmistus ul li a { display: block; }
.valmistus ul li a img { display: block; }
.tryit { position: relative; }
.tryit h2 { padding: 0 0 52px 0; text-align: center; }
.tryit ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex;
    /* Safari 6.1+ */
    display: flex;
    /* Safari */
    -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }
.tryit ul li { display: inline-block; margin: 0 0 2vw 0; padding: 0 15px; width: 25%; }
.try_list { -webkit-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); -moz-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); }
.try_list figure { display: block; }
.try_list figure img { display: block; width: 100%; height: 180px; object-fit: cover;}
.try_list a:hover {text-decoration: none;}
.try_cnt { padding: 10% 21px 20% 21px; background: #ffffff; }
.try_cnt p { font-size: 22px; line-height: 24px; padding: 0 0 10px 0; color: #384a5e; }
/* inner4 content ends here */
/* inner3 content ends here */
.reseptit_main { background: #f3f4f6; }
.reseptit { display: block; margin: -43px 0 0 0; }
.products { position: relative; z-index: 1; padding: 0; background: #ffffff; -webkit-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); -moz-box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); box-shadow: 0 0 8.5px 3.5px rgba(56, 74, 94, 0.1); }
.prod_in { max-width: 1029px; margin: 0 auto; padding: 43px 0 18px 0; }
.prod_list ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex;
    /* Safari 6.1+ */
    display: flex;
    /* Safari */
    -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; justify-content: space-between; }
.prod_list ul li { display: inline-block; width: 32%; }
.prod_list ul li a { position: relative; display: block; }
.prod_list ul li a img { display: block; -webkit-box-shadow: 2px 2px 6px 2px #edeff0; -moz-box-shadow: 2px 2px 6px 2px #edeff0; box-shadow: 2px 2px 6px 2px #edeff0; }
.prod_list ul li a:hover h3,
.prod_list ul li a.active h3,
.recipe ul li a:hover h3 { background: rgba(63, 119, 250, 0.8); }

.prod_list ul li h3,
.recipe ul li a h3 { position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding: 19px 0 17px 22px; color: #ffffff; }
.isotope { padding: 31px 0 20px 0; text-align: center; }
.isotope ul { display: block; margin: 0 0 20px 0; }
.isotope ul li { display: inline-block; padding: 0 14px; }
.InputfieldForm button,
button,
.link-button,
.isotope ul li a,
.loadMoreRecipes { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; line-height: 40px; display: block; height: 40px; color: #ffffff; background: #3f77fa; text-align: center; padding: 0 2em; outline: none; border: none;}
.link-button.reverse { background: white; color: #3f77fa !important; }
.InputfieldForm button {font-size: 16px; line-height: 34px; height: 34px; text-transform: inherit;}
.loadMoreRecipes { bottom: 0; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); position: absolute; text-transform: uppercase; }
.InputfieldForm button:hover,
.InputfieldForm button:active,
.link-button:hover,
.link-button:active,
.loadMoreRecipes:hover,
.loadMoreRecipes:active,
.isotope ul li a:hover,
.isotope ul li a.active { background: #384a5e; text-decoration: none !important; cursor: pointer;}
.isotope ul.iso { margin: 20px; }

#swipebox-overlay {background-color: rgba(0,0,0,0.6); }

button,
.isotope ul.iso li a,
.link-button { font-size: 16px; line-height: 34px; height: 34px; text-transform: inherit; }
.link-button { display: inline-block; color: white !important; margin: 1em 0; background: #3f77fa; text-align: center; font-family: 'Source Sans Pro', sans-serif; }
.isotope_list { padding: 40px 0 30px 0; }
.lodmore:hover { color: #ffffff; background: #384a5e; }
.lodmore:focus { color: #ffffff; }
/* inner3 content ends here */
/* Block-picgallery starts here */
.block-picgallery { position: relative; display: block; }
.image_container { position: relative; overflow: hidden; }
.image_container img { transition: transform 1s ease; }
.image_container figure:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: opacity 1s ease; opacity: 0; background: black; }
.image_container:hover figure::after { opacity: 0.5; }
.image_container:hover img { transform: scale(1.1); }
.side_bar { position: fixed; top: 0; right: -350px; overflow-y: auto; width: 350px; height: 100%; padding: 0; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); text-align: center; background: #ffffff; }
.side_bar ul { padding-top: 95px; }
#nav-icon { position: absolute; top: 0; right: 0; display: none; width: 30px; height: 35px; cursor: pointer; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: 32px; }
#nav-icon span { position: absolute; left: 0; display: block; width: 100%; height: 5px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; border-radius: 9px; background: #ffffff; }

.sticky #nav-icon span { background: #384a5e; }

.InputfieldForm input[type="text"], .InputfieldForm input[type="password"], .InputfieldForm input[type="date"], .InputfieldForm input[type="datetime"], .InputfieldForm input[type="datetime-local"], .InputfieldForm input[type="month"], .InputfieldForm input[type="week"], .InputfieldForm input[type="email"], .InputfieldForm input[type="number"], .InputfieldForm input[type="search"], .InputfieldForm input[type="tel"], .InputfieldForm input[type="time"], .InputfieldForm input[type="url"], .InputfieldForm input[type="color"], .InputfieldForm select, .InputfieldForm textarea {
    outline: none;
    border: 1px solid #b7b7b7;
    font-family: 'Open Sans', sans-serif;
}

.FormBuilder, .InputfieldForm, .InputfieldForm input, .InputfieldForm textarea, .InputfieldForm select, .InputfieldForm button, .ui-widget {
    font-family: 'Open Sans', sans-serif;
}

.playbutton {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 5;
    background-position: center center;
    background-size: contain;
    background-image: url("/site/templates/images/play.svg");
    transform: translate(-50%, -50%);
}

.FormBuilder a {color: #3f77fa; font-size: 16px;}

.InputfieldMarkup label.InputfieldHeader,
.InputfieldCheckbox label.InputfieldHeader {display: none;}

.Recipe.open #nav-icon { right: -250px; }
#nav-icon span:nth-child(1) { top: 0; }
#nav-icon span:nth-child(2) { top: 11px; }
#nav-icon span:nth-child(3) { top: 22px; }
.open #nav-icon span:nth-child(1) { top: 13px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.open #nav-icon span:nth-child(2) { left: -60px; opacity: 0; }
.open #nav-icon span:nth-child(3) { top: 13px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
/* Main content ends here */
/* FOOTER HERE */
.ft_top_main { display: block; }
.ft_top { padding: 2vw 0 19px 0; }
.inspecta { float: left; }
.inspecta ul { display: inline-block; }
.inspecta ul li { display: inline-block; margin: 0 29px 0 0; vertical-align: bottom; }
.inspecta ul li img { display: block; margin: 0 auto; }
.ft_bt_main { background: #3e77fa; }
.ft_bt { padding: 18px 0 18px 0; }
.ft_bt address { float: left; }
.ft_bt address p { font-size: 12px; line-height: 14px; color: #ffffff; }
.ft_bt address p a { color: #ffffff; }
.copy_rights { float: right; font-family: 'Source Sans Pro', sans-serif; }
.copy_rights p { font-size: 12px; line-height: 14px; color: #ffffff; float: left; font-weight: 500; }
.copy_rights a { color: #ffffff; }
/* inputs feilds */

.language-link a { border: solid 1px white; border-radius: 50%; border-width: 1px !important; width: 2em; height: 2em; line-height: 2em; text-align: center; display: inline-block; margin-top: -1em; }
.language-link a:hover {border-color: #3f77fa;}

.mobilesomeicons {display: none;}

.someicons { display: flex; justify-content: center; padding-bottom: 30px; }
.someicons a { display: block; margin: 0 0.3em;}

.painikkeet { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; gap: 2rem; }
.painikkeet .painike { flex-basis: cacl(33% - 2rem); }
.painikkeet .painike a { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 1rem; }
.painikkeet .painike img { display: block; }

.ravintosisalto { width: 100%; display: flex; flex-flow: row nowrap; }
.ravintosisalto .dots { border-bottom: 2px dotted grey; margin: 0 4px; flex-grow: 1; height: 1.2rem; }
.ravintosisalto div:not(.dots) { font-size: 0.9rem; padding: 2px 0; }
.ravintosisalto .full { font-size: 1rem !important; text-transform: uppercase; color: #3F77FA; font-weight: bold; }
.ravintosisalto .left {  }
.ravintosisalto .right { text-align: right; }
.ravintosisalto + .ravintosisalto .full { margin-top: 20px; }
.taulukko { margin-bottom: 30px }

.cols { display: flex; flex-flow: row nowrap; gap: 4%; }
.col-half { width: 48% }

/**responsive **/
@media(max-width:1400px) { .slick-prev,
    .slick-prev:hover,
    .slick-prev:focus { left: -45px; }

    .slick-next,
    .slick-next:hover,
    .slick-next:focus { right: -45px; } }

@media(max-width:1340px) { .potato { position: static; right: 0; width: 45%; }
    .protirn_cnt { width: 55%; }
	.scroller {animation: slideshow 50s linear infinite;}
	
    .tabs_wrap ul { margin: 0; }
    .staff > p br { display: none; }
    .order_blk { margin: 0 0 40px 0; padding: 40px 30px 40px 30px; }
    .order_cnt { width: 56%; padding: 0 10px 0 10px; }
    .tryit ul { font-size: 0; margin: 0 -10px; }
    .tryit ul li { /*! width: 25%; */ padding: 0 10px; }
    .try_list figure img { width: 100%; }
    .banner_cnt p br { display: none; }
    .banner_cnt1 { padding: 0; }
    .prod_in { padding: 35px 0 18px 0; }
    .reseptit { margin: -35px 0 0 0; }
    .prod_list ul li { width: 33.3%; padding: 0 10px; }
    .prod_list ul { font-size: 0; margin: 0 -10px; } }
@media(max-width:1270px) { .slick-prev,
    .slick-prev:hover,
    .slick-prev:focus { display: none !important; }

    .slick-next,
    .slick-next:hover,
    .slick-next:focus { display: none !important; } }
@media(max-width:1240px) {
    .banner .bg-opacity { height: 65vw; }
    .container { max-width: 100%; padding: 0 5%; }
    .protirn_cnt ul li { margin: 0 0 20px 0; }
    .tabs_wrap { text-align: center; }
    .tabs_wrap ul { font-size: 0; }
    /* .staff_details ul li { width: 33.3%; } */
    .staff_list figure img { width: 100%; }
    .broiler { padding: 0 0 80px 0; }
    .prod_in { padding: 43px 40px 18px 40px; }
    .block-in h3 { font-size: 29px; }
    /* .banner .bg-opacity { height: 50vw; } */
    .banner_in { top: 45%; }
    .banner_in1 { top: 40%; } }

@media(max-width:1140px) {
	.scroller {animation: slideshow 40s linear infinite;}
	#button-wrapper { padding-top: 10%; }
    h1 { font-size: 50px; line-height: 52px; }
    .banner_cnt p { font-size: 20px; line-height: 28px; }
    .inspecta ul li {padding: 0 5px;flex-basis: 18%;}
    .inspecta ul {display: flex; row-gap:1rem; column-gap:0.3rem; width: 540px;justify-content: space-between;}
    .inspecta ul li { margin-right: 10px; margin: 0; flex: 0 1 auto; display: flex; flex-direction: column; justify-content: flex-end;}
    .inspecta ul li img {flex: 0 0 auto; max-width: 100%; height: auto;}
    .crop_cnt h3 { padding: 0 0 20px 0; }
    .crop { margin: 80px 0 50px 0; }
    .farming ul { margin: 0 -10px; }
    .farming ul li { padding: 0 10px; }
    #google_maps { width: 60%; }
    .tryit h2 { padding: 0 0 50px 0; }
    .try_cnt { padding: 7% 15px 20% 15px; }
    .try_cnt p { font-size: 20px; line-height: 22px; }
    .prod_view figure { bottom: 20px; left: 65px; width: 180px; }
    .prod_cnt { padding-left: 310px; }
    .product_in { padding: 120px 0 0 0; }
    .product_blk { margin: -240px 0 0 0; }
    nav ul li { margin: 0 22px 0 22px; }
    .banner_in1 { top: 50%; }
    .banner1 figure img { min-height: 280px; object-fit: cover; }
    .logo { float: none; margin-bottom: 20px; }
    .sticky .logo { float: left; }
    .sticky nav { float: right; text-align: left; }
    .logo a img { margin: 0 auto; }
    nav { float: none; text-align: center; }
    nav ul li { display: inline-block; float: none; }
    .button-wrapper a { width: 133px; }
    .block-in { text-align: left; background: #3f77fa; }
    .block-products ul { flex-direction: column; }
    .block-products li { width: 100%; padding: 0; padding-bottom: 4vw; background: none; }
    .block-products li:last-child { padding-bottom: 0; }
    .prod_list ul li h3,
    .recipe ul li a h3 {font-size: 30px;}
    .time_cnt {width: 980px; }
    .staff_details ul {width: calc(33% - 30px);}
	.staff_2023 .staff_details ul li:not(.header) {width: 32%;}
}

@media(max-width: 991px) {
    .side_bar ul.dropdown { padding-top: 0}
    .side_bar ul.dropdown li a { padding-left: 45px}
    .inspecta ul {width: 650px;margin: 0 auto;}
    #button-wrapper { padding-top: 10%; }
    .recipe ul li { width: 100%; height: auto; padding-bottom: 4vw; }
    .category { height: auto; padding-bottom: 35vw; background-position: center; }
    .prod_list .category { padding-bottom: 19vw; }
    .prod_list ul li h3 { font-size: 3vw;}
    .farming ul li { width: 48%; }
    .banner-in h1 { font-size: 40px; }
    h2 { font-size: 42px; line-height: 44px; }
    h3 { font-size: 32px; line-height: 36px; }
    h4 { font-size: 28px; line-height: 30px; }
    .protirn_cnt { width: 50%; }
    .potato { width: 50%; }
    .protirn h2 { padding: 0 0 50px 0; }
    .protirn { padding: 30px 0 60px 0; }
    .recipe { padding: 40px 0 50px 0; }
    .recipe ul li a h3 { font-size: 30px; }
    .tabs_wrap ul li a { font-size: 20px; }
    .inspecta {display: block;float: none;padding: 0 0 3vw 0;text-align: center;}
    .inspecta ul {justify-content: space-between;}
    .inspecta ul li { margin: 0; padding: 0 15px;}
    .register { display: block; padding: 10px 0 10px 0; text-align: center; float: none; }
    .register > a { display: block; float: none; margin: 0 auto 20px auto; }
    .register > a img { margin: 0 auto; }
    .ft_top { padding: 30px 0 15px 0; }
    .crop { margin: 70px 0 40px 0; }
    .polis p { padding-top: 30px; }
    .polis { padding: 60px 0 60px 0; }
    .farm h5 { font-size: 20px; line-height: 22px; }
    .tab_cnt { padding: 15px 0 0 15px; }
    .tab_content { padding: 50px 0 80px 0; }
    .tab_cnt h3 { padding: 0 0 10px 0; }
    #google_maps a { margin: 0; }
    .finnamyl_cnt ul li { margin: 0 0 20px 0; }
    .staff { padding: 70px 0 40px 0; }
    .order_view { margin: 0 0 35px 0; }
    .ingredients h3 { padding: 0 0 30px 0; }
    .tryit h2 { padding: 0 0 40px 0; }
    .tryit h2 { padding: 0 0 40px 0; }
    .try_cnt { padding: 10% 21px 10% 21px; }
    .try_cnt p { font-size: 20px; line-height: 22px; min-height: 54px; }
    .tryit ul { font-size: 0; margin: 0 -10px; }
    .tryit ul li { width: 33.33%; padding: 0 10px; }
    .prod_cnt { padding: 35px 10px 40px 300px; }
    .prod_slider .slick-dotted.slick-slider { margin-bottom: 15px; }
    .product_blk { margin: -180px 0 0 0; }
    .product_in { padding: 80px 0 0 0; }
    .prod_view figure { bottom: 30px; left: 62px; width: 170px; }
    .prod_list ul li { padding: 0 5px; }
    .prod_list ul { margin: 0 -5px; }
    .recipe ul li a h3 { font-size: 4vw; line-height: normal; padding: 15px 0 15px 15px; top: 80%; left: 50%; transform: translate(-50%, -50%); padding: 0; width: auto; }
    .isotope ul li { padding: 0 10px; }
    .register .contactpagelink.second {display: block;}
    .register .contactpagelink,
    .register .facebooklink {display: none;}
    .mobilesomeicons {display: block; margin-top: 1em;}
    .mobilesomeicons .facebooklink {display: inline-block; float: none;}
    .time_cnt {width: 920px; }

    .head_main,
    .Finnamyl .head_main,
    .Recipe .head_main { padding: 10px 0; }
    .open .wrapper { left: -350px; }
    .open .overlay { visibility: visible; opacity: 0.6; }
    .side_bar ul li { position: relative; padding: 0; }
    .language-link a {width: auto; height: auto; margin-top: 0; border-radius: 0;}
    nav { display: none; }
    #nav-icon { display: block; margin-top: 23px;}
    .open .side_bar {right: 0; visibility: visible; opacity: 1; box-shadow: -2px 0 2px rgba(0,0,0,0.3); }
    .open .logo { left: -350px; }
    .logo { margin: 0; float: left; }
    .logo a { display: block; }
    .logo a img { height: auto; margin-right: auto; margin-left: 0; width: 150px; }
    .nav_main { float: right; padding: 28px 0 20px 10px; }
    .side_bar ul li a { font-size: 18px; line-height: 36px; display: block; padding: 5px 5px 5px 25px; color: #384a5e; text-align: left;    font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-transform: uppercase;}
    .side_bar ul li a:hover { color: #ffffff; background: #4e8dcb; }
    /* .banner_in {padding: 5vw 0; position: relative; transform: none; top: auto;} */
    .open #nav-icon span { background: #4e8dcb; }
    .banner1 .bg-opacity { height: 40vw !important; }
    .banner_in1:has(*>.button) { top: 30%; }
    .open #nav-icon span { background: #4e8dcb; }
    #nav-icon span {height: 4px;}
    #nav-icon span:nth-child(2) { top: 10px; }
    #nav-icon span:nth-child(3) { top: 20px; }
}

@media(max-width:930px) {
	.scroller {animation: slideshow 30s linear infinite;}
	.finnamyl_blk { padding: 5vw 0; }
    #google_maps,
    .finnamyl_cnt { width: 100%; }
    .finnamyl_cnt { text-align: center; padding: 5vw 0; }
    #google_maps { padding-bottom: 5vw; }
    .Front .banner_cnt {max-width: none;}
    .protirn_cnt { display: block; float: none; width: 100%; padding: 0 0 15px 0; }
    .potato { display: block; float: none; width: 100%; margin-top: 2vw; }
    .protirn h2 { padding: 0 0 30px 0; }
    .protirn { padding: 20px 0 40px 0; }
    .potato figure img { margin: 0 auto; width: 400px;}
    .time_cnt {width: 850px; }
}

@media(max-width:860px) {
    /* .sticky .logo { float: none; } */
    p {font-size: 16px; line-height: 1.6em; }
    .main_content .container:not(#timeline) ul li { font-size: 16px; line-height: 1.6em }
    .polis p {font-size: 18px; line-height: 1.4em;}
    .block-in h3 { padding-bottom: 1.2em; }
    .dropdown > a { display: block; }
    .prod_cnt {padding-left: 200px;}
    .prod_view figure {bottom: 12px; left: 50px; width: 110px;}
    .prod_cnt h3 {padding-bottom: 0;}
    .prod_cnt p {display: none;}
    .product_in { padding: 120px 0 0 0; }
    .try_cnt p {font-size: 16px; line-height: normal;min-height:0; padding-bottom: 0;}
    .isotope { padding: 25px 40px 18px 40px; }
    .isotope ul.iso li a,
    .isotope ul li a {width: auto; padding: 0 11px 0 11px;}
    .time_cnt {width: 755px; }
    .staff_details ul {width: calc(50% - 30px);}
	.staff_2023 .staff_details ul li:not(.header) {width: 49%;}
}

@media(max-width:767px) {
    .inspecta ul li img { margin: 0 auto; }
    .inspecta ul {font-size: 0;margin: 0 -5px;flex-wrap: wrap;width: auto;justify-content: center;}
    .inspecta ul li {margin: 0 0 10px 0;padding: 0 5px;flex-basis: 16%; margin-right: 0;}
    .image-inside-text .crop_view {margin-left: 0;}
    .isotope_list { padding: 5vw 0; }
    .try_cnt { padding: 7% 15px; }
    .try_list figure img { height: 30vw; }
    .prod_list ul li { width: 100%; padding-bottom: 2vw; padding-left:0; padding-right: 0;}
    .link-button { width: 100%; }
    .ft_bt address { float: none; margin-bottom: 1vw; }
    copy_rights { float: left; }
    .register ul,
    .register ul li { float: none; }
    .register ul li { margin: 1vw 0; }
    .copy_rights { display: block; margin: 0; float: none; }
    .copy_rights p { float: none; margin: 0; }
    .register { float: none; }
    .ft_bt { text-align: center; }
    .product_blk { margin: -140px 0 0 0 ; }
    h1 { font-size: 42px; line-height: 44px; }
    .banner-in h1 { font-size: 36px; }
    h2 { font-size: 36px; line-height: 38px; }
    h3 { font-size: 28px; line-height: 30px; }
    h4 { font-size: 24px; line-height: 26px; }
    .main_content .container:not(#timeline) ul { padding-bottom: 20px }
    .logo,
    .crop_cnt h4 { font-size: 20px; margin-bottom: 5vw; }
    .inspecta { padding: 2vw 0; }
    .block-in { padding: 5vw; }
    .block-banner .bg-opacity { padding: 10vw 0; }
    .banner-in { padding: 0; }
    .banner-in p { font-size: 20px; margin: 0 0 1em 0; }
    .dessert { margin: 0 -5px; padding: calc(5vw + 13px) 0; }
    .delic_cnt p { padding: 0 0 15px 0; }
    .delic_cnt span { padding: 0 0 15px 0; }
    .recipe h2 { padding: 0 0 20px 0; }
    .recipe p { padding: 0 0 30px 0; }
    .recipe p br { display: none; }
    .recipe ul { flex-direction: column; }
    /* .recipe ul li a h3 { bottom: 20px; left: 20px; } */
    .recipe { padding: 30px 0 40px 0; }
    .recipe img { width: 100%; height: 35vw; object-fit: cover; }
    .ft_top { padding: 5vw 0; }
    .inspecta ul li {margin: 0;}
    .tabs_wrap { padding: 60px 0 50px 0; }
    .pic-left .crop_cnt,
    .crop_cnt { display: block; float: none; width: auto; text-align: left; }
	.ad.crop_view figure {max-width: 35%; max-height: 35%; margin: 0 auto; }
    .pic-left .crop_view,
    .crop_view { display: block; float: none; width: auto; margin: 0 0 40px 0; }
    /* .crop_view figure img { width: 100%; height: 50vw; object-fit: contain; } */
    .crop { margin: 5vw 0; }
    .smallimage .crop_view {max-width: 100%; height: auto;}
    .smallimage .crop_view figure {max-width: none; height: auto; }
    .crop_blk .container { padding: 5vw 5% 2.5vw 5%; }
    .crop_cnt p { padding: 0 0 20px 0; }
    .polis p { padding-top: 20px; }
    .polis { padding: 40px 0 40px 0; }
    .farming { padding: 30px 0 20px 0; }
    .farming ul { margin: 0; }
    .farming ul li { width: 100%; margin: 0 0 15px 0; padding: 0; }
    .farming figure img { width: 100%; }
    .farming figure { margin: 0 0 10px 0; }
    .helmi-logo { margin-bottom: 0.7em; width: 125px; }
    .tab_view { display: block; float: none; width: 100%; }
    .tab_view figure img { width: 100%; }
    .tab_cnt { display: block; float: none; width: 100%; padding: 10px 0 10px 0 !important; }
    .tab_cnt h3 { padding: 0 0 15px 0; }
    .tab_cnt p { max-width: 100%; }
    .tab_content { padding: 40px 0 30px 0; }
    .finnamyl_cnt { display: block; float: none; width: 100%; }
    #google_maps { display: block; float: none; width: 100%; padding-top: 20px; }
    .finnamyl_cnt h3 { padding: 0 0 20px 0; }
    .staff { padding: 60px 0 30px 0; }
    .staff > p { font-size: 20px; line-height: 28px; padding: 0 0 20px 0; }
    .staff h2 { padding: 0 0 30px 0; }
    .order_blk { margin: 0 0 20px 0; padding: 20px; }
    .order { display: block; float: none; width: 100%; margin-bottom: 2em;}
    .order_view { display: block; float: none; width: 100%; margin: 0 0 20px 0; padding: 0; }
    .order_view a,
    .order_view img { width: 100%; }
    .ingredients h3 { padding: 0 0 20px 0; }
    .order_cnt { display: block; float: none; width: 100%; padding: 0; }
    .broiler_responsive { display: block !important; padding-bottom: 5vw; }
    .broiler_responsive h2 { padding: 0 0 20px 0; }
    .broiler { display: none; }
    .valmistus h3 { padding: 0 0 20px 0; }
    .valmistus p { padding: 0 0 20px 0; }
    .valmistus ul { padding: 20px 0 0 37.5%; }
    .tryit h2 { padding: 0 0 30px 0; }
    .tryit ul { font-size: 0; margin: 0 -8px; }
    .tryit ul li { width: 50%; margin: 0 0 20px 0; padding: 0 8px; }
    .product_in { padding: 110px 0 0 0; }
    /* .product_blk { margin: -170px 0 0 0; } */
    .prod_slider .slick-dotted.slick-slider { margin-bottom: 20px; }
    .recipe_main { padding: 20px 0 0 0; }
    .banner_cnt h1 { padding: 0 0 5px 0; }
    .banner_cnt p { font-size: 16px; line-height: 20px; padding-top: 5px; }
    .banner .bg-opacity { height: 55vw; }
    .Front .banner_in,
    .banner_in { top: 50%;}
    .banner_cnt1 { padding: 0; }
    .prod_in { padding: 3vw 3vw 0 3vw; }
    .isotope ul { margin: 0 0 15px 0; }
    .isotope { padding: 3vw; }
    .block-products { padding: 5vw 0; }
    /* .polis { padding-top: 0 !important; } */
    .farm { padding-top: 0; }
    .prod_list ul li h3 { font-size: 6vw; padding-right: 22px; text-align: center;}
    body.tempreseptit .banner1 .bg-opacity {height: 48vw !important;}
    .isotope ul li a {text-transform: none; font-sizE: 16px; line-height: 34px; height: 34px;}
    .time_cnt {width: 580px; }
	.cols { flex-flow: column }
	.cols > * { width: 100% }
	.cols > :not(:first-child) { margin-top: 20px; }
	.col-sm, .col-lg { width: 100% !important }
}

@media(max-width:599px) {
	.scroller {animation: slideshow 20s linear infinite;}
    #button-wrapper { padding-top: 15%; }
    h1 { font-size: 34px; line-height: 36px; }
    .banner_in h1 { font-size: 30px; padding-bottom: 0.5em;}
    .banner_in { top: 60%; }
    h2 { font-size: 32px; line-height: 36px; }
    h3 { font-size: 24px; line-height: 26px; }
    h4 { font-size: 22px; line-height: 24px; }
    .logo { position: relative; top: 0; left: 0; margin-right: 0; transform: none; }
    .staff_list { width: auto; }
    .protirn h2 { padding: 0 0 15px 0; }
    .protirn { padding: 10px 0 20px 0; }
    .protirn_cnt ul li { margin: 5vw 0; }
    .protirn_cnt ul :last-child { margin-bottom: 0; padding-bottom: 0; }
    .delicious { display: block; float: none; width: 100%; margin: 0 0 15px 0; }
    .delic_cnt span { padding: 0 0 10px 0; }
    .dessert { padding: 15px 0 10px 0; }
    .recipe h2 { padding: 0 0 15px 0; }
    .ingredients ul li h5 {font-size: 18px;}
    .recipe p { padding: 0 0 20px 0; }
    .recipe ul li a img { width: 100%; }
    .recipe { padding: 30px 0 30px 0; }
    .tabs_wrap { padding: 40px 0 30px 0; }
    .polis p { padding-top: 15px; }
    .polis { padding: 6vw 0 6vw 0; }
    .farming { padding: 5vw 0; }
    .tab_content { padding: 30px 0 20px 0; }
    .ft_bt address { display: block; float: none; padding: 0 0 10px 0; }
    .staff { padding: 5vw 0; }
    .staff h2 { padding: 0 0 20px 0; }
    .finnamyl_cnt ul li { margin: 0 0 12px 0; }
    .staff_cnt { padding: 15px; }
    .staff_details .separator {margin-left: 3vw;}
	.staff_2023 .staff_details ul { margin: 0; }
	.staff_2023 .staff_details ul li:not(.header) {width: 99%;}
	.staff_2023 .staff_details li.header h2 { text-align: center; margin-left: auto; }
    .staff_2023 .staff_details .staff_cnt p { text-align: center; }
    .banner .bg-opacity { height: 65vw; }
    #nav-icon { margin-top: 18px; transform: scale(0.7); }
    .sticky #nav-icon { margin-top: 19px; }
    .order_view { margin: 0 0 15px 0; }
    .ingredients h3 { padding: 0 0 15px 0; }
    .broiler_responsive h2 { padding: 0 0 15px 0; }
    .broiler_responsive { padding: 0 0 30px 0; }
    .valmistus h3 { padding: 0 0 15px 0; }
    .valmistus p { padding: 0 0 15px 0; }
    .valmistus ul { padding: 10px 0 0 0; }
    .broiler_responsive p { font-size: 20px; line-height: 24px; }
    .order_blk { padding: 15px; }a
    .ingredients ul li h5 { font-size: 20px; line-height: 22px; }
    .tryit h2 { padding: 0 0 20px 0; }
    .product_blk { margin: -80px 0 0 0; }
    .product_in { padding: 60px 0 0 0; }
    .product_in .slick-dots { top: -35px; }
    .prod_slider .slick-dotted.slick-slider { margin-bottom: 15px; }
    .prod_view figure { bottom: 12px; left: 40px; width: 80px; }
    .prod_cnt { padding: 25px 10px 25px 150px; }
    .banner figure img { min-height: 320px; object-fit: cover; }
    .banner1 figure img { min-height: 230px; object-fit: cover; }
    .banner_cnt { text-align: center; }
    .banner_in1 { top: 45%; }
    .banner_in1:has(*>.button) { top: 35%; }

    .prod_list ul { margin: 0; }
    .prod_list ul li a img { width: 100%; }
    .reseptit { margin: -30px 0 0 0;}
    .isotope { padding: 5px 0 5px 0; }
    .isotope ul { margin: 0 0 10px 0; }
    .Reseptit .try_cnt p { min-height: auto; }
    .banner1 .bg-opacity { height: 50vw !important; min-height: 300px }

    .prod_list ul li h3, .recipe ul li a h3 {font-size: 6vw;}
    .time_cnt {width: 460px; }
    .inspecta ul li {flex-basis: 15%;}
	.ad.crop_view figure {max-width: 40%; max-height: 40%; }

    .finnamyl_cnt { text-align: center; padding: 10vw 0; }
    #google_maps { padding-bottom: 10vw; }
    .staff { padding: 10vw 0; }
    .delic_cnt {padding: 20px;}
}

@media(max-width:479px) {
    #button-wrapper { padding-top: 17%; }
    .try_cnt { position: relative; padding: 10vw 0 5vw 0; }
    .try_cnt p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; line-height: 1em; }
    .try_list figure img { height: auto; }
    .banner_in { position: relative; padding: 30vw 0vw 110px 0vw !important; transform: none; top: 0; }
    body.tempreseptit .banner1 .bg-opacity,
    .banner .bg-opacity { height: auto !important; padding: 60px 0;}
    h1 { font-size: 28px; line-height: 30px; }
    .container { padding: 0 5%; text-align: center; }
    .form {text-align: left;}
    .staff_details ul { width: calc(100% - 30px); text-align: center;}
    .staff_cnt p {text-align: center;}
    .staff h2 {text-align: center; margin-left: auto;}
    .tryit ul li { display: block; width: 100%; min-height: auto; }
    .product_blk { margin: -60px 0 0 0; }
    .prod_cnt {text-align: left;}
    .product_blk .container {padding: 0;}
    .product_in .slick-dots { top: auto; position: static; padding-bottom: 30px; }
    .product_in .slick-dots li button {border-color: white;}
    .product_in .slick-dots li.slick-active {background-color: white;}
    .prod_view {margin-top: 20px;}
    .prod_view figure {position: static; bottom: auto; left: auto; margin: 0 auto;}
    .prod_cnt {display: block; padding: 10px 0 20px 0; height: auto; text-align: center;}
    .reseptit { margin: -150px 0 0 0;}
    body.tempreseptit .banner_in {padding: 18vw 0vw 26vw 0vw !important;}
    .isotope ul.iso,
    .isotope ul {display: inline; margin: 0;}
    .isotope ul li {margin-bottom: 10px;}
    .crop { margin: 10vw 0; }
    .crop_blk .container {padding: 0 5%;}
    .time_cnt {width: 380px; }
    .inspecta ul li {flex-basis: 18%;}

    .staff_list {min-height: 0 !important;}
}

@media(max-width:400px) {
    #button-wrapper { padding-top: 21%; }
    .try_cnt { padding: 10vw 0; }
    body.tempreseptit .banner_in {padding: 12vw 0vw 31vw 0vw !important;}
    .pic-left .crop_view, .crop_view {margin-top: 20px; margin-bottom: 20px;}
    .time_cnt {width: 300px; }
    .staff_details {margin-top: 0;}
	.scroller {animation: slideshow 10s linear infinite;}
	
}