- Suomi
- Yhdistyneet Arabiemiraatit
- Itävalta
- Kanada
- Sveitsi
- Tanska
- Espanja
- Ranska
- Irlanti
- Italia
- Japani
- Alankomaat
- Norja
- Puola
- Venäjä
- Ruotsi
- Iso-Britannia
- Yhdysvallat
- Etelä-Afrikka
Matkat
Ennen matkaa
Suosituimmat kohteet
Asiakaspalvelu
Tietoa meistä
Meillä maksat turvallisesti. Yhteistyössä:
Lentoyhtiöiden yleiset ehdot ja säännöt»
Luotettava valinta
Yli 650 lentoyhtiötä
Yli 240 000 hotellia
Meiltä: Vaihda lippusi muutoskelpoiseksi
Yli 240 000 hotellia
Meiltä: Vaihda lippusi muutoskelpoiseksi
.uwt-spack-wrapp{
font-family: Arial, sans-serif;
position: relative;
width: 752px;
height: 418px;
/*background-color: #fff;*/
background-image: url("https://www.supersavertravel.se/files/image/uwt-spack-bg.png");
}
.uwt-spack-1{
position: absolute;
top: 18px;
left: 60px;
font-size: 20px;
}
.uwt-spack-2{
position: absolute;
top: 67px;
left: 15px;
}
.uwt-spack-2 .uwt-1{
font-size: 18px;
font-weight: bold;
color: #0068bc;
}
.uwt-spack-2 .uwt-2{
font-size: 12px;
margin-top:3px;
}
.uwt-spack-3{
position: absolute;
top: 144px;
left: 15px;
}
.uwt-spack-3 .uwt-1{
font-size: 18px;
font-weight: bold;
}
.uwt-spack-3 .uwt-2{
font-size: 12px;
margin-top:3px;
width: 270px;
}
.uwt-spack-4{
line-height: 41px;
position: absolute;
top: 238px;
left: 15px;
font-size: 16px;
}
.uwt-spack-4-info{
line-height: 39px;
position: absolute;
top: 243px;
left: 263px;
font-size: 16px;
color: #8c8c8c;
}
.uwt-tool-tip-box {
/* max-width: 240px; */
border: 1px solid #bbbbbb;
border-radius: 3px;
background: #ffffff;
color: #333333;
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-size: 12px;
line-height: 1.2;
padding: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 300px;
}
.uwt-tool-tip-box:after, .uwt-tool-tip-box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none; transform-origin: center bottom;
}
.uwt-tool-tip-box:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px; transform-origin: center bottom;
}
.uwt-tool-tip-box:before {
border-color: rgba(187, 187, 187, 0);
border-top-color: #bbbbbb;
border-width: 11px;
margin-left: -11px; transform-origin: center bottom;
}
.uwt-tool-tip-box-1{
position: absolute;
left: 107px;
bottom: 180px;
display: none;
}
.uwt-tool-tip-box-2{
position: absolute;
left: 107px;
bottom: 140px;
display: none;
}
.uwt-tool-tip-box-3{
position: absolute;
left: 107px;
bottom: 100px;
display: none;
}
.uwt-spack-wrapp-1{
position: absolute;
top: 121px;
left: 292px;
width: 150px;
height: 240px;
cursor: pointer;
border-radius: 2px;
}
.uwt-spack-wrapp-2{
position: absolute;
top: 121px;
left: 447px;
width: 150px;
height: 240px;
cursor: pointer;
border-radius: 2px;
}
.uwt-spack-wrapp-3{
position: absolute;
top: 121px;
left: 602px;
width: 150px;
height: 240px;
cursor: pointer;
border-radius: 2px;
}
.uwt-spack-wrapp-1-border{
position: absolute;
top: 121px;
left: 292px;
width: 150px;
height: 240px;
cursor: pointer;
border-radius: 2px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
pointer-events: none;
}
.uwt-spack-wrapp-2-border{
position: absolute;
top: 121px;
left: 447px;
width: 150px;
height: 240px;
border-radius: 2px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
pointer-events: none;
}
.uwt-spack-wrapp-3-border{
position: absolute;
top: 121px;
left: 602px;
width: 150px;
height: 240px;
border-radius: 2px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
pointer-events: none;
}
.uwt-spack-5{
position: absolute;
top: 22px;
left: 0px;
text-align: center;
width: 150px;
}
.uwt-spack-5 .uwt-1{
font-size: 20px;
font-weight: bold;
}
.uwt-spack-5 .uwt-2{
font-size: 16px;
margin-top:3px;
}
.uwt-spack-5 .uwt-3{
position: absolute;
line-height: 39px;
font-size: 16px;
top: 100px;
width:100%;
text-align: center;
}
.uwt-spack-5 .uwt-plupp{
top: 63px;
left: 76px;
position: absolute;
/* font-size: 40px; */
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #444;
}
.uwt-plupp-1{
display: none;
}
.uwt-plupp-2{
display: none;
}
.uwt-plupp-3{
display: none;
}
.uwt-spack-5 .uwt-plupp-bg{
top: 59px;
left: 72px;
position: absolute;
font-size: 40px;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: #f3f3f3;
border: 1px solid #989898;
}
.uwt-spack-6{
font-size: 16px;
width: 170px;
position: absolute;
top: 370px;
left: 435px;
text-align: center;
}
.uwt-show{
display: block !important;
}
.uwt-b-b{
opacity: .4;
display: block;
}
.uwt-spack-popular-icon{
position: absolute;
left: 65px;
top: -13px;
}
.uwt-spack-selected{
border: 3px solid green !important;
}
.uwt-spack-3-selected{
border: 3px solid #8bb78b;
}
.uwt-plupp-1-selected{
opacity: 1 !important;
display: block !important;
}
.uwt-spack-hover{
border-top: 5px solid #ccc;
border-bottom: 5px solid #ccc;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
}
.uwt-spack-validation{
display:none;
position:absolute;
width: 567px;
display: none;
position: absolute;
bottom: 315px;
left: 10px;
color: #d00;
background-color: #ffc0cb;
font-weight: 700;
border-color: #ffc0cb;
border-radius: 5px;
padding: 10px;
}
.paymentCost .infoBox::after, .paymentCost .infoBox::before {
left: 80% !important;
}
#tripHighlightPlaceholder .bookButtonContainer{
margin-top: -8px !important;
}
#tripHighlightContainer .rightSide{
margin-top: 9px !important;
margin-right: 10px;
clear: both !important;
}
.paymentCost .infoBox {
left: -3px !important;
}
.tripItemToggleContainer .tripItemToggleButton {
position: inherit !important;
}
.tripItemContainer{
position:relative !important;
}
.uwt-show{
display:block !important;
}
.uwt-flex-tool-tip-box ul {
margin: 0;
}
#tripHighlightContainer .boundContainer{
width:735px !important;
}
#tripHighlightContainer .outBounds{
width:48% !important;
}
#tripHighlightContainer .inBounds{
width:48% !important;
}
#tripHighlightContainer .rightSide{
clear: both !important;
}
#tripHighlightContainer{
position:relative;
}
.uwt-flex-tool-tip-box ul li:before {
font-family: 'FontAwesome'!important;
content: '\f00c'!important;
margin: 0 5px 0 -15px!important;
color: #10a700!important;
}
.uwt-flex-tool-tip-box ul li {
line-height: 20px!important;
font-size: 13px!important;
letter-spacing: 0.1px!important;
list-style: none!important;
background-color: white;
}
.uwt-flex-tool-tip-box {
display:none;
right: -27px;
position: absolute;
bottom: 114px;
border: 1px solid #bbbbbb;
border-radius: 3px;
background: #ffffff;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
padding: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 220px;
}
.uwt-flex-tool-tip-box:after, .uwt-flex-tool-tip-box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none; transform-origin: center bottom;
}
.uwt-flex-tool-tip-box:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px; transform-origin: center bottom;
}
.uwt-flex-tool-tip-box:before {
border-color: rgba(187, 187, 187, 0);
border-top-color: #bbbbbb;
border-width: 11px;
margin-left: -11px; transform-origin: center bottom;
}
.recommendation.enableTooltip.first {
font-size: 16px!important;
}
.tripItemHeader .recommendation.first {
margin-left: 12px!important;
}
.tripItemHeader.recommendationHeader {
background: #0e5682!important;
border-color: #0e5682!important;
border-image: none!important;
border-style: solid solid none!important;
border-width: 1px 1px 0!important;
color: #fff!important;
font-weight: 100!important;
padding: 6px 0!important;
}
.journeyType{
font-size: 17px!important;
font-weight: 100!important;
}
.outBound .journeyType:before{
color: #888!important;
content: "\f072"!important;
display: inline-block!important;
font-family: "FontAwesome"!important;
font-size: 16px!important;
margin: 0 5px 0 0!important;
transform: rotate(45deg)!important;
}
.inBound .journeyType:before{
color: #888!important;
content: "\f072"!important;
display: inline-block!important;
font-family: "FontAwesome"!important;
font-size: 16px!important;
margin: 0 5px 0 0!important;
transform: rotate(-135deg)!important;
}
.tripItemSegmentItineraryFromAirport{
font-size: 16px!important;
font-weight: 100!important;
line-height: 18px!important;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
width: 230px!important;
}
.tripItemSegmentItineraryToAirport{
font-size: 16px!important;
font-weight: 100!important;
line-height: 18px!important;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
width: 230px!important;
}
.uwtFreeRebooking{
right: 0px !important;
width: 100% !important;
color: #333 !important;
position: absolute !important;
top: 96px !important;
text-transform: none !important;
font-size: 12px !important;
text-align: center !important;
}
.tripItemTotalBoundTime{
border-top: 1px solid #ccc !important;
background-color: #fff !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
float: left !important;
padding: 4px 10px !important;
width: 100% !important;
}
.tripItemPricePerPersonValue{
color: #0E5682!important;
text-align: center !important;
font-size: 24px !important;
font-weight: bold !important;
}
.tripItemLeftContent{
width: 748px !important;
background-color: #fff !important;
}
.tripItemRightContent{
width: 0px !important;
display: none !important;
}
.tripItemRightContent__innerWrapper{
position:absolute !important;
height: 120px !important;
width: 170px !important;
right: 10px !important;
}
.tripItemRightContent__content{
margin-top:30px !important;
}
.recommendationPromotionBox{
text-align: center !important;
}
.bookButton{
box-shadow: inset 0 -2px 0 #d2d2d2 !important;
background: #fff !important;
border-radius: 5px !important;
border: 1px solid #bbbbbb !important;
margin-top: 5px !important;
}
.bookButton:hover{
background: linear-gradient(#f0f0f0, #e8e8e8) !important;
}
.bookButtonContent{
margin-bottom: 5px !important;
font-size: 17px!important;
text-transform: uppercase !important;
margin-top: 5px !important;
color: #333 !important;
}
.tripItemPricePerPersonLabel{
bottom: 0px !important;
position: absolute !important;
right: 0px !important;
}
.tripItemTotalDurations{
overflow: visible !important;
}
.urgencyRibbon{
position: absolute !important;
right: 545px !important;
top: 52px !important;
height: 41px;
width: 183px !important;
}
.urgencyRibbon--urgent::after {
display: none !important;
}
.klarnaInstalment{
display:none !important;
}
/* FLEX CONTAINER */
.tripItemRightContent__innerWrapperFlex{
position: absolute !important;
height: 120px !important;
width: 200px !important;
right: 210px !important;
}
.bookButtonFlex{
margin-top: 5px !important;
box-shadow: inset 0 -2px 0 #008700 !important;
background: linear-gradient(#20b710, #10a700) !important;
border-radius: 5px !important;
border: 1px solid #009900 !important;
text-transform: uppercase;
}
.bookButtonFlex:hover{
box-shadow: inset 0 -2px 0 #10a710 !important;
background: linear-gradient(#40d730, #20c720) !important;
}
.bookButtonContentFlex{
margin-bottom: 5px !important;
font-size: 17px !important;
text-transform: uppercase !important;
margin-top: 5px !important;
color: #fff !important;
}
.tripItemPricePerPersonValueFlex{
color: #ff7e43!important;
text-align: center !important;
font-size: 24px !important;
font-weight: bold !important;
}
.uwtFlexContainer{
height: 110px !important;
width: 100% !important;
margin-top: 25px !important;
}
.tripItemRightContent__contentFlex{
margin-top:30px !important;
}
Supersaver / OY SRG Finland AB. • Puh. +358 985 677 811 • asiakaspalvelu@support.supersaver.fi
© 2017 Supersaver. All Rights Reserved. • Alv. Rek | Y-1925453-7 | IATA 192 1037 6 | KuVi 2556/05/MJMV
© 2017 Supersaver. All Rights Reserved. • Alv. Rek | Y-1925453-7 | IATA 192 1037 6 | KuVi 2556/05/MJMV
