.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 0.2;
background-color: #ffffff;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
.lazy-loaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1 !important;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}#wpadminbar {
background: #3c3c3c;
}
body {
background-color: #f1f3f6;
}
.et_pb_row {
max-width: 1080px;
max-width: 1080px !important;
}
.dipl-text-wrapper-inner.dipl_clipping_text {
background-color: #2a2f31;
}  .mejs-container {
background-color: transparent !important;
}
.home-video-bg-fill.et_pb_section, .video-solid-bg-black-inner {
max-height: 80vh;
min-height: 85vh;
padding: 0 !important;
border-radius: 0 0 3vw 3vw;
}
.home .home-hero.et_pb_section {
border-radius: 0 0 0 0 !important;
background-color: transparent !important;
}
.home .home-hero .et_pb_section_video_bg {
border-radius: 0 0 3vw 3vw;
}  #top-menu-nav {
width: 100%;
}
#main-header {
background-color: #000;}
#top-menu {
justify-content: space-between;
display: flex;
margin: auto;
}
#top-menu-nav a {
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
}
#et-top-navigation, .logo_container {
text-align: left;
}
.et_header_style_centered #top-menu>li>a
{
padding-bottom: 1em;
}
.et-fixed-header .logo_container {
margin-top: 5px;
margin-bottom: 0px;
}
#top-menu > li > a, .sub-menu > li > a {
color: #fff !important;
} 
.et-fixed-header #top-menu > li > a, .et-fixed-header .sub-menu > li > a {
color: #fff !important;
} 
.et-fixed-header #top-menu li.menu-item.current-menu-item > a, .et-fixed-header #top-menu li.menu-item.current-menu-parent > a {
color: #fff !important;
} 
.et-fixed-header #top-menu > li > a {
padding-bottom: 1em;
}
#top-menu {
white-space: nowrap;
}
#top-menu li.current-menu-item > a, #top-menu li.current-menu-parent > a {
font-weight: 900;
}
.sub-menu li {
display: block !important;
}
@media screen and (min-width: 981px) and (max-width: 1727px) {
#top-menu-nav a {
font-size: 1.05vw;
}
}
.menu-item a {
text-transform: uppercase;
}
@media screen and (min-width: 981px) {
#et-top-navigation {
padding-right: 30%;
}
}
.page .entry-content {
box-shadow: 0 -200px 0 #000;
}
.page-id-6 .entry-content {
outline: 0px solid #fff;
} @media screen and (min-width: 981px) {
.home #page-container {
margin-top: -86px !important;
}
.home .et_builder_inner_content.et_pb_gutters3 {
margin-top: 192px !important;
}
.home.et_header_style_centered #main-header .logo_container {
height: 100px !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.home.et_header_style_centered #main-header.et-fixed-header .logo_container {
height: 70px !important;
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.home .logo_container img {
margin-left: -3px;
min-height: 100px;
}
.home .et-fixed-header .logo_container img {
margin-left: -3px;
min-height: 40px;
}
.safari .logo_container img {
margin-left: -4px;
}
}
@media screen and (max-width: 980px) {
.home #page-container {
padding-top: 62px !important;
}
}  .home .logo_container { 
transform-origin: 30% 20% !important;
-webkit-transform-origin: 30% 20% !important;
animation: zoomin 0.9s;
-webkit-animation: zoomin 0.9s;
-moz-animation: zoomin 0.9s;
-ms-animation: zoomin 0.9s;
transform: scale(0,0);    
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0); 
-ms-transform: scale(0,0); 
opacity: 0;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
} 
@-webkit-keyframes zoomin {
100% {
-webkit-transform: scale(1,1);
opacity: 1;
}
}
@keyframes zoomin {
100% {
transform: scale(1,1);
-moz-transform: scale(1,1); 
-ms-transform: scale(1,1); 
opacity: 1;
}
} @media screen and (min-width: 1024px) and (max-width: 1024px) {
.home .logo_container { 
-webkit-transform: scale(1,1); 
opacity: 1;
}
.home .logo_container img { 
-webkit-animation-name: fadeIn; 
-webkit-animation-duration: .4s; 
-webkit-animation-delay: 0; 
-webkit-animation-timing-function: ease-in-out; 
-webkit-animation-iteration-count: 1;
animation-name: fadeIn; 
animation-duration: .4s; 
animation-delay: 0; 
animation-timing-function: ease-in-out; 
animation-iteration-count: 1; 
}
}    .sfm-navicon-button {
top: 0 !important;
margin-top: 4px;
margin-right: 10px;
}
.sfm-navicon:before {
width: 44%;
}
.sfm-sidebar-close {
float: right;
margin-right: 10px;
z-index: 9999999999;
}
.sfm-sidebar-close {
display: block !important;
}
.sfm-view.sfm-view-level-custom {
display: none !important;
}
@media screen and (min-width: 981px) {
.sfm-rollback, #sfm-sidebar, #sfm-overlay-wrapper {
display: none !important;
}
}
#sfm-sidebar .sfm-menu li a {
text-transform: uppercase !important; 
letter-spacing: 1px !important;
font-size: 16px !important;
color: #fff !important;
padding: 20px 0 !important;
}
.sfm-menu-level-0 {
margin-left: 40px !important;
}
.sfm-active-class a, .single-post .sfm-menu-item-1141833 a {
font-weight: bold !important;
}  .home-hero h1 {
font-size: 130px;
margin-left: -5px;
}
h3, .et_pb_column_1_3 h3 {
font-weight: 800;
font-size: 52px;
line-height: 1.2em;
}
.palvelut-links-big-text a {
color: #3b4856;
transition: all 0.3s;
}
.palvelut-links-big-text a:hover {
color: #fff;
background-color: #3b4856;
}
@media screen and (min-width: 981px) {
.single-post h1 {
font-size: 100px;
margin-left: -4px;
margin-top: 40px;
}	
.single-post.et_full_width_page #left-area h1 {
font-size: 64px;
line-height: 1.05em;
}
p {
font-size: 24px;
line-height: 1.8em;
}	
.big-text p {
font-size: 41px;
line-height: 1.4em;
}
.palvelut-links-big-text.big-text.four-col p {
font-size: 30px;
}
.palvelut-links-big-text p {
line-height: 1.8em;
}
.palvelut-row p {
line-height: 1.6em;	
}
.palvelut-sivu-section-header h2, .palvelut-sivu-section-header h3 {
font-size: 65px !important;
margin-top: 5vh;
}
.palvelut-sivu-section-header .big-text p {
font-size: 30px !important;
}
.palvelut-sivu-split h2, .palvelut-sivu-split h3 {
font-size: 60px !important;
line-height: 1em;
}
.palvelut-sivu-split p, .palvelut-sivu-section-header-below p {
line-height: 1.6em;
}
.palvelut-sivu-split .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row {
padding-bottom: 0 !important;
}
p.pp-author-boxes-description.author-description-0 {
font-size: 16px !important;
}
}
@media screen and (min-width: 981px) and (max-width: 1279px) {
.single-post h1 {
font-size: 80px;
margin-left: -4px;
margin-top: 40px;
hyphens: manual;
}	
.single-post.et_full_width_page #left-area h1 {
font-size: 64px;
}
}
.palvelut-sivu-heading-tags p {
margin-bottom: 0px;
}
.palvelut-sivu-section-header {
max-height: 100% !important;
margin-top: 0 !important;
}
.palvelut-sivu-section-header .et_pb_row {
padding-bottom: 0 !important;
}
.palvelut-sivu-split h3, .palvelut-sivu-section-header-below h3, .palvelut-sivu-bullets.full-width-text h3 {
font-weight: 500 !important;
margin-bottom: 10px !important;
}
.palvelut-sivu-section-header-below h3 {
max-width: 900px;
}
.single-post h3 {
font-weight: 300;
}  .dipl-text-wrapper-inner.dipl_clipping_text p {
display: none !important;
}  @media screen and (min-width: 981px) {
.palvelut-row {
width: 100vw;
max-width: 100vw !important;
display: flex;
justify-content: center;
}
.palvelut-col-first {
width: 42vw !important;
margin: 0 !important;
margin-left: 10vw !important;
}
.palvelut-col-p {
width: 36vw !important;
margin: 0 !important;
}
.et_pb_row .palvelut-col-last.et_pb_column.et-last-child {
width: 2vw !important;
margin: 0 !important;
margin-right: 10vw !important;
}
}
@media screen and (min-width: 1620px) {
.palvelut-col-first {
width: 650px !important;
margin-left: 0 !important;
}
.palvelut-col-p {
width: 520px !important;
}
.et_pb_row .palvelut-col-last.et_pb_column.et-last-child {
width: 130px !important;
margin-right: 0 !important;
}
}
.etusivu-palvelut {
z-index: 9;
margin-top: -1px;
}
.et_pb_section_video_on_hover, .et_pb_section_video_on_hover:hover, .et_pb_background_pattern, .et_pb_background_pattern:hover {
transition: all 500ms ease !important;
}
@media screen and (max-width: 980px) {
.palvelut-row h2 {
font-size: 50px !important;
}
}
.etusivu-data-iq-video-bg .mejs-container {
background: transparent;
}  @media screen and (min-width: 981px) and (max-width: 1400px) {
.section-right-3 .et_pb_column_1_3 {
padding-right: 0;}
}
.img-split-section .et_pb_column_1_2, .img-split-section  .et_pb_column_2_3 {
margin-right: 0 !important;
}
.img-div-right-half, .img-div-right-3 {
min-height: 100vh;
}
@media screen and (max-width: 767px) {
.img-div-right-half, .img-div-right-3 {
width: 100vw;
min-height: 50vh;
}
.img-split-section .et_pb_column.et-last-child {
padding-bottom: 0 !important;
}
.img-split-section .et_pb_row {
height: auto !important;
}
}
@media screen and (min-width: 768px) {
.img-split-section .et_pb_column_1_2 {
width: 50% !important;
}
.img-div-right-half {
width: 50vw;
}
.module-img-div-right-half {
position: absolute !important;
top: 0;
bottom: 0;
}
}
@media screen and (min-width: 981px) {
.img-split-section .et_pb_row {
width: 80%;
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
.col-left-1-3 {
padding-right: 5% !important;
}
.img-div-right-3 {
width: 50vw;
min-height: 100vh;
}
.img-split-section .et_pb_row {
overflow: hidden;
}
}
.img-split-section .et-last-child {
padding-bottom: 0 !important;
position: initial;
}  @media screen and (max-width: 980px) {
.etusivu-data-iq-video-bg .mejs-mediaelement {
text-align: center;
}
}
.etusivu-data-iq-video-bg .mejs-mediaelement video {
max-width: 80vw !important;
}
.mejs-controls {
display: none !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
.mejs-button.mejs-playpause-button.mejs-pause, .mejs-button, .mejs-time, .mejs-time-rail {
display: none !important;
opacity: 0 !important;
font-size: 0 !important;
}  .svg-iq {
max-width: 90vw;
}
.svg-delay-code {
position: absolute !important;
margin-top: -310px !important;
margin-left: 470px;
opacity: 0.8;
z-index: -1;
}
.svg-delay {
width: 580px;
height: 181px;
}
.svg-anim-code {
margin-top: 100px !important;
margin-top: 80px;
}
@media screen and (min-width: 1310px) {
.svg-iq {
width: 520px;
}
}  .home-hero h1, .home-hero h4 {
text-shadow: rgba(17,34,55,0.5) 0px 0 40px;
}
.home-hero {
background: #000 !important;
min-height: 85vh;
}
.subpage-hero {
min-height: 50vh;
margin-top: -1px;
}
.subpage-hero .et_pb_row {
padding-bottom: 0 !important;
}
.one-row-hero .subpage-hero-heading {
padding-top: 13vh;
margin-bottom: 20px !important;
} @media screen and (max-width: 500px) {
.home-hero-heading {
max-width: 320px;
}
}
@media screen and (min-width: 501px) {
.home-hero-heading {
max-width: 500px;
}
}
@media screen and (min-width: 768px) {
.home-hero-heading {
max-width: 700px;
}
}
@media screen and (min-width: 981px) {
.home-hero-heading {
max-width: 790px;
}
}
@media screen and (min-width: 1310px) {
.home-hero-heading {
max-width: 790px;
}
.subpage-hero-heading {
max-width: 100%;
}
}
@media screen and (min-width: 1880px) {
.home-hero-heading {
max-width: 790px;
}
}   @media screen and (min-width: 981px) {
h2 {
font-size: 80px;
}
.single-post #left-area p {
line-height: 1.65em;
}
}
h2 {
font-weight: 300;
padding-bottom: 0 !important;
margin-bottom: 42px !important;
}
.single-post #left-area h2, .archive.author h2, .archive.category h2 {
font-size: 48px;
margin-top: 30px;
line-height: 1.2em;
}
.single-post #left-area h3 {
font-size: 40px;
font-weight: 800;
margin-top: 30px;
line-height: 1.3em;
margin-bottom: 42px !important;
background: -webkit-linear-gradient(45deg, #005f7e, #ff6000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.single-post #left-area p {
font-weight: 300;
color: #2a2f31;
}
.single-post #left-area a {
font-weight: 500;
color: #de5400;
}
.single-post #left-area .author a, .single-post #left-area .author {
color: #2a2f31;
}
.dipl-text-wrapper-inner.dipl_clipping_text {
margin-bottom: 42px !important;
padding-bottom: 10px !important;
}
.home-section-1 .et_pb_row, .subpage-section-1 .et_pb_row {
padding-bottom: 0 !important;
}
.subpage-section-1-heading-only .et_pb_row {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.subpage-section-1-heading-only .dipl-text-wrapper-inner.dipl_clipping_text {
margin-bottom: 0px !important;
}
.home-cta-h h2 {
margin-bottom: 0px !important;
}
p {
margin-top: 0 !important
} .et_pb_team_member_description h4 {
font-size: 21px;
padding-bottom: 6px;
}
p.et_pb_member_position {
font-size: 14px !important;
text-transform: uppercase;
color: #666;
font-weight: 500;
}
.et_pb_team_member_image {
max-width: 100%;
}
@media screen and (min-width: 501px) and (max-width: 980px) {
.team-grid-row .et_pb_column {
width: 32%;
margin-right: 2%;
}
.team-grid-row .et_pb_column.et-last-child {
margin-right: 0 !important;
}
.et_pb_team_member_image {
margin-right: 0 !important;
}
.et_pb_team_member_description h4 {
font-size: 16px;
}
p.et_pb_member_position {
font-size: 11px !important;
}
.contact-puh, .contact-sposti {
font-size: 11px !important;
}
}  @media screen and (min-width: 981px) {
.data-iq-table-heading {
min-height: 150px;
}
}
.data-iq-table p {
font-size: 20px !important;
line-height: 1.1em !important;
text-align: left;
font-weight: 500;
}
.data-iq-table-text {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px !important;
}
.data-iq-table .et_pb_column {
padding-bottom: 70px;
}
.data-iq-table.et_pb_row {
padding-bottom: 0;
border-radius: 2vw 2vw 2vw 2vw;
}
.data-iq-table-last-item-empty {
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}   #page-container {
padding-top: 86px !important;
margin-top: -1px !important;
}
.et_header_style_centered #main-header .logo_container {
height: 70px;
margin-top: 5px;
margin-bottom: 0px;
}
@media screen and (min-width: 1400px) {
.subpage-hero.subpage-first .et_parallax_bg, .subpage-hero.subpage-parallax-enabled .et_parallax_bg, .home-footer-cta .et_parallax_bg, .data-iq-page-parallax .et_parallax_bg, .palvelut-sivu-section-header .et_parallax_bg {
background-attachment: fixed !important;
}
}
@media screen and (min-width: 981px) {
.logo_container img {
margin-left: -3px;
min-height: 40px;
}
.et-fixed-header .logo_container img {
min-height: 40px;
}
.safari .logo_container img {
margin-left: -4px;
}
.home .home-hero-heading .et_pb_text_inner {
min-height: 306px;
}
.et_pb_row, .et_pb_column {
padding-top: 0 !important;
}
.et_pb_section.img-split-section {
padding-bottom: 0px !important;
}
.home-hero.et_pb_section {
padding-top: 15vh !important;
padding-bottom: 15vh !important;
}
.et_pb_section {
padding-top: 10vh !important;
padding-bottom: 10vh !important;
}
.home-section-1 {
padding-top: 10vh !important;
}
.subpage-section-1 {
padding-top: 10vh !important;
padding-bottom: 10vh !important;
}
.etusivu-data-iq-video-bg {
padding-top: 15vh !important;
}
.home-hero.subpage-hero.et_pb_section {
padding-top: 10vh !important;
padding-bottom: 15vh !important;
}
.etusivu-tiimi .et_pb_button, .etusivu-tiimi .et_pb_button_module_wrapper {
margin-bottom: 0 !important;
}
.etusivu-tiimi .et_pb_row {
padding-bottom: 0 !important;
}
.etusivu-palvelut-heading-row {
margin-bottom: 0 !important;
padding-bottom: 10vh !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
margin-bottom: 7vh !important;
}
.big-text {
margin-bottom: 0 !important;
}
.etusivu-palvelut {
padding-bottom: 0 !important;
}
.img-split-section {
padding-top: 0 !important;
}
.footer-cta {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.img-split-section .col-left-half {
padding-top: 12vh !important;
margin-bottom: 12vh !important;
padding-right: 5%;
}
.team-grid-row-3 {
margin-top: 10vh;
} .home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section {
padding-top: 6vh !important;
padding-bottom: 8vh !important;
min-height: 0;
}
.palvelut-sivu-section-header-below {
padding-top: 6vh !important;
padding-bottom: 6vh !important;
}
.palvelut-sivu-split .col-left-half {
padding-top: 6vh !important;
margin-bottom: 6vh !important;
}
.palvelut-sivu-split .module-img-div-right-half {
max-width: 640px;
}
.palvelut-sivu-split p:last-child {
padding-bottom: 0 !important;
}
.palvelut-sivu-bullets {
padding-top: 8vh !important;
}
.et_pb_section.img-split-section.palvelut-sivu-split {
margin-bottom: 12vh !important;
} .img-split-section .et-last-child {
padding-bottom: 0 !important;
}
.svg-anim-code {
margin-top: 11vh !important;
}
.palvelut-row:last-child .palvelut-col-p {
margin-bottom: 0 !important;
}
.palvelut-row {
padding-top: 27px !important;
padding-top: 27px !important;
}
}
@media screen and (min-width: 1200px) {
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below, .et_pb_section.img-split-section.palvelut-sivu-split {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row, .et_pb_section.img-split-section.palvelut-sivu-split .et_pb_row {
width: 90%;
}
}
.et_pb_button {
margin-top: 50px;
}
.home-hero .et_pb_button {
margin-top: 30px;
}
.footer-cta .et_pb_button {
margin-top: 35px;
}  .fancy-heading-intro h2 {
line-height: 1.4em !important;
}
@media screen and (max-width: 980px) { #main-header {
position: fixed !important;
top: 0 !important;
}	
#main-header, #main-header.et-fixed-header {
max-height: 63px;
}
.logo_container {
margin-top: 0 !important;
margin-bottom: 0;
}	
#et-top-navigation {
display: none;
}
.logo_container img {
max-height: 24px !important;
margin-left: -4px;
margin-top: -3px;
}
.et-fixed-header .logo_container {
margin-top: 0;
}
.et_header_style_centered header#main-header.et-fixed-header .logo_container, #main-header {
height: auto;
max-height: 63px;
}
.et_menu_container {
width: 90%;
} .home-hero {
padding-top: 10vh !important;
}
.home .home-hero-heading .et_pb_text_inner {
min-height: 274px;
}
.subpage-hero-heading {
min-height: 0px !important;
}
#et-main-area {
top: 63px !important;
}
.subpage-hero {
margin-top: -44px;
} .home-hero h1 {
font-size: 120px !important;
}
.single-post h1 {
font-size: 60px;
hyphens: manual;
}	
.single-post #left-area h1, .single-post #left-area h2 {
line-height: 1.1em;
}	
h2 {
font-size: 80px !important;
}
p {
font-size: 20px;
line-height: 1.6em;
}
.fancy-heading-intro h2 {
font-size: 80px !important;
}
.fancy-heading-intro h2, .fancy-heading-intro .dipl-text-wrapper-inner {
line-height: 1.4em !important;
margin-bottom: 39px;
margin-top: -15px;
}
.home-footer-cta h2 {
font-size: 60px !important;
}
.et_pb_button {
font-size: 16px !important;
}
.single-post h2, .archive.author h2, .archive.category h2 {
font-size: 52px !important;
margin-top: 40px;
} .svg-iq-trigger {
position: absolute;
margin-top: -70px;
}
.et_pb_row {
width: 90%;
} .et_pb_row, .et_pb_column {
padding-top: 0 !important;
}
.et_pb_section.img-split-section {
padding-bottom: 0px !important;
}
.et_pb_row:last-child, .et_pb_module:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.et_pb_section {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.home-hero {
padding-top: 15vh !important;
}
.subpage-hero {
padding-top: 15vh !important;
}
.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below.et_pb_section, .palvelut-sivu-split.et_pb_section .col-left-half {
padding-top: 60px !important;
padding-bottom: 60px !important;	
margin-bottom: 0 !important;
}
.subpage-section-1 {
padding-top: 60px !important;
}
.img-split-section {
padding-top: 0 !important;
}
.img-split-section .col-left-half {
padding-top: 80px !important;
margin-bottom: 0 !important;
margin-bottom: 80px !important;
padding-left: 5%;
padding-right: 5%;
}
.img-split-section .et-last-child {
padding-bottom: 0 !important;
}
.svg-anim-code {
margin-top: 70px !important;
}
.palvelut-row:last-child .palvelut-col-p {
margin-bottom: 0 !important;
}
.palvelut-row {
padding-top: 50px !important;
}
.etusivu-palvelut-heading-row {
padding-bottom: 70px !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
margin-bottom: 55px !important;
}
.palvelut-sivu-section-header h2, .palvelut-sivu-section-header h3 {
margin-top: 1vh;
}
.palvelut-sivu-bullets {
padding-bottom: 100px !important;
}
.et_pb_section.img-split-section.palvelut-sivu-split {
margin-bottom: 80px !important;
}
.single-post #main-content .container {
width: 90%;
}	
}
@media screen and (max-width: 767px) { .home .home-hero-heading .et_pb_text_inner {
min-height: 187px;
}
.home-hero-heading.et_pb_module {
padding-top: 10vh;
} .home-hero h1 {
font-size: 80px !important;
}
.single-post h1 {
font-size: 50px;
}	
.fancy-heading-intro h2, .fancy-heading-intro .dipl-text-wrapper-inner {
line-height: 0.7em !important;
}
.fancy-heading-intro h2, .palvelut-sivu-section-header h3, .palvelut-sivu-split h3, .archive.author h2, .archive.category h2  {
font-size: 43px !important;
}
.home-hero h4 {
font-size: 18px !important;
}
}
@media screen and (max-width: 500px) { .one-row-hero .subpage-hero-heading {
padding-top: 10vh;
}
.et_pb_section.subpage-hero {
max-height: 60vh;
}
.et_pb_section.product-landing-hero {
max-height: 100vh;
} .home-hero h1 {
font-size: 55px !important;
}
h2 {
font-size: 60px !important;
}
h3 {
font-size: 42px !important;
}
.single-post #left-area h1, .single-post #left-area h2, .archive.author h2, .archive.category h2  {
font-size: 40px !important;
}
.single-post #left-area h3 {
font-size: 32px !important;
}
.home .home-hero-heading .et_pb_text_inner {
min-height: 130px;
}
.home-hero h4 br {
display: none;
}
.footer-cta h2 {
line-height: 1.1em !important;
}
.single-post #left-area h1 {
font-size: 40px;
} .etusivu-data-iq-video-bg .mejs-mediaelement video, .etusivu-data-iq-video-bg .mejs-mediaelement, .etusivu-data-iq-video-bg .mejs-container, .etusivu-data-iq-video-bg .et_pb_section_video {
height: auto !important;
}
.home-data-iq-video-inner {
height: 22vh !important;
}
.etusivu-data-iq-video-bg .et_pb_code {
margin-top: 12px;
margin-bottom: 25px !important;
}
.footer-logo .et_pb_image {
max-width: 50%;
}
} @media screen and (max-width: 388px) {
.single-post #left-area h1 {
font-size: 37px !important;
}
.single-post #left-area h2 {
font-size: 37px !important;
}
}  .et_pb_button, .et_pb_button:hover, .et_pb_module .et_pb_button:hover {
padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
padding-top: 16px;
padding-right: 50px;
padding-bottom: 16px;
padding-left: 32px;
}  .contact-puh {
padding-top: 10px;
}
.contact-puh, .contact-sposti {
font-size: 18px;
font-weight: 300;
padding-bottom: 0;
line-height: 1.4em;
}
.contact-puh a, .contact-sposti a {
color: #3b4856;
}
.contact-puh a:hover, .contact-sposti a:hover {
font-weight: 500;
}
.yhteystiedot-johto-row h3 {
font-size: 24px;
font-weight: 500;
}
.yhteystiedot-johto-titles.et_pb_module {
margin-bottom: 20px !important;
}
.yhteystiedot-johto-row {
margin-top: 20px;
}
.yhteystiedot-yritys-row h3 {
font-weight: 300;
color: #333;
}
.yhteystiedot-yritys-row p {
color: #333;
}
.yhteystiedot-yritys-row {
margin-top: 100px;
}
@media screen and (min-width: 981px) {
.yhteystiedot-yritys-row h2 {
font-size: 60px;
}
}
@media screen and (max-width: 500px) {
.yhteystiedot-johto-row .et_pb_column {
margin-bottom: 50px;
}
}  .footer-cta .et_pb_row {
padding-top: 15% !important;
padding-right: 10% !important;
padding-bottom: 15% !important;
padding-left: 10% !important;
}  .footer-mini-menu-item {
font-size: 15px;
text-transform: uppercase;
}
.f-footer p {
font-size: 16px;
color: #fff;
}
.f-footer a {
font-size: 15px;
font-weight: 500;
color: #fff;
}
.f-footer h6 {
color: #39b1b5 !important;
text-transform: uppercase;
font-weight: 700;
}
.et_pb_section.f-footer.et_section_regular {
background: #191919;
}
.et_pb_section.f-footer.et_section_regular {
background: #000 !important;
}  .palvelut-sivu-section-header.et_pb_section {
border-radius: 3vw 3vw 0 0;
}
.palvelut-sivu-split.et_pb_section {
border-radius: 0 0 3vw 3vw;
}  @media screen and (min-width: 981px) {
.et_menu_container {
max-width: 1300px !important;
}
.et_pb_row {
max-width: 1300px !important;
}
.palvelut-row {
width: 100vw;
max-width: 100vw !important;
}
.fancy-heading-intro {
max-width: 1080px;
}
#rekry .fancy-heading-intro {
max-width: 100%;
}
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section, .palvelut-sivu-section-header-below, .et_pb_section.img-split-section.palvelut-sivu-split {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section .et_pb_row, .palvelut-sivu-section-header-below .et_pb_row, .et_pb_section.img-split-section.palvelut-sivu-split .et_pb_row {
width: 90%;
}
.palvelut-sivu-split .module-img-div-right-half {
max-width: 720px;
}
.etusivu-palvelut-heading-row .big-text {
max-width: 1200px;
}
.svg-iq {
width: 600px;
}
.blog-grid-section p, .blog-grid-section a {
font-size: 20px !important;
}
.blog-grid-section h2 a {
font-size: 30px !important;
line-height: 1.3em;
}
}  #CookiebotWidget {
display: none !important;
}
@media screen and (max-width: 600px) {
#CybotCookiebotDialog :focus-visible {
outline: 0 !important;
}
#CybotCookiebotDialogBodyContent h2, #CybotCookiebotDialogBodyContentTitle {
font-size: 16px !important;
margin-bottom: 10px !important;
}
#CybotCookiebotDialogBodyContentText {
display: none !important;
}
#CybotCookiebotDialog {
bottom: 0 !important;
} 
#CybotCookiebotDialogHeader {
display: none !important;
}
#CybotCookiebotDialogTabContent {
max-height: 80px !important;
margin-top: -20px !important;
}
.CybotCookiebotDialogBodyBottomWrapper {
margin-top: -100px !important;
display: none !important;
}
#CybotCookiebotDialogBodyContent {
margin-top: 20px !important;
padding-top: 5px !important;
}
#CybotCookiebotDialogFooter {
margin-top: -25px !important;
}
#CybotCookiebotDialogNav, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
display: none !important;
}
#CybotCookiebotDialog {
transform: translate(-50%, 90%) !important;
max-height: 25vh !important;
height: 25vh !important;
top: auto !important;
}
#CybotCookiebotDialogFooter {
padding-bottom: 0 !important;
}
}
#CybotCookiebotDialog {
transform: translate(-50%, 0) !important;
bottom: 0 !important;
} 
.CybotCookiebotDialogBodyButton {
background-color: #2c3339 !important;
border-color: #2c3339!important;
}
#CybotCookiebotDialog {
background-color: #d6dde9 !important;
}
#CybotCookiebotDialogNav {
display: none !important;
}
@media screen and (min-width: 601px) and (max-width: 1280px) {
#CybotCookiebotDialog {
display: flex;
height: auto;
max-height: 30vh !important;
max-width: 100vw !important;
min-width: 100vw !important;
padding: 24px;
transition-property: transform, opacity, top;
width: 100vw;
top: 50% !important;
transform: translate(-50%, -25%) !important;
transform: translate(-50%, 80%) !important;
bottom: 0 !important;
}
#CybotCookiebotDialogHeader {
display: none !important;
}
#CybotCookiebotDialogTabContent {
margin-top: -30px !important;
}
#CybotCookiebotDialogBodyContent h2, #CybotCookiebotDialogBodyContentTitle {
font-size: 16px !important;
}
.CybotCookiebotFader.CybotCookiebotDialogActive {
display: none !important;
}
.CybotCookiebotScrollContainer {
position: absolute !important;
}
#CybotCookiebotDialogBodyContentText {
display: none !important;
}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
display: none !important;
}
#CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialogBodyButtonAccept {
width: 25% !important;
}
#CybotCookiebotDialogBodyContentTitle {
margin-bottom: 0 !important;
margin-top: 8px !important;
}
} .single-post #left-area .hentry img {
border-radius: 10px;
}
#left-area .post-meta {
font-size: 0 !important;
line-height: 25px !important;
padding-bottom: 20px !important;
}
#left-area .post-meta .author, #left-area .post-meta .published, #left-area .post-meta a, #left-area .post-meta .comments-number {
font-size: 14px !important;
}
#left-area .post-meta .author:after, #left-area .post-meta .published:after, #left-area .post-meta a:after {
content: '|';
margin-left: 10px;
margin-right: 10px;
color: #2a2f31;
}
#left-area .post-meta a:nth-child(1):after, #left-area .post-meta a:last-child:after {
content: '';
margin-left: 0;
margin-right: 0;
}
.single-post .container:before {
display: none;
}
@media screen and (max-width: 980px) {
.single-post #page-container {
padding-top: 62px !important;
}
}
@media screen and (min-width: 981px) {
.single-post #left-area, .single-post.et_full_width_page #left-area {
width: 86% !important;
padding-right: 5.5%;
}
}
@media screen and (min-width: 1880px) {
.single-post #left-area {
width: 86%;
}
.single-post #main-content .container, .single-post.et_full_width_page #main-content .container {
max-width: 1280px;
}
.single-post h1 {
hyphens: none;
}	
}
.single-post #main-content {
background-color: #f6f8f9 !important;
}
.single-post .main-menu-blog a {
font-weight: 900 !important;
}
.et_pb_post:hover .more-link {
font-weight: 600;
}
.single-post .et_pb_post .entry-content a:hover {
transition: all 0.3s ease;
background-color: #de5400;
border-radius: 3px;
color: #fff !important;
padding-left: 3px;
padding-right: 3px;
margin-left: -3px;
margin-right: -3px;
}
.single-post .et_pb_post .post-meta a:hover {
transition: all 0.2s ease;
font-weight: 700 !important;
} .archive.category #main-content, .archive.author #main-content {
background-color: #e6ebf2;
}
.archive.author #left-area, .archive.category #left-area {
max-width: 700px;
}
.archive.author #left-area:before {
content: 'Fabriq blogi - arkisto';
font-size: 50px;
font-family: 'lexend' sans-serif;
color: #444;
font-weight: 500;
display: block;
min-height: 150px;
line-height: 1.1em;
}
.archive.category #content-area:before {
font-size: 30px;
font-family: 'lexend' sans-serif;
color: #444;
font-weight: 500;
display: block;
min-height: 40px;
line-height: 1.1em;
}
.archive #left-area:before {
font-size: 50px;
font-family: 'lexend' sans-serif;
color: #444;
font-weight: 500;
display: block;
min-height: 140px;
line-height: 1em;
}
.archive.category #content-area:before {
content: 'Kategoria';
}
.archive.category-ai-tekoaly #left-area:before {
content: 'AI - Tekoäly';
}
.archive.category-data-iq #left-area:before {
content: 'Data iQ';
}
.archive.category-microsoft-fabric #left-area:before {
content: 'Microsoft Fabric';
}
.archive.category-teknologia #left-area:before {
content: 'Teknologia';
}
@media screen and (max-width: 767px) {
.archive.category #content-area:before, .archive.author #content-area:before {
font-size: 25px;
min-height: 36px;
}
.archive.author #left-area:before {
font-size: 40px;
}
.archive #left-area:before {
font-size: 40px;
min-height: 115px;
}
}
.archive.category #main-content .container, .archive.author #main-content .container {
padding-top: 130px;	
}
.archive.category #main-content .container:before, .archive.author #main-content .container:before {
display: none;
}
@media screen and (max-width: 980px) {
.archive.category #et-main-area, .archive.author #et-main-area {
margin-top: -50px;
}
}
.archive.category img, .archive.author img {
border-radius: 10px;
}
.post-meta .published {
text-transform: capitalize;
}
.author.vcard a, .pp-author-boxes-name a {
pointer-events: none;
}
.archive .menu-item-1141833 a {
font-weight: 900 !important;
}   .pp-multiple-authors-boxes-ul {
padding-left: 0 !important;
}
.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-author-boxes-avatar img {
border-radius: 6px !important;
}
.pp-author-boxes-name {
font-weight: 500;
}
.pp-author-boxes-avatar {
margin-right: 10px;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-author-boxes-avatar .avatar-image img {
width: 80px !important;
height: 80px !important;
}
}
p.pp-author-boxes-description.author-description-0 {
font-size: 16px !important;
}  .subpage-hero .et_parallax_bg_wrap {
-webkit-animation-duration: .2s normal forwards; 
-webkit-animation-delay: 0; 
-webkit-animation-timing-function: ease-in-out; 
-webkit-animation-fill-mode: both; 
-moz-animation-duration: .2s; 
-moz-animation-delay: 0; 
-moz-animation-timing-function: ease-in-out; 
-moz-animation-fill-mode: both; 
-o-animation-duration: .2s; 
-o-animation-delay: 0; 
-o-animation-timing-function: ease-in-out; 
-o-animation-fill-mode: both; 
-ms-animation-duration: .2s; 
-ms-animation-delay: 0; 
-ms-animation-timing-function: ease-in-out; 
-ms-animation-fill-mode: both; 
animation-duration: .2s; 
animation-delay: 0; 
animation-timing-function: ease-in-out; 
animation-fill-mode: both; 
-webkit-animation-name: fadeIn; 
-moz-animation-name: fadeIn; 
-ms-animation-name: fadeIn; 
-o-animation-name: fadeIn; 
animation-name: fadeIn; 
animation-iteration-count: 1; 
-webkit-animation-iteration-count: 1;
}
.home-hero-content-section {
-webkit-animation-duration: .5s normal forwards; 
-webkit-animation-delay: 0; 
-webkit-animation-timing-function: ease-in-out; 
-webkit-animation-fill-mode: both; 
-moz-animation-duration: .5s; 
-moz-animation-delay: 0; 
-moz-animation-timing-function: ease-in-out; 
-moz-animation-fill-mode: both; 
-o-animation-duration: .5s; 
-o-animation-delay: 0; 
-o-animation-timing-function: ease-in-out; 
-o-animation-fill-mode: both; 
-ms-animation-duration: .5s; 
-ms-animation-delay: 0; 
-ms-animation-timing-function: ease-in-out; 
-ms-animation-fill-mode: both; 
animation-duration: .5s; 
animation-delay: 0; 
animation-timing-function: ease-in-out; 
animation-fill-mode: both; 
-webkit-animation-name: fadeIn; 
-moz-animation-name: fadeIn; 
-ms-animation-name: fadeIn; 
-o-animation-name: fadeIn; 
animation-name: fadeIn; 
animation-iteration-count: 1; 
-webkit-animation-iteration-count: 1;
}  .et_pb_section.img-split-section.palvelut-sivu-split.qtf-split-nomargin {
margin-bottom: 0 !important;
border-radius: 0 0 0 0;
}
.subpage-hero-animated .et_parallax_bg_wrap { 
transform-origin: 30% 20% !important;
-webkit-transform-origin: 30% 20% !important;
animation: zoomin 3s;
-webkit-animation: zoomin 3s;
-moz-animation: zoomin 3s;
-ms-animation: zoomin 3s;
transform: scale(1.8,1.8);    
-webkit-transform: scale(1.8,1.8);
-moz-transform: scale(1.8,1.8); 
-ms-transform: scale(1.8,1.8); 
opacity: 0;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
} 
.qlik-to-fabriq-contact-form .et_pb_button {
margin-top: 0;
}
.et-pb-contact-message p {
color: #fff !important;
font-weight: bold !important;
}
.qtf-miksi-fabriq-header .et_pb_row {
position: absolute !important;
bottom: 60px;
left: 5%;
}
@media screen and (max-width: 660px) {
.landing-cta-button.et_pb_button {
font-size: 13px !important;
letter-spacing: 0 !important;
margin-left: 0 !important;
}
.landing-cta-button {
margin-top: 20px !important;
}
.landing-page-cta-buttons .et_pb_column:first-child {
width: 45% !important;
}
.landing-page-cta-buttons .et_pb_button_1_wrapper {
margin-left: 0 !important;
}
.landing-page-cta-buttons {
margin-top: 30px !important;
}
}
.product-landing-h1 {
padding-top: 0 !important;
}
.dataiq-hero-tag {
margin-top: calc(13vh - 40px);
margin-bottom: 10px !important;
}
.product-landing-hero-content {
margin-bottom: 7px;
}
.landing-page-cta-buttons .et_pb_button {
white-space: nowrap;
transition: 0.3s all !important;
}
.landing-page-cta-buttons .et_pb_button:before {
margin-left: -25px !important;
}
.landing-cta-button-1.et_pb_button:hover, .landing-cta-button-2.et_pb_button:hover {
animation: gelatine 0s;
transform: scale(1.15, 1.15) !important;
transition: 0.3s all !important;
}
@media screen and (max-width: 660px) {
.landing-cta-button-1.et_pb_button:hover, .landing-cta-button-2.et_pb_button:hover {
transform: scale(1.05, 1.05) !important;
}
}
.landing-page-cta-buttons .et_pb_column {
max-width: 280px;
}
.home-hero.subpage-hero.palvelut-sivu-section-header.et_pb_section.product-landing-section-header {
padding-top: 10vh !important;
}
.background-gradient-section {
background: linear-gradient(180deg, rgb(27, 53, 71) 50%, rgba(0, 0, 0, 0) 100%) !important;
height: 100vh;
position: absolute;
z-index: -1;
top: 60vh;
width: 100vw;
overflow: hidden;
}
.landing-intro-section {
background: transparent;
}
@media screen and (min-width: 981px) {
.dataiq-hero-tag.et_pb_text.et_pb_module {
margin-left: 8px !important;
}
}
.landing-cta-button.et_pb_button {
color: #000;
}
.input.et_pb_contact_captcha {
background-color: #a0bcd2 !important;
}
.qlik-to-fabriq-contact-form .input {
border-radius: 2px;
}
@media screen and (max-width: 479px) {
.anim-trigger-buttons {
margin-top: -150px;
}
.background-gradient-section {
height: 120vh;
}
}
.product-landing-fullwidth-content {
margin-bottom: 12vh !important;
border-radius: 0 0 3vw 3vw !important;
}
@media screen and (max-width: 980px) {
.product-landing-quote-section.et_pb_section {
margin-bottom: 80px !important;
}
.product-landing-fullwidth-content.et_pb_section {
margin-bottom: 80px !important;
}
}
.product-landing-quote-section .et_pb_module:last-child, .product-landing-fullwidth-content .et_pb_module:last-child {
margin-bottom: 3.9vh !important;
}