@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,700,700italic&subset=latin,latin-ext);

.container {
    margin: 0 auto !important;
    width: 75em
}

@media (max-width: 74.9em) {
    .container {
        width: 61.5em !important
    }
}

@media (max-width: 63.9em) {
    .container {
        width: 43.75em !important
    }
}

@media (max-width: 47.9em) {
    .container {
        width: 32.5em !important
    }
}

@media (max-width: 33.9em) {
    .container {
        width: auto !important
    }
}

@media (max-width: 74.9em) {
    .text-left-xxl-down {
        text-align: left !important
    }
}

@media (max-width: 74.9em) {
    .text-center-xxl-down {
        text-align: center !important
    }
}

@media (max-width: 74.9em) {
    .text-right-xxl-down {
        text-align: right !important
    }
}

@media (max-width: 74.9em) {
    .text-justify-xxl-down {
        text-align: justify !important
    }
}

@media (min-width: 74.9em) {
    .text-left-xxl-up {
        text-align: left !important
    }
}

@media (min-width: 74.9em) {
    .text-center-xxl-up {
        text-align: center !important
    }
}

@media (min-width: 74.9em) {
    .text-right-xxl-up {
        text-align: right !important
    }
}

@media (min-width: 74.9em) {
    .text-justify-xxl-up {
        text-align: justify !important
    }
}

.f-xxl {
    font-size: 4.5em
}

@media (max-width: 74.9em) {
    .text-left-xl-down {
        text-align: left !important
    }
}

@media (max-width: 74.9em) {
    .text-center-xl-down {
        text-align: center !important
    }
}

@media (max-width: 74.9em) {
    .text-right-xl-down {
        text-align: right !important
    }
}

@media (max-width: 74.9em) {
    .text-justify-xl-down {
        text-align: justify !important
    }
}

@media (min-width: 74.9em) {
    .text-left-xl-up {
        text-align: left !important
    }
}

@media (min-width: 74.9em) {
    .text-center-xl-up {
        text-align: center !important
    }
}

@media (min-width: 74.9em) {
    .text-right-xl-up {
        text-align: right !important
    }
}

@media (min-width: 74.9em) {
    .text-justify-xl-up {
        text-align: justify !important
    }
}

.f-xl {
    font-size: 3.3em
}

@media (max-width: 74.9em) {
    .text-left-lg-down {
        text-align: left !important
    }
}

@media (max-width: 74.9em) {
    .text-center-lg-down {
        text-align: center !important
    }
}

@media (max-width: 74.9em) {
    .text-right-lg-down {
        text-align: right !important
    }
}

@media (max-width: 74.9em) {
    .text-justify-lg-down {
        text-align: justify !important
    }
}

@media (min-width: 74.9em) {
    .text-left-lg-up {
        text-align: left !important
    }
}

@media (min-width: 74.9em) {
    .text-center-lg-up {
        text-align: center !important
    }
}

@media (min-width: 74.9em) {
    .text-right-lg-up {
        text-align: right !important
    }
}

@media (min-width: 74.9em) {
    .text-justify-lg-up {
        text-align: justify !important
    }
}

.f-lg {
    font-size: 2.1em
}

@media (max-width: 63.9em) {
    .text-left-md-down {
        text-align: left !important
    }
}

@media (max-width: 63.9em) {
    .text-center-md-down {
        text-align: center !important
    }
}

@media (max-width: 63.9em) {
    .text-right-md-down {
        text-align: right !important
    }
}

@media (max-width: 63.9em) {
    .text-justify-md-down {
        text-align: justify !important
    }
}

@media (min-width: 63.9em) {
    .text-left-md-up {
        text-align: left !important
    }
}

@media (min-width: 63.9em) {
    .text-center-md-up {
        text-align: center !important
    }
}

@media (min-width: 63.9em) {
    .text-right-md-up {
        text-align: right !important
    }
}

@media (min-width: 63.9em) {
    .text-justify-md-up {
        text-align: justify !important
    }
}

.f-md {
    font-size: 1.3em
}

@media (max-width: 47.9em) {
    .text-left-sm-down {
        text-align: left !important
    }
}

@media (max-width: 47.9em) {
    .text-center-sm-down {
        text-align: center !important
    }
}

@media (max-width: 47.9em) {
    .text-right-sm-down {
        text-align: right !important
    }
}

@media (max-width: 47.9em) {
    .text-justify-sm-down {
        text-align: justify !important
    }
}

@media (min-width: 47.9em) {
    .text-left-sm-up {
        text-align: left !important
    }
}

@media (min-width: 47.9em) {
    .text-center-sm-up {
        text-align: center !important
    }
}

@media (min-width: 47.9em) {
    .text-right-sm-up {
        text-align: right !important
    }
}

@media (min-width: 47.9em) {
    .text-justify-sm-up {
        text-align: justify !important
    }
}

.f-sm {
    font-size: .75em
}

@media (max-width: 33.9em) {
    .text-left-xs-down {
        text-align: left !important
    }
}

@media (max-width: 33.9em) {
    .text-center-xs-down {
        text-align: center !important
    }
}

@media (max-width: 33.9em) {
    .text-right-xs-down {
        text-align: right !important
    }
}

@media (max-width: 33.9em) {
    .text-justify-xs-down {
        text-align: justify !important
    }
}

@media (min-width: 33.9em) {
    .text-left-xs-up {
        text-align: left !important
    }
}

@media (min-width: 33.9em) {
    .text-center-xs-up {
        text-align: center !important
    }
}

@media (min-width: 33.9em) {
    .text-right-xs-up {
        text-align: right !important
    }
}

@media (min-width: 33.9em) {
    .text-justify-xs-up {
        text-align: justify !important
    }
}

