main {
}

/*Overrides for Bootstrap BOF*/
.row {
    margin-right: 0;
}
/*Overrides for Bootstrap EOF*/

/*Fonts BOF*/
body {
    font-family: FreightSansProBook-Regular;
    background-color: #F8F6EB;
}

a,
a:visited,
a:link {
    color: #110F0D;
    width: auto;
}

a:active {
    text-decoration: none;
}

.basicpage-container a:link {
    text-decoration: underline;
}

.basicpage-container {
    font-size: 16px;
}

/*Fonts EOF*/

/*Headers BOF*/

    header {
        width: 100%;
        padding-top: 40px;
    }

    .header__page {
        background-color: white;
    }

    /*Header floats only on frontpage*/
    .header__frontpage {
        float: left;
        z-index: 1;
        position:relative;
    }

    @media screen and (max-width: 767px) {
        .header__frontpage {
            float: none;
        }
    }

    @media (max-width: 767px) {
        header {
            padding-top: 0px;
            position: static;
            min-height: 66px;
        }

        header .header-logo img {
            margin-top: 1em;
            height: 32px;
        }
        header .navbar-nav {
            top: 0 !important;
        }
    }

    @media (max-width: 991px) {
        header .header-logo img {
            height: 28px;
            width: auto;
        }

        header .navbar-nav {
            top: 0 !important;
        }
    }

    header .navbar-nav__item {
        display: inline-block;

        height: 40px;
        padding: 10px 10px 15px 10px;

        text-align: center;

        background-color: transparent;
    }

    /*Last link with orange background BOF*/

        header .navbar-nav__item a:hover,
        header .navbar-nav__item a:active {
            border-bottom: 2px solid #704481;
            text-decoration: none;
            color: #704481;
        }

        header .navbar-nav__item:last-child {
            color: white;
            background-color: #FD836F;
        }

        header .navbar-nav__item:last-child a,
        header .navbar-nav__item:last-child a:hover {
            color: white;
            border-bottom: none;
        }

        header .navbar-nav__item:last-child:hover {
            background-color: #9E4D40;
        }
    /*Last link with orange background BOF*/

    header .navbar-nav {
        position: relative;
        top: 20px;
    }

    @media screen and (min-width: 767px) {
        .navbar-nav {
            display: initial !important;
        }
    }

    header .navbar-nav__item a {

        font-family: FreightSansProBold-Regular;
        font-size: 14px;

        text-transform: uppercase;
    }

    /*Mobile menu BOF*/
        @media screen and (max-width: 767px) {
            header {
                margin:0;
                float: none;
                top: 0;
                left: 0;

                background-color: #FFFFFF;
                padding-bottom: 25px;
            }

            header .header-logo {
                float: none !important;
                width: 0;
            }

            header .navbar-nav {
                float: none !important;
            }

            header .navbar-nav__item {
                display: block;
                width: 200px;
                margin-left: auto;
                margin-right: auto;
            }

            header .mobile-navigation-button {
                position: absolute;
                right: 20px;
                top: 2em;

                border-bottom: 0;
            }
        }
    /*Mobile menu EOF*/

    /*Breadcrumbs BOF*/

    .header__breadcrumb__menu {
        margin-top: 40px;
        border-top: 2px solid #704481;
        padding: 1em;
    }

    .header__breadcrumb__menu a:active {
        text-decoration: none;
    }

    .header__breadcrumb__menu a:hover {
        border-bottom: 3px solid #76DAD0;
        text-decoration: none;
    }


    /*Breadcrumbs EOF*/

/*Headers EOF*/

/*Container BOF*/
.container {
    max-width: 960px;
}
/*Container EOF*/

