.main__header .has-submenu .sub-arrow {
display: none;
}
.fa-plus {
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.fa-plus.down {
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.main__header-menu .elementor-nav-menu--dropdown {
left: -50% !important;
} .etusivu__section .elementor-container .elementor-row,
.etusivu__section__yritys .elementor-container .elementor-row
{
align-items: center !important;
}
.corner__left-section {
height: fit-content;
}
.corner__left-section {
position: relative;
}
.corner__left-section .elementor-column-wrap:before,
.etusivu__toimialat-section .elementor-column-wrap:before
{
content: '';
height: 50px;
width: 5px;
background: #20275B;
position: absolute;
bottom: -30px;
left: -30px;
}
.corner__left-section .elementor-column-wrap:after,
.etusivu__toimialat-section .elementor-column-wrap:after
{
content: '';
height: 5px;
width: 50px;
background: #20275B;
position: absolute;
bottom: -30px;
left: -30px;
}
.corner__toimialat-section .elementor-column:nth-child(n+2) .elementor-column-wrap:before {
content: '';
height: 50px;
width: 5px;
background: #20275B;
position: absolute;
bottom: -30px !important;
left: 0px !important;
}
.corner__toimialat-section .elementor-column:nth-child(n+2) .elementor-column-wrap:after {
content: '';
height: 5px;
width: 50px;
background: #20275B;
position: absolute;
bottom: -30px !important;
left: 0px !important;
}
.etusivu__palvelut-section:before
{
content: '';
height: 50px;
width: 5px;
background: #20275B;
position: absolute;
bottom: -30px;
left: -30px;
}
.etusivu__palvelut-section:after
{
content: '';
height: 5px;
width: 50px;
background: #20275B;
position: absolute;
bottom: -30px;
left: -30px;
}
.etusivu__section__yritys-button {
cursor: pointer;
}
.etusivu__section__yritys-button .elementor-button-wrapper {
position: relative;
}
.etusivu__section__yritys-button .elementor-button-icon {
position: absolute;
fill: #20265E;
top: -25px;
left: 80px;
font-size: 35px;
transform: scale(-1, 1);
}
.etusivu__palvelut-section .elementor-widget-wrap:hover .elementor-icon-box-title {
color: #CE9B00;
} 
.etusivu__toimialat-section img
{
width: 100%;
height: 300px;
object-fit: cover;
}
.etusivu__toimialat-section .elementor-inner-column:nth-child(2) img {
object-position: top;
}
.etusivu__logot-section .elementor-row:before
{
display: block;
content: "";
width: 50px;
height: 50px;
position: absolute;
bottom: -30px;
left: -30px;
border-bottom: 5px solid #20275B;
border-left: 5px solid #20275B;
}
.etusivu__logot-section .elementor-row:after
{
display: block;
content: "";
width: 50px;
height: 50px;
position: absolute;
top: -30px;
right: -30px;
border-top: 5px solid #20275B;
border-right: 5px solid #20275B;
} .corner__right-section .elementor-column-wrap:before
{
content: '';
height: 50px;
width: 5px;
background: #20275B;
position: absolute;
bottom: 0px;
right: -30px;
}
.corner__right-section .elementor-column-wrap:after
{
content: '';
height: 5px;
width: 50px;
background: #20275B;
position: absolute;
bottom: 0px;
right: -30px;
} .mm__custom-post {
}
.mm__custom-post .mm__custom-post-info .elementor-widget-heading {
margin-bottom: 10px;
} .mm__kalusto-table table.GeneratedTable {
width: 100%;
background-color: #ffffff;
border-collapse: collapse;
border-width: 2px;
border-color: #212858;
border-style: solid;
color: #000000;
}
.mm__kalusto-table table.GeneratedTable td, table.GeneratedTable th {
border-width: 2px;
border-color: #212858;
border-style: solid;
padding: 3px;
}
.mm__kalusto-table table.GeneratedTable thead th{
background-color: #BAB081 !important;
}
.mm__kalusto-table .GeneratedTable-header th {
text-align: left;
text-transform: capitalize;
}
.mm__kalusto-table {
overflow: scroll; 
} .form-field-cv input,
.form-field-hakemus input,
.form-field-muut input
{
display: none !important;
}
.rekry__contact-section .file-chosen-cv,
.rekry__contact-section .file-chosen-letter,
.rekry__contact-section .file-chosen-muut
{
display: flex;
align-items: center;
}
#file-chosen-cv,
#file-chosen-letter,
#file-chosen-muut {
margin: 0;
}
.rekry-lomake .form-field-hakemus label:after,
.rekry-lomake .form-field-muut label:after,
.rekry-lomake .form-field-cv label:after {
content: '+ Lisää';
display: flex;
width: 100px;
height: 50px;
margin-top: 5px;
justify-content: center;
align-items: center;
position: relative;
margin-right: 10px;
padding: 0px 6px;
background: #BCB07B;
color: #ffffff;
cursor: pointer;
transition: all 0.3s ease-out;
}
.rekry-lomake .form-field-hakemus label:hover:after,
.rekry-lomake .form-field-muut label:hover:after,
.rekry-lomake .form-field-cv label:hover:after {
background: #CE9B00;
}
.rekry__contact-section button {
width: 100px !important;
height: 50px !important;
border-radius: 5px;
text-transform: uppercase;
transition: all 0.3s ease-out;
}
.rekry__contact-section button:hover {
background: #CE9B00 !important;
border-color: #CE9B00 !important;
} .yhteystiedot h2, h3, h4, p{
margin: 0;
}
.yhteystiedot__contacts .yhteystiedot__contacts-address h4 {
font-size: 20px;
}
.yhteystiedot__contacts .yhteystiedot__contacts-address p {
font-size: 15px;
} .fa-facebook-square {
font-size: 37px;
}
@media all and (min-width: 1024px) {
.header__button {
color: #fff;
text-align: right;
}
.header__button .elementor-button-wrapper {
display: inline-block;
cursor: pointer;
width: 75px;
text-align: left;
overflow: hidden;
border-radius: 0px 0px 0px 19px;
transition: all 0.3s ease-out;
white-space: nowrap;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 5px rgba(0, 0, 0, 0.05) !important;
}
.header__button .elementor-button-link {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.header__button .elementor-button-wrapper .elementor-button-text {
display: none;
transition: all 0.3s ease-out;
}
.header__button .elementor-button-wrapper .elementor-button-icon {
transition: all 0.3s ease-out;
transform: translateX(0px);
}
.header__button .elementor-button-wrapper:hover {
width: 300px;
}
.header__button .elementor-button-wrapper:hover .elementor-button-text {
display: block;
margin-left: 50px;
}
.header__button .elementor-button-wrapper:hover .elementor-button-link {
justify-content: center;
}
.header__button .elementor-button-wrapper:hover .elementor-button-icon {
transform: translateX(50px);
}
}
@media all and (max-width: 1024px) {
.main__header .has-submenu .sub-arrow {
display: flex;
}
.header__button .elementor-button-wrapper {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 5px rgba(0, 0, 0, 0.05) !important;
border-radius: 0px 0px 0px 19px;
}
.header__button .elementor-button-wrapper .elementor-button-text {
display: none;
}
.corner__left-section .elementor-column-wrap:before,
.corner__left-section .elementor-column-wrap:after
{
bottom: -20px;
left: -20px;
}
.corner__right-section .elementor-column-wrap:before,
.corner__right-section .elementor-column-wrap:after
{
bottom: -20px;
right: -20px;
}
.popup__mobiili-menu .elementor-nav-menu__container .elementor-sub-item {
font-size: 16px !important;
}
.popup__mobiili-menu .elementor-nav-menu__container .sub-menu {
background-color: #55595C !important;
}
.fa-facebook-square {
font-size: 32px !important;
}
.yhteystiedot__contacts .yhteystiedot__contacts-matti{
order: 1;
width: 50% !important;
}
.yhteystiedot__contacts .yhteystiedot__contacts-jukka{
order: 2;
}
.yhteystiedot__contacts .yhteystiedot__contacts-address{
height: auto !important;
width: 100% !important;
order: 3;
margin-top: 50px;
}
}
@media all and (max-width: 768px) { .etusivu__toimialat-section .elementor-column-wrap:before
{
bottom: -10px;
left: -10px;
}
.etusivu__toimialat-section .elementor-column-wrap:after
{
bottom: -10px;
left: -10px;
}
.etusivu__palvelut-section::before
{
bottom: -10px;
left: -10px;
}
.etusivu__palvelut-section::after
{
bottom: -10px;
left: -10px;
}
.etusivu__toimialat-section .elementor-column:nth-child(n+2) .elementor-column-wrap:before {
bottom: -10px !important;
left: -10px !important;
}
.etusivu__toimialat-section .elementor-column:nth-child(n+2) .elementor-column-wrap:after {
bottom: -10px !important;
left: -10px !important;
}
.etusivu__toimialat-section-custom-img img{
object-position: top;
} .popup__mobiili-menu .elementor-nav-menu__container .elementor-sub-item {
font-size: 13px !important;
}
.yhteystiedot__contacts .yhteystiedot__contacts-matti{
order: 1;
width: 100% !important;
}
}.swiper-container.swiper-initialized .ecs-posts{
overflow:visible; 
}
.ecs-post-loop .elementor-page-title{
display:block;
}
.ecs-loop-preview{
height:100%;
width:100%;
background:lightgray;
border:solid 1px gray;
padding:5px;
}
.ecs-loop-preview h3{
font-size:16px;
font-weight:500;
}
.ecs-loop-preview span{
font-size:12px;
}
.ecs-loop-preview .ecs-image-holder{
width: 100%;
line-height: 113px;
background-color: #808080;
font-size: 45px;
text-align: center;
vertical-align: middle;
font-weight: 900;
color: #929191;
}
.ecs-link-wrapper{
cursor: pointer;
}
.elementor-widget-ele-loop-item, .elementor-widget-ele-loop-item > .elementor-widget-container,
.elementor-element-edit-mode.elementor-widget-ele-loop-item, .elementor-element-edit-mode.elementor-widget-ele-loop-item > .elementor-widget-container{
height: 100%;
} .elementor-widget-posts .ecs-posts .elementor-button-wrapper {
margin-top: 0;
} .ecs-post-loop .ast-article-single{
background-color: none;
border-bottom:none;
margin: 0;
padding: 0;
}
.ecs-post-loop.ast-article-post{
width:100%;
} .theme-storefront.elementor-editor-active #primary.content-area{
float:none;
} .elementor-editor-active .ecs-lazyload a,.elementor-editor-preview .ecs-lazyload a{
display:none;
}
.animation-hidden .ecs-lazy-load-animation{
height:0;
visibility:hidden;
}  .barload-wrapper {
width: 195px;
height: 1em;
position: relative;
display:inline-block;
font-size:16px;
padding:10px;
}
.barload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
top: -50%;
padding: 4px 3px;
}
.barload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.barload-line {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(0,0,0);
animation: barload-slide 2.75s steps(40) infinite;
-o-animation: barload-slide 2.75s steps(40) infinite;
-ms-animation: barload-slide 2.75s steps(40) infinite;
-webkit-animation: barload-slide 2.75s steps(40) infinite;
-moz-animation: barload-slide 2.75s steps(40) infinite;
}
@keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-o-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-ms-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-moz-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}  .barload-wrapper ,.barload-wrapper * {
box-sizing:content-box;
} 
.ballsload-container{
font-size:16px;
padding:10px;
position:relative;
}
.ballsload-container div {
width: 1em;
height: 1em;
position: absolute;
background-color: rgb(0,0,0);
top: 0;
border-radius: 50%;
}
.ballsload-container div:nth-child(1) {
animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(2) {
animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(3) {
animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(4) {
animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
@keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-o-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-ms-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-moz-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}  #movingBallG{
position:relative;
width:250px;
height:19px;
display:inline-block;
font-size:16px;
}
.movingBallLineG{
position:absolute;
left:0px;
top:0.5em;
height:0.25em;
width:250px;
background-color:rgb(0,0,0);
}
.movingBallG{
background-color:rgb(0,0,0);
position:absolute;
top:0;
left:0;
width:1.188em;
height:1.188em;
border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
animation-name:bounce_movingBallG;
-o-animation-name:bounce_movingBallG;
-ms-animation-name:bounce_movingBallG;
-webkit-animation-name:bounce_movingBallG;
-moz-animation-name:bounce_movingBallG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
@keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}  .lds-ellipsis {
display: inline-block;
position: relative;
width: 8em;
height: 1em;
font-size:13px;
}
.lds-ellipsis div {
position: absolute;
top: 0px;
width: 1em;
height: 1em;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 1em;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 1em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 4em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 7em;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(3em, 0);
}
}