.f-xs {
    font-size: .5em
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.display-block, .hide {
    display: block
}

.m-xxl {
    margin: 6rem !important
}

.m-y-xxl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

.m-x-xxl {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}

.m-0-xxl {
    margin: 0 !important
}

.m-t-xxl {
    margin-top: 6rem !important
}

.m-r-xxl {
    margin-right: 6rem !important
}

.m-b-xxl {
    margin-bottom: 6rem !important
}

.m-l-xxl {
    margin-left: 6rem !important
}

.p-xxl {
    padding: 6rem !important
}

.p-y-xxl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.p-x-xxl {
    padding-right: 6rem !important;
    padding-left: 6rem !important
}

.p-0-xxl {
    padding: 0 !important
}

.p-t-xxl {
    padding-top: 6rem !important
}

.p-r-xxl {
    padding-right: 6rem !important
}

.p-b-xxl {
    padding-bottom: 6rem !important
}

.p-l-xxl {
    padding-left: 6rem !important
}

.m-xl {
    margin: 4.5rem !important
}

.m-y-xl {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
}

.m-x-xl {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important
}

.m-0-xl {
    margin: 0 !important
}

.m-t-xl {
    margin-top: 4.5rem !important
}

.m-r-xl {
    margin-right: 4.5rem !important
}

.m-b-xl {
    margin-bottom: 4.5rem !important
}

.m-l-xl {
    margin-left: 4.5rem !important
}

.p-xl {
    padding: 4.5rem !important
}

.p-y-xl {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

.p-x-xl {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
}

.p-0-xl {
    padding: 0 !important
}

.p-t-xl {
    padding-top: 4.5rem !important
}

.p-r-xl {
    padding-right: 4.5rem !important
}

.p-b-xl {
    padding-bottom: 4.5rem !important
}

.p-l-xl {
    padding-left: 4.5rem !important
}

.m-lg {
    margin: 3rem !important
}

.m-y-lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.m-x-lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.m-0-lg {
    margin: 0 !important
}

.m-t-lg {
    margin-top: 3rem !important
}

.m-r-lg {
    margin-right: 3rem !important
}

.m-b-lg {
    margin-bottom: 3rem !important
}

.m-l-lg {
    margin-left: 3rem !important
}

.p-lg {
    padding: 3rem !important
}

.p-y-lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.p-x-lg {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.p-0-lg {
    padding: 0 !important
}

.p-t-lg {
    padding-top: 3rem !important
}

.p-r-lg {
    padding-right: 3rem !important
}

.p-b-lg {
    padding-bottom: 3rem !important
}

.p-l-lg {
    padding-left: 3rem !important
}

.m-md {
    margin: 2rem !important
}

.m-y-md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.m-x-md {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.m-0-md {
    margin: 0 !important
}

.m-t-md {
    margin-top: 2rem !important
}

.m-r-md {
    margin-right: 2rem !important
}

.m-b-md {
    margin-bottom: 2rem !important
}

.m-l-md {
    margin-left: 2rem !important
}

.p-md {
    padding: 2rem !important
}

.p-y-md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.p-x-md {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.p-0-md {
    padding: 0 !important
}

.p-t-md {
    padding-top: 2rem !important
}

.p-r-md {
    padding-right: 2rem !important
}

.p-b-md {
    padding-bottom: 2rem !important
}

.p-l-md {
    padding-left: 2rem !important
}

.m-sm {
    margin: 1rem !important
}

.m-y-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-x-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.m-0-sm {
    margin: 0 !important
}

.m-t-sm {
    margin-top: 1rem !important
}

.m-r-sm {
    margin-right: 1rem !important
}

.m-b-sm {
    margin-bottom: 1rem !important
}

.m-l-sm {
    margin-left: 1rem !important
}

.p-sm {
    padding: 1rem !important
}

.p-y-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-x-sm {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.p-0-sm {
    padding: 0 !important
}

.p-t-sm {
    padding-top: 1rem !important
}

.p-r-sm {
    padding-right: 1rem !important
}

.p-b-sm {
    padding-bottom: 1rem !important
}

.p-l-sm {
    padding-left: 1rem !important
}

.m-xs {
    margin: .5rem !important
}

.m-y-xs {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-x-xs {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.m-0-xs {
    margin: 0 !important
}

.m-t-xs {
    margin-top: .5rem !important
}

.m-r-xs {
    margin-right: .5rem !important
}

.m-b-xs {
    margin-bottom: .5rem !important
}

.m-l-xs {
    margin-left: .5rem !important
}

.p-xs {
    padding: .5rem !important
}

.p-y-xs {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-x-xs {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.p-0-xs {
    padding: 0 !important
}

.p-t-xs {
    padding-top: .5rem !important
}

.p-r-xs {
    padding-right: .5rem !important
}

.p-b-xs {
    padding-bottom: .5rem !important
}

.p-l-xs {
    padding-left: .5rem !important
}

.m-0 {
    padding: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.p-0 {
    padding: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.content {
    padding: .5rem
}

.content-xxl {
    padding: 6rem !important
}

@media (max-width: 74.9em) {
    .content-xxl-responsive {
        padding: .5rem !important
    }
}

.content-xl {
    padding: 4.5rem !important
}

@media (max-width: 74.9em) {
    .content-xl-responsive {
        padding: .5rem !important
    }
}

.content-lg {
    padding: 3rem !important
}

@media (max-width: 74.9em) {
    .content-lg-responsive {
        padding: .5rem !important
    }
}

.content-md {
    padding: 2rem !important
}

@media (max-width: 63.9em) {
    .content-md-responsive {
        padding: .5rem !important
    }
}

.content-sm {
    padding: 1rem !important
}

@media (max-width: 47.9em) {
    .content-sm-responsive {
        padding: .5rem !important
    }
}

.content-xs {
    padding: .5rem !important
}

@media (max-width: 33.9em) {
    .content-xs-responsive {
        padding: .5rem !important
    }
}

.content.content-0 {
    padding: 0
}

@media (max-width: 2rem) {
    .content.content-responsive-0 {
        padding: 0 !important
    }
}

.content.content-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex
}

.content.content-flex > .content {
    flex: 1
}

.content.content-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    align-items: center
}

.content.content-middle > * {
    flex: 1
}

.row {
    display: block;
    zoom: 1
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row > div[class^=col-] {
    float: left
}

.row.row-flex, .row.row-flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex
}

.row.row-flex-col > div[class^=col-] {
    align-content: stretch
}

@media (max-width: 74.9em) {
    .row.row-xxl-responsive {
        display: block !important
    }

    .row.row-xxl-responsive > div[class^=col-] {
        flex: none !important
    }
}

@media (max-width: 74.9em) {
    .row.row-xl-responsive {
        display: block !important
    }

    .row.row-xl-responsive > div[class^=col-] {
        flex: none !important
    }
}

@media (max-width: 74.9em) {
    .row.row-lg-responsive {
        display: block !important
    }

    .row.row-lg-responsive > div[class^=col-] {
        flex: none !important
    }
}

@media (max-width: 63.9em) {
    .row.row-md-responsive {
        display: block !important
    }

    .row.row-md-responsive > div[class^=col-] {
        flex: none !important
    }
}

@media (max-width: 47.9em) {
    .row.row-sm-responsive {
        display: block !important
    }

    .row.row-sm-responsive > div[class^=col-] {
        flex: none !important
    }
}

@media (max-width: 33.9em) {
    .row.row-xs-responsive {
        display: block !important
    }

    .row.row-xs-responsive > div[class^=col-] {
        flex: none !important
    }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
    width: 100%
}

@media (min-width: 1em) {
    .col-xs-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-3 {
        width: 20% !important
    }
}

@media (min-width: 1em) {
    .col-xs-4 {
        width: 33.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-6 {
        width: 40% !important
    }
}

@media (min-width: 1em) {
    .col-xs-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-9 {
        width: 75% !important
    }
}

@media (min-width: 1em) {
    .col-xs-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-12 {
        width: 100% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-2 {
        margin-left: 16.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 1em) {
    .col-xs-offset-12 {
        margin-left: 100% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-3 {
        width: 25% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-4 {
        width: 33.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-6 {
        width: 50% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-9 {
        width: 75% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-12 {
        width: 100% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-2 {
        margin-left: 16.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 47.9em) {
    .col-sm-offset-12 {
        margin-left: 100% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-3 {
        width: 25% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-4 {
        width: 30% !important
    }
    .col-md-4.p1 {
        width: 40% !important;
    }
}

@media (min-width: 63.9em) {
    .col-md-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-6 {
        width: 50% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-9 {
        width: 75% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-12 {
        width: 100% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-2 {
        margin-left: 16.5% !important
    }
     .col-md-offset-2p {
        margin-left: 7.5% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 63.9em) {
    .col-md-offset-12 {
        margin-left: 100% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-3 {
        width: 25% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-4 {
        width: 33.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-6 {
        width: 50% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-9 {
        width: 75% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-12 {
        width: 100% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-2 {
        margin-left: 16.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 74.9em) {
    .col-lg-offset-12 {
        margin-left: 100% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-3 {
        width: 25% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-4 {
        width: 33.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-6 {
        width: 50% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-9 {
        width: 75% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-12 {
        width: 100% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-2 {
        margin-left: 16.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 99.9em) {
    .col-xl-offset-12 {
        margin-left: 100% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-1 {
        width: 8.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-2 {
        width: 16.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-3 {
        width: 25% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-4 {
        width: 33.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-5 {
        width: 41.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-6 {
        width: 50% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-7 {
        width: 58.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-8 {
        width: 66.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-9 {
        width: 75% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-10 {
        width: 83.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-11 {
        width: 91.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-12 {
        width: 100% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-1 {
        margin-left: 8.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-2 {
        margin-left: 16.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-3 {
        margin-left: 25% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-4 {
        margin-left: 33.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-5 {
        margin-left: 41.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-6 {
        margin-left: 50% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-7 {
        margin-left: 58.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-8 {
        margin-left: 66.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-9 {
        margin-left: 75% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-10 {
        margin-left: 83.33333333% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-11 {
        margin-left: 91.66666667% !important
    }
}

@media (min-width: 124.9em) {
    .col-xxl-offset-12 {
        margin-left: 100% !important
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.content-middle {
    display: flex;
    align-items: center;
    height: inherit
}

.content-middle > div {
    display: block
}

.btn {
    display: inline-block;
    padding: .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0
}

.btn.btn-primary {
    background-color: #f26a5c;
    color: #fff
}

.btn.btn-accent {
    background-color: #48e4e1
}

.form-input {
    display: inline-block;
    padding: .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0
}

.form-input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex
}

.form-input-group * {
    display: inline-block
}

.form-input-group > div {
    flex: 1
}

.form-input-group > .addon.addon-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

a:hover {
    color: #ee3f2d
}

a:active {
    color: #e52612
}

.alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex
}

.alert > i {
    margin: 1rem 0 1rem 1rem;
    font-size: 1.4rem
}

.alert > div {
    flex: 1;
    margin: 1rem
}

.alert.alert-primary {
    background-color: #f26a5c;
    color: #fff
}

.alert.alert-accent {
    background-color: #48e4e1;
    color: #fff
}

.component-autocompleter {
    width: 100%;
    position: relative
}

.component-autocompleter .nodes-tokens {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    flex-wrap: wrap
}

.component-autocompleter .nodes-tokens .node {
    display: inline-block;
    border: 1px solid #CCC;
    margin: 0 4px 4px 0;
    padding: 2px 6px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.component-autocompleter .nodes-tokens .node .action {
    cursor: pointer
}

.component-autocompleter .nodes-tokens .node .action:before {
    content: "�";
    padding: 0 3px
}

.component-autocompleter .nodes-tokens input {
    flex: 1;
    display: inline-block;
    min-width: 25%;
    border: 1px solid #CCC !important;
    height: 28px;
    margin-bottom: 4px;
    padding: 0 6px
}

.component-autocompleter .nodes-list {
    list-style-type: none;
    position: absolute;
    border: 1px solid #CCC;
    width: 100%
}

.component-autocompleter .nodes-list:empty {
    display: none !important
}

.component-autocompleter .nodes-list .node {
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2px 6px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.component-autocompleter .nodes-list .node:hover {
    background-color: #CCC
}

.component-autocompleter:not(.visible) .nodes-list {
    display: none !important
}

header.navbar-menu {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

header.navbar-menu .navbar-brand {
    height: inherit;
    display: inline-block
}

header.navbar-menu .navbar-brand .navbar-logo {
    vertical-align: middle;
    height: inherit
}

header.navbar-menu .navbar-brand .navbar-logo img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    height: 100%
}

header.navbar-menu nav {
    line-height: inherit;
    display: flex;
    justify-content: space-between;
}

header.navbar-menu nav > ul.nav-items {
    vertical-align: top;
    display: inline-block;
    height: inherit;
    list-style-type: none;
    line-height: inherit
}

header.navbar-menu nav > ul.nav-items li {
    height: inherit;
    line-height: inherit;
    display: inline-block
}

header.navbar-menu nav > ul.nav-items li a {
    display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/Lato-Light.ttf);
    font-weight: 400;
    font-style: normal
}

img {
    shape-rendering: geometricPrecision
}

.display-none {
    display: none !important
}

.position-relative {
    position: relative
}

body {
    font-family: 'Fira Sans';
    color: #212121;
    margin-top: 7.5em;
    overflow-x: hidden;
    font-size: .8em;
    position: relative
}

body.type-1 {
    margin-top: 0
}

body.type-1 header.navbar-menu.transparent {
    left: .75em;
    right: .75em
}

body.type-1 header.navbar-menu.transparent .navbar-hamburger {
    color: #fff !important
}

body.type-1 header.navbar-menu.transparent.override-transparent {
    background-color: #fff
}

body.type-1 header.navbar-menu.transparent.override-transparent .navbar-brand img.logo-default {
    display: inline-block
}

body.type-1 header.navbar-menu.transparent.override-transparent .navbar-brand img.logo-faded {
    display: none
}

body.type-1 header.navbar-menu.transparent.override-transparent .navbar-hamburger {
    color: #000 !important
}

body.type-1 header.navbar-menu.transparent.override-transparent li:hover {
    color: #f26a5c !important
}

body h1, body h2 {
    font-family: Lato;
    padding-bottom: .5em
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    body {
        font-size: 1.1em
    }
}

@media (-webkit-min-device-pixel-ratio: 1.3),(min-resolution: 124.8dpi) {
    body {
        font-size: 1.2em
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    body {
        font-size: 1em
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1400px),(min-resolution: 144dpi) and (min-width: 1400px) {
    body {
        font-size: .7em
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 250dpi) {
    body {
        font-size: 1em
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 370px),(min-resolution: 250dpi) and (min-width: 370px) {
    body {
        font-size: .75em
    }
}

button, input, textarea {
    font-family: 'Fira Sans';
    outline: 0
}

header.navbar-menu {
    height: 7.5em;
    line-height: 7.5em;
    background-color: #fff;
    border-bottom: 1px solid #e8edf0;
    -webkit-transition: top .2s ease-in-out, background-color .3s linear;
    -moz-transition: top .2s ease-in-out, background-color .3s linear;
    -ms-transition: top .2s ease-in-out, background-color .3s linear;
    -o-transition: top .2s ease-in-out, background-color .3s linear;
    transition: top .2s ease-in-out, background-color .3s linear
}

header.navbar-menu.hide {
    top: -7.5em
}

header.navbar-menu .navbar-brand {
    vertical-align: middle
}

header.navbar-menu .navbar-brand img {
    max-height: 7.5em;
    max-width: 13em
}

header.navbar-menu .navbar-brand img.logo-default {
    display: inline-block
}

header.navbar-menu .navbar-brand img.logo-faded, header.navbar-menu .replacer {
    display: none
}

@media (max-width: 74.9em) and (min-width: 63.9em) {
    header.navbar-menu .replacer {
        display: block
    }

    header.navbar-menu .replacer + span {
        display: none
    }
}

header.navbar-menu .navbar-eshop-cart {
    float: right
}

header.navbar-menu .navbar-eshop-cart > a {
    background-image: url(../../media/svg/eshop/basket.svg);
    background-size: 5em;
    background-position: center center;
    background-repeat: no-repeat;
    width: 3.5em;
    height: 7em !important;
    position: relative
}

header.navbar-menu .navbar-eshop-cart > a > .count {
    position: absolute;
    top: 1.6em;
    right: -.2em;
    width: 1.5625em;
    height: 1.5625em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #48e4e1;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1.8em
}

header.navbar-menu .navbar-container {
    background-color: #fff;
    margin: 0 auto;
    padding: 0 2.5em
}

@media (max-width: 33.9em) {
    header.navbar-menu .navbar-container {
        padding: 0 1em
    }
}

header.navbar-menu .nav-items {
    float: right;
    height: 7.5em;
    font-size: .9em;
    font-weight: 700
}

header.navbar-menu .nav-items li {
    position: relative;
    color: #6c7175;
    text-transform: uppercase;
    font-size: 1.15em;
    font-weight: 400;
    margin: 0 .7em
}

header.navbar-menu .nav-items li.link:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: #6c7175;
    content: "";
    will-change: height;
    -webkit-transition: height .1s ease-in-out;
    -moz-transition: height .1s ease-in-out;
    -ms-transition: height .1s ease-in-out;
    -o-transition: height .1s ease-in-out;
    transition: height .1s ease-in-out
}

header.navbar-menu .nav-items li.link.mobile-only {
    display: none
}

header.navbar-menu .nav-items li.active.link:before, header.navbar-menu .nav-items li:hover:not(.nonclickable).link:before {
    height: .2em
}

header.navbar-menu .nav-items li.touched .navbar-submenu, header.navbar-menu .nav-items li:focus .navbar-submenu, header.navbar-menu .nav-items li:hover .navbar-submenu {
    height: 2em
}

header.navbar-menu .nav-items li.touched .navbar-submenu .submenu-content, header.navbar-menu .nav-items li:focus .navbar-submenu .submenu-content, header.navbar-menu .nav-items li:hover .navbar-submenu .submenu-content {
    display: block !important
}

header.navbar-menu .nav-items li.nonclickable {
    cursor: default
}

header.navbar-menu .nav-items li .navbar-submenu {
    position: relative
}

header.navbar-menu .nav-items li .navbar-submenu .submenu-content {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-box-shadow: 0 0 1.25em rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1.25em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.25em rgba(0, 0, 0, .1);
    padding: 0 1em;
    margin-top: .8em
}

header.navbar-menu .nav-items li .navbar-submenu .submenu-content > a {
    height: 2.6em;
    line-height: 2.7em;
    padding: 0 .6em;
    display: block;
    white-space: nowrap;
    color: #a0a4a7;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -ms-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s
}

header.navbar-menu .nav-items li .navbar-submenu .submenu-content > a:not(:last-child) {
    border-bottom: 1px solid #e8edf0
}

header.navbar-menu .nav-items li .navbar-submenu .submenu-content > a:hover {
    color: #6c7175
}

header.navbar-menu .nav-items li .navbar-submenu .submenu-content:before {
    content: "";
    width: 0;
    height: 0;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-bottom: .6em solid #fff;
    position: absolute;
    top: -.5em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

header.navbar-menu.transparent {
    background-color: transparent;
    border-bottom: 0;
    position: absolute
}

header.navbar-menu.transparent .navbar-brand img.logo-default {
    display: none
}

header.navbar-menu.transparent .navbar-brand img.logo-faded {
    display: inline-block
}

header.navbar-menu.transparent .navbar-container {
    background-color: transparent
}

header.navbar-menu.transparent .nav-items {
    position: relative
}

header.navbar-menu.transparent .nav-items li.link {
    color: #fff
}

header.navbar-menu.transparent .nav-items li.link:before {
    background-color: #fff
}

@media (min-width: 63.9em) {
    header.navbar-menu.transparent .nav-items li.link > a:hover {
        color: #fff
    }
}

header.navbar-menu.transparent .nav-items:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 8.25em;
    left: .7em;
    right: -2.6em;
    background-color: rgba(255, 255, 255, .5);
    z-index: -1
}

header.navbar-menu .navbar-hamburger {
    display: none
}

@media (max-width: 1028px) {
    header.navbar-menu .navbar-container {
        padding-right: 0
    }

    header.navbar-menu .nav-items {
        position: fixed !important;
        top: -140%;
        left: 0;
        right: 0;
        bottom: 100%;
        background-color: #fff;
        padding: .5em 0;
        overflow-y: auto;
        -webkit-transition: top .5s ease-in-out, bottom .5s ease-in-out;
        -moz-transition: top .5s ease-in-out, bottom .5s ease-in-out;
        -ms-transition: top .5s ease-in-out, bottom .5s ease-in-out;
        -o-transition: top .5s ease-in-out, bottom .5s ease-in-out;
        transition: top .5s ease-in-out, bottom .5s ease-in-out
    }

    header.navbar-menu .nav-items li {
        display: block !important;
        /* height: 2.5em !important; */
        font-size: 1.5em !important;
        line-height: 2em !important;
        color: #000 !important;
        margin: 0 !important;
        text-align: center
    }

    header.navbar-menu .nav-items li.active, header.navbar-menu .nav-items li:hover {
        color: #f26a5c !important
    }

    header.navbar-menu .nav-items li.active:before, header.navbar-menu .nav-items li:hover:before {
        content: none
    }

    header.navbar-menu .nav-items li.touched.displayed, header.navbar-menu .nav-items li:focus.displayed, header.navbar-menu .nav-items li:hover.displayed {
        height: 12em !important
    }

    header.navbar-menu .nav-items li.nonclickable {
        display: none !important
    }

    header.navbar-menu .nav-items li.nonclickable.displayed {
        display: block !important;
        -webkit-transition: height .2s ease-in-out;
        -moz-transition: height .2s ease-in-out;
        -ms-transition: height .2s ease-in-out;
        -o-transition: height .2s ease-in-out;
        transition: height .2s ease-in-out;
        overflow-y: hidden
    }

    header.navbar-menu .nav-items li.mobile-spaceblue {
        background-color: #f4f9fc
    }

    header.navbar-menu .nav-items li.mobile-spaceblue.pad-top {
        line-height: 5em !important;
        height: 4em !important;
        margin-top: .5em !important
    }

    header.navbar-menu .nav-items li.mobile-spaceblue.pad-bot {
        padding-bottom: 5.5em
    }

    header.navbar-menu .nav-items li.higher {
        line-height: 4em !important;
        height: 4em !important
    }

    header.navbar-menu .nav-items li .navbar-submenu .submenu-content {
        display: block !important;
        -webkit-transition: height .3s ease-in-out;
        -moz-transition: height .3s ease-in-out;
        -ms-transition: height .3s ease-in-out;
        -o-transition: height .3s ease-in-out;
        transition: height .3s ease-in-out;
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0;
        margin: 0.5em 0;
        left: initial;
        background-color: #f4f9fc
    }

    header.navbar-menu .nav-items li .navbar-submenu .submenu-content a {
        font-weight: 400;
        color: #000
    }

    header.navbar-menu .nav-items li .navbar-submenu .submenu-content:before {
        display: none
    }

    header.navbar-menu .nav-items.active {
        top: 7.3em;
        bottom: 0
    }

    header.navbar-menu .navbar-hamburger {
        display: inline-block;
        float: right;
        width: 3em;
        height: 3.7em;
        line-height: 3.7em;
        text-align: center;
        font-size: 2em;
        cursor: pointer
    }
}

@media (max-width: 63.9em) and (min-width: 47.9em) {
    header.navbar-menu .nav-items {
        font-size: 1.2em
    }

    header.navbar-menu .nav-items.active {
        top: 5.3em
    }
}

@media (max-width: 47.9em) {
    header.navbar-menu {
        font-size: .65em
    }

    header.navbar-menu .nav-items {
        font-size: 1em
    }
}

@media (-webkit-min-device-pixel-ratio: 3) {
    header.navbar-menu, header.navbar-menu .nav-items {
        font-size: 1em
    }

    header.navbar-menu .nav-items.active {
        top: 6.3em
    }
}

a {
    color: inherit;
    text-decoration: none
}

.paging {
    clear: both
}

.uc {
    text-transform: uppercase
}

.no-border {
    border: 0 !important
}

.c-secondary-text {
    color: #6c7175 !important
}

.c-primary {
    color: #f26a5c !important
}

.c-accent {
    color: #48e4e1 !important
}

.c-secondary {
    color: #ea485d !important
}

.m-t--xs {
    margin-top: -.5rem
}

.m-t--sm {
    margin-top: -1rem
}

.m-t--md {
    margin-top: -2rem
}

.m-t--lg {
    margin-top: -3rem
}

.m-t--xl {
    margin-top: -4.5rem
}

.m-t--xxl {
    margin-top: -6rem
}

.btn {
    font-family: 'Fira Sans';
    -webkit-transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -ms-transition: box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out
}

.btn.btn-fancy {
    color: #fff;
    background: #f16c5b;
    background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
    background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1)
}

.btn.btn-fancy:hover {
    -webkit-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
    -moz-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
    box-shadow: 0 0 1.5em rgba(242, 106, 92, .5)
}

.btn.btn-accent {
    color: #fff;
    background: #48e4e1
}

.btn.btn-accent:hover {
    -webkit-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    -moz-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    box-shadow: 0 0 1.5em rgba(72, 228, 225, .5)
}

.btn.btn-accent-b {
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    color: #48e4e1;
    background: #fff;
    border: 1px solid #48e4e1
}

.btn.btn-accent-b:hover {
    -webkit-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    -moz-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    box-shadow: 0 0 1.5em rgba(72, 228, 225, .5)
}

.btn.btn-faded {
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    color: #fff;
    background: rgba(255, 255, 255, .35);
    border: 2px solid rgba(255, 255, 255, .35)
}

.btn.btn-faded:hover {
    -webkit-box-shadow: 0 0 1.5em rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 1.5em rgba(255, 255, 255, .5);
    box-shadow: 0 0 1.5em rgba(255, 255, 255, .5)
}

.btn.btn-primary-border {
    background: 0 0;
    border: 1px solid #f26a5c;
    color: #f26a5c;
    font-weight: 700;
    padding-top: .2em;
    padding-left: .7em;
    padding-right: .7em
}

.btn.btn-primary-border.national:hover {
    -webkit-box-shadow: 0 0 1em rgba(72, 228, 225, .5);
    -moz-box-shadow: 0 0 1em rgba(72, 228, 225, .5);
    box-shadow: 0 0 1em rgba(72, 228, 225, .5)
}

.btn.btn-primary-border.private:hover {
    -webkit-box-shadow: 0 0 1em rgba(234, 72, 93, .5);
    -moz-box-shadow: 0 0 1em rgba(234, 72, 93, .5);
    box-shadow: 0 0 1em rgba(234, 72, 93, .5)
}

.btn.btn-primary-border.pope:hover {
    -webkit-box-shadow: 0 0 1em rgba(121, 121, 121, .5);
    -moz-box-shadow: 0 0 1em rgba(121, 121, 121, .5);
    box-shadow: 0 0 1em rgba(121, 121, 121, .5)
}

.btn.btn-darkblue {
    background: #46639F;
    color: #fff;
    -webkit-box-shadow: 0 .1875em .1875em rgba(70, 99, 159, .5);
    -moz-box-shadow: 0 .1875em .1875em rgba(70, 99, 159, .5);
    box-shadow: 0 .1875em .1875em rgba(70, 99, 159, .5);
    padding: 0 1.625em
}

.btn.btn-darkblue:hover {
    -webkit-box-shadow: 0 0 1.2em rgba(70, 99, 159, .6);
    -moz-box-shadow: 0 0 1.2em rgba(70, 99, 159, .6);
    box-shadow: 0 0 1.2em rgba(70, 99, 159, .6)
}

.btn.btn-gray {
    background: #6D7783;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 .1875em .1875em rgba(109, 119, 131, .5);
    -moz-box-shadow: 0 .1875em .1875em rgba(109, 119, 131, .5);
    box-shadow: 0 .1875em .1875em rgba(109, 119, 131, .5);
    padding: 0 1.625em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn.btn-gray:hover {
    -webkit-box-shadow: 0 0 1.2em rgba(109, 119, 131, .6);
    -moz-box-shadow: 0 0 1.2em rgba(109, 119, 131, .6);
    box-shadow: 0 0 1.2em rgba(109, 119, 131, .6)
}

.btn.btn-menu {
    background: #46E4E7;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    height: 3.125em !important;
    border-radius: 1.5625em !important;
    line-height: 2.2em !important;
    padding-left: 1.875em !important;
    padding-right: 1.875em !important
}

.btn.btn-menu:hover {
    -webkit-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    -moz-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    box-shadow: 0 0 1.5em rgba(72, 228, 225, .5)
}

.btn:not(.btn-block).sb {
    display: inline-flex
}

.btn.btn-block.sb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex
}

.btn.sb {
    text-align: left
}

.btn.sb span {
    flex: 1
}

.btn.sb i {
    line-height: inherit
}

.btn.svg img {
    height: 1.4em;
    padding-right: .5em;
    vertical-align: middle
}

img.size-1 {
    height: 5.625em
}

img.size-2 {
    width: 8em
}

img.size-3 {
    width: 9em
}

h1 + p {
    font-size: 1.4em
}

h2.g-a {
    font-weight: 300;
    font-size: 3em
}

h2.g-a + p {
    font-size: 1.6em
}

h4.g-a {
    font-weight: 400;
    font-size: 1.8em
}

h5.g-a {
    font-weight: 400;
    font-size: 1.5em
}

p.g-a {
    font-weight: 400;
    font-size: 1.1em
}

.btn.g-a {
    position: inherit;
    z-index: 10;
    line-height: 3.6em;
    font-weight: 400;
    font-size: 1.1em;
    text-transform: uppercase;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em
}

.ul.g-a {
    list-style-type: none
}

@media (min-width: 63.9em) {
    .ul.g-a {
        padding: 0 6em
    }
}

@media (max-width: 63.9em) {
    .ul.g-a {
        padding: 0 11em
    }
}

@media (max-width: 47.9em) {
    .ul.g-a {
        padding: 0 6em
    }
}

.ul.g-a span.li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    color: #f26a5c;
    padding-bottom: 1em
}

.ul.g-a span.li > span {
    font-size: 1.4em;
    white-space: nowrap
}

.ul.g-a span.li > span:before {
    content: "\25cf";
    padding-right: 1.2em
}

.card.g-a {
    text-align: center
}

.card.g-a h4 {
    margin-top: .5rem !important
}

.card.g-a p {
    margin-top: .5rem !important;
    font-size: 1.35em
}

@media (max-width: 74.9em) {
    .card.g-a h4 + p {
        font-size: 1.2em
    }
}

@media (max-width: 63.9em) {
    .card.g-a h4 + p {
        font-size: 1.4em
    }
}

nav.g-a {
    background-color: rgba(255, 255, 255, .5);
    color: #fff;
    position: relative;
    z-index: 2
}

nav.g-a > ul {
    list-style-type: none;
    text-align: center
}

nav.g-a > ul > li {
    position: relative;
    display: inline-block;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 4em;
    font-size: 1.1em;
    margin: 0 1em;
    padding: 0 .2em;
    -webkit-transition: text-shadow .2s ease-in-out;
    -moz-transition: text-shadow .2s ease-in-out;
    -ms-transition: text-shadow .2s ease-in-out;
    -o-transition: text-shadow .2s ease-in-out;
    transition: text-shadow .2s ease-in-out
}

nav.g-a > ul > li a {
    color: inherit
}

nav.g-a > ul > li.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .15em;
    background-color: #fff;
    content: ""
}

nav.g-a > ul > li:not(:first-child):before {
    position: absolute;
    top: 1em;
    left: -1em;
    bottom: 1em;
    width: 1px;
    background-color: #fff;
    content: ""
}

nav.g-a > ul > li:hover {
    text-shadow: 0 0 15px #fff
}

.separator.g-a {
    height: .2em;
    width: 4em;
    display: inline-block
}

.separator.g-a.separator-white {
    background-color: #fff
}

.separator.g-a.separator-primary {
    background-color: #f26a5c
}

.plate.g-a {
    display: block;
    padding: 1.25em;
    line-height: 3em;
    font-size: 1.2em;
    border: 1px solid #e8edf0;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    will-change: box-shadow, border;
    -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, border .2s ease-in-out
}

@media (max-width: 47.9em) {
    .plate.g-a {
        text-align: center !important
    }
}

.plate.g-a:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 1.25em rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1.25em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.25em rgba(0, 0, 0, .1)
}

.plate.g-a .place {
    display: inline-block;
    line-height: inherit;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    text-align: center;
    background-color: #48e4e1;
    color: #fff
}

@media (min-width: 47.9em) {
    .plate.g-a .place {
        margin-right: 1em
    }
}

.plate.g-a .place:after {
    content: ".";
    margin-left: -.3em
}

.plate.g-a .label {
    display: inline-block;
    line-height: inherit
}

.btn-group.g-a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    line-height: 3.6em;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    border: 1px solid #e8edf0
}

.btn-group.g-a .group-content {
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center
}

.btn-group.g-a .group-content.type-search {
    position: relative
}

.btn-group.g-a .group-content.type-search:before {
    position: absolute;
    width: 3em;
    text-align: center;
    line-height: inherit;
    content: "\f002";
    font-family: FontAwesome;
    color: #6c7175;
    top: 50%;
    left: .3em;
    transform: translateY(-56%)
}

.btn-group.g-a .group-content input {
    outline: 0;
    width: 100%;
    padding-left: 3em;
    height: 4.7em;
    line-height: inherit;
    border: 0;
    background-color: transparent
}

.btn-group.g-a > :not(.group-content) {
    display: inline-block
}

.box.g-a {
    border: 1px solid #E8EDF1;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    flex-wrap: wrap;
    background-color: #F7FBFE
}
#hodnoceni-captcha iframe {
    max-width: 100%;
}
@media only screen and (min-width: 1024px) {
    .box.g-a {
        flex-wrap: nowrap;
    }
}

.box.g-a.facility-rating.facility-rating-radios p {
    padding-bottom: 1.1em;
    font-size: 1.2em
}

.box.g-a.facility-rating.facility-rating-radios .radio {
    cursor: pointer;
    display: inline-block;
    height: 1.25em;
    padding-bottom: 2em
}

.box.g-a.facility-rating.facility-rating-radios .radio input[type=radio] {
    display: none
}

.box.g-a.facility-rating.facility-rating-radios .radio input[type=radio] + .checker {
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid;
    position: relative
}

.box.g-a.facility-rating.facility-rating-radios .radio input[type=radio] + .checker + span {
    font-size: 1.3em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    padding-left: 1em;
    color: #6c7175
}

.box.g-a.facility-rating.facility-rating-radios .radio input[type=radio] + .checker:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.box.g-a.facility-rating.private input[type=radio]:checked + .checker:before {
    background-color: #ea485d
}

.box.g-a.facility-rating.private .checker {
    border-color: #ea485d !important
}

.box.g-a.facility-rating.private .checker + span {
    color: #ea485d
}

.box.g-a.facility-rating.national input[type=radio]:checked + .checker:before {
    background-color: #48e4e1
}

.box.g-a.facility-rating.national .checker {
    border-color: #48e4e1 !important
}

.box.g-a.facility-rating.national .checker + span {
    color: #48e4e1
}

.box.g-a.facility-rating.pope input[type=radio]:checked + .checker:before {
    background-color: #797979 !important
}

.box.g-a.facility-rating.pope .checker {
    border-color: #797979
}

.box.g-a.facility-rating.pope .checker + span {
    color: #797979
}

.number.g-a {
    color: #f26a5c;
    font-size: 1.6em;
    font-weight: 400
}

.number.g-a:after {
    display: inline;
    content: "."
}

.desc.g-a {
    position: relative
}

.desc.g-a .desc-number {
    font-size: 1.5em;
    color: #f26a5c
}

.desc.g-a .desc-number:after {
    content: ".";
    display: inline
}

.desc.g-a .desc-content {
    padding-top: .25em
}

.desc.g-a .desc-content p {
    color: #6c7175;
    font-size: 1.1em
}

@media (min-width: 47.9em) {
    .desc.g-a .desc-number {
        position: absolute;
        top: .25em;
        left: 0
    }

    .desc.g-a .desc-content {
        margin-left: 3em
    }
}

.table.g-a {
    overflow: hidden;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.875em rgba(0, 0, 0, .1)
}

.table.g-a .table-header {
    overflow: hidden;
    background-color: #6D7783;
    color: #fff;
    line-height: 4.1em
}

.table.g-a .table-header > div {
    padding: 0 2.5em
}

.table.g-a .table-header > div > span {
    font-size: 1.35em
}

.table.g-a .table-body {
    overflow: hidden
}

.table.g-a .table-body .table-row {
    line-height: 3.1em
}

.table.g-a .table-body .table-row:not(:first-child) {
    border-top: 1px solid #EDEDED
}

.table.g-a .table-body .table-row > div {
    padding: 0 1.5em
}

.table.g-a .table-body .table-row > div > span {
    font-size: 1.3em
}

.table.g-a .table-body .table-row:nth-child(2n) {
    background-color: #F4F9FC
}

.card-price.g-a {
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.875em rgba(0, 0, 0, .1)
}

.card-price.g-a .card-header {
    overflow: hidden;
    padding: 1.5em 0
}

.card-price.g-a .card-header h4 {
    color: #fff;
    font-size: 1.6em;
    font-weight: 400
}

.card-price.g-a .card-content {
    overflow: hidden
}

.card-price.g-a .card-content .card-price {
    margin-top: .4em
}

.card-price.g-a .card-content .card-price > span {
    font-size: 4em;
    font-weight: 300
}

.card-price.g-a .card-content .card-meta {
    text-transform: uppercase;
    margin-top: 2.5em;
    height: 1.3em
}

.card-price.g-a .card-content .card-info {
    text-transform: uppercase;
    margin-top: .4em;
    margin-bottom: 2em;
    color: #BEC6C9;
    height: 1.35em
}

.card-price.g-a .card-content .card-info > span {
    font-size: 1.15em
}

.card-price.g-a.accent .card-header {
    background-color: #48e4e1;
    white: #fff
}

.card-price.g-a.accent .card-meta, .card-price.g-a.accent .card-price {
    color: #48e4e1
}

.card-price.g-a.primary .card-header {
    background-color: #ea485d;
    white: #fff
}

.card-price.g-a.primary .card-meta, .card-price.g-a.primary .card-price {
    color: #ea485d
}

.card-price.g-a .btn {
    margin-bottom: 3rem !important
}

.switcher.g-a {
    display: inline-block;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -ms-transition: box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    font-size: 1.1em
}

.switcher.g-a .switch {
    cursor: pointer;
    line-height: 3.25em;
    padding: 0 2em;
    border: 0;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    background-color: transparent;
    font-size: 1em
}

.switcher.g-a .switch > span {
    font-size: 1.1em
}

.switcher.g-a .switch.active {
    padding: 0 3em
}

.switcher.g-a.accent {
    border: 1px solid #48e4e1
}

.switcher.g-a.accent .switch.active {
    background-color: #48e4e1;
    color: #fff
}

.switcher.g-a.accent .switch:not(.active) {
    color: #48e4e1
}

.switcher.g-a.primary {
    border: 1px solid #f26a5c
}

.switcher.g-a.primary .switch.active {
    background-color: #f26a5c;
    color: #fff
}

.switcher.g-a.primary .switch:not(.active) {
    color: #f26a5c
}

.switcher.g-a:hover.primary {
    -webkit-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
    -moz-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
    box-shadow: 0 0 1.5em rgba(242, 106, 92, .5)
}

.switcher.g-a:hover.accent {
    -webkit-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    -moz-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
    box-shadow: 0 0 1.5em rgba(72, 228, 225, .5)
}

.line-separator.g-a {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e8edf0
}

.slider.g-a {
    min-height: 200px;
    position: relative;
    font-size: 1.2em
}

.slider.g-a .slider-container {
    overflow: hidden;
    position: relative;
    margin: auto;
    white-space: nowrap;
    min-height: inherit
}

@media (min-width: 74.9em) {
    .slider.g-a .slider-container {
        width: 50em
    }
}

@media (max-width: 74.9em) {
    .slider.g-a .slider-container {
        width: 39em
    }
}

@media (max-width: 63.9em) {
    .slider.g-a .slider-container {
        width: 23em
    }
}

@media (max-width: 47.9em) {
    .slider.g-a .slider-container {
        width: 21.5em
    }
}

@media (max-width: 33.9em) {
    .slider.g-a .slider-container {
        width: 80%
    }
}

.slider.g-a .slider-container .slider-content {
    min-height: inherit;
    -webkit-transition: margin-left .5s ease-in-out;
    -moz-transition: margin-left .5s ease-in-out;
    -ms-transition: margin-left .5s ease-in-out;
    -o-transition: margin-left .5s ease-in-out;
    transition: margin-left .5s ease-in-out
}

.slider.g-a .slider-container .slider-content .slider-card {
    min-height: inherit;
    display: inline-block;
    white-space: normal
}

@media (min-width: 74.9em) {
    .slider.g-a .slider-container .slider-content .slider-card {
        padding: 0 6.25em
    }
}

@media (max-width: 74.9em) {
    .slider.g-a .slider-container .slider-content .slider-card {
        padding: 0 6.25em
    }
}

@media (max-width: 63.9em) {
    .slider.g-a .slider-container .slider-content .slider-card {
        padding: 0 3.125em
    }
}

@media (max-width: 47.9em) {
    .slider.g-a .slider-container .slider-content .slider-card {
        padding: 0 1em
    }
}

@media (max-width: 33.9em) {
    .slider.g-a .slider-container .slider-content .slider-card {
        padding: 0 10%
    }
}

.slider.g-a .slider-container .slider-content .slider-card .card-content {
    font-style: italic;
    font-size: 1.3em;
    line-height: 1.6em;
    padding: 2.5em 0
}

.slider.g-a .slider-container .slider-content .slider-card .card-label span {
    display: block
}

.slider.g-a .slider-container .slider-content .slider-card .card-label span:nth-child(1) {
    font-weight: 900;
    font-size: 1.4em
}

.slider.g-a .slider-container .slider-content .slider-card .card-label span:nth-child(2) {
    padding-top: .2em;
    color: #f26a5c
}

.slider.g-a .slider-arrow {
    width: 1.875em;
    height: 6.25em;
    position: absolute;
    top: 50%;
    margin-top: -3.125em;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.slider.g-a .slider-arrow.slider-arrow-left {
    left: 3.25em;
    background-image: url(../../media/svg/o-nas/leva.svg)
}

.slider.g-a .slider-arrow.slider-arrow-right {
    right: 3.25em;
    background-image: url(../../media/svg/o-nas/prava.svg)
}

@media (max-width: 33.9em) {
    .slider.g-a .slider-arrow.slider-arrow-left {
        left: 1em
    }

    .slider.g-a .slider-arrow.slider-arrow-right {
        right: 1em
    }
}

.slider.g-a .slider-circles {
    margin: auto
}

.slider.g-a .slider-circles .slider-circle {
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #E8F0F2
}

.slider.g-a .slider-circles .slider-circle.active {
    background-color: #C4CCCF
}

.tabs {
    padding-top: 2em
}

.tabs button:nth-child(1) {
    background-image: url(../../media/svg/zarizeni/dum.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 1.5em;
    width: 5em
}
.tabs button:nth-child(1).active{
    background-image: url(../../media/svg/zarizeni/dum-active.svg);
}

.zarizeni-fotogalerie.g-a .col {
    padding: .5em .6em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    cursor: pointer
}

.zarizeni-fotogalerie.g-a .col > div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
    border: 1px solid #e8edf0
}

.zarizeni-fotogalerie.g-a .col > div:before {
    content: "";
    display: block;
    padding-top: 80%
}

.zarizeni-fotogalerie.g-a .col:hover > div {
    border: 1px solid #CECECE;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 1em;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 1em;
    box-shadow: rgba(0, 0, 0, .3) 0 0 1em
}

.zarizeni-detail.g-a .map {
    width: 100%;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    overflow: hidden
}

.zarizeni-detail.g-a .map.map-neplacene, .zarizeni-detail.g-a .map.map-placene {
    height: 25em
}

.zarizeni-detail.g-a .nase-strava .row > div {
    text-transform: uppercase;
    color: #6c7175;
    white-space: nowrap;
    position: relative
}

.zarizeni-detail.g-a .nase-strava .row > div span {
    display: block;
    margin-left: 2.5em;
    line-height: 2em;
    font-size: 1.1em
}

.zarizeni-detail.g-a .nase-strava .row > div .fa {
    position: absolute;
    top: 0;
    left: 0;
    color: #69D692;
    font-size: 2em;
    text-shadow: #69d692 0 .125em .625em
}

.zarizeni-detail.g-a .popis-zarizeni p {
    color: #6c7175;
    font-size: 1.2em;
    line-height: 1.9em;
    text-align: justify
}

@media (min-width: 47.9em) {
    .zarizeni-detail.g-a .popis-zarizeni p {
        column-count: 2;
        column-gap: 1.875em
    }
}

.zarizeni-hodnoceni.g-a .accent {
    background-color: #F4F9FC
}

.zarizeni-hodnoceni.g-a .accent.left {
    padding: 4em 0
}

.zarizeni-hodnoceni.g-a .accent .rating {
    display: inline-block
}

.zarizeni-hodnoceni.g-a .accent .rating.private {
    color: #ea485d
}

.zarizeni-hodnoceni.g-a .accent .rating.national {
    color: #48e4e1
}

.zarizeni-hodnoceni.g-a .accent .rating.pope {
    color: #797979
}

.zarizeni-hodnoceni.g-a .accent .rating span {
    font-size: 2em
}

.zarizeni-hodnoceni.g-a .accent .rating span:not(:last-child) {
    margin-right: .4em
}

.zarizeni-hodnoceni.g-a .accent .rating span:before {
    font-family: FontAwesome
}

.zarizeni-hodnoceni.g-a .accent .rating span.on:before {
    content: "\f111"
}

.zarizeni-hodnoceni.g-a .accent .rating span.off:before {
    content: "\f1db"
}

.zarizeni-hodnoceni.g-a .accent .rating + span {
    display: block;
    font-size: 1.2em;
    line-height: 1.8em
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment {
    border: 1px solid #e8edf0;
    padding: 2.8em;
    margin-bottom: 1em
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating {
    display: inline-block;
    padding: .2em 0
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating.private {
    color: #ea485d
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating.national {
    color: #48e4e1
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating.pope {
    color: #797979
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating span {
    font-size: 1.4em
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating span:not(:last-child) {
    margin-right: .3em
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating span:before {
    font-family: FontAwesome
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating span.on:before {
    content: "\f111"
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating span.off:before {
    content: "\f1db"
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment .rating + span {
    display: block;
    color: #6c7175;
    font-size: 1.1em
}

@media (max-width: 63.9em) {
    .zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(1) {
        padding-bottom: 1em
    }
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) {
    padding: 0 3.75em;
    color: #000;
    text-align: justify;
    line-height: 1.8em;
    border-left: 1px solid #e8edf0
}

@media (max-width: 63.9em) {
    .zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) {
        padding: 1em 0 0;
        border-left: 0;
        border-top: 1px solid #e8edf0
    }
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .text {
    color: #000
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating {
    padding: 2em 3em;
    color: #6c7175;
    font-weight: 600;
    background-color: #f4f9fc;
    margin-top: 1em;
    display: inline-block;
    min-width: 87%
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating .row > div:nth-child(1) {
    padding-right: 2em;
    font-weight: 400
}

@media (max-width: 74.9em) {
    .zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating .row > div:nth-child(1) {
        text-align: left;
        padding: 0
    }
}

@media (max-width: 74.9em) {
    .zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating .row > div:nth-child(2) {
        padding-bottom: 1em
    }
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating span.private {
    color: #ea485d
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating span.national {
    color: #48e4e1
}

.zarizeni-hodnoceni.g-a .hodnoceni-s-komentarem .comment > .row > div:nth-child(2) .seperate-rating span.pope {
    color: #797979
}

.zarizeni-hodnoceni.g-a .rating-bars {
    padding: 2em 1em
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div {
    padding: .25em .8em
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(1) {
    color: #6c7175;
    text-align: right
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(2) .bar {
    width: 100%;
    height: 1em;
    box-sizing: content-box;
    border: 1px solid #e8edf0;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    background-color: #fff
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(2) .bar .bar-inner {
    height: 1em;
    box-sizing: border-box;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    background: #f16c5b;
    background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
    background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1)
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(3) {
    color: #6c7175
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(3) span {
    font-weight: 600
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(3) span.private {
    color: #ea485d
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(3) span.national {
    color: #48e4e1
}

.zarizeni-hodnoceni.g-a .rating-bars .rating-bar > div:nth-child(3) span.pope {
    color: #797979
}

.zarizeni-hodnoceni.g-a .pridat-hodnoceni-button {
    position:relative;
    z-index:10;
    cursor: pointer;
    border: 1px solid #ea485d;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    border-radius: .15em;
    padding: .2em .6em 0 .4em;
    -webkit-transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -ms-transition: box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    width: 7.7em
}

.zarizeni-hodnoceni.g-a .pridat-hodnoceni-button img {
    height: .8em;
    margin-right: .1em
}

.zarizeni-hodnoceni.g-a .pridat-hodnoceni-button span {
    font-size: .6em;
    vertical-align: middle;
    color: #ea485d;
    padding-left: .6em
}

.zarizeni-hodnoceni.g-a .pridat-hodnoceni-button:hover {
    -webkit-box-shadow: 0 0 .6em rgba(234, 72, 93, .4);
    -moz-box-shadow: 0 0 .6em rgba(234, 72, 93, .4);
    box-shadow: 0 0 .6em rgba(234, 72, 93, .4)
}

.reklamy-rightbar.g-a {
    display: none;
    position: relative
}

.reklamy-rightbar.g-a img {
    display: block;
    position: absolute;
    top: 4.5em;
    left: 5em
}

@media (max-width: 63.9em).reklamy-bottom.g-a img {
    width: 160px;
    margin-bottom: 2em
}

    .reklamy-bottom.g-a img.abs {
        position: absolute;
        top: 17.3em
    }

    .reklamy-bottom.g-a img.abs.left {
        left: -180px
    }

    .reklamy-bottom.g-a img.abs.right {
        right: -180px
    }

    .reklamy-bottom.g-a img.fix {
        position: fixed
    }

    @media (max-width: 33.9em) {
        .reklamy-bottom.g-a img {
        }
    }section.login-area .container {
         -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 6em;
         -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 6em;
         box-shadow: rgba(0, 0, 0, .1) 0 0 6em
     }

    section.login-area .facilities-area {
        text-align: center
    }

    section.login-area .facilities-area form {
        text-align: left;
        display: inline-block
    }

    @media (min-width: 63.9em) {
        .section-pridat-zarizeni.g-a .pz-images .row {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }
    }@media (max-width: 63.9em) {
    .section-pridat-zarizeni.g-a .pz-images .row {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
}@media (min-width: 63.9em) {
    .section-pridat-zarizeni.g-a .pz-images .row .col-sm-6:nth-child(1) {
        padding-right: 7em
    }

    .section-pridat-zarizeni.g-a .pz-images .row .col-sm-6:nth-child(2) {
        padding-left: 7em
    }
}@media (max-width: 63.9em) {
    .section-pridat-zarizeni.g-a .pz-images .row .col-sm-6:nth-child(1) {
        padding-right: 1.1em
    }

    .section-pridat-zarizeni.g-a .pz-images .row .col-sm-6:nth-child(2) {
        padding-left: 1.1em
    }
}.section-pridat-zarizeni.g-a .pz-images .hundo {
     max-width: 26.25em;
     display: block;
     margin: auto;
     background-repeat: no-repeat;
     background-size: 90% auto;
     background-position: center center
 }

 .section-pridat-zarizeni.g-a .pz-images .hundo.pridat-zarizeni {
            background-size: contain;
        }

    .section-pridat-zarizeni.g-a .pz-images .hundo:before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .section-pridat-zarizeni.g-a .pz-images p {
        line-height: 1.6em;
        font-size: 1.4em;
        color: #6c7175
    }

    .section-pridat-zarizeni.g-a .pz-images p.top-side {
        text-align: justify
    }

    .section-pridat-zarizeni.g-a .pz-images p.bottom-side {
        display: inline
    }

    .section-pridat-zarizeni.g-a .pz-images .number {
        margin-bottom: .6em
    }

    .filehandler.g-a .filehandler-nodes .node {
        padding: .5em 1em;
        margin: .2em 1em;
        position: relative;
        z-index: 1;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden
    }

    .filehandler.g-a .filehandler-nodes .node img {
        height: 1.3em;
        margin-right: 1em;
        cursor: pointer;
        margin-top: .3em
    }

    .filehandler.g-a .filehandler-nodes .node span {
        vertical-align: super
    }

    .filehandler.g-a .filehandler-nodes .node .progress-bar {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1
    }

    .filehandler.g-a .filehandler-nodes .node .progress-bar .progress {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #48e4e1
    }

    .filehandler.g-a .filehandler-nodes .node .progress-bar .volume {
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -.5em
    }

    .filehandler.g-a .filehandler-nodes .node .progress-bar:not(.nop) .volume:after {
        content: "%"
    }

    .filehandler.g-a .filehandler-selector .fh-form {
        padding: 1em 1em .5em
    }

    .filehandler.g-a .filehandler-selector .fh-form label {
        height: 5em;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #fff;
        border: 1px solid #e8edf0;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        display: block;
        cursor: pointer;
        -webkit-transition: background-color .15s;
        -moz-transition: background-color .15s;
        -ms-transition: background-color .15s;
        -o-transition: background-color .15s;
        transition: background-color .15s
    }

    .filehandler.g-a .filehandler-selector .fh-form label input {
        display: none
    }

    .filehandler.g-a .filehandler-selector .fh-form label span {
        color: #6c7175;
        line-height: 3.7em;
        font-size: 1.3em;
        padding: 0 2em
    }

    .filehandler.g-a .filehandler-selector .fh-form label span:before {
        content: "\f0ee";
        font-family: FontAwesome;
        padding-right: .5em
    }

    .filehandler.g-a .filehandler-selector .fh-form.is-dragover label {
        background-color: #a1f1f0
    }

    .checkbox-readonly.g-a > span:nth-child(1) {
        display: inline-block;
        width: 1.7em;
        height: 1.7em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #000;
        font-size: 1em !important;
        text-align: center;
        line-height: 1.8em;
        margin-right: .4em
    }

    .checkbox-readonly.g-a > span:nth-child(1):before {
        content: "\f00c";
        font-family: FontAwesome;
        color: #fff
    }

    .checkbox-readonly.g-a > span:nth-child(2) {
        vertical-align: middle
    }

    .checkbox-readonly.g-a.private > span:nth-child(1) {
        background-color: #ea485d
    }

    .checkbox-readonly.g-a.national > span:nth-child(1) {
        background-color: #48e4e1
    }

    .checkbox-readonly.g-a.pope > span:nth-child(1) {
        background-color: #797979
    }

    h2.g-b {
        font-weight: 300;
        font-size: 4em
    }

    h4.g-b {
        font-weight: 400;
        font-size: 1.6em;
        color: #f26a5c
    }

    h5.g-b {
        font-weight: 700;
        font-size: 1.1em
    }

    p.g-b {
        font-weight: 400;
        font-size: 1.45em
    }

    .ul.g-b {
        list-style-type: none
    }

    .ul.g-b span.li {
        color: #000;
        cursor: pointer;
        display: inline-block;
        padding-top: 1em;
        position: relative
    }

    .ul.g-b span.li span {
        font-size: 1.5em
    }

    .ul.g-b span.li:hover:after {
        content: "";
        height: 2px;
        background-color: #000;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0
    }

    .ul.g-b span.li.active:before {
        content: "\f0da";
        font-family: FontAwesome;
        position: absolute;
        left: -.9em;
        font-size: 1.2em;
        bottom: .35em
    }

    label.g-b {
        color: #6c7175;
        font-size: 1.05em;
        margin-bottom: .3em;
        display: inline-block
    }

    label.g-b.required:after {
        content: "*";
        color: #ea485d;
        padding-left: .3em
    }

    input.g-b, select.g-b, textarea.g-b {
        width: 100%;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #e8edf0;
        color: #34393d;
        padding: .8em 1em
    }

    input.g-b.notvalid, select.g-b.notvalid, textarea.g-b.notvalid {
        border: 1px solid red !important
    }

    textarea.g-b {
        height: 10.6em;
        resize: none
    }

    .select.g-b {
        display: block;
        width: 100%;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #e8edf0;
        color: #34393d;
        position: relative;
        cursor: pointer
    }

    .select.g-b.notvalid {
        border: 1px solid red
    }

    .select.g-b button.selected {
        border: 0;
        background-color: transparent;
        width: 100%;
        height: 100%;
        text-align: left;
        cursor: pointer
    }

    .select.g-b button.selected .node {
        padding: .8em 1em;
        width: 100%
    }

    .select.g-b button.selected .node span {
        width: 100%
    }

    .select.g-b .list {
        position: absolute;
        top: 100%;
        left: -1px;
        right: -1px;
        border: 1px solid #e8edf0;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        background-color: #e8edf0;
        z-index: 10;
        overflow: hidden;
        display: none
    }

    .select.g-b .list .node {
        padding: .5em 1em;
        font-size: .9em
    }

    .select.g-b .list .node:hover {
        background-color: #F0F6FA
    }

    .select.g-b:before {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        right: 1em;
        top: 50%;
        margin-top: -.5em;
        color: #ADB2B8;
        -webkit-transition: transform .15s linear;
        -moz-transition: transform .15s linear;
        -ms-transition: transform .15s linear;
        -o-transition: transform .15s linear;
        transition: transform .15s linear
    }

    .select.g-b.visible .list {
        display: block
    }

    .select.g-b.visible:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .anchor-link.g-b {
        font-weight: 400;
        font-size: 1.15em;
        color: #6c7175;
        padding-bottom: 1px;
        display: block;
        margin-bottom: .6em
    }

    .anchor-link.g-b span {
        position: relative
    }

    .anchor-link.g-b span:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #6c7175;
        height: 1px;
        content: "";
        -webkit-transition: bottom .1s;
        -moz-transition: bottom .1s;
        -ms-transition: bottom .1s;
        -o-transition: bottom .1s;
        transition: bottom .1s
    }

    .anchor-link.g-b:hover {
        color: #f26a5c
    }

    .anchor-link.g-b:hover span:before {
        bottom: -2px;
        background-color: #f26a5c
    }

    address.g-b {
        font-weight: 400;
        font-style: normal;
        font-size: 1.1em;
        color: #6c7175
    }

    address.g-b strong {
        color: #34393d
    }

    .card.g-b {
        border: 1px solid #E4E4E4;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden;
        display: block;
        -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        transition: box-shadow .2s ease-in-out, border .2s ease-in-out
    }

    .card.g-b h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .card.g-b .card-img {
        width: 100%;
        background-size: cover;
        background-position: center
    }

    .card.g-b .card-img:before {
        padding-top: 58%;
        display: block;
        content: ""
    }

    .card.g-b .card-content {
        margin: 1.2em 2em 1.5em
    }

    .card.g-b .card-content .card-meta {
        margin-top: .5em;
        color: #6c7175
    }

    @media (max-width: 63.9em) {
        .card.g-b .card-content .card-meta {
            font-size: 1.4em
        }
    }@media (max-width: 74.9em) {
    .card.g-b .card-content .card-meta {
        font-size: 1.2em
    }
}.card.g-b:hover {
     border: 1px solid transparent;
     -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, .1);
     box-shadow: 0 0 1.5em rgba(0, 0, 0, .1)
 }

    .btn.g-b {
        line-height: 3.6em;
        font-weight: 400;
        font-size: 1.1em;
        padding: 0 2.2em;
        text-transform: uppercase;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em
    }

    .btn-group.g-b {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        line-height: 4.6em;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        background-color: #E4E9EC
    }

    .btn-group.g-b .group-content {
        line-height: inherit;
        flex: 1;
        padding-left: 3em
    }

    .btn-group.g-b .group-content input {
        overflow: hidden;
        outline: 0;
        width: 100%;
        line-height: inherit;
        border: 0;
        background-color: transparent;
        color: #7D848C;
        font-size: 1.5em;
        vertical-align: initial
    }

    .btn-group.g-b > :not(.group-content) {
        display: inline-block
    }

    .stars.g-b {
        display: block;
        padding-top: .3em
    }

    .stars.g-b span {
        font-size: 1em;
        cursor: pointer
    }

    .stars.g-b span:not(:last-child) {
        margin-right: .55em
    }

    .stars.g-b span:before {
        font-family: FontAwesome;
        content: "\f1db"
    }

    .stars.g-b span.active:before {
        content: "\f111"
    }

    .switcher.g-b {
        display: inline-block;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: box-shadow .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out;
        font-size: 1.1em;
        overflow: hidden;
        border-style: solid;
        border-width: 1px
    }

    .switcher.g-b .switch {
        cursor: pointer;
        line-height: 3.25em;
        padding: 0 2em;
        border: 0;
        font-size: 1em;
        background-color: transparent;
        -webkit-transition: padding .1s linear;
        -moz-transition: padding .1s linear;
        -ms-transition: padding .1s linear;
        -o-transition: padding .1s linear;
        transition: padding .1s linear
    }

    .switcher.g-b .switch:not(:last-child) {
        border-right-width: 1px;
        border-right-style: solid
    }

    .switcher.g-b .switch.active {
        padding: 0 3em;
        color: #fff !important
    }

    .switcher.g-b .switch > span {
        font-size: 1.2em
    }

    .switcher.g-b .switch:first-child {
        padding-left: 2.3em
    }

    .switcher.g-b .switch:first-child.active {
        padding-left: 3.3em
    }

    .switcher.g-b .switch:last-child {
        padding-right: 2.3em
    }

    .switcher.g-b .switch:last-child.active {
        padding-right: 3.3em
    }

    .switcher.g-b.accent {
        border-color: #48e4e1
    }

    .switcher.g-b.accent .switch {
        color: #48e4e1
    }

    .switcher.g-b.accent .switch:not(:last-child) {
        border-right-color: #48e4e1
    }

    .switcher.g-b.accent .switch.active {
        background-color: #48e4e1
    }

    .switcher.g-b.accent:hover {
        -webkit-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
        -moz-box-shadow: 0 0 1.5em rgba(72, 228, 225, .5);
        box-shadow: 0 0 1.5em rgba(72, 228, 225, .5)
    }

    h2.g-c {
        font-weight: 300;
        font-size: 4.3em;
        color: #f26a5c
    }

    h4.g-c {
        font-weight: 300;
        font-size: 2em;
        text-transform: uppercase
    }

    p.g-c {
        font-weight: 400;
        font-size: 1.45em;
        color: #6c7175
    }

    .svg.g-c {
        width: 8em
    }

    .btn.g-c {
        line-height: 1.8em;
        font-weight: 400;
        font-size: 1em;
        padding: .1em .5em 0;
        text-transform: uppercase;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em
    }

    .card.g-c {
        position: relative;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        padding: 1em;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        margin-top: 1.5em;
        -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -webkit-transition: box-shadow .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out
    }

    .card.g-c:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .2em;
        background-color: #f26a5c
    }

    .card.g-c .card-img {
        width: 100%;
        display: inline-block;
        background-size: cover;
        background-position: center
    }

    .card.g-c .card-img:before {
        padding-top: 70%;
        display: block;
        content: ""
    }

    @media (max-width: 47.9em) {
        .card.g-c {
            display: block
        }

        .card.g-c .card-content {
            padding: 2em
        }
    }.card.g-c .card-content {
         display: inline-block;
         padding: 4em
     }

    .card.g-c .card-content .card-meta {
        margin-top: .5em;
        margin-bottom: .8em;
        color: #6c7175;
        font-size: 1.1em
    }

    .card.g-c .card-content .card-meta .card-date {
        color: #f26a5c
    }

    .card.g-c .card-content .card-meta .card-author {
        margin-left: .7em;
        color: #6c7175
    }

    .card.g-c .card-content p {
        color: #6c7175;
        line-height: 1.7em
    }

    .card.g-c:hover {
        -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, .3);
        box-shadow: 0 0 2.5em rgba(0, 0, 0, .3)
    }

    h2.g-d {
        font-weight: 300;
        font-size: 2.2em
    }

    h4.g-d {
        font-weight: 400;
        font-size: 2em
    }

    .btn.g-d {
        z-index: 99;
        position: absolute;
        line-height: 2em;
        font-weight: 700;
        font-size: 1em;
        padding: 0 1.2em;
        text-transform: uppercase;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em
    }

    .card.g-d {
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        padding: 1.3em;
        overflow: hidden;
        margin-top: 1.5em;
        border: 1px solid #e8edf0
    }

    .card.g-d > .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex
    }

    .card.g-d .card-img {
        width: 100%;
        display: inline-block;
        background-size: cover;
        background-position: center
    }

    .card.g-d .card-img:before {
        padding-top: 71%;
        display: block;
        content: ""
    }

    @media (max-width: 47.9em) {
        .card.g-d > .row {
            display: block
        }

        .card.g-d .card-content {
            padding: 2em
        }
    }.card.g-d .card-info {
         margin-top: 1.5em;
         padding: 1em 0 0;
         border-top: 1px solid #e8edf0
     }

    .card.g-d .card-info h5 {
        font-size: 1.7em;
        font-weight: 400;
        margin-top: .2em
    }

    .card.g-d .card-info p {
        margin-top: .6em;
        line-height: 1.8em;
        font-size: 1.2em;
        color: #6c7175
    }

    .card.g-d .card-content {
        display: inline-block;
        padding: .6em 3.7em
    }

    .card.g-d .card-content h4 {
        font-weight: 300;
        font-size: 2.2em
    }
    .card.g-d .card-content h5 {
        font-size: 1.7em;
        font-weight: 400;
        margin-bottom: 0.5rem;
    }

    @media (max-width: 47.9em) {
        .card.g-d .card-content.competition {
            border-top: 1px solid #e8edf0;
            width: 100% !important;
            margin-top: 1rem;
            padding-top: 1rem;
        }
    }

    .card.g-d .card-content .card-meta {
        margin-bottom: .8em;
        font-size: 1.35em;
        margin-top: .1em
    }

    .card.g-d .card-content .card-meta .card-date {
        color: #6c7175
    }

    .card.g-d .card-content .card-more {
        margin-top: 1em;
        text-align: right;
        text-decoration: underline;
        color: #f26a5c
    }

    @media (max-width: 47.9em) {
        .card.g-d .card-content .card-more {
            text-align: center !important
        }
    }.card.g-d .card-content .card-prizes > .prize {
         position: relative;
         padding-bottom: .7em
     }

    .card.g-d .card-content .card-prizes > .prize .place {
        width: 1.6em;
        height: 1.6em;
        line-height: 1.7em;
        text-align: center;
        background-color: #48e4e1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #fff
    }

    .card.g-d .card-content .card-prizes > .prize .place:after {
        content: ""
    }

    .card.g-d .card-content .card-prizes > .prize .prize-content > .prize-winner {
        font-size: 1.3em
    }

    .card.g-d .card-content .card-prizes > .prize .prize-content > .prize-winner .person {
        color: #6c7175
    }

    .card.g-d .card-content .card-prizes > .prize .prize-content > .prize-winner .name {
        color: #f26a5c
    }

    .card.g-d .card-content .card-prizes > .prize .prize-content > .prize-winner .name:before {
        content: "-";
        margin-right: .2em;
        color: #6c7175
    }

    .card.g-d .card-content .card-prizes > .prize .prize-content > .prize-meta {
        margin-top: .2em;
        font-size: 1.2em;
        color: #6c7175;
        font-weight: 300
    }

    @media (min-width: 47.9em) {
        .card.g-d .card-content .card-prizes > .prize .place {
            position: absolute;
            left: 0;
            top: 0
        }

        .card.g-d .card-content .card-prizes > .prize .prize-content {
            margin-left: 2.2em
        }
    }@media (max-width: 47.9em) {
    .card.g-d .card-content .card-prizes > .prize {
        text-align: center
    }

    .card.g-d .card-content .card-prizes > .prize .place {
        margin: 0 auto .6em;
        width: 2.2em;
        height: 2.2em;
        line-height: 2.2em;
        font-size: 1.1em
    }

    .card.g-d .card-content .card-prizes > .prize:not(first-child) {
        margin-top: 1em
    }
}.info-panel.g-d {
     padding: 3em 8em 4em 12em
 }

    @media (max-width: 63.9em) {
        .info-panel.g-d {
            padding: 2em 3em 3em;
            font-size: 1.2em
        }
    }.info-panel.g-d p {
         font-size: 1.2em;
         line-height: 2em;
         padding: 0 2em;
         font-weight: 400
     }

    .info-panel.g-d.info-panel-info {
        background: #ef6a5b;
        background: -moz-linear-gradient(left, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        background: -webkit-linear-gradient(left, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        background: linear-gradient(to right, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6a5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    h2.g-e {
        font-size: 2em;
        font-weight: 100
    }

    .btn.g-e {
        line-height: 2.8em;
        font-weight: 400;
        font-size: 1.1em;
        padding: 0 1.8em;
        text-transform: uppercase;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em
    }

    .panel-header.g-e {
        background-color: #fff;
        overflow: hidden;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.875em rgba(0, 0, 0, .1)
    }

    .panel-header.g-e header {
        overflow: hidden;
        color: #fff;
        background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        line-height: 4em
    }

    .panel-header.g-e header h3 {
        text-transform: uppercase;
        font-size: 1.4em;
        font-weight: 400;
        letter-spacing: .1em;
        display: inline-block;
        margin-left: 2.6em
    }

    .panel-header.g-e header .share-option {
        float: right;
        display: inline-block;
        border: 1px solid rgba(255, 255, 255, .2);
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
        cursor: pointer;
        padding: 0 2em;
        height: 2.4em;
        line-height: 2.45em;
        margin: .8em 2.6em;
        -webkit-transition: background-color .2s ease-in-out;
        -moz-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

    .panel-header.g-e header .share-option span {
        vertical-align: middle;
        font-size: 1.2em
    }

    .panel-header.g-e header .share-option:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .1)
    }

    .card.g-e {
        position: relative;
        padding: 1em;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex
    }

    .card.g-e:not(:first-child) {
        margin-top: 1.5em
    }

    .card.g-e .card-img {
        width: 100%;
        display: inline-block;
        background-size: cover;
        background-position: center
    }

    .card.g-e .card-img:before {
        padding-top: 70%;
        display: block;
        content: ""
    }

    @media (max-width: 47.9em) {
        .card.g-e {
            display: block
        }

        .card.g-e .card-content {
            padding: 2em
        }
    }.card.g-e .card-content {
         display: inline-block;
         padding: 1.8em 3em
     }

    .card.g-e .card-content .card-meta {
        margin-top: .2em;
        margin-bottom: .7em;
        font-size: 1.4em
    }

    .card.g-e .card-content .card-meta .card-date {
        color: #f26a5c
    }

    .card.g-e .card-content .card-meta .card-author {
        margin-left: .7em;
        color: #6c7175
    }

    .card.g-e .card-content h4 {
        font-size: 2.3em;
        font-weight: 300
    }

    .card.g-e .card-content p {
        color: #6c7175;
        line-height: 1.7em
    }

    .info-panel.g-e {
        padding: 2em 4em;
        font-size: 1em
    }

    @media (max-width: 63.9em) {
        .info-panel.g-e {
            padding: 2em 3em;
            font-size: 1.4em
        }
    }.info-panel.g-e p {
         font-size: 1em;
         line-height: 2em;
         padding: 0 2em;
         font-weight: 400
     }

    .info-panel.g-e.info-panel-info {
        background: -moz-linear-gradient(left, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        background: -webkit-linear-gradient(left, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        background: linear-gradient(to right, #ef6a5b 0, #ef6a5b 20%, #eb4a5c 80%, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6a5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    h2.g-f {
        font-size: 2.2em;
        font-weight: 300
    }

    .card.g-f {
        position: relative;
        -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden;
        -webkit-transition: box-shadow .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out;
        display: block
    }

    .card.g-f:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .2em;
        background-color: #f26a5c
    }

    .card.g-f .card-img {
        width: 100%;
        background-size: cover;
        background-position: center
    }

    .card.g-f .card-img:before {
        padding-top: 58%;
        display: block;
        content: ""
    }

    .card.g-f .card-content {
        margin: 1.5em 3em 1.8em
    }

    .card.g-f .card-content .card-meta {
        margin-top: .5em;
        color: #6c7175
    }

    .card.g-f .card-content p {
        margin-top: .4em;
        color: #6c7175;
        font-size: 1.1em;
        line-height: 1.6em
    }

    .card.g-f:hover {
        -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, .3);
        box-shadow: 0 0 2.5em rgba(0, 0, 0, .3)
    }

    .checkbox.g-f {
        position: relative;
        height: 2em;
        width: 3.4em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
        display: inline-block;
        background-color: #48e4e1;
        cursor: pointer
    }

    .checkbox.g-f:before {
        -webkit-transition: left .1s ease-in;
        -moz-transition: left .1s ease-in;
        -ms-transition: left .1s ease-in;
        -o-transition: left .1s ease-in;
        transition: left .1s ease-in;
        position: absolute;
        top: .2em;
        left: .2em;
        bottom: .2em;
        width: 1.6em;
        content: "";
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
        background: #fff
    }

    .checkbox.g-f.checked:before {
        left: 1.6em
    }

    .box-checkbox.g-f {
        display: inline-flex;
        align-items: center;
        color: #c8cacc;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .box-checkbox.g-f a:not(.checkbox), .box-checkbox.g-f span:not(.checkbox) {
        font-size: 1.4em;
        margin: 0 1em;
        line-height: inherit
    }

    .box-checkbox.g-f .active {
        color: #48e4e1
    }

    .box-checkbox.g-f a {
        -webkit-transition: color .15s ease-in-out;
        -moz-transition: color .15s ease-in-out;
        -ms-transition: color .15s ease-in-out;
        -o-transition: color .15s ease-in-out;
        transition: color .15s ease-in-out;
        cursor: pointer
    }

    h2.g-g {
        font-size: 3.3em;
        font-weight: 100
    }

    .btn.g-g {
        height: 2.5em;
        line-height: 1.6em;
        -webkit-border-radius: 1.15em;
        -moz-border-radius: 1.15em;
        border-radius: 1.15em;
        padding-left: 1.2em;
        padding-right: 1.2em;
        display: inline-block !important
    }

    .card.g-g {
        position: relative;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden;
        -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        transition: box-shadow .2s ease-in-out, border .2s ease-in-out
    }

    .card.g-g:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .2em;
        background-color: #48e4e1
    }

    .card.g-g .card-img {
        width: 100%;
        background-size: cover;
        background-position: center
    }

    .card.g-g .card-img:before {
        padding-top: 58%;
        display: block;
        content: ""
    }

    .card.g-g h4 {
        font-size: 1.5em;
        font-weight: 400
    }

    .card.g-g p {
        margin-top: .4em;
        font-weight: 400;
        font-size: 1.15em;
        color: #6c7175
    }

    .card.g-g .card-content {
        margin: 1.2em 2em 2.4em
    }

    .card.g-g .card-content .card-meta {
        margin-top: .5em;
        color: #f26a5c;
        font-size: 1.1em
    }

    .card.g-g .card-content .card-meta .card-about:before {
        content: "|";
        margin-right: .3em
    }

    .card.g-g:hover {
        -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        border: 1px solid transparent
    }

    h4.g-h {
        max-width: 80%
    }

    .card.g-h {
        display: block;
        zoom: 1;
        position: relative;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden;
        padding: 1.5em
    }

    .card.g-h:after {
        content: "";
        display: table;
        clear: both
    }

    .card.g-h > div[class^=col-] {
        float: left
    }

    .card.g-h.row-flex, .card.g-h.row-flex-col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex
    }

    .card.g-h.row-flex-col > div[class^=col-] {
        align-content: stretch
    }

    @media (max-width: 74.9em) {
        .card.g-h.row-xxl-responsive {
            display: block !important
        }

        .card.g-h.row-xxl-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 74.9em) {
    .card.g-h.row-xl-responsive {
        display: block !important
    }

    .card.g-h.row-xl-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 74.9em) {
    .card.g-h.row-lg-responsive {
        display: block !important
    }

    .card.g-h.row-lg-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 63.9em) {
    .card.g-h.row-md-responsive {
        display: block !important
    }

    .card.g-h.row-md-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 47.9em) {
    .card.g-h.row-sm-responsive {
        display: block !important
    }

    .card.g-h.row-sm-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 33.9em) {
    .card.g-h.row-xs-responsive {
        display: block !important
    }

    .card.g-h.row-xs-responsive > div[class^=col-] {
        flex: none !important
    }
}.card.g-h .card-img {
     display: inline-block;
     width: 100%;
     border-radius: 50%;
     background-size: cover;
     background-position: center
 }

    .card.g-h .card-img:before {
        padding-top: 100%;
        display: block;
        content: ""
    }

    .card.g-h h4 {
        font-size: 1.4em;
        font-weight: 400
    }

    .card.g-h .card-content {
        display: inline-block;
        padding: .7em 1em
    }

    .card.g-h .card-content .card-meta {
        margin-top: .5em;
        color: #6c7175;
        font-size: .9em
    }

    @media (max-width: 47.9em) {
        .card.g-h {
            text-align: center
        }

        .card.g-h .card-img {
            width: 30%;
            margin: 0 35%
        }
    }.card.g-h .card-feature {
         position: absolute;
         top: 0;
         right: 0
     }

    .card.g-h .card-feature span {
        position: absolute;
        top: -3.125em;
        right: -3.125em;
        width: 6.25em;
        height: 6.25em;
        background-color: #ea485d;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
        font-size: 1.4em;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        line-height: 11em;
        -webkit-box-shadow: rgba(234, 72, 93, .5) 0 0 40px;
        -moz-box-shadow: rgba(234, 72, 93, .5) 0 0 40px;
        box-shadow: rgba(234, 72, 93, .5) 0 0 40px
    }

    .card.g-i {
        position: relative;
        text-align: center
    }

    .card.g-i .card-img {
        display: inline-block
    }

    .card.g-i .card-content h4 {
        font-weight: 400;
        font-size: 2.2em
    }

    .card.g-i .card-content p {
        font-weight: 400;
        font-size: 1.3em;
        color: #6c7175
    }

    @media (min-width: 63.9em) {
        .card.g-i {
            text-align: left
        }

        .card.g-i .card-img {
            position: absolute;
            top: 0;
            left: 0
        }

        .card.g-i .card-content {
            margin-left: 9em
        }
    }.card.g-j {
         position: relative;
         text-align: center;
         border: 1px solid #DDD;
         -webkit-border-radius: .3em;
         -moz-border-radius: .3em;
         border-radius: .3em;
         overflow: hidden;
         padding-bottom: 2.2em;
         will-change: box-shadow, border;
         -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
         -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
         -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
         -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
         transition: box-shadow .2s ease-in-out, border .2s ease-in-out
     }

    .card.g-j .card-img {
        margin: 2.2em 2.2em 1em;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: block
    }

    .card.g-j .card-img:before {
        display: block;
        content: "";
        padding-top: 100%
    }

    .card.g-j .card-content h4 {
        font-weight: 300;
        font-size: 2.3em
    }

    .card.g-j .card-content .card-meta {
        margin-top: .3em;
        margin-bottom: .3em
    }

    .card.g-j .card-content .card-meta .card-price {
        display: block
    }

    .card.g-j .card-content .card-meta .card-price > .now {
        font-weight: 700;
        font-size: 1.5em;
        color: #f26a5c
    }

    .card.g-j .card-content .card-meta .card-price > .old {
        text-decoration: line-through;
        font-weight: 300;
        font-size: 1em;
        color: #6c7175
    }

    .card.g-j:hover {
        -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.8em rgba(0, 0, 0, .1);
        border: 1px solid transparent
    }

    .card.g-k {
        display: block;
        zoom: 1;
        position: relative;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        overflow: hidden;
        padding: 1.5em 1.5em .8em;
        -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
        font-size: 1.2em
    }

    .card.g-k:after {
        content: "";
        display: table;
        clear: both
    }

    .card.g-k > div[class^=col-] {
        float: left
    }

    .card.g-k.row-flex, .card.g-k.row-flex-col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex
    }

    .card.g-k.row-flex-col > div[class^=col-] {
        align-content: stretch
    }

    @media (max-width: 74.9em) {
        .card.g-k.row-xxl-responsive {
            display: block !important
        }

        .card.g-k.row-xxl-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 74.9em) {
    .card.g-k.row-xl-responsive {
        display: block !important
    }

    .card.g-k.row-xl-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 74.9em) {
    .card.g-k.row-lg-responsive {
        display: block !important
    }

    .card.g-k.row-lg-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 63.9em) {
    .card.g-k.row-md-responsive {
        display: block !important
    }

    .card.g-k.row-md-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 47.9em) {
    .card.g-k.row-sm-responsive {
        display: block !important
    }

    .card.g-k.row-sm-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 33.9em) {
    .card.g-k.row-xs-responsive {
        display: block !important
    }

    .card.g-k.row-xs-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 74.9em) {
    .card.g-k {
        font-size: 1.4em
    }
}@media (max-width: 63.9em) {
    .card.g-k {
        font-size: 1.6em
    }
}@media (max-width: 47.9em) {
    .card.g-k {
        font-size: 1.8em
    }
}.card.g-k .card-img {
     display: inline-block;
     width: 100%;
     max-width: 7em;
     border-radius: 50%;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat
 }

    .card.g-k .card-img:before {
        padding-top: 100%;
        display: block;
        content: ""
    }

    .card.g-k .card-img.image {
        background-size: cover
    }

    .card.g-k .card-img.icon {
        background-size: auto 70%
    }

    .card.g-k h4 {
        font-size: 1.2em;
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .card.g-k .card-content {
        display: inline-block;
        padding: .7em 1em
    }

    .card.g-k .card-content .rating {
        display: inline-block;
        color: #ea485d;
        padding-top: .3em
    }

    .card.g-k .card-content .rating span {
        font-size: 1em
    }

    .card.g-k .card-content .rating span:not(:last-child) {
        margin-right: .55em
    }

    .card.g-k .card-content .rating span:before {
        font-family: FontAwesome
    }

    .card.g-k .card-content .rating span.on:before {
        content: "\f111"
    }

    .card.g-k .card-content .rating span.off:before {
        content: "\f1db"
    }

    .card.g-k .card-content .card-meta {
        margin-top: .5em;
        color: #6c7175;
        font-size: .9em
    }

    @media (max-width: 47.9em) {
        .card.g-k {
            text-align: center
        }

        .card.g-k .card-img {
            width: 30%;
            margin: 0 35%
        }
    }.card.g-k:hover {
         border: 1px solid transparent;
         -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, .1);
         -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, .1);
         box-shadow: 0 0 1.5em rgba(0, 0, 0, .1)
     }

    .btn.g-k {
        font-size: .7em;
        color: #fff;
        background-color: #ea485d;
        height: 2.5em;
        text-transform: uppercase;
        padding: 0 1.5em;
        cursor: pointer;
        line-height: 2.85em;
        -webkit-border-radius: 1.25em;
        -moz-border-radius: 1.25em;
        border-radius: 1.25em;
        font-weight: 700;
        letter-spacing: .05em;
        -webkit-transition: box-shadow .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out;
        -ms-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out
    }

    .btn.g-k:hover {
        -webkit-box-shadow: 0 0 1em rgba(234, 72, 93, .6);
        -moz-box-shadow: 0 0 1em rgba(234, 72, 93, .6);
        box-shadow: 0 0 1em rgba(234, 72, 93, .6)
    }

    .card.g-l {
        text-transform: uppercase;
        text-align: left
    }

    .card.g-l .header {
        color: #6c7175;
        letter-spacing: 2px;
        font-size: 1.2em;
        word-spacing: 70em;
        height: 2.4em;
        font-weight: 600;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        flex-direction: row
    }

    .card.g-l .header > span {
        align-self: flex-end
    }

    .card.g-l .number {
        color: #f26a5c;
        font-weight: 400;
        padding-top: .3em
    }

    .card.g-l .number > span {
        font-size: 3em
    }

    .row.row-flex.g-m {
        align-items: flex-end
    }

    @media (min-width: 63.9em) {
        .row.row-flex.g-m > .p1 {
            order: 2
        }
    }@media (min-width: 63.9em) {
    .row.row-flex.g-m > .p2 {
        order: 1
    }
}@media (min-width: 63.9em) {
    .row.row-flex.g-m > .p3 {
        order: 3
    }
}.card.g-m {
     display: block;
     border-radius: 0;
     -webkit-border-radius: 0em;
     -moz-border-radius: 0em;
     /* border-bottom: 1px solid #e8edf0; */
     padding: 2em;
     text-align: center !important;
     position: relative;
     margin-top: 3em;
     background: linear-gradient(282deg, rgba(221,223,225,1) 0%, rgba(221,223,225,1) 10%, rgba(234,235,236,1) 10%, rgba(234,235,236,1) 100%);
     -webkit-box-shadow: 0 0 5em rgba(0, 0, 0, .05);
     -moz-box-shadow: 0 0 5em rgba(0, 0, 0, .05);
     box-shadow: 0 0 5em rgba(0, 0, 0, .05);
     -webkit-transition: box-shadow .3s ease-in-out;
     -moz-transition: box-shadow .3s ease-in-out;
     -ms-transition: box-shadow .3s ease-in-out;
     -o-transition: box-shadow .3s ease-in-out;
     transition: box-shadow .3s ease-in-out
 }

    .card.g-m.p1 {
        background: #FCFCFC !important;
        padding-top: 6.25em;
        border: 1px solid #e8edf0;
        border-bottom: 0;
        margin-bottom: -1px;
    }

    .card.g-m.p1 h3 {
        font-size: 32px;
    }

    .card.g-m.p2 {
        padding-top: 3.25em;
        padding-bottom: 2em;
    }
    
    .card.g-m.p3 {
        padding-top: 3.25em;
        padding-bottom: 2em;
        background: linear-gradient(78deg, rgba(221,223,225,1) 0%, rgba(221,223,225,1) 10%, rgba(234,235,236,1) 10%, rgba(234,235,236,1) 100%);
    }

    .card.g-m img {
        position: absolute;
        top: -4.1em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 8.125em
    }

    .card.g-m h3 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 24px;
        font-weight: 400;
        color: #000
    }

    .card.g-m .address {
        color: #6c7175;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-top: .5em
    }

    .card.g-m .address > span {
        font-size: 1.35em
    }

    .card.g-m .info {
        display: block;
        background-color: #f4f9fc;
        color: #f26a5c;
        text-align: center;
        padding: 1em 0;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em
    }

    .card.g-m .info > span {
        font-size: 1.4em
    }

    .card.g-m:hover {
        -webkit-box-shadow: 0 0 5em rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0 5em rgba(0, 0, 0, .15);
        box-shadow: 0 0 5em rgba(0, 0, 0, .15)
    } 

    section.background-spaceblue {
        background-color: #f4f9fc
    }

    .hightlight-primary {
        color: #f26a5c
    }

    .hightlight-accent {
        color: #48e4e1
    }

    .cols-5 {
        display: block;
        zoom: 1
    }

    .cols-5:after {
        content: "";
        display: table;
        clear: both
    }

    .cols-5 > div[class^=col-] {
        float: left
    }

    .cols-5.row-flex, .cols-5.row-flex-col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex
    }

    .cols-5.row-flex-col > div[class^=col-] {
        align-content: stretch
    }

    @media (max-width: 74.9em) {
        .cols-5.row-xxl-responsive {
            display: block !important
        }

        .cols-5.row-xxl-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 74.9em) {
    .cols-5.row-xl-responsive {
        display: block !important
    }

    .cols-5.row-xl-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 74.9em) {
    .cols-5.row-lg-responsive {
        display: block !important
    }

    .cols-5.row-lg-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 63.9em) {
    .cols-5.row-md-responsive {
        display: block !important
    }

    .cols-5.row-md-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 47.9em) {
    .cols-5.row-sm-responsive {
        display: block !important
    }

    .cols-5.row-sm-responsive > div[class^=col-] {
        flex: none !important
    }
}@media (max-width: 33.9em) {
    .cols-5.row-xs-responsive {
        display: block !important
    }

    .cols-5.row-xs-responsive > div[class^=col-] {
        flex: none !important
    }
}.cols-5 .col {
     float: left;
     width: 20%
 }

    @media (max-width: 63.9em) {
        .cols-5 {
            text-align: center
        }

        .cols-5 .col {
            width: 50%;
            padding-bottom: 1em
        }
    }@media (max-width: 33.9em) {
    .cols-5 {
        text-align: center
    }

    .cols-5 .col {
        width: 100%;
        padding-bottom: 1em
    }
}section.blog, section.odborne-clanky, section.poradna, section.souteze, section.vylety-header {
     position: relative;
     z-index: 0
 }

    section.blog:before, section.odborne-clanky:before, section.poradna:before, section.souteze:before, section.vylety-header:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../../media/headers/kid.png);
        background-position: left top;
        background-repeat: no-repeat;
        content: "";
        display: block;
        z-index: 1
    }

    section.blog .container, section.odborne-clanky .container, section.poradna .container, section.souteze .container, section.vylety-header .container {
        position: relative;
        z-index: 2
    }

    section.skolky-cenik-tabule {
        background-color: #F4F9FC
    }

    section.skolky-cenik-tabule .table {
        margin: auto;
        background: #fff
    }

    @media (min-width: 47.9em) {
        section.skolky-cenik-tabule .table {
            width: 100%
        }
    }section.skolky-cenik-tabule .table .col-xs-3 {
         text-align: center
     }

    section.skolky-cenik-tabule .table .col-xs-3 img {
        width: 1.5em;
        vertical-align: middle
    }

    section.skolky-cenik-tabule .skolky-nahled-profilu img {
        max-width: 90%
    }

    section.najdi-si-svou-skolku {
        margin-top: 6em;
        position: relative
    }

    @media (min-width: 63.9em) {
        section.najdi-si-svou-skolku {
            margin-top: 7em;
            margin-bottom: -7em
        }
    }section.najdi-si-svou-skolku > img {
         width: 100%
     }

    @media (max-width: 63.9em) {
        section.najdi-si-svou-skolku > img {
            display: none
        }
    }@media (max-width: 74.9em) {
    section.najdi-si-svou-skolku .row {
        text-align: center;
        background-image: url(../../media/test/blurmap.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 5em
    }
}@media (min-width: 63.9em) {
    section.najdi-si-svou-skolku .row {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        align-items: center
    }
}section.najdi-si-svou-skolku a {
     width: 20.625em;
     -webkit-border-radius: 10em;
     -moz-border-radius: 10em;
     border-radius: 10em;
     color: #48e4e1;
     background: #fff;
     border: 1px solid #48e4e1;
     -webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
     -moz-transition: color .2s ease-in-out, border .2s ease-in-out;
     -ms-transition: color .2s ease-in-out, border .2s ease-in-out;
     -o-transition: color .2s ease-in-out, border .2s ease-in-out;
     transition: color .2s ease-in-out, border .2s ease-in-out;
     position: relative;
     z-index: 0
 }

    section.najdi-si-svou-skolku a i, section.najdi-si-svou-skolku a span {
        position: relative;
        z-index: 2
    }

    section.najdi-si-svou-skolku a:after i{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        background-color: #eb4a5c;
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        z-index: 1
    }

    section.najdi-si-svou-skolku a:hover {
        color: #fff;
        -webkit-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
        -moz-box-shadow: 0 0 1.5em rgba(242, 106, 92, .5);
        box-shadow: 0 0 1.5em rgb(246, 159, 149);
        background-color: #eb4a5c;
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        border-color:#eb4a5c;

    }

    section.najdi-si-svou-skolku a:hover:after {
        opacity: 1
    }

    @media (max-width: 47.9em) {
        section.najdi-si-svou-skolku a {
            width: 100%
        }
    }section.najdi-si-svou-skolku .row .col-xl-6:nth-child(2) {
         padding-left: 8em
     }

    @media (max-width: 99.9em) {
        section.najdi-si-svou-skolku .row .col-xl-6:nth-child(2) {
            padding-top: 2em;
            padding-bottom: 2em
        }
    }@media (max-width: 74.9em) {
    section.najdi-si-svou-skolku .row .col-xl-6:nth-child(2) {
        text-align: center;
        padding-left: 0;
        padding-top: 5em;
        padding-bottom: 5em
    }
}@media (max-width: 47.9em) {
    section.najdi-si-svou-skolku .row .col-xl-6:nth-child(2) {
        padding: 1em
    }
}section.nova-hodnoceni {
     background-color: #f4f9fc
 }

    @media (min-width: 74.9em) {
        section.nova-hodnoceni {
            padding-top: 9em;
            padding-bottom: 6em
        }
    }@media (max-width: 74.9em) {
    section.nova-hodnoceni {
        padding-top: 6em;
        padding-bottom: 4em
    }
}@media (min-width: 63.9em) and (min-width: 63.9em) {
    section.nova-hodnoceni.large-indent {
        padding-top: 11em !important
    }
}section.nova-hodnoceni p {
     padding-left: .2em
 }

    section.porovnavejte-mezi-zarizenimi h2 {
        font-size: 3.4em
    }

    section.porovnavejte-mezi-zarizenimi img {
        height: 6.625em
    }

    section.kam-na-vylet {
        color: #fff
    }

    section.kam-na-vylet .zebricky {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 12em 1em;
        background-color: #4FDDDF;
        background-image: url(../../media/rastr/homepageZebricky.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat
    }

    @media (min-width: 63.9em) {
        section.kam-na-vylet .zebricky {
            margin-right: .65em
        }
    }@media (max-width: 63.9em) {
    section.kam-na-vylet .zebricky {
        margin-bottom: .65em
    }
}section.kam-na-vylet .vylet {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: -moz-flexbox;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
     padding: 12em 1em;
     background-color: #67D8AC;
     background-image: url(../../media/rastr/homepageVylety.png);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat
 }

    @media (min-width: 63.9em) {
        section.kam-na-vylet .vylet {
            margin-left: .65em
        }
    }@media (max-width: 63.9em) {
    section.kam-na-vylet .vylet {
        margin-top: .65em
    }
}section.facility-detail-box {
     background-color: #F4F9FC
 }

    section.facility-detail-box .logged-box {
        border-bottom: 1px solid #e8edf0;
        font-size: 1.2em
    }

    section.facility-detail-box .logged-box a {
        position: relative;
        cursor: pointer
    }

    section.facility-detail-box .logged-box a:not(.delete):not(.btn) {
        margin-right: 2.1em
    }

    section.facility-detail-box .logged-box a:not(.delete):not(.btn):after {
        content: "|";
        padding-left: 1em;
        padding-right: 1em;
        color: #000 !important;
        position: absolute;
        top: 0;
        left: 100%
    }

    section.facility-detail-box .logged-box a.delete {
        color: #ea485d;
        float: right
    }

    section.facility-detail-box .logged-box a.delete:after {
        content: "";
        display: block;
        background-image: url(../../media/svg/zarizeni-form/odebratfoto.svg);
        background-size: cover;
        height: 1.1em;
        width: 1.1em;
        position: absolute;
        left: -1.5em;
        top: 0
    }

    section.facility-detail-box .logged-box a:not(.btn):hover:before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        bottom: -1px;
        left: 0;
        width: 100%;
        background-color: #ea485d
    }

    section.poradna {
        background: #f16c5b;
        background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    section.poradna:before {
        background-image: url(../../media/headers/kids.png)
    }

    section.souteze {
        background: #4be3e4;
        background: -moz-linear-gradient(45deg, #4be3e4 0, #4be3e4 20%, #5addb3 80%, #5addb3 100%);
        background: -webkit-linear-gradient(45deg, #4be3e4 0, #4be3e4 20%, #5addb3 80%, #5addb3 100%);
        background: linear-gradient(45deg, #4be3e4 0, #4be3e4 20%, #5addb3 80%, #5addb3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4be3e4', endColorstr='#5addb3', GradientType=1);
        color: #fff;
        z-index: -1
    }

    section.souteze:before {
        background-image: url(../../media/headers/girl.png);
        background-size: contain
    }

    section.souteze h2 {
        padding-bottom: .1em
    }

    section.souteze p {
        font-weight: 100;
        line-height: 1.6em;
        font-size: 1.4em
    }

    section.odborne-clanky {
        background: #f16c5b;
        background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    section.odborne-clanky:before {
        background-image: url(../../media/headers/kid.png)
    }

    section.blog {
        background: #f16c5b;
        background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    section.blog:before {
        background-image: url(../../media/headers/kidsSitting.png)
    }

    section.vylety-header {
        color: #fff;
        background-color: #6AD793;
        position: relative
    }

    section.vylety-header .container {
        position: static
    }

    section.vylety-header p {
        font-weight: 300
    }

    section.vylety-header:before {
        background-image: url(../../media/headers/castle.png)
    }

    @media (max-width: 33.9em) {
        section.vylety-header {
            padding-right: 2rem !important;
            padding-left: 2rem !important
        }
    }section.vylety-header .magnifier-browser {
         position: absolute;
         width: 50em;
         height: 35em;
         right: 0;
         bottom: 0;
         background-size: 50em 35em;
         background-position: right bottom;
         background-repeat: no-repeat;
         display: block;
         background-image: url(../../media/headers/tripMapBrowser.png);
         z-index: 2
     }

    @media (max-width: 63.9em) {
        section.vylety-header .magnifier-browser {
            display: none
        }
    }section.vylety-header .magnifier-browser .action-text {
         position: absolute;
         left: 7.4em;
         bottom: 4.5em;
         width: 22.5em;
         height: 22.9em;
         text-align: center;
         line-height: 23.5em;
         border-radius: 50%;
         -webkit-transition: background-color .2s ease-in-out;
         -moz-transition: background-color .2s ease-in-out;
         -ms-transition: background-color .2s ease-in-out;
         -o-transition: background-color .2s ease-in-out;
         transition: background-color .2s ease-in-out;
         cursor: pointer
     }

    section.vylety-header .magnifier-browser .action-text > span {
        font-size: 1.6em;
        letter-spacing: .1em;
        font-weight: 700;
        text-transform: uppercase
    }

    section.vylety-header .magnifier-browser .action-text:hover {
        background-color: rgba(255, 255, 255, .3)
    }

    section.kontakt .contact {
        font-size: 1.15em;
        color: #6c7175
    }

    section.kontakt .contact:not(:first-child) {
        margin-top: .3em
    }

    section.kontakt form.contact-us {
        padding: 3em 5em;
        -webkit-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1.875em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1.875em rgba(0, 0, 0, .1)
    }

    @media (max-width: 47.9em) {
        section.kontakt .contact i {
            font-size: 1.6em;
            margin-bottom: .5em
        }

        section.kontakt form.contact-us {
            padding: 3em 1em
        }
    }section.oceneni {
         position: relative;
         background-color: #F4F9FC;
         z-index: 0
     }

    section.oceneni .cenitko {
        position: relative;
        z-index: 1;
        padding: 1em 0
    }

    section.oceneni .cenitko .vlnky {
        padding-top: .8em
    }

    section.oceneni .watermark {
        position: absolute;
        bottom: 1em;
        left: 0;
        right: 0;
        text-transform: uppercase;
        overflow: hidden;
        font-size: 16.7em;
        font-weight: 700;
        text-align: center;
        color: #F1F6F9
    }

    section.oceneni-slider .container {
        position: relative
    }

    section.oceneni-slider .container:after, section.oceneni-slider .container:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../media/svg/o-nas/uvozovky.svg);
        background-repeat: no-repeat;
        background-position: 0 -1.5em;
        background-size: auto 45%;
        z-index: -1
    }

    section.oceneni-slider .container:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        z-index: -1
    }

    section.eshop {
        background: #f16c5b;
        background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
        background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
        background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
        color: #fff
    }

    section.pridat-zarizeni {
        background: #44d8dc;
        background: -moz-linear-gradient(left, #44d8dc 0, #da566b 100%);
        background: -webkit-linear-gradient(left, #44d8dc 0, #da566b 100%);
        background: linear-gradient(to right, #44d8dc 0, #da566b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d8dc', endColorstr='#da566b', GradientType=1);
        color: #fff;
        padding: 9.375em 0;
        position: relative;
        z-index: 0
    }

    section.pridat-zarizeni:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background-image: url(../../media/rastr/houseTransparent.png);
        background-position: left bottom;
        background-size: auto 11.9em;
        background-repeat: no-repeat;
        z-index: -1
    }

    @media (max-width: 33.9em) {
        section.pridat-zarizeni {
            padding-left: 3em;
            padding-right: 3em
        }

        section.pridat-zarizeni:before {
            display: none
        }

        section.pridat-zarizeni .sm-center {
            text-align: center
        }
    }section.pridat-zarizeni .magnifier-browser {
         position: absolute;
         width: 50em;
         height: 35em;
         right: 0;
         bottom: 0;
         background-size: 50em 35em;
         background-position: right bottom;
         background-repeat: no-repeat;
         display: block;
         background-image: url(../../media/headers/mapBrowserDetail.png)
     }

    @media (max-width: 100em) {
        section.pridat-zarizeni .magnifier-browser {
            display: none
        }
    }section.pridat-zarizeni .magnifier-browser .action-text {
         position: absolute;
         left: 11.8em;
         bottom: 11em;
         width: 14em;
         height: 10em;
         line-height: 10em
     }

    section.pridat-zarizeni .magnifier-browser .action-text > span {
        font-size: 1.6em;
        letter-spacing: .1em;
        font-weight: 700;
        text-transform: uppercase
    }

    section.pridat-zarizeni-nabidky .topovani {
        color: #6c7175;
        line-height: 1.5em;
        font-size: 1.4em;
        display: inline-block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    section.pridat-zarizeni-nabidky .topovani input[type=checkbox] {
        display: none
    }

    section.pridat-zarizeni-nabidky .topovani input[type=checkbox] + .check {
        width: 1.5em;
        height: 1.5em;
        border: 2px solid #48e4e1;
        display: inline-block;
        margin-right: 2em;
        float: left;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-top: -.1em;
        position: relative
    }

    section.pridat-zarizeni-nabidky .topovani input[type=checkbox] + .check:before {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        background-color: transparent;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: background-color .2s ease-in-out;
        -moz-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

    section.pridat-zarizeni-nabidky .topovani input[type=checkbox]:checked + .check:before {
        background-color: #48e4e1
    }

    section.pridat-zarizeni-nabidky p.infobox {
        line-height: 1.5em;
        font-size: 1.2em
    }

    section.nove-zarizeni {
        padding-bottom: 8.75em
    }

    section.nove-zarizeni .container {
        margin-top: 3.125em;
        -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 6em;
        -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 6em;
        box-shadow: rgba(0, 0, 0, .1) 0 0 6em;
        padding: 5em
    }

    @media (max-width: 47.9em) {
        section.nove-zarizeni .container {
            padding: 2em
        }
    }@media (min-width: 63.9em) {
    section.nove-zarizeni .container .row .col-md-6:nth-child(1) {
        padding-right: 1.125em !important
    }

    section.nove-zarizeni .container .row .col-md-6:nth-child(2) {
        padding-left: 1.125em !important
    }
}section.nove-zarizeni .container .input, section.nove-zarizeni .container .select, section.nove-zarizeni .container .select .list {
     border: 1px solid #DDD
 }

    section.nove-zarizeni .facility-media .col-sm-3 {
        display: inline-block;
        padding: .4em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        position: relative
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div:before {
        content: "";
        display: inline-block;
        padding-top: 75%
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span {
        position: absolute;
        right: .6em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span:before {
        font-family: FontAwesome;
        color: #fff;
        text-shadow: #000 0 0 .5em;
        cursor: pointer;
        font-size: 1.6em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.action-remove {
        top: .6em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.action-remove:before {
        content: "\f057"
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.action-main {
        bottom: .6em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.action-main:before {
        content: "\f11d"
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.is-main {
        bottom: .6em
    }

    section.nove-zarizeni .facility-media .col-sm-3 > div span.is-main:before {
        content: "\f024"
    }

    section.top-slider {
        min-height: 58.75em;
        background: #f26a5c;
        background: -moz-linear-gradient(45deg, #f26a5c 0, #ea485d 100%);
        background: -webkit-linear-gradient(45deg, #f26a5c 0, #ea485d 100%);
        background: linear-gradient(45deg, #f26a5c 0, #ea485d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26a5c', endColorstr='#ea485d', GradientType=1);
        position: relative;
        z-index: 0
    }

    section.top-slider:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../../media/rastr/flowerBaby2.png);
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: auto 100%;
        z-index: 1
    }

    @media (max-width: 74.9em) {
        section.top-slider:before {
            z-index: -1
        }
    }@media (max-width: 47.9em) {
    section.top-slider:before {
        background: 0 0
    }
}section.top-slider .row {
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2
 }

    @media (max-width: 74.9em) {
        section.top-slider .row {
            position: static
        }
    }section.top-slider .row > div:nth-child(1) {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: -moz-flexbox;
         display: flex;
         color: #fff;
         padding-left: 11.25em;
         height: inherit;
         align-items: center
     }

    section.top-slider .row > div:nth-child(1) .flexed h1 {
        font-size: 4em;
        font-weight: 100
    }

    section.top-slider .row > div:nth-child(1) .flexed a {
        font-size: 1.3em;
        margin-top: 4em
    }

    @media (max-width: 74.9em) {
        section.top-slider .row > div:nth-child(1) .flexed a {
            margin-top: 1.5em
        }
    }@media (max-width: 74.9em) {
    section.top-slider .row > div:nth-child(1) {
        padding: 12em 5em 4em
    }

    section.top-slider .row > div:nth-child(1) .flexed {
        width: 100%;
        text-align: center
    }
}@media (max-width: 47.9em) {
    section.top-slider .row > div:nth-child(1) .btn-faded {
        margin-bottom: 2em
    }
}section.top-slider .row > div:nth-child(2) {
     align-items: center;
     height: inherit;
     padding-left: 4em;
     position: relative;
     overflow-x: hidden
 }

    @media (min-width: 74.9em) {
        section.top-slider .row > div:nth-child(2) {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex
        }
    }@media (max-width: 74.9em) {
    section.top-slider .row > div:nth-child(2) {
        padding-left: 7em;
        margin-bottom: 6em
    }
}section.top-slider .row > div:nth-child(2) .red-slider {
     white-space: nowrap
 }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container {
        -webkit-transition: margin-left .15s ease-in-out;
        -moz-transition: margin-left .15s ease-in-out;
        -ms-transition: margin-left .15s ease-in-out;
        -o-transition: margin-left .15s ease-in-out;
        transition: margin-left .15s ease-in-out
    }

    @media (max-width: 74.9em) {
        section.top-slider .row > div:nth-child(2) .red-slider .slider-container {
            height: 41em
        }
    }section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card {
         width: 25em;
         height: 34.375em;
         display: inline-block;
         position: relative;
         -webkit-border-radius: .8em;
         -moz-border-radius: .8em;
         border-radius: .8em;
         -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
         -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
         -ms-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
         -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
         transition: transform .3s ease-in-out, opacity .3s ease-in-out;
         z-index: 1
     }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content {
        position: absolute;
        left: .625em;
        right: .625em;
        top: .625em;
        bottom: .625em;
        background-color: #fff;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        padding: 1em
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content .image {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content .image:before {
        content: "";
        display: block;
        padding-top: 82.5%
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content h2 {
        font-size: 2.3em;
        font-weight: 100;
        margin-top: .5em;
        margin-bottom: .1em
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content .nodes span {
        display: block;
        color: #6c7175;
        position: relative;
        padding-left: 2em;
        margin-left: .5em;
        margin-bottom: 1.2em;
        font-size: 1.15em
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card .slider-card-content .nodes span:before {
        content: "";
        display: block;
        position: absolute;
        top: -.1em;
        left: 0;
        width: 1.25em;
        height: 1.25em;
        background-image: url(../../media/svg/index/checkhp.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-container .slider-card.active {
        border: 1px solid #fff
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-bars {
        position: absolute;
        left: 4em;
        bottom: 5em
    }

    @media (max-width: 74.9em) {
        section.top-slider .row > div:nth-child(2) .red-slider .slider-bars {
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%)
        }
    }section.top-slider .row > div:nth-child(2) .red-slider .slider-bars .bar {
         display: inline-block;
         width: 4em;
         height: 3em;
         margin-right: .375em;
         cursor: pointer;
         position: relative
     }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-bars .bar:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: .375em;
        -webkit-transform: translate(0 -50%);
        -moz-transform: translate(0 -50%);
        -ms-transform: translate(0 -50%);
        -o-transform: translate(0 -50%);
        transform: translate(0 -50%);
        background-color: rgba(255, 255, 255, .5);
        -webkit-transition: background-color .2s ease-in-out;
        -moz-transition: background-color .2s ease-in-out;
        -ms-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

    section.top-slider .row > div:nth-child(2) .red-slider .slider-bars .bar.active:after, section.top-slider .row > div:nth-child(2) .red-slider .slider-bars .bar:hover:after {
        background-color: #fff
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(1) {
        opacity: .5;
        transform: translate(-7em, 0) scale(.8, .8);
        z-index: -1
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(2) {
        transform: translate(-25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(3) {
        transform: translate(-25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(4) {
        transform: translate(-25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(5) {
        transform: translate(-25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-0 .slider-card:nth-child(6) {
        transform: translate(-25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(1) {
        transform: translate(100em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(2) {
        opacity: .5;
        transform: translate(-32em, 0) scale(.8, .8);
        z-index: -1
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(3) {
        transform: translate(-50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(4) {
        transform: translate(-50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(5) {
        transform: translate(-50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-1 .slider-card:nth-child(6) {
        transform: translate(-50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(1) {
        transform: translate(75em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(2) {
        transform: translate(75em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(3) {
        opacity: .5;
        transform: translate(-57em, 0) scale(.8, .8);
        z-index: -1
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(4) {
        transform: translate(-75em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(5) {
        transform: translate(-75em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-2 .slider-card:nth-child(6) {
        transform: translate(-75em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(1) {
        transform: translate(50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(2) {
        transform: translate(50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(3) {
        transform: translate(50em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(4) {
        opacity: .5;
        transform: translate(-82em, 0) scale(.8, .8);
        z-index: -1
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(5) {
        transform: translate(-100em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-3 .slider-card:nth-child(6) {
        transform: translate(-100em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(1) {
        transform: translate(25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(2) {
        transform: translate(25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(3) {
        transform: translate(25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(4) {
        transform: translate(25em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(5) {
        opacity: .5;
        transform: translate(-107em, 0) scale(.8, .8);
        z-index: -1
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-4 .slider-card:nth-child(6) {
        transform: translate(-125em, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(1) {
        transform: translate(0, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(2) {
        transform: translate(0, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(3) {
        transform: translate(0, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(4) {
        transform: translate(0, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(5) {
        transform: translate(0, 0)
    }

    section.top-slider .row > div:nth-child(2) .red-slider.active-5 .slider-card:nth-child(6) {
        opacity: .5;
        transform: translate(-132em, 0) scale(.8, .8);
        z-index: -1
    }

    @media (max-width: 33.9em) {
        section.top-slider {
            display: block;
            min-height: 35em;
            height: auto
        }

        section.top-slider .row {
            height: auto
        }

        section.top-slider .row > div:nth-child(1) {
            padding: 1em
        }

        section.top-slider .row > div:nth-child(1) h1 {
            font-size: 2.5em !important;
            padding-top: 3em
        }
    }section.spolupracujeme {
         border-top: 1px solid #EFEFEF;
         background-color: #fff
     }

    section.spolupracujeme .container {
        text-align: center
    }

    section.spolupracujeme .container .logo {
        margin: 1em
    }

    section.prefooter {
        background-color: #F4F9FC
    }

    section.prefooter .prefooter-links h4 {
        color: #f26a5c;
        font-size: 2.2em;
        font-weight: 300;
        text-transform: uppercase
    }

    section.prefooter .prefooter-links h4 a {
        display: inline-block;
        border-bottom: 2px solid transparent
    }

    section.prefooter .prefooter-links h4 a:hover {
        border-bottom: 2px solid #f26a5c
    }

    section.prefooter .prefooter-links .link {
        margin: 1em 0
    }

    section.prefooter .prefooter-links .link a {
        color: inherit;
        font-size: 1.4em;
        display: inline-block;
        border-bottom: 2px solid transparent
    }

    section.prefooter .prefooter-links .link a:hover {
        border-bottom: 2px solid #000
    }

    @media (max-width: 47.9em) {
        section.prefooter .prefooter-links {
            text-align: center;
            display: block
        }
    }section.newsletterSign {
         border-top: 1px solid #E1E6E9;
         background-color: #F4F9FC;
         padding: 6.25em 3em 6.875em
     }

    section.newsletterSign form {
        margin-top: 1.5em
    }

    section.newsletterSign .group-content {
        height: 4.0625em
    }

    section.newsletterSign .group-content input {
        line-height: .9em !important;
        vertical-align: middle;
        font-size: 1.4em !important
    }

    footer.footer {
        border-top: 1px solid #E1E6E9;
        background-color: #F4F9FC;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    footer.footer .brand {
        height: 2.434em;
        width: 13em
    }

    footer.footer .brand .logo {
        width: 100%;
        height: 100%;
        -ms-interpolation-mode: bicubic;
        vertical-align: middle
    }

    footer.footer .links {
        vertical-align: top;
        display: inline-block;
        height: inherit;
        list-style-type: none;
        line-height: 2.37em;
        text-align: right
    }

    footer.footer .links .link {
        height: inherit;
        line-height: inherit;
        display: inline-block;
        color: #7A838C;
        text-transform: uppercase;
        margin: 0 1em
    }

    footer.footer .links .link > a {
        font-size: 1.2em
    }

    @media (max-width: 63.9em) {
        footer.footer {
            text-align: center;
            flex-direction: column;
            align-items: center
        }

        footer.footer .links {
            margin-top: 2em;
            text-align: center
        }

        footer.footer .links .link > a {
            font-size: 1.4em
        }
    }@media (max-width: 52em) {
    footer.footer .links .link {
        display: block;
        padding: .3em 0
    }

    footer.footer .links .link > a {
        font-size: 1.8em
    }
}
    .autocompleter.ma-b {
        position: relative;
        height: 3.375em;
        width: 80%;
        line-height: 3.375em;
        margin: .6em .3em;
        margin-left:10%;
        border: 0;
        background-color: #F4F9FC;
        color: #6c7175;
        z-index: 11;
        flex: 1
    }
    @media screen and (min-width: 769px) {
        .autocompleter.ma-b {
            display: inline-block;
            position: relative;
            height: 3.375em;
            width: 400px;
            line-height: 3.375em;
            margin: .6em .3em;
            border: 0;
            background-color: #F4F9FC;
            color: #6c7175;
            z-index: 1;
            flex: 1
        }
    }


    .autocompleter.ma-b .selected {
        float: left;
        width: 100%;
        border: 1px solid #E4E4E4;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flexbox;
        display: flex;
        flex-wrap: nowrap;
        background: 0 0;
        padding: 0 1em;
        height: 100%
    }

    .autocompleter.ma-b .selected .node {
        display: inline-block;
        float: left;
        color: #6c7175;
        padding-right: 1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .autocompleter.ma-b .selected .node .action {
        cursor: text;
        width: 1.2em
    }

    .autocompleter.ma-b .selected .node .action:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .autocompleter.ma-b .selected .node span {
        font-size: 1em
    }

    .autocompleter.ma-b .selected .node span:nth-child(2) {
        font-weight: 600;
        padding-right: .6em
    }

    .autocompleter.ma-b .selected input {
        font-size: 1em;
        font-weight: 300;
        flex: 1;
        display: inline-block;
        min-width: 25%;
        border: none;
        background-color: transparent;
        color: #6c7175;
        padding: 0 6px
    }

    .autocompleter.ma-b > .list {
        -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        position: absolute;
        top: 4.075em;
        left: 0;
        right: 0;
        background-color: #fff
    }

    .autocompleter.ma-b > .list:empty {
        display: none
    }

    .autocompleter.ma-b > .list > .node {
        cursor: pointer;
        display: block;
        padding: 0 1em;
        text-align: left;
        line-height: 2.75em;
        font-size: .9em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .autocompleter.ma-b > .list > .node:not(:first-child) {
        border-top: 1px solid #e8edf0
    }

    .autocompleter.ma-b > .list > .node.separator {
        border-top: 3px solid #e8edf0
    }

    .autocompleter.ma-b > .list > .node span:nth-child(2) {
        margin-left: .5em;
        font-weight: 700
    }

    .autocompleter.ma-b > .list > .node:hover {
        background-color: rgba(0, 0, 0, .07)
    }

    .autocompleter.ma-b:not(.visible) > .list {
        display: none
    }

    .autocompleter.ma-b.google-brand > .list:after {
        width: 144px;
        height: 18px;
        background-image: url(https://developers.google.com/places/documentation/images/powered-by-google-on-white.png);
        content: "";
        display: block;
        float: right;
        margin: .5em
    }

    .checkbox.ma-b {
        display: inline-block;
        position: relative;
        height: 3.375em;
        line-height: 3.375em;
        font-size: 1em;
        margin: .6em .3em;
        border: 0;
        color: #6c7175;
        z-index: 1;
        -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
        background: #fff
    }

    .checkbox.ma-b > .node {
        color: #6c7175;
        cursor: pointer;
        border: 0;
        background: 0 0;
        padding: 0 1em 0 2.7em;
        position: relative;
        height: 100%
    }

    .checkbox.ma-b > .node > .label {
        font-size: 1.3em;
        padding-left: .8em
    }

    .checkbox.ma-b > .node > .check {
        color: #f26a5c;
        position: absolute;
        top: .8em;
        left: 0;
        bottom: 0;
        width: 4em
    }

    .checkbox.ma-b > .node > .check:before {
        font-family: FontAwesome;
        font-size: 1.7em
    }

    .checkbox.ma-b.checked > .node {
        color: #f26a5c
    }

    .checkbox.ma-b.checked > .node > .check:before {
        content: "\f058"
    }

    .checkbox.ma-b:not(.checked) > .node > .check:before {
        content: "\f1db"
    }

    .select.ma-b {
        display: inline-block;
        position: relative;
        height: 3.375em;
        line-height: 3.375em;
        margin: .6em .3em;
        border: 0;
        background-color: #fff;
        color: #6c7175;
        z-index: 1;
        width:39%;
        cursor: pointer;
        -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        box-shadow: 0 0 1em rgba(0, 0, 0, .1);
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
        text-align: left
    }
    @media screen and (min-width: 769px) {


        .select.ma-b {
            display: inline-block;
            position: relative;
            height: 3.375em;
            line-height: 3.375em;
            margin: .6em .3em;
            border: 0;
            width:auto;
            background-color: #fff;
            color: #6c7175;
            z-index: 2;
            cursor: pointer;
            -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
            box-shadow: 0 0 1em rgba(0, 0, 0, .1);
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            text-align: left
        }
    }

    .select.ma-b > .selected {
        border: 0;
        background: 0 0;
        cursor: pointer;
        width: 100%;
        height: 100%;
        line-height: inherit;
        display: block;
        font-size: 1em;
        float: left
    }

    .select.ma-b > .selected > .node {
        position: relative;
        padding: 0 3.2em 0 1.5em
    }

    .select.ma-b > .selected > .node:before {
        position: absolute;
        top: -.2em;
        right: 1.8em;
        bottom: 0;
        font-family: FontAwesome;
        content: "\f0dd";
        color: #34393d;
        font-size: .9em
    }

    .select.ma-b > .selected > .node span {
        display: inline-block;
        font-size: 1.2em;
        text-align: left
    }

    .select.ma-b > .list {
        -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
        position: absolute;
        top: 4.075em;
        left: 0;
        background-color: #fff;
        min-width: 100%
    }

    .select.ma-b > .list > .node {
        display: block;
        margin: 0 1em;
        line-height: 2.75em;
        font-size: 1.1em;
        white-space: nowrap
    }

    .select.ma-b > .list > .node:not(:first-child) {
        border-top: 1px solid #e8edf0
    }
    .select.ma-b.type-switch {
        width: 80%;
        text-transform: uppercase;
        position: relative;
        z-index: 12;
        color: #ea485d
    }
    @media screen and (min-width: 769px) {
        .select.ma-b.type-switch {
            width: 16em;
            text-transform: uppercase;
            color: #ea485d
        }
    }

        .select.ma-b.type-switch > .selected {
            color: #ea485d;
            text-transform: uppercase
        }

        .select.ma-b.type-switch > .selected > .node {
            text-align: left;
            padding: 0 2.7em 0 1em
        }

        .select.ma-b.type-switch > .selected > .node:before {
            color: #ea485d
        }

        .select.ma-b.type-switch > .list {
            right: 0
        }

        .select.ma-b.type-switch > .list > .node {
            line-height: 3.375em;
            position: relative
        }

        .select.ma-b.type-switch > .list > .node:before {
            position: absolute;
            top: -.2em;
            right: .3em;
            bottom: 0;
            font-family: FontAwesome;
            content: "\f0d8";
            color: #34393d;
            font-size: .9em
        }

        .select.ma-b.select-skolne input {
            width: 6.875em;
            height: 1.875em;
            line-height: 1.875em;
            border: 1px solid #e8edf0;
            -webkit-border-radius: .15em;
            -moz-border-radius: .15em;
            border-radius: .15em;
            padding: 1.2em .3em 1.2em 1em;
            margin-top: .8em;
            margin-bottom: .4em
        }

        .select.ma-b.select-skolne .submit-button {
            font-size: 1.1em;
            height: 1.875em;
            display: block;
            background-color: #ea485d;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            border: 0;
            line-height: 2.1em;
            width: 100%;
            margin-bottom: .8em;
            -webkit-border-radius: .15em;
            -moz-border-radius: .15em;
            border-radius: .15em;
            cursor: pointer;
            -webkit-transition: box-shadow .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out
        }

        .select.ma-b.select-skolne .submit-button:hover {
            -webkit-box-shadow: 0 0 1em rgba(234, 72, 93, .6);
            -moz-box-shadow: 0 0 1em rgba(234, 72, 93, .6);
            box-shadow: 0 0 1em rgba(234, 72, 93, .6)
        }

        .select.ma-b:not(.visible) > .list {
            display: none
        }

        .select.ma-a {
            display: inline-block;
            position: relative;
            height: 3.25em;
            line-height: 3.25em;
            padding-right: 1.3em;
            margin: 0;
            border: 0;
            background-color: transparent;
            color: #6c7175;
            z-index: 1;
            font-size: 1em
        }

        .select.ma-a > .selected {
            border: 0;
            background: 0 0;
            cursor: pointer;
            font-size: 1em
        }

        .select.ma-a > .selected > .node {
            color: #6c7175;
            position: relative;
            padding-right: 1.3em;
            font-size: 1em
        }

        .select.ma-a > .selected > .node:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            line-height: .7em;
            font-family: FontAwesome;
            content: "\f0dd";
            color: #34393d
        }

        .select.ma-a > .list {
            -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff
        }

        .select.ma-a > .list > .node {
            display: block;
            margin: 0 1em;
            line-height: 2.75em;
            font-size: 1.1em
        }

        .select.ma-a > .list > .node:not(:first-child) {
            border-top: 1px solid #e8edf0
        }

        .select.ma-a:not(.visible) > .list {
            display: none
        }

        .btn.ma-a {
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            width: 100%;
            line-height: 2.4em;
            text-transform: uppercase
        }
    .btn.ma-b.newsletter_popup {
        float: right;
        padding-left: 4em;
        background-image: url(../../media/svg/zarizeni/otaznikvkolecku.svg);
        background-size: auto 1.5em;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: 1em;
        background-color: rgb(237, 93, 91);
        color: white;
    }
    @media screen and (max-width: 1020px) {

        .btn.ma-b.newsletter_popup {
            float: left;
        }
    }
        .btn.ma-b {
            display: inline-block;
            position: relative;
            height: 3.375em;
            line-height: 3.375em;
            margin: .6em .3em;
            border: 0;
            background-color: #fff;
            color: #6C7175;
            z-index: 1;
            cursor: pointer;
            -webkit-box-shadow: 0 .1em .3em rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 .1em .3em rgba(0, 0, 0, .2);
            box-shadow: 0 .1em .3em rgba(0, 0, 0, .2);
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            font-size: 1.1em;
            padding: 0 1.6em;
            -webkit-transition: box-shadow .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out
        }

        .btn.ma-b span + span {
            margin-left: .9em;
            color: #C6CDD5;
            font-weight: 700
        }

        .btn.ma-b.active, .btn.ma-b:hover {
            -webkit-box-shadow: 0 .1em 0.5em #ea495d;
            -moz-box-shadow: 0 .1em 0.5em #ea495d);
            box-shadow: 0 .1em 0.5em #ea495d;
            color:#ea495d
        }
    .btn.ma-b.newsletter_popup:hover{
        box-shadow: 0 0.1em 1em white;
        color: white;
    }

    .btn.ma-c {
            display: inline-block;
            position: relative;
            height: 3.375em;
            line-height: 3.375em;
            margin: .6em .3em;
            border: 0;
            background: #f16c5b;
            background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
            background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
            background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
            background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
            background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
            background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
            color: #fff;
            z-index: 1;
            cursor: pointer;
            -webkit-transition: box-shadow .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out;
            -webkit-box-shadow: 0 .1em .3em rgba(234, 72, 93, .7);
            -moz-box-shadow: 0 .1em .3em rgba(234, 72, 93, .7);
            box-shadow: 0 .1em .3em rgba(234, 72, 93, .7);
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            font-size: 1.1em;
            padding: 0 1.6em
        }

        .btn.ma-c span + span {
            margin-left: .9em;
            color: #C6CDD5;
            font-weight: 700
        }

        .btn.ma-c.active, .btn.ma-c:hover {
            -webkit-box-shadow: 0 0 1.5em rgba(234, 72, 93, .5);
            -moz-box-shadow: 0 0 1.5em rgba(234, 72, 93, .5);
            box-shadow: 0 0 1.5em rgba(234, 72, 93, .5)
        }
    .btn.ma-d {
        text-transform: uppercase;
        margin: .4em;
        padding: 1em 2.4em;
        font-size: initial;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em
    }




    @media screen and (min-width: 769px) {
        .btn.ma-d {
            text-transform: uppercase;
            margin: .4em;
            padding: 1em 2.4em;
            font-size: .85em;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em
        }
    }
        .map-area {
            position: relative
        }
    @media screen and (min-width: 769px) {
        .map-area > header.map-header {
            height: 4.68em;
            background-color: #F4F9FC
        }
    }
    @media screen and (max-width: 769px) {
        .map-area > header.map-header {
            position: relative;
            z-index: 10;
            background-color: #F4F9FC
        }

        .map-area > header.map-header .map-header-content {
            white-space: nowrap;
            text-align: center
        }
    }
    .map-area > header.map-header .map-header-content {
        text-align: center
    }
        .map-area > header.map-header .map-header-content .checkbox.ma-b {
            -webkit-transform: translateY(-2.1em);
            -moz-transform: translateY(-2.1em);
            -ms-transform: translateY(-2.1em);
            -o-transform: translateY(-2.1em);
            transform: translateY(-2.1em)
        }

        .map-area .map-content {
            position: absolute;
            top: 4.68em;
            left: 0;
            right: 0;
            bottom: 0
        }

    .map-area .map-content > .map-self {
        position: absolute;
        z-index: 10;
        top: 0;
        bottom: 0;
        /* left: -100%; */
        width: 100% !important;
        transition: left .3s ease-out;
    }

        @media screen and (min-width: 769px) {

            .map-area .map-content > .map-self {
                position: absolute;
                top: 0;
                z-index: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #F8F1DF
            }


            .map-area .map-content > .map-sidebar {
                position: absolute;
                top: 1.1em;
                right: 1.1em;
                bottom: 1.1em;
                width: 33em;
                overflow: hidden;
                -webkit-border-radius: .1em;
                -moz-border-radius: .1em;
                border-radius: .1em
            }

            .map-area .map-content > .map-sidebar > header {
                height: 3.25em;
                line-height: 3.25em;
                background-color: rgba(255, 255, 255, .65);
                padding: 0 1em
            }
        }.map-area .map-content > .map-sidebar > header .label-disabled {
             padding-right: 2em
         }

        .map-area .map-content > .map-sidebar > header .map-header-labels {
            float: right;
            font-weight: 600;
            margin-left: .5em;
            line-height: inherit
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label {
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
            padding-left: .7em
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label:before {
            content: "";
            display: inline-block;
            width: .8em;
            height: .8em;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-right: .2em
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.primary {
            color: #ea485d
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.primary:before {
            background-color: #ea485d
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.accent {
            color: #48e4e1
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.accent:before {
            background-color: #48e4e1
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.pope {
            color: #797979
        }

        .map-area .map-content > .map-sidebar > header .map-header-labels .label.pope:before {
            background-color: #797979
        }

        .map-area .map-content > .map-sidebar > .sidebar-content {
            overflow: auto;
            position: relative;
            margin-top: 9em;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff
        }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content {
            overflow: auto;
            position: absolute;
            top: 3.25em;
            left: 0;
            right: 0;
            margin-top: auto;
            bottom: 0;
            background-color: #fff
        }
    }


        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card {
            position: relative;
            height:auto;
            padding: .9em 2.5em;
            border-bottom: 1px solid #e8edf0;
            -webkit-transition: background-color .2s ease-in-out;
            -moz-transition: background-color .2s ease-in-out;
            -ms-transition: background-color .2s ease-in-out;
            -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
            cursor: pointer
        }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card {
            position: relative;
            min-height: 9.9em;
            height:auto;
            padding: .9em 2.5em;
            border-bottom: 1px solid #e8edf0;
            -webkit-transition: background-color .2s ease-in-out;
            -moz-transition: background-color .2s ease-in-out;
            -ms-transition: background-color .2s ease-in-out;
            -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
            cursor: pointer
        }
    }


    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img {
        cursor: pointer;
        width: 80%;
        position: absolute;
        top: .9em;
        left: 1.9em;
        background-position: center center;
        background-repeat: no-repeat
    }
    @media screen and (min-width: 769px) {

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img {
            cursor: pointer;
            width: 9.6em;
            position: absolute;
            top: .9em;
            left: 1.9em;
            background-position: center center;
            background-repeat: no-repeat
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-contain {
            background-size: auto 80%
        }



    }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img:before {
            padding-top: 83%;
            content: "";
            display: block
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-cover {
            background-size: auto 80%;
            margin-left: 15%;
            margin-top: 7%;
            width: 60%;
            background-color: white;
        }
    @media screen and (min-width: 769px) {
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-cover {
        background-size: cover;
        margin-left: auto;
        margin-top: auto;
        width: 9.6em;
        background-color: #fad1d6;
    }
    }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-contain {
            background-size: auto 80%
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content {
            margin-left: 6%;
            margin-top: 69%;
        }
    @media screen and (min-width: 769px) {
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content {
        margin-left: 10.7em;
        margin-top: 0px;
    }
    }
    @media screen and (max-width: 368px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content {
            margin-top: 89%;
        }
        .select.ma-b > .selected > .node:before {
            display:none;
        }
    }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content h4 {
            cursor: pointer;
            font-size: 1.6em;
            font-weight: 400
        }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-rating {
            margin-top: .2em
        }


        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-rating span:not(:last-child) {
            margin-right: .25em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-rating span:before {
            font-family: FontAwesome
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-rating span.on:before {
            content: "\f111"
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-rating span.off:before {
            content: "\f1db"
        }

    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-address {
        margin-top: .3em;
        color: #6c7175;
        line-height: 1.6em;
        font-size:14px

    }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content .card-address {
            margin-top: .3em;
            color: #6c7175;
            line-height: 1.6em;
            font-size:inherit
    }}
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-primary .card-rating {
        color: #ea485d;
        font-size: 20px;
        float: left
    }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-primary .card-rating {
            color: #ea485d;
            font-size: inherit;
            float: none
        }
    }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-primary .card-img {
            background-color: #fad1d6
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-accent .card-rating {
            color: #48e4e1;
            font-size: 20px;
            float:left;

        }
    @media screen and (min-width: 769px) {
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-accent .card-rating {
        color: #48e4e1;
        font-size: inherit;
        float:none

    }}

    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-accent .card-img {
            background-color: #cdf8f7
        }


        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-pope .card-rating {
            color: #797979;
            font-size: 20px;
            float: left
        }
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card:hover {
        background-color: white;
    }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-pope .card-rating {
            color: #797979
            font-size: auto;
            float: inherit
        }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card:hover {
            background-color: #e8edf0
        }
    }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.item-card-pope .card-img {
            background-color: #c5c5c5
        }


        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card.higher {
            min-height: 12.5em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .info-free-space {
            width: 9.6em;
            height: 2.2em;
            background-color: #ea485d;
            color: #fff;
            position: absolute;
            left: 1.9em;
            top: 9.3em;
            line-height: 2.3em;
            text-transform: uppercase;
            text-align: center;
            font-weight: 700;
            -webkit-box-shadow: 0 .1em .3em #ea485d;
            -moz-box-shadow: 0 .1em .3em #ea485d;
            box-shadow: 0 .1em .3em #ea485d;
            -webkit-border-radius: .1em;
            -moz-border-radius: .1em;
            border-radius: .1em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .info-free-space > span {
            font-size: 1em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek {
            position: relative;
            min-height: 100%;
            padding: .9em 2.5em;
            background-color: #F4F9FC;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex;
            flex-direction: column
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek > :not(.card-img) {
            flex: none
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-close {
            color: #6c7175;
            text-transform: uppercase;
            text-align: right;
            font-weight: 400;
            margin: .6em 0;
            cursor: pointer;
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-close span {
            position: relative;
            font-size: 1em;
            padding: .8em 2.3em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-close span:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 2em;
            background: url(../../media/svg/close.svg) center no-repeat;
            background-size: 1.6em;
            content: "";
            -webkit-transition: background .2s ease-in-out;
            -moz-transition: background .2s ease-in-out;
            -ms-transition: background .2s ease-in-out;
            -o-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-close:hover {
            color: #ea485d
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-close:hover span:before {
            background-image: url(../../media/svg/close-secondary.svg)
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-img {
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 1.2em 0;
            flex: 1;
            max-height: 12.5em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-img:before {
            content: "";
            display: block
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-img.bg-cover {
            background-size: cover
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-img.bg-contain {
            background-size: auto 80%
        }
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-contain {
        background-size: auto 80%;
        margin-left: 15%;
        margin-top: 7%;
        width:60%
    }
    @media screen and (min-width: 769px) {
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-img.bg-contain {
            background-size: auto 80%;
            margin-left: auto;
            margin-top: auto;
            width: 9.6em
        }
    }
        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content h4 {
            font-weight: 400;
            font-size: 1.6em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating {
            margin-top: .2em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating > span {
            font-size: 1.45em;
            vertical-align: middle
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating > span:not(:last-child) {
            margin-right: .25em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating > span:before {
            font-family: FontAwesome
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating > span.on:before {
            content: "\f111"
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating > span.off:before {
            content: "\f1db"
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating .comment-count {
            display: inline-block;
            float: right;
            position: relative;
            padding-left: 1.7em;
            cursor: default;
            vertical-align: middle
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating .comment-count img {
            height: 1.2em;
            position: absolute;
            margin-left: 0px;
            top: .15em;
            left: 0
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating .comment-count > span {
            font-size: 1.4em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating .info-free-space {
            width: 9.6em;
            height: 2.2em;
            background-color: #ea485d;
            color: #fff;
            margin-left: 2em;
            display: inline-block;
            line-height: 2.3em;
            text-transform: uppercase;
            text-align: center;
            font-weight: 700;
            -webkit-box-shadow: 0 .1em .3em #ea485d;
            -moz-box-shadow: 0 .1em .3em #ea485d;
            box-shadow: 0 .1em .3em #ea485d;
            -webkit-border-radius: .1em;
            -moz-border-radius: .1em;
            border-radius: .1em;
            vertical-align: middle
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-rating .info-free-space > span {
            font-size: 1em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail {
            margin-top: 1.1em;
            color: #6c7175
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail strong {
            text-transform: uppercase;
            margin-right: .6em;
            font-size: 1.1em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail span {
            font-size: 1.3em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail .ttuc {
            text-transform: uppercase
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail.detail-primary span {
            color: #f26a5c
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-detail.small {
            margin-top: .2em;
            margin-left: 2em;
            font-size: .9em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-address {
            color: #6c7175;
            line-height: 1.6em;
            font-size: 1.2em;
            margin-top: .3em;
            padding-left: 4.2em;
            padding-top: .5em;
            position: relative;
            margin-bottom: .8em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-address img {
            height: 4em;
            position: absolute;
            top: 0;
            left: 0
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek .card-content .card-buttons .btn {
            font-size: 1.1em;
            padding-left: 1.3em;
            padding-right: 1.3em
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-primary .card-rating {
            color: #ea485d
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-primary .card-img {
            background-color: #fad1d6
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-accent .card-rating {
            color: #48e4e1
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-accent .card-img {
            background-color: #cdf8f7
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-pope .card-rating {
            color: #797979
        }

        .map-area .map-content > .map-sidebar > .sidebar-content article.item-card-peek.item-card-pope .card-img {
            background-color: #c5c5c5
        }

        .checkbox.wheel-a {
            display: inline-block;
            position: relative;
            height: 2em;
            line-height: 2em;
            margin: 0 .3em;
            border: 0;
            color: #6c7175;
            z-index: 1
        }

        .checkbox.wheel-a > .node {
            color: #6c7175;
            cursor: pointer;
            border: 0;
            background: 0 0;
            padding-left: 2.7em;
            padding-right: .2em;
            font-size: 1em
        }

        .checkbox.wheel-a > .node > .label {
            font-size: 1.4em;
            padding-left: 0
        }

        .checkbox.wheel-a > .node > .label span + span {
            font-weight: 300;
            margin-left: .3em
        }

        .checkbox.wheel-a > .node > .check {
            position: absolute;
            left: .3em;
            width: 1.5em;
            height: 1.5em;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: .22em solid #6C7783
        }

        .checkbox.wheel-a > .node > .check:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            border: .15em solid #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: transparent;
            -webkit-transition: background-color .1s linear;
            -moz-transition: background-color .1s linear;
            -ms-transition: background-color .1s linear;
            -o-transition: background-color .1s linear;
            transition: background-color .1s linear;
            content: ""
        }

        .checkbox.wheel-a.checked > .node > .check:before {
            background-color: #f26a5c
        }

        .checkbox.wheel-a + a {
            font-size: 1.4em;
            position: relative;
            color: #6c7175;
            cursor: pointer
        }

        .checkbox.wheel-a + a:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -.2em;
            width: 100%;
            padding-top: 1em;
            border-bottom: .05em solid #6c7175;
            cursor: pointer
        }

        .checkbox.wheel-a + a:hover {
            color: #ea485d
        }

        .checkbox.wheel-a + a:hover:after {
            border-color: #ea485d
        }

        .eshop-cart {
            overflow: hidden;
            -webkit-border-radius: .4em;
            -moz-border-radius: .4em;
            border-radius: .4em;
            border: 1px solid #E8EDF0
        }

        .eshop-cart > .cart-header {
            display: block;
            zoom: 1;
            padding: 0 2em;
            background-color: #6D7783;
            color: #fff;
            line-height: 3.5em;
            font-weight: 400
        }

        .eshop-cart > .cart-header:after {
            content: "";
            display: table;
            clear: both
        }

        .eshop-cart > .cart-header > div[class^=col-] {
            float: left
        }

        .eshop-cart > .cart-header.row-flex, .eshop-cart > .cart-header.row-flex-col {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex
        }

        .eshop-cart > .cart-header.row-flex-col > div[class^=col-] {
            align-content: stretch
        }

        @media (max-width: 74.9em) {
            .eshop-cart > .cart-header.row-xxl-responsive {
                display: block !important
            }

            .eshop-cart > .cart-header.row-xxl-responsive > div[class^=col-] {
                flex: none !important
            }
        }@media (max-width: 74.9em) {
        .eshop-cart > .cart-header.row-xl-responsive {
            display: block !important
        }

        .eshop-cart > .cart-header.row-xl-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 74.9em) {
        .eshop-cart > .cart-header.row-lg-responsive {
            display: block !important
        }

        .eshop-cart > .cart-header.row-lg-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 63.9em) {
        .eshop-cart > .cart-header.row-md-responsive {
            display: block !important
        }

        .eshop-cart > .cart-header.row-md-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 47.9em) {
        .eshop-cart > .cart-header.row-sm-responsive {
            display: block !important
        }

        .eshop-cart > .cart-header.row-sm-responsive > div[class^=col-] {
            flex: none !important
        }
    }@media (max-width: 33.9em) {
        .eshop-cart > .cart-header.row-xs-responsive {
            display: block !important
        }

        .eshop-cart > .cart-header.row-xs-responsive > div[class^=col-] {
            flex: none !important
        }
    }.eshop-cart > .cart-header span {
         font-size: 1.2em
     }

        .eshop-cart > .cart-body {
            padding: 0 1.5em;
            background-color: #F7FBFE
        }

        .eshop-cart > .cart-body > .cart-item {
            color: #78808B;
            padding: 1em 0;
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex
        }

        .eshop-cart > .cart-body > .cart-item:not(:first-child) {
            border-top: solid 1px #E8E8E8
        }

        .eshop-cart > .cart-body > .cart-item .item-img {
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat
        }

        .eshop-cart > .cart-body > .cart-item .item-img:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .eshop-cart > .cart-body > .cart-item .item-title {
            color: #f26a5c;
            font-size: 1.2em;
            font-weight: 400
        }

        .eshop-cart > .cart-body > .cart-item .item-title a {
            position: relative
        }

        .eshop-cart > .cart-body > .cart-item .item-title a:before {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #f26a5c;
            height: 1px;
            content: ""
        }

        .eshop-cart > .cart-body > .cart-item .item-quantity {
            display: inline-block;
            width: 3.5em;
            height: 3.5em;
            border: 1px solid #E2E2E2;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            font-size: 1em;
            color: #323B44;
            font-weight: 700
        }

        .eshop-cart > .cart-body > .cart-item .item-quantity + span {
            margin-left: .2em;
            font-weight: 700
        }

        .eshop-cart > .cart-body > .cart-item .highlight {
            color: #f26a5c
        }

        .eshop-cart > .cart-body > .cart-item .item-remove {
            color: #f26a5c;
            cursor: pointer
        }

        .eshop-cart > .cart-body > .cart-item .item-remove:before {
            font-size: 2em;
            content: "×"
        }

        .eshop-cart > .cart-body > .cart-item span {
            font-weight: 400;
            font-size: 1.2em
        }

        .eshop-order .eshop-order-block {
            overflow: hidden;
            -webkit-border-radius: .4em;
            -moz-border-radius: .4em;
            border-radius: .4em;
            border: 1px solid #E8EDF0;
            background-color: #F7FBFE
        }

        .eshop-order .eshop-order-block .cart-summary .line {
            padding: .6em 0;
            border-bottom: 1px solid #E8E8E8
        }

        .eshop-order .eshop-order-block .cart-summary .line span {
            font-size: 1.25em;
            color: #323A45
        }

        .eshop-order .eshop-order-block .cart-summary .line span + span {
            float: right
        }

        .eshop-order .eshop-order-block .cart-summary .line span.highlight {
            font-size: 1.7em;
            font-weight: 700
        }

        .eshop-order .eshop-billing-props {
            -webkit-transition: opacity .3s linear;
            -moz-transition: opacity .3s linear;
            -ms-transition: opacity .3s linear;
            -o-transition: opacity .3s linear;
            transition: opacity .3s linear
        }

        .eshop-order .eshop-billing-props.opacity-50 {
            opacity: .5;
            position: relative;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .eshop-order .eshop-billing-props.opacity-50:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

        .eshop-product-detail {
            position: relative
        }

        .eshop-product-detail .product-img {
            border: 1px solid #E2E2E2;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            overflow: hidden
        }

        .eshop-product-detail .product-img > .item-img {
            background-position: center;
            background-size: cover
        }

        .eshop-product-detail .product-img > .item-img:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .eshop-product-detail .product-gallery > .item-img {
            width: 30%;
            margin-right: .5em;
            border: 1px solid #E2E2E2;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            background-position: center;
            background-size: cover;
            display: inline-block
        }

        .eshop-product-detail .product-gallery > .item-img:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .eshop-product-detail .detail-content h4 {
            font-weight: 300;
            font-size: 3.4em
        }

        .eshop-product-detail .detail-content .detail-description {
            margin-top: .4em;
            padding-top: 1.5em;
            border-top: 1px solid #E2E2E2
        }

        .eshop-product-detail .detail-content .detail-description p {
            font-size: 1.1em;
            color: #6c7175;
            text-align: justify
        }

        .eshop-product-detail .detail-content .detail-info {
            margin-top: .4em;
            padding-top: 1.5em;
            border-top: 1px solid #E2E2E2
        }

        .eshop-product-detail .detail-content .detail-info .detail-price .now {
            font-size: 3em;
            color: #f26a5c
        }

        .eshop-product-detail .detail-content .detail-info .detail-price .old {
            text-decoration: line-through;
            font-size: 1.7em;
            color: #6c7175
        }

        .eshop-product-detail .detail-content .detail-info .product-quantity {
            display: inline-block;
            width: 3.5em;
            height: 3.5em;
            border: 1px solid #E2E2E2;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            font-size: 1em;
            color: #323B44;
            font-weight: 700
        }

        .eshop-product-detail .detail-content .detail-info .product-quantity + span {
            margin-left: .2em;
            font-weight: 700
        }

        .facility-detail {
            font-size: 1.1em
        }

        .facility-detail .detail-img {
            border: 1px solid #E2E2E2;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            overflow: hidden;
            margin-right: 1.3em;
            cursor: pointer;
            cursor: -webkit-zoom-in;
            -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            transition: box-shadow .2s ease-in-out, border .2s ease-in-out
        }

        .facility-detail .detail-img > .item-img {
            background-position: center;
            background-size: cover
        }

        .facility-detail .detail-img > .item-img:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .facility-detail .detail-img:hover {
            border: 1px solid #CECECE;
            -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .3);
            -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .3);
            box-shadow: 0 0 1em rgba(0, 0, 0, .3)
        }

        .facility-detail .detail-gallery > div {
            padding-right: 1.3em
        }

        .facility-detail .detail-gallery > div .item-img {
            width: 100%;
            border: 1px solid #E2E2E2;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            background-position: center;
            background-size: cover;
            display: inline-block;
            cursor: pointer;
            cursor: -webkit-zoom-in;
            -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            transition: box-shadow .2s ease-in-out, border .2s ease-in-out
        }

        .facility-detail .detail-gallery > div .item-img:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .facility-detail .detail-gallery > div .item-img:not(:last-child) {
            margin-right: .5em
        }

        .facility-detail .detail-gallery > div .item-img:hover {
            border: 1px solid #CECECE;
            -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 1em;
            -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 1em;
            box-shadow: rgba(0, 0, 0, .3) 0 0 1em
        }

        .facility-detail .detail-title h4 {
            font-weight: 300;
            font-size: 2.5em
        }

        .facility-detail .detail-rating {
            padding-bottom: .8em;
            border-bottom: 1px solid #E2E2E2
        }

        .facility-detail .detail-rating .rating {
            display: inline-block
        }

        .facility-detail .detail-rating .rating.private {
            color: #ea485d
        }

        .facility-detail .detail-rating .rating.national {
            color: #48e4e1
        }

        .facility-detail .detail-rating .rating.pope {
            color: #797979
        }

        .facility-detail .detail-rating .rating span {
            font-size: 1.4em
        }

        .facility-detail .detail-rating .rating span:not(:last-child) {
            margin-right: .55em
        }

        .facility-detail .detail-rating .rating span:before {
            font-family: FontAwesome
        }

        .facility-detail .detail-rating .rating span.on:before {
            content: "\f111"
        }

        .facility-detail .detail-rating .rating span.off:before {
            content: "\f1db"
        }

        .facility-detail .detail-rating .btn {
            margin-bottom: .5em;
            margin-left: 1.5em
        }

        .facility-detail .detail-rating .btn.private {
            color: #ea485d;
            border-color: #ea485d
        }

        .facility-detail .detail-rating .btn.national {
            z-index: 99;
            position: relative;
            color: #48e4e1;
            border-color: #48e4e1
        }

        .facility-detail .detail-rating .btn.pope {
            color: #797979;
            border-color: #797979
        }

        .facility-detail .detail-rating .comments {
            display: inline-block;
            float: right;
            cursor: pointer
        }

        .facility-detail .detail-rating .comments img {
            height: 1.5em
        }

        .facility-detail .detail-rating .comments .count {
            display: inline-block;
            font-size: 2em;
            padding-left: .3em
        }

        .facility-detail .detail-rating .comments .count.private {
            color: #ea485d
        }

        .facility-detail .detail-rating .comments .count.national {
            color: #48e4e1
        }

        .facility-detail .detail-rating .comments .count.pope {
            color: #797979
        }

        .facility-detail .detail-detail {
            color: #6C7175;
            padding-bottom: 1.3em;
            padding-top: .7em;
            border-bottom: 1px solid #E2E2E2;
            min-height:300px;
        }

        .facility-detail .detail-detail .detail {
            margin-top: .8em
        }

        .facility-detail .detail-detail .detail strong {
            text-transform: uppercase;
            margin-right: .6em;
            font-size: 1.1em
        }

        .facility-detail .detail-detail .detail span {
            font-size: 1.3em
        }

        .facility-detail .detail-detail .detail .uc {
            text-transform: uppercase
        }

        .facility-detail .detail-detail .detail .highlight {
            color: #f26a5c
        }

        .facility-detail .detail-residence {
            padding-bottom: 1.3em;
            border-bottom: 1px solid #E2E2E2
        }

        .facility-detail .detail-residence .contacts {
            padding: 1.3em 0;
            position: relative
        }

        .facility-detail .detail-residence .contacts img {
            position: absolute;
            height: 4em
        }

        .facility-detail .detail-residence .contacts .contact-boxes {
            margin-left: 4em
        }

        .facility-detail .detail-residence .contacts .contact-boxes .contact-box {
            display: inline-block;
            margin-right: 1em
        }

        .facility-detail .detail-residence .contacts .contact-boxes .contact-box div {
            margin-top: .5em;
            font-size: 1.1em;
            color: #6E7884
        }

        .facility-detail .detail-description {
            padding-bottom: 1.3em;
            margin-top: 2em
        }

        .facility-detail .detail-description p {
            font-size: 1.1em;
            color: #6c7175;
            text-align: justify
        }

        .article-detail .detail {
            border-bottom: 1px solid #DFE7EA;
            padding-bottom: 3em;
            font-size: 1.25em;
            font-weight: 300
        }

        .article-detail .detail > div {
            margin: 2em 6em;
            font-size: 1.1em;
            color: #6c7175;
            text-align: justify
        }

        .article-detail .detail > div > div {
            padding-top: .7em
        }

        @media (max-width: 63.9em) {
            .article-detail .detail > div {
                margin: 2em
            }
        }.article-detail .detail > div img {
             width: 120%;
             margin: .5em -10%;
             -webkit-border-radius: .4em;
             -moz-border-radius: .4em;
             border-radius: .4em
         }

        @media (max-width: 47.9em) {
            .article-detail .detail > div img {
                width: 100%;
                margin: .5em 0
            }
        }.article-detail .detail > div .citation {
             margin: 0 6em 0 7.5em;
             font-size: 1.1em;
             padding: 1em 0 1em 2em;
             border-left: 2px solid #f26a5c;
             color: #6c7175;
             font-weight: 300;
             font-style: italic
         }

        @media (max-width: 63.9em) {
            .article-detail .detail > div .citation {
                margin: 0 2em 0 2.5em
            }
        }.article-detail .detail ol, .article-detail .detail ul {
             padding-left: 2em !important
         }

        .article-detail .detail ol li, .article-detail .detail ul li {
            padding-left: .5em !important
        }

        .article-detail .detail ul {
            list-style: none
        }

        .article-detail .detail ul li {
            position: relative
        }

        .article-detail .detail ul li:before {
            content: "\25cf ";
            position: absolute;
            left: -1em;
            top: -.15em;
            color: #f26a5c !important
        }

        .comments-list .comment {
            border: 1px solid #E8EDF1;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            background-color: #F7FBFE;
            padding: 2em 2.5em
        }

        .comments-list .comment > .comment-header {
            margin-bottom: .5em
        }

        .comments-list .comment > .comment-header h5 {
            font-size: 1.45em;
            font-weight: 400
        }

        .comments-list .comment > .comment-content p {
            font-size: 1em;
            color: #6c7175
        }

        .comments-list .comment.answer {
            margin-left: 7em
        }

        .comments-list .comment:not(:first-child) {
            margin-top: .8em
        }

        .fancy-alert {
            position: fixed;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, .75);
            z-index: 200;
            text-align: center
        }

        .fancy-alert .alerter {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -6.625em;
            margin-left: -14.375em;
            min-height: 13.25em;
            width: 28.75em;
            max-width: 100%;
            background-color: #fff;
            -webkit-border-radius: .5em;
            -moz-border-radius: .5em;
            border-radius: .5em;
            padding: 3.5em;
            background-repeat: no-repeat;
            background-size: auto 90%;
            background-position: -2em center
        }

        .fancy-alert .alerter h4 {
            font-size: 2em;
            font-weight: 400;
            padding-bottom: .6em
        }

        .fancy-alert .alerter p {
            color: #6c7175;
            font-size: 1.3em
        }

        .fancy-alert .alerter .btn {
            text-transform: uppercase;
            padding-left: 4.3em;
            padding-right: 4.3em;
            -webkit-box-shadow: rgba(72, 228, 225, .55) 0 .4em 2.2em;
            -moz-box-shadow: rgba(72, 228, 225, .55) 0 .4em 2.2em;
            box-shadow: rgba(72, 228, 225, .55) 0 .4em 2.2em;
            margin-top: 1.2em;
            font-size: 1.3em
        }

        .fancy-alert:not(.show) {
            display: none
        }

        .fancy-alert.truck .alerter {
            background-image: url(../../media/svg/alerts/eshopauto.svg)
        }

        .aktuality-list.aktuality-list-zarizeni > div > a {
            display: block;
            padding: 2.875em 4.125em;
            margin: .8125em;
            border: 1px solid #e8edf0;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            -webkit-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
            transition: box-shadow .2s ease-in-out, border .2s ease-in-out
        }

        @media (max-width: 74.9em) {
            .aktuality-list.aktuality-list-zarizeni > div > a :not(h4) {
                font-size: 1.2em
            }
        }.aktuality-list.aktuality-list-zarizeni > div > a h4 {
             font-size: 2em;
             font-weight: 400;
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
             margin-bottom: .2em
         }

        .aktuality-list.aktuality-list-zarizeni > div > a .date {
            color: #6c7175
        }

        .aktuality-list.aktuality-list-zarizeni > div > a .date .highlight {
            color: #48e4e1
        }

        .aktuality-list.aktuality-list-zarizeni > div > a .divider {
            width: 2.5em;
            height: .1875em;
            background-color: #48e4e1;
            margin: 1.25em 0
        }

        .aktuality-list.aktuality-list-zarizeni > div > a .address {
            padding: 0 .3em .3em 3.4em;
            position: relative
        }

        @media (max-width: 63.9em) {
            .aktuality-list.aktuality-list-zarizeni > div > a .address {
                padding-left: 4em
            }
        }.aktuality-list.aktuality-list-zarizeni > div > a .address img {
             position: absolute;
             left: 0;
             top: 0;
             width: 2.5em
         }

        .aktuality-list.aktuality-list-zarizeni > div > a .address > span {
            display: block;
            width: 100%;
            color: #6c7175;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .aktuality-list.aktuality-list-zarizeni > div > a .address > span:nth-child(2) {
            padding-bottom: .4em
        }

        .aktuality-list.aktuality-list-zarizeni > div > a:hover {
            border: 1px solid transparent;
            -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 1.8em;
            -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 1.8em;
            box-shadow: rgba(0, 0, 0, .1) 0 0 1.8em
        }

        .aktuality-list.aktuality-list-zarizeni > div > a:hover h4 {
            color: #000
        }

        .masonry .masonry-item {
            display: inline-block;
            width: 48%
        }

        @media (max-width: 63.9em) {
            .masonry .masonry-item {
                width: 100%
            }
        }section.dalsi-informace .local-style {
             font-size: 1.3em;
             text-align: justify
         }

        section.dalsi-informace .local-style a {
            text-decoration: underline
        }

        section.dalsi-informace .local-style h2 {
            font-size: 2.2em
        }

        section.dalsi-informace .local-style ol.numbers {
            list-style-type: decimal;
            padding-left: 2em
        }

        section.dalsi-informace .local-style ol.numbers li {
            padding: .5em 0
        }

        section.dalsi-informace .local-style ol.letters {
            list-style-type: lower-alpha;
            padding-left: 2em
        }

        section.dalsi-informace .local-style ol.letters li {
            padding-bottom: .3em
        }

        section.dalsi-informace .local-style ul {
            padding-left: 2em
        }

        section.dalsi-informace .local-style ul li {
            padding: .5em 0
        }

        .blog-list .masonry-item {
            padding: 0;
            margin-bottom: .8em
        }

        .paging {
            text-align: center;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding: 5em 0
        }

        .paging .page {
            display: inline-block;
            font-size: 1.4em;
            width: 2em;
            height: 2em;
            line-height: 1.95em;
            vertical-align: middle
        }

        .paging .page.active {
            border: 1px solid #f26a5c;
            border-radius: 50%;
            cursor: default
        }

        .paging .page.inactive {
            display: none
        }

        .paging .page > i {
            font-size: 1.6em;
            color: #f26a5c
        }

        .paging .paging-label, .reklamy-eshop {
            display: none
        }

        .reklamy-eshop > * {
            position: absolute;
            top: 0
        }

        @media (max-width: 74.9em) {
            .reklamy-eshop > * {
                display: none
            }
        }.reklamy-eshop .reklama-position-1 {
             left: -190px
         }

        .reklamy-eshop .reklama-position-2 {
            right: -190px
        }

        .reklamy-article img:not(.float) {
            width: 160px;
            margin-bottom: 2em
        }

        .reklamy-article img:not(.float).abs {
            position: absolute;
            top: 0;
            bottom: auto
        }

        .reklamy-article img:not(.float).abs.left {
            left: -180px
        }

        .reklamy-article img:not(.float).abs.right {
            right: -180px
        }

        .reklamy-article img:not(.float).fix {
            position: fixed
        }

        .reklamy-article img:not(.float).absb {
            position: absolute;
            bottom: 0;
            top: auto
        }

        .reklamy-article img:not(.float).absb.left {
            left: -180px
        }

        .reklamy-article img:not(.float).absb.right {
            right: -180px
        }

        @media (max-width: 33.9em) {
            .reklamy-article {
                display: none
            }
        }.reklamy-article .float {
             display: block;
             position: static;
             margin: 4em auto auto;
             text-align: center
         }

        .bigger-text {
            font-size: 1.1em
        }

        .anchor-switch {
            cursor: pointer;
            color: #48e4e1;
            display: inline-block;
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out;
            position: relative;
            font-size: 1.25em
        }

        .anchor-switch span:nth-child(1) {
            display: inline-block
        }

        .anchor-switch span:nth-child(2) {
            display: none
        }

        .anchor-switch.switched span:nth-child(1) {
            display: none
        }

        .anchor-switch.switched span:nth-child(2) {
            display: inline-block
        }

        .anchor-switch:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #48e4e1;
            -webkit-transition: background-color .2s ease-in-out;
            -moz-transition: background-color .2s ease-in-out;
            -ms-transition: background-color .2s ease-in-out;
            -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out
        }

        .anchor-switch:hover {
            color: #f26a5c
        }

        .anchor-switch:hover:before {
            background-color: #f26a5c
        }

        .o-nas-paragraph-outer {
            padding: .5em 3em 0;
            text-align: left
        }

        .o-nas-paragraph-outer .o-nas-paragraph {
            font-size: 1.25em;
            line-height: 1.7em;
            padding: .5em 0;
            color: #6c7175
        }

        a.big-anchor {
            font-size: 1.6em;
            position: relative;
            cursor: pointer;
            -webkit-transition: color .15s ease-in-out;
            -moz-transition: color .15s ease-in-out;
            -ms-transition: color .15s ease-in-out;
            -o-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out
        }

        a.big-anchor:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 1px;
            background-color: transparent;
            -webkit-transition: background-color .15s ease-in-out;
            -moz-transition: background-color .15s ease-in-out;
            -ms-transition: background-color .15s ease-in-out;
            -o-transition: background-color .15s ease-in-out;
            transition: background-color .15s ease-in-out
        }

        a.big-anchor:hover:before {
            background-color: #f26a5c
        }

        .fullScreenBanner {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, .8);
            z-index: 3000;
            padding: 2em
        }

        .fullScreenBanner .window {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 40em;
            max-width: 100%;
            max-height: 100%;
            background-color: #fff;
            -webkit-border-radius: .5em;
            -moz-border-radius: .5em;
            border-radius: .5em;
            padding: 5em;
            -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, .5);
            -moz-box-shadow: 0 0 2em rgba(255, 255, 255, .5);
            box-shadow: 0 0 2em rgba(255, 255, 255, .5)
        }

        .fullScreenBanner .window h2 {
            font-size: 3.5em;
            padding-bottom: .1em
        }

        .fullScreenBanner .window p {
            color: #6c7175;
            font-size: 1.35em;
            line-height: 1.3em
        }

        .fullScreenBanner .window .highlight {
            color: #f26a5c
        }

        .fancy-btn-group {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex;
            height: 4.6em;
            background-color: #E4E9EC;
            -webkit-border-radius: 2.3em;
            -moz-border-radius: 2.3em;
            border-radius: 2.3em
        }

        .fancy-btn-group .fancy-btn-group-input {
            width: 100%;
            background-color: transparent;
            border: 0;
            outline: 0;
            padding: 0 1.8em;
            font-size: 1.6em
        }

        .fancy-btn-group .fancy-btn-group-input::-webkit-input-placeholder {
            color: #838b8e
        }

        .fancy-btn-group .fancy-btn-group-input:-moz-placeholder {
            color: #838b8e
        }

        .fancy-btn-group .fancy-btn-group-input::-moz-placeholder {
            color: #838b8e
        }

        .fancy-btn-group .fancy-btn-group-input:-ms-input-placeholder {
            color: #838b8e
        }

        .vylety-map-plugin {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-top: 1px solid #E5EAED
        }

        .vylety-map-plugin .map-header {
            background-color: #F4F9FC;
            padding: .8em 0;
            white-space: nowrap;
            position: relative;
            z-index: 3
        }

        .vylety-map-plugin .map-header .title {
            display: inline-block;
            width: 25em;
            font-weight: 100;
            padding-left: 2em;
            vertical-align: middle
        }

        .vylety-map-plugin .map-header .title > span {
            font-size: 2em
        }

        .vylety-map-plugin .map-header .title > img {
            height: 1.6em;
            cursor: pointer;
            margin-left: 1em
        }

        .vylety-map-plugin .active-bar {
            position: absolute;
            top: 5.1em;
            left: 0;
            right: 0;
            background-color: #F4F9FC;
            border-top: 1px solid #EEF3F6;
            z-index: 1;
            padding: .5em 1em 0 25em;
            white-space: initial
        }

        .vylety-map-plugin .active-bar > .active-bar-item {
            max-width: 10.8em;
            padding: .5em 2.5em .2em .8em;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            color: #fff;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            display: inline-block;
            margin: 0 .7em .5em 0;
            cursor: default
        }

        .vylety-map-plugin .active-bar > .active-bar-item > span:nth-child(1) {
            font-weight: 600
        }

        .vylety-map-plugin .active-bar > .active-bar-item > span:nth-child(2) {
            color: #F9F8F4;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 2.5em;
            line-height: 2.1em;
            text-align: center
        }

        .vylety-map-plugin .active-bar:empty {
            display: none
        }

        .vylety-map-plugin .map-sidebar {
            position: absolute;
            top: 9.8em;
            right: 1em;
            bottom: 1em;
            width: 33em;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, .3);
            -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, .3);
            box-shadow: 0 0 1.5em rgba(0, 0, 0, .3);
            overflow: hidden;
            z-index: 2
        }

        .vylety-map-plugin .map-sidebar > .sidebar-header {
            height: 3.25em;
            line-height: 3.25em;
            background-color: #fff;
            padding: 0 1em;
            border-bottom: 1px solid #E8EDF0
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content {
            position: absolute;
            top: 3.25em;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            overflow-y: auto
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item {
            position: relative;
            min-height: 9.9em;
            padding: .9em 2.5em;
            border-bottom: 1px solid #e8edf0;
            -webkit-transition: background-color .2s ease-in-out;
            -moz-transition: background-color .2s ease-in-out;
            -ms-transition: background-color .2s ease-in-out;
            -o-transition: background-color .2s ease-in-out;
            transition: background-color .2s ease-in-out;
            cursor: pointer
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-image {
            cursor: pointer;
            width: 9.6em;
            position: absolute;
            top: .9em;
            left: 1.9em;
            background-position: center center;
            background-repeat: no-repeat
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-image:before {
            padding-top: 83%;
            content: "";
            display: block
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-image.cover {
            background-size: cover
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-image.contain {
            background-size: auto 70%
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-content {
            margin-left: 10.7em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-content h4 {
            font-weight: 400;
            font-size: 1.6em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-content .item-subcat {
            margin-top: .4em;
            font-weight: 700
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item .item-content .item-address {
            margin-top: .3em;
            color: #6c7175;
            line-height: 1.6em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-content > .sidebar-item:hover {
            background-color: #e8edf0
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #F4F9FC;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex;
            padding: 1.8em 2.5em;
            flex-direction: column;
            z-index: 99
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek > :not(.card-img) {
            flex: none
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-close {
            color: #6c7175;
            text-transform: uppercase;
            text-align: right;
            font-weight: 400;
            margin: .6em 0;
            cursor: pointer;
            -webkit-transition: color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out;
            -ms-transition: color .2s ease-in-out;
            -o-transition: color .2s ease-in-out;
            transition: color .2s ease-in-out
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-close span {
            position: relative;
            font-size: 1em;
            padding: .8em 2.3em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-close span:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 2em;
            background: url(../../media/svg/close.svg) center no-repeat;
            background-size: 1.6em;
            content: "";
            -webkit-transition: background .2s ease-in-out;
            -moz-transition: background .2s ease-in-out;
            -ms-transition: background .2s ease-in-out;
            -o-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-close:hover {
            color: #ea485d
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-close:hover span:before {
            background-image: url(../../media/svg/close-secondary.svg)
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-img {
            width: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 1.2em 0;
            flex: 1;
            max-height: 12.5em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-img:before {
            content: "";
            display: block
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-img.cover {
            background-size: cover
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-img.contain {
            background-size: auto 60%
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content h4 {
            font-weight: 400;
            font-size: 1.6em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating {
            margin-top: .2em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating span {
            font-size: 1.45em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating span:not(:last-child) {
            margin-right: .25em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating span:before {
            font-family: FontAwesome
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating span.on:before {
            content: "\f111"
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating span.off:before {
            content: "\f1db"
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating .comment-count {
            display: inline-block;
            float: right;
            position: relative;
            padding-left: 1.7em;
            cursor: default
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-rating .comment-count img {
            height: 1.2em;
            position: absolute;
            top: .15em;
            left: 0
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail {
            margin-top: 1.1em;
            color: #6c7175
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail strong {
            text-transform: uppercase;
            margin-right: .6em;
            font-size: 1.1em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail span {
            font-size: 1.3em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail .ttuc {
            text-transform: uppercase
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail.detail-primary span {
            color: #f26a5c
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-detail.small {
            margin-top: .2em;
            margin-left: 2em;
            font-size: .9em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-address {
            color: #6c7175;
            line-height: 1.6em;
            font-size: 1.2em;
            margin-top: .3em;
            padding-left: 4.2em;
            padding-top: .5em;
            position: relative;
            margin-bottom: .8em
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-address img {
            height: 4em;
            position: absolute;
            top: 0;
            left: 0
        }

        .vylety-map-plugin .map-sidebar > .sidebar-peek .card-content .card-buttons .btn {
            font-size: 1.1em;
            padding-left: 1.3em;
            padding-right: 1.3em
        }

        .vylety-map-plugin .vylety-map {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0
        }

        .overflow {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            min-height: 100%;
            z-index: 300;
            overflow-y: auto;
            background-color: rgba(0, 0, 0, .6);
            -webkit-transition: opacity .3s ease-in-out;
            -moz-transition: opacity .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out;
            -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out
        }

        .overflow .background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

        .overflow .content {
            position: absolute;
            left: 50%;
            top: 4.5em;
            margin-bottom: 4.5em;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 78em;
            max-width: 90%;
            background-color: #fff;
            -webkit-border-radius: .5em;
            -moz-border-radius: .5em;
            border-radius: .5em;
            padding: 0 0 5em
        }

        .overflow .content .top {
            padding: 2em
        }

        .overflow .content .top .close {
            border: 0;
            outline: 0;
            background-color: transparent;
            text-transform: uppercase;
            cursor: pointer
        }

        .overflow .content .top .close > span {
            font-size: .9em;
            vertical-align: middle
        }

        .overflow .content .top .close > i {
            font-size: 1.1em;
            vertical-align: top;
            margin-left: .6em
        }

        .overflow .content .flee {
            height: 30em;
            background-position: right center;
            background-repeat: no-repeat;
            background-size: auto 30em;
            border-bottom: .1em solid #F4F4F4
        }

        @media (min-width: 63.9em) {
            .overflow .content .flee {
                background-image: url(../../media/rastr/vylety/hehe.png)
            }
        }.overflow .content .flee .half {
             padding: 5em
         }

        .overflow .content .flee .half p {
            font-size: 1.5em;
            font-weight: 100
        }

        .overflow .content .flee .half .green {
            outline: 0;
            border: 0;
            background-color: #77D487;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-border-radius: 10em;
            -moz-border-radius: 10em;
            border-radius: 10em;
            letter-spacing: .1em;
            padding: 1em 4em;
            margin-top: 2.6em;
            cursor: pointer;
            -webkit-transition: box-shadow .2s ease-in-out;
            -moz-transition: box-shadow .2s ease-in-out;
            -ms-transition: box-shadow .2s ease-in-out;
            -o-transition: box-shadow .2s ease-in-out;
            transition: box-shadow .2s ease-in-out
        }

        .overflow .content .flee .half .green > span {
            font-size: 1.1em
        }

        .overflow .content .flee .half .green:hover {
            -webkit-box-shadow: 0 0 2em #77d487;
            -moz-box-shadow: 0 0 2em #77d487;
            box-shadow: 0 0 2em #77d487
        }

        .overflow .content .icons h2 {
            margin-top: 1.4em;
            margin-bottom: -.2em
        }

        .overflow .content .icons p {
            font-size: 1.4em;
            font-weight: 100
        }

        .overflow .content .icons .icon {
            width: 16em;
            display: inline-block;
            padding-top: 4em
        }

        .overflow .content .icons .icon img {
            height: 6.7em
        }

        .overflow .content .icons .icon .title {
            margin-top: .6em
        }

        .overflow .content .icons .icon .title > span {
            font-size: 1.6em
        }

        .overflow .content .icons .icon .count {
            margin-top: .3em;
            color: #80878F
        }

        .overflow .content .icons .icon .count > span {
            font-size: 1.15em
        }

        .select.v-a, .select.v-b {
            width: 20em;
            height: 3.5em;
            -webkit-box-shadow: 0 .1em .4em rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 .1em .4em rgba(0, 0, 0, .2);
            box-shadow: 0 .1em .4em rgba(0, 0, 0, .2);
            z-index: 99;
            display: inline-block;
            margin-right: 1.4em;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .select.v-a > .selected, .select.v-b > .selected {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff;
            border: 0;
            outline: 0;
            cursor: pointer;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            text-transform: uppercase;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 3em 0 2em;
            position: relative
        }

        .select.v-a > .selected > span, .select.v-b > .selected > span {
            font-size: 1.3em
        }

        .select.v-a > .selected:after, .select.v-b > .selected:after {
            content: "\f0d7";
            font-family: FontAwesome;
            position: absolute;
            right: 1.5em;
            top: 33%
        }

        .select.v-a > .nodes, .select.v-b > .nodes {
            z-index: 102;
            display: none
        }

        .select.v-a > .background, .select.v-b > .background {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            z-index: 101;
            display: none
        }

        .select.v-a.active > .background, .select.v-a.active > .nodes, .select.v-b.active > .background, .select.v-b.active > .nodes {
            display: block
        }

        .autocompleter.v-a {
            display: inline-block;
            width: 30em;
            height: 3.5em;
            position: relative;
            z-index: 99;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            border: 1px solid #DCE4E7
        }

        .autocompleter.v-a > input[type=search] {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 103;
            background-color: transparent;
            border: 0;
            outline: 0;
            padding-left: 3em;
            padding-right: 1em
        }

        .autocompleter.v-a > input[type=search]::-webkit-input-placeholder {
            color: #333
        }

        .autocompleter.v-a > input[type=search]:-moz-placeholder {
            color: #333
        }

        .autocompleter.v-a > input[type=search]::-moz-placeholder {
            color: #333
        }

        .autocompleter.v-a > input[type=search]:-ms-input-placeholder {
            color: #333
        }

        .autocompleter.v-a > .icon {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3em;
            line-height: 3.3em;
            text-align: center;
            color: #333
        }

        .autocompleter.v-a > .icon > .fa {
            font-size: 1.2em;
            vertical-align: middle
        }

        .autocompleter.v-a > .list {
            -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            margin-top: .8em;
            background-color: #fff;
            z-index: 102;
            display: none
        }

        .autocompleter.v-a > .list > .node {
            cursor: pointer;
            display: block;
            padding: 0 1em;
            text-align: left;
            line-height: 2.75em;
            font-size: .9em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .autocompleter.v-a > .list > .node:not(:first-child) {
            border-top: 1px solid #e8edf0
        }

        .autocompleter.v-a > .list > .node.separator {
            border-top: 3px solid #e8edf0
        }

        .autocompleter.v-a > .list > .node span:nth-child(2) {
            margin-left: .5em;
            font-weight: 700
        }

        .autocompleter.v-a > .list > .node.selected, .autocompleter.v-a > .list > .node:hover {
            background-color: rgba(0, 0, 0, .07)
        }

        .autocompleter.v-a > .list > .node.disabled {
            cursor: default
        }

        .autocompleter.v-a > .list > .node.disabled:hover {
            background-color: transparent
        }

        .autocompleter.v-a > .list:after {
            content: "";
            display: block;
            margin: .5em;
            height: 1.5em;
            background-image: url(https://developers.google.com/places/documentation/images/powered-by-google-on-white.png);
            background-position: right center;
            background-repeat: no-repeat
        }

        .autocompleter.v-a > .background {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            z-index: 101;
            display: none
        }

        .autocompleter.v-a.active > .background, .autocompleter.v-a.active > .list {
            display: block
        }

        .autocompleter.v-a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #ECF4F7;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em
        }

        .select.v-a {
            position: relative
        }

        .select.v-a > .nodes {
            position: absolute;
            left: 0;
            top: 100%;
            margin-top: .8em;
            background-color: #fff;
            padding: .2em 1.2em;
            -webkit-border-radius: .2em;
            -moz-border-radius: .2em;
            border-radius: .2em;
            -webkit-box-shadow: 0 .1em .4em rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 .1em .4em rgba(0, 0, 0, .2);
            box-shadow: 0 .1em .4em rgba(0, 0, 0, .2)
        }

        .select.v-a > .nodes > .nodes-container > .node {
            display: block;
            cursor: pointer;
            white-space: nowrap;
            padding: 1em 0
        }

        .select.v-a > .nodes > .nodes-container > .node:not(:last-child) {
            border-bottom: 1px solid #E6E6E6
        }

        .select.v-a > .nodes > .nodes-container > .node > span {
            display: inline-block;
            position: relative;
            padding-left: 2.3em;
            text-transform: uppercase
        }

        .select.v-a > .nodes > .nodes-container > .node > span > span {
            font-size: 1.4em
        }

        .select.v-a > .nodes > .nodes-container > .node > span:before {
            content: "\f10c";
            font-family: FontAwesome;
            position: absolute;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            left: 0;
            top: -.1em;
            display: block;
            font-size: 1.7em
        }

        .select.v-a > .nodes > .nodes-container > .node.checked > span:before {
            content: "\f058"
        }

        .select.v-b > .nodes {
            position: absolute;
            left: -1px;
            right: -1px;
            top: 5.1em;
            background-color: #F4F9FC;
            padding: 1.2em;
            border: 1px solid #E5EAED
        }

        .select.v-b > .nodes > .nodes-container {
            max-width: 97em;
            margin: auto;
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
            white-space: initial
        }

        .select.v-b > .nodes > .nodes-container > .node {
            display: inline-block;
            width: 100%;
            cursor: pointer;
            white-space: nowrap;
            padding: .3em 0
        }

        .select.v-b > .nodes > .nodes-container > .node > span {
            display: inline-block;
            position: relative;
            padding-left: 2.3em
        }

        .select.v-b > .nodes > .nodes-container > .node > span > span {
            font-size: 1.4em
        }

        .select.v-b > .nodes > .nodes-container > .node > span:before {
            content: "\f10c";
            font-family: FontAwesome;
            position: absolute;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            left: 0;
            top: .05em;
            display: block;
            font-size: 1.4em
        }

        .select.v-b > .nodes > .nodes-container > .node.checked > span:before {
            content: "\f058"
        }

        .select.v-c {
            display: inline-block;
            position: relative;
            height: 3.25em;
            line-height: 3.25em;
            padding-right: 1.3em;
            margin: 0;
            border: 0;
            background-color: transparent;
            color: #6c7175;
            z-index: 99;
            font-size: 1em
        }

        .select.v-c > button {
            border: 0;
            background: 0 0;
            cursor: pointer;
            font-size: 1em
        }

        .select.v-c > button > span {
            color: #6c7175;
            position: relative;
            padding-right: 1.3em;
            font-size: 1em
        }

        .select.v-c > button > span:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            line-height: .7em;
            font-family: FontAwesome;
            content: "\f0dd";
            color: #34393d
        }

        .select.v-c > .options {
            -webkit-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            -moz-box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            box-shadow: 0 0 1.8em rgba(0, 0, 0, .15);
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            display: none;
            z-index: 102
        }

        .select.v-c > .options > .option {
            display: block;
            margin: 0 1em;
            line-height: 2.75em;
            font-size: 1.1em;
            white-space: nowrap;
            cursor: pointer
        }

        .select.v-c > .options > .option:not(:first-child) {
            border-top: 1px solid #e8edf0
        }

        .select.v-c > .options > .option.active {
            font-weight: 700
        }

        .select.v-c > .background {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            z-index: 101;
            display: none
        }

        .select.v-c.active > .background, .select.v-c.active > .options {
            display: block
        }

        section.vylety-header:before {
            background-position: right top
        }

        section.nova-hodnoceni .volume .volume-drag {
            -webkit-transition: left .2s ease-in-out;
            -moz-transition: left .2s ease-in-out;
            -ms-transition: left .2s ease-in-out;
            -o-transition: left .2s ease-in-out;
            transition: left .2s ease-in-out
        }

        .btn.g-a {
            padding: 0 2.7em;
            position: inherit;
            z-index: 10
        }

        body:not(.mapa) .site-content {
            margin: 1.2em
        }

        @media (max-width: 74.9em) {
            body:not(.mapa) .site-content {
                font-size: .9em
            }
        }@media (max-width: 63.9em) {
        body:not(.mapa) .site-content {
            font-size: .8em
        }
    }@media (max-width: 47.9em) {
        body:not(.mapa) .site-content {
            font-size: .7em
        }
    }.select.ma-b.type-switch .node .img {
         display: inline-block;
         width: 2.8em
     }

        .select.ma-b.type-switch .node .img img {
            height: 2em;
            vertical-align: middle
        }

        .select.ma-a .node {
            cursor: pointer
        }

        .info-panel.info-panel-info.g-d, .info-panel.info-panel-info.g-e {
            position: relative;
            -webkit-box-shadow: 0 .5em 1.6em rgba(239, 95, 92, .5);
            -moz-box-shadow: 0 .5em 1.6em rgba(239, 95, 92, .5);
            box-shadow: 0 .5em 1.6em rgba(239, 95, 92, .5);
            z-index: 1;
            -webkit-border-radius: .3em;
            -moz-border-radius: .3em;
            border-radius: .3em
        }

        .info-panel.info-panel-info.g-d:before, .info-panel.info-panel-info.g-e:before {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 10em;
            background-repeat: no-repeat;
            content: "";
            display: block;
            background-image: url(../../media/rastr/info.png);
            background-position: center center;
            z-index: 2
        }

        .info-panel.info-panel-info.g-d p, .info-panel.info-panel-info.g-e p {
            font-size: 1.2em;
            position: relative;
            z-index: 3
        }

        .info-panel.info-panel-info.g-d a:hover, .info-panel.info-panel-info.g-e a:hover {
            color: #48e4e1
        }

        .volume.g-a {
            position: relative;
            display: inline-block;
            width: 200px;
            height: 2em
        }

        .volume.g-a .volume-line {
            width: 100%;
            height: .4em;
            margin-top: .8em;
            background-color: #DFE7E9;
            -webkit-border-radius: 1em;
            -moz-border-radius: 1em;
            border-radius: 1em;
            cursor: pointer
        }

        .volume.g-a .volume-drag {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #f26a5c;
            border: .3em solid #F4F9FC;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 2em;
            height: 2em;
            cursor: pointer
        }

        #slider-ratings {
            text-align: center
        }

        .slider.g-b {
            min-height: 200px;
            overflow-x: hidden;
            position: relative;
            margin-bottom: 2.5em;
            display: inline-block;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 100%
        }

        .slider.g-b .slider-container {
            overflow: hidden;
            position: relative;
            margin: auto;
            white-space: nowrap;
            min-height: inherit
        }

        @media (min-width: 56.25em) {
            .slider.g-b .slider-container {
                width: 87.5em
            }
        }.slider.g-b .slider-container .slider-content {
             min-height: inherit;
             margin-left: -40em;
             overflow: hidden;
             padding: 1em 0;
             width: 1000em
         }

        @media (max-width: 56.25em) {
            .slider.g-b .slider-container .slider-content {
                margin-left: -27.5em
            }
        }@media (max-width: 53.125em) {
        .slider.g-b .slider-container .slider-content {
            margin-left: -33em
        }
    }@media (max-width: 40.625em) {
        .slider.g-b .slider-container .slider-content {
            margin-left: -40.5em
        }
    }@media (max-width: 34.375em) {
        .slider.g-b .slider-container .slider-content {
            margin-left: -32.5em
        }
    }@media (max-width: 26.25em) {
        .slider.g-b .slider-container .slider-content {
            margin-left: -38.5em
        }
    }.slider.g-b .slider-container .slider-content .slider-card {
         position: relative;
         background-color: #fff;
         min-height: inherit;
         display: inline-block;
         white-space: normal;
         text-align: left;
         width: 23.125em;
         height: 27.5em;
         padding: 2.875em 3.875em;
         margin-top: .25em;
         margin-bottom: .25em;
         -webkit-border-radius: .3em;
         -moz-border-radius: .3em;
         border-radius: .3em;
         -webkit-transition: transform .3s, opacity .3s, box-shadow .3s;
         -moz-transition: transform .3s, opacity .3s, box-shadow .3s;
         -ms-transition: transform .3s, opacity .3s, box-shadow .3s;
         -o-transition: transform .3s, opacity .3s, box-shadow .3s;
         transition: transform .3s, opacity .3s, box-shadow .3s;
         will-change: transform, opacity;
         margin-left: .625em;
         z-index: 5;
         float: left
     }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(1), .slider.g-b .slider-container .slider-content .slider-card:nth-child(2), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
            z-index: 1;
            opacity: .4
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(1), .slider.g-b .slider-container .slider-content .slider-card:nth-child(2) {
            transform: scale(.8, .8) translate(19.5em, 0)
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
            transform: scale(.8, .8) translate(-19.5em, 0)
        }

        @media (max-width: 56.25em) {
            .slider.g-b .slider-container .slider-content .slider-card:nth-child(1) {
                z-index: 1;
                opacity: 0
            }

            .slider.g-b .slider-container .slider-content .slider-card:nth-child(2), .slider.g-b .slider-container .slider-content .slider-card:nth-child(5), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
                z-index: 1;
                opacity: .4
            }

            .slider.g-b .slider-container .slider-content .slider-card:nth-child(1), .slider.g-b .slider-container .slider-content .slider-card:nth-child(2) {
                transform: scale(.8, .8) translate(16em, 0)
            }

            .slider.g-b .slider-container .slider-content .slider-card:nth-child(5), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
                transform: scale(.8, .8) translate(-16em, 0)
            }

            .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
                opacity: 0;
                visibility: hidden
            }
        }@media (max-width: 34.375em) {
        .slider.g-b .slider-container .slider-content .slider-card:nth-child(1) {
            z-index: 1;
            opacity: 0
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(2), .slider.g-b .slider-container .slider-content .slider-card:nth-child(4), .slider.g-b .slider-container .slider-content .slider-card:nth-child(5), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
            z-index: 1;
            opacity: .4
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(1), .slider.g-b .slider-container .slider-content .slider-card:nth-child(2) {
            transform: scale(.8, .8) translate(16em, 0)
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(4), .slider.g-b .slider-container .slider-content .slider-card:nth-child(5), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
            transform: scale(.8, .8) translate(-16em, 0)
        }

        .slider.g-b .slider-container .slider-content .slider-card:nth-child(5), .slider.g-b .slider-container .slider-content .slider-card:nth-child(6), .slider.g-b .slider-container .slider-content .slider-card:nth-child(7) {
            opacity: 0;
            visibility: hidden
        }
    }.slider.g-b .slider-container .slider-content .slider-card .card-content {
         overflow: hidden;
         height: 20em;
         display: block
     }

        .slider.g-b .slider-container .slider-content .slider-card .card-content h4 {
            font-size: 1.9em;
            font-weight: 400;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .rating {
            padding: .8em 0 1em;
            white-space: nowrap
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .rating span {
            display: inline-block;
            margin-right: .9em
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .rating span:before {
            font-family: FontAwesome;
            font-size: 1.3em;
            color: #ea485d;
            content: "\f10c"
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .rating span.active:before {
            content: "\f111"
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .address span {
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 1.2em;
            padding-bottom: .3em
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .address span:last-child {
            border-bottom: 1px solid #e8edf0;
            padding-bottom: .7em
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .author {
            font-weight: 700;
            padding-bottom: 1.125em;
            padding-top: 1em;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .content {
            padding: 0
        }

        .slider.g-b .slider-container .slider-content .slider-card .card-content .content p {
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            color: #6c7175;
            line-height: 1.7em;
            max-height: 6.8em;
            overflow: hidden
        }

        .slider.g-b .slider-container .slider-content .slider-card:hover {
            color: inherit;
            -webkit-box-shadow: 0 0 2.3125em rgba(0, 0, 0, .26);
            -moz-box-shadow: 0 0 2.3125em rgba(0, 0, 0, .26);
            box-shadow: 0 0 2.3125em rgba(0, 0, 0, .26)
        }

        .slider.g-b .slider-container .slider-content.anim-next {
            -webkit-transition: margin-left .3s;
            -moz-transition: margin-left .3s;
            -ms-transition: margin-left .3s;
            -o-transition: margin-left .3s;
            transition: margin-left .3s;
            margin-left: -63em
        }

        .slider.g-b .slider-container .slider-content.anim-next .slider-card:nth-child(3) {
            transform: scale(.8, .8) translate(16em, 0) !important;
            opacity: .4 !important
        }

        .slider.g-b .slider-container .slider-content.anim-next .slider-card:nth-child(6) {
            transform: scale(1, 1) translate(0, 0) !important
        }

        .slider.g-b .slider-container .slider-content.anim-prev {
            -webkit-transition: margin-left .3s;
            -moz-transition: margin-left .3s;
            -ms-transition: margin-left .3s;
            -o-transition: margin-left .3s;
            transition: margin-left .3s;
            margin-left: -15em
        }

        .slider.g-b .slider-container .slider-content.anim-prev .slider-card:nth-child(2) {
            transform: scale(1, 1) translate(0, 0) !important
        }

        .slider.g-b .slider-container .slider-content.anim-prev .slider-card:nth-child(5) {
            transform: scale(.8, .8) translate(-16em, 0) !important;
            opacity: .4
        }

        .slider.g-b .slider-arrow {
            width: 1.875em;
            height: 6.25em;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -3.125em;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
            z-index: 5;
            -webkit-transition: transform .2s ease-in-out;
            -moz-transition: transform .2s ease-in-out;
            -ms-transition: transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out
        }

        .slider.g-b .slider-arrow:hover {
            transform: scale(1.15, 1.15)
        }

        .slider.g-b .slider-arrow.slider-arrow-left {
            margin-left: -45.5em;
            background-image: url(../../media/svg/o-nas/leva.svg)
        }

        @media (max-width: 56.25em) {
            .slider.g-b .slider-arrow.slider-arrow-left {
                margin-left: -37.5em
            }
        }@media (max-width: 40.625em) {
        .slider.g-b .slider-arrow.slider-arrow-left {
            margin-left: -47%
        }
    }.slider.g-b .slider-arrow.slider-arrow-right {
         margin-left: 43em;
         background-image: url(../../media/svg/o-nas/prava.svg)
     }

        @media (max-width: 56.25em) {
            .slider.g-b .slider-arrow.slider-arrow-right {
                margin-left: 35em
            }
        }@media (max-width: 40.625em) {
        .slider.g-b .slider-arrow.slider-arrow-right {
            margin-left: 45%
        }
    }.component-gallery {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         z-index: 1000;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: -moz-flexbox;
         display: flex;
         align-items: center;
         -webkit-touch-callout: none;
         -webkit-user-select: none;
         -khtml-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none
     }

        .component-gallery:not(.visible) {
            display: none
        }

        .component-gallery.loading:before {
            content: "\f1ce";
            font-family: FontAwesome;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear;
            font-size: 3.125em;
            color: #fff;
            text-shadow: rgba(0, 0, 0, .3) 0 0 7px;
            margin-left: -1.5625em;
            margin-top: -1.5625em
        }

        .component-gallery .gallery-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            background-color: rgba(0, 0, 0, .8)
        }

        .component-gallery .gallery-touch-left, .component-gallery .gallery-touch-right {
            position: absolute;
            top: 50%;
            margin-top: -3.125em;
            cursor: pointer;
            -webkit-transition: transform .1s;
            -moz-transition: transform .1s;
            -ms-transition: transform .1s;
            -o-transition: transform .1s;
            transition: transform .1s;
            padding: 1.25em
        }

        .component-gallery .gallery-touch-left:before, .component-gallery .gallery-touch-right:before {
            font-family: FontAwesome;
            color: #fff;
            display: block;
            font-size: 3.75em;
            text-shadow: rgba(0, 0, 0, .3) 0 0 .4375em
        }

        .component-gallery .gallery-touch-left:hover, .component-gallery .gallery-touch-right:hover {
            -webkit-transform: scale(1.15, 1.15);
            -moz-transform: scale(1.15, 1.15);
            -ms-transform: scale(1.15, 1.15);
            -o-transform: scale(1.15, 1.15);
            transform: scale(1.15, 1.15)
        }

        .component-gallery .gallery-touch-left {
            left: 0
        }

        .component-gallery .gallery-touch-left:before {
            content: "\f104"
        }

        .component-gallery .gallery-touch-right {
            right: 0
        }

        .component-gallery .gallery-touch-right:before {
            content: "\f105"
        }

        .component-gallery img {
            margin: auto;
            max-height: 90%;
            max-width: 90%;
            border: 1em solid #fff
        }

        .editor {
            border: 1px solid #e8edf0;
            min-height: 20em;
            color: #000 !important;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-flexbox;
            display: flex;
            flex-direction: column
        }

        .editor .editor-top-panel {
            min-height: 3em;
            background-color: #e8edf0;
            flex: none;
            padding: .1em
        }

        .editor .editor-top-panel .editor-button {
            display: inline-block;
            width: 2.4em;
            height: 2.4em;
            text-align: center;
            line-height: 2.2em;
            cursor: pointer;
            padding: 0;
            margin: .1em;
            border: 1px solid #A6A6A6;
            -webkit-box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            -moz-box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            background-color: #EEE
        }

        .editor .editor-top-panel .editor-button:hover {
            -webkit-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            -moz-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            border: 1px solid #999;
            background-color: #DADADA
        }

        .editor .editor-top-panel .editor-separator {
            display: inline-block;
            width: 1em
        }

        .editor .editor-top-panel .editor-rollout {
            display: inline-block;
            height: 2.4em;
            text-align: center;
            line-height: 2.4em;
            cursor: pointer;
            padding: 0 .7em;
            margin: .1em;
            border: 1px solid #A6A6A6;
            background-color: #EEE;
            -webkit-box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            -moz-box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            box-shadow: .04em .04em .0625em 0 rgba(0, 0, 0, .75);
            position: relative
        }

        .editor .editor-top-panel .editor-rollout:hover {
            -webkit-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            -moz-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            border: 1px solid #999;
            background-color: #DADADA
        }

        #zobrazit-komentare-button {
            position: relative;
            z-index: 99
        }

        .editor .editor-top-panel .editor-rollout:hover .editor-rollout-nodes {
            display: block
        }

        .editor .editor-top-panel .editor-rollout .editor-rollout-nodes {
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
            -webkit-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            -moz-box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            box-shadow: 0 0 .0625em rgba(0, 0, 0, .75);
            border: 1px solid #999;
            z-index: 1
        }

        .editor .editor-top-panel .editor-rollout .editor-rollout-nodes .editor-rollout-nodes-node {
            display: block;
            width: 100%;
            border: 0;
            margin: 0;
            white-space: nowrap;
            padding: .8em 1em;
            cursor: pointer;
            text-align: left;
            background-color: #DADADA
        }

        .editor .editor-top-panel .editor-rollout .editor-rollout-nodes .editor-rollout-nodes-node:hover {
            background-color: #EEE
        }

        .editor .editor-content-editable {
            padding: 1em;
            font-size: 16px;
            overflow-y: auto;
            flex: 1;
            height: 17.5em;
            max-height: 17.5em;
            background-color: #fff !important;
            outline: 0
        }

        .editor .editor-content-editable img {
            max-width: 100%;
            max-height: 15em;
            display: block;
            margin: 1em auto;
            cursor: pointer;
            border: 1px solid #DDD
        }

        .editor .editor-content-editable ol, .editor .editor-content-editable ul {
            padding-left: 2em !important
        }

        .editor .editor-content-editable ol li, .editor .editor-content-editable ul li {
            padding-left: .5em !important
        }

        .editor .editor-content-editable ul {
            list-style: none
        }

        .editor .editor-content-editable ul li {
            position: relative
        }

        .editor .editor-content-editable ul li:before {
            content: "? ";
            position: absolute;
            left: -1em;
            color: #f26a5c !important
        }

        .editor .editor-content-editable .citation {
            margin: 1em 0 1em 3em;
            border-left: 5px solid #ea485d;
            padding-left: 1.5em
        }

        .editor textarea {
            display: none
        }

        .btn.btn-crm {
            background: #f69f95;
            color: #fff;
            font-weight: 700;
            font-size: 1em;
            height: 3.125em !important;
            border-radius: 1.5625em !important;
            line-height: 2.2em !important;
            padding-left: 1.875em !important;
            padding-right: 1.875em !important
        }

        .btn.btn-crm:hover {
            -webkit-box-shadow: 0 0 1.5em rgba(246, 159, 149, .5);
            -moz-box-shadow: 0 0 1.5em rgba(246, 159, 14, .5);
            box-shadow: 0 0 1.5em rgba(246, 159, 14, .5)
        }
    }
    /* Mobile styles moved to end of file for better precedence */
    
.mobile-toggle-btn, .mobile-drawer-close {
    display: none;
}
.facility-rating{position: relative; z-index: 10}

.comment-count img{width: 31px;
    height:31px}
@media screen and (min-width: 769px) {
    .comment-count img{width: auto;}

}
.comment-number-mobile-private{
    color:   #ea485d;
    display: inline-block;
    font-size: 31px;
    padding-left: 9px;
    font-family: 'Fira Sans';
}
.comment-number-mobile-national{

    color:  #48e4e1;
    display: inline-block;
    font-size: 31px;
    padding-left:  9px;
    font-family: 'Fira Sans';
}
.comment-number-mobile-pope{
    color: #797979;
    display: inline-block;
    font-size: 31px;
    padding-left:  9px;
    font-family: 'Fira Sans';
}
.comment-count{
    margin-left: 84%;
}
.comment-info {
    color: #6C7175;
    padding-bottom: 1.3em;
    font-size: 14px;
    padding-top: .7em;
    border-bottom: 1px solid #E2E2E2;
    line-height: 2em;
}
.comment-info strong{
  text-transform: uppercase;

}
.card-content img{
    float: left;
    margin-left:-25px;
}
@media screen and (min-width: 769px) {
    .card-content img{
        float: inherit;
    }
}


.email-sidebar-card
{
    float:right;
    margin-right: 10%;
    font-size: 12px;
    margin-top: -1em;
}

.select .ma-b .visible {
    display: none;
}

.map-area > header.map-header .map-header-content .checkbox.ma-b
{
    display: none;
}
@media screen and (min-width: 750px) {
    .map-area > header.map-header .map-header-content .checkbox.ma-b {
        display: inline-block;
    }
}
@media screen and (min-width: 750px) {
    .select .ma-b .visible {
        display: inline-block;
    }
}
.map-sidebar header {
    display: none;
}
@media screen and (min-width: 750px) {
    .map-sidebar header {
        display: block;
    }

}
@media screen and (max-width: 730px) {
    .email-sidebar-card
    {
    float:none;
     margin-top: 3%;
    }
}
.not-shown
{
    display: none;
}
@media screen and (max-width: 1040px) {

    crm_nav_add  {
        display: none;
    }
    #crm_nav {
        display: none;
    }
}
.detail-residence > .g-d  {
    position: relative;
}


.tooltip-newsletter{
    background-color: rgb(244, 250, 252);
    color: #6d7783;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1900;
    margin-left: 26em;
    width: 200px;
    margin-top: 5em;

}

.tooltip-newsletter::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 25%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f4fafc transparent;
}

.messagepop {
    background-color:rgb(244, 250, 252);
    cursor:default;
    display:none;
    margin-left: 10%;
    position:absolute;
    text-align:left;
    width:80%;
    z-index:1901;
    padding: 25px 25px 70px;
    margin-top: -35%;
    webkit-box-shadow: 0 0.1em 1em rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 .1em 1em rgba(0, 0, 0, .2);
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, .2);
}
label {
    display: block;
    margin-bottom: 3px;
    padding-left: 15px;
    text-indent: -15px;
}

.messagepop p, .messagepop.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
}
.close{
    margin-left: 95%;
    margin-bottom: 90%;
    font-size: 1.1em;
    color: red;
    text-transform: uppercase;
}

@media screen and (min-width: 1400px) {
    .messagepop {
        background-color:rgb(244, 250, 252);
        cursor:default;
        display:none;
        margin-left: 20%;
        position:absolute;
        text-align:left;
        width:60%;
        z-index:50;
        padding: 25px 25px 70px;
        webkit-box-shadow: 0 0.1em 1em rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 .1em 1em rgba(0, 0, 0, .2);
        box-shadow: 0 0.1em 1em rgba(0, 0, 0, .2);
    }

}
@media screen and (max-width: 700px) {
    .messagepop {
        margin-top: -80%;
    }
}
#response{
    font-size: 1.3em;
}
.weekend_open{display:none;}


.zoom {
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform: scale(1); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
}
.popupclose
{
    width: 100%;
    max-height: 20px;
}

.p-pridate {
    padding-bottom: 35px;
}

.section-pridat-zarizeni .number-pridat {
    color: #dddddd !important;
}

.section-pridat-zarizeni .btn-wo-red {
    background: white !important;
    color: #ea495d !important;
    border-color: #ea495d;
    border-width: 1px;
    border-style: solid;
}

.section-pridat-zarizeni .btn-fancy {
    border-width: 1px;
    border-style: solid;
    border-color: #ea495d;
    white-space: inherit;
}

.section-pridat-zarizeni .full-block {
    background-color: #fafafa;
    border-radius: 3em;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .section-pridat-zarizeni .btn-bigger  {
        padding:0 4em !important;
    }
}

@media screen and (max-width: 767px) {
    .section-pridat-zarizeni .btn-fancy {
        line-height: 22px !important;
        font-size: 14px !important;
        padding: 10px 2.7em !important;
    }
}

.slideDownBlock > * {
    overflow: hidden;
    max-height: 150px;
    transition: all .7s ease;
    padding-top: 40px;
}

.slideDownBlock p {
    font-size: 14px !important;
    color: #6c7175;
}

.slideDownBlock > .slideUp {
    max-height: 0;
    padding: 0px;
    padding-top: 0;
}

.btn-after::after {
    content: " ▼ ";
    font-size: 9px;
    transition: all .7s ease;
    display: inline-block;
    vertical-align: middle;
}

.btn-after.clicked::after {
    transform: rotate(180deg);
}

#slideDownParent2 > * {
    max-height: 800px;
}

#slideDownParent2 > .slideUp {
    max-height: 0;
}

.napistenam {
    box-shadow: 0px 9px 31.6px 8.4px rgba(229, 229, 229, 0.32);
    background-color: white;
    padding: 30px 15px;
    text-align: left;
    margin: 40px 0;

}
.napistenam .btn {
    padding: 10px 50px !important;
}

.slideDownBlock h4 {
    font-size: 24px;
    color: #e9495d;
    font-weight: normal;
    padding-bottom: 20px;
}

.desc-number.desktop {
    display: none;
}
@media screen and (min-width:768px) {
    .napistenam {
        padding: 50px 50px;
    }
    .napistenam .btn {
        padding: 0 50px !important;
    }
}

.myItemsShowMore .showBefore,
.myItemsShowMore .showAfter {
    font-size: 16px;
    color: #39e1e3;
    cursor: pointer;
    text-decoration: underline;
    padding-top: 3px;
    display: block;
}

.myItemsShowMore .showBefore:hover,
.myItemsShowMore .showAfter:hover {
    text-decoration: none;
}

.section-pridat-zarizeni .second.opened {
    display: block !important;
    max-height: 700px;
    opacity: 1;
}
.section-pridat-zarizeni .second {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease;
}

.section-pridat-zarizeni .second .bottom-side {
    font-size: 14px !important;
    padding-top: 10px !important;
    display: block !important;
}
.section-pridat-zarizeni .second .red-line {
    color: #f16b5b !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: block !important;
    padding-top: 5px !important;
}   
.section-pridat-zarizeni .second .red-line:hover {
    text-decoration: underline;
}
@media screen and (min-width:1023px) {
    .desc-number.desktop {
        display: block;
    }

    .desc-number.phone {
        display: none;
    }

}

.newsItemBlockElem {
    margin-bottom: -100px;
    color: #fff;
    background: #f16c5b;
    background: -moz-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f16c5b), color-stop(100%, #eb4a5c));
    background: -webkit-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -o-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: -ms-linear-gradient(left, #f16c5b 0, #eb4a5c 100%);
    background: linear-gradient(to right, #f16c5b 0, #eb4a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c5b', endColorstr='#eb4a5c', GradientType=1);
    margin-top: 70px;
    padding: 30px 0;
    text-align: center;
}

.newsItemBlockElem p {
    color: white !important;
    font-weight: 400;
    padding-bottom: 20px;
}

.section-pridat-zarizeni .newsItemBlockElem a {
    background: rgba(255,255,255,.06) !important;
    border-color: white !important;
    color: white !important;
    margin-bottom: 10px;
}

.contactBloky {
    text-align: center;
    margin-top: -50px;
    padding-top: 120px;
    padding-bottom: 30px;
    margin-bottom: 15px;
    background-color: #f9fcfd;
}

.contactBlokyOne {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ecf1f3;
}

.contactBlokyOne p {
    font-size: 1.4em;
    padding-bottom: 20px;
    color: #6c7175;
}

.contactBlokyOne:last-child {
    border-right: 0;
    border-bottom: 0;
}

@media screen and (min-width:1022px) {
    .contactBlokyOne:first-child p {
        padding-bottom: 57px;
    }
    .contactBlokyOne {
        padding-left: 60px;
        padding-right: 60px;
        border-right: 1px solid #ecf1f3;
        border-bottom: 0;
    }
}

@media screen and (min-width:1198px) {
    .contactBlokyOne:first-child p {
        padding-bottom: 40px;
    }
    .contactBlokyOne {
        padding-left: 90px;
        padding-right: 90px;
    }
}

.table-topskolky > div {
    padding: 0 10px !important;
}
.table-topskolky span {
    display: block;
    text-align: center;
    font-size: 20px !important;
    color: white;
    padding-top: 15px;
    line-height: 30px;
}

.table-topskolky span.small {
    font-size: 14px !important;
    color: #ccdae3;
    line-height: 20px;
    padding-top: 0;
}

.table-topskolky .bigRow{
    font-size: 23px !important;
    text-align: left !important;
}

.table-topskolky .bigRow span {
    padding-top: 0;
    line-height: 105px !important;
    text-align: left !important;
}

.table-price {
    background-color: #46e4e6;
    color: white;
    font-size: 1.3em;
    padding-top: 20px;
    padding-bottom: 20px;
}

.table-price > div{
    padding: 0 1.2em;
}

/* Úpravy - Hanzl */

.sitemap-single-container {
    margin-bottom: 4rem;
    padding: 0 3rem;
}

.sitemap-single-container h3 {
    font-weight: 300;
    margin-bottom: .5em;
    color: #f26a5c;
    font-size: 3em;
}

.sitemap-single-container p {
    margin-bottom: .5em;
}
.sitemap-single-container a {
    font-weight: 300;
    color: #6c7175;
    font-size: 1.15em;
    line-height: 1.15em;
}
.sitemap-single-container a:hover {
    color: #f26a5c;
}

@media only screen and (min-width: 1041px) and (max-width: 1274px) {
    #nav-items a {
        font-size: 0.9em;
    }
    #nav-items .btn.g-g {
        display: flex !important;
        align-items: center;
    }
}

body .mobile-toggle-wrapper {
    display: none !important;
}

/* Mobile Map & Drawer Styles */
@media only screen and (max-width: 768px) {
    body .map-area {
        display: flex !important;
        flex-direction: column !important;
        /* height: 100% !important; */
        overflow: hidden !important;
    }
    body .map-area .map-content {
        position: relative !important;
        flex: 1 !important;
        width: 100% !important;
        height: 100% !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
    body .map-area .map-content > .map-self {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 5 !important;
    }
    /* The Drawer */
    body .map-area .map-content > .map-sidebar {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: 75vh !important;
        background: #fff !important;
        z-index: 2147483647 !important;
        transform: translateY(100%) !important;
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: 0 -5px 25px rgba(0,0,0,0.4) !important;
        border-radius: 25px 25px 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body .map-area .map-content > .map-sidebar.open {
        transform: translateY(0) !important;
    }
    body .map-area .map-content > .map-sidebar > .sidebar-content {
        height: calc(100% - 3.5em) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        position: relative !important;
        margin-top: 0 !important;
        background: #fff !important;
        width: 100% !important;
    }
    body .map-area .map-content > .map-sidebar > header {
        display: block !important;
        height: 3.5em !important;
        line-height: 3.5em !important;
        background: #f4f9fc !important;
        border-bottom: 1px solid #e8edf0 !important;
        padding: 0 1em !important;
    }
    body .mobile-toggle-wrapper {
        display: block !important;
        width: 100% !important;
        padding: 0.5em 0 !important;
        text-align: center !important;
    }
    body .mobile-toggle-btn {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: #ea485d !important;
        color: #fff !important;
        border-radius: 8px !important;
        padding: 0.8em !important;
        font-weight: bold !important;
        font-size: 1.1em !important;
        box-shadow: 0 2px 8px rgba(234, 72, 93, 0.3) !important;
    }
    body .mobile-toggle-btn i {
        margin-right: 8px !important;
    }
    body .mobile-drawer-close {
        display: block !important;
        float: right;
        padding: 0 0.5em;
        cursor: pointer;
        color: #ea485d;
        font-size: 1.8em;
    }
    .map-area .map-content > .map-sidebar > .sidebar-content article.item-card .card-content {
        display: flex !important;
        flex-direction: column !important;
    }
}