/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2023 | 16:26:08 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.hotsport__triggerPointer  .elementor-image-box-content {
    background: rgb(204 41 31 / 90%);
    max-width: max-content;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 30px;
    color: #fff;
    border-radius: 3px;
    transition: .3s linear all;
}
.elementor-widget-image-box .elementor-image-box-content h3 {
    margin-top: 5px;
}
.hotsport__triggerPointer:hover .elementor-image-box-content{
	background:#CCA91F;
	border-radius:17px;
}
.hotsport__triggerPointer {
	 max-width: max-content;
	 z-index: 1;
	 position: absolute;
     transform: translate(-50%,-50%);
	 margin-bottom:0px;
	 cursor:pointer;
}
.hotsport__triggerPointer img {
    max-width: 47px;
}

.image_main_hotspot_wrapper {
    position: relative;
}

#Yhteystiedot {
    max-width: max-content;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 27%;
    left: 22%;
    z-index: 1;
}
#Laatu {
    left: 29%;
    top: 57%;
}
#Historia {
    top: 55%;
    left: 55%;
}
#Tietoameistä {
    left: 65%;
    top: 72%;
}
#Tietosuojaseloste {
    left: 52.5%;
    top: 26%;
}
#EXTRANET {
    right: -1.5%;
    top: 55.5%;
}


.logo_home_pageONly {
    position: absolute;
    max-width: 270px;
    top: 90px;
    left: 200px;
    transform: translate(-50%,-50%);
}

.Yhteystiedot.Header {
    max-width: 1200px;
    position: absolute;
    z-index: 1;
    left: 85px;
    top: 42px;
}

div#Otayhteyttä {
    top: 55%;
    left: 27%;
}

div#Laskutustiedot {
    left: 62%;
    top: 40%;
}

div#GDPR {
    left: 46%;
    top: 89%;
}
div#Etusivulle, div#Etusivulleyhtdot {
    bottom: 10px;
    left: 10%;
}
#YhteystiedotDiv {
    position: absolute;
    right: -50%;
    width: 100%;
    z-index: -1;
    transform: translate(-50%,-50%);
    top: 50%;
    transition: .5s ease-in-out all;
	opacity:0;
	visibility:hidden;
}
#YhteystiedotDiv.fadeRightToLeft {
    right: -50%;
	 z-index: 1;
	opacity:1;
	visibility:visible;
}
body{
	overflow-x:hidden;
	position:relative;
}
.info_btn_trigger {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    cursor: pointer;
}
div#Otayhteyttäinfo_one {
    top: 80%;
    left: 32%;
}

div#Otayhteyttäinfo_four {
    top: 50%;
    left: 84%;
}
div#Otayhteyttäinfo_three {
    left: 65%;
    top: 50%;
}
div#Otayhteyttäinfo_two {
    top: 60%;
    left: 45%;
}

.whiteBackBtn {
    top: 93%;
    left: 12%;
}
.whiteBackBtn .elementor-image-box-content {
    background: rgb(255 255 255 / 70%);
}

section#YhteystieOtayhteyttä {
    position: absolute;
    transform: translate(-50%,-50%) scale(0.99);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: -1;
	transition:.5s linear all;
	visibility:hidden;
	opacity:0;
}

section#YhteystieOtayhteyttä.open {
    position: absolute;
    transform: translate(-50%,-50%) scale(1);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 2;
	transition:.5s linear all;
	visibility:visible;
	opacity:1;
}
.LaskutustiedotBoxContent {
    position: absolute;
    max-width: 900px;
    height: 600px;
    transform: translate(-50%,-50%);
    left: 50%;
    z-index: 1;
    border-radius: 5px;
    top: 50%;
    padding-bottom: 30px;
}
.elementor-element.elementor-element-168ee51.closeLakusdot.elementor-widget.elementor-widget-image {
    max-width: 50px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    z-index: 1;
    right: 15px;
}
.elementor-element.elementor-element-335ecdd.lakusContentHeight.elementor-widget.elementor-widget-text-editor {
    max-width: 90%;
    height: 530px;
    overflow-y: scroll;
    padding-left: 15px;
}
section#YhteystiedotInnerLaskutustiedotBOX {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 100%;
    top: 50%;
    z-index: -1;
	transition:.5s linear all;
	visibility:hidden;
	opacity:0;
}
section#YhteystiedotInnerLaskutustiedotBOX.open{
	z-index: 3;
	transition:.5s linear all;
	visibility:visible;
	opacity:1;
}
/*
 *  STYLE 2
 */
.lakusContentHeight::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #707070;
}

.lakusContentHeight::-webkit-scrollbar
{
	width: 10px;
	background-color: #707070;
}

.lakusContentHeight::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #FFDD00;
}

div#gdprContent {
    max-width: 760px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 30%;
    left: 25%;
    z-index: -2;
    transition: .5s linear all;
    visibility: hidden;
    opacity: 0;
}
div#gpdrZoom {
    transform: scale(1);
    transition: .5s linear all;
}

