.rslides img{
    margin-bottom:7em;
}

#breadcrumb span{
padding-left:0.85em;
padding-right:0.85em;
color:#2373c4;
background-image:url('../kuvat/arrow-right-dark.svg');
background-position: center 6px;
background-size:12px;
background-repeat: no-repeat;
}

#breadcrumb p{
	margin-bottom:0;
}

.peruskuva-sivulle{
	width:600px;
	float:right;
	margin-left: 2em;
}
.joulukortti {
   margin-top:3em;
		margin-left: auto;
		margin-right:auto;
		display: block;
    max-width: 500px;
}

.contentSlider {
    width: 100%;
    margin-bottom: 1.5em;
}
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsThumbs,
.contentSlider .rsVideoFrameHolder {
    background: #eee;
    color: #000;
}
.contentSlider .rsOverflow,
.contentSlider .rsSlide {
    background: #eee;
}
.contentSlider h3 {
    font-size: 24px;
    line-height: 31px;
    margin: 12px 0 8px;
    font-weight: 700;
}
.contentSlider img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 9px;
}
.content-slider-bg {
    width: 86%;
    padding: 24px 7%;
    background: #eee;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto !important;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.royalSlider img {
    width: 100%;
    height: auto;
}
#kuva img {
    border-radius: 9px;
}
.valiviiva {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f0f0f0;
    padding-top: 0;
    margin-bottom: 1.5em;
}
#kuva {
    position: relative;
    overflow: hidden;
    margin-top: 0.55em;
}
#logo {
    margin-top: -2em;
    margin-bottom: 1.15em;
}
#logo img {
    width: 180px;
}
.ofv {
    overflow: visible;
}
body {
    border-top: solid 12px #0f1c34;
}
.rounded {
    border-radius: 9px;
}
#soita {
    text-align: center;
    padding: 1em;
    margin-top: -12px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}
.intro {
    display: block;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 9px;
    padding: 1.5em;
    position: absolute;
    left: 0;
    bottom: 6px;
    z-index: 1;
	width:700px;
}



