#mainFrame svg {
    width: 100%;
}
.icecream-show #ice-cream-tooltip, .icecream-show #lody-open-szyld, #puzzle-tooltip.puzzle-show, #peronowo-open.peronowo-show,
#school-tooltip.school-show, #cinema-tooltip.cinema-show, #picnic-tooltip.picnic-show, #Rogatek-tooltip.Rogatek-show,
#electric-pole2-tooltip.electric-pole2-show, #electricity-tooltip.electricity-tooltip-show, #megaphone-tooltip.megaphone-tooltip-show,
#house-tooltip.house-tooltip-show, #level-crossing-tooltip.level-crossing-tooltip-show {
    -ms-transform: scale(1, 1) !important;
    -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
    transition: .2s all ease-in-out;
}
#ice-cream-tooltip, #lody-open-szyld, #puzzle-tooltip, #peronowo-open, #school-tooltip,
#cinema-tooltip, #picnic-tooltip, #Rogatek-tooltip, #electric-pole2-tooltip,
#electricity-tooltip, #megaphone-tooltip, #level-crossing-tooltip, #house-tooltip, #level-crossing-tooltip {
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: .2s all ease-in-out;
}

#cinema, #school, #peronowo, #puzzle, #ice-cream, #picnic, #Rogatek, #electric_pole2, #electric_pole3,
#megaphone, #level-crossing {
    cursor: url('cursor.png'), auto !important;
}

#ice-cream-tooltip {
    transform-origin: 76% 29%;
}
#puzzle-sign { 
	transform-origin: 62% 30%;
}
#puzzle-tooltip {
    transform-origin: 68% 27%;
}
#peronowo-sign {
    transform-origin: 36% 27%;
}
#peronowo-open {
    transform-origin: 28% 12%;
}
#school-tooltip{
    transform-origin: 82% 42%;
}
#cinema-tooltip {
    transform-origin: 86.5% 51.5%;
}
#picnic-tooltip {
    transform-origin: 70% 45%;
}
#Rogatek-tooltip {
    transform-origin: 60% 20%;
}
#electric-pole2-tooltip {
    transform-origin: 58% 65%;
}
#electricity-tooltip {
    transform-origin: 11% 53%;
}
#megaphone-tooltip {
    transform-origin: 11% 40%;
}
#megaphone-tooltip.megaphone-tooltip-show {
    transform-origin: 11% 40%;
    translate: -128px 12px;
}
#glosnik {
    transform-origin: 24.7% 40%;
}
#house-tooltip {
    transform-origin: 38.5% 21%;
}
#level-crossing-tooltip {
    transform-origin: 27% 51%;
}

#szlaban2 {
    transform-origin: 41% 46.5%;
    cursor: default;
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    transition: .7s all ease-in-out;
}
#szlaban1 {
    transform-origin: 27.5% 52.5%;
    cursor: default;
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    transition: .7s all ease-in-out;
}
.szlaban2Closed {
    -ms-transform: rotate(-88deg) !important;
    -webkit-transform: rotate(-88deg) !important;
    transform: rotate(-88deg) !important;
}
.szlaban1Closed {
    -ms-transform: rotate(125deg) !important;
    -webkit-transform: rotate(125deg) !important;
    transform: rotate(125deg) !important;
}


#intro {
	transform-origin: 50% 50%;
	-ms-transform: translate(0px, 100%);
	-webkit-transform: translate(0px, 100%);
	transform: translate(0px, 100%);
	transition: .5s all ease-in;
}
.introSlide {
    -ms-transform: translate(0px, 0%) !important;
    -webkit-transform: translate(0px, 0%) !important;
    transform: translate(-70px, 0%) !important;
    transition: .25s all ease-in-out;
}
.introSlideOut {
    -ms-transform: translate(200%, 0%) !important;
    -webkit-transform: translate(200%, 0%) !important;
    transform: translate(200%, 0%) !important;
    transition: .25s all ease-in-out;
}
#Vector_11.flash {
    fill: #000000;
    animation: flashColorChange 0.4s ease-in-out;
}
@keyframes flashColorChange {
    0% { fill: #000000; }
    100% { fill: rgb(210, 0, 33); }
}