div#gpdrZoom {
    transform: scale(1);
    transition: .5s linear all;
    width: 100% !important;
    top: unset;
}
div#gdprContent.open {
    top: 82%;
    left: 70%;
	z-index: 2;
    transition: .5s linear all;
    visibility: visible;
    opacity: 1;
}

.Otayhteyttäinfo_oneInfo img {
    position: absolute;
    left: -24px;
    max-width: 45px;
    top: 125px;
}
.Otayhteyttäinfo_oneInfo {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 57.5%;
}

.Otayhteyttäinfo_fourInfo img {
    position: absolute;
    right: -20px;
    max-width: 45px;
    top: -20px;
}


.Otayhteyttäinfo_fourInfo {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 70%;
    top: 57.5%;
}


.Otayhteyttäinfo_twoInfo img {
    position: absolute;
    left: -20px;
    max-width: 45px;
    top: -38px;
}

.Otayhteyttäinfo_twoInfo {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 59%;
    top: 72.5%;
}


.Otayhteyttäinfo_threeInfo img {
    position: absolute;
    right: -25px;
    max-width: 45px;
    bottom: 90px;
}
.Otayhteyttäinfo_threeInfo {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 70%;
    top: 40.5%;
}


/* section#YhteystiedotDiv.GDPRrestContentHide {
    overflow: hidden;
} */
/* div#gpdrZoom.open {
    transform: scale(1.8);
    top: -35%;
} */




body.elementor-editor-active #YhteystiedotDiv, body.elementor-editor-active #YhteystieOtayhteyttä , body.elementor-editor-active #YhteystiedotInnerLaskutustiedotBOX, body.elementor-editor-active #Otayhteyttäinfo_oneContent, body.elementor-editor-active #Otayhteyttäinfo_oneContent, body.elementor-editor-active #Otayhteyttäinfo_twoContent, body.elementor-editor-active #Otayhteyttäinfo_threeContent, body.elementor-editor-active #Otayhteyttäinfo_fourContent,body.elementor-editor-active  #YhteystiedotInnerLaskutustiedotBOX, body.elementor-editor-active #latto_page,body.elementor-editor-active #TIETOSUOJASELOSTECONTENT {
    position: relative;
    right: unset;
    width: 100%;
    z-index: unset;
    transform: unset;
    top: unset;
    transition: .5s ease-in-out all;
	opacity:unset;
	visibility:unset;
	left: unset;
}


section#Otayhteyttäinfo_oneContent,section#Otayhteyttäinfo_twoContent,section#Otayhteyttäinfo_threeContent,section#Otayhteyttäinfo_fourContent,#latto_page {
    position: absolute;
   	top: 50%;
    left: 50%;
    width: 100%;
    z-index: -1;
    transform: translate(-50%,-50%);
    top: 50%;
    transition: .4s linear all;
    opacity: 0;
    visibility: hidden;
}



section#Otayhteyttäinfo_oneContent.open,section#Otayhteyttäinfo_twoContent.open,section#Otayhteyttäinfo_threeContent.open,section#Otayhteyttäinfo_fourContent.open, #latto_page.open {
    position: absolute;
    transform: translate(-50%,-50%) scale(1);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 2;
	transition:.4s linear all;
	visibility:visible;
	opacity:1;
}


.elementor-element.elementor-element-40846d4.lakusContentHeight.elementor-widget.elementor-widget-text-editor {
    max-width: 90%;
    height: 535px;
    overflow-y: scroll;
    padding-left: 15px;
}

#lattoMainbox {
    position: absolute;
    max-width: 1140px;
    height: 600px;
    transform: translate(-50%,-50%);
    left: 34.5%;
    z-index: 1;
    border-radius: 2px;
    top: 50%;
    padding-bottom: 30px;
}
.elementor-element.elementor-element-40846d4.lakusContentHeight.elementor-widget.elementor-widget-text-editor {
    max-width: 92%;
    height: 535px;
    overflow-y: scroll;
    padding-left: 15px;
    padding-right: 25px;
}

div#latto_pageClose {
    position: absolute;
    top: 55px;
    right: -95%;
    transform: translate(-50%,-50%);
}

div#latto_pageClose img {
    max-width: 50px;
}

.elementor-element.elementor-element-f46f31f.elementor-widget__width-auto.elementor-widget.elementor-widget-image {
    position: absolute;
    transform: translate(-50%,-50%);
    bottom: -65px;
    right: 30%;
}

div#TIETOSUOJASELOSTETEXTCLOSEBTN {
    max-width: 92%;
    height: 530px;
    overflow-y: scroll;
    padding-left: 15px;
}
.elementor-element.elementor-element-f454c32.closeLakusdot.elementor-widget.elementor-widget-image {
    max-width: 50px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    z-index: 1;
    right: 15px;
}
section#TIETOSUOJASELOSTECONTENT {
    position: absolute;
    transform: translate(-50%,-50%) scale(0.99);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: -1;
	transition:.5s linear all;
	visibility:hidden;
	opacity:0;
}

section#TIETOSUOJASELOSTECONTENT.open {
    position: absolute;
    transform: translate(-50%,-50%) scale(1);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 2;
	transition:.5s linear all;
	visibility:visible;
	opacity:1;
}