#soita p a {
    color: #fff !important;
    text-decoration: none;
    font-size: 1em;
}
#kartta img {
    vertical-align: bottom;
    margin-bottom: 0;
}
.nosto img {
    margin-bottom: 1em;
    width: 115px;
}
.nosto {
    background-color: #fff;
    padding: 1em;
    border-radius: 9px;
}
.nosto img,
.nosto2 img {
    border-radius: 9px;
}
#sertifikaatit img {
    float: left;
    margin-left: 0;
    margin-right: 1.45em;
    margin-bottom: 1.5em;
}
.nosto2 img {
    margin-bottom: 1em;
}
.osio {
    padding-top: 4em;
    padding-bottom: 4em;
}
.osio-matala {
    padding-top: 2em;
    padding-bottom: 2em;
}
.violetti {
    background-color: #0e192b;
    background-image: linear-gradient(180deg, #10223f 0, #0e192b 100%);
}
.tumma {
    background-color: #091221;
    background-image: linear-gradient(180deg, #0f1c34 0, #091221 100%);
}
.painike,
.violetti-kirkas {
    background-color: #732ca6;
    background-image: linear-gradient(180deg, #732ca6 0, #431664 100%);
}
.musta {
    background-color: #0d0803;
}
.harmaa {
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.harmaa2 {
    background-color: #999;
}
p a {
    color: #091221;
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
}
.nosto li,
.nosto2 li,
footer li {
    background-image: url(../kuvat/li.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 1.25em;
    font-size: 0.9em;
    line-height: 1.75em;
}
.nosto li a,
.nosto2 li a,
footer li a {
    color: #091221;
    text-decoration: none;
}
.nosto ul,
.nosto2 ul {
    margin-bottom: 1.5em;
}
.ympari-vuorokauden {
    background-image: url(../kuvat/247.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    padding-left: 2.2em;
    color: #fff;
    margin-right: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.call {
    background-image: url(../kuvat/phone-violetti.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    padding-left: 2.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
nav {
    float: right;
    margin-top: 1.5em;
}
nav ul li {
    display: inline;
}
nav ul li a {
    text-decoration: none;
    display: block;
    float: left;
    font-size: 0.95em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    margin-left: 1em;
    text-transform: uppercase;
    color: #091221;
    font-weight: 700;
    letter-spacing: 1px;
}
nav ul li a:hover {
    color: #091221;
}
nav .aktiivinen {
    background-color: #091221;
    color: #fff;
    padding: 0.75em;
    border-radius: 50px;
}
nav .aktiivinen:hover {
    color: #fff;
}
.nav-button {
    display: none;
}
.painike {
    display: block;
    text-decoration: none;
    font-size: 0.95em;
    padding: 1em;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    clear: both;
    background-image: url(../kuvat/valkoiset-nuolet.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-bottom:2em;
    max-width:400px;
}

   .intro .painike-lyhyt {
      
        margin-bottom:0em;
    }


.painike:hover {
    background-color: #431664;
}
.painike-lyhyt {
    width: 80%;
}
#soita p {
    margin-bottom: 0;
}
.soita-painike {
    background-image: url(../kuvat/phone-white.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 2.25em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 2em;
}
#herate img {
    width: 60px;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
@media handheld, only screen and (max-width: 800px) {
.peruskuva-sivulle{
	
	float:none;
	margin-left: 0em;
}
	
	.joulukortti {
   margin-top:2em;
    max-width: 300px;
		
}
	
	
	body {
        border-top: 0;
    }
    .intro {
        background: #fff;
        position: static;
        border-radius: 0 0 9px 9px;
        margin-top: -1.5em;
        padding: 1em;
		width:100%;
    }
    #kuva {
        margin-top: 0;
    }
    #kuva img {
        margin-bottom: 1em;
        border-radius: 9px 9px 0 0;
    }
    nav {
        margin-bottom: 1.5em;
    }
    .ympari-vuorokauden {
        margin-bottom: 1.25em;
        display: block;
        margin-right: 0;
    }
    .nosto {
        border-radius: 0;
        margin-bottom: 1em;
    }
    #logo {
        margin-top: 1.75em;
        margin-bottom: 0.55em;
    }
    #logo img {
        width: 164px;
    }
    body {
        font-size: 0.9em;
    }
    .painike,
    .painike-lyhyt {
        width: 100%;
        font-size:.875em;
    }






    nav {
        float: left;
        margin-top: 0;
        margin-bottom: 2em;
    }
    nav ul {
        width: 100%;
        margin-bottom: 2em;
    }
    nav ul li {
        display: inline;
    }
    nav ul li a {
        font-size: 0.9em;
        margin-left: 0;
        margin-right: 1.5em;
        padding: 0;
    }
    nav .aktiivinen {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #732ca6;
        border-radius: 0;
        background-color: transparent;
        color: #091221;

        padding:0;
    }
    nav .aktiivinen:hover {
        color: #091221;
    }
    #soita {
        text-align: left;
        border-radius: 0;
        padding: 0.75em;
        margin-top: -1px;
    }
    .soita-painike,
    .soita-painike:active,
    .soita-painike:hover {
        display: block;
        padding: 0.75em;
        width: 100%;
        color: #fff !important;
        background-color: #732ca6;
        padding-left: 3.2em;
        border-radius: 9px;
        background: url(../kuvat/phone-white.svg) no-repeat 18px center, linear-gradient(#732ca6, #431664);
        background-size: 25px, cover;
        margin-bottom: 1em;
        border-radius: 50px;
    }
    #sertifikaatit img {
        float: left;
        margin-right: 3em;
        margin-left: 0;
        margin-bottom: 1.5em;
    }
    footer ul {
        margin-bottom: 1.5em;
    }
    .nosto img {
        width: 100px;
    }
}
@media handheld, only screen and (max-width: 480px) {
    nav ul li a {
        font-size: 1em;
        margin-left: 0;
        margin-right: 1.5em;
        padding-top: 0.75em;
        display: block;
        width: 100%;
        text-align: left;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .nav-button,
    .nav-button.open {
        background-image: url(../kuvat/menu-icon-large@2x.png);
        background-size: 35px 35px;
    }
    .nosto ul li,
    .nosto2 ul li,
    footer li {
        background-image: url(../kuvat/li@2x.png);
        background-size: 10px 10px;
    }
    .painike {
        background-image: url(../kuvat/valkoiset-nuolet@2x.png);
        background-size: 27px 24px;
    }
}