/* Basic
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    height: 100%;
}

html, body {
    color: #485156;
    background: #0093E9;
    background: -webkit-linear-gradient(135deg, #3C8CE7, #00EAFF);
    background: linear-gradient( 135deg, #3C8CE7, #00EAFF);
}

/* Small devices ( 576px and up)*/
@media (min-width: 576px) {  
 html, body {
    background: -webkit-linear-gradient(135deg, #3C8CE7, #00EAFF) fixed;
    background: linear-gradient( 135deg, #3C8CE7, #00EAFF) fixed;}   
}

a, span.tooltipster {
    color: #0093E9;
    text-decoration: none
}

    a:hover, a:focus, span.tooltipster:hover, span.tooltipster:focus {
        color: #0a58ca;
        text-decoration: underline;
        cursor: pointer
    }

/* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.MyriadRegular {
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.MyriadSemibold {
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.MyriadBold {
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.MyriadBlack {
    font-family: myriad-pro, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.MontserratExtrabold {
    font-family: montserrat, sans-serif;
    font-weight: 800;
    font-style: normal;
}

.MontserratBlack {
    font-family: montserrat, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.Rockwell {
    font-family: rockwell, sans-serif;
    font-weight: 700;
    font-style: normal;
}

html, body {
    font-family: myriad-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.semibold {
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.bold, strong {
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1, .h1 {
    font-family: montserrat, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #1a171b;
    margin-bottom: 1rem;
}

h2, .h2 {
    color: #1a171b;
    font-family: montserrat, sans-serif;
    font-weight: 800;
}

h3, .h3 {
    font-weight: 700;
    color: #1a171b;
}

h4, h5, h6, .h4, .h5, .h6 {
    font-weight: 600;
    color: #1a171b;
}

.lead {
    font-size: 1.15rem;
}

hr {
    background-color: #b4b4b4
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    h6, .h6 {
        font-size: 1.235rem;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    html {
        font-size: 17px;
    }

    h1, .h1 {
        font-size: 2.75rem
    }

        h1.Rockwell {
            font-size: 3.05rem
        }

    h2.Rockwell {
        font-size: 2.25rem
    }
}

/* Extra large devices and retina (extra large desktops, 1600px and up)*/
@media (min-width: 1600px) {
    html {
        font-size: 19px;
    }
}

/* Extra Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1920px) {
    html {
        font-size: 21px;
    }
}

/* Icons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.svg-icons {
    height: 1.25rem;
    position: relative;
    bottom: .125rem;
}

/* Paku Colors
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.black-bg {
    background-color: #1a171b
}

.dark-gray-bg {
    background-color: #485156
}

.white-bg {
    background-color: #fff;
}

.paku-brand-bg {
    background-color: #00C8F0;
}

.blue-bg {
    background-color: #0093E9;
}

.blue-icon-bg {
    background-color: #33B4FF;
}

.pale-blue-bg {
    background-color: #ebf8ff;
}

.dark-blue-bg {
    background-color: #29549b;
}

.brand-blue-bg {
    background-color: #29549b;
}

.pink-bg {
    background-color: #e02b8a
}

.pale-gray-bg {
    background-color: #eff1f1;
    background-color: #f5f5f5
}

.blue-turq-bg {
    background-color: #00C9FF;
}

.transparent-30-bg {
    background-color: rgba(255,255,255,.3);
}

.transparent-40-bg {
    background-color: rgba(255,255,255,.4);
}

.transparent-50-bg {
    background-color: rgba(255,255,255,.5);
}

.opiskelijamuutot-brand-bg {
    background-color: #EDFF00;
}

.danger-bg {
    background-color: #dc3545;
}

.danger-color a ,.danger-color a:hover, .danger-color a:focus {
    color: #dc3545 !important; text-decoration:underline;
}

.pale-danger-bg {
    background-color: #fae1e3
}

.success-bg, .green-bg {
    background-color: #4FCB6E;
}

.black-color {
    color: #1a171b !important
}

.white-color {
    color: #fff !important;
}

.blue-color {
    color: #0093E9 !important;
}

.dark-blue-color {
    color: #29549b !important
}

.brand-blue-color {
    color: #29549b !important
}

.pink-color {
    color: #e02b8a !important
}

.pale-gray-color {
    color: #f5f5f5 !important
}

.danger-color {
    color: #dc3545;
}

.success-color {
    color: #4FCB6E;
}

.blue-gradient {
    background-color: #0093E9;
    background: -webkit-linear-gradient(135deg, #3C8CE7, #00EAFF) fixed;
    background: linear-gradient( 135deg, #3C8CE7, #00EAFF) fixed;
}

.box-shadow {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
}

#vehicleResultList .box-shadow, #showMoreSection.box-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Santapink-bg & citykamppis
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.santapink-bg {
    background: #e346b3;background: linear-gradient(178deg, rgba(227, 70, 179, 1) 36%, rgba(238, 170, 238, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e346b3",endColorstr="#eeaaee",GradientType=1);    
}
.citypink-bg {
    background-color: #e02b8a !important;
}

h5.acumin {
    font-family: acumin-pro, sans-serif;
    font-weight: 800 !important;
    font-style: normal;
    font-size: 1.35rem
}

          
@media (min-width: 768px) {   
.santapink-bg {
    background: #e346b3;background: linear-gradient(90deg, rgba(227, 70, 179, 1) 53%, rgba(238, 170, 238, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e346b3",endColorstr="#eeaaee",GradientType=1);
    position: relative; top:1rem; border-bottom: 0 !important;} 
.citypink-bg {
    position: relative; top:1rem; border-bottom: 0 !important;} 
}


/* Header
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.brandlogo img {
    margin-right: 48px
}

.logo-img {
    height: 48px;
    width: auto
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .brandlogo img {
        margin-right: 60px
    }

    .logo-img {
        height: 60px;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .logo-img {
        height: 80px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .logo-img {
        height: 90px;
    }
}

/* Extra Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1920px) {
    html {
        font-size: 21px;
    }

    .logo-img {
        height: 120px;
    }
}


/* Custom Mobile menu styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.mburger {
    width: 60px;
    height: 60px;
    -mb-bar-height: 4px;
    color: #fff;
}

    .mburger:hover, mburger:focus {
        color: #00EAFF;
        text-decoration: none;
    }

    .mburger:active {
        color: #fff
    }

.mm-navbar__title {
    font-weight: 600;
    text-transform: uppercase
}

.mm-listitem {
    font-family: myriad-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.063rem
}

    .mm-listitem::after {
        left: 0
    }

.mm-listitem__text {
    white-space: initial;
    overflow: initial;
}

/* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.active:focus, .btn {
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important
}

.btn-primary {
    background-color: #4FCB6E;
    border-color: #4FCB6E;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #38bc59;
        border-color: #38bc59;
        outline: none !important;
        cursor: pointer;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #9b9c9d !important;
        background-color: #f5f5f5;
        border-color: #eaeaea;
        opacity: 1
    }

    .btn-primary.btn-lg {
        font-weight: 600;
        letter-spacing: .025rem;
    }

    .btn-primary.btn-big {
        font-size: 1.5rem;
    }

.btn-secondary {
    border-color: #0093E9;
    color: #0093E9;
    background-color: #fff
}

    .btn-secondary:hover, .btn-secondary:focus {
        background-color: #0093E9;
        border-color: #0093E9;
        color: #fff;
        outline: none !important;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #9b9c9d !important;
        background-color: #f5f5f5;
        border-color: #eaeaea;
        opacity: 1
    }

.btn-outline {
    border-color: #fff;
    color: #fff;
    background-color: transparent
}

    .btn-outline:hover, .btn-outline:focus {
        background-color: rgba(0,0,0,.15);
        border-color: #fff;
        color: #fff;
        outline: none !important;
    }

    .btn-outline.disabled, .btn-outline:disabled {
        color: #9b9c9d !important;
        background-color: #f5f5f5;
        border-color: #eaeaea;
        opacity: 1
    }

.btn-link {
    color: #0093E9;
    background-color: transparent;
    border-color: transparent;
}

    .btn-link:hover, .btn-link:focus {
        color: #0a58ca;
        background-color: transparent !important;
        border-color: transparent !important;
        outline: none !important;
        cursor: pointer
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #707173 !important;
        opacity: 1
    }

.btn-icon {
    height: 1.25rem;
    position: relative;
    bottom: .125rem;
}

.btn-primary .btn-icon, .btn-link .btn-icon {
    opacity: .75
}

.btn-primary:hover .btn-icon, .btn-primary:focus .btn-icon {
    opacity: .35
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0093E9;
    border-color: #0093E9;
}

.btn-primary .rent-location{display: block;font-size: .875rem;font-weight: 500;position: relative; top: -.1rem;line-height: 1.25;}

/* Form styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-control {
    color: #1a171b;
    background-color: #fff
}

    .form-control:focus, .form-select:focus {
        border-color: #0a58ca;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(0, 147, 233, .25);
        background-color: #ebf8ff
    }

.form-label {
    margin-bottom: .25rem;
    margin-left: .25rem;
}

.form-text {
    margin-left: .7rem;
}

.form-info-text {
    padding: 0 .7rem;
}

.form-select {
    line-height: 1.5;
    color: #002649;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23002649' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .4rem center;
    padding: .375rem 2rem .375rem .75rem;
}

textarea.form-control {
    border-radius: .25rem;
}

.form-control:disabled, form-control:disabled:focus, .form-select:disabled, .form-select:disabled:focus {
    box-shadow: none;
    color: #9b9c9d !important;
    background-color: #f5f5f5;
    border-color: #ced4da;
    opacity: 1
}

.form-control[readonly], .form-control[readonly]:focus {
    box-shadow: none;
    color: #1a171b !important;
    background-color: #f5f5f5;
    border-color: #ced4da;
    opacity: 1
}

.datepicker.form-control {
    color: #1a171b;
    background-color: #fff
}

    .datepicker.form-control:focus, .datepicker.form-select:focus {
        border-color: #0a58ca;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(0, 147, 233, .25);
        background-color: #ebf8ff
    }

    .datepicker.form-control:disabled, .datepicker.form-control:disabled:focus, .datepicker.form-select:disabled:focus {
        box-shadow: none;
        color: #9b9c9d !important;
        background-color: #f5f5f5;
        border-color: #ced4da;
        opacity: 1;
    }

.input-group-text {
    background-color: #fff;
    border-color: #ced4da;
    color: #1a171b;
}

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #DC3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC3545' stroke='none'/%3e%3c/svg%3e");
}

    .form-select.is-invalid:not([multiple]):not([size]) {
        border-color: #DC3545;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC3545' stroke='none'/%3e%3c/svg%3e")
    }

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-color: #fceeef;
    border-color: #DC3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC3545' stroke='none'/%3e%3c/svg%3e");
}

    .form-control.is-invalid:focus, .form-select.is-invalid:focus {
        border-color: #EB690B;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(220, 53, 69, .25);
        background-color: #fceeef;
        color: #1a171b;
    }

.invalid-feedback {
    color: #DC3545;
    line-height: 1.3
}

    .invalid-feedback a {
        color: #DC3545;
        text-decoration: underline;
        font-weight: 600
    }

        .invalid-feedback a:hover, .invalid-feedback a:focus {
            color: #29549b;
        }

.form-control.is-valid {
    border-color: #4FCB6E;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234FCB6E' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-color: #e5f7e9;
}

.form-select.is-valid:not([multiple]):not([size]) {
    border-color: #4FCB6E;
    background-color: #e5f7e9;
    background-image: none
}

.valid-feedback {
    color: #4FCB6E;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #4FCB6E;
    border-color: #4FCB6E;
}

    .form-check-input.is-valid:checked ~ .form-check-label {
        color: #4FCB6E;
    }

.form-check-input {
    border-color: #002663;
}

    .form-check-input[type="checkbox"] {
        border-radius: .1em;
    }

    .form-check-input:checked {
        background-color: #1a171b;
        border-color: #1a171b;
    }

        .form-check-input:checked ~ .form-check-label {
            font-weight: 600;
            color: #1a171b
        }

    .form-check-input:focus {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(0, 147, 233, .25);
    }

.form-help {
    cursor: help
}

/* Custom form elements
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.datepicker {
    width: 63%;
    margin-right: 2%;
    float: left
}

.timepicker {
    width: 35%
}

.location-search-col input[type="search"] {
    background-image: url(../img/icons/icon_search-blue.svg);
    background-size: 1.15rem;
    background-position: -webkit-calc(100% - .6rem) 50%;
    background-position: calc(100% - .6rem) 50%;
    background-repeat: no-repeat;
}

.pickup-day-col input[type="text"], .return-day-col input[type="text"] {
    background-image: url(../img/icons/icon_calendar-blue.svg);
    background-size: 1.15rem;
    background-position: -webkit-calc(0% + .6rem) 50%;
    background-position: calc(0% + .6rem) 50%;
    background-repeat: no-repeat;
    padding-left: 2.3rem
}

input.form-control::placeholder {
    color: #999;
}

input.form-control:focus::placeholder {
    color: transparent;
    opacity: 0
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .col-xl-custom {
        width: 28%
    }

        .col-xl-custom.search-btn-col {
            width: auto
        }

    .col-xl-auto.search-btn-col button {
        margin-top: 1.75rem
    }

    .col-xl-custom.location-search-col {
        width: 35%
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .edit-return-day-col {
        width: 38%
    }

        .edit-return-day-col .datepicker {
            width: 45%
        }

        .edit-return-day-col .timepicker {
            width: 50%
        }
}

.input-group-text, .btn-link.border {
    border-color: #ced4da !important;
}

.static-label {
    position: relative;
    bottom: -.5rem;
}

/* Nav Tabs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-tabs {
    border-bottom: 1px solid #fff;
    background-color: rgba(255,255,255,.75);
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #1a171b;
        background-color: #fff;
        border-color: #fff;
        font-weight: 600;
    }

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-tabs .nav-item {
        border-right: 1px solid #fff
    }

.nav-link {
    color: #0093E9;
}

    .nav-link:focus, .nav-link:hover {
        color: #0a58ca;
    }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #fff;
    background-color: rgba(255,255,255,.35);
}

.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    text-decoration: none
}

.nav-tabs .nav-link.disabled {
    color: #9b9c9d;
}


/* Rental Steps
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.rental-steps-section, .cv-services-section {
    position: relative; /*z-index: -2;*/
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
}

.rental-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

    .rental-steps > li {
        counter-increment: stepNum;
        text-align: center;
        display: table-cell;
        position: relative;
        color: #fff;
        line-height: 1;
        background-image: none;
        vertical-align: top;
    }

        .rental-steps > li span.step-name {
            font-size: .875rem; /*color:#fff;*/
            font-weight: 400;
        }

        .rental-steps > li.step:before {
            content: "";
            display: block;
            margin: 0 auto 1px;
            background-color: #29549b;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-weight: 400; /*border-width: 2px;border-style: solid;border-color: #99E9FF;*/
            border-radius: .25rem;
            background-image: url('../img/icons/icon_step-check.svg');
        }

        .rental-steps > li.step.valitse:before {
            background-image: url('../img/steps/icon_etsipaku-duotone.svg');
        }

        .rental-steps > li.step.valitse.is-active:before {
            background-image: url('../img/steps/icon_etsipaku-white.svg');
        }

        .rental-steps > li.step.varaa:before {
            background-image: url('../img/steps/icon_varaapaku-duotone.svg');
        }

        .rental-steps > li.step.varaa.is-active:before {
            background-image: url('../img/steps/icon_varaapaku-white.svg');
        }

        .rental-steps > li.step.ota-kayttoon:before {
            background-image: url('../img/steps/icon-kayttoonotto-white.svg');
        }

        .rental-steps > li.step.aja:before {
            background-image: url('../img/steps/icon_aja-duotone.svg');
        }

        .rental-steps > li.step.aja.is-active:before {
            background-image: url('../img/steps/icon_aja-white.svg');
        }

        .rental-steps > li.step.palauta:before {
            background-image: url('../img/steps/icon_palauta-white.svg');
        }

        .rental-steps > li:after {
            content: "";
            height: 1px;
            width: 100%;
            background-color: #99E9FF;
            position: absolute;
            top: 16px;
            left: 50%;
            z-index: -1;
        }

        .rental-steps > li:last-child:after {
            display: none;
        }

        .rental-steps > li.is-active span.step-name {
            color: #99E9FF;
        }

        .rental-steps > li.is-active:after {
            background-color: #99E9FF
        }

        .rental-steps > li.is-active ~ li {
            color: #fff;
        }

            .rental-steps > li.is-active ~ li:before {
                background-color: #29549b;
                border-color: #fff;
            }

        .rental-steps > li.step.is-active:before {
            border: 2px solid #99E9FF;
            border-radius: 50rem;
            background-color: #00C8F0
        }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .rental-steps-section {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border: none
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .rental-steps-section, .cv-services-section {
        border: 2px solid #fff
    }

    .rental-steps > li span.step-name {
        font-size: .875rem;
    }

    .rental-steps > li.step:before {
        margin: 0 auto;
        width: 50px;
        height: 50px;
        line-height: 46px;
    }

    .rental-steps > li:after {
        top: 23px;
        height: 2px
    }

    .rental-steps > li.step.is-active:before {
        border-width: 2px;
        width: 55px;
        height: 55px
    }
}

/* Home page advantages & Brand badges
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.advantage-div{ position: relative;bottom:.75rem;}
.advantage-tag{ background-color: #29549b; color: #fff;border: 4px double #fff;margin: 0 0.15rem 0.15rem;border-radius: 0.15rem;line-height: 1.4;font-size: .875rem;display: inline-block;padding: 0.25rem 1rem;white-space: nowrap;font-weight: 500;letter-spacing: .0125rem; } 
         
.badge-img{ transition: all 1s;transform-origin: 50% 50%;max-width: 140px;height: auto}
.badge-img:hover{transform: scale(1.2);}
.brand-badge{text-align: center; position:absolute; top:1rem; left:.5rem;z-index: 90} 
.city-badge {position: absolute;z-index: 900;padding: .25rem 0;top: 15px;right: -40px;transform: rotateY(0deg) rotate(30deg);width: 200px;font-size: .725rem;line-height: 1;  }  
         
/* Large devices (desktops, 992px and up)*/    
@media (min-width: 992px){
.badge-img{max-width:165px}   
.brand-badge{position: absolute;top: .5rem;right: inherit;z-index: 90;bottom: inherit;left: .5rem;} 
.city-badge {padding: .5rem 0;top: 20px;right: -150px;font-size: 1rem;width: 450px; line-height: 1.15; }  
.city-link { width: 18px; height: 18px  }        
} 

@media (min-width: 1200px) {
.city-badge {padding: .5rem 0;top: 70px;right: -100px;width: 500px;}
}

/* Info boxes & alert-boxes
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.info-box {
    border: 1px solid #fff;
    position: relative;
    padding: .75rem;
    margin-bottom: .5rem;
}

    .info-box h5, .info-box p {
        color: #fff;
        margin-bottom: 0
    }

    .info-box .btn {
        margin-top: 1rem;
        white-space: nowrap;
    }

.alert-box {
    position: relative;
    padding: 1rem;
}

    .alert-box h5, .alert-box p {
        color: #fff;
    }

        .alert-box h5, .alert-box p:last-child {
            margin-bottom: 0
        }

        .info-box p a, .alert-box p a {
            color: #fff;
            text-decoration: underline;
            font-weight: 600;
        }

            .info-box p a:hover, .info-box p a:focus, .alert-box p a:hover, .alert-box p a:focus {
                color: #fff;
                font-weight: 600;
            }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .info-box {
        border: 2px solid #fff;
    }

        .info-box .btn {
            margin: 0 1rem;
            border-width: 2px
        }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .info-box {
        border: 2px solid #fff;
    }

        .info-box .btn {
            margin: 0 1rem 0 2rem;
            border-width: 2px
        }
}

/* Sections 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
section, footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.section-container {
    position: relative
}

.reservation-info-section {
    margin-top: -1px !important;
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    section, footer {
        max-width: 90%;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    section, footer {
        max-width: 65rem;
    }

    .collapse p {
        max-width: 100%;
    }
}

/* Service info
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.service-item {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .5rem
}

    .service-item::before {
        content: '';
        background: url('../img/icons/icon_check-circle-white.svg');
        height: 1.25rem;
        width: 1.25rem;
        position: absolute;
        top: .3rem;
        left: 0;
    }

    .service-item.blue-icon::before {
        content: '';
        background: url('../img/icons/icon_check-circle-blue.svg');
        height: 1.25rem;
        width: 1.25rem;
        position: absolute;
        top: .3rem;
        left: 0;
    }


/* Price calendar
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
img.arrow-down {
    opacity: .75
}

.price-calendar p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.price-calendar-label {
    margin: .75rem 0;
}

.week-control-next-icon {
    background-image: url("../img/icons/icon_arrow-right-blue.svg");
}

.week-control-prev-icon {
    background-image: url("../img/icons/icon_arrow-left-blue.svg");
}

.week-control-next-icon, .week-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

    .week-control-next-icon:hover, .week-control-prev-icon:hover {
        opacity: .85
    }

.week-control-next, .week-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.week-control-prev {
    left: 0;
    top: 20%;
}

.week-control-next {
    right: 0;
    top: 20%;
}

.price-calendar-flex {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.calendar-block {
    background-color: #fff;
    border: 1px solid #fff;
    display: flex;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    padding: 0;
    border: 1px solid #dee2e6;
    padding: 0 .25rem
}

.day-block {
    width: 29%;
    margin: .3rem .3rem .5rem;
}

.time-block {
    width: 40%;
    margin: .3rem .3rem .5rem;
}

.calendar-block.selected {
    margin: .3rem .3rem .5rem;
}

.calendar-block:hover, .calendar-block:focus {
    border: 1px solid #0093E9;
    -webkit-box-shadow: 0 0 0 4px rgba(0,147,233,.25);
    -moz-box-shadow: 0 0 0 4px rgba(0,147,233,.25);
    box-shadow: 0 0 0 4px rgba(0,147,233,.25);
    cursor: pointer
}

.calendar-block.selected {
    background-color: #0093E9;
    color: #fff;
    border: 1px solid #0093E9;
}

.calendar-block.notavailable {
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
}

.calendar-block .block-top {
    min-height: 1.5rem;
    position: relative
}

.calendar-tag {
    font-size: .775rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .035rem
}

    .calendar-tag img {
        position: relative;
        bottom: .125rem;
        margin-right: .25rem
    }
/*.tag-best-price {color:#e02b8a;}
.tag-selected {color:#00EAFF;}
.tag-notavailable {color:#fcb0b7;}*/

.tag-selected, .tag-notavailable, .tag-best-price {
    display: none;
}
/*5.6.2022*/

.calendar-block .block-top:after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    right: 0;
    font-size: .775rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .035rem;
}
/*5.6.2022*/
.calendar-block.best-price .block-top:after {
    content: "Halvin";
    color: #e02b8a;
}
/*5.6.2022*/
.calendar-block.selected .block-top:after {
    content: "Valittu";
    color: #00EAFF;
}
/*5.6.2022*/
.calendar-block.notavailable .block-top:after {
    content: "Ei saatavilla";
    color: #fcb0b7;
}
/*5.6.2022*/
.calendar-block.selected.best-price .block-top:after {
    content: "Halvin valittu";
    color: #00EAFF;
}
/*5.6.2022*/

.calendar-block .block-middle {
    padding: .25rem 0;
    margin-top: .25rem;
    margin-bottom: auto
}

.calendar-day {
    display: block; line-height:1.2;
}

.calendar-info {
    display: block;line-height:1.2;
}

.calendar-time , .calendar-time-info{
    display: block;line-height:1.2;
}

.calendar-block .block-bottom {
    padding-bottom: 1rem
}

.calendar-price {
    font-weight: 800;
    font-size: 1.75rem
}

.calendar-price-currency {
    font-weight: 700
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .day-block {
        width: 22%;
        margin: .3rem .3rem .5rem;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .pc-goback-btn {
        position: absolute;
        top: .5rem;
        right: 1rem
    }

    .day-block {
        width: 12%;
        margin: .35rem;
    }

    .time-block {
        width: 22%;
        margin: .35rem;
    }

    .calendar-block.selected {
        margin: .35rem .75rem;
        -webkit-box-shadow: 0 0 0 .5rem rgba(0,147,233,1);
        -moz-box-shadow: 0 0 0 .5rem rgba(0,147,233,1);
        box-shadow: 0 0 0 .5rem rgba(0,147,233,1);
    }

    .calendar-block.notavailable.selected {
        -webkit-box-shadow: 0 0 0 .5rem #dc3545;
        -moz-box-shadow: 0 0 0 .5rem #dc3545;
        box-shadow: 0 0 0 .5rem #dc3545;
    }
    /*5.6.2022*/
    .calendar-block .block-middle {
        padding: .5rem 0;
        margin-top: .5rem;
    }

    .calendar-price {
        font-size: 2.15rem
    }
}


/* Car listing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.list-price {
    font-weight: 800;
    font-size: 1.75rem;
    color: #1a171b
}

.list-price-currency {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1a171b
}

.car-desc {
    line-height: 1.2rem;
    margin-bottom: .5rem;
}

.car-info-badge {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .025rem;
    padding: .2rem .6rem .1rem;
    margin: .15rem;
    line-height: 1.4;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    color: #485156
}

    .car-info-badge img {
        margin-right: .35rem;
    }

.show-more.collapsed::before {
    content: "Näytä";
}

.show-more::before {
    content: "Piilota";
}

.car-moreinfo-wrapper, .car-info-wrapper {
    padding: .5rem 1rem
}

    .car-moreinfo-wrapper h6 {
        font-size: 1rem;
        margin-bottom: .25rem
    }

    .car-moreinfo-wrapper .list-unstyled {
        margin-bottom: 0
    }

        .car-moreinfo-wrapper .list-unstyled li {
            font-size: .875rem;
            margin-bottom: .2rem;
            line-height: 1.3
        }

.filter {
    width: 160px;
    border: 1px solid #b4b4b4;
    padding: .25rem;
    margin: .25rem
}

.filter-van, .filter-pickup-location {
    margin: .15rem;
    text-align: left;
    width: 100%
}

    .filter-van .form-check-input {
        margin-top: 0;
        vertical-align: middle;
    }

    .filter-van span {
        position: relative;
        top: .125rem;
    }

    .filter-van img {
        margin-left: .25rem
    }

    .filter-van .list-group-item .active {
        border: 1px solid blue
    }

.filter-header {
    text-align: left
}

.list-group-item {
    color: #485156
}

.filter-pickup-location.selected, .filter-van .selected {
    background: #0093E9;
    border-color: #0093E9;
    color: #fff;
}

.selected .form-check-input:checked ~ .form-check-label {
    font-weight: 400;
    color: #fff;
}

.filter-pickup-location {
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    padding: .5rem 1rem;
    border-radius: .25rem;
    margin: .15rem
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .list-price {
        font-size: 2.75rem
    }

    .list-price-currency {
        font-weight: 700;
        font-size: 2rem
    }

    .filter-pickup-location, .filter-van {
        width: auto;
    }
}

/* Large devices (desktops, 9600px and down)*/
@media (max-width: 960px) {
   .filter-van-list{max-width: 300px; margin-left: auto; margin-right: auto} 
}   

/* Klarna Check-out
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.add-more {
    position: relative
}

    .add-more::after {
        content: '';
        background: url('../img/icons/icon_arrow-up-blue.svg');
        position: absolute;
        height: 1rem;
        width: 1rem;
        top: .375rem;
        right: 0;
    }

    .add-more.collapsed::after {
        content: '';
        background: url('../img/icons/icon_arrow-down-blue.svg');
        position: absolute;
        height: 1rem;
        width: 1rem;
        top: .375rem;
        right: 0;
    }

.label-driver {
    background-color: #0093E9;
    color: #fff;
    padding: .3rem .25rem .3rem .6rem;
    font-size: .875rem;
    font-weight: 400;
    margin: .1rem 0;
}

    .label-driver:hover, .label-driver:focus {
        background-color: #33B4FF;
        color: #fff;
        text-decoration: none
    }

    .label-driver img {
        position: relative;
        bottom: .125rem;
        margin-left: .25rem
    }

.rounded-badge {
    border-radius: 50rem;
    padding: .5rem;
    height: 1.75rem;
    width: 1.75rem;
    background-color: #4FCB6E;
    vertical-align: middle;
    line-height: .8;
}

.pickup-info {
    margin-left: 1.85rem
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .add-more::after, .add-more.collapsed::after {
        content: '';
        right: -1.15rem;
    }
}

/* Reservation info
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.reservation-info-list li {
    margin-bottom: .2rem;
    line-height: 1.3
}

    .reservation-info-list li .semibold, .reservation-info-list li.semibold {
        color: #1a171b
    }

/* Rental list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.rental-list-icon {
    position: absolute;
    left: 0;
}

.rental-list-info {
    display: block;
    margin-left: 2rem
}

.rental-date:first-letter {
    text-transform: uppercase;
}

/* Teasers
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.teaser-content p:last-child {
    margin-bottom: 0
}

.teaser-content a {
    position: relative
}

    .teaser-content a::after {
        content: '';
        background: url('../img/icons/icon_arrow-right-blue.svg');
        position: absolute;
        height: .75rem;
        width: .75rem;
        top: .375rem;
        right: 0;
    }

/* Google Map custom ratio
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.citymap {
    margin: 10px 0
}

.square-map {
    margin-top: 18px
}

.ratio-map {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
}

.ratio-map {
    padding-top: 100%; /* This is your aspect-ratio */
}

.ratio-inner {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .ratio-1x1.gmaps {
        --bs-aspect-ratio: calc(9 / 16 * 100%)
    }

    .ratio-map {
        padding-top: 56.25%;
    }
}

/* Location-info
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.location-info-text {
    max-width: 700px
}

    .location-info-text ul {
        line-height: 1.25
    }

        .location-info-text ul li {
            margin-bottom: .35rem
        }

/* FAQ
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.accordion-button {
    color: #1a171b;
    color: #0093E9;
    font-family: myriad-pro, sans-serif;
    font-size: 1.15rem;
    padding: .75rem .75rem .75rem 0
}

    .accordion-button:hover, .accordion-button:focus {
        color: #0a58ca;
    }

    .accordion-button:not(.collapsed) {
        color: #0093E9;
        background-color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

        .accordion-button:not(.collapsed)::after {
            content: '';
            background: url('../img/icons/icon_arrow-down-blue.svg');
        }

    .accordion-button::after {
        content: '';
        background: url('../img/icons/icon_arrow-down-gray.svg');
    }

.accordion-header {
    font-family: myriad-pro, sans-serif;
    font-weight: 600
}

.accordion-body p:last-child {
    margin-bottom: 0
}

.accordion-collapse .car-info-row {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

    .accordion-collapse .car-info-row:last-child {
        border: none
    }

/* Filters, labels
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-filter {
    background-color: #fff;
    color: #0093E9;
    margin: .35rem .175rem;
    border-radius: 50rem;
    font-weight: 400;
    padding: .35rem 1rem;
    font-size: 1rem;
    border: 1px solid #fff;
    display: inline-block
}

    .blog-filter:hover, .blog-filter:focus {
        background-color: #fff;
        color: #0093E9;
        ;
        border-color: #0093E9;
        text-decoration: none;
    }

    .blog-filter.active {
        background-color: #0093E9;
        color: #fff;
        border-color: #0093E9;
    }

.tag {
    position: relative;
    top: -.5rem;
    background-color: #29549b;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin-bottom: .5rem;
    font-size: .875rem;
    border-radius: 0;
}

    .tag.active {
        background-color: #00C8F0;
        padding: .5rem 1rem;
    }

    .tag.alert {
        background-color: #dc3545;
        padding: .5rem 1rem;
    }

    .tag.success {
        color: #4FCB6E;
        background-color: #fff;
    }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .tag {
        padding: .5rem 1rem;
        position: absolute;
        top: 0;
        right: 0;
    }
}


/* Blog, tags, filters
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.blog-header {
    position: relative;
    background-color: #29549b;
    min-height: 5vh
}

    .blog-header.no-image {
        background-image: none;
    }

.blog-heading {
    text-shadow: .1rem 0 .5rem rgba(0, 0, 0, 0.5);
}

.blog-header.no-image .blog-heading {
    text-shadow: none;
}

.blog-header-row {
    min-height: 50vh
}

.blog-header.no-image .blog-header-row {
    min-height: 5vh
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .blog-header-row {
        min-height: 70vh
    }
}

/* Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1600px) {
    .blog-header-row {
        min-height: 500px
    }
}

.card-img-wrapper {
    position: relative;
    min-height: 1.5rem
}

.card {
    border-radius: 0;
    max-width: 24rem;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    border: 1px solid #dee2e6;
}

.card-body hr {
    background-color: #002649;
    opacity: 100
}

.card-title {
    font-size: 1.35rem
}

a .card-title {
    color: #0093E9
}

    a .card-title:hover, a .card-title:focus {
        color: #0a58ca
    }

.card-text {
    line-height: 1.35
}

.masonry-card {
    width: 95%;
    max-width: 95%
}

.blog-tags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: .5rem
}

.blog-tag {
    background-color: #fff;
    color: #0093E9;
    border: 1px solid #0093E9;
    margin: 0 .15rem .15rem;
    border-radius: 50rem;
    line-height: 1.25;
    font-size: .825rem;
    font-weight: 400;
    display: inline-block;
    padding: .25em .5em;
    white-space: nowrap;
}

    .blog-tag:hover, .blog-tag:focus {
        text-decoration: none;
        border: 1px solid #0093E9;
    }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .card {
        max-width: 100%;
    }
}

/* Breadcrumbs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.breadcrumbs-wrapper {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0
}

.breadcrumbs {
    padding: .5rem;
    background-color: #29549b
}

.site-home {
    height: .875rem;
    position: relative;
    bottom: .1rem
}

.slash {
    height: .7rem;
    opacity: .75
}

.breadcrumbs a {
    font-size: .875rem
}

    .breadcrumbs a:hover, .breadcrumbs a:focus {
        opacity: .75
    }

.breadcrumbs .list-inline-item {
    margin-right: .25rem;
}

.breadcrumbs-sm {
    font-size: .875rem
}

    .breadcrumbs-sm .slash {
        height: .5rem;
    }

    .breadcrumbs-sm .site-home {
        height: .7rem;
    }

/* Custom list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.latest-blog-list {
    max-width: 40rem;
}

ul.arrow-list {
    list-style-type: none;
}

    ul.arrow-list li {
        position: relative;
        line-height: 1.25;
        padding: .5rem;
    }

        ul.arrow-list li::before {
            display: block;
            content: ' ';
            background-image: url('../img/icons/icon_arrow-right-white.svg');
            background-size: 1rem 1rem;
            height: 1rem;
            width: 1rem;
            position: absolute;
            left: -1.25rem;
            top: .5rem;
        }

ol.custom-numbered-list {
    list-style: none;
    counter-reset: li;
    padding-left: 2rem;
    margin-top: 1rem;
}

    ol.custom-numbered-list li {
        margin-bottom: .5rem;
        counter-increment: li;
        padding-bottom: .5rem;
        border-bottom: 1px dashed rgba(255,255,255,.35);
    }

        ol.custom-numbered-list li:last-child {
            border-bottom: none;
        }

        ol.custom-numbered-list li::before {
            content: counter(li);
            color: #1a171b;
            display: inline-block;
            width: 1em;
            margin-left: -2em;
            margin-right: .5em;
            direction: rtl;
            background-color: #fff;
            border-radius: 5rem;
            width: 1.5rem;
            text-align: center;
            font-weight: 600
        }


/* Modal
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-close.btn-outline {
    padding: .35em .35em;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 1px solid #fff;
    border-radius: .25rem;
    opacity: 1;
}

    .btn-close.btn-outline:hover {
        background-color: rgba(0,0,0,.15);
        border-color: #fff;
        color: #fff;
        outline: none !important;
    }

.modal-body strong {
    color: #1a171b;
    font-weight: 600
}

.modal-body ol {
    list-style: none;
    counter-reset: li;
    padding-left: 2rem;
    margin-top: 1rem;
}

    .modal-body ol li {
        margin-bottom: .5rem;
        counter-increment: li;
        padding-bottom: .5rem;
        border-bottom: 1px dashed rgba(0,0,0,.125);
    }

        .modal-body ol li:last-child {
            border-bottom: none;
        }

        .modal-body ol li::before {
            content: counter(li);
            color: #fff;
            display: inline-block;
            width: 1em;
            margin-left: -2em;
            margin-right: .5em;
            direction: rtl;
            background-color: #00C8F0;
            border-radius: 5rem;
            width: 1.5rem;
            text-align: center;
            font-weight: 600
        }

/* Editable content area
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-area h2 {
    font-size: 1.75rem;
    margin: 1.5rem 0 1rem
}

.content-area h3 {
    font-size: 1.5rem;
    margin: 1.5rem 0 1rem
}

.content-area h4 {
    font-size: 1.25rem;
    margin: 1.5rem 0 1rem
}

.content-area h5 {
    font-size: 1.15rem;
    margin: 1.5rem 0 1rem
}

.content-area img {
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
}

.mceNonEditable.embeditem {
    position: relative;
    padding-bottom: 100%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: .5rem
}

    .mceNonEditable.embeditem > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.cta {
    background-color: #4FCB6E;
    border: 1px solid #4FCB6E;
    border-radius: .25rem;
    color: #fff;
    margin: .5rem 0 1rem;
    padding: .375rem .75rem .375rem .75rem;
    display: inline-block;
    line-height: 1.5;
    font-size: 1.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: relative
}

    .cta:hover, .cta:focus {
        background-color: #38bc59;
        border-color: #38bc59;
        outline: none;
    }

    .cta a, .cta a:hover, .cta a:focus {
        color: #fff;
        text-decoration: none
    }

.check-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    line-height: 1.33
}

    .check-list li:before {
        content: '';
        background: url('../img/icons/icon_check-circle-blue.svg');
        height: 1.25rem;
        width: 1.25rem;
        position: absolute;
        top: .2rem;
        left: 0;
    }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .ingressi p {
        font-size: 1.15rem;
        font-weight: 300;
    }

    .teaser-content-desktop .ingressi p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.35
    }
}

.teaser-content-desktop  .ingressi ul li {
        font-size: 1rem;
        line-height: 1.25;
        margin-bottom: .25rem;     
    }
          
.teaser-content-desktop  .ingressi ul {
        margin-bottom: 0rem;     
    }

.ingressi.city-ingressi p{ margin-bottom:0; font-weight:600}

.home-page-info-content.content-area h2:first-child {margin-top:0}
.home-page-info-content.content-area p:last-child {margin-bottom:0}


/*Konserni 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
img.avainlippu-header-desktop {
    width: 1rem;
    padding-left: .25rem;
    position: relative;
    bottom: 0;
    left: 0;
}

.cityvarasto-logo {
    bottom: 0;
    right: 0
}

.opiskelijamuutot-logo {
    bottom: 0;
    right: 0
}

.pakuovelle-logo {
    bottom: 0;
    right: 0
}

.brand-intro-text, .ingressi {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .cityvarasto-logo, .opiskelijamuutot-logo, .pakuovelle-logo {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0
    }

        .cityvarasto-logo .logo {
            width: 300px
        }

    img.avainlippu-header-desktop {
        width: 1.5rem;
        bottom: 1.25rem;
        left: .25rem;
    }

    .opiskelijamuutot-logo .logo {
        width: 350px
    }

    .pakuovelle-logo .logo {
        width: 180px
    }

    .ingressi p, .ingressi {
        font-size: 1.15rem;
        font-weight: 300;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/ /*12.4.2022*/
@media (min-width: 1200px) {
    .ingressi p {
        margin-bottom: 1.5rem
    }
    /*12.4.2022*/
}

.city-ingressi p{
       margin-bottom:0;
    }


/* Footer
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
    color: #fff
}

.footer-block {
    width: 90%;
}

.footer-logo-img {
    position: relative;
    bottom: .75rem
}

footer a {
    color: #fff
}

    footer a:hover, footer a:focus {
        color: #BAE8F3;
        color: #00EAFF;
    }

    footer a.h5, footer h5 {
        color: #fff;
    }

footer hr, .info-box hr {
    margin: 1rem 0;
    background-color: #fff;
    opacity: .35;
}

.customer-service-list li {
    position: relative;
    line-height: 1.25;
    margin-bottom: .75rem;
}

.customer-service-list img {
    position: absolute;
    top: .15rem;
}

.customer-service-info {
    margin-left: 2rem;
    display: block
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .footer-block {
        max-width: 35%;
    }

    .follow-us-icon {
        height: 1.5rem;
        padding-right: .25rem
    }

    footer a.h5, footer h5 {
        margin-bottom: .75rem
    }

    footer .guide-link {
        line-height: 1.25;
        margin-bottom: .5rem
    }

    .customer-service-list li {
        margin-bottom: .75rem;
    }

    .customer-service-list img {
        left: -2rem;
        top: .15rem;
    }

    .customer-service-info {
        margin-left: 0;
    }
}

/* LOADER
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
section {
    position: relative
}

.btn-loader {
    display: inline-block;
    width: 1.15rem;
    height: 1.15rem;
    position: relative;
    top: .2rem;
    right: .4rem;
}

    .btn-loader:after {
        content: " ";
        display: block;
        width: 1.15rem;
        height: 1.15rem;
        margin: 0;
        border-radius: 50%;
        border-top: 3px solid rgba(255, 255, 255, 0.2);
        border-right: 3px solid rgba(255, 255, 255, 0.2);
        border-bottom: 3px solid rgba(255, 255, 255, 0.2);
        border-left: 3px solid #fff;
        animation: loader 1.2s linear infinite;
        animation: loader 1.1s infinite linear;
    }

    .btn-secondary .btn-loader:after {
        content: " ";
        display: block;
        width: 1.15rem;
        height: 1.15rem;
        margin: 0;
        border-radius: 50%;
        border-top: 3px solid rgba(0, 147, 233, .85);
        border-right: 3px solid rgba(0, 147, 233, .85);
        border-bottom: 3px solid rgba(0, 147, 233, .85);
        border-left: 3px solid #ffffff;
        animation:  loader  1.2s linear infinite;
        animation:  loader  1.1s infinite linear;
    }

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader {
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 10%;
    left: calc(50% - 5rem);
    z-index: 1
}

    .loader:after {
        content: " ";
        display: block;
        width: 10em;
        height: 10rem;
        margin: 0 auto;
        border-radius: 50%;
        border-top: 2rem solid rgba(239, 240, 240, 0.5);
        border-right: 2rem solid rgba(239, 240, 240, 0.5);
        border-bottom: 2rem solid rgba(239, 240, 240, 0.5);
        border-left: 2rem solid #0093E9;
        animation: loader 1.2s linear infinite;
        animation: loader 1.1s infinite linear;
    }

.calendar-loader {
    width: 100%;
    height: 100%;
    position: relative;
    top: calc(50% - 1.5rem);
    left: 0;
    right: 0;
    z-index: 1
}

    .calendar-loader:after {
        content: " ";
        display: block;
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        border-radius: 50%;
        border-top: .5rem solid rgba(239, 240, 240, 0.5);
        border-right: .5rem solid rgba(239, 240, 240, 0.5);
        border-bottom: .5rem solid rgba(239, 240, 240, 0.5);
        border-left: .5rem solid #0093E9;
        animation: loader 1.2s linear infinite;
        animation: loader 1.1s infinite linear;
    }

.loader_status_for_button {
    position: relative;
}

.btn-primary.hovered {
    opacity: 0.5;
}



/* Tooltip
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tooltip-link {
    color: #0093E9;
    text-decoration: none
}

    .tooltip-link:hover, .tooltip-link:focus {
        color: #0a58ca;
        text-decoration: underline;
        cursor: pointer
    }

.tooltip-inner {
    opacity: 1 !important;
    max-width: 20rem;
    line-height: 1.25;
    padding: .75rem;
}


/* IKEA offer
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.ikea-offer {background-color: #f9d716;color: #1a171b;padding: .15rem .5rem;border: 1px solid #f9d716;line-height: 1.05;display: inline-block;}
.ikea-offer-container {margin-left: 3rem}
.ikea-family-container {border: 1px solid rgba(0,0,0,.125);padding: .5rem;font-size: .875rem;margin-top: .5rem;background-color: rgba(235,235,235,.2);}
.line-through {text-decoration: line-through;}


/* Svea maksutavat
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.payment-button:hover, .payment-button:focus {border: 1px solid #b4b4b4;}
.payment-button {margin: .5rem;padding: .25rem 0;background-color:white;
border-radius: .25rem;cursor: pointer;text-align: center;font-size: 80%;border: 1px solid #eaeaea;}
.payment-text{color: #b4b4b4;border-top: 1px solid #eaeaea;padding-top: .2rem;}
.payment-button .payment-logo {width: 5.625rem;height: 3.5rem;background-color: white;background-position: center;background-repeat: no-repeat;background-size: 95%;cursor: pointer;margin: .1rem;margin-bottom: 0.1rem;margin-bottom: .5rem;}

.modal-body h2{font-size:1.15rem}
.modal-body h3{font-size:1.05rem}
.modal-body h4, .modal-body h5{font-size:1rem}

.price-info-list{margin-bottom: .5rem; font-size: .875rem; max-width: 450px; border-radius: 0;box-shadow: 0px 0px 0px 4px rgba(245, 245, 245, .5);}
.price-info-list li{padding: .35rem 1rem;display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.25}
.price-info-list .summary{border-top: 1px solid #485156;font-weight: 600;position: relative;top: -1px;}

.price-euro{white-space: nowrap; padding-left: .5rem; min-width: 70px; text-align: right} 
.form-check-label{position: relative;display: inline;}
.form-check-label.lh-sm{position: relative; top:0.1rem}