/*Front page BOF*/
    /*Front page jumbotron BOF*/
        .frontpage__jumbotron {

            background-image: url("../img/frontpage_jumbo_bg.jpg");
            background-attachment: local;
            background-size: cover;
            background-position: center top;

            background-repeat: no-repeat;

            position: relative;
            left: 0;
            top: 0;
            height: 450px;
            width: 100%;
            font-weight: 600;
        }

        /*Jumbotron mobile view BOF*/
        @media screen and (max-width: 767px) {
            .frontpage__jumbotron {
                background-image: url("../img/frontpage_jumbo_small_bg.jpg");
                position: static;
                background-position: center top;
                background-size: auto auto;
                height: 295px;
            }

            .frontpage__jumbotron__title {
                color: white;
                width: 100%;
                text-align: center;

                /*Title texts position*/
                float: left;
                margin-top: 125px;
            }
            .frontpage__jumbotron__title--first {
                font-size: 36px;
                font-family: FreightSansProBold-Regular;

                width: 250px;
                margin: 0 auto;
            }

            .frontpage__jumbotron__title--first h1 {
                font-size: 36px !important;
            }

            .frontpage__jumbotron__title--second {
                font-size: 22px;

                width: 250px;
                margin: 0 auto;
            }
            .frontpage__jumbotron__title--second h2 {
                font-size: 22px !important;
            }
        }
        /*Jumbotron mobile view EOF*/

        /*Jumbotron desktop view BOF*/
        @media screen and (min-width: 767px) {
            .frontpage__jumbotron__title {
                color: white;
                width: 100%;
                text-align: center;

                /*Title texts position*/
                float: left;
                margin-top: 160px;
            }
            .frontpage__jumbotron__title--first {
                font-size: 54px;
                font-family: FreightSansProBold-Regular;

                font-weight: 600;
                width: 420px;
                margin: 0 auto;
            }


            .frontpage__jumbotron__title--first h1 {
                font-size: 54px !important;
            }

            .frontpage__jumbotron__title--second {
                font-size: 32px;

                font-weight: 600;

                width: 420px;
                margin: 0 auto;
            }

            .frontpage__jumbotron__title--second h2 {
                font-size: 32px !important;
                font-weight: 600;
            }
        }
    /*Jumbotron desktop view BOF*/

    /*Front page jumbotron EOF*/

    /*Front page search bar BOF*/

        /*Red background for search container*/
        .frontpage__searchbar {
            border-top: 2px solid #FFF;
            background-color: #fd836f;
            width: 100%;
        }

        @media screen and (max-width: 767px) {
            .frontpage__searchbar {
                padding-bottom: 1em;
            }
        }

        /*Searchbars container is slighty narrower than rest of the containers*/
        .frontpage__searchbar__container {
            max-width: 800px;
            padding: 25px 0 50px 0;
        }

        .frontpage__searchbar--title {
            color: white;
            font-size: 28px;
            line-height: 40px;
        }
        .frontpage__searchbar__form--field {
            width: calc(80% - 95px);
        }
        .frontpage__searchbar__form--submit {
            margin-left: 95px;
        }
        .searchpage__form--submit__button {
            height: 45px !important;
            width: 150px !important;
        }

        @media screen and (max-width: 511px) {
            .searchpage__form--submit__button {
                width: 130px !important;
            }
        }
        
        @media screen and (max-width: 767px) {
            .frontpage__searchbar__container {
                padding: 1em 1em 1em 1em;
            }
            .frontpage__searchbar--title {
                color: white;
                font-size: 28px;
                line-height: 40px;
                text-align: center;
            }
            .frontpage__searchbar__form--field {
                width: 100%;
            }
            .frontpage__searchbar__form--submit {
                position: relative;
                display: block;

                top: 1em;

                margin-left: auto;
                margin-right: auto;

                float: none !important;
            }
        }
    /*Front page search bar EOF*/

    /*Front page content area BOF*/
    .frontpage__content {}

    .frontpage__content__top {
        padding-bottom: 2em;
        border-bottom: 2px solid #6dc5ef;
    }

    .frontpage__content--blog {
        text-align: center;
        font-size: 20px;
        padding-bottom: 1em;
    }

    .frontpage__content--blog img {
        height: 170px;
        width: auto;

        padding-bottom: 1em;
    }

    .frontpage__content--blog strong {
        display: block;
        text-transform: uppercase;
        color: #704481;
        font-family: FreightSansProSemibold-Regular;
        font-size: 14px;
    }

    .frontpage__content--balloon {
        text-align: center;
        font-size: 20px;
        font-family: FreightSansProSemibold-Regular;
    }

    .frontpage__content--balloon img {
        height: 145px;
        width: auto;

        padding-bottom: 1em;
    }

    .frontpage__content--balloon a {
        display: block;
    }

    /*Content mobile view BOF*/
        @media screen and (max-width: 767px) {
            .frontpage__content__top {
                width: 95%;
                margin-left: auto;
                margin-right: auto;
            }
            .frontpage__content--balloon {
                font-size: 14px;
            }

            .frontpage__content--balloon img {
                padding-top: 0.5em;
                padding-bottom: 0.25em;
            }
        }
        @media screen and (max-width: 511px) {
            .frontpage__content--balloon img {
                height: 100px;
                width: auto;
                padding-bottom: 0.25em;
                padding-top: 0.5em;
            }
        }
    /*Content mobile view BOF*/

    /*Content desktop view BOF*/
    @media screen and (min-width: 767px) {

    }
    /*Content desktop view BOF*/

    .frontpage__content--title {
        font-size: 38px;
        text-align: center;

        padding-top: 1em;
        padding-bottom: 0.75em;
    }

    .frontpage__content--title.small {
        font-size: 23px;
    }


    /*Front page content area EOF*/
/*Front page EOF*/

/*Landing page BOF*/
    @media screen and (max-width: 767px) {
        .frontpage__jumbotron__title {
            color: white;
            width: 100%;
            text-align: center;

            /*Title texts position*/
            float: left;
            margin-top: 125px;
        }
    }

    .landing__jumbotron {
        position: initial;
    }

    .landing__jumbotron__title {
        padding-left: 1em;
        margin-top: 2em;
    }


    .landing__jumbotron__title--first {
        font-size: 36px;
        font-family: FreightSansProBold-Regular;
        width: 400px;
        color: #704381;
        margin-top: 2em;

        position: relative;
        top: 25px;
    }

    .landing__jumbotron__title--second {
        font-size: 20px;
        width: 550px;
        position: relative;
        font-weight: normal;
        top: 25px;
    }

    .landing__jumbotron__title--cta {
        position: relative;
        top: 50px;
    }

    @media screen and (max-width: 767px) {

        .landing__jumbotron__title {
            margin-top: 0;
        }

        .landing__jumbotron__title--first {
            margin-top: 0;
            width: 100%;
            text-align: center;
            font-size: 26px;
        }

        .landing__jumbotron__title--second {
            width: 100%;
            text-align: center;
        }

        .landing__jumbotron__title--cta {
            width: 100%;
            text-align: center;
            top: 50px;
        }
    }

    @media screen and (max-width: 511px) {
        .landing__jumbotron__title--second {
            font-size: 16px;
        }
    }
        /*Jumbotron mobile view EOF*/

    .landing__jumbotron__title--cta .form-button--basic-black {
        background-color: black;
        width: 185px;
        height: 50px;
        font-size: 14px;
    }

    .landing__content__benefits {
        border-bottom: 2px solid #6DC5EF;
        padding-bottom: 2em;
    }

    .landing__content--benefit {
        text-align: center;
        font-size: 15px;
        padding-bottom: 1em;
    }

    .landing-content--benefit-title {
        font-weight: bold;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .landing-content--benefit-img {
        height: 80px;
    }

    .landing__content--benefit-content {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
    }

    .landing__content--benefit strong {
        display: block;
        color: #110F0D;
        font-family: FreightSansProSemibold-Regular;
        font-weight: normal;
        font-size: 17px;
        margin-bottom: 25px;
    }

    .landing__content__other-benefits__container {
        text-align: center;
        width: 66%;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        margin-bottom: 50px;
    }

    .landing__content__other-benefits__container p {
        margin-bottom: 0;
    }

    .landing__content__other-benefits--separator {
        color: #704381;
        font-size: 18px;
    }

    .landing__content__pricetables {
        background-color: #A7DCF5;
    }

    .landing__content__pricetables--container {
        max-width: 385px;
        min-width: 100%;
    }

    .landing__content__pricetables--row {
        padding-left: 15px;
        padding-right: 15px;
    }

    @media screen and (max-width: 767px) {
        .landing__content__pricetables--container {
            max-width: initial;
        }
        .landing__content__pricetables--row {
            padding-left: initial;
            padding-right: initial;
        }

    }

    .landing__content__pricetables--column {
        margin-bottom: 2em;
        background-color: #FFF;
        height: 585px;
        padding: 0.75em 1em 0em 2em;
        margin-left: 15px;
    }

    @media screen and (max-width: 767px) {
        .landing__content__pricetables--column,
        .landing__content__pricetables--for-business
        {
            margin-left: auto;
            margin-right: auto;
            float: none !important;
            width: 80%;
        }
    }

    .landing__content__pricetables--premium {
        font-size: 22px;
        font-family: FreightSansProSemibold-Regular;
    }

    .landing__content__pricetables--price {
        font-size: 32px;
        font-weight: bold;
    }

    .landing__content__pricetables--price span {
        font-size: 20px;
        font-weight: normal;
    }

    .landing__content__pricetables--cta {
        background-color: #FD836F;
        text-align: center;
        width: 100%;
        height: 90px;
        color: white;
        font-weight: bold;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-content: center;
        cursor: pointer;

        text-transform: uppercase;

        position: absolute;
        bottom: 0;
        left: 0;
    }

    .landing__content__pricetables--cta span {
        align-self: center;
    }

    .landing__content__pricetables--for-business {
        background-color: #FFFFFF;
        margin-top: 20px;
        margin-bottom: 50px;
        text-align: center;
        padding-bottom: 1em;
        padding-top: 1em;
    }
    
    .landing__content__pricetables--for-business a:link {
        text-decoration: underline;
    }

    .landing__content__pricetables--for-business strong {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: normal;
        font-family: FreightSansProSemibold-Regular;
    }

    .landing__content__pricetables--for-business p {
        font-size: 16px;
    }

    .landing__content__slider {
        border-bottom: 2px solid #6DC5EF;
        margin-top: 50px;
        min-height: 250px;

        font-size: 16px;
    }

    .landing__content__faq {

    }

    .landing__content__faq__container {
        font-size: 16px;
        width: 66%;
        margin-left: auto;
        margin-right: auto;
    }
/*Landing page EOF*/

/*Search page BOF*/

    .searchpage {}

    .hideable-form__toggle {
        cursor: pointer;
        text-transform: uppercase;
        border-bottom: 1px solid #A6A5A5;
        text-decoration: none;
        font-size: 12px;
        font-family: FreightSansProSemibold-Regular;
    }
    /*Map container BOF*/

    .map__container {
        width: 100%;
        height: 300px;
    } 

    .search-map-toggle__container {
        width: 100%;
        text-align: center;
    }

    .search-map-toggle {
        width: 135px !important;
        position: relative;
        bottom: 20px;
    }

    @media screen and (max-width: 767px) {
        .map__container {
            display: none;
        }
    }
    /*Map container EOF*/

    /*Search form EOF*/

        #searchform__order-by {
            position: absolute;
            left: 760px;
            top: 2em;
            width: 175px;
            z-index: 2;
        }

        @media screen and (max-width: 991px) {
            #searchform__order-by {
                left: 550px;
            }
        }

        @media screen and (max-width: 767px) {
            #searchform__order-by {
                left: calc(100% - 175px);
                top: calc(100% + 2em);
            }
        }

        #searchform__order-by label {
            padding-right: 10px;
        }

        #searchform__order-by select {
            max-width: 100px;
            text-transform: uppercase;
            font-weight: bold;
            padding-left: 0.2em;
            height: 32px;
            font-size: 13px;
        }

        .searchpage {
            padding-bottom: 1em;
        }

        .searchpage__form--title {
            color: #704481;
            margin-left: 0.5em;
            font-size: 38px;
        }

        @media screen and (max-width: 767px) {
            .searchpage__form--title {
                margin: 0 0 0 0.2em;
            }

            .navbar-form {
                margin-top: 0;
                padding-top: 0;
            }
        }

        /*Advanced search title with "side lines" BOF*/
            .searchpage__form--title__advanced-search {
                margin-top: 1em;
                clear: both;
                text-transform: uppercase;
                font-family: FreightSansProSemibold-Regular;
                font-size: 16px;
                position: relative;
                z-index: 1;
                overflow: hidden;
                text-align: center;
                padding-left: 10px;
                padding-right: 10px;

                border: none;
            }

            .searchpage__form--title__advanced-search:after,
            .searchpage__form--title__advanced-search:before {
                position: absolute;
                top: 51%;
                overflow: hidden;
                width: 50%;
                height: 1px;
                content: " ";
                background-color: #110f0d;
                margin-left: 5%;
            }
            .searchpage__form--title__advanced-search:before {
                margin-left: -55%;
                text-align: right;
            }

        /*Advanced search title with "side lines" EOF*/

        .navbar-form {
            margin-top: 0;
            padding-top: 0;
        }

        .searchpage__form-group--label:first-child {
            padding-top: 0;
        }

        .searchpage__form-group li {
            list-style: none;
        }

        .searchpage__form-group ul {
            padding: 0;
        }

        .searchpage__form-group > .form-button--basic-white {
            margin-bottom: 0.5em;
        }

        /*Styling for text inputs*/
        .searchpage__form-group input[type=text],
        .searchpage__form-group input[type=number],
        .searchpage__form-group select {
            width: 100%;

            border: 1px solid #110F0D;
            height: 38px;

            padding-left: 1em;
            padding-right: 1em;
        }

        /*Styling for buttons*/
        .searchpage__form-group input[type=button] {
            border: 1px solid #110F0D;
            height: 32px;
            width: 60%;

            font-size: 14px;

            display: block;
        }

        .searchpage__form-group--label {
            padding-top: 1em;
            font-family: FreightSansProSemibold-Regular;
            font-weight: 400;
        }

        .searchpage__form-group--label__icon {
            float: right;
            height: 32px;
            width: auto;

            position:relative;
            top: 10px;
        }

        .searchpage__form-group--label__info {
            display: none;
        }

        .searchpage__form-group label {
            font-weight: 400;
        }

        .searchpage__form-group--errors {

        }

        .searchpage__form-group--icon {
            width: 60px;
            display: inline-block;
        }

        .searchpage__result--icon {
            width: auto;
            display: inline-block;
        }

        @media screen and (max-width: 767px) {
            .searchpage__result--icon {

            }
            .searchpage__result--icon.profilepage {
                float: left;
                display: inline-block;
            }
        }

        .searchpage__form-group--icon > img,
        .searchpage__result--icon > img{
            height: 28px;
            width: auto;
        }

        .searchpage__form--content {
            background-color: #F8F6EB;
            padding: 1em 0.5em 1em 0.5em;
        }

        @media screen and (max-width: 767px) {
            .searchpage__form--content {
                background-color: #FFF;
            }
        }

        /*Align checkboxes with icon label Kela, freetimes, video etc. BOF*/
            .searchpage__form-group__icon_label {
                position: relative;
                top: 5px;
            }

            .searchpage__form-group__icon_label label {
                position: relative;
                bottom: 2px;
            }
        /*Align checkboxes with icon label Kela, freetimes, video etc. EOF*/

        /*Custom class for online booking date fields BOF*/
            .searchpage__form-group__online-booking {
                float: right;
            }

            .searchpage__form-group__online-booking:after {
                content: "";
                clear: both;
            }

            .searchpage__form-group__online-booking span {
                padding-left: 0.5em;
                padding-right: 0.5em;
            }

            .searchpage__form-group__online-booking input {
                height: 30px !important;
                width: 75px !important;
            }
        /*Custom class for online booking date fields EOF*/

        /*Tooltip styling for info icon tooltip BOF*/
            .searchpage__form-group .tooltip > .tooltip-inner {
                background-color: #A7DCF5;
                color: #110f0d;
                text-align: left;
                width: auto;
                max-width: 300px;
                padding: 1em;
            }

            .searchpage__form-group .tooltip .tooltip-arrow {
                border-bottom-color: #A7DCF5;
            }

            .searchpage__form-group .tooltip.in {
                opacity: 1;
            }
        /*Tooltip styling for info icon tooltip BOF*/

        .searchpage__form--submit {
            margin-top: 1em;
            width: 100%;
            text-align: center;
        }

    /*Search form EOF*/

    /*Search page results BOF*/

        .searchpage__results {
            margin-top: 2em;
        }

        .searchpage__results__title-row {
            height: 40px;
        }

        .searchpage__results--title {
            font-family: FreightSansProSemibold-Regular;
            font-size: 16px;
        }

        .searchpage__results__title-row--formfilter {
            border: 1px solid #110F0D;
            height: 32px;
            font-size: 12px;
            margin-left: 0.25em;
            padding-left: 0.5em;
            text-transform: uppercase;
            font-weight: 600;
        }

        .searchpage__result__container {
            border-bottom: 2px solid #6DC5EF;
            padding: 1em 0 1.5em 0;
            margin-left: 1em;
        }

        @media screen and (max-width: 767px) {
            .searchpage__result__container {
                text-align: center;
            }

            .searchpage__result__container .text-right {
                text-align: center;
            }
        }

        .searchpage__result__container--link a,
        .searchpage__result__container--link a:active,
        .searchpage__result__container--link a:hover,
        .searchpage__form--title__show-more {
            text-transform: uppercase;
            border-bottom: 1px solid #A6A5A5;
            text-decoration: none;
            font-size: 12px;
            font-family: FreightSansProSemibold-Regular;
            padding: 0;
        }

        .searchpage__form--title__show-more {
            margin-top: 1em;
        }

        .searchpage__result__container--link a:hover,
        .searchpage__form--title__show-more:hover {
            color: #704481;
            border-bottom: 1px solid #704481;
        }

        .searchpage__result__container--left {
            text-align: center;
        }

        .searchpage__result__container--left img {
            /*FOR MOCKUP PURPOSES ONLY*/
            border-radius: 50%;
            width: 100%;
        }

        @media screen and (max-width: 767px) {
            .searchpage__result__container--left img {
                width: 100px;
                height: auto;
            }
        }

        .searchpage__result__container--name {
            font-size: 17px;
            font-family: FreightSansProSemibold-Regular;
        }

        .searchpage__results--no-results {

        }
        /*Result containers hideable container BOF*/

            .hideable__result--info__title {
                text-transform: uppercase;
                font-family: FreightSansProSemibold-Regular;
                font-size: 13px;
            }

            @media screen and (max-width: 767px) {
                .hideable__result--info__title.profilepage {
                    text-align: center;
                }
            }

            .hideable__result--info__tags {
                min-height: 2em;
                font-family: FreightSansProSemibold-Regular;
                font-size: 12px;
                text-transform: uppercase;
            }

            .hideable__result--info__tags span {
                margin-top: 3px;
                padding: 2px 5px 2px 5px;
                display: inline-block;
            }

            .hideable__result--info__tags.blue span {
                background-color: #A7DCF5;
            }

            .hideable__result--info__tags.yellow span {
                background-color: #F7EFAF;
            }

            .hideable__result--info__tags.green span {
                background-color: #76DAD0;
            }

            .hideable__result--info__tags .gray {
                background-color: #A6A5A5 !important;
                color: #C3C2C2;
            }

            @media (max-width: 767px) {
                .searchpage__form__hideable-container {
                    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
                    display: -ms-flexbox;  /* TWEENER - IE 10 */
                    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }
                .hideable__result--info {
                    display: block !important;
                }
                .hideable-xs {
                    display: none;
                }
            }
        /*Result containers hideable container EOF*/

        /*SVG Icons BOF*/
        .location-icon {
            display: inline-block;

            /*-webkit-mask-image: url("/static/1/img/searchform/ikoni_poi.png");
            mask-image: url("/static/1/img/searchform/ikoni_poi.svg");*/
            background-image: url("/static/1/img/searchform/ikoni_poi.png");
            background-size: auto 30px;
            background-repeat: no-repeat;
            background-position: center center;

            height: 32px;
            width: 32px;

            float: left;
        }

        .location-title {
            margin-top: 6px;
            font-family: FreightSansProSemibold-Regular;
            float: left;
        }

        .searchpage .location-icon {
            background-size: auto 22px;
            height: 22px;
            float: none;
        }

        @media screen and (max-width: 767px) {
            .searchpage .location-icon {
                width: 22px;
                margin-left: 5px;
            }
        }

        .searchpage .location-title {
            float: none;
            display: inline-block;
            position: relative;
            bottom: 6px;
        }

        @media screen and (min-width: 767px) {
            .searchpage .location-container:first-child {
                margin-top: 5px;
            }
        }



        @media screen and (max-width: 767px) {
            .profilepage__sidebar__business .location-icon,
            .profile__addressess--mobile .location-icon{
                float: none;
            }
            .profilepage__sidebar__business .location-title,
            .profile__addressess--mobile .location-title {
                float: none;
                position: relative;
                bottom: 10px;
                display: inline-block;
            }
        }

            /*Freetime bubble indicator BOF*/
                .freetimes-icon {
                    height: 18px;
                    width: 18px;
                    float: right;

                    margin-top: 6px;

                    background-size: auto 18px;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
                .freetimes-icon.green {
                    background-color: #1BC1B0;
                    background-image: url("/static/1/img/searchform/ikoni_vapaat-ajat--blank.png");
                }
                .freetimes-icon.yellow {
                    background-color: #F7EFAF;
                    background-image: url("/static/1/img/searchform/ikoni_vapaat-ajat--blank.png");
                }
                .freetimes-icon.red {
                    background-color: #FD836F;
                    background-image: url("/static/1/img/searchform/ikoni_vapaat-ajat--blank.png");
                }
            /*Freetime bubble indicator BOF*/
        /*SVG Icons EOF*/

        .searchpage__result__container--right{}
    /*Search page results EOF*/

/*Search page EOF*/

/*Search map EOF*/

    .map-calendar-infowindow {
        height: auto;
    }

    .map-calendar-infowindow img {
        width: 48px;
        border-radius: 50%;
    }

    .map-calendar-infowindow a {
        margin-left: 10px;
        font-size: 15px;
        font-weight: bold;
        float: right;
        margin-top: 15px;
    }
/*Search map BOF*/

/*Profile page BOF*/
    .profilepage__control__container {
	padding-top: 2em;
    }
    
    .profilepage__control {
	padding: 0.5em 1em;
	color: white;
    }

    .profilepage__control div {
	min-height: 5em;
	text-align: center;
	padding: 1em 0.5em;
    }
    
    .profilepage__floating-container {
        float: right;
        border-left: 4px solid #704481;
        width: 175px;
        padding: 5px 0 5px 10px;
        margin-left: 1.5em;

        /*Use when parent in flexbox mode*/
        order: 2;
    }

    .profilepage__h2 {
        font-family: FreightSansProSemibold-Regular;
        font-size: 42px;
    }

    .profilepage__second_row {
        color: gray;
        font-size: 15px;
    }

    .ck-editor__editable_inline {
        max-height: 70vh;
    }

    @media screen and (max-width: 767px) {
        .profilepage__floating-container {
            float: none;
            border-left: none;
            border-top: 2px solid #704481;
            width: 100%;
            text-align: center;
            margin-left: 0;
            padding-top: 1em;
        }
    }

    .profilepage_button-container {
        width: 100%;
    }
	
	.profilepage img {
		border-radius: 50%;
	}

    .profilepage__button-container--button {
            font-family: FreightSansProSemibold-Regular;

            background-color: #FFFFFF;

            text-transform: uppercase;
            font-size: 16px;

            width: 125px;

            display: block;

            margin: 2em auto 2em auto;

            height: 42px;

            border: 2px solid #110F0D;
    }

    .profilepage__preview-controls {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px;
        padding-bottom: 25px;
        background-color: darkgray;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        z-index: 1000000;
    }
    .profilepage__preview-controls .centered-container{
        margin-left: auto;
        /* Half of normal "column" width */
        max-width: 415px;
        margin-right: auto;
    }

    .profilepage__long-description--title {
        font-family: FreightSansProSemibold-Regular;
        font-size: 19px;
        display: block;
    }

    .profilepage__long-description--smalltags {
        list-style: none;
        min-height: 2em;
        font-family: FreightSansProSemibold-Regular;
        font-size: 11px;
        text-transform: uppercase;
    }

    .profilepage__long-description--smalltags span {
        margin-top: 3px;
        padding: 1px 4px 1px 4px;
        display: inline-block;
        background-color: #eeb9ff;
    }
    .bottom-margin {
        margin-bottom: 5px;
    }

    .profilepage__long-description--content {
        order: 1;
    }

    @media screen and (max-width: 767px) {
        .profilepage__long-description--content {
            order: 0;
        }
    }

    .profilepage__content-container {
        padding-bottom: 2em;
    }

    @media screen and (max-width: 991px) {
        .profilepage__content-container {
            clear: both;
        }
    }

    .with-top-border{
        border-top:solid black 1px;
        padding: 5px;
    }

    .profilepage__profile-row {
        padding: 1em 0 1em 0;
    }

    .profilepage__profile-row--icon {
        padding: 0 1em 0 1em;
    }

    .profilepage__profile-row--icon .flag,
    .myprofilepage__flag-container .flag {
        height: 12px;
        width: auto;
    }

    .profilepage__profile-row--icon span {
        width: 30px;
    }

    .profilepage__profile-row--icon .searchpage__result--icon img {
        float: left;
    }

    .profilepage__profile-row--icon .freetimes-icon {
        margin-left: 15px;
    }

    .profilepage__profile-row--icon:nth-child(2) {
        margin-top: 6px;
        border-left: 1px solid #110f0d;
        border-right: 1px solid #110f0d;
    }

    #address-fieldset-extend {
        width: 135px !important;
        margin-bottom:20px;
    }

    @media screen and (max-width: 767px) {
        .profilepage__profile-row--icon:nth-child(2) {
            border-left: none;
        }
    }

    .profilepage__floating-container--content b {
        text-transform: uppercase;
        font-family: FreightSansProBold-Regular;
        font-size: 13px;
        font-weight: 400;
    }
    .profilepage__floating-container--content ul {
        list-style: none;
        padding: 0;
        margin: 0 0 0.5em 0;
    }

    .profilepage__short-description {
        display: inline-block;
        font-size: 18px !important;
        padding-bottom: 1em;
    }

    .profilepage__short-description > span {
        font-size: 18px !important;
        font-family: FreightSansProBook-Regular !important;
        font-weight: 400 !important;
        line-height: initial;
    }

    .profilepage__long-description p,
    .profilepage__long-description li {
        font-size: 16px;
    }

    @media screen and (max-width: 767px) {
        .profilepage__long-description {
            display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;  /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;
            flex-wrap: wrap;
        }
    }

    .profilepage__sidebar {
        text-align: center;
    }

    .profilepage__calendar-container {
        float: right;
        text-align: center;
        margin-top: 2em;
    }

    .profilepage__calendar--title {
        text-align: center;
        text-transform: uppercase;
        font-family: FreightSansProSemibold-Regular;
    }

    .profilepage__calendar-element {
        width: 100%;
    }

    @media screen and (min-width: 991px) {
        .profilepage__calendar-element {
            display: block !important;
        }
    }

    .profile__contact__profile-image {
        margin-top: 1em;
        margin-bottom: 2em;
    }

    .profile__addressess--mobile {
        margin-bottom: 2em;
        margin-top: 1em;
    }

    .profile__contact__profile-image img {
        border-radius: 50%;
        max-width: 225px;
    }

    @media screen and (max-width: 991px) {
        .profile__contact__profile-image img {
            max-width: 175px;
        }
    }

    @media screen and (max-width: 511px) {
         .profile__contact__profile-image img {
            max-width: 225px;
        }
    }

    .profile__contact--button {
        font-size: 14px !important;
        margin-top: 1em;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px
    }

    .profile__contact--button:link,
    .profile__contact--button:visited
    {
        color: white;
        text-decoration: none;
    }

    .profile__contact--button.button {
        padding-top: 0px;
    }


    .profilepage__icons {}
    @media screen and (max-width: 767px) {
        .profilepage__icons {

            position: relative;
            width: calc(100% + 60px);
            left: -15px;
            background-color: #F8F6EB;

        }

    }

    .profilepage__map__element {
        height: 200px;
    }

    @media screen and (max-width: 767px) {
        .profilepage__map__container,
        .profilepage__map {
            margin: 0;
            padding: 0;
            width: 100%;
        }
    }

    /*Profile page bookings BOF*/
        .profilepage__bookings {

        }

        .profilepage__bookings__show-all {
            margin-top: 1em;
            margin-bottom: 1em;
        }

        .profilepage__bookings__show-all a {
            font-size: 17px;
            font-weight: bold;
        }

        .profilepage__bookings__table {
            width: 100%;
        }

        .profilepage__bookings__table td {
            padding: 2px;
            padding-left: 5px;
        }

        .profilepage__bookings__table th {
            font-family: FreightSansProSemibold-Regular;
            font-weight: normal;
        }

        .profilepage__bookings__table__commands--title {
            width: 375px;
        }

        @media screen and (max-width: 511px) {
            .profilepage__bookings__table__action-buttons a {
                width: 100% !important;
            }
        }

        @media screen and (max-width: 991px) {

            .profilepage__bookings__table thead {
                display: none;
            }

            .profilepage__bookings__table tr {
                display: block;
                border-bottom: 1px solid gray;
                padding-bottom: 1em;
            }

            .profilepage__bookings__table td:nth-child(1),
            .profilepage__bookings__table td:nth-child(2)
            {
                font-weight: bold;
                display: block;
                font-size: 15px;
                float: left;
            }
            .profilepage__bookings__table td:nth-child(3) {
                display: block;
                clear: both;
                font-weight: bold;
            }
            .profilepage__bookings__table td:nth-child(4) {
                display: block;
            }
        }

    .fc-icon:after {
        position: relative;
        margin: 0 0 !important; /* ensures character will be centered, regardless of width */
    }
    /*Profile page bookings EOF*/
/*Profile page EOF*/

/*My profile page BOF*/
    .myprofilepage__selfportait__container {
        padding-top: 2em;
    }
	
	/* .myprofilepage .myprofilepage__left img { */
	/* 	border-radius: 50%; */
	/* 	max-width: 100%; */
        /* width: 225px; */
	/* } */

    .myprofilepage .myprofilepage__left img.icon {
	display: block;
	margin: 1em auto;
    }

    .myprofilepage .profilepage__profile-row--icon {

    }

    .jcrop-holder div {
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
        margin: -1px;
    }

    .myprofilepage ul {
        list-style: none;
        padding-left: 0em;
    }

    .myprofilepage__left {
        padding-bottom: 2em;
        background-color: #F8F6EB;
        text-align: center;
    }

    .myprofilepage__profilestatus {
	text-align: center;

    }

    .myprofilepage__profilestatus div {
	background: white;
	border: 1px solid black;
	margin: 1em auto;
        width: 175px;
	padding: 0.3em;
    }

    .myprofilepage__left h4 {
        padding: 0;
        margin-top: 1em;
        margin-bottom: 0em;
        font-family: FreightSansProSemibold-Regular;
    }

    .myprofilepage__right h1 {
        margin-top: 0;
    }

    .myprofilepage__form_link {
        margin-top: 1em;
        width: 175px;
        padding-top: 2px;
    }

    .myprofilepage .myprofilepage__left img.profile-image {
	border-radius: 50%;
	max-width: 100%;
	width: 225px;
    }

    input.myprofilepage__button {
	padding-bottom: 10px;
    }
    input.myprofilepage__button,
    .myprofilepage__button:link,
    .myprofilepage__button:visited
    {

        font-family: FreightSansProSemibold-Regular;

        background-color: #110F0D;

        color: white;
        /* text-transform: uppercase; */
        font-size: 15px;

        height: 50px;
        max-width: 220px;
        min-width: 175px;
        border: 2px solid #110F0D;

        display: inline-block;

        text-align: center;
        padding-top: 12px;

        margin-left: auto;
        margin-right: auto;
    }

    .myprofilepage__button:hover {
        background-color: white;
        color: black !important;
    }
    /* Longer buttons need padding */
    .myprofilepage__button.long:link,
    .myprofilepage__button.long:visited{
        padding-right: 15px;
        padding-left: 15px;
    }
    .myprofilepage__form_link {
        margin-top: 1em;
        width: 175px !important;
        padding-top: 2px !important;
    }


    button.approve-booking {
        font-family: FreightSansProBook-Regular;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        top: 1px;
    }

    /* My profile page tabs BOF */
    ul.nav.nav-tabs li.active > a {
        background-color: #f8f6eb;
    }

    /*My profiles calendar page BOF*/
        .myprofilepage__calendar-navigation--item {
            font-weight: bold;
            cursor: pointer;
        }

        .myprofilepage__calendar-navigation--item:hover {
            color: #110F0D;
        }

        .myprofilepage__calendar-navigation--item:nth-child(2) {
            margin-left: 1em;
            margin-right: 1em;
        }

        @media screen and (max-width: 511px) {
            .myprofilepage__calendar-navigation--item {
                display: block;
            }
            .myprofilepage__calendar-navigation--item:nth-child(2) {
                margin: 0;
            }
        }

        @media screen and (max-width: 767px) {
            .myprofilepage .margin--none {
                margin: 0;
            }
        }

    /*My profiles calendar page EOF*/

    /*Business profile BOF*/

    .profilepage__business-links {
        padding-top: 30px;
        text-align: right;
    }

    @media screen and (max-width: 767px) {
        .profilepage__business-links {
            padding-top: 0px;
            text-align: center;
            margin-bottom: 10px;
        }
    }

    @media screen and (min-width: 767px) {
        .xs-flex__container--center.businesspage__location__container .location-container {
            clear: both;
        }
    }

    @media screen and (max-width: 767px) {
        .xs-flex__container--center.businesspage__location__container {
            flex-wrap: wrap;
        }

        .xs-flex__container--center.businesspage__location__container .location-container {
            width: 100%;
            align-self:center;
        }

        .xs-flex__container--center.businesspage__location__container .location-icon {
            float: none;
        }

        .xs-flex__container--center.businesspage__location__container .location-title {
            margin-top: 6px;
            font-family: FreightSansProSemibold-Regular;
            /* float: left; */
            display: inline;
            position: relative;
            bottom: 8px;
            float: none;
        }
    }


    .profilepage__content__business__header {
        margin-top: 1em;
        margin-bottom: 2em;
        max-width: 100%;
    }

    .profilepage__content__business__header img {
        width: 100%;
        max-height: 300px;
    }

    .profilepage__sidebar__business {
        width: 200px;
        margin-left: 25px;
    }
    .profilepage__sidebar__business-www {
        margin-top: 1em;
    }
    .profilepage__sidebar__business-www:last-child {
        margin-bottom: 1em;
    }

    .profilepage__sidebar__business-www a,
    .profilepage__sidebar__business-www a:link,
    .profilepage__sidebar__business-www a:hover,
    .profilepage__sidebar__business-www a:visited {
        font-family: FreightSansProSemibold-Regular;
        text-decoration: none;
        border-bottom: 1px solid #D5D5D5;
    }

    @media screen and (max-width: 767px) {
        .profilepage__content__business__logo img {
            max-width: 75%;
        }

        .profilepage__sidebar__business {
            margin-top: 1em;
            width: 100%;
            margin-left: initial;
            padding-right: 40px;
        }

        .profilepage__sidebar__business-www {
            width: 100%;
            padding: 0;
            margin: 1em 0;
            text-align: center;
        }

        .profilepage__sidebar__business-button {
            margin-bottom: 1em;
        }
    }
    /*Business profile EOF*/
/*My profile page EOF*/

.general__form__button--white:link,
.general__form__button--white:visited
{

    font-family: FreightSansProSemibold-Regular;

    background-color: white;

    text-transform: uppercase;
    font-size: 15px;

    height: 50px;
    width: 175px;
    border: 2px solid #110F0D;

    display: inline-block;

    text-align: center;
    padding-top: 8px;

    margin-left: auto;
    margin-right: auto;
}

.general__form__button--white:hover {
    background-color: #110F0D;
    color: white !important;
    text-decoration: none;
}

.general__form__button--white.mini,
.form-button--basic-black.mini {
    height: 28px;
    padding-top: 3px;
    font-size: 12px;
    margin-top: 2px;
}

.general__form__button--white.red,
.general__form__button--white.mini.red {
    border:2px solid #FD836F;
    background: #FD836F;
    color: white;
}
.general__form__button--white.mini.red:hover {
    background: #FFFFFF;
    color: #FD836F !important;
}

.general__form__button--white.mini.black {
    border:2px solid #000000;
    background: #000000;
    color: white;
}
.general__form__button--white.mini.black:hover {
    background: #FFFFFF;
    color: #000000 !important;
}

button.general__form__button--white.mini.red {
    padding-top: 0px;
    font-size: 12px;
    width: 150px;
    font-family: FreightSansProBook-Regular;
    font-weight: bold;
    text-transform: uppercase;
}

/*Footer BOF*/
    footer {
        background-color: #F8F6EB;
        min-height: 292px;
        box-sizing: border-box;

        position: relative;
        width: 100%;
        bottom: 0;

        padding: 1em 0 1em 0;
    }

    @media screen and (max-width: 767px) {
        footer {
            margin-top: initial;
        }
    }

    footer a {
        font-family: FreightSansProBook-Regular;
        font-size: 15px;
        line-height: 28px;
        display: block;
    }

    /*Footer links EOF*/

    .footer-panel h5 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        font-family: FreightSansProBold-Regular;
        line-height: 28px;
    }

    .footer__partner-logos {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-panel--logo__container {
        max-height: 200px;
    }

    @media (max-width: 767px) {
        .footer-panel {
            text-align: center;
        }
    }

    .footer-panel.first h5,
    .footer-panel.second h5 {
        color: #704381;
    }

    .footer-panel.third h5 {
        color: #fe846f;
    }

    .footer-panel--logo__container {
        position: relative;
        top: -64px;
        height: 224px;
    }
    .footer-panel.logo img {
        width: 225px;
        height: auto;
    }
    @media screen and (max-width: 991px) {
        .footer-panel.logo img {
            width: 170px;
            height: auto;
        }
    }

    .footer-logo {
        text-align: center;
    }

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

    .footer__mobile--button {
        margin-top: 2em;
    }

    .footer-text-container {
        font-size: 15px;
        text-align: center;
    }
    .footer-text-container a {
        display: inline;
    }
/*Footer EOF*/

/*Form helper style classes BOF*/

    /*Styling for text inputs*/
    .general__form-group input[type=text],
    .general__form-group input[type=email],
    .general__form-group input[type=password],
    .general__form-group input[type=number],
    .general__form-group input[type=url],
    .general__form-group textarea,
    .general__form-group select {
        border: 1px solid #110F0D;
        height: 38px;
        padding-left: 1em;
        width: calc(100% - 32px);
    }

    .general__form-group select[multiple] {
        height: auto;
    }


    .general__form-group textarea {
        height: initial;
    }

    .general__form-group--label {
        font-size: 17px;
    }

    /*Form error messages*/

    span.general__input--error {
       display: block;
    }

    .general__input--error ul {
        list-style: none;
        height: 38px;
        margin: 0;
        color: #FD836F;
        padding-left: 0;
    }

    .general__form-container {
        padding-left: 1em;
    }

    .general__form-group {
        margin-top: 1em;
    }

    .general__form-group ul {
        list-style: none;
        padding-left: 0;
    }

    .general__form-container .general__form-group ul {
        list-style: none;
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    ul.errorlist {
        column-count: initial !important;
        -moz-column-count: initial !important;
        -webkit-column-count: initial !important;
    }

    ul.errorlist li {
	font-weight: bold;
	font-size: 1.2em;
    }

    @media screen and (max-width: 767px) {
        .general__form-container .general__form-group ul {
            column-count: 2;
            -moz-column-count: 2;
            -webkit-column-count: 2;
        }
    }

    @media screen and (max-width: 511px) {
        .general__form-group ul {
            column-count: 1;
            -moz-column-count: 1;
            -webkit-column-count: 1;
        }
    }

    /*Styling for buttons*/
    .general__form-group input[type=button] {
        border: 1px solid #110F0D;
        height: 32px;
        width: 60%;

        font-size: 14px;

        display: block;
    }

    .general__form-container .form-button--basic-black,
    .ui-dialog .form-button--basic-black {
        height: 40px;
        max-width: 220px;
        min-width: 175px;
    }
    /* TODO make short buttons everywhere */
    .ui-dialog .form-button--basic-black.short {
        min-width: 50px;
    }

    .general__form-container.long-button {
        width: 175px;
    }

    .general__form-container .form-button--basic-white {
        height: 40px;
        max-width: 220px;
        min-width: 175px;
    }

    .form-input--borderless {
        border: 0;
    }

    .form-input--basic {
        height: 50px;
        font-size: 20px;
        padding-left: 1em;
    }

    /*Button with black background BOF*/
        .form-button--basic-black {

            font-family: FreightSansProSemibold-Regular;

            background-color: #110F0D;

            color: white;
            text-transform: uppercase;
            font-size: 16px;

            height: 50px;
            width: 100px;
            border: 2px solid #110F0D;
        }

        /*For styling a -elements*/
        .form-button--basic-black a:link {
            color: white;
        }

        .form-button--basic-black:hover,
        .form-button--basic-black:active {
            background-color: #FFFFFF;
            color: #110F0D;
            border: 2px solid #110F0D;
        }
    /*Button with black background EOF*/

    /*Button with white background BOF*/
        .form-button--basic-white {

            font-family: FreightSansProSemibold-Regular;

            background-color: #FFFFFF;

            text-transform: uppercase;
            font-size: 16px;

            min-width: 84px;
            max-width: 220px;

            height: 42px;

            border: 2px solid #110F0D;
        }
        .profilepage__preview-controls .form-button--basic-white {
            padding: 5px 25px 5px 25px;
        }

        .form-button--basic-white:hover,
        .form-button--basic-white:active,
        .profilepage__button-container--button:hover,
        .profilepage__button-container--button:active {
            background-color: black;
            color: white;
        }
    /*Button with white background EOF*/

    /*General form styling. For registration, login etc. views BOF*/

    /*General form styling. For registration, login etc. views EOF*/

/*Form helper style classes EOF*/

/*Helpers*/

/*DESKTOP VIEW ONLY*/
@media screen and (min-width: 767px) {
    .padding--none {
        padding: 0;
    }
    .margin--none {
        margin: 0;
    }
}

.margin-landing--none {
    margin-left: 0;
    margin-right: 0;
}

/*Mobile view only BOF*/

@media screen and (max-width: 767px) {
    .xs-flex__container--center {
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        justify-content: center;
    }

    .xs-text-center {
        text-align: center;
    }

    .lg-pull-left {
        float: none;
    }
}

/*Mobile view only EOF*/

/*Service contract CMS plugins BOF */
.service-contract__button:link,
    .service-contract__button:visited
    {

        font-family: FreightSansProSemibold-Regular;

        background-color: #110F0D;

        color: white;
        text-transform: uppercase;
        font-size: 15px;

        height: 50px;
        width: 175px;
        border: 2px solid #110F0D;

        display: inline-block;

        text-align: center;
        padding-top: 12px;

        margin-left: auto;
        margin-right: auto;
    }

    .service-contract__button:hover {
        background-color: white;
        color: black !important;
    }
/*Service contract CMS plugins EOF */

/*CMS Text plugin CSS responsive fixes BOF*/
.plugin_picture.align-left {
    float: left;
}

.plugin_picture img,
iframe {
    padding: 10px;
}

.plugin_picture img {
    max-width: 100%;
}

@media screen and (max-width: 320px) {
    .plugin_picture img {
        height: auto;
    }
}

iframe {
    max-width: 100%;
}

@media screen and (max-width: 320px) {
    iframe {
        height: auto;
    }
}

.plugin_picture.align-right {
    float: right;
}

.display__as--flex {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
}
/*CMS Text plugin CSS responsive fixes EOF*/

.document__close--window {
    cursor: pointer;
    float: right;
}

/*Cookie consent dialog*/
.cookie-consent__wrapper {
    position: fixed;
    height: 95px;
    bottom: 0;
    width: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #76DAD0;
    z-index: 99;
    padding: 10px 5px 5px 5px;
    text-align: center;
}
.cookie-consent__wrapper p {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .cookie-consent__wrapper {
        height: 125px;
    }
}

div.no-new-appointments {
    margin-top: 1em;
    padding: 1em;
    font-size: 16px;
}
div.alert-in-training {
    padding: 1em;
    background: #f0e37a;
    font-size: 16px;
}
div.alert-psychologist-discussion {
    padding: 1em;
    font-size: 16px;
    background: #eeb9ff;
}
div.no-new-appointments a,
div.alert-in-training a {
    text-decoration: underline;
}
span.in-training {
    background: #f0e37a;
    font-weight: bold;
    border-radius: 2px;
    color: black;
    padding: 3px 6px;

}
span.psychologist-discussion {
    background: #eeb9ff;
    font-weight: bold;
    border-radius: 2px;
    color: black;
    padding: 3px 6px;
}
span.holiday-period {
    background: #fe826e;
    font-weight: bold;
    border-radius: 2px;
    color: white;
    padding: 3px 6px;

}
div.next-free-time {
    background: #1BC1C0;
    padding: 3px 6px;
    margin: 0.5em;
    border-radius: 2px;
    font-weight: bold;
    color: white;
}
div.frontpage__jumbotron#tyks_jumbotron {
    height: 600px;
}
img.search-mini-popup {
    width: 48px;
    border-radius: 50%;
    vertical-align: middle;
}
a.search-mini-popup {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 15px;
    font-weight:bold;
    color: #110f0d;
}
a.search-mini-popup,
a.search-mini-popup:visited,
a.search-mini-popup:link {
    color: #110f0d;
}
p.contact-request-contact-info {
    margin-top: 1em;
}
div.row > div.toivome-info {
    color: white;
    background: #FE346E;
    font-size: 1.2em;
    padding: 1em;
    margin: 1em;
}
div.row > div.toivome-info a {
    color: white;
    font-style:italic;
    text-decoration:underline;
}
span.toivome-indicator {
    color: white;
    background: #FE346E;
    font-weight: bold !important;
    padding: 2px 6px;
    border-radius: 3px;
}