html {
    overflow-y: scroll
}

html, body, #aspnetForm {
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-weight: 100
}

    body.new-page {
        font-family: Lato;
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0.0005em;
        margin-bottom: 40px
    }

        body.new-page .link-btn {
            color: #000
        }

            body.new-page .link-btn:focus, body.new-page .link-btn:hover {
                color: #fff
            }

        body.new-page .form-submit-inner input.link-btn:focus, body.new-page .form-submit-inner input.link-btn:hover {
            color: #ee2333
        }

    body.openingtimes.nova-gorica main {
        display: block
    }

    body.nova-gorica .slidingBanner2 {
        margin-bottom: 0
    }

.load-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    -webkit-animation: fadeOut 0.6s ease-out 1.5s forwards;
    -moz-animation: fadeOut 0.6s ease-out 1.5s forwards;
    -ms-animation: fadeOut 0.6s ease-out 1.5s forwards;
    -o-animation: fadeOut 0.6s ease-out 1.5s forwards;
    animation: fadeOut 0.6s ease-out 1.5s forwards
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        z-index: -1
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        z-index: -1
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        z-index: -1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        z-index: -1
    }
}

.body-background {
    background: #ebebeb
}

a img {
    border: 0
}

a {
    color: #ed1c24
}

.bx-wrapper {
    border: 0
}

.bxslider .deal .image-container {
    height: 380px
}

.bxslider .deal .dealsText {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height: 80px;
    text-align: center;
    background: #1e1e1e
}

    .bxslider .deal .dealsText .text {
        display: table-cell;
        vertical-align: middle
    }

        .bxslider .deal .dealsText .text, .bxslider .deal .dealsText .text .dealTitle {
            color: #ebebeb
        }

.bxslider .deal {
    width: 100%;
    padding: 0 13px 0 0
}

header {
    position: relative;
    z-index: 3;
    box-sizing: border-box
}

.content {
    position: relative;
    z-index: 2
}

footer {
    position: relative;
    z-index: 1
}

.no-wrap {
    width: 1%;
    white-space: nowrap
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.align-right {
    text-align: right !important
}

.align-left {
    text-align: left !important
}

.align-center {
    text-align: center !important
}

.clearfix {
    clear: both
}

.header-tools {
    position: relative;
    z-index: 1
}

.cartSummary .selector {
    position: relative;
    background-color: #717171;
    float: right;
    margin-top: 23px;
    height: 20px
}

.nova-gorica .searchBox-trigger {
    right: 340px
}

.cartSummary .selector .active {
    text-align: center;
    min-width: 110px;
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    display: table
}

    .cartSummary .selector .active:after {
        content: '';
        position: absolute;
        right: 0;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        margin-top: 8px
    }

.cartSummary .selector ul {
    display: none;
    position: absolute;
    z-index: 3;
    width: 100%;
    left: 10px;
    top: 25px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

    .cartSummary .selector ul li {
        background-color: #717171;
        padding-left: 14px
    }

    .cartSummary .selector ul li, .cartSummary .selector a {
        color: #000;
        font-size: 12px;
        font-weight: 300;
        cursor: pointer
    }

.cartSummary .selector .active a {
    display: table-cell;
    vertical-align: middle
}

.popup-trigger {
    background: #717171;
    font-size: 12px;
    width: 100%;
    max-width: 110px;
    min-width: 110px;
    text-align: center;
    font-weight: 300;
    margin-top: 23px;
    height: 20px;
    cursor: pointer
}

.popup-trigger-inner {
    -moz-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

.popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999999;
    opacity: 0;
    padding: 10px;
    box-sizing: border-box;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

    .popup.active {
        opacity: 1;
        visibility: visible
    }

    .popup .popup-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        background-color: #fff;
        width: 100%;
        max-width: 920px
    }

        .popup .popup-inner .newsletterBox {
            margin-left: -5px;
            margin-right: 0
        }

    .popup .popup-item {
        position: relative;
        width: 50%;
        float: left
    }

.popup-item.text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
}

.popup .popup-item .popup-item-inner .alert-error {
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 140%
}

.popup .popup-item .popup-item-inner {
    padding: 20px 40px;
    box-sizing: border-box;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.popup .image img {
    width: 100%
}

.popup .logo {
    text-align: center
}

    .popup .logo img {
        width: 100%;
        max-width: 180px;
        margin-bottom: 15px
    }

.popup .close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    opacity: 1;
    cursor: pointer;
    z-index: 1
}

    .popup .close:before, .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333
    }

    .popup .close:before {
        transform: rotate(45deg)
    }

    .popup .close:after {
        transform: rotate(-45deg)
    }

.search header, .stores header, .hidebanner header {
    position: relative
}

.stores header {
    background-color: #1e1e1e
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    *zoom: 1;
    box-sizing: border-box
}

    header:before, header:after {
        display: table;
        content: "";
        line-height: 0
    }

    header:after {
        clear: both
    }

    header.rel {
        position: relative
    }

.hide-banner header {
    position: relative
}

.fixed-container {
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 99999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .fixed-container.closed {
        right: -200px
    }

        .fixed-container.closed .close-button {
            -webkit-animation: pulsbutton 1.2s ease-out 0s alternate infinite none running;
            -moz-animation: pulsbutton 1.2s ease-out 0s alternate infinite none running;
            -o-animation: pulsbutton 1.2s ease-out 0s alternate infinite none running;
            animation: pulsbutton 1.2s ease-out 0s alternate infinite none running
        }

@-webkit-keyframes pulsbutton {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@-moz-keyframes pulsbutton {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@-ms-keyframes pulsbutton {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@-o-keyframes pulsbutton {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@keyframes pulsbutton {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.fixed-container .fixed-container-inner {
    width: 100%;
    max-width: 85.9375%;
    margin: 0 auto
}

.opening_hours_fixed {
    position: relative;
    display: table;
    float: right;
    padding: 20px;
    background-color: rgba(255,0,0,0.85);
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.7s cubic-bezier(0.35,0.78,0.41,1.02);
    transition: all 0.7s cubic-bezier(0.35,0.78,0.41,1.02);
    width: 200px;
    height: 190px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.opening_hours_fixed-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center
}

.opening_hours_fixed .title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 25px;
    font-family: 'Playfair Display',serif;
    letter-spacing: 2px;
    color: white
}

    .opening_hours_fixed .title span {
        display: block;
        margin-top: 5px
    }

.opening_hours_fixed .opening_hours_fixed_line {
    width: 100%;
    max-width: 100px;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    margin: 10px auto
}

.opening_hours_fixed li {
    margin-bottom: 10px
}

.opening_hours_fixed .date {
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    line-height: 1;
    letter-spacing: 2px
}

.opening_hours_fixed .hour {
    line-height: 1;
    font-weight: bold;
    font-size: 24px;
    margin-top: 5px
}

.opening_hours_fixed .close-button {
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 9999;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    cursor: pointer;
    padding: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.fixed-clock.icon {
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 34px;
    color: white
}

.opening_hours_fixed .close-button .cross_arrow {
    position: relative
}

    .opening_hours_fixed .close-button .cross_arrow:before, .opening_hours_fixed .close-button .cross_arrow:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 5px;
        width: 10px;
        height: 1px;
        background-color: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    .opening_hours_fixed .close-button .cross_arrow:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .opening_hours_fixed .close-button .cross_arrow:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.opening_hours_fixed .close-button:hover .cross_arrow:after, .opening_hours_fixed .close-button:hover .cross_arrow:before {
    background-color: #ed1c24
}

.opening_hours_fixed .close-button:hover {
    color: #ed1c24
}

.closed .opening_hours_fixed .close-button .icon {
    display: block;
    font-size: 24px
}

.closed .opening_hours_fixed {
    visibility: hidden
}

    .closed .opening_hours_fixed .close-button {
        right: initial;
        left: -40px;
        width: 41px;
        height: 41px;
        visibility: visible !important
    }

        .closed .opening_hours_fixed .close-button .icon:before {
            position: absolute;
            top: 14px;
            left: 11px;
            font-size: 30px
        }

        .opening_hours_fixed .close-button .icon, .closed .opening_hours_fixed .close-button .cross_arrow {
            display: none
        }

.opening_hours_fixed .holiday-opening-times {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

    .opening_hours_fixed .holiday-opening-times li {
        color: #fff;
        font-size: 14px
    }

header .container-fluid .header-container {
    padding: 10px 40px;
    background-color: #1e1e1e
}

header .logo {
    display: block;
    float: left;
    width: 20%;
    line-height: 30px;
    position: relative
}

    header .logo a {
        display: block
    }

        header .logo a img {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            max-width: 270px;
            margin-top: 4px;
            border: 0
        }

header .userBox {
    float: right;
    min-width: 80px;
    margin-top: -4px;
    padding: 4px 10px 3px 10px;
    margin-left: 10px;
    text-align: center
}

header .userBox-account {
    display: inline-block;
    vertical-align: top;
    height: 33px;
    line-height: 33px;
    text-transform: none
}

header .userBox-logoutWrap {
    display: inline-block;
    vertical-align: top;
    height: 33px;
    line-height: 33px
}

header .userBox-logout {
    display: inline-block;
    vertical-align: top;
    height: 33px;
    line-height: 33px;
    margin-top: 1px;
    font-size: 11px;
    color: #000
}

    header .userBox-logout:before {
        content: "("
    }

    header .userBox-logout:after {
        content: ")"
    }

header.notfixed {
    position: relative
}

header.fixed .container-fluid {
    max-width: 100%;
    padding: 0
}

header.fixed .header-tools {
    display: none
}

header.fixed .logo a img {
    -webkit-animation: shrink 0.5s ease-in-out both;
    -moz-animation: shrink 0.5s ease-in-out both;
    -o-animation: shrink 0.5s ease-in-out both;
    animation: shrink 0.5s ease-in-out both
}

header.fixed .primaryMenu {
    margin-top: -35px
}

header.fixed ul.primaryMenu-dropdownMenu {
    top: 45px
}

header.fixed .primaryMenu ul li a {
    height: 45px
}

header.fixed .primaryMenu ul li .cta a {
    height: 30px
}

@-webkit-keyframes show {
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-moz-keyframes position {
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-o-keyframes position {
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes position {
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes position {
    100% {
        margin-top: -35px
    }
}

@-moz-keyframes position {
    100% {
        margin-top: -35px
    }
}

@-o-keyframes position {
    100% {
        margin-top: -35px
    }
}

@keyframes position {
    100% {
        margin-top: -35px
    }
}

@-webkit-keyframes shrink {
    0% {
        max-width: 270px
    }

    100% {
        max-width: 150px;
        margin-top: 0
    }
}

@-moz-keyframes shrink {
    0% {
        max-width: 270px
    }

    100% {
        max-width: 150px;
        margin-top: 0
    }
}

@-o-keyframes shrink {
    0% {
        max-width: 270px
    }

    100% {
        max-width: 150px;
        margin-top: 0
    }
}

@keyframes shrink {
    0% {
        max-width: 270px
    }

    100% {
        max-width: 150px;
        margin-top: 0
    }
}

.header-links {
    background: #c6c6c6;
    text-align: center
}

    .header-links a {
        color: #5c5c5c;
        font-size: 11px;
        display: inline-block;
        padding: 0 10px;
        height: 25px;
        line-height: 25px
    }

        .header-links a:hover {
            color: #5c5c5c;
            text-decoration: underline
        }

.pageTitle.tall {
    margin-top: 100px !important
}

.pageTitle.contentTitle h1 {
    font-family: Nunito Sans;
    color: #1e1e1e;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    border-bottom: 1px solid #949494;
    padding-bottom: 7px
}

.pageTitle.contentTitle-top, .pageTitle.contentTitle-center {
    margin: 50px auto 25px auto
}

    .pageTitle.contentTitle-top .container-fluid {
        padding: 0
    }

.newsPage .headerBanner {
    margin-bottom: 0
}

.headerBanner {
    margin-bottom: 4px;
    position: relative;
    background-size: cover;
    overflow: hidden
}

    .headerBanner img {
        overflow: hidden;
        display: block;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        width: 100%
    }

    .headerBanner .woman {
        position: absolute;
        width: 300px;
        right: 590px;
        bottom: -57%
    }

.hidebanner .headerBanner {
    display: none
}

.headerBanner .text-container-parent {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    bottom: 0;
    position: relative;
    height: 100%
}

.headerBanner .text-container {
    position: absolute;
    max-width: 500px;
    bottom: 0%;
    right: 90px;
    color: #fff
}

    .headerBanner .text-container .seperator {
        height: 1px;
        width: 70%;
        background-color: #fff;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .headerBanner .text-container .title {
        font-family: Nunito Sans;
        font-size: 45px;
        line-height: 115%
    }

    .headerBanner .text-container .subtitle {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 13px
    }

    .headerBanner .text-container .list {
        width: 43%;
        float: left;
        padding-left: 0;
        list-style-type: none
    }

        .headerBanner .text-container .list li {
            font-size: 13px;
            color: #fff
        }

            .headerBanner .text-container .list li span {
                display: inline-block;
                border-top: 1px solid #fff;
                border-right: 1px solid #fff;
                width: 4px;
                height: 4px;
                margin-right: 5px;
                margin-bottom: 3px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg)
            }

.headerBanner .container-fluid {
    padding: 0
}

.updateProgress {
    padding: 10px 20px;
    background: #fff;
    border: 3px solid #013f66;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.firstpage main {
    display: none
}

main {
    position: relative;
    z-index: 9;
    overflow: hidden
}

#backToTop {
    display: none
}

a#backToTop, a#backToTop:focus {
    position: fixed;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0.8;
    outline: 0 none
}

    a#backToTop img {
        display: block;
        margin-top: -10px;
        margin-bottom: 10px
    }

.titleSeperator {
    line-height: 120%;
    font-family: Nunito Sans;
    clear: left;
    text-align: center;
    font-size: 25px;
    border-bottom: 1px solid #1e1e1e;
    padding-top: 60px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    color: #1e1e1e
}

.alert {
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.alert-info {
    background: #2ba6cb
}

.alert-success {
    background: #dff2bf;
    color: #4f8a10
}

.alert-warning {
    background: #e3b000
}

.alert-error {
    background: #ffbaba;
    color: #d8000c
}

.hide-main main {
    display: none
}

@font-face {
    font-family: 'icomoon';
    src: url(https://www.supernova.si/styles/fonts/icomoon.eot?srfpd2);
    src: url(https://www.supernova.si/styles/fonts/icomoon.eot?srfpd2#iefix) format('embedded-opentype'),url(https://www.supernova.si/styles/fonts/icomoon.ttf?srfpd2) format('truetype'),url(https://www.supernova.si/styles/fonts/icomoon.woff?srfpd2) format('woff'),url(https://www.supernova.si/styles/fonts/icomoon.svg?srfpd2#icomoon) format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    display: inline;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 100%;
    font-size: 50px;
    transition: all 0.2s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.footer-inner [class^="icon-"], [class*=" icon-"] {
    transition: none
}

.dynamic-box-item:hover .icon:before, .dynamic-box-item:hover span, .dynamic-box-item:hover #countdown {
    color: #ed1c24
}

.icon-social-facebook:before {
    content: "\e904"
}

.icon-Supernova-web---ikona---lokacija:before {
    content: "\e900"
}

.icon-Supernova-web---ikona---nakupovanje:before {
    content: "\e901"
}

.icon-Supernova-web---ikona---odpiralni-cas:before {
    content: "\e902"
}

.icon-search:before {
    content: "\e903"
}

.image-gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(0,0,0,0.84),transparent 65%)
}

.firstpage .dynamic-box-container {
    position: relative;
    width: 100%;
    bottom: 0;
    margin-top: -20px;
    margin-bottom: -30px
}

.dynamic-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: space-around;
    width: 100%;
    z-index: 10;
    box-sizing: border-box;
    bottom: 0;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .dynamic-box .dynamic-box-item {
        color: #1e1e1e;
        text-align: center;
        float: left
    }

        .dynamic-box .dynamic-box-item a {
            font-size: 14px;
            color: inherit
        }

        .dynamic-box .dynamic-box-item img {
            width: 58px
        }

        .dynamic-box .dynamic-box-item img, .dynamic-box .dynamic-box-item span {
            display: block;
            margin: 0 auto
        }

    .dynamic-box .timeCont {
        display: block
    }

#countdown, #opened {
    display: inline-block;
    padding: 0 5px
}

#countdown {
    color: #1e1e1e
}

.dynamic-box .dynamic-box-item span {
    text-transform: uppercase;
    margin-top: 10px;
    transition: all 0.2s ease-in-out
}

.dynamic-box .dynamic-box-item .circle {
    border: 2px solid #1e1e1e;
    display: inline-block;
    font-size: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    transition: all 0.2s ease-in-out
}

    .dynamic-box .dynamic-box-item .circle .fa {
        font-weight: 700;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.dynamic-box .dynamic-box-item:hover .circle {
    border-color: red
}

@media (max-width:1050px) {
    header .container-fluid .header-container {
        padding: 10px
    }
}

@media (max-width:940px) {
    .popup .popup-item .popup-item-inner {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }

    .popup .popup-inner .title {
        font-size: 24px
    }

    .popup .popup-inner .logo img {
        max-width: 190px;
        margin-bottom: 20px
    }

    .headerBanner .text-container {
        right: 0;
        margin-left: 20px;
        margin-right: 20px
    }

    .headerBanner .woman {
        right: 490px
    }

    .headerBanner .text-container .title {
        font-size: 35px
    }

    .headerBanner .text-container .seperator {
        margin-bottom: 5px;
        margin-top: 5px
    }

    .headerBanner .text-container .subtitle {
        margin-bottom: 5px
    }

    .headerBanner .text-container .list li {
        line-height: 100%
    }
}

@media (max-width:768px) {
    .nova-gorica .searchBox-trigger {
        right: 269px
    }

    header.fixed .primaryMenu {
        margin-top: -20px
    }

    .cartSummary .selector {
        margin-top: 13px;
        margin-right: 10px
    }

    .headerBanner .text-container {
        max-width: 400px
    }

    .headerBanner .woman {
        right: 390px;
        bottom: -57%
    }

    .pageTitle.tall {
        margin-top: 50px !important
    }

    .popup .popup-item {
        height: auto !important;
        max-width: 90%;
        margin-left: 5%
    }

    .popup .close {
        right: 0
    }

    .firstpage .db {
        margin-bottom: -20px
    }

    header .logo a img {
        margin-top: -4px
    }

    header.fixed ul.primaryMenu-dropdownMenu {
        top: 40px
    }

    header.fixed .header-tools {
        display: block
    }

    header.fixed .primaryMenu ul li a {
        height: 40px
    }

    header .container-fluid .header-container {
        padding: 10px
    }

    header .container-fluid {
        max-width: 100%
    }

    header {
        padding: 0
    }

        header .logo {
            margin: 0;
            height: 45px;
            line-height: 45px;
            width: 40%
        }

            header .logo img#logo-img {
                display: none;
                max-width: 140px
            }

            header .logo img#logo-imgMobile {
                display: inline-block !important;
                max-width: 140px
            }

        header .userBox {
            display: none
        }

    .header-links a {
        height: 30px;
        line-height: 30px
    }

    .contentTitle h1 {
        margin-right: 50px
    }

    a#backToTop img {
        margin-bottom: 16px
    }

    header li a.userBox-logout {
        border-left: 1px solid #013f66;
        display: block;
        float: right;
        height: 50px;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 51px;
        background: url(https://www.supernova.si/images/icoLogout.png) no-repeat center center;
        background-size: 30px 30px;
        text-indent: -9999px
    }

    main {
        margin-bottom: 20px
    }

    .simply-scroll-container {
        padding-top: 200px;
        margin-top: -200px
    }

    .simply-scroll {
        width: 100%;
        height: 350px;
        margin-bottom: 1em
    }

        .simply-scroll .simply-scroll-clip {
            width: 100%;
            height: 350px
        }

        .simply-scroll .simply-scroll-list li {
            float: left;
            width: 200px;
            height: 350px
        }

    #latestDeals {
        height: 350px
    }

    .deal .image-container .dealImage {
        width: 80%
    }

    .bxslider .deal .image-container {
        height: 220px
    }

    .deal .dealTitle {
        font-size: 12px
    }
}

.Sk4QuickEditBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 99999;
    text-align: left;
    background: rgba(0,0,0,0.7);
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.7);
    box-shadow: 0 0 3px rgba(0,0,0,0.7);
    cursor: pointer
}

    .Sk4QuickEditBlock table {
        width: 100%;
        display: none;
        margin-bottom: 5px
    }

    .Sk4QuickEditBlock:before {
        content: "+";
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        cursor: pointer
    }

    .Sk4QuickEditBlock.active {
        display: table
    }

        .Sk4QuickEditBlock.active:before {
            content: "-"
        }

    .Sk4QuickEditBlock td {
        text-align: left;
        padding: 0 5px
    }

.Sk4QuickEditLink, .Sk4QuickEditLink a {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 10px;
    color: #fff;
    text-decoration: none
}

.Sk4QuickEditTitle {
    font-weight: bold;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 10px;
    color: #fff
}

    .Sk4QuickEditTitle a {
        color: #fff;
        text-decoration: none
    }

.Sk4QuickEditBlock table:Hover .Sk4QuickEditLink, .Sk4QuickEditBlock table:Hover .Sk4QuickEditLink a, .Sk4QuickEditBlock table:Hover .Sk4QuickEditTitle, .Sk4QuickEditBlock table:Hover .Sk4QuickEditTitle a {
    color: #fff
}

    .Sk4QuickEditBlock table:Hover .Sk4QuickEditLink a:hover, .Sk4QuickEditLink a:hover {
        text-decoration: underline
    }

@media (max-width:768px) {
    .primaryMenu-mobileTrigger a {
        margin-top: 11px !important;
        margin-right: 10px
    }

    .Sk4QuickEditBlock {
        display: none
    }

    header .container-fluid {
        padding: 0 20px
    }
}

@media (max-width:699px) {
    .nova-gorica .searchBox-trigger {
        right: 225px
    }

    .popup .popup-item .popup-item-inner {
        margin-bottom: -50px
    }

    .headerBanner .text-container {
        bottom: 20px
    }

        .headerBanner .text-container .title {
            font-size: 25px
        }

        .headerBanner .text-container .subtitle {
            font-size: 12px
        }

        .headerBanner .text-container .list {
            display: none
        }

    .headerBanner {
        height: 187px !important
    }

        .headerBanner .woman {
            width: 200px;
            right: 378px;
            bottom: -90%
        }

    header {
        position: relative
    }

    .popup-trigger {
        min-width: initial
    }

    .popup .popup-item {
        width: 100%
    }

    .popup .popup-item-inner {
        background-color: #fff;
        position: relative !important
    }

    .popup .popup-item.text input {
        max-width: 100%
    }
}

@media (max-width:599px) {
    .headerBanner .woman {
        right: 267px
    }

    .headerBanner .text-container {
        max-width: 300px
    }

    header .logo {
        width: 140px
    }

    .pageTitle.contentTitle-top, .pageTitle.contentTitle-center {
        margin: 10px 0
    }

    .opening_hours_fixed {
        width: 120px;
        height: 120px
    }

        .opening_hours_fixed .title {
            font-size: 14px;
            letter-spacing: 1px
        }

            .opening_hours_fixed .title span {
                margin-top: 0
            }

        .opening_hours_fixed .opening_hours_fixed_line {
            margin: 5px auto
        }

    .fixed-container.closed {
        right: -120px
    }

    .fixed-clock.icon {
        font-size: 20px;
        top: -8px
    }

    .opening_hours_fixed .close-button {
        top: -24px;
        right: -28px
    }

    .closed .opening_hours_fixed .close-button {
        width: 30px;
        height: 30px
    }

        .closed .opening_hours_fixed .close-button .icon:before {
            font-size: 24px;
            top: 9px;
            left: 8px
        }

    .opening_hours_fixed .hour {
        font-size: 14px
    }

    .opening_hours_fixed .date {
        font-size: 12px
    }

    .dynamic-box .dynamic-box-item a {
        font-size: 12px;
        line-height: 1
    }

    .pageTitle {
        padding: 0 20px
    }

        .pageTitle.contentTitle h1 {
            font-size: 25px;
            padding-top: 0
        }

    .dynamic-box {
        position: relative;
        padding: 0
    }

    .headerBanner .title {
        font-size: 16px;
        padding: 5px
    }

    .dynamic-box .dynamic-box-item {
        width: 100%
    }

    header .container-fluid, header .header-container-inner {
        margin-top: 0 !important
    }
}

@media (max-width:480px) {
    .cartSummary {
        width: 100%;
        display: none
    }
}

@media (max-width:480px) {
    .nova-gorica .searchBox-trigger {
        right: 260px
    }

    .nova-gorica .cartSummary .selector .active {
        min-width: 142px
    }

    .headerBanner .text-container {
        bottom: 10%;
        width: 55%
    }

        .headerBanner .text-container .title {
            font-size: 27px;
            padding: 0
        }

        .headerBanner .text-container .subtitle {
            font-size: 15px
        }

        .headerBanner .text-container .list li {
            font-size: 12px;
            display: none
        }

    main .container-fluid, main .container-fluid, .container-fluid-big {
        padding: 0 20px
    }

    .dynamic-box .dynamic-box-item a {
        font-size: 12px
    }

    .headerBanner .text-container .seperator {
        margin: 10px 0
    }
}

@media (max-width:467px) {
    .headerBanner .text-container .title {
        font-size: 21px
    }

    .headerBanner .text-container .subtitle {
        font-size: 11px
    }

    .headerBanner .text-container {
        max-width: 194px
    }

    .headerBanner .woman {
        right: 160px
    }
}

@media (max-width:450px) {
    .firstpage .dynamic-box-container {
        margin-top: 0
    }
}

@media (max-width:395px) {
    .nova-gorica .searchBox-trigger {
        right: 250px
    }
}

@media (max-width:335px) {
    .headerBanner .text-container .title {
        font-size: 18px
    }

    .headerBanner .woman {
        right: 135px
    }
}

@media (max-width:319px) {
    .headerBanner .text-container .seperator, .headerBanner .text-container .subtitle, .headerBanner .text-container .list {
        display: none
    }

    .headerBanner .text-container .title {
        text-align: right;
        margin-bottom: 10px
    }
}

.supernova-alert {
    color: #ed1c24;
    background: #eab2b5;
    border: 1px solid #ed1c24;
    text-align: center
}

body {
    font-family: Nunito Sans;
    font-size: 16px;
    line-height: 140%;
    color: #000
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 140%
}

    h1 a, h2 a, h3 a, h4 a, h5 a {
        color: #000
    }

h1 {
    font-family: Nunito Sans;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #000
}

h2 {
    font-family: Nunito Sans;
    font-size: 25px;
    font-weight: 300;
    margin: 0 0 20px 0;
    color: #000
}

h3 {
    font-family: Nunito Sans;
    font-size: 25px;
    font-weight: 300;
    margin: 0 0 10px 0;
    color: #000
}

h4 {
    font-family: Nunito Sans;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #000
}

h5 {
    font-family: Nunito Sans;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #000
}

p, ol, ul, dl, dd, dt {
    margin: 0 0 20px 0
}

p {
    font-family: Nunito Sans;
    font-size: 12px;
    color: #000
}

ol {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000
}

ul {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000;
    list-style: square
}

li {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000
}

dl {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000
}

dt {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000;
    font-weight: 300
}

    dt:after {
        content: ":"
    }

dd {
    font-family: Nunito Sans;
    font-size: 16px;
    color: #000;
    margin-left: 15px
}

strong, b {
    font-weight: bold
}

em, i {
    font-style: italic
}

pre {
    white-space: pre
}

a {
    color: #dc0000;
    text-decoration: none;
    transition: all 0.3s ease-in-out
}

    a:hover {
        color: #ed1c24
    }

    a:active {
        outline: 0
    }

    a:focus {
        outline: 0
    }

.contentTitle h1, .contentTitle h2, .contentTitle h3, .contentTitle h4, .contentTitle h5 {
    font-weight: 400
}

.contentTitle .center {
    text-align: center
}

.contentTitle .bold {
    font-weight: bold
}

.column-center h3 {
    margin: 0
}

.regular-font {
    font-family: Nunito Sans;
    font-size: 22px;
    font-weight: 900
}

@media (max-width:767px) {
    h1 {
        font-size: 28px;
        margin: 0 0 10px 0
    }

    h2 {
        font-size: 21px;
        margin: 0 0 10px 0
    }

    h3 {
        font-size: 25px;
        margin: 0 0 5px 0
    }

    h4 {
        font-size: 13px;
        margin: 0 0 5px 0
    }

    h5 {
        font-size: 13px;
        margin: 0 0 5px 0
    }

    .contentTitle h1 {
        font-size: 24px;
        padding-top: 5px;
        margin-bottom: 20px
    }

    .contentTitle h3 {
        font-size: 18px;
        line-heigth: 120%
    }

    .contentTitle h4 {
        font-size: 16px;
        line-heigth: 120%
    }

    .contentTitle h5 {
        font-size: 14px;
        line-heigth: 120%
    }
}


.container-fluid, .contain {
    width: 100%;
    max-width: 85.9375%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative
}

    .container-fluid.small {
        max-width: 67.708333333%
    }

    .container-fluid.d {
        max-width: 69.270833333%;
        margin-top: 40px
    }

    .container-fluid.db {
        margin-top: 60px;
        margin-bottom: 60px
    }

.headerBanner .container-fluid {
    max-width: 100%
}

.container-fluid.foot {
    padding-top: 60px;
    margin-bottom: 30px;
    max-width: 91.145833333%
}

.container-fluid.foot1 {
    padding-top: 60px;
    margin-bottom: 30px
}

.newsPage main .container-fluid {
    max-width: 100%;
    padding: 0
}

.row-fluid {
    *zoom: 1;
    margin-left: -20px
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    position: relative
}

.span1 {
    width: 8.333333333%
}

.span2 {
    width: 16.666666667%
}

.span3 {
    width: 25%
}

.span4 {
    width: 33.333333333%
}

.span5 {
    width: 41.666666667%
}

.span6 {
    width: 50%
}

.footer-copyright .span7 {
    width: 58.333333333%
}

.span8 {
    width: 66.666666667%
}

.span9 {
    width: 75%
}

.span10 {
    width: 83.333333333%
}

.span11 {
    width: 91.666666667%
}

.span12 {
    width: 100%
}

@media (max-width:768px) {
    .container-fluid {
        margin: 0 auto;
        max-width: 940px;
        padding: 0 20px
    }

        .container-fluid.foot {
            padding-top: 40px;
            padding-left: 20px;
            padding-right: 20px
        }

    .row-fluid {
        margin-left: -10px
    }

    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
        padding-left: 10px
    }

    header .container-fluid {
        padding: 0
    }

    .container-fluid.actual .titleSeperator {
        padding-top: 10px;
        margin-bottom: 15px
    }
}

.layout1 {
    *zoom: 1
}

    .layout1:before, .layout1:after {
        display: table;
        content: "";
        line-height: 0
    }

    .layout1:after {
        clear: both
    }

    .layout1 .column-center {
        float: none;
        width: 100%;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.layout13 {
    *zoom: 1;
    margin-left: -20px
}

    .layout13:before, .layout13:after {
        display: table;
        content: "";
        line-height: 0
    }

    .layout13:after {
        clear: both
    }

    .layout13 .column-center {
        float: right;
        width: 75%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .layout13 .column-left {
        float: left;
        width: 25%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1988;
        position: relative
    }

.layout31 {
    *zoom: 1;
    margin-left: -20px
}

    .layout31:before, .layout31:after {
        display: table;
        content: "";
        line-height: 0
    }

    .layout31:after {
        clear: both
    }

    .layout31 .column-center {
        float: left;
        width: 75%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .layout31 .column-right {
        float: right;
        width: 25%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.layout121 {
    *zoom: 1;
    margin-left: -20px
}

    .layout121:before, .layout121:after {
        display: table;
        content: "";
        line-height: 0
    }

    .layout121:after {
        clear: both
    }

    .layout121 .column-center {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .layout121 .column-left {
        float: left;
        width: 25%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .layout121 .column-right {
        float: right;
        width: 24.6%;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

@media (max-width:768px) {
    .layout13 {
        *zoom: 1;
        margin-left: 0
    }

        .layout13:before, .layout13:after {
            display: table;
            content: "";
            line-height: 0
        }

        .layout13:after {
            clear: both
        }

        .layout13 .column-center {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .layout13 .column-left {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

    .layout31 {
        *zoom: 1;
        margin-left: 0
    }

        .layout31:before, .layout31:after {
            display: table;
            content: "";
            line-height: 0
        }

        .layout31:after {
            clear: both
        }

        .layout31 .column-center {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .layout31 .column-right {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

    .layout121 {
        *zoom: 1;
        margin-left: 0
    }

        .layout121:before, .layout121:after {
            display: table;
            content: "";
            line-height: 0
        }

        .layout121:after {
            clear: both
        }

        .layout121 .column-center {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .layout121 .column-left {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .layout121 .column-right {
            float: none;
            width: 100%;
            padding-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

    .span1 {
        width: 100%
    }

    .span2 {
        width: 100%
    }

    .span3 {
        width: 100%
    }

    .span4 {
        width: 100%
    }

    .span5 {
        width: 100%
    }

    .span6 {
        width: 100%
    }

    .span7 {
        width: 100%
    }

    .span8 {
        width: 100%
    }

    .span9 {
        width: 100%
    }

    .span10 {
        width: 100%
    }

    .span11 {
        width: 100%
    }

    .span12 {
        width: 100%
    }

    .container-fluid.small, .container-fluid.d {
        max-width: 88.888888889%;
        margin-top: 45px
    }
}

@media (max-width:450px) {
    .container-fluid, .header-container-inner, .container-fluid.small, .container-fluid.d {
        max-width: 100%;
        margin-top: 25px
    }

        .container-fluid.actual {
            margin-top: 0
        }
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    font-family: Nunito Sans;
    font-size: 14px
}

button, input {
    *overflow: visible;
    line-height: normal
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

textarea {
    overflow: auto;
    vertical-align: top
}

.form .game-form .fields-panel {
    max-width: 400px;
    margin: 0 auto
}

.form .game-form .paragraph-supernova2020-text {
    font-family: Lato
}

.fields-panel {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .fields-panel .field {
        margin-top: 20px
    }

    .fields-panel input {
        background: #f5f5f5;
        height: 55px;
        font-style: normal;
        font-family: Lato;
        font-size: 22px
    }

        .fields-panel input[type="text"], .fields-panel textarea, .fields-panel div > select {
            min-width: 400px
        }

    .fields-panel .input-list-item {
        width: 380px
    }

    .fields-panel .input-label > label, .fields-panel .field-groupTitle {
        font-weight: normal;
        min-width: 400px;
        text-align: center;
        font-family: Lato;
        font-size: 22px
    }

    .fields-panel .input-label > span {
        font-weight: normal;
        min-width: 400px;
        text-align: center;
        font-family: Lato;
        display: block;
        font-size: 22px
    }

    .fields-panel .checkbox {
        filter: hue-rotate(132deg)
    }

        .fields-panel .checkbox input[type=checkbox] {
            margin-left: 0
        }

        .fields-panel .checkbox label {
            font-family: Lato;
            font-size: 18px
        }

    .fields-panel .radio input[type=radio] {
        filter: hue-rotate(132deg)
    }

    .fields-panel .radio label {
        font-family: Lato;
        font-size: 18px
    }

.recaptchaDiv {
    margin: 20px auto;
    text-align: center
}

    .recaptchaDiv .g-recaptcha {
        display: inline-block
    }

.form-submit-inner input.link-btn {
    color: #ee2333;
    font-weight: bold
}

.input-group {
    margin: auto
}

.form-submit-inner input {
    font-weight: normal
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #858585
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.input-group {
    *zoom: 1;
    position: relative
}

    .input-group:before, .input-group:after {
        display: table;
        content: "";
        line-height: 0
    }

    .input-group:after {
        clear: both
    }

.input-label > label {
    display: block;
    color: #000;
    font-weight: normal;
    margin-bottom: 3px;
    text-align: center
}

.input-label > span {
    font-weight: 700
}

.input {
    margin-bottom: 17px;
    min-height: 40px
}

.input-list {
    margin-bottom: 17px
}

.input-list-item {
    margin-bottom: 3px
}

.input-submit {
    margin-bottom: 20px;
    line-height: 30px
}

fieldset.vertical .input-label {
    margin-bottom: 3px
}

fieldset.horizontal .input-label {
    float: left;
    width: 150px;
    padding-top: 4px;
    text-align: right
}

fieldset.horizontal .input {
    margin-left: 170px
}

fieldset.horizontal .input-list {
    margin-left: 170px;
    padding-top: 4px
}

fieldset.horizontal .input-submit {
    margin-left: 170px
}

input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #c2c2c2;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

label.radio {
    display: inline-block
}

    label.radio span {
        display: block;
        margin-left: 20px
    }

.field-groupTitle {
    font-weight: 700
}

input[type="radio"] {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 0;
    padding: 0;
    border: 0
}

label.checkbox {
    display: inline-block
}

    label.checkbox span {
        display: block;
        margin-left: 20px
    }

input[type="checkbox"] {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 0;
    padding: 0;
    border: 0
}

select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    border: 1px solid #c2c2c2;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

textarea {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    min-height: 60px;
    line-height: 140%;
    padding: 5px;
    border: 1px solid #c2c2c2;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

input[type="file"] {
    padding: 0;
    border: 0;
    background: none
}

.input-combined {
    position: relative
}

    .input-combined input {
        float: left;
        width: 67%
    }

    .input-combined .button {
        width: 30%;
        padding: 0 3%
    }

    .input-combined.appended .button {
        margin-left: 3%
    }

    .input-combined.prepended .button {
        margin-right: 3%
    }

.input-date {
    position: relative
}

    .input-date input[type="text"] {
        max-width: 120px;
        background-image: url(https://www.supernova.si/images/icoDatepicker.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 17px 17px
    }

.field-error {
    color: #900
}

    .field-error input, .field-error textarea, .field-error select {
        border: 1px solid #900 !important;
        background: #f9e7e7 !important;
    }

fieldset.vertical {
    max-width: 70%
}

fieldset.horizontal .input {
    margin-right: 170px
}

.form-field-input, .form-field-checks .form-field-input {
    float: none;
    width: 70%;
    padding-left: 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 17px
}

    .form-field-input input, .form-field-box .form-field-input textarea, .form-field-box .form-field-input select {
        width: 100%
    }

.form-field-input-date-dropdowns {
    display: table;
    max-width: 100%;
    margin-left: -4px
}

    .form-field-input-date-dropdowns i {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        padding-left: 4px
    }

.form-field-input-date select {
    width: auto;
    display: block
}

.form-field-input-date-dropdowns i.form-field-input-date-button {
    display: none
}

.form-field-input-date-dropdowns option.form-field-input-date-hint, .form-field-input-date-dropdowns select.empty {
    color: #8c8c8c
}

.form-field-input-date-dropdowns option {
    color: #000
}

.form-field-input-date-button b {
    display: block;
    background: #999;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    transition: 0.25s;
    cursor: pointer;
    overflow: hidden
}

    .form-field-input-date-button b:hover {
        background: red;
        transition: 0.125s
    }

.form-field-input-date-button img {
    display: block;
    transition: 0.4s ease-in-out;
    width: 64px;
    height: 64px;
    max-width: 64px;
    margin-top: -32px;
    margin-left: 0
}

.rtl .form-field-input-date-button img {
    margin-right: -40px
}

.form-field-input-date-button.expanded img {
    margin-top: 0
}

.form-field-input-date-calendar * {
    box-sizing: border-box
}

.form-field-input-date-calendar {
    display: none;
    margin-left: -4px;
    border-radius: 10px
}

    .form-field-input-date-calendar b {
        display: block;
        float: left;
        width: 14.285714286%;
        padding-left: 0px;
        padding-top: 0px;
        border: 1px solid #c2c2c2
    }

    .form-field-input-date-calendar i {
        display: block;
        text-align: right;
        line-height: 25px;
        padding-top: 10px;
        overflow: hidden;
        width: 100%;
        height: 35px;
        font-size: 14px;
        font-weight: 700;
        font-style: normal;
        background: #f2f2f2;
        padding-right: 5px;
        transition: 0.25s
    }

    .form-field-input-date-calendar b.calendar-prevMonth, .form-field-input-date-calendar b.calendar-nextMonth {
        width: 28.571428571%
    }

        .form-field-input-date-calendar b.calendar-prevMonth i, .form-field-input-date-calendar b.calendar-nextMonth i {
            font-size: 18px;
            background: #bfbfbf;
            cursor: pointer
        }

        .form-field-input-date-calendar b.calendar-prevMonth i {
            padding-left: 5px;
            padding-right: 0;
            text-align: left
        }

    .form-field-input-date-calendar .calendar-day-selectable i {
        cursor: pointer
    }

    .form-field-input-date-calendar .calendar-day-notSelectable i {
        position: relative;
        opacity: .5;
        overflow: hidden
    }

        .form-field-input-date-calendar .calendar-day-notSelectable i:after {
            display: block;
            content: "";
            position: absolute;
            right: -23px;
            bottom: -23px;
            width: 40px;
            height: 40px;
            border-top: 1px solid #000;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .form-field-input-date-calendar .calendar-day-weekend i {
        color: #4d4d4d;
        background: #bfbfbf
    }

    .form-field-input-date-calendar .calendar-day-otherMonth i {
        color: #8c8c8c
    }

    .form-field-input-date-calendar .calendar-day-selected i {
        background: red;
        color: #fff
    }

    .form-field-input-date-calendar .calendar-day-selectable i:hover, .form-field-input-date-calendar b.calendar-prevMonth i:hover, .form-field-input-date-calendar b.calendar-nextMonth i:hover {
        background: #999;
        color: #fff;
        transition: 0.125s
    }

    .form-field-input-date-calendar .calendar-container-outer1 {
        margin-top: 4px;
        overflow: hidden;
        min-height: 1px;
        width: 100%
    }

    .form-field-input-date-calendar .calendar-container-outer2 {
        margin-top: 0;
        padding-top: 1px
    }

    .form-field-input-date-calendar .calendar-container {
        padding-bottom: 10px
    }

.form-fileup-actions {
    width: 100%;
    margin-bottom: 17px
}

.form-fileup-inputButton {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 40px;
    transition: .3s;
    margin-top: 10px
}

    .form-fileup-inputButton.full {
        height: 10px
    }

        .form-fileup-inputButton.full.done {
            height: 0;
            margin-top: 0
        }

    .form-fileup-inputButton input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale(4);
        font-size: 100px;
        cursor: pointer;
        z-index: 20
    }

.form-field-input .form-fileup-inputButton input {
    width: auto
}

.form-fileup-inputButton input + i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    z-index: 19;
    border: 3px solid transparent;
    transition: 0.25s
}

.form-fileup-inputButton.disabled i {
    opacity: 0
}

.form-fileup-inputButton input:focus + i, .form-fileup-inputButton input:hover + i {
    border-color: #999;
    transition: 0.125s
}

.form-fileup-inputButton b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    line-height: 40px;
    padding-left: 10px;
    font-style: normal;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    transition: .3s
}

    .form-fileup-inputButton b.form-fileup-waitText {
        font-weight: 400
    }

.form-fileup-waitText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-inputButton.disabled .form-fileup-buttonText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-inputButton.disabled .form-fileup-waitText {
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-fileup-inputButton.full .form-fileup-waitText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background: #fff;
    border: 3px solid #e6e6e6
}

.form-fileup-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: width 0.6s ease 0s;
    background: #e6e6e6
}

.form-fileup-progress-bar-success {
    background: transparent
}

.form-fileup-progress-bar-error {
    background: red
}

.form-fileup-inputButton input[disabled] {
    cursor: auto
}

.form-fileup-files {
    padding-top: 10px;
    transition: all 1.4s ease-in-out
}

.form-fileup-file-item {
    display: block;
    position: relative;
    padding: 5px 35px 5px 0;
    min-height: 30px;
    transition: 0.4s ease-in-out
}

.form-fileup-file-item-name {
    display: block;
    word-wrap: break-word;
    font-size: 14px
}

.form-fileup-file-item-warning {
    display: block;
    vertical-align: baseline;
    color: red;
    font-size: 12px
}

.form-fileup-item-actions {
    display: inline
}

.form-fileup-removeIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    vertical-align: top
}

    .form-fileup-removeIcon i {
        margin: 14px 5px;
        display: block;
        width: 20px;
        height: 2px
    }

        .form-fileup-removeIcon i:before {
            display: block;
            content: "";
            width: 20px;
            height: 2px;
            background: #000;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin: 0 -20px -2px 0;
            transition: 0.25s
        }

        .form-fileup-removeIcon i:after {
            display: block;
            content: "";
            width: 20px;
            height: 2px;
            background: #000;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            margin: 0 -20px -2px 0;
            transition: 0.25s
        }

    .form-fileup-removeIcon:hover i:before, .form-fileup-removeIcon:hover i:after {
        background: red;
        transition: 0.125s
    }

.form-submit {
    max-width: 150px;
    margin: 0 auto
}

.radius-top-left {
    border-radius: 3px 0 0 0
}

.radius-top-right {
    border-radius: 0 3px 0 0
}

.radius-bottom-left {
    border-radius: 0 0 0 3px
}

.radius-bottom-right {
    border-radius: 0 0 3px 0
}

.clear {
    clear: both;
    display: block
}

@media (max-width:1000px) {
    fieldset.vertical {
        max-width: 100%
    }

    fieldset.horizontal .input {
        margin-right: 0
    }
}

@media (max-width:767px) {
    fieldset.horizontal .input-label {
        float: left;
        width: 100px;
        padding-top: 4px;
        text-align: right
    }

        fieldset.horizontal .input-label label {
            font-size: 12px
        }

    fieldset.horizontal .input {
        margin-left: 110px
    }

    fieldset.horizontal .input-list {
        margin-left: 110px;
        padding-top: 4px
    }

    fieldset.horizontal .input-submit {
        margin-left: 110px
    }
}

@media (max-width:480px) and (orientation:portrait) {
    fieldset.horizontal .input-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
        margin-bottom: 3px
    }

    fieldset.horizontal .input {
        margin-left: 0
    }

    fieldset.horizontal .input-list {
        margin-left: 0;
        padding-top: 0
    }

    fieldset.horizontal .input-submit {
        margin-left: 0
    }

    .fields-panel .input-label > label, .fields-panel .field-groupTitle, .fields-panel input[type="text"], .fields-panel textarea, .fields-panel div > select {
        min-width: initial
    }

    .input-group {
        display: block !important
    }

    .game-form {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .game-form .fields-panel .field {
            width: 100%
        }

    .fields-panel .radio {
        padding-left: 50px
    }

    .row-fluid {
        margin-left: 0
    }
}

.button {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 6px 15px;
    margin: 0;
    border: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s
}

    .button:hover {
        text-decoration: none;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s
    }

.button-1 {
    border: 1px solid #1e1e1e;
    color: #ebebeb;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out
}

    .button-1:hover {
        background: #ebebeb;
        color: #1e1e1e
    }

.new .button-1.black {
    color: #1e1e1e
}

    .new .button-1.black:hover {
        background: #1e1e1e;
        color: #ebebeb
    }

.archive .button-1.black {
    border-color: #ebebeb;
    cursor: pointer
}

.button-1.archive {
    color: #1e1e1e;
    border: 1px solid #1e1e1e;
    display: block;
    max-width: 860px;
    width: 100%;
    margin: 20px auto 40px auto;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

    .button-1.archive:hover {
        color: #ebebeb;
        background: #1e1e1e
    }

.button-2 {
    background: #858585;
    color: #ebebeb;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .button-2:hover {
        background: #707070;
        color: #ebebeb
    }

.button-link {
    padding: 0 10px;
    background: none;
    color: #dc0000
}

    .button-link:hover {
        text-decoration: underline
    }

.button-google {
    background: #df4a32;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #fff;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .button-google .button-icon {
        display: inline-block;
        float: left;
        vertical-align: top;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-right: 1px solid #c6412c
    }

        .button-google .button-icon img {
            vertical-align: middle
        }

    .button-google .button-text {
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        text-transform: none;
        font-weight: 700
    }

    .button-google:hover {
        color: #fff
    }

@media (max-width:768px) {
    .button-1.archive {
        max-width: 300px
    }
}

@media (max-width:500px) {
    .button-1.archive {
        max-width: 250px
    }
}

.paging {
    line-height: 25px;
    text-align: center;
    margin-bottom: 20px;
    *zoom: 1
}

    .paging:before, .paging:after {
        display: table;
        content: "";
        line-height: 0
    }

    .paging:after {
        clear: both
    }

    .paging a, .paging span {
        display: inline-block;
        vertical-align: top;
        height: 25px;
        line-height: 25px;
        padding: 0 8px;
        font-size: 16px;
        font-weight: 700;
        color: gray;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

        .paging a.paging-page {
            background: none
        }

        .paging a.paging-previous {
            width: 25px;
            padding: 0;
            background: transparent url(https://www.supernova.si/styles/images/icoPagingPrevious.png) no-repeat center center;
            text-indent: -9999px
        }

        .paging a.paging-next {
            width: 25px;
            padding: 0;
            background: transparent url(https://www.supernova.si/styles/images/icoPagingNext.png) no-repeat center center;
            text-indent: -9999px
        }

        .paging span.paging-current, .paging span.paging-current:hover {
            background: #999;
            color: #fff
        }

        .paging span.paging-elipsis {
            color: gray;
            font-size: 16px;
            font-weight: 700;
            background: none
        }

@media (max-width:480px) {
    .paging a, .paging span {
        padding: 0 5px
    }
}

.breadcrumbs {
    position: relative;
    margin-bottom: 10px
}

    .breadcrumbs ul {
        margin: 0;
        padding: 0;
        *zoom: 1
    }

        .breadcrumbs ul:before, .breadcrumbs ul:after {
            display: table;
            content: "";
            line-height: 0
        }

        .breadcrumbs ul:after {
            clear: both
        }

    .breadcrumbs li {
        display: block;
        float: left;
        word-wrap: break-word;
        background: url(https://www.supernova.si/images/icoBreadcrumb.png) no-repeat right center
    }

        .breadcrumbs li a {
            display: block;
            padding: 0 9px 0 3px;
            font-size: 11px;
            color: #707070
        }

        .breadcrumbs li.breadcrumbs-last, .breadcrumbs li.breadcrumbs-last a {
            padding-right: 0;
            background: none
        }

        .breadcrumbs li.breadcrumbs-first, .breadcrumbs li.breadcrumbs-first a {
            padding-left: 0
        }

        .breadcrumbs li.breadcrumbs-current a {
            font-weight: 700
        }

@media (max-width:767px) {
    .breadcrumbs {
        margin-bottom: 10px
    }

        .breadcrumbs ul {
            width: 100%
        }

        .breadcrumbs li {
            display: none;
            line-height: 22px;
            background: url(https://www.supernova.si/images/icoBreadcrumb.png) no-repeat right center
        }

            .breadcrumbs li.breadcrumbs-lastTwo {
                display: block
            }

            .breadcrumbs li:first-child {
                padding-left: 0
            }

            .breadcrumbs li a, .breadcrumbs li a:hover {
                font-size: 11px
            }
}

.items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -20px
}

    .items-container.hide {
        display: none
    }

    .items-container.eggs .item {
        width: 10%
    }

    .items-container .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 25%;
        padding-left: 20px;
        padding-bottom: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .items-container .item[disabled] .item-inner {
            pointer-events: none
        }

    .items-container .item-inner {
        position: relative;
        cursor: pointer
    }

        .items-container .item-inner input {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0
        }

.vn-game-container {
    padding: 100px 0;
    font-family: Lato
}

    .vn-game-container label a {
        margin-top: 0 !important
    }

    .vn-game-container .game-container {
        position: relative;
        margin: 60px 0
    }

    .vn-game-container .message-container {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

        .vn-game-container .message-container .message-container-inner {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            max-width: 650px;
            width: 100%;
            background-color: #f2f2f2;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            text-align: center;
            padding: 40px 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .vn-game-container .message-container .message-container-inner .message-con {
                font-weight: 600
            }

            .vn-game-container .message-container .message-container-inner .image-container {
                margin-bottom: 20px
            }

                .vn-game-container .message-container .message-container-inner .image-container img {
                    max-width: 90px
                }

            .vn-game-container .message-container .message-container-inner .title {
                font-weight: 600;
                font-size: 48px;
                margin-bottom: 12px;
                line-height: 120%
            }

            .vn-game-container .message-container .message-container-inner .subtitle {
                font-size: 35px;
                margin-bottom: 20px
            }

            .vn-game-container .message-container .message-container-inner .message {
                margin-bottom: 20px
            }

        .vn-game-container .message-container a, .vn-game-container .message-container input[type="submit"] {
            margin: 40px auto 0 auto;
            display: inline-block;
            color: #ee2333;
            width: auto;
            background-color: transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            line-height: 1;
            height: auto
        }

            .vn-game-container .message-container a:hover, .vn-game-container .message-container input[type="submit"]:hover {
                text-decoration: none;
                background-color: #000;
                color: #fff;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0
            }

    .vn-game-container .email-form-inner {
        max-width: 480px;
        margin: 0 auto;
        padding: 40px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .vn-game-container .email-form-inner > label {
            display: block;
            text-align: center
        }

            .vn-game-container .email-form-inner > label a {
                margin-top: 0
            }

        .vn-game-container .email-form-inner .submit {
            text-align: center
        }

    .vn-game-container .checx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        text-align: left
    }

        .vn-game-container .checx input {
            min-width: 20px
        }

        .vn-game-container .checx label {
            padding-left: 10px
        }

    .vn-game-container input[type="date"], .vn-game-container input[type="text"] {
        height: 50px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 50px
    }

    .vn-game-container .message-container-inner input[type="date"], .vn-game-container .message-container-inner input[type="text"] {
        margin-bottom: 10px
    }

    .vn-game-container .alert {
        margin-top: 15px
    }

    .vn-game-container .small {
        font-size: 14px;
        line-height: 120%;
        margin-top: 20px
    }

@media (max-width:991px) {
    .items-container.eggs .item {
        width: 20%
    }
}

@media (max-width:576px) {
    .items-container.item {
        width: 50%
    }

    .items-container.eggs .item {
        width: 33.333333333%
    }

    .vn-game-container .message-container .message-container-inner .title {
        font-size: 37px
    }

    .vn-game-container .message-container .message-container-inner .subtitle {
        font-size: 27px
    }
}

.input-submit-checkout {
    text-align: right;
    padding-top: 20px;
    border-top: 3px solid #d6d6d6
}

fieldset.checkout-additionalInfo {
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    background: #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    fieldset.checkout-additionalInfo {
        padding: 10px 10px 0 10px;
        margin-bottom: 10px
    }
}

fieldset.form-userData {
    max-width: 350px
}

.input-submit-orders {
    border-top: 3px solid #d6d6d6;
    padding-top: 20px
}

.event .contentTitle h1 {
    margin-bottom: 0
}

.calendar-wrapper {
    margin: 0;
    padding: 0
}

.calendar-navigation {
    margin-bottom: 20px;
    line-height: 20px
}

    .calendar-navigation a.handle-next {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #346585;
        font-size: 12px;
        margin-top: 1px
    }

    .calendar-navigation a.handle-previous {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #346585;
        font-size: 12px;
        margin-top: 1px;
        margin-right: 10px
    }

    .calendar-navigation a.handle-today {
        display: inline-block;
        color: #346585;
        font-size: 14px;
        font-weight: 700;
        vertical-align: top;
        margin-right: 10px
    }

    .calendar-navigation .handle-separator {
        display: none
    }

.calendar {
    *zoom: 1;
    margin-left: -20px;
    margin-top: 20px
}

    .calendar:before, .calendar:after {
        display: table;
        content: "";
        line-height: 0
    }

    .calendar:after {
        clear: both
    }

.calendar-column {
    float: left;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.calendar-item {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 20px
}

    .calendar-item table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background: #ebebeb
    }

    .calendar-item td {
        text-align: center;
        padding: 4px 8px;
        text-decoration: none;
        color: #000;
        border: 1px solid #fff;
        background-color: #949494
    }

        .calendar-item td:hover {
            background: #d6d6d6
        }

        .calendar-item td a {
            color: #013f66
        }

        .calendar-item td.header {
            text-align: center;
            background: #b3c5d1;
            font-size: 13px;
            font-weight: 700
        }

            .calendar-item td.header:hover {
                background: #4d7994
            }

            .calendar-item td.header a {
                display: block;
                color: #fff;
                text-decoration: none
            }

        .calendar-item td.header-selected, .calendar-item td.header-selected:hover {
            text-align: center;
            background: #346585;
            font-weight: bold;
            border: 0;
            color: #fff
        }

            .calendar-item td.header-selected a {
                display: block;
                color: #fff
            }

        .calendar-item td.weekday {
            text-align: right;
            padding: 4px 6px;
            color: color2;
            font-size: 12px;
            font-weight: bold;
            background-color: #dedede
        }

            .calendar-item td.weekday:hover {
                background-color: #d6d6d6
            }

        .calendar-item td.day-event {
            padding: 0;
            font-weight: 700;
            background-image: url(https://www.supernova.si/images/icoEvent.png);
            background-repeat: no-repeat;
            background-position: 0 0
        }

            .calendar-item td.day-event a {
                display: block;
                padding: 4px 8px;
                color: #013f66
            }

        .calendar-item td.day-weekend {
            background-color: #f4cfd0;
            color: red
        }

        .calendar-item td.day-over {
            background-color: #c6c6c6
        }

.event-list {
    *zoom: 1
}

    .event-list:before, .event-list:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-list:after {
        clear: both
    }

.event-list-item {
    margin-left: -20px;
    margin-bottom: 20px;
    *zoom: 1
}

    .event-list-item:before, .event-list-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-list-item:after {
        clear: both
    }

.event-list-item-image {
    float: left;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.event-list-item-image-inner {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.event-list-item-image img {
    display: block;
    max-width: 100%
}

.event-list-item-content {
    float: left;
    width: 75%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.event-list-meta {
    margin-bottom: 5px;
    font-size: 12px;
    color: #333
}

.event-list-item h2 {
    margin-bottom: 5px
}

.category-event-detail {
    float: left
}

    .category-event-detail img {
        height: 25px;
        width: 25px;
        display: inline-block;
        margin: 0 5px;
        max-width: none
    }

.event-meta {
    line-height: 25px;
    margin-bottom: 10px;
    *zoom: 1;
    color: #4d4d4d
}

    .event-meta:before, .event-meta:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-meta:after {
        clear: both
    }

.no-data-text {
    margin-bottom: 20px
}

@media (max-width:980px) {
    .calendar-column {
        width: 33.3%
    }

    .calendar-thirdMonth {
        width: 33.4%
    }

    .calendar-lastMonth {
        display: none
    }
}

@media (max-width:767px) {
    .calendar-column {
        width: 50%
    }

    .calendar-thirdMonth {
        display: none
    }

    .calendar-navigation a.handle-today {
        display: block
    }

    .event-meta {
        margin-bottom: 10px
    }
}

@media (max-width:480px) {
    .calendar-column {
        width: 100%
    }

    .calendar-secondMonth {
        display: none
    }

    .event-list-item-image {
        display: none
    }

    .event-list-item-content {
        width: 100%
    }
}

.news-listing {
    list-style: none
}

.news-listing-item-image {
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.news-listing-item-image-inner {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

    .news-listing-item-image-inner img {
        display: block;
        max-width: 100%;
        width: 100%
    }

.new .news-listing-item-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.news-listing-item-date {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.news-listing-item h2 {
    margin-bottom: 5px;
    font-size: 25px
}

.news-listing.archive .inner {
    overflow: hidden
}

.new .news-listing-item {
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-details-container {
    padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new .news-listing-item:nth-child(odd) {
    padding-right: 4px
}

.new .news-listing-item:nth-child(even) {
    padding-left: 4px
}

.new .news-listing-item-content-container, .new .news-listing-item-image, .event-details-container .image-container, .event-details-container .content-container {
    position: relative;
    width: 50%;
    float: left;
    overflow: auto
}

    .event-details-container .content-container .title {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 25px;
        font-family: Nunito Sans;
        line-height: 110%
    }

    .event-details-container .content-container .date {
        text-transform: uppercase;
        margin-bottom: 15px;
        font-size: 12px
    }

    .event-details-container .content-container .summary {
        text-align: left;
        font-size: 12px;
        line-height: 140%;
        text-align: center
    }

        .event-details-container .content-container .summary a {
            color: #ed1c24
        }

    .event-details-container .content-container .share div, .imageGrid .image .overlay .share {
        display: table;
        text-transform: uppercase;
        margin: 20px auto 0 auto;
        cursor: pointer;
        font-size: 12px;
        height: 27px
    }

    .event-details-container .content-container .share div {
        margin: 10px auto 0 auto
    }

        .event-details-container .content-container .share div .share-text, .imageGrid .image .overlay .share .share-text {
            display: table-cell;
            vertical-align: middle
        }

    .event-details-container .content-container .share span {
        display: inline-block;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        padding: 3px 7px 0 7px;
        margin-bottom: -4px;
        background: #1e1e1e;
        margin-right: 10px;
        margin-top: 4px;
        font-size: 12px;
        height: 19px
    }

        .event-details-container .content-container .share span .fa {
            -webkit-transform: skewX(20deg);
            -moz-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            transform: skewX(20deg);
            font-size: 20px;
            color: #fff
        }

    .event-details-container .image-container img {
        display: block;
        width: 100%
    }

.back-to-events {
    position: relative;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    clear: both
}

    .back-to-events a {
        display: block;
        position: relative;
        text-transform: uppercase;
        border-top: 1px solid #1e1e1e;
        border-right: 1px solid #1e1e1e;
        border-bottom: 1px solid #1e1e1e;
        text-align: center;
        padding: 13px 0;
        font-size: 13px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #ebebeb;
        padding: 6px 15px
    }

.arrow-tip-container {
    display: block;
    width: 33px;
    height: 36px;
    position: absolute;
    bottom: 0px;
    left: -33px;
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.arrow-tip {
    display: block;
    width: 33px;
    height: 33px;
    margin: 0 0 0 -23px;
    -webkit-transform: rotate(45deg) skew(20deg,20deg);
    -moz-transform: rotate(45deg) skew(20deg,20deg);
    -ms-transform: rotate(45deg) skew(20deg,20deg);
    -o-transform: rotate(45deg) skew(20deg,20deg);
    transform: rotate(45deg) skew(20deg,20deg)
}

.arrow-tip-grad {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #1e1e1e;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.back-to-events:hover a, .back-to-events:hover .arrow-tip-grad {
    background: #1e1e1e;
    color: #ebebeb
}

.new .right .news-listing-item-content-container, .new .right .news-listing-item-image {
    float: right
}

.event-details-container .content-container {
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .event-details-container .content-container .content-container-inner {
        text-align: center;
        padding: 20px 20%;
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto
    }

.new .news-listing-item-content-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center
}

.news-listing-item-image-inner {
    position: relative;
    width: 100%;
    padding: 0
}

.new .news-listing-item-content {
    text-align: center;
    padding: 20px 20%;
    display: block;
    margin: 0 auto
}

    .new .news-listing-item-content span {
        cursor: pointer
    }

.news-listing.archive .news-listing-item {
    width: 33.3333%;
    float: left;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box
}

    .news-listing.archive .news-listing-item:nth-child(3n) {
        padding-right: 0
    }

.news-listing.archive .news-listing-item-summary {
    display: none
}

.news-listing.archive .news-listing-item:nth-child(3n+1), .news-listing.archive .news-listing-item:nth-child(1) {
    padding-left: 0
}

.news-listing-item-content h2 {
    margin-bottom: 20px;
    line-height: 1
}

.news-listing-item .newsHeading {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px
}

.new .news-listing-item .newsHeading {
    width: 100%
}

.archive .news-listing-item {
    position: relative
}

.archive .news-listing-item-content, .archive .news-listing-item-image {
    width: 100%
}

.archive .news-listing-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ebebeb;
    text-align: center;
    padding: 40px 20%;
    box-sizing: border-box
}

    .archive .news-listing-item-content h2 {
        color: #ebebeb
    }

.titleSeperator.contain {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.news-detail-date {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333
}

.newsPage .secondaryMenu {
    display: block
}

.timeToEvent {
    width: 100%;
    text-align: center;
    font-size: 20px
}

    .timeToEvent .timeToEventInner {
        display: inline-block
    }

        .timeToEvent .timeToEventInner span {
            font-weight: 400
        }

        .timeToEvent .timeToEventInner .eventName {
            font-size: 30px;
            margin-top: 20px
        }

.newsPage.single .headerBanner.global {
    display: none
}

.news-detail .contentTitle {
    display: block
}

.newsPage.single header {
    position: relative
}

.newsPage.single-special header {
    position: fixed
}

.newsPage.single .titleSeperator.contain {
    max-width: 85.9375%
}

.newsPage.single-special .container-fluid-summary {
    max-width: 85.9375%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px
}

.deals.single .news_navigation_container a.clean-deal-link {
    width: auto;
    float: none;
    display: inline-block;
    padding-top: 0
}

.news_navigation_container > span:nth-child(2) {
    border-left: 1px solid #1e1e1e;
    padding-top: 8px;
    padding-bottom: 8px
}

.news_navigation_container {
    text-align: center
}

    .news_navigation_container i {
        width: 45px;
        height: 65px;
        display: inline-block;
        top: 27px;
        position: relative
    }

    .news_navigation_container .next i {
        background: url(https://www.supernova.si/images/icoSlidingBannerArrowNext_dark.png)
    }

    .news_navigation_container .prev i {
        background: url(https://www.supernova.si/images/icoSlidingBannerArrowPrevious_dark.png)
    }

.news_navigation {
    position: relative
}

    .news_navigation a {
        display: inline-block;
        position: relative;
        text-transform: uppercase;
        padding: 13px 0;
        font-size: 13px;
        background: #ebebeb;
        padding: 6px 15px;
        margin-top: 20px
    }

@media (max-width:1400px) {
    .archive .news-listing-item-content h2, .news-listing-item-date {
        margin-bottom: 10px
    }

    .archive .news-listing-item-content {
        padding: 10px 20%
    }
}

@media (max-width:1150px) {
    .archive .news-listing-item-content {
        padding: 20px
    }
}

@media (max-width:950px) {
    .news-listing.archive .news-listing-item {
        width: 50%
    }

        .news-listing.archive .news-listing-item:nth-child(2n) {
            padding-left: 2px;
            padding-right: 0
        }

        .news-listing.archive .news-listing-item:nth-child(2n-1) {
            padding-right: 2px;
            padding-left: 0
        }
}

@media (max-width:768px) {
    .newsPage .container-fluid {
        margin-top: 3px
    }

    .news_navigation a {
        margin-top: -15px
    }

    .news_navigation_container {
        margin-bottom: 15px
    }

    .news-listing .news-listing-item {
        margin: 0;
        padding-top: 0
    }

    .event-details-container {
        flex-direction: column
    }

        .event-details-container .content-container .content-container-inner {
            padding: 10px
        }

        .event-details-container .image-container, .event-details-container .content-container {
            width: 100%
        }

    .new .news-listing-item-content-container, .new .news-listing-item-image {
        width: 100%
    }

    .new .news-listing-item:nth-child(even) {
        padding-left: 0
    }

    .back-to-events {
        max-width: 300px
    }

    .newsPage.single .titleSeperator.contain {
        padding-top: 20px
    }
}

@media (max-width:600px) {
    .news_navigation.prev .text, .news_navigation.next .text {
        display: none
    }

    .gastro .news-listing-item .news-listing-item-date {
        display: none
    }

        .gastro .news-listing-item .news-listing-item-date.offer {
            display: block
        }

    .new .news-listing-item {
        flex-direction: column
    }

        .new .news-listing-item:nth-child(even) {
            flex-direction: column-reverse
        }

    .news_navigation.next, .news_navigation.prev {
        float: initial
    }

    .news_navigation a {
        max-width: 100%
    }

    .news_navigation.prev a, .news_navigation.next a {
        margin-top: 0
    }

    .back-to-events {
        padding-top: 20px
    }
}

@media (max-width:500px) {
    .news_navigation_container {
        margin-bottom: 20px;
        margin-top: -20px
    }

    .archive .news-listing-item-content {
        padding: 10px
    }

    .back-to-events {
        max-width: 250px
    }
}

@media (max-width:480px) {
    .news_navigation a {
        max-width: 100%
    }

    .news-listing-item h2 {
        font-size: 18px
    }

    .newsHeading {
        display: none
    }

    .news-listing-item-content {
        width: 100%
    }

    .news-listing.archive .news-listing-item, .news-listing.archive .news-listing-item:nth-child(2n), .news-listing.archive .news-listing-item:nth-child(2n-1) {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.pollResults {
    margin-bottom: 20px
}

    .pollResults table {
        width: 100%
    }

    .pollResults td {
        border-bottom: 1px solid #fff;
        padding: 5px 0
    }

        .pollResults td.poll-voteQuestion {
            border-bottom: 3px solid #d6d6d6
        }

        .pollResults td.poll-voteCountLabel {
            border-bottom: 3px solid #d6d6d6
        }

    .pollResults tr.poll-voteRowTotal td {
        border-top: 3px solid #d6d6d6;
        padding: 5px 0;
        text-transform: uppercase
    }

    .pollResults td.poll-voteCountLabel {
        text-align: right
    }

    .pollResults td.poll-voteCounter {
        width: 1%;
        white-space: nowrap;
        padding-left: 20px;
        text-align: center;
        vertical-align: top;
        padding-top: 23px;
        text-align: right;
        font-size: 16px
    }

    .pollResults td.poll-votes {
        text-align: right;
        font-weight: 700;
        font-size: 16px
    }

    .pollResults .poll-voteBar {
        width: 100%;
        margin-bottom: 5px;
        background: #346585
    }

        .pollResults .poll-voteBar span {
            display: inline-block;
            padding: 0 5px;
            color: #fff
        }

.poll-voteQuestion {
    padding-bottom: 5px
}

.poll-voteCountLabel {
    padding-bottom: 5px
}

.product-details {
    *zoom: 1;
    margin-left: -20px
}

    .product-details:before, .product-details:after {
        display: table;
        content: "";
        line-height: 0
    }

    .product-details:after {
        clear: both
    }

.product-details-image {
    float: left;
    width: 33%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .product-details-image img {
        display: block;
        max-width: 100%
    }

.product-image-main {
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .product-image-main img {
        display: block;
        max-width: 100%
    }

.product-thumbnails {
    margin-bottom: 20px;
    margin-left: -10px;
    *zoom: 1
}

    .product-thumbnails:before, .product-thumbnails:after {
        display: table;
        content: "";
        line-height: 0
    }

    .product-thumbnails:after {
        clear: both
    }

.product-thumbnails-item {
    float: left;
    width: 25%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .product-thumbnails-item a {
        display: block;
        overflow: hidden;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

.product-details-description {
    float: right;
    width: 66%;
    padding-left: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.product-purchaseWrap {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.product-purchaseInfo {
    margin-bottom: 20px
}

.product-price {
    font-size: 16px;
    margin-bottom: 5px
}

.product-price-current {
    font-size: 18px;
    font-weight: 700
}

.product-availability {
    font-size: 13px;
    color: gray
}

.variants {
    margin-bottom: 10px
}

    .variants .variant-name, .variants .variant-options {
        padding-bottom: 10px;
        padding-right: 10px
    }

.product-addToCartForm input {
    width: 50px;
    text-align: center
}

.product-addToCartForm-success {
    padding: 10px;
    background: #e6ecf0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.infoForm-container fieldset.horizontal {
    background-color: #c6c6c6;
    padding: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .infoForm-container fieldset.horizontal .input-label {
        float: none;
        width: 100%;
        text-align: left
    }

    .infoForm-container fieldset.horizontal .input {
        margin-left: 0;
        margin-right: 0
    }

    .infoForm-container fieldset.horizontal .input-submit {
        margin-left: 0;
        margin-bottom: 0
    }

@media (max-width:767px) {
    .product-details, .product-purchaseInfo, .product-addToCartForm {
        margin-bottom: 10px
    }

    .infoForm-container fieldset.horizontal {
        padding: 10px
    }
}

@media (max-width:480px) {
    .product-details-image {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .product-details-description {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.productListing {
    margin-left: -20px;
    *zoom: 1
}

    .productListing:before, .productListing:after {
        display: table;
        content: "";
        line-height: 0
    }

    .productListing:after {
        clear: both
    }

.productListing-item {
    float: left;
    width: 33.3%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .productListing-item:nth-child(3n+1) {
        clear: left
    }

    .productListing-item .imageBox {
        margin-bottom: 5px
    }

.productListing-3 .productListing-item {
    width: 33.3%
}

.productListing-4 .productListing-item {
    width: 100%
}

@media (max-width:767px) {
    .productListing {
        margin-left: -10px
    }

    .productListing-item {
        width: 33.3%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .productListing-item:nth-child(3n+1) {
            clear: left
        }

    .productListing-3 .productListing-item {
        width: 33.3%
    }

    .productListing-4 .productListing-item {
        width: 33.3%
    }
}

@media (max-width:420px) {
    .productListing {
        margin-left: -10px
    }

    .productListing-item {
        width: 100%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .productListing-item:nth-child(2n+1) {
            clear: left
        }

        .productListing-item:nth-child(3n+1) {
            clear: none
        }
}

@media (max-width:420px) and (orientation:portrait) {
    .productListing-item {
        width: 100%;
        margin-bottom: 10px
    }

    .productBox {
        padding-top: 10px;
        border-top: 1px solid #ebebeb;
        *zoom: 1
    }

        .productBox:before, .productBox:after {
            display: table;
            content: "";
            line-height: 0
        }

        .productBox:after {
            clear: both
        }

    .productListing-3 .productListing-item {
        width: 100%
    }

    .productListing-4 .productListing-item {
        width: 100%
    }

    .productListing-item .imageBox {
        float: left;
        margin-bottom: 0;
        width: 25%
    }

    .productListing-item .productBox-title {
        margin-left: 25%;
        padding-left: 10px
    }

    .productListing-item .productBox-price {
        margin-left: 25%;
        padding-left: 10px
    }
}

.search-results {
    position: relative;
    *zoom: 1
}

    .search-results:before, .search-results:after {
        display: table;
        content: "";
        line-height: 0
    }

    .search-results:after {
        clear: both
    }

.search-result {
    margin-bottom: 20px
}

    .search-result h3 {
        margin-bottom: 5px
    }

    .search-result hr {
        display: block;
        margin: 0 0 20px 0;
        padding: 0;
        width: 25px;
        height: 1px;
        border: 0;
        border-bottom: 5px dotted #d6d6d6;
        text-align: left
    }

.search-result-date {
    color: #666;
    font-size: 12px
}

.search .paging input {
    display: none
}

.search .paging ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    list-style-type: none;
    *zoom: 1
}

    .search .paging ul:before, .search .paging ul:after {
        display: table;
        content: "";
        line-height: 0
    }

    .search .paging ul:after {
        clear: both
    }

    .search .paging ul li {
        float: left;
        width: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding-top: 10px;
        border-top: 1px solid #013f66
    }

        .search .paging ul li a {
            display: block;
            padding: 0 5px;
            color: #666
        }

            .search .paging ul li a:hover, .search .paging ul li.active a {
                color: #e01919;
                text-decoration: none
            }

            .search .paging ul li a span {
                display: none
            }

        .search .paging ul li.hasMoreMobile {
            display: none
        }

        .search .paging ul li.disabled a {
            cursor: default;
            color: #d6d6d6
        }

            .search .paging ul li.disabled a:hover {
                color: #d6d6d6
            }

        .search .paging ul li u {
            text-decoration: none
        }

@media (max-width:767px) {
    .search-result {
        margin-bottom: 10px
    }

        .search-result hr {
            margin-bottom: 10px
        }
}

@media (max-width:420px) and (orientation:portrait) {
    .search-result h3 {
        font-size: 14px
    }

    .search-result hr {
        width: 100%;
        border-bottom: 1px solid #ebebeb
    }
}

.newsletter-footer-container {
    height: 325px;
    position: relative
}

.newsletter-footer {
    max-height: 300px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

    .newsletter-footer .col.text {
        margin-top: 35px;
        width: 60%;
        max-width: 700px;
        float: left;
        padding: 40px 20px 40px 20px;
        box-sizing: border-box;
        text-align: center
    }

        .newsletter-footer .col.text .title, .popup .title {
            margin-left: 0;
            font-family: Nunito Sans;
            font-size: 25px;
            line-height: 1;
            font-style: italic;
            margin-bottom: 22px
        }

.popup .title {
    text-align: center
}

.newsletter-footer .col.img {
    width: 40%;
    float: left
}

.newsletter-footer .img img {
    float: right;
    margin-top: -30px
}

.newsletter-footer .newsletterBox .skew, .popup .newsletterBox .skew {
    display: inline-block;
    border-radius: 0;
    padding: 0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%
}

.newsletter-footer .newsletterBox {
    margin-right: 0;
    margin-bottom: 20px
}

    .newsletter-footer .newsletterBox .skew input {
        padding: 10px 0
    }

.popup .newsletterBox .skew input {
    padding: 9px 0
}

.newsletter-footer .newsletterBox .skew input, .popup .newsletterBox .skew input {
    border: 1px solid #1e1e1e;
    box-shadow: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    height: auto;
    line-height: 1;
    font-size: 13px;
    color: #a9a8a8
}

.cartSummary .newsletterBox .input-combined input {
    cursor: pointer;
    line-height: 1.85
}

.newsletter-footer .newsletterBox .input-combined input, .newsletter-footer .newsletterBox .input-combined .button, .newsletter-footer .newsletterBox .skew, .popup .newsletterBox .input-combined input, .popup .newsletterBox .input-combined .button, .popup .newsletterBox .skew {
    background: transparent
}

    .newsletter-footer .newsletterBox .skew input::-webkit-input-placeholder {
        font-size: 13px;
        color: #a9a8a8
    }

.newsletter-footer .newsletterBox .skew {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex
}

.newsletter-footer .newsletterBox .newsletterBox-error {
    margin-top: 10px
}

.newsletter-footer .input-combined.appended .button, .newsletter-footer .newsletterBox .skew input {
    display: inline-block
}

.newsletter-footer .agree, .popup .agree {
    display: inline-block;
    margin-bottom: 5px
}

.popup .popup-inner .newsletterBox .input-combined.appended .button {
    max-width: 100%;
    margin-top: 10px
}

.newsletter-footer .newsletterBox .input-combined.appended .button, .popup .newsletterBox .input-combined.appended .button {
    width: 100%;
    max-width: 200px;
    border: 1px solid #1e1e1e;
    background: #1e1e1e;
    padding: 11px 0;
    line-height: 1
}

.newsletter-footer .newsletterBox .alert-error {
    font-size: 13px;
    box-sizing: border-box
}

.newsletter-footer .newsletterBox .input-combined.appended .input-container {
    width: 70%
}

.newsletter-footer .newsletterBox .input-combined.appended .button-container {
    padding-left: 18px;
    width: 30%;
    box-sizing: border-box
}

.newsletter-footer .newsletterBox .input-combined.appended .button:hover, .popup .newsletterBox .input-combined.appended .button:hover {
    background: transparent;
    font-size: 13px;
    color: #1e1e1e
}

.newsletter-footer .newsletterBox .skew input {
    width: 100%
}

.newsletter-footer input[type="checkbox"], .popup input[type="checkbox"] {
    display: none
}

.newsletter-footer .agree label, .popup .agree label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 12px
}

.popup .popup-inner .agree label {
    padding-left: 40px;
    font-size: 13px;
    max-width: 290px;
    line-height: 140%
}

.newsletter-footer .agree label:before, .popup .agree label:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #1e1e1e
}

.popup .popup-inner .agree label:before {
    bottom: auto;
    top: 0
}

.newsletter-footer input[type="checkbox"]:checked + label:after, .popup input[type="checkbox"]:checked + label:after {
    content: "";
    padding: 1px;
    position: absolute;
    width: 2px;
    height: 7px;
    border: solid #3c3c3c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 4px;
    left: 7px
}

@media (max-width:1282px) {
    .newsletter-footer .newsletterBox .input-combined.appended .input-container {
        width: 66.6666%
    }

    .newsletter-footer .newsletterBox .input-combined.appended .button-container {
        width: 33.3333%
    }
}

@media (max-width:1135px) {
    .newsletter-footer .col.text .title {
        font-size: 25px
    }
}

@media (max-width:740px) {
    .newsletter-footer .newsletterBox .input-combined.appended .input-container {
        width: 60%
    }

    .newsletter-footer .newsletterBox .input-combined.appended .button-container {
        width: 40%
    }
}

@media (max-width:699px) {
    .newsletter-footer {
        max-height: 100%;
        height: 100%
    }

        .newsletter-footer .agree label {
            font-size: 12px
        }

        .newsletter-footer .newsletterBox .input-combined input {
            max-width: 100%
        }

    .newsletterBox .input-combined input {
        max-width: 60px
    }

    .newsletter-footer .col.img {
        display: none
    }

    .newsletter-footer .col.text {
        width: 100%;
        position: relative
    }
}

@media (max-width:480px) {
    .newsletter-footer .newsletterBox .input-combined.appended .button-container {
        padding-left: 0
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}




@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .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-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .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-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}


fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

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

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

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

        .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
            outline: 0
        }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40
    }

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

        .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625
        }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

        .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85
        }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

        .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d
        }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
        border-color: transparent
    }

        .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
            color: #777;
            text-decoration: none
        }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #e1e1e1
        }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus {
            z-index: 3
        }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@charset "UTF-8";

.slick-loading .slick-list {
    background: #fff url(https://www.supernova.si/layouts/pages/img/ajax-loader.gif) center center no-repeat
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 0.25
    }

    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.timeline .slick-dots {
    bottom: 50px
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent
    }

        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none
        }

            .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                opacity: 1
            }

        .slick-dots li button:before {
            font-family: 'slick';
            font-size: 30px;
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            content: '•';
            text-align: center;
            opacity: .25;
            color: #595959;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #595959
    }

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}



    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slider {
    margin-bottom: 0
}

.cf:before, .cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

a {
    cursor: pointer;
    color: gray
}

    a.action-button:hover {
        text-decoration: none
    }

        a.action-button:hover .arrow img {
            margin-left: 20px;
            margin-right: -15px
       }

.logo-position img, .game-intro img, .game-menu img, .footer img, .gallery-frame img {
    width: 100%
}

span.line {
    display: inline-block;
    width: 70px;
    height: 1px;
    margin-left: 15px;
    background: #e1e1e1;
    vertical-align: middle
}

body {
    font-size: 16px;
    font-family: 'Roboto',sans-serif
}

.vertical-aligned {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    margin-left: -4px
}

.block-30:before, .block-50:before, .block-60:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.block-30 {
    width: 100%;
    height: 30vh;
    white-space: nowrap
}

.block-50 {
    width: 100%;
    white-space: nowrap
}

.block-60 {
    width: 100%;
    height: 60vh;
    white-space: nowrap
}

::-moz-selection {
    background: #ee1c25;
    color: #fff
}

::selection {
    background: #ee1c25;
    color: #fff
}

.mt-lg-3 {
    margin-top: 30px !important
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility
}

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

.panel-title a.action-button {
    margin: -65px 0 0 51%
}

    .panel-title a.action-button.collapsed span.more {
        display: inline-block
    }

    .panel-title a.action-button.collapsed span.close {
        display: none
    }

    .panel-title a.action-button span.more {
        display: none
    }

    .panel-title a.action-button span.close {
        display: inline-block
    }

    .panel-title a.action-button .arrow img {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .panel-title a.action-button.collapsed .arrow img {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.panel-body h4 {
    color: #595959;
    margin: 15px 0 0 0;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    font-size: 1.618em
}

.panel-body h5 {
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ee1c25;
    font-weight: 400;
    text-decoration: none
}

.panel-body p {
    margin: 0 0 10px 0
}

.panel-body .details {
    margin-top: 30px
}

.navigation {
    height: 130px;
    line-height: 130px
}

    .navigation .logo {
        display: inline-block;
        position: relative
    }

        .navigation .logo img {
            max-width: 200px
        }

    .navigation .dropdown {
        position: absolute;
        top: 0;
        right: -50px;
        background: transparent;
        border: 0
    }

.sub-navigation .search-bar {
    display: inline-block;
    width: 20px;
    text-align: right
}

    .sub-navigation .search-bar.active {
        width: 230px
    }

    .sub-navigation .search-bar input {
        display: none;
        width: 0px;
        height: 40px;
        padding-left: 5px;
        outline: 0;
        border: 0
    }

    .sub-navigation .search-bar.active input {
        display: inline-block;
        width: 190px
    }

.dropdown-menu > li > a {
    font-size: 16px
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: transparent;
    border: 0
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ee1c25;
    background: transparent
}

.navigation .btn-default, .navigation .btn-default:focus {
    background: transparent;
    border: 0
}

.navigation .logo .dropdown-menu {
    width: 200px;
    left: -188px;
    top: 110px
}

.navigation .logo i:before {
    font-size: 2em
}

.navigation nav {
    display: inline-block;
    float: right
}

    .navigation nav a {
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-left: 30px;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

        .navigation nav a:hover {
            color: #ee1c25;
            text-decoration: none;
            border-bottom: 1px solid #ee1c25
        }

        .navigation nav a.active {
            color: #ee1c25;
            text-decoration: none;
            border-bottom: 1px solid #ee1c25
        }

.navigation .logo {
    max-width: 200px
}

.dropdown-menu > li > a {
    padding: 10px 20px
}

.sub-navigation {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e1e1e1
}

    .sub-navigation .social a {
        margin-right: 10px;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

    .sub-navigation a:hover {
        color: #ee1c25
    }

    .sub-navigation .dropdown-menu {
        left: -40px;
        top: 47px
    }

.dropdown-menu > li > a {
    color: #595959
}

.social {
    display: inline-block
}

.toolbar {
    display: flex;
    float: right
}

    .toolbar .dropdown {
        display: inline-block
    }

        .toolbar .dropdown .btn {
            outline: 0;
            border: 0;
            background: transparent;
            color: gray
        }

            .toolbar .dropdown .btn:hover {
                background: transparent
            }

.hero {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    background: #f5f5f5
}

.hero-fix {
    height: auto !important
}

.hero .container {
    position: relative
}

.hero.stores {
    text-align: center
}

    .hero.stores .slider .slide .block-50 .desc h1 {
        margin: 5px auto 25px
    }

    .hero.stores a.action-button {
        margin: 0 auto
    }

    .hero.news label, .hero.stores label {
        padding: 5px 15px;
        background: #ee1c25;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slider {
    position: relative;
    top: 60px
}

@media (max-width:768px) {
    .slider {
        top: 0
    }
}

.slide {
    position: relative;
    overflow: hidden
}

    .slide img {
        width: 100%
    }

.slider .slide:after {
    background: rgba(0,0,0,0.3);
    content: "";
    left: -5%;
    height: 110%;
    opacity: 1;
    position: absolute;
    top: -5%;
    width: 110%;
    z-index: 1
}

.slider .slide .block-50 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

    .slider .slide .block-50 .desc {
        display: block;
        position: relative;
        padding-left: 30px;
        color: #fff;
        z-index: 5
    }

        .slider .slide .block-50 .desc label {
            font-weight: 400;
            letter-spacing: 2px;
            text-transform: uppercase
        }

        .slider .slide .block-50 .desc h1 {
            max-width: 400px;
            margin: 5px 0 25px;
            font-family: 'Oswald',sans-serif;
            font-size: 2.618em;
            line-height: 58px;
            font-weight: 400
        }

.hero .slider-navigation {
    position: absolute;
    top: calc(-30vh);
    right: -15px;
    width: 60px;
    height: 121px;
    z-index: 9
}

    .hero .slider-navigation a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #fff;
        font-size: 20px
    }

        .hero .slider-navigation a:first-child {
            margin-bottom: 1px
        }

    .hero .slider-navigation i {
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out
    }

    .hero .slider-navigation a:first-child:hover i {
        margin-left: 15px
    }

    .hero .slider-navigation a:last-child:hover i {
        margin-right: 15px
    }

.timetable {
    float: left;
    width: 100%;
    padding: 25px 15px;
    margin-top: 30px;
    border: 1px solid #e1e1e1
}

    .timetable .title a {
        color: #ee1c25;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .timetable .subtitle {
        display: inline-block;
        font-family: 'Oswald',sans-serif;
        vertical-align: top
    }

        .timetable .subtitle a {
            color: #595959
        }

    .timetable .desc {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        margin-left: 15px;
        font-size: .887em
    }

        .timetable .desc p {
            margin: 0;
            opacity: 0.7
        }

.container.section {
    margin-top: 60px
}

    .container.section .subtitle a {
        color: #ee1c25;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: initial
    }

    .container.section h2 {
        margin: 10px 0;
        font-family: 'Oswald',sans-serif;
        font-size: 2.618em;
        font-weight: 400;
        color: #595959
    }

    .container.section .box {
        position: relative;
        overflow: hidden
    }

        .container.section .box img {
            width: 100%;
            height: 330px;
            object-fit: cover
        }

        .container.section .box:after {
            background: rgba(0,0,0,0.3);
            content: "";
            left: -5%;
            height: 110%;
            opacity: 1;
            position: absolute;
            top: -5%;
            width: 110%;
            z-index: 1;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            transition: all 300ms ease-out
        }

        .container.section .box:hover:after {
            background: rgba(238,28,37,0.75);
            cursor: pointer
        }

        .container.section .box .desc {
            position: absolute;
            width: 85%;
            left: 15px;
            bottom: 15px;
            font-family: 'Oswald',sans-serif;
            font-weight: 400;
            font-size: 1.618em;
            color: #fff;
            z-index: 5
        }

    .container.section.news .box .subtitle a {
        font-family: 'Roboto',sans-serif;
        color: #fff;
        font-size: .618em
    }
    
.section.countdown {
    position: relative;
    height: 60vh;
    margin-top: 60px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

    .section.countdown:after {
        background: rgba(255,255,255,0.8);
        content: "";
        left: -5%;
        height: 110%;
        opacity: 1;
        position: absolute;
        top: -5%;
        width: 110%;
        z-index: 1
    }

    .section.countdown .content {
        width: 100%;
        height: 60vh;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        z-index: 5
    }

    .section.countdown .subtitle a {
        padding: 5px 15px;
        background: #ee1c25;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

        .section.countdown .subtitle a:hover {
            text-decoration: none;
            background: #d41923
        }

    .section.countdown h2 {
        margin: 10px auto 25px;
        color: #595959;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        font-size: 2.618em
    }

    .section.countdown .timer .circle {
        display: inline-block;
        width: 90px;
        height: 90px;
        margin-right: 30px;
        font-family: 'Oswald',sans-serif;
        font-weight: 400;
        font-size: 1.618em;
        background: #f5f5f5;
        border: 1px solid #e1e1e1;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px
    }

        .section.countdown .timer .circle:last-child {
            margin-right: 0
        }

        .section.countdown .timer .circle span {
            display: block
        }

            .section.countdown .timer .circle span:first-child {
                margin-top: 14px;
                color: #ee1c25
            }

            .section.countdown .timer .circle span:last-child {
                color: #595959;
                font-size: .618em;
                opacity: 0.8
            }

    .section.countdown .action-button {
        margin: 60px auto 0
    }

.section.brands {
    margin-top: 60px
}

    .section.brands .wrapper {
        padding: 60px 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1
    }

    .section.brands img {
        display: block;
        max-width: 100px;
        margin: 0 auto;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .5;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }

    .section.brands a:focus {
        outline: 0
    }

    .section.brands a:hover img {
        opacity: 1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    .section.brands .slick-slide {
        outline: 0
    }

.section.instagram {
    position: relative
}

    .section.instagram img {
        display: block;
        height: 160px;
        object-fit: cover
    }

    .section.instagram a {
        display: block;
        position: relative;
        overflow: hidden
    }

        .section.instagram a:after {
            background: rgba(255,255,255,0.4);
            content: "";
            left: -5%;
            height: 110%;
            opacity: 1;
            position: absolute;
            top: -5%;
            width: 110%;
            z-index: 1;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            transition: all 300ms ease-out
        }

        .section.instagram a:hover:after {
            background: rgba(255,255,255,0.1)
        }

        .section.instagram a.action-button:after {
            background: rgba(255,255,255,0)
        }

        .section.instagram a.action-button {
            position: absolute;
            width: 200px;
            top: 60px;
            left: calc(-50%);
            background: #ee1c25;
            color: #fff;
            z-index: 5;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            transition: all 300ms ease-out
        }

            .section.instagram a.action-button:hover {
                background: #d41923
            }

.newsletter-background {
    margin: -30px 15px 0;
    background: #f5f5f5
}

.section.newsletter {
    height: 30vh;
    margin-top: 30px;
    text-align: center
}

    .section.newsletter h3 {
        margin: 0 auto;
        color: #595959;
        font-family: 'Oswald',sans-serif;
        font-size: 1.618em;
        font-weight: 400
    }

    .section.newsletter p {
        color: #595959;
        margin: 15px 0 20px;
        opacity: 0.8
    }

    .section.newsletter input {
        width: 100%;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        background: #fff;
        outline: 0;
        border: 1px solid #e1e1e1;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }

    .section.newsletter form {
        position: relative;
        width: 300px;
        margin: 0 auto
    }

    .section.newsletter .arrow {
        position: absolute;
        width: 100%;
        max-width: 51px;
        height: 8px !important;
        top: 11px;
        right: 15px;
        padding-left: 5px 0 5px;
        background: #fff;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

        .section.newsletter .arrow:hover {
            right: 6px
        }

::-webkit-input-placeholder {
    font-style: italic
}

:-moz-placeholder {
    font-style: italic
}

::-moz-placeholder {
    font-style: italic
}

:-ms-input-placeholder {
    font-style: italic
}

.footer {
    padding: 90px 0 5px;
    background: #ee1c25;
    color: #fff;
    text-align: center;
    max-width: 100% !important;
    display: flex;
    justify-content: center
}

.container.section.filter h2 {
    margin-bottom: 30px
}

.filter div.col-md-1 {
    padding: 0 5px
}

.filter .icon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    text-align: center;
    background: #f5f5f5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.filter a:hover .icon {
    background: #ee1c25;
    color: #fff
}

.filter .icon.active {
    background: #ee1c25;
    color: #fff
}

.filter a:hover {
    text-decoration: none
}

.filter i:before {
    font-size: 33px;
    margin: 0
}

.filter a:hover i {
    color: #fff
}

.filter label {
    margin-top: 10px;
    color: #595959;
    font-size: .887em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    display: block;
    cursor: pointer
}

.logo-box a {
    display: table;
    width: 100%;
    height: 150px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1;
    white-space: nowrap;
    vertical-align: middle
}

.logo-box img {
    max-width: 90px;
    vertical-align: middle;
    opacity: 1;
    max-height: 150px
}

html[data-useragent*='MSIE 10.0'] .logo-box img {
    margin-top: 20px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .logo-box img {
        margin-top: 30px
    }
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.store-details a.action-button {
    width: 220px
}

.timetable a {
    vertical-align: middle;
    color: #595959;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

    .timetable a:hover {
        color: #ee1c25
    }

.timetable i:before {
    margin-right: 10px;
    color: #ee1c25;
    font-size: 20px
}

.store-details-content h2 {
    line-height: 1em;
    margin: 0 0 25px 0 !important
}

.store-details-content p {
    color: #595959;
    opacity: 0.8
}

hr {
    margin: 0;
    border-top: 1px solid #e1e1e1
}

.container.section.services p {
    opacity: 0.8
}

.container.section.services img {
    height: 360px;
    object-fit: cover
}

.services-background {
    margin: 60px 15px 0;
    padding-bottom: 60px;
    background: #f5f5f5
}

.article .post {
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1
}

    .article .post:first-child {
        margin-top: 0
    }

    .article .post img {
        opacity: .7
    }

.article .image {
    position: relative;
    overflow: hidden
}

    .article .image:after {
        background: rgba(255,255,255,0);
        content: "";
        left: -5%;
        height: 110%;
        opacity: 1;
        position: absolute;
        top: -5%;
        width: 110%;
        z-index: 1;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }

    .article .image:hover:after {
        background: rgba(238,28,37,0.7);
        cursor: pointer
    }

.article .post .intro .date {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 30px;
    padding-top: 12px;
    background: #ee1c25;
    color: #fff;
    vertical-align: top;
    text-align: center;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px
}

    .article .post .intro .date span:first-child {
        display: block;
        font-size: 2em;
        font-family: 'Oswald',sans-serif
    }

    .article .post .intro .date span:last-child {
        font-size: .8em;
        letter-spacing: 1px;
        text-transform: uppercase
    }

.article .post .intro .desc {
    display: inline-block;
    width: calc(-60%);
    margin-left: 30px;
    margin-top: 30px
}

.article .post .intro label a, .sidebar .widget.recent .post .intro .desc label a {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ee1c25;
    margin-bottom: 0
}

.article .post .intro h2 {
    line-height: 1em
}

    .article .post .intro h2 a {
        margin-top: 0;
        color: #595959
    }

.article .post .intro p {
    margin: 20px 0 5px;
    color: #989898
}

.article .post a.action-button {
    text-align: left
}

.sidebar .widget .post {
    margin-bottom: 30px
}

.sidebar .widget {
    border-bottom: 1px solid #e1e1e1
}

    .sidebar .widget.recent a.link-wrapper {
        display: block
    }

    .sidebar .widget h3 {
        margin: 0 0 5px 0
    }

    .sidebar .widget h4 {
        margin: 25px 0;
        color: #595959;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .sidebar .widget:first-child h4 {
        margin-top: 0
    }

    .sidebar .widget nav a {
        display: block;
        margin-bottom: 15px;
        color: #595959;
        opacity: 0.8
    }

    .sidebar .widget.recent .post .intro .desc label {
        margin-bottom: 0
    }

    .sidebar .widget nav a.active {
        color: #ee1c25;
        opacity: 1
    }

    .sidebar .widget nav a:hover {
        text-decoration: none;
        color: #ee1c25;
        opacity: 1
    }

    .sidebar .widget nav a.active span {
        border-bottom: 1px solid #ee1c25
    }

    .sidebar .widget nav a:hover span {
        border-bottom: 1px solid #ee1c25
    }

    .sidebar .widget .intro {
        display: inline-block;
        width: calc(-20%);
        margin-left: 13px
    }

    .sidebar .widget .image {
        display: inline-block;
        vertical-align: top
    }

    .sidebar .widget img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px
    }

.sidebar .image {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px
}

    .sidebar .image:after {
        background: rgba(255,255,255,0);
        content: "";
        left: -5%;
        height: 110%;
        opacity: 1;
        position: absolute;
        top: -5%;
        width: 110%;
        z-index: 1;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out
    }

    .sidebar .image:hover:after {
        background: rgba(238,28,37,0.7);
        cursor: pointer
    }

.sidebar .widget .intro .date {
    font-size: .8em;
    font-style: italic;
    opacity: 0.6
}

.sidebar .widget h3 a {
    font-family: 'Oswald',sans-serif;
    color: #595959;
    font-size: 1em;
    font-weight: 400;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

    .sidebar .widget h3 a:hover {
        color: #ee1c25
    }

a.load-more {
    margin-top: 30px;
    background: #f5f5f5;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

    a.load-more:hover {
        background: #e1e1e1
    }

.article .slider .slide:after {
    background: transparent;
    content: "";
    left: -5%;
    height: 110%;
    opacity: 1;
    position: absolute;
    top: -5%;
    width: 110%;
    z-index: 1
}

.single-article .post .intro .desc {
    width: 100%;
    margin: 0
}

.single-article .date-simple {
    font-size: .8em;
    font-style: italic;
    opacity: 0.6
}

.single-article p {
    line-height: 1.618em
}

.single-article .desc img {
    margin: 20px 0
}

a.action-button.inverse .arrow img {
    margin-right: 5px
}

a.action-button.inverse:hover .arrow img {
    margin-left: -10px;
    margin-right: 20px
}

.load-more.inverse .arrow img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.quote {
    padding: 35px 30px 40px;
    margin: 30px 0;
    background: #f5f5f5;
    font-family: 'Oswald',sans-serif;
    font-size: 1.618em;
    text-align: center;
    border-left: 5px solid #ee1c25
}

    .quote .icon {
        font-size: 1.618em;
        font-family: 'Oswald',sans-serif;
        line-height: 1em;
        opacity: 0.2
    }

    .quote p {
        margin: 15px 0 5px !important;
        line-height: 1.618em
    }

    .quote span {
        font-family: 'Roboto',sans-serif;
        font-size: .618em;
        letter-spacing: 1px;
        text-transform: uppercase;
        opacity: 0.5
    }

.single-article .image-gallery img {
    width: 100%;
    height: 180px;
    object-fit: cover
}

.single-article .image-gallery a {
    margin-right: 25px
}

.hero.contact {
    height: auto !important;
    margin-bottom: 0;
    padding-bottom: 60px
}

.section.people {
    margin-top: 0;
    padding-top: 60px
}

    .section.people .person {
        margin-top: 30px;
        text-align: center
    }

        .section.people .person label {
            margin: 30px auto 15px;
            color: #ee1c25;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase
        }

        .section.people .person h5 {
            margin: 0 auto 10px;
            color: #595959;
            font-size: 1em;
            font-weight: 400;
            font-family: 'Oswald',sans-serif
        }

        .section.people .person p {
            margin: 0 auto 10px
        }

            .section.people .person p a {
                -webkit-transition: all 200ms ease-out;
                -moz-transition: all 200ms ease-out;
                -o-transition: all 200ms ease-out;
                transition: all 200ms ease-out
            }

                .section.people .person p a:hover {
                    color: #ee1c25
                }

        .section.people .person img {
            display: block;
            width: 150px;
            height: 150px;
            margin: 0 auto;
            object-fit: cover;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            border-radius: 200px;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            transition: all 300ms ease-out
        }

            .section.people .person img:hover {
                opacity: 1;
                -webkit-filter: grayscale(0);
                filter: grayscale(0)
            }

.timetable-details .wrapper {
    min-height: 230px;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #e1e1e1
}

.timetable-details .row {
    margin-bottom: 20px
}

    .timetable-details .row:last-child {
        margin-bottom: 0
    }

.timetable-details label {
    color: #595959;
    font-family: 'Oswald',sans-serif;
    font-weight: 400
}

.timetable-details p {
    margin: 0 0 3px 0;
    opacity: 0.7
}

#map {
    width: 100%;
    height: 50vh;
    margin-top: 60px
}

.disable-hover, .disable-hover * {
    pointer-events: none !important
}

.about p, .offers p {
    margin: 0 0 30px 0;
    opacity: 0.7
}

.about img {
    height: 330px;
    object-fit: cover
}

.offers a:hover {
    color: #ee1c25
}

.offers .contact-form {
    position: relative;
    width: 100%;
    height: 250px;
    margin-top: 3px
}

.offers textarea {
    position: relative;
    width: 100%;
    height: 250px;
    outline: 0;
    padding: 15px;
    border: 1px solid #e1e1e1;
    resize: none
}

.offers .send {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 140px;
    background: transparent
}

.offers span.i {
    font-style: italic
}

@media only screen and (max-width:1400px) {
    .navigation {
        height: 90px;
        line-height: 90px
    }

        .navigation .logo .dropdown-menu {
            top: 88px;
            left: -158px
        }

    .slider {
        margin-top: 30px
    }

    .hero {
        margin-bottom: 30px
    }

    .hero-fix {
        height: auto !important
    }

    .navigation .logo img {
        max-width: 170px
    }

    .section.countdown .action-button {
        margin: 30px auto 0
    }
}

@media only screen and (max-width:1199px) {
    .timetable span.line {
        margin-left: 0
    }

    .timetable .desc {
        display: block;
        margin-left: 0
    }

    .container.section .box img {
        height: 270px
    }

    .logo-box a {
        height: 120px;
        line-height: 120px
    }

    .logo-box img {
        max-width: 60px
    }

    .article .post img {
        height: 350px
    }

    .section.instagram img, .single-article .image-gallery img {
        height: 130px
    }

    .container.section h2 {
        font-size: 1.618em
    }

    .sidebar .widget h3 a {
        font-size: .887em
    }
}

@media only screen and (max-width:1024px) {
    .timetable {
        padding: 15px 0
    }

    .hero .slider-navigation {
        right: -12px
    }

    .sidebar .widget img {
        width: 70px;
        height: 70px
    }

    .sidebar .widget .intro {
        width: calc(10%)
    }

    .section.instagram a.action-button {
        top: 47px
    }

    .section.countdown .action-button {
        margin-top: 30px
    }
}

@media only screen and (max-width:991px) {
    .container.section .box img {
        height: 210px
    }

    .container.section .box .desc {
        font-size: 1em
    }

    .section.instagram img {
        height: 90px
    }

    .section.instagram a.action-button {
        top: 25px
    }

    .filter .icon {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .filter label {
        font-size: .618em
    }

    .filter i:before {
        font-size: 22px
    }

    .logo-box a {
        height: 90px;
        line-height: 90px
    }

    span.line {
        width: 30px
    }

    .sidebar .widget.recent .post .intro .desc label a {
        font-size: 0.887em
    }

    .sidebar .widget .intro .date {
        font-size: 0.618em
    }

    .article .post .intro .desc {
        width: calc(-35%)
    }

    .single-article .article .post .intro .desc {
        width: 100%
    }

    .single-article .image-gallery img {
        height: 100px
    }

    .timetable-details .wrapper {
        min-height: 300px
    }

    .offers textarea {
        margin-bottom: 30px;
        float: left
    }

    .section.people .person img {
        width: 120px;
        height: 120px
    }

    .sidebar .widget.recent .post .intro .desc label a {
        font-size: .618em
    }

    .sidebar .widget h3 a {
        font-size: .618em
    }

    .sidebar .widget .intro {
        line-height: 1em
    }
}

@media only screen and (max-width:768px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    .newsletter-background {
        margin-left: 0;
        margin-right: 0
    }

    .footer {
        margin: 0
    }

    .container.section {
        margin-top: 30px
    }

    .hero .slider-navigation {
        top: calc(-35vh);
        right: 15px
    }

    .single-slika-fix {
        top: 0 !important
    }

    .hero-fix {
        height: auto !important
    }

    .section.countdown, .block-60 {
        height: 50vh !important
    }

    .article .post .intro .date {
        margin-top: 15px
    }

    .article .post .intro .desc {
        margin-left: 15px;
        margin-top: 15px
    }

    .hero .slider-navigation a:last-child:hover i {
        margin-right: 0
    }

    .hero .slider-navigation a:first-child:hover i {
        margin-left: 0
    }

    .sidebar .widget .intro {
        margin-left: 5px
    }

    .article .post img {
        height: 300px
    }

    .single-article .image-gallery img {
        height: 100px
    }

    .section.brands img {
        max-width: 60px
    }

    .section.brands .wrapper {
        padding: 40px 0
    }
}

@media only screen and (max-width:767px) {
    .hero {
        margin-bottom: 15px
    }

    .timetable span.line {
        margin-left: 15px
    }

    .sub-navigation .dropdown-menu {
        top: 37px
    }

    .container.section.people {
        margin-top: 0
    }

    .container.section.news-posts {
        margin-top: 15px
    }

    .timetable .title {
        margin-bottom: 0
    }

    a.action-button {
        width: 150px
    }

    .navigation {
        height: 70px;
        line-height: 45px
    }

        .navigation .dropdown {
            top: -12px
        }

        .navigation .logo {
            max-width: 100px;
            margin: 18px auto 2px;
            display: block
        }

        .navigation nav {
            float: left;
            width: 100%;
            text-align: center
        }

            .navigation nav a {
                margin-left: 15px;
                font-size: .887em;
                letter-spacing: 0
            }

                .navigation nav a:first-child {
                    margin-left: 0
                }

    .section.newsletter, .section.newsletter .block-30 {
        height: 50vh
    }

    .container.filter {
        margin-bottom: 15px
    }

    .slider {
        margin-top: 0
    }

    .hero .container {
        padding: 0;
        width: 100%
    }

    .sub-navigation {
        height: 40px;
        line-height: 40px
    }

    .navigation .logo .dropdown-menu {
        left: -130px;
        top: 40px
    }

    .slider .slide .block-50 .desc h1 {
        margin: 0 0 25px;
        font-size: 1.618em;
        line-height: 1.5em
    }

    .slider .slide .block-50 .desc {
        padding-left: 15px
    }

    .hero .slider-navigation {
        top: auto;
        bottom: -25px;
        right: 15px;
        width: 101px;
        height: 50px
    }

        .hero .slider-navigation a {
            display: inline-block;
            float: right;
            width: 50px;
            height: 50px;
            line-height: 50px
        }

            .hero .slider-navigation a:first-child {
                margin-bottom: 0;
                margin-left: 1px;
                float: right
            }

    .hero.stores .slider .slide .block-50 .desc, .hero.news .slider .slide .block-50 .desc {
        padding-left: 0
    }

    .section.brands {
        margin-top: 60px
    }

    .section.countdown h2 {
        font-size: 1.618em
    }

    .section.countdown .timer .circle {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        font-size: 1em
    }

        .section.countdown .timer .circle span:first-child {
            margin-top: 5px
        }

    .footer {
        padding-top: 30px
    }

        .footer nav a {
            width: 100px;
            display: block;
            text-align: left;
            margin-left: 15px;
            margin-bottom: 15px
        }

            .footer nav a:first-child {
                margin-left: 15px
            }

        .footer p {
            margin-top: 30px;
            margin-left: 15px;
            text-align: left
        }

    .timetable {
        margin-top: 15px
    }

        .timetable a {
            width: 100%;
            float: left;
            margin-bottom: 0
        }

        .timetable .subtitle a {
            margin-top: 15px
        }

        .timetable div:last-child a {
            margin-bottom: 0
        }

        .timetable.hotlinks {
            margin-top: 0
        }

            .timetable.hotlinks a {
                margin-bottom: 15px
            }

    .container.section.store-details-content {
        margin-top: 15px
    }

    .store-details-content h2 {
        margin: 0 0 15px 0 !important
    }

    .container.section.services img, .article .post img, .about img {
        height: auto
    }

    .article .post .intro .date {
        width: 70px;
        height: 70px;
        padding-top: 18px
    }

        .article .post .intro .date span:first-child {
            font-size: 1.432em;
            line-height: .618em
        }

    .article .post .intro .desc {
        width: calc(10%)
    }

    .article .post .intro h2 a {
        line-height: 1.432em
    }

    .article .post .intro h2 {
        margin-top: 0
    }

    .article .post .intro p {
        margin: 5px 0
    }

    .article .post .intro .date span:last-child {
        font-size: 0.618em
    }

    .sidebar {
        margin-top: 30px
    }

        .sidebar .widget h4 {
            margin: 15px 0
        }

        .sidebar .widget h3 {
            margin: 5px 0
        }

            .sidebar .widget h3 a {
                font-size: .887em
            }

    .article .post {
        padding-bottom: 0
    }

    a.load-more {
        width: 200px;
        margin: 15px auto 0
    }

    .container.section.single-article {
        margin-top: 0
    }

    .quote {
        font-size: 1em
    }

    .single-article .image-gallery a {
        margin-right: 15px
    }

    .single-article .image-gallery img {
        height: 80px
    }

    .single-article .article .post .intro .desc {
        margin: 0
    }

    .services-background {
        margin: 30px 15px 0;
        padding-bottom: 0
    }

    .timetable-details label {
        margin-bottom: 10px
    }

    .container.section.services {
        margin-top: 15px
    }

        .container.section.services .subtitle {
            margin-top: 15px
        }

    .panel-title a.action-button {
        margin: 0
    }

    .panel-title a.action-button {
        width: 170px
    }

    .section.people {
        padding: 15px
    }

    #map {
        height: 40vh;
        margin-top: 30px
    }

    .sub-navigation .search-bar input {
        width: 110px !important;
        height: 35px
    }

    .sub-navigation .search-bar.active {
        width: 140px
    }
}

@media only screen and (max-device-width:736px) and (orientation:landscape) {
    .timetable a {
        width: auto;
        margin-bottom: 0
    }

    .section.countdown, .block-60 {
        height: 80vh
    }

    .section.newsletter, .section.newsletter .block-30 {
        height: 60vh
    }
}

@media only screen and (max-width:330px) {
    .navigation nav a {
        margin-left: 10px
    }

    .toolbar .dropdown button {
        padding-left: 0;
        width: 60px
    }

    .sub-navigation .search-bar input {
        width: 90px !important;
        height: 35px
    }

    .sub-navigation .search-bar.active {
        width: 120px
    }
}

.intro-boxes {
    margin-top: 0px;
    margin-bottom: 50px
}

.intro-link {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px
}

.intro-table-fix {
    display: table
}

.intro-box {
    width: 100%;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height: 200px;
    display: table-cell;
    border: 2px solid #f1f1f1
}

.intro-img {
    width: 262px
}

.intro-arrow {
    display: block;
    position: absolute;
    width: 100px;
    bottom: 10px;
    right: 20px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

@media (max-width:992px) {
    .intro-box {
        padding-top: 0;
        height: 200px;
        vertical-align: middle
    }

    .intro-table-fix {
        margin: 0 auto
    }
}

@media (max-width:480px) {
    .intro-box {
        height: 120px
    }

    .intro-arrow {
        display: none
    }
}

.intro-title {
    position: absolute;
    bottom: 10px;
    left: 20px;
    margin: 0;
    color: red;
    z-index: 20;
    font-weight: 400;
    -webkit-transition: all 0.23s ease-in-out;
    transition: all 0.23s ease-in-out
}

.intro-link:hover .intro-title {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.intro-link:hover .intro-overlay {
    background: rgba(22,22,22,0)
}

.intro-link:hover .intro-box {
    box-shadow: 0 0 30px 0 rgba(105,98,109,0.2);
    border-color: #ee1c25
}

.intro-link:hover .intro-arrow {
    right: 10px;
    opacity: 1
}

.intro-boxes .col-md-3 {
    margin-bottom: 30px
}

.footer-intro {
    padding-top: 0
}

.content-intro p {
    margin-top: 15px
}

.intro-logo {
    text-align: center;
    margin: 40px 0 40px 0
}

.intro-logo-link {
    display: inline-block
}

.intro-headline {
    display: block;
    text-align: center;
    padding: 0 15px;
    font-family: 'Oswald',sans-serif;
    font-size: 2.618em;
    font-weight: 400;
    color: #595959
}

@media (max-width:480px) {
    .intro-headline {
        font-size: 2em
    }
}

.logo-position {
    width: 230px;
    display: inline-block;
    float: left
}

.logo-img {
    height: auto;
    padding: 7px 0
}

@media only screen and (max-width:767px) {
    .logo-position {
        display: block;
        float: none;
        text-align: center
    }

    .logo-img {
        height: auto;
        padding: 4px 0
    }
}

.usluge-single-tekst, .usluge-single-tekst p, .usluge-single-tekst p span, .trgovina-single-tekst, .trgovina-single-tekst p, .trgovina-single-tekst p span, .article .post .intro p, .article .post .intro p span {
    font-size: 16px !important;
    color: #989898 !important;
    font-family: 'Roboto',sans-serif !important;
    line-height: 1.618em !important
}

    .usluge-single-tekst, .usluge-single-tekst b, .trgovina-single-tekst, .trgovina-single-tekst b, .article .post .intro b {
        color: #000
    }

.kontakt-tekst-fix, .kontakt-tekst-fix p, .kontakt-tekst-fix p strong, .kontakt-tekst-fix span, .kontakt-tekst-fix span strong {
    color: #333 !important
}

    .kontakt-tekst-fix > span {
        opacity: 0.7 !important
    }

.mapa-popup {
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px solid black
}

@media (max-width:996px) {
    .mapa {
        width: 100%;
        overflow: scroll;
        max-width: 100%
    }

        .mapa svg {
            width: 100%;
            height: auto;
            margin: 20px 0
        }
}

.footer-link {
    color: #fff
}

    .footer-link:hover {
        font-weight: 700
    }

@media (max-width:768px) {
    .insta-col {
        padding: 0
    }
}

.MsoNormalTable {
    width: 100% !important
}

.fl {
    float: left
}

.file-gallery {
    margin-bottom: 40px
}

.file-single {
    float: left;
    margin: 0 .5%;
    width: 32%;
    margin-bottom: 10px
}

.file-list {
    padding: 0;
    margin: 10px 0;
    list-style-type: none
}

.file-single a {
    color: #ee1c25;
    background: #f5f5f5;
    display: block;
    padding: 15px
}

    .file-single a:hover {
        background: #e1e1e1
    }

.file-icon {
    margin-right: 15px;
    font-size: 20px;
    color: #333 !important
}

.file-name {
    line-height: 28px
}

@media (max-width:996px) {
    .file-single {
        width: 100%
    }
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray
}

    .grayscale.grayscale-fade {
        transition: filter .5s
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter 0.5s;
        transition: -webkit-filter 0.5s
    }
}

.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

    .grayscale.grayscale-replaced > svg {
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        opacity: 1
    }

    .grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg {
        opacity: 0
    }

.bankomat {
    fill: #9dc75c
}

.stepenice, .wc, .lift {
    fill: #e40614
}

.mapa {
    margin: 40px 0
}

.banka-pop-up {
    position: absolute;
    width: 80px;
    height: 80px;
    display: none;
    background: white;
    border: 1px solid #000
}

.footer {
    background: #000
}

body {
    font-family: Roboto;
    font-size: 16px
}

.container-header {
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: #000;
    z-index: 5000
}

.sub-navigation {
    border-bottom: 0px
}

.toolbar .dropdown .button {
    border: 2px solid #f1f1f1;
    border-radius: 1px;
    padding: 4px 12px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 4px;
    transition: border 300ms ease
}

    .toolbar .dropdown .button:hover {
        border-color: #ee1c25;
        box-shadow: 0 0 30px 0 rgba(105,98,109,0.2)
    }

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color: #333;
    color: #fff
}

.toolbar .dropdown .btn {
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    opacity: 0.7;
    transition: opacity 200ms ease-in-out
}

.toolbar .dropdown:hover .btn {
    opacity: 1
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #333
}

.sub-navigation .dropdown-menu {
    top: 38px;
    left: -48px
}

.container-intro {
    padding-top: 8rem
}

.gift-card-button {
    display: inline-block;
    width: 200px;
    height: 35px;
    transition: opacity 200ms ease
}

    .gift-card-button[data-lang="en"] {
        width: 150px
    }

    .gift-card-button svg {
        display: none;
        vertical-align: middle
    }

    .gift-card-button[data-lang="en"] svg.gift-card-button-en {
        display: inline-block
    }

    .gift-card-button[data-lang="sl"] svg.gift-card-button-sl {
        display: inline-block
    }

    .gift-card-button svg .gift-card-icon, .gift-card-button svg .gift-card-title, .gift-card-button svg .gift-card-background {
        transition: stroke 200ms ease-in-out,fill 200ms ease-in-out
    }

    .gift-card-button:hover svg .gift-card-icon {
        stroke: #ee1c25
    }

    .gift-card-button:hover svg .gift-card-title {
        fill: #ee1c25
    }

    .gift-card-button:hover svg .gift-card-background {
        fill: #fff
    }

.intro-headline {
    font-family: Nunito Sans,sans-serif;
    font-weight: 300;
    letter-spacing: .05rem
}

.intro-subheadline {
    font-size: 22px
}

.intro-box.qlandia .banner {
    position: absolute;
    left: 4px;
    top: 0px;
    width: 100px;
    height: 45px
}

.map-outer-container {
    background: #f1f1f1
}

.map-container {
    padding: 0px
}

.map-intro-text {
    font-family: "Nunito Sans";
    font-weight: 300;
    text-align: center;
    font-size: 22px
}

    .map-intro-text h2 {
        font-weight: 100;
        text-transform: uppercase;
        font-size: 48px;
        margin: 0px;
        margin-bottom: 2rem
    }

.map {
    position: relative;
    padding: 80px 0;
    padding-bottom: 0
}

.map-wrapper {
    width: 970px;
    height: 860px;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.8);
    margin-top: -100px;
    margin-bottom: -200px
}

.map #interactive-map {
    position: relative;
    transform-origin: left top;
    margin-left: auto;
    margin-right: auto
}

.map #interactive-map-croatia {
    position: relative;
    transform-origin: left top;
    margin-left: auto;
    margin-right: auto
}

.img-fluid, .img-thumbnail {
    width: 1170px;
    height: 760px
}

.map__point {
    position: absolute;
    z-index: 900
}

    .map__point:hover {
        width: 300px;
        height: 140px;
        z-index: 1000
    }

    .map__point.top-right:hover {
        transform: translateY(-98px)
    }

    .map__point.top-left:hover {
        transform: translateX(-258px) translateY(-98px)
    }

    .map__point.bottom-left:hover {
        transform: translateX(-358px)
    }

    .map__point .inside_wrapper {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 42px;
        height: 42px;
        padding: 5px;
        transition: border 300ms ease;
        border: 1px solid rgba(238,28,37,0);
        border-radius: 50px
    }

    .map__point .no-cart {
        background: 0 0 !important;
        border: 1px solid #ee1c25
    }

    .map__point:hover .inside_wrapper {
        border: 1px solid #ee1c25
    }

    .map__point.top-right:hover .inside_wrapper {
        top: auto;
        bottom: 0px
    }

    .map__point.top-left:hover .inside_wrapper {
        top: auto;
        bottom: 0px;
        left: auto;
        right: 0px
    }

    .map__point.bottom-left:hover .inside_wrapper {
        left: auto;
        right: 0px
    }

    .map__point .inside_wrapper .inside {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: #ee1c25
    }

.map__content {
    position: absolute;
    left: 50px;
    top: 0px;
    width: 250px;
    display: none;
    padding: 2rem;
    border-radius: 8px;
    background-color: #fafafa;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    transform-origin: left top;
    z-index: 1000
}

.map__point.top-left:hover .map__content, .map__point.bottom-left:hover .map__content {
    left: 0px
}

.map__content strong {
    display: block;
    margin-bottom: 1rem
}

.map__point:hover .map__content {
    display: block
}

.map__point-1 {
    left: 808px;
    top: 170px
}

.map__point-2 {
    left: 665px;
    top: 560px
}

.map__point-3 {
    left: 124px;
    top: 482px
}

.map__point-4 {
    left: 450px;
    top: 358px
}

.map__point-5 {
    left: 776px;
    top: 492px
}

.map__point-6 {
    left: 915px;
    top: 239px
}

.map__point-7 {
    left: 374px;
    top: 355px
}

.map__point-8 {
    left: 430px;
    top: 444px
}

.map__point-9 {
    left: 93px;
    top: 475px
}

.map__point-10 {
    left: 840px;
    top: 174px
}

.map__point-11 {
    left: 640px;
    top: 540px
}

.map__point-12 {
    left: 623px;
    top: 197px
}

.map__point-13 {
    left: 382px;
    top: 322px
}

.map__point-14 {
    left: 350px;
    top: 333px
}

.map__point-15 {
    left: 204px;
    top: 518px
}

.map__point-16 {
    left: 135px;
    top: 700px
}

.map__point-17 {
    left: 310px;
    top: 578px
}

.map__point-18 {
    left: 408px;
    top: 410px
}

.map__point-19 {
    left: 252px;
    top: 230px
}

.map__point-20 {
    left: 694px;
    top: 327px
}

.map__point-21 {
    left: 120px;
    top: 670px
}

.map__point-22 {
    left: 865px;
    top: 200px
}

.map__point-23 {
    left: 573px;
    top: 157px
}

.map__point-24 {
    left: 670px;
    top: 620px
}

.map__point-25 {
    left: 715px;
    top: 285px
}

@media (max-width:1170px) {
    .map {
        padding: 40px
    }

    .map-wrapper {
        width: 836px;
        height: 708px
    }

    .map #interactive-map {
        transform: scale(0.8)
    }

    .map__content {
        transform: scale(1.25)
    }
}

@media (max-width:940px) {
    .map-wrapper {
        width: 602px;
        height: 356px
    }

    .map #interactive-map {
        transform: scale(0.6)
    }

    .map__content {
        transform: scale(1.66)
    }
}

@media (max-width:768px) {
    .container-header {
        left: 0px;
        right: 0px;
        transform: none
    }
}

@media (max-width:710px) {
    .map-intro-text {
        font-size: 18px
    }

        .map-intro-text h2 {
            font-size: 32px
        }

    .map-wrapper {
        width: 468px;
        height: 304px
    }

    .map #interactive-map {
        transform: scale(0.4)
    }

    .map__content {
        transform: scale(2.5)
    }
}

@media (max-width:470px) {
    .map-wrapper {
        width: 351px;
        height: 228px
    }

    .map #interactive-map {
        transform: scale(0.3)
    }

    .map__content {
        transform: scale(3.33)
    }
}

.magazine_svg:hover {
    content: url(https://www.supernova.si/layouts/pages/firstPage2020/img/Magazin-Hover.svg);
    cursor: pointer
}

.footer-column {
    text-align: left !important;
    color: white;
    min-width: 280px
}

.fa {
    padding: 6px;
    font-size: 19px !important;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none !important;
    margin: 3px;
    border-radius: 50%
}

.fa-facebook {
    background: white;
    color: black !important
}

.fa-instagram {
    background: white;
    color: black !important
}

.black-line {
    height: 60px;
    background-color: black;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    justify-content: center;
    color: white
}

#red-part {
    color: #ee2333;
    text-decoration-line: underline;
    font-weight: bold
}

.header {
    height: 76px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: white
}

#dropdownMenu1 {
    justify-content: space-between;
    width: 135px;
    color: black;
    display: flex;
    align-items: center
}

#go-to-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#go-to-supernova {
    font-family: 'Open Sans', sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000;
    flex-direction: column
}

#location-img {
    width: 20px;
    margin: 0px 10px
}

#mobile-red_cta {
    display: none
}

@media only screen and (max-width:767px) {
    #go-to-supernova {
        display: none !important
    }

    .gift-card-button-sl {
        display: none !important
    }

    .gift-card-button {
        width: auto;
        height: auto
    }

    .header {
        justify-content: space-between
    }

    .logo-position {
        display: unset !important;
        float: unset !important;
        text-align: unset !important;
        margin-left: 15px
    }

    #location-img {
        width: 30px
    }

    #mobile-red_cta {
        display: block;
        width: 45px;
        margin-right: 25px
    }
}

@media only screen and (max-width:350px) {
    .black-line {
        height: 110px
    }
}

.storesListing {
    overflow: auto;
    padding: 0 30px
}

    .storesListing .store:nth-child(3n+1) {
        clear: left
    }

    .storesListing .store {
        width: 33.333333333%;
        float: left;
        padding: 37px;
        box-sizing: border-box;
        text-align: center;
        color: #1e1e1e
    }

        .storesListing .store .storeBorder {
            cursor: pointer;
            position: relative;
            height: 100%;
            padding: 3px 75px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

            .storesListing .store .storeBorder .seperator {
                height: 1px;
                background-color: #949494;
                margin-bottom: 15px
            }

            .storesListing .store .storeBorder:hover {
                background: #fff
            }

        .storesListing .store .image-container, .storesListing .store .text-container {
            height: 105px;
            position: relative
        }

        .storesListing .store .text-container {
            display: table;
            width: 100%
        }

        .storesListing .store .image-container img {
            max-height: 100%
        }

        .storesListing .store .storeLogo {
            max-width: 231px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }

        .storesListing .store .storeTitle {
            font-weight: 500;
            font-family: Nunito Sans;
            font-size: 25px;
            margin-bottom: 10px;
            line-height: 115%
        }

        .storesListing .store .storeLink, .storesListing .store .storeText {
            display: table-cell;
            vertical-align: middle
        }

        .storesListing .store .storeLink-id {
            font-size: 14px;
            position: relative;
            color: #1e1e1e;
            transition: all 0.3s ease-in-out;
            text-transform: uppercase;
            display: none;
            border: 1px solid #1e1e1e;
            padding: 7px 20px
        }

            .storesListing .store .storeLink-id:hover {
                background: #1e1e1e;
                color: #ebebeb
            }

        .storesListing .store:hover .storeLink-id {
            display: inline-block
        }

        .storesListing .store:hover .storeTitle, .storesListing .store:hover .category-floor {
            display: none
        }

        .storesListing .store .category-floor span {
            display: block;
            text-transform: uppercase;
            font-size: 12px
        }

            .storesListing .store .category-floor span .fa {
                opacity: 0;
                margin-right: 10px;
                font-size: 12px;
                margin-left: 5px;
                transition: opacity 0.3s ease-in-out
            }

        .storesListing .store:hover span .fa {
            opacity: 1
        }

.storeDetailsSeperator {
    clear: left;
    font-size: 22px;
    border-bottom: 1px solid #1e1e1e;
    padding-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #1e1e1e
}

.storesListing .store.no-hover .storeBorder:hover {
    background: initial !important;
    cursor: initial !important
}

.storesListing .store.no-hover:hover .storeTitle, .storesListing .store.no-hover:hover .category-floor {
    display: block !important
}

.squeare {
    width: 33px;
    height: 33px;
    position: absolute
}

    .squeare:nth-child(1) {
        left: 0;
        top: 0;
        border-left: 2px solid #fff;
        border-top: 2px solid #fff
    }

    .squeare:nth-child(2) {
        right: 0;
        top: 0;
        border-right: 2px solid #fff;
        border-top: 2px solid #fff
    }

    .squeare:nth-child(3) {
        left: 0;
        bottom: 0;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    .squeare:nth-child(4) {
        right: 0;
        bottom: 0;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

.contain-deals main .container-fluid {
    max-width: 100%
}

.contain-deals .deals {
    max-width: 69.270833333%;
    margin: 0 auto
}

.deals .dealsListing {
    margin-left: -20px
}

.deals .list-item {
    display: block;
    width: 33.333333333%;
    float: left;
    padding-left: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: relative
}

.deal .storeBorder {
    text-align: center;
    position: relative
}

.deal .image-container {
    text-align: center;
    position: relative
}

.deals .deal .image-container .dealImage {
    width: 100%
}

.deal .dealsText {
    position: absolute;
    left: -10px;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 10px;
    padding: 25px 10px
}

.deal .dealTitle {
    font-family: Nunito Sans;
    color: #fff;
    line-height: 110%;
    font-size: 25px;
    margin: 5px 0;
    font-weight: 100
}

.deal .more-button {
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    color: rgba(255,255,255,0.85);
    border: 1px solid rgba(255,255,255,0.85);
    text-transform: uppercase;
    padding: 7px 20px;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer
}

    .deal .more-button:hover {
        background-color: rgba(255,255,255,0.85);
        color: #1e1e1e
    }

.actual .dealTitle {
    text-transform: uppercase;
    white-space: normal;
    line-height: 140%
}

.actual .storeTitle {
    font-weight: bold
}

.dealSummary p, .dealSummary, .dealSummary div {
    font-size: 12px
}

.single.deals {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

    .single.deals .deal {
        width: 100%;
        padding: 0
    }

        .single.deals .deal .image-container {
            width: 33.333333333%
        }

        .single.deals .deal .dealsText {
            width: 66.666666667%
        }

        .single.deals .deal .image-container, .single .deals .deal .dealsText {
            position: relative;
            float: left;
            margin: 0
        }

        .single.deals .deal .dealsText-inner .storeTItle {
            font-size: 25px;
            line-height: 1;
            margin-bottom: 20px
        }

        .single.deals .deal .dealsText {
            display: table;
            position: relative;
            color: #1e1e1e;
            box-sizing: border-box;
            padding-left: 7%;
            padding-right: 7%;
            font-weight: bold;
            left: auto;
            font-weight: normal
        }

            .single.deals .deal .dealsText .dealsText-inner {
                display: table-cell;
                vertical-align: middle
            }

        .single.deals .deal .dealTitle {
            color: #1e1e1e;
            margin: 20px 0
        }

        .single.deals .deal .dealDate {
            margin-bottom: 10px;
            font-weight: bold
        }

        .single.deals .deal .image-container {
            display: table
        }

            .single.deals .deal .image-container .image {
                display: table-cell;
                vertical-align: middle
            }

.storeDetails .sectionTitle {
    font-size: 20px;
    margin-bottom: 20px
}

.storeDetails .storeName h2 {
    padding-bottom: 10px;
    border-bottom: 2px solid #1e1e1e
}

.storeDetails .storeImages, .storeDetails .storeText {
    box-sizing: border-box;
    float: left
}

.storeDetails .storeLogo, .storeDetails .storeText {
    padding-right: 20px;
    box-sizing: border-box
}

    .storeDetails .storeLogo img {
        width: 100%
    }

.storeDetails .storeLeftSite, .storeDetails .storeText {
    width: 66.666666667%
}

.storeDetails .storeRightSite, .storeDetails .storeLogo {
    width: 33.333333333%
}

.storeDetails .storeRightSite, .storeDetails .storeLeftSite, .storeDetails .storeLogo, .storeDetails .storeText {
    float: left
}

.storeDetails .storeSummary {
    position: relative;
    min-height: 130px;
    clear: left
}

.storeDetails .summaryContainer {
    height: 110px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

.storeDetails .moreContainer {
    position: absolute;
    bottom: -20px;
    left: 0;
    padding: 0 5px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    display: inline-block
}

    .storeDetails .moreContainer .storeReadMore {
        display: inline-block;
        font-size: 25px;
        color: #bbb;
        cursor: pointer
    }

        .storeDetails .moreContainer .storeReadMore:hover {
            color: #ed1c24
        }

.storeHours .all {
    display: none
}

.storeHours .arrow {
    text-align: center;
    font-size: 25px;
    border-top: 1px solid #bbb;
    position: relative
}

    .storeHours .arrow .fa {
        transition: all 0.25s ease-in-out;
        cursor: pointer;
        color: #bbb
    }

        .storeHours .arrow .fa:hover {
            color: #ed1c24
        }

.storeText .storeTime {
    width: 100%;
    display: none
}

.storeContact ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px
}

@media (max-width:1125px) {
    .storesListing .store .storeBorder {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:975px) {
    .storesListing .store {
        padding: 10px 10px 20px 10px
    }
}

@media (max-width:800px) {
    .storesListing .store {
        width: 50%
    }

        .storesListing .store:nth-child(3n+1) {
            clear: initial
        }

        .storesListing .store:nth-child(2n+1) {
            clear: left
        }
}

@media (max-width:768px) {
    .contain-deals .deals {
        max-width: 88.888888889%
    }

    .deals .list-item {
        width: 50%
    }

    .deal .dealTitle {
        margin: 1px 0
    }

    .single.deals .deal .image-container, .single.deals .deal .dealsText {
        width: 100%;
        height: initial !important
    }

    .deals .list-item {
        width: 50%
    }
}

@media (max-width:690px) {
    .storesListing {
        padding: 0
    }

        .storesListing .store {
            min-height: 200px
        }

            .storesListing .store .image-container {
                height: 160px
            }

    .storeDetails .storeImages, .storeDetails .storeText, .storeDetails .storeLogo {
        width: 100%
    }

    .storeDetails .imageBox {
        width: 50%;
        float: left;
        padding-right: 10px;
        box-sizing: border-box
    }
}

@media (max-width:535px) {
    .storesListing .store .image-container {
        height: 80px
    }

    .deal .more-button {
        font-size: 9px;
        padding: 4px 16px
    }

    .deal .dealTitle {
        font-size: 20px
    }

    .deal .dealsText {
        padding: 10px
    }
}

@media (max-width:500px) {
    .storesListing .store {
        width: 100%;
        margin-bottom: 0
    }

    .deals .list-item {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px
    }

        .deals .list-item:last-child {
            padding-bottom: 20px
        }
}

@media (max-width:450px) {
    .storesListing .store {
        padding: 10px 10px 40px 10px
    }

        .storesListing .store:last-child {
            padding: 10px 10px 20px 10px
        }

    .contain-deals .deals {
        max-width: 100%
    }
}

.deals .deal .image-gradient {
    z-index: 1
}

.deals .deal .dealsText {
    z-index: 2
}

.deals main > .container-fluid {
    max-width: 69.270833333%
}

.deals .storeBorder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.single.deals .deal .dealsText {
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    align-items: center
}

    .single.deals .deal .dealsText .dealsText-inner {
        margin: 0 auto
    }

.single.deals .deal .dealsText-inner .storeTItle {
    font-size: 16px
}

.single.deals .deal .dealsText-inner .dealSummary {
    line-height: 140%
}

@media (max-width:768px) {
    .deals .storeBorder {
        flex-direction: column
    }

    .deals main > .container-fluid {
        max-width: 88.888888889%
    }

    .deals main > .container-fluid {
        padding: 0 20px
    }
}

.store-map {
    margin-top: 20px
}

.icons-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -70px;
    margin-top: 20px;
    position: relative
}

    .icons-container .icon-item {
        width: 12.5%;
        text-align: center
    }

        .icons-container .icon-item span {
            text-transform: uppercase;
            font-size: 12px;
            display: block;
            line-height: 120%;
            font-family: Nunito Sans;
            margin-top: 10px
        }

.map_icons {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%
}

    .map_icons .help-icon {
        background-position: 0 0;
        position: absolute;
        background-size: 20px;
        width: 20px;
        height: 20px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

        .map_icons .help-icon.active {
            -webkit-animation: pulse 0.8s ease-out 0s alternate infinite none running;
            -moz-animation: pulse 0.8s ease-out 0s alternate infinite none running;
            -o-animation: pulse 0.8s ease-out 0s alternate infinite none running;
            animation: pulse 0.8s ease-out 0s alternate infinite none running
        }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-moz-keyframes position {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-o-keyframes position {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes position {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
}

.first-floor .help-icon.vhod-1 {
    background-position: 0 0;
    top: 237px;
    right: 85px
}

.first-floor .help-icon.vhod-2 {
    background-position: 0 -187px;
    bottom: 9px;
    right: 434px
}

.first-floor .help-icon.tekoce-stopnice-1 {
    background-position: 0 -140px;
    top: 110px;
    right: 247px
}

.first-floor .help-icon.tekoce-stopnice-2 {
    background-position: 0 -140px;
    top: 26px;
    right: 343px
}

.first-floor .help-icon.tekoce-stopnice-3 {
    background-position: 0 -140px;
    top: 98px;
    right: 427px
}

.first-floor .help-icon.tekoce-stopnice-4 {
    background-position: 0 -140px;
    bottom: 176px;
    right: 398px
}

.first-floor .help-icon.tekoce-stopnice-5 {
    background-position: 0 -140px;
    bottom: 227px;
    right: 480px
}

.first-floor .help-icon.dvigalo-2 {
    background-position: 0 -163px;
    bottom: 197px;
    right: 300px
}

.first-floor .help-icon.dvigalo-3 {
    background-position: 0 -163px;
    bottom: 216px;
    right: 303px
}

.first-floor .help-icon.wc {
    background-position: 0 -47px;
    bottom: 325px;
    right: 507px
}

.first-floor .help-icon.wc-invalid {
    background-position: 0 -70px;
    bottom: 325px;
    right: 475px
}

.first-floor .help-icon.previjalnica {
    background-position: 0 -93px;
    bottom: 325px;
    right: 445px
}

.second-floor .help-icon.tekoce-stopnice-1 {
    background-position: 0 -140px;
    top: 110px;
    right: 247px
}

.second-floor .help-icon.tekoce-stopnice-2 {
    background-position: 0 -140px;
    top: 26px;
    right: 343px
}

.second-floor .help-icon.tekoce-stopnice-3 {
    background-position: 0 -140px;
    top: 98px;
    right: 427px
}

.second-floor .help-icon.tekoce-stopnice-4 {
    background-position: 0 -140px;
    bottom: 227px;
    right: 470px
}

.second-floor .help-icon.tekoce-stopnice-5 {
    background-position: 0 -140px;
    bottom: 160px;
    right: 370px
}

.second-floor .help-icon.dvigalo-1 {
    background-position: 0 -163px;
    bottom: 203px;
    right: 280px
}

.second-floor .help-icon.dvigalo-2 {
    background-position: 0 -163px;
    bottom: 170px;
    right: 270px
}

.second-floor .help-icon.otroska-igralnica-1 {
    background-position: 0 -116px;
    bottom: 198px;
    right: 87px
}

.second-floor .help-icon.otroska-igralnica-2 {
    background-position: 0 -116px;
    bottom: 156px;
    left: 317px
}

.second-floor .help-icon.informacije {
    background-position: 0 -23px;
    bottom: 132px;
    left: 515px
}

.second-floor .help-icon.wc {
    background-position: 0 -47px;
    top: 154px;
    left: 430px
}

.second-floor .help-icon.wc-invalid {
    background-position: 0 -70px;
    top: 177px;
    left: 429px
}

.second-floor .help-icon.previjalnica {
    background-position: 0 -93px;
    top: 200px;
    left: 428px
}

.help-icon {
    background-image: url(https://www.supernova.si/images/storeMap/icons.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block
}

.icons-container .help-icon {
    cursor: pointer
}

    .icons-container .help-icon.vhod {
        background-position: 0 -280px
    }

    .icons-container .help-icon.informacije {
        background-position: 0 -35px
    }

    .icons-container .help-icon.wc {
        background-position: 0 -70px
    }

    .icons-container .help-icon.wc-invalid {
        background-position: 0 -105px
    }

    .icons-container .help-icon.previjalnica {
        background-position: 0 -140px
    }

    .icons-container .help-icon.otroska-igralnica {
        background-position: 0 -175px
    }

    .icons-container .help-icon.tekoce-stopnice {
        background-position: 0 -210px
    }

    .icons-container .help-icon.dvigalo {
        background-position: 0 -245px
    }

.details-container {
    display: inline-block;
    background-color: #fff;
    width: 100%;
    max-width: 300px;
    text-align: center;
    padding: 30px;
    margin-left: 20px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

    .details-container.active {
        opacity: 1
    }

    .details-container .store-title {
        font-family: Nunito Sans;
        font-size: 25px;
        margin-bottom: 13px
    }

    .details-container .store-floor-category {
        font-size: 14px;
        text-transform: uppercase
    }

.mapFloorTitle {
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
    font-family: Nunito Sans;
    color: #999;
    display: inline-block;
    float: right
}

.first-floor {
    height: 471px;
    position: relative
}

.second-floor {
    height: 471px;
    position: relative;
    margin-top: 130px
}

.map_ljubljana, .map_ljubljana_2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 471px
}

.map_ljubljana_2 {
    height: 427px
}

.first {
    background-image: url(https://www.supernova.si/images/storeMap/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

    .first.active {
        background-image: url(https://www.supernova.si/images/storeMap/spritesheet_R.png)
    }

.second {
    background-image: url(https://www.supernova.si/images/storeMap/spritesheet_2.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

    .second.active {
        background-image: url(https://www.supernova.si/images/storeMap/spritesheet_2_R.png)
    }

.first-1_01_S {
    width: 98px;
    height: 47px;
    background-position: -5px -5px;
    top: 0;
    left: 470px;
    z-index: 1
}

.first-1_02_S {
    width: 255px;
    height: 80px;
    background-position: -113px -5px;
    top: 0;
    left: 533px;
    z-index: 2
}

.first-1_03_S {
    width: 66px;
    height: 27px;
    background-position: -378px -5px;
    top: 71px;
    left: 672px;
    z-index: 3
}

.first-1_04_S {
    width: 190px;
    height: 109px;
    background-position: -378px -42px;
    top: 65px;
    left: 678px;
    z-index: 4
}

.first-1_05_S {
    width: 52px;
    height: 24px;
    background-position: -454px -5px;
    top: 150px;
    left: 694px;
    z-index: 5
}

.first-1_06_S {
    width: 109px;
    height: 42px;
    background-position: -5px -161px;
    top: 165px;
    left: 698px;
    z-index: 7
}

.first-1_07_S {
    width: 80px;
    height: 49px;
    background-position: -124px -161px;
    top: 197px;
    left: 706px;
    z-index: 9
}

.first-1_08_S {
    width: 50px;
    height: 49px;
    background-position: -578px -5px;
    top: 197px;
    left: 772px;
    z-index: 8
}

.first-1_09_S {
    width: 109px;
    height: 80px;
    background-position: -214px -161px;
    top: 165px;
    left: 794px;
    z-index: 6
}

.first-1_10_S {
    width: 50px;
    height: 24px;
    background-position: -516px -5px;
    top: 236px;
    left: 717px;
    z-index: 10
}

.first-1_11_S {
    width: 273px;
    height: 168px;
    background-position: -333px -161px;
    top: 259px;
    left: 726px;
    z-index: 21
}

.first-1_12_S {
    width: 143px;
    height: 98px;
    background-position: -5px -339px;
    top: 38px;
    left: 463px;
    z-index: 12
}

.first-1_13_S {
    width: 88px;
    height: 29px;
    background-position: -158px -339px;
    top: 126px;
    left: 462px;
    z-index: 13
}

.first-1_14_S {
    width: 69px;
    height: 29px;
    background-position: -256px -339px;
    top: 126px;
    left: 549px;
    z-index: 13
}

.first-1_15_S {
    width: 57px;
    height: 52px;
    background-position: -5px -64px;
    top: 86px;
    left: 610px;
    z-index: 14
}

.first-1_16_S {
    width: 21px;
    height: 28px;
    background-position: -72px -64px;
    top: 128px;
    left: 633px;
    z-index: 16
}

.first-1_17_S {
    width: 22px;
    height: 28px;
    background-position: -578px -64px;
    top: 128px;
    left: 650px;
    z-index: 15
}

.first-1_18_S {
    width: 95px;
    height: 123px;
    background-position: -335px -339px;
    top: 146px;
    left: 454px;
    z-index: 40
}

.first-1_19_S {
    width: 101px;
    height: 69px;
    background-position: -440px -339px;
    top: 146px;
    left: 543px;
    z-index: 18
}

.first-1_20_S {
    width: 62px;
    height: 35px;
    background-position: -72px -102px;
    top: 146px;
    left: 572px;
    z-index: 17
}

.first-1_21_S {
    width: 61px;
    height: 22px;
    background-position: -144px -102px;
    top: 193px;
    left: 589px;
    z-index: 19
}

.first-1_22_S {
    width: 104px;
    height: 37px;
    background-position: -158px -418px;
    top: 205px;
    left: 546px;
    z-index: 20
}

.first-1_23_S {
    width: 44px;
    height: 66px;
    background-position: -551px -339px;
    top: 205px;
    left: 546px;
    z-index: 21
}

.first-1_24_S {
    width: 31px;
    height: 28px;
    background-position: -215px -102px;
    top: 147px;
    left: 645px;
    z-index: 22
}

.first-1_25_S {
    width: 22px;
    height: 25px;
    background-position: -610px -64px;
    top: 165px;
    left: 657px;
    z-index: 23
}

.first-1_26_S {
    width: 23px;
    height: 26px;
    background-position: -256px -99px;
    top: 180px;
    left: 660px;
    z-index: 24
}

.first-1_27_S {
    width: 46px;
    height: 43px;
    background-position: -289px -99px;
    top: 224px;
    left: 598px;
    z-index: 26
}

.first-1_28_S {
    width: 32px;
    height: 38px;
    background-position: -578px -102px;
    top: 215px;
    left: 639px;
    z-index: 25
}

.first-1_29_S {
    width: 29px;
    height: 30px;
    background-position: -605px -339px;
    top: 239px;
    left: 650px;
    z-index: 27
}

.first-1_30_S {
    width: 31px;
    height: 33px;
    background-position: -272px -379px;
    top: 254px;
    left: 659px;
    z-index: 28
}

.first-1_31_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_01_S.png);
    width: 26px;
    height: 24px;
    background-position: 0 0;
    top: 281px;
    left: 674px;
    z-index: 29
}

.first.active.first-1_31_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_01_R.png)
}

.first-1_31_1_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_01_S.png);
    width: 26px;
    height: 24px;
    background-position: 0 0;
    top: 272px;
    left: 669px;
    z-index: 29
}

.first.active.first-1_31_1_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_01_R.png)
}

.first-1_32_S {
    width: 34px;
    height: 33px;
    background-position: -440px -421px;
    top: 288px;
    left: 677px;
    z-index: 29
}

.first-1_33_S {
    width: 98px;
    height: 89px;
    background-position: -484px -418px;
    top: 231px;
    left: 589px;
    z-index: 30
}

.first-1_34_S {
    width: 62px;
    height: 46px;
    background-position: -5px -517px;
    top: 330px;
    left: 598px;
    z-index: 34
}

.first-1_47_S {
    width: 50px;
    height: 46px;
    background-image: url(https://www.supernova.si/images/storeMap/1_47_S.png);
    top: 330px;
    left: 632px;
    z-index: 32
}

.first-1_37_S {
    width: 38px;
    height: 46px;
    background-position: -77px -477px;
    top: 330px;
    left: 674px;
    z-index: 31
}

.first-1_38_S {
    width: 102px;
    height: 60px;
    background-position: -125px -517px;
    top: 365px;
    left: 601px;
    z-index: 35
}

.first-1_39_S {
    width: 72px;
    height: 94px;
    background-position: -237px -517px;
    top: 330px;
    left: 693px;
    z-index: 32
}

.first-1_40_S {
    width: 172px;
    height: 55px;
    background-position: -319px -517px;
    top: 413px;
    left: 605px;
    z-index: 36
}

.first-1_41_S {
    width: 489px;
    height: 263px;
    background-position: -642px -5px;
    top: 165px;
    left: 0;
    z-index: 38
}

.first-1_42_S {
    width: 42px;
    height: 39px;
    background-position: -5px -278px;
    top: 333px;
    left: 448px;
    z-index: 37
}

.first-1_43_S {
    width: 20px;
    height: 39px;
    background-position: -57px -278px;
    top: 333px;
    left: 488px;
    z-index: 39
}

.first-1_44_S {
    width: 86px;
    height: 54px;
    background-position: -644px -278px;
    top: 417px;
    left: 401px;
    z-index: 39
}

.first-1_45_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_04_S.png);
    width: 20px;
    height: 29px;
    background-position: 0 0;
    top: 359px;
    left: 488px;
    z-index: 40
}

.first-1_46_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_03_S.png);
    width: 20px;
    height: 34px;
    background-position: 0 0;
    top: 310px;
    left: 532px;
    z-index: 40
}

.first.active.first-1_45_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_04_R.png)
}

.first.active.first-1_46_S {
    background-image: url(https://www.supernova.si/images/storeMap/_1_03_R.png)
}

.first.active.first-1_47_S {
    background-image: url(https://www.supernova.si/images/storeMap/1_47_R.png)
}

.first-1_48_S {
    width: 23px;
    height: 26px;
    background-position: -256px -99px;
    top: 167px;
    left: 655px;
    z-index: 23
}

.first-1_49_S {
    width: 23px;
    height: 26px;
    background-position: -256px -99px;
    top: 155px;
    left: 650px;
    z-index: 22
}

.second_2_00_Crtice {
    width: 75px;
    height: 109px;
    background-image: url(https://www.supernova.si/images/storeMap/2_00_Crtice.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 98px;
    left: 631px;
    z-index: 1
}

.second_2_00_Crtice_B {
    width: 180px;
    height: 84px;
    background-image: url(https://www.supernova.si/images/storeMap/2_00_Crtice_B.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 151px;
    right: 242px;
    z-index: 1
}

.second-2_01_R {
    width: 319px;
    height: 85px;
    background-position: -5px -5px;
    top: 0;
    left: 467px;
    z-index: 1
}

.second-2_02_R {
    width: 154px;
    height: 83px;
    background-position: -334px -5px;
    top: 77px;
    left: 463px;
    z-index: 2
}

.second-2_03_R {
    width: 105px;
    height: 169px;
    background-position: -498px -5px;
    top: 126px;
    left: 459px;
    z-index: 3
}

.second-2_04_R {
    width: 83px;
    height: 56px;
    background-position: -534px -603px;
    top: 149px;
    left: 556px;
    z-index: 4
}

.second-2_05_R {
    width: 62px;
    height: 32px;
    background-position: -88px -184px;
    top: 174px;
    left: 578px;
    z-index: 5;
    display: none
}

.second-2_05_R_A {
    width: 67px;
    height: 52px;
    background-position: -268px -602px;
    top: 228px;
    left: 561px;
    z-index: 7
}

.second-2_06_R {
    width: 93px;
    height: 107px;
    background-position: -429px -600px;
    top: 193px;
    left: 561px;
    z-index: 6
}

.second-2_07_R {
    width: 40px;
    height: 28px;
    background-position: -260px -184px;
    top: 130px;
    left: 655px;
    z-index: 7
}

.second-2_08_R {
    width: 19px;
    height: 28px;
    background-position: -310px -184px;
    top: 193px;
    left: 693px;
    z-index: 8
}

.second-2_09_R {
    width: 165px;
    height: 109px;
    background-position: -339px -184px;
    top: 64px;
    left: 692px;
    z-index: 9
}

.second-2_10_R {
    width: 52px;
    height: 30px;
    background-position: -514px -184px;
    top: 143px;
    left: 714px;
    z-index: 10
}

.second-2_11_R {
    width: 172px;
    height: 59px;
    background-position: -5px -303px;
    top: 163px;
    left: 720px;
    z-index: 11
}

.second-2_12_R {
    width: 107px;
    height: 32px;
    background-position: -514px -224px;
    top: 211px;
    left: 734px;
    z-index: 13
}

.second-2_13_R {
    width: 71px;
    height: 32px;
    background-position: -514px -266px;
    top: 211px;
    left: 831px;
    z-index: 12
}

.second-2_14_R {
    width: 122px;
    height: 75px;
    background-position: -187px -303px;
    top: 250px;
    left: 743px;
    z-index: 14
}

.second-2_15_R {
    width: 64px;
    height: 56px;
    background-position: -319px -308px;
    top: 241px;
    left: 865px;
    z-index: 15
}

.second-2_16_R {
    width: 85px;
    height: 94px;
    background-position: -393px -308px;
    top: 286px;
    left: 885px;
    z-index: 16
}

.second-2_17_R {
    width: 149px;
    height: 94px;
    background-position: -5px -412px;
    top: 334px;
    left: 844px;
    z-index: 17
}

.second-2_18_R {
    width: 109px;
    height: 94px;
    background-position: -488px -308px;
    top: 334px;
    left: 767px;
    z-index: 18
}

.second-2_19_R {
    width: 114px;
    height: 94px;
    background-position: -164px -412px;
    top: 334px;
    left: 678px;
    z-index: 19
}

.second-2_20_R {
    width: 140px;
    height: 94px;
    background-position: -288px -412px;
    top: 334px;
    left: 555px;
    z-index: 20
}

.second-2_21_R {
    background-image: url(https://www.supernova.si/images/storeMap/_2_21_S.png);
    width: 40px;
    height: 24px;
    background-position: 0 0;
    top: 344px;
    left: 505px;
    z-index: 21
}

.second.active.second-2_21_R {
    background-image: url(https://www.supernova.si/images/storeMap/_2_21_R.png)
}

.second-2_22_R {
    width: 250px;
    height: 264px;
    background-position: -631px -5px;
    top: 164px;
    left: -5px;
    z-index: 22
}

.second-2_23_R {
    width: 111px;
    height: 125px;
    background-position: -623px -279px;
    top: 164px;
    left: 201px;
    z-index: 23
}

.second-2_24_R {
    width: 179px;
    height: 125px;
    background-position: -438px -414px;
    top: 164px;
    left: 277px;
    z-index: 25
}

.second-2_25_R {
    width: 44px;
    height: 68px;
    background-position: -744px -279px;
    top: 164px;
    left: 417px;
    z-index: 24
}

.second-2_26_R {
    width: 41px;
    height: 31px;
    background-position: -798px -279px;
    top: 297px;
    left: 209px;
    z-index: 26
}

.second-2_27_R {
    width: 134px;
    height: 51px;
    background-position: -744px -357px;
    top: 286px;
    left: 259px;
    z-index: 27
}

.second-2_28_R {
    width: 66px;
    height: 51px;
    background-position: -627px -418px;
    top: 286px;
    left: 386px;
    z-index: 28
}

.second-2_29_R {
    width: 81px;
    height: 94px;
    background-position: -703px -418px;
    top: 334px;
    left: 148px;
    z-index: 28
}

.second-2_30_R {
    width: 184px;
    height: 94px;
    background-image: url(https://www.supernova.si/images/storeMap/2_30_S.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: 334px;
    left: 177px;
    z-index: 31
}

.second.active.second-2_30_R {
    background-image: url(https://www.supernova.si/images/storeMap/2_30_R.png)
}

.second-2_31_R {
    width: 53px;
    height: 70px;
    background-position: -794px -418px;
    top: 334px;
    left: 318px;
    z-index: 30
}

.second-2_32_R {
    width: 51px;
    height: 94px;
    background-position: -627px -498px;
    top: 334px;
    left: 355px;
    z-index: 32
}

.second-2_33_R {
    width: 51px;
    height: 94px;
    background-position: -794px -498px;
    top: 334px;
    left: 395px;
    z-index: 33
}

.second-2_34_R {
    width: 48px;
    height: 94px;
    background-position: -199px -602px;
    top: 334px;
    left: 439px;
    z-index: 34
}

.second-2_936_R {
    width: 48px;
    height: 94px;
    background-position: -199px -602px;
    top: 334px;
    left: 439px;
    z-index: 34
}

.column-center {
    position: relative
}

.map_container {
    width: 993px !important;
    height: 471px !important;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    position: relative
}

@media (max-width:1150px) {
    .icons-container {
        margin-top: -90px
    }
}

@media (max-width:850px) {
    .icons-container {
        margin-top: -170px;
        justify-content: center
    }

        .icons-container .icon-item {
            width: 25%
        }
}

@media (max-width:470px) {
    .icons-container {
        margin-top: -256px
    }
}

@media (max-width:360px) {
    .icons-container {
        margin-top: -310px
    }
}

.nova_gorica .details-container {
    position: absolute;
    top: -100px;
    left: 0
}

.map_container_ {
    position: relative;
    margin-top: 100px
}

.nova_gorica.map_container {
    height: 365px !important
}

.map_nova_gorica {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 365px
}

.ng {
    background-image: url(https://www.supernova.si/images/storeMap/nova_gorica/spritesheet_ng_grey.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

    .ng.active {
        background-image: url(https://www.supernova.si/images/storeMap/nova_gorica/spritesheet_ng_red.png)
    }

    .ng.ng-Supernova-NG-01-grey {
        background-position: -5px -5px;
        width: 156px;
        height: 97px;
        left: 0;
        top: 148px;
        z-index: 31
    }

    .ng.ng-Supernova-NG-02-grey {
        background-position: -171px -5px;
        width: 100px;
        height: 80px;
        left: 88px;
        top: 139px;
        z-index: 30
    }

    .ng.ng-Supernova-NG-03-grey {
        background-position: -281px -5px;
        width: 123px;
        height: 87px;
        left: 118px;
        top: 123px;
        z-index: 29
    }

    .ng.ng-Supernova-NG-04a-grey {
        background-position: -414px -5px;
        width: 88px;
        height: 77px;
        left: 172px;
        top: 118px;
        z-index: 28
    }

    .ng.ng-Supernova-NG-04b-grey {
        background-position: -414px -92px;
        width: 88px;
        height: 77px;
        left: 191px;
        top: 112px;
        z-index: 27
    }

    .ng.ng-Supernova-NG-05-grey {
        background-position: -5px -179px;
        width: 101px;
        height: 75px;
        left: 211px;
        top: 109px;
        z-index: 26
    }

    .ng.ng-Supernova-NG-06-grey {
        background-position: -171px -102px;
        width: 138px;
        height: 85px;
        left: 224px;
        top: 89px;
        z-index: 25
    }

    .ng.ng-Supernova-NG-07-grey {
        background-position: -319px -179px;
        width: 159px;
        height: 116px;
        left: 298px;
        top: 64px;
        z-index: 25
    }

    .ng.ng-Supernova-NG-08-grey {
        background-position: -5px -305px;
        width: 73px;
        height: 72px;
        left: 408px;
        top: 100px;
        z-index: 24
    }

    .ng.ng-Supernova-NG-09-grey {
        background-position: -88px -305px;
        width: 299px;
        height: 151px;
        left: 377px;
        top: 18px;
        z-index: 23
    }

    .ng.ng-Supernova-NG-10a-grey {
        background-position: -397px -305px;
        width: 50px;
        height: 45px;
        left: 404px;
        top: 183px;
        z-index: 32
    }

    .ng.ng-Supernova-NG-10b-grey {
        background-position: -457px -305px;
        width: 56px;
        height: 59px;
        left: 428px;
        top: 179px;
        z-index: 32
    }

    .ng.ng-Supernova-NG-11-grey {
        background-position: -397px -374px;
        width: 60px;
        height: 57px;
        left: 447px;
        top: 176px;
        z-index: 31
    }

    .ng.ng-Supernova-NG-12-grey {
        background-position: -397px -441px;
        width: 108px;
        height: 58px;
        left: 471px;
        top: 172px;
        z-index: 30
    }

    .ng.ng-Supernova-NG-13-grey {
        background-position: -467px -374px;
        width: 56px;
        height: 49px;
        left: 547px;
        top: 172px;
        z-index: 29
    }

    .ng.ng-Supernova-NG-14-grey {
        background-position: -5px -433px;
        width: 53px;
        height: 46px;
        left: 573px;
        top: 172px;
        z-index: 28
    }

    .ng.ng-Supernova-NG-15-grey {
        background-position: -116px -179px;
        width: 39px;
        height: 43px;
        left: 599px;
        top: 172px;
        z-index: 27
    }

    .ng.ng-Supernova-NG-16-grey {
        background-position: -488px -179px;
        width: 38px;
        height: 41px;
        left: 613px;
        top: 172px;
        z-index: 26
    }

    .ng.ng-Supernova-NG-17-grey {
        background-position: -512px -5px;
        width: 47px;
        height: 39px;
        left: 628px;
        top: 172px;
        z-index: 25
    }

    .ng.ng-Supernova-NG-18-grey {
        background-position: -569px -5px;
        width: 12px;
        height: 18px;
        left: 584px;
        top: 149px;
        z-index: 23
    }

    .ng.ng-Supernova-NG-19-grey {
        background-position: -569px -33px;
        width: 12px;
        height: 18px;
        left: 591px;
        top: 159px;
        z-index: 24
    }

    .ng.ng-Supernova-NG-20-grey {
        background-position: -512px -54px;
        width: 28px;
        height: 20px;
        left: 602px;
        top: 145px;
        z-index: 23
    }

    .ng.ng-Supernova-NG-21-grey {
        background-position: -550px -61px;
        width: 32px;
        height: 24px;
        left: 643px;
        top: 138px;
        z-index: 23
    }

    .ng.ng-Supernova-NG-22-grey {
        background-position: -512px -95px;
        width: 31px;
        height: 25px;
        left: 653px;
        top: 148px;
        z-index: 24
    }

    .ng.ng-Supernova-NG-23-grey {
        background-position: -553px -95px;
        width: 28px;
        height: 20px;
        left: 662px;
        top: 159px;
        z-index: 25
    }

    .ng.ng-Supernova-NG-24-grey {
        background-position: -5px -125px;
        width: 28px;
        height: 20px;
        left: 668px;
        top: 165px;
        z-index: 26
    }

    .ng.ng-Supernova-NG-25-grey {
        background-position: -43px -125px;
        width: 57px;
        height: 37px;
        left: 674px;
        top: 170px;
        z-index: 27
    }

    .ng.ng-Supernova-NG-26-grey {
        background-position: -592px -5px;
        width: 348px;
        height: 212px;
        left: 595px;
        top: 0px;
        z-index: 26
    }

    .ng.ng-Supernova-NG-27-grey {
        background-position: -165px -227px;
        width: 81px;
        height: 35px;
        left: 735px;
        top: 186px;
        z-index: 26
    }

    .ng.ng-Supernova-NG-29-grey {
        background-image: url(https://www.supernova.si/images/storeMap/nova_gorica/Supernova-NG-29-grey.png);
        left: 101px;
        top: 223px;
        width: 331px;
        height: 136px;
        z-index: 27
    }

    .ng.active.ng-Supernova-NG-29-grey {
        background-image: url(https://www.supernova.si/images/storeMap/nova_gorica/Supernova-NG-29-red.png)
    }

    .ng.ng-Supernova-NG-30-grey {
        background-position: -512px -54px;
        width: 28px;
        height: 20px;
        left: 612px;
        top: 155px;
        z-index: 23
    }

.nova_gorica .help-icon {
    background-image: url(https://www.supernova.si/images/storeMap/nova_gorica/icons.png)
}

    .nova_gorica .help-icon.vhod.vhod-1 {
        top: 180px;
        left: 363px
    }

    .nova_gorica .help-icon.vhod.vhod-2 {
        top: 214px;
        right: 300px
    }

    .nova_gorica .help-icon.tekoce-stopnice.tekoce-stopnice-1 {
        top: 153px;
        right: 418px
    }

    .nova_gorica .help-icon.dvigalo.dvigalo-2 {
        top: 142px;
        right: 405px
    }

    .nova_gorica .help-icon.wc {
        top: 126px;
        right: 297px
    }

    .nova_gorica .help-icon.wc-invalid {
        top: 138px;
        right: 286px
    }

    .nova_gorica .help-icon.previjalnica {
        top: 150px;
        right: 279px
    }

.nova_gorica.icons-container {
    margin-top: 80px !important;
    margin-bottom: 0
}

    .nova_gorica.icons-container .icon-item {
        width: 16.666666667%
    }

@media (max-width:768px) {
    .nova_gorica.icons-container .icon-item {
        width: 33.333333333%
    }

    .nova-gorica .icons-container {
        margin-top: -70px !important
    }
}

@media (max-width:470px) {
    .nova-gorica .icons-container {
        margin-top: -125px !important
    }
}

.single-scene {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s cubic-bezier(0.69,0.81,0.26,1.04)
}

    .single-scene.visible {
        opacity: 1;
        visibility: visible
    }

a, a:hover, a:active, a:visited {
    text-decoration: none;
    color: #ed1c24
}

.table-container a, .paragraph a {
    color: #ed1c24
}

#pano {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#titleBar {
    position: absolute;
    top: 0;
    left: 0;
    right: 40px;
    height: 40px;
    text-align: center
}

.mobile #titleBar {
    height: 50px;
    right: 50px
}

.fullscreen-enabled #titleBar {
    right: 80px
}

.fullscreen-enabled.mobile #titleBar {
    right: 100px
}

.multiple-scenes #titleBar {
    left: 40px
}

.multiple-scenes.mobile #titleBar {
    left: 50px
}

#titleBar .sceneName {
    width: 100%;
    height: 100%;
    line-height: 30px;
    padding: 5px;
    background-color: #3a4454;
    background-color: rgba(58,68,84,0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mobile #titleBar .sceneName {
    line-height: 40px
}

#fullscreenToggle {
    display: none;
    position: absolute;
    top: 0;
    right: 80px;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #677383;
    background-color: rgba(103,115,131,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#close360 {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #677383;
    background-color: rgba(103,115,131,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #close360 img {
        width: 100%
    }

.mobile #fullscreenToggle {
    width: 50px;
    height: 50px;
    right: 100px
}

.fullscreen-enabled #fullscreenToggle {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#fullscreenToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px
}

.mobile #fullscreenToggle .icon {
    top: 10px;
    right: 10px
}

#fullscreenToggle .icon.on {
    display: none
}

#fullscreenToggle .icon.off {
    display: block
}

#fullscreenToggle.enabled .icon.on {
    display: block
}

#fullscreenToggle.enabled .icon.off {
    display: none
}

#autorotateToggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #677383;
    background-color: rgba(103,115,131,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mobile #autorotateToggle {
    width: 50px;
    height: 50px
}

.fullscreen-enabled #autorotateToggle {
    right: 40px
}

.fullscreen-enabled.mobile #autorotateToggle {
    right: 50px
}

#autorotateToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px
}

.mobile #autorotateToggle .icon {
    top: 10px;
    right: 10px
}

#autorotateToggle .icon.on {
    display: none
}

#autorotateToggle .icon.off {
    display: block
}

#autorotateToggle.enabled .icon.on {
    display: block
}

#autorotateToggle.enabled .icon.off {
    display: none
}

#sceneListToggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #677383;
    background-color: rgba(103,115,131,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mobile #sceneListToggle {
    width: 50px;
    height: 50px
}

#sceneListToggle .text {
    position: absolute;
    top: 5px;
    left: 15px;
    width: 100%;
    line-height: 30px
}

#sceneListToggle .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px
}

.mobile #sceneListToggle .icon {
    top: 10px;
    right: 10px
}

#sceneListToggle .icon.on {
    display: none
}

#sceneListToggle .icon.off {
    display: block
}

#sceneListToggle.enabled .icon.on {
    display: block
}

#sceneListToggle.enabled .icon.off {
    display: none
}

.single-scene #sceneList {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 40px;
    width: 200px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0;
    transition: margin-left 0.5s ease-in-out
}

.mobile #sceneList {
    padding-top: 50px
}

#sceneList .scenes {
    width: 100%;
    padding: 0;
    background-color: #3a4454;
    background-color: rgba(58,68,84,0.8)
}

.mobile #sceneList {
    width: 100%;
    height: 100%;
    left: -100%
}

    .mobile #sceneList.enabled {
        margin-left: 100%
    }

    .mobile #sceneList .scenes {
        height: 100%
    }

#sceneList.enabled {
    margin-left: -200px
}

#sceneList .scene {
    display: block;
    width: 100%;
    height: 30px
}

.mobile #sceneList .scene {
    height: 40px
}

#sceneList .scene .text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.mobile #sceneList .scene .text {
    line-height: 40px
}

.no-touch #sceneList .scene:hover {
    background-color: #677383;
    background-color: rgba(103,115,131,0.8)
}

#sceneList .scene.current {
    background-color: #677383;
    background-color: rgba(103,115,131,0.8)
}

.single-scene #sceneList, .single-scene #sceneListToggle {
    display: none
}

.link-hotspot {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    opacity: 0.9;
    transition: opacity 0.2s
}

.no-touch .link-hotspot:hover {
    opacity: 1
}

.mobile .link-hotspot {
    width: 70px;
    height: 70px
}

.link-hotspot-icon {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.link-hotspot-tooltip {
    position: absolute;
    left: 100%;
    top: 14px;
    margin-left: 3px;
    font-size: 16px;
    max-width: 300px;
    padding: 8px 10px;
    border-radius: 5px;
    background-color: #3a4454;
    background-color: rgba(58,68,84,0.8);
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    -ms-transform: translateX(-8px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    transition: -ms-transform 0.3s,-webkit-transform 0.3s,transform 0.3s,opacity 0.3s
}

.mobile .link-hotspot {
    top: 19px
}

.no-touch .link-hotspot:hover .link-hotspot-tooltip {
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.link-hotspot-tooltip {
    pointer-events: none
}

.no-touch .link-hotspot:hover .link-hotspot-tooltip {
    pointer-events: all
}

.tooltip-fallback .link-hotspot-tooltip {
    display: none
}

.no-touch .tooltip-fallback .link-hotspot:hover .link-hotspot-tooltip {
    display: block
}

.info-hotspot {
    line-height: 1.2em;
    opacity: 0.9;
    transition: opacity 0.2s 0.2s
}

.no-touch .info-hotspot:hover {
    opacity: 1;
    transition: opacity 0.2s
}

.info-hotspot.visible {
    opacity: 1
}

.info-hotspot .info-hotspot-header {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #677383;
    cursor: pointer;
    transition: width 0.3s ease-in-out 0.5s,border-radius 0.3s ease-in-out 0.5s
}

.mobile .info-hotspot .info-hotspot-header {
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.desktop.no-touch .info-hotspot .info-hotspot-header:hover {
    width: 260px;
    border-radius: 5px;
    transition: width 0.3s ease-in-out,border-radius 0.3s ease-in-out
}

.desktop .info-hotspot.visible .info-hotspot-header, .desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover {
    width: 260px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: width 0.3s ease-in-out,border-radius 0.3s ease-in-out
}

.info-hotspot .info-hotspot-icon-wrapper {
    width: 40px;
    height: 40px
}

.mobile .info-hotspot .info-hotspot-icon-wrapper {
    width: 50px;
    height: 50px
}

.info-hotspot .info-hotspot-icon {
    width: 90%;
    height: 90%;
    margin: 5%
}

.info-hotspot .info-hotspot-title-wrapper {
    position: absolute;
    left: 40px;
    top: 0;
    width: 0;
    height: 40px;
    padding: 0;
    overflow: hidden;
    transition: width 0s 0.4s,padding 0s 0.4s
}

.desktop .info-hotspot.visible .info-hotspot-title-wrapper, .desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper {
    width: 220px;
    padding: 0 5px;
    transition: width 0s 0.4s,padding 0s 0.4s
}

.info-hotspot .info-hotspot-title-wrapper:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.info-hotspot .info-hotspot-title {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.info-hotspot .info-hotspot-close-wrapper {
    position: absolute;
    left: 260px;
    top: 0;
    height: 40px;
    width: 40px;
    border-top-right-radius: 5px;
    background-color: #4e5868;
    visibility: hidden;
    -ms-transform: perspective(200px) rotateY(90deg);
    -webkit-transform: perspective(200px) rotateY(90deg);
    transform: perspective(200px) rotateY(90deg);
    -ms-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    transition: -ms-transform 0.3s 0.3s,-webkit-transform 0.3s 0.3s,transform 0.3s 0.3s,visibility 0s 0.6s;
    -webkit-transition: -webkit-transform 0.3s 0.3s,visibility 0s 0.6s
}

.desktop .info-hotspot.visible .info-hotspot-close-wrapper {
    visibility: visible;
    -ms-transform: perspective(200px) rotateY(0deg);
    -webkit-transform: perspective(200px) rotateY(0deg);
    transform: perspective(200px) rotateY(0deg);
    transition: -ms-transform 0.3s,-webkit-transform 0.3s,transform 0.3s,visibility 0s 0s;
    -webkit-transition: -webkit-transform 0.3s,visibility 0s 0s
}

.info-hotspot .info-hotspot-close-icon {
    width: 70%;
    height: 70%;
    margin: 15%
}

.info-hotspot .info-hotspot-text {
    color: #fff;
    position: absolute;
    width: 300px;
    height: auto;
    max-height: 200px;
    top: 40px;
    left: 0;
    padding: 10px;
    background-color: #3a4454;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow-y: auto;
    visibility: hidden;
    -ms-transform: perspective(200px) rotateX(-90deg);
    -webkit-transform: perspective(200px) rotateX(-90deg);
    transform: perspective(200px) rotateX(-90deg);
    -ms-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    transition: -ms-transform 0.3s,-webkit-transform 0.3s,transform 0.3s,visibility 0s 0.3s;
    -webkit-transition: -webkit-transform 0.3s,visibility 0s 0.3s;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.desktop .info-hotspot.visible .info-hotspot-text {
    visibility: visible;
    -ms-transform: perspective(200px) rotateX(0deg);
    -webkit-transform: perspective(200px) rotateX(0deg);
    transform: perspective(200px) rotateX(0deg);
    transition: -ms-transform 0.3s 0.3s,-webkit-transform 0.3s 0.3s,transform 0.3s 0.3s,visibility 0s 0s;
    -webkit-transition: -webkit-transform 0.3s 0.3s,visibility 0s 0s
}

.desktop .info-hotspot-modal {
    display: none
}

.info-hotspot-modal {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 11000 !important;
    background-color: rgba(0,0,0,0.5);
    line-height: 1.2em;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out 0.5s,visibility 0s 0.7s
}

    .info-hotspot-modal.visible {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.2s ease-in-out,visibility 0s 0s
    }

    .info-hotspot-modal .info-hotspot-header {
        position: absolute;
        top: 60px;
        left: 10px;
        right: 10px;
        width: auto;
        height: 50px;
        background-color: #677383;
        background-color: rgba(103,115,131,0.8);
        opacity: 0;
        transition: opacity 0.3s ease-in-out 0.2s
    }

    .info-hotspot-modal.visible .info-hotspot-header {
        opacity: 1;
        transition: opacity 0.3s ease-in-out 0.2s
    }

    .info-hotspot-modal .info-hotspot-icon-wrapper {
        width: 50px;
        height: 50px
    }

    .info-hotspot-modal .info-hotspot-icon {
        width: 90%;
        height: 90%;
        margin: 5%
    }

    .info-hotspot-modal .info-hotspot-title-wrapper {
        position: absolute;
        top: 0;
        left: 50px;
        right: 50px;
        width: auto;
        height: 50px;
        padding: 0 10px
    }

        .info-hotspot-modal .info-hotspot-title-wrapper:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%
        }

    .info-hotspot-modal .info-hotspot-title {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        -moz-user-select: text;
        -webkit-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .info-hotspot-modal .info-hotspot-close-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-color: #4e5868;
        background-color: rgba(78,88,104,0.8);
        cursor: pointer
    }

    .info-hotspot-modal .info-hotspot-close-icon {
        width: 70%;
        height: 70%;
        margin: 15%
    }

    .info-hotspot-modal .info-hotspot-text {
        position: absolute;
        top: 110px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        padding: 10px;
        background-color: #3a4454;
        background-color: rgba(58,68,84,0.8);
        overflow-y: auto;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        color: #fff;
        -moz-user-select: text;
        -webkit-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .info-hotspot-modal.visible .info-hotspot-text {
        opacity: 1;
        transition: opacity 0.3s ease-in-out 0.4s
    }

.viewControlButton {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    background-color: #677383;
    background-color: rgba(103,115,131,0.8)
}

.view-control-buttons .viewControlButton {
    display: block
}

@media (max-width:600px) {
    .view-control-buttons .viewControlButton {
        display: none
    }
}

.viewControlButton .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px
}

.viewControlButton-1 {
    margin-left: -145px
}

.viewControlButton-2 {
    margin-left: -95px
}

.viewControlButton-3 {
    margin-left: -45px
}

.viewControlButton-4 {
    margin-left: 5px
}

.viewControlButton-5 {
    margin-left: 55px
} 

.viewControlButton-6 {
    margin-left: 105px
}

@media (max-width:500px) {
    #close360 {
        width: 50px;
        height: 50px
    }
}

.container-360 {
    width: 100%;
    overflow: auto;
    display: flex
}

    .container-360 .image {
        cursor: pointer
    }

    .container-360 .column {
        width: 50%;
        float: left
    }

        .container-360 .column.text {
            padding: 0 20px;
            box-sizing: border-box;
            display: inline-flex;
            align-items: center
        }

            .container-360 .column.text .text-inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                padding: 0 50px
            }

            .container-360 .column.text .title {
                font-size: 25px;
                font-family: 'Playfair Display',serif;
                margin-bottom: 30px
            }

        .container-360 .column:nth-child(2) {
            padding-right: 0
        }

    .container-360 .innerWrapper {
        position: relative;
        text-align: center
    }

        .container-360 .innerWrapper img {
            width: 100%
        }

        .container-360 .innerWrapper .overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: rgba(0,0,0,0.5);
            padding: 5px 10px;
            color: #fff;
            cursor: pointer
        }

@media (max-width:768px) {
    .container-360 {
        display: block
    }

        .container-360 .column {
            width: 100%
        }

            .container-360 .column.text {
                padding: 0;
                margin-top: 20px
            }
}

.storeTime {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    padding-right: 20px;
    box-sizing: border-box
}

.regularTime {
    width: 100%;
    clear: both;
    overflow: auto;
    margin-bottom: 20px
}

.hr-line-20 {
    clear: both
}

    .hr-line-20:after {
        content: '';
        display: block;
        width: 20%;
        height: 100%;
        margin: 40px auto;
        border-bottom: 1px solid #aba4a4
    }

.latest-exception {
    display: inline-block;
    text-align: center;
    border: 1px solid #3c3c3c;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 20px;
    margin-bottom: 40px;
    box-sizing: border-box
}

.latest-exception-container {
    text-align: center
}

.responstable {
    width: 100%
}

    .responstable th {
        display: none
    }

        .responstable th:first-child {
            display: table-cell
        }

        .responstable th:nth-child(2) {
            display: table-cell
        }

        .responstable th:nth-child(3) {
            display: table-cell
        }

        .responstable th:nth-child(2) span {
            display: none
        }

        .responstable th:nth-child(2):after {
            content: attr(data-th)
        }

    .responstable td {
        display: block;
        word-wrap: break-word
    }

        .responstable td:first-child {
            display: table-cell
        }

@media (min-width:480px) {
    .responstable th:nth-child(2) span {
        display: block
    }

    .responstable th:nth-child(2):after {
        display: none
    }
}

@media (min-width:480px) {
    .responstable th, .responstable td {
        display: table-cell
    }
}

.storeTime {
    padding-right: 0;
    font-size: 12px
}

    .storeTime.overall {
        max-width: 200px;
        font-size: 16px;
        font-weight: 300;
        font-size: 14px
    }

    .storeTime .title {
        font-family: Nunito Sans;
        font-size: 20px;
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px
    }

    .storeTime table {
        width: 100%
    }

        .storeTime table th {
            color: #1e1e1e;
            font-weight: 600
        }

    .storeTime.exceptions {
        text-align: center
    }

        .storeTime.exceptions table {
            width: auto;
            display: inline;
            margin-right: -45px
        }

            .storeTime.exceptions table tr.closed {
                color: #ed1c24
            }

            .storeTime.exceptions table tr td, .storeTime.exceptions table th {
                text-align: left
            }

                .storeTime.exceptions table tr td:first-child {
                    width: 25%
                }

                .storeTime.exceptions table tr td:last-child {
                    width: 25%;
                    min-width: 120px
                }

                .storeTime.exceptions table th:nth-child(3), .storeTime.exceptions table tr td:nth-child(3) {
                    display: table-cell
                }

.openingtimes .content .paragraph {
    width: auto;
    float: none
}

.news-listing-item-content.excert .paragraph {
    text-transform: lowercase
}

.videogallery .deal {
    padding: 0
}

.videogallery main .container-fluid {
    max-width: 100%
}

.videogallery main .span4 {
    padding-left: 3px
}

.videogallery main .inPageVideo {
    margin-bottom: 3px
}

.videogallery main .deal .more-button {
    padding: 7px 10px
}

@media (max-width:1125px) {
    .storeTime {
        width: 100%
    }
}

@media (max-width:768px) {
    .videogallery main .container-fluid {
        padding: 0
    }

    .latest-exception {
        margin-bottom: 20px
    }

    .regularTime {
        margin-bottom: 25px
    }

    .exceptions .title {
        margin-top: 20px
    }
}

@media (max-width:690px) {
    .responstable tr {
        padding-bottom: 5px
    }

    .responstable td:first-child {
        vertical-align: top
    }

    .storeTime {
        width: 100%;
        padding-right: 0
    }

        .storeTime.exceptions table {
            padding-left: 0
        }
}

@media (max-width:390px) {
    .responstable th:nth-child(2) span {
        display: none
    }
}

.route-planner main .container-fluid {
    max-width: 100%;
    padding: 2px
}

.route-planner .pageTitle {
    display: none
}

.route-planner .contain {
    margin: 0 auto
}

.form-container {
    width: 100%;
    margin-top: 60px;
    text-align: center
}

    .form-container .col {
        width: 50%;
        float: left;
        box-sizing: border-box
    }

        .form-container .col:first-child {
            padding-right: 80px
        }

            .form-container .col:first-child .paragraph {
                font-size: 20px;
                margin-bottom: 5px
            }

        .form-container .col:nth-child(2) {
            padding-left: 80px
        }

            .form-container .col:nth-child(2) .paragraph {
                font-size: 13px
            }

#to {
    display: none
}

.mapsItem.map {
    background: linear-gradient(to top,rgba(0,0,0,0.64),transparent 65%)
}

.mapsItem.form {
    overflow: auto;
    margin-bottom: 60px
}

.mapsItem {
    box-sizing: border-box
}

    .mapsItem:nth-child(2) {
        padding-right: 0
    }

.googleMapsDirection .directions table, .googleMapsDirection .adp-summary {
    width: 100%;
    font-size: 15px;
    color: #1e1e1e
}

.googleMapsDirection .directions .adp-placemark {
    color: #000
}

.googleMapsDirection #submit {
    cursor: pointer
}

.clearfix {
    content: '';
    display: block;
    clear: both
}

.adp-substep .adp-stepicon .adp-maneuver {
    background-color: #fff
}

.mapsItem .linkButton {
    background: #5a5a5a;
    font-weight: 300
}

.mapsItem .input, .mapsItem #submit {
    float: right;
    border-radius: 0
}

    .mapsItem .input input, .mapsItem #submit {
        height: 45px;
        padding: 9px;
        font-size: 11px
    }

.mapsItem .input {
    width: 75%
}

.mapsItem #submit {
    width: 25%
}

.mapsItem .input input {
    width: 100%;
    border-radius: 0;
    text-align: center;
    height: 45px;
    line-height: 45px
}

    .mapsItem .input input::-webkit-input-placeholder {
        color: #a9aaac;
        font-weight: 700;
        font-size: 11px;
        text-align: center;
        height: 45px;
        line-height: 25px
    }

    .mapsItem .input input::-moz-placeholder {
        color: #a9aaac;
        font-weight: 700;
        font-size: 11px;
        text-align: center;
        height: 45px;
        line-height: 25px
    }

    .mapsItem .input input:-ms-input-placeholder {
        color: #a9aaac;
        font-weight: 700;
        font-size: 11px;
        height: 45px;
        line-height: 25px
    }

.mapsItem .input .push {
    margin-top: 10px
}

.transport > input {
    float: left !important;
    width: 20px !important
}

.adp-summary {
    font-weight: bold;
    margin: 20px 0
}

.adp-agencies {
    color: white
}

.print {
    display: none;
    cursor: pointer;
    font-size: 20px
}

canvas, iframe, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

form {
    margin-bottom: 30px
}

.adp-text {
    padding: 0 5px
}

#map-canvas {
    border: solid 1px #e0e0e0;
    width: 100%;
    height: 640px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.15)
}

    #map-canvas img {
        max-width: none !important
    }

#directions-panel {
    clear: both;
    margin: 30px 0 0 0
}

.inner-footer {
    border-top: solid 1px #999
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

@media (max-width:1370px) {
    #map-canvas {
        height: 480px
    }
}

@media (max-width:1110px) {
    .form-container .col:first-child {
        padding-right: 10px
    }

    .form-container .col:nth-child(2) {
        padding-left: 10px
    }
}

@media (max-width:768px) {
    .mapsItem {
        width: 100%;
        padding-right: 0
    }

    #map-canvas {
        height: 384px
    }

    .mapsItem .input {
        width: 60%
    }

    .mapsItem #submit {
        width: 40%
    }
}

@media (max-width:660px) {
    .mapsItem.form {
        margin-bottom: 10px
    }

    .form-container .col:nth-child(2) {
        margin-top: 20px;
        padding-left: 0
    }

    .form-container .col:first-child {
        padding-right: 0
    }

    .form-container .col {
        width: 100%
    }

    .googleMapsDirection .directions #directions-panel {
        overflow-x: scroll
    }
}

.contestents {
    max-width: 640px;
    margin: 0 auto
}

    .contestents strong {
        display: block;
        margin-bottom: 20px;
        font-size: 20px
    }

    .contestents td {
        color: black;
        font-size: 16px;
        padding: 8px 8px 11px 0;
        font-weight: 400;
        border: 1px solid #ddd
    }

.nagradna_igra #main-menu-container {
    display: none
}

.custom.container-header {
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: #000;
    z-index: 5000
}

    .custom.container-header .header {
        background-color: transparent;
        height: auto
    }

    .custom.container-header .sub-navigation {
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #e1e1e1
    }

    .custom.container-header img {
        display: block
    }

.ni-container {
    margin-top: 120px;
    font-family: 'Montserrat',sans-serif !important
}

    .ni-container ::-webkit-input-placeholder {
        font-style: normal;
        color: #a7a6a6
    }

    .ni-container :-moz-placeholder {
        font-style: normal;
        color: #a7a6a6
    }

    .ni-container ::-moz-placeholder {
        font-style: normal;
        color: #a7a6a6
    }

    .ni-container :-ms-input-placeholder {
        font-style: normal;
        color: #a7a6a6
    }

    .ni-container h2 {
        font-size: 60px;
        color: #ed1c24;
        margin-bottom: 20px;
        font-weight: 200;
        font-family: 'Montserrat',sans-serif !important
    }

    .ni-container .text-section {
        max-width: 890px;
        margin: 0 auto;
        text-align: center
    }

        .ni-container .text-section p {
            font-family: 'Montserrat',sans-serif !important;
            font-weight: 200;
            font-size: 20px
        }

            .ni-container .text-section p.bold {
                font-weight: 400;
                font-size: 18px
            }

        .ni-container .text-section .gallery-title h2 {
            color: #000
        }

    .ni-container .cont {
        background-color: #ddd
    }

    .ni-container .cont-section {
        max-width: 1420px;
        margin: 0 auto
    }

    .ni-container .curvy {
        font-family: 'Mark My Words',sans-serif
    }

    .ni-container .form {
        max-width: 620px;
        margin-top: 120px
    }

        .ni-container .form .text {
            text-align: left;
            font-weight: 400;
            margin-top: 40px;
            margin-bottom: 40px;
            font-size: 17px
        }

    .ni-container .form-cont {
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .ni-container .form-cont > div {
            padding: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 26%
        }

        .ni-container .form-cont .form {
            width: 62.676056338%
        }

    .ni-container .input-container {
        margin-bottom: 20px
    }

        .ni-container .input-container.super {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .ni-container .input-container div {
            font-weight: 500;
            margin-right: 10px
        }

    .ni-container input[type="text"] {
        height: 60px;
        background-color: #fff;
        padding: 0 15px;
        font-size: 14px;
        border: 2px solid #a7a6a6;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        letter-spacing: 2px;
        font-weight: 400;
        color: #000
    }

    .ni-container .email-submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ni-container input[type="submit"] {
        height: 60px;
        min-width: 160px;
        width: auto;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 13px;
        font-weight: 500;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: transparent;
        color: #625f60;
        border: 2px solid #625f60
    }

    .ni-container .consents label {
        display: block;
        padding-left: 60px;
        position: relative;
        color: #a7a5a6;
        font-weight: 400;
        margin-bottom: 20px
    }

        .ni-container .consents label a {
            color: #ed1c24
        }

        .ni-container .consents label:after {
            content: '';
            display: block;
            position: absolute;
            z-index: 4;
            top: 50%;
            left: 6px;
            width: 40px;
            height: 35px;
            background-image: url(https://www.supernova.si/images/checkbox-not-selected.png);
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 100%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .ni-container .consents input[type="checkbox"]:checked + label:after {
        left: 10px;
        background-image: url(https://www.supernova.si/images/checkbox-selected.png)
    }

    .ni-container input[type="checkbox"] {
        display: none
    }

    .ni-container .gallery-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: -20px
    }

        .ni-container .gallery-container img {
            visibility: hidden
        }

        .ni-container .gallery-container .gallery-item {
            position: relative;
            width: 20%;
            padding-left: 20px;
            padding-bottom: 60px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .ni-container .gallery-container .gallery-item:nth-child(2n) {
                -webkit-transform: rotate(14deg);
                -moz-transform: rotate(14deg);
                -ms-transform: rotate(14deg);
                -o-transform: rotate(14deg);
                transform: rotate(14deg);
                z-index: 3
            }

            .ni-container .gallery-container .gallery-item:nth-child(3n) {
                -webkit-transform: rotate(-14deg);
                -moz-transform: rotate(-14deg);
                -ms-transform: rotate(-14deg);
                -o-transform: rotate(-14deg);
                transform: rotate(-14deg);
                z-index: 2
            }

        .ni-container .gallery-container .item-outer {
            border: 15px solid #fff;
            background-color: #fff;
            -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
            box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35)
        }

        .ni-container .gallery-container .item-inner {
            position: relative
        }

            .ni-container .gallery-container .item-inner:after {
                content: '';
                background-image: url(https://www.supernova.si/images/ni/Nebo_285x285px_3.jpg);
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                display: block;
                width: 100%;
                height: 100%;
                z-index: 1
            }

        .ni-container .gallery-container .item-content {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            z-index: 2;
            font-size: 45px;
            text-align: center;
            font-weight: 300;
            line-height: 1;
            width: 100%
        }

            .ni-container .gallery-container .item-content div {
                font-family: 'Mark My Words',sans-serif;
                color: #ed1c24
            }

            .ni-container .gallery-container .item-content span {
                display: block;
                font-weight: 500;
                word-break: break-word;
                margin-top: 10px
            }

    .ni-container .gallery-outer {
        padding: 50px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .ni-container .right-image {
        margin-top: 180px
    }

        .ni-container .right-image .strelec {
            width: 71%;
            margin: 0 auto;
            display: block
        }

    .ni-container .separator-spacer-2 {
        height: 50px
    }

    .ni-container .gallery-title-first h2 {
        color: #000
    }

        .ni-container .gallery-title-first h2 span {
            color: #ed1c24
        }

    .ni-container .alert-success {
        background-color: #ed1c24;
        color: #fff !important
    }

    .ni-container .alert-error, .ni-container .alert-success {
        padding: 10px;
        color: #000;
        font-weight: 400;
        max-width: 890px;
        margin: 0 auto
    }

    .ni-container .twi {
        margin-top: 30px;
        margin-bottom: 75px
    }

        .ni-container .twi h2 {
            display: inline-block;
            position: relative
        }

        .ni-container .twi img {
            position: absolute;
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            max-width: 230px
        }

    .ni-container .scroll-to-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }

        .ni-container .scroll-to-container .scroll-to {
            width: 20px;
            height: 20px;
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            cursor: pointer
        }

@media (max-width:1200px) {
    .ni-container .gallery-container .gallery-item {
        width: 25%
    }

    .ni-container .gallery-outer {
        padding: 50px
    }
}

@media (max-width:991px) {
    .ni-container input[type="submit"], .ni-container input[type="text"] {
        height: 50px
    }

    .ni-container .form-cont .form {
        width: 48%
    }

    .ni-container .form-cont > div {
        width: 26%
    }

    .ni-container .twi img {
        max-width: 200px
    }
}

@media (max-width:768px) {
    .ni-container .gallery-container .gallery-item {
        width: 33.333333333%
    }

    .ni-container .gallery-container .item-content {
        font-size: 32px
    }
}

@media (max-width:576px) {
    .ni-container .gallery-container .gallery-item {
        width: 50%
    }

    .ni-container .form-cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .ni-container .form-cont .form {
            width: 100% !important;
            margin-top: 0
        }

        .ni-container .form-cont > div {
            width: 60% !important
        }

    .ni-container .right-image {
        margin-top: 0
    }

    .ni-container .form .text {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .ni-container .text-section p, .ni-container .form .text {
        font-size: 14px
    }

    .ni-container h2 {
        font-size: 40px
    }

    .ni-container .text-section p.bold {
        font-size: 16px
    }

    .ni-container .twi {
        margin-bottom: 0;
        overflow: hidden
    }

        .ni-container .twi img {
            max-width: 100px
        }
}

@media (max-width:450px) {
    .ni-container .gallery-container .gallery-item {
        width: 100%;
        padding-left: 0
    }

    .ni-container .gallery-container {
        margin-left: 0
    }

    .ni-container input[type="submit"], .ni-container input[type="text"] {
        height: 40px;
        font-size: 12px
    }
}

footer {
    clear: both;
    position: relative;
    background-color: #1e1e1e;
    padding-bottom: 20px
}

    footer a {
        color: #333
    }

    footer h5 {
        padding: 0;
        margin: 0 0 15px 0;
        font-size: 12px;
        font-weight: 300
    }

    footer ul {
        list-style: none;
        padding: 0;
        margin-bottom: 20px;
        text-align: left
    }

        footer ul li {
            margin-top: 6px;
            font-size: 12px;
            color: #fff
        }

            footer ul li a {
                color: #fff;
                transition: all 0.2s ease-in-out
            }

.footer-inner {
    *zoom: 1
}

    .footer-inner:before, .footer-inner:after {
        display: table;
        content: "";
        line-height: 0
    }

    .footer-inner:after {
        clear: both
    }

.footer-extra {
    float: right;
    *zoom: 1
}

    .footer-extra:before, .footer-extra:after {
        display: table;
        content: "";
        line-height: 0
    }

    .footer-extra:after {
        clear: both
    }

.footer-columns {
    margin-top: 40px;
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer-column {
    float: left;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 20px;
}

    .footer-column.social-icons:hover a {
        color: #fff
    }

    .footer-column a:hover {
        color: #fff
    }

    .footer-column span {
        min-width: 78px;
        display: inline-block
    }

.social-icons {
    float: left;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: flex-end
}

.footer-column {
    align-self: flex-start
}

.social-icons .social-icons-item {
    font-size: 12px
}

    .social-icons .social-icons-item * {
        transition: none !important
    }

    .social-icons .social-icons-item .fa {
        border: 1px solid #fff;
        font-size: 15px;
        text-align: center;
        padding: 5px 8px;
        border-radius: 50%;
        margin-top: -14px
    }

    .social-icons .social-icons-item .fa-instagram {
        height: 15px;
        width: 10px
    }

        .social-icons .social-icons-item .fa-instagram:before {
            margin-left: -2px
        }

    .social-icons .social-icons-item:hover i {
        border: 1px solid #ed1c24
    }

    .social-icons .social-icons-item.icon {
        margin-left: 10px
    }

.footer-column:last-child {
    padding-right: 0
}

.footer-column h5 {
    font-weight: 300;
    font-size: 12px;
    font-family: Nunito Sans;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
}

    .footer-column h5 .fa {
        font-size: 25px;
        width: 25px
    }

        .footer-column h5 .fa:before {
            display: block;
            text-align: center
        }

    .footer-column h5.small {
        font-size: 12px
    }

    .footer-column h5.bit-bigger i {
        font-size: 24px
    }

    .footer-column h5 i {
        margin-right: 10px
    }

.footer-copyright {
    clear: both;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 70px
}

.footer-column a {
    color: #fff
}

    .footer-column a:hover {
        color: #ed1c24
    }

.footer-logo {
    display: inline-block
}

    .footer-logo.right {
        float: right
    }

        .footer-logo.right img {
            max-width: 130px
        }

.mobile.footer-columns {
    border-top: 1px solid #fff
}

.mobile .footer-column h5 {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px
}

.mobile .footer-column ul {
    padding-left: 35px
}

@media (max-width:768px) {
    .mobile.footer-columns {
        display: block
    }

    .mobile .footer-column h5 {
        font-size: 12px
    }

    .footer-columns {
        float: none;
        margin-left: -20px
    }

    .footer-column {
        margin-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:660px) {
    .footer-columns.mobile .footer-column {
        width: 100%
    }

    .social-icons {
        justify-content: flex-start
    }

        .social-icons .social-icons-item {
            margin-right: 5px
        }

            .social-icons .social-icons-item.icon {
                margin-left: -6px
            }

    .mobile .footer-column ul {
        padding-left: 35px
    }
}

@media (max-width:480px) {
    .footer-extra {
        float: none
    }

    .footer-columns {
        float: none;
        margin-left: 0
    }

    .footer-column {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        clear: both;
        *zoom: 1
    }

        .footer-column:before, .footer-column:after {
            display: table;
            content: "";
            line-height: 0
        }

        .footer-column:after {
            clear: both
        }

        .footer-column ul li a {
            display: inline-block;
            vertical-align: top;
            padding: 5px 0
        }
}

@media (max-width:450px) {
    .footer-logo.left {
        max-width: 150px
    }

    .footer-logo.right img {
        max-width: 100px
    }

    .footer-logo.right img, .footer-logo.left img {
        width: 100%
    }
}

@media (max-width:380px) {
    .footer-logo.left {
        max-width: 100px
    }

    .footer-logo.right {
        max-width: 60px
    }
}

.cartSummary {
    position: relative;
    float: right;
    margin-left: 0;
    min-width: 50px;
    margin-top: -10px
}

    .cartSummary .facebook-link, .cartSummary .newsletterBox {
        float: right;
        max-width: 110px
    }

    .cartSummary .facebook-link {
        margin-top: 23px;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 23px;
        color: #1e1e1e;
        background-color: #717171;
        padding: 5px 10px
    }

        .cartSummary .facebook-link:hover {
            background: #3c679e
        }

    .cartSummary .facebook-link {
        display: inline-block;
        border-radius: 0;
        padding: 2px 6px 0 6px;
        -moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
        border-bottom: 1px solid #1e1e1e;
        height: 18px
    }

        .cartSummary .facebook-link i {
            border: 0;
            box-shadow: none;
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg);
            font-weight: 300;
            margin-bottom: -1px;
            font-size: 20px
        }

    .cartSummary .skew.top-link {
        position: relative;
        background-color: #717171;
        float: right;
        margin-top: 23px;
        height: 20px;
        font-size: 12px;
        text-align: center;
        font-weight: 300;
        margin-left: 10px
    }

        .cartSummary .skew.top-link a {
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg) !important;
            display: block
        }

    .cartSummary a.cartSummary-desktopTrigger {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -4px;
        background: #858585;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-indent: -9999px
    }

        .cartSummary a.cartSummary-desktopTrigger img {
            display: block;
            width: 20px;
            height: 20px;
            margin: 10px 0 0 10px
        }

    .cartSummary:hover a.cartSummary-desktopTrigger, .cartSummary.active a.cartSummary-desktopTrigger {
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

    .cartSummary a.cartSummary-mobile-icon {
        display: none
    }

.cartSummary-info {
    white-space: nowrap;
    padding-right: 50px;
    text-align: right;
    line-height: 120%
}

.cartSummary-info-quantity {
    font-size: 11px;
    color: #666;
    text-align: right
}

.cartSummary-info-price {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-align: right
}

.cartSummary .cartSummary-dropdown {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 11;
    width: 270px;
    border-bottom: 2px solid #fff;
    background: #858585;
    color: #fff;
    -webkit-border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px
}

.cartSummary .cartSummary-dropdown-inner {
    padding: 10px
}

.cartSummary table {
    width: 100%;
    margin-bottom: 10px;
    border-top: 3px solid rgba(255,255,255,0.35)
}

    .cartSummary table td {
        vertical-align: top;
        padding: 5px 0;
        border-bottom: 1px solid rgba(255,255,255,0.35)
    }

        .cartSummary table td a {
            color: #fff
        }

    .cartSummary table tr.cartSummary-total td {
        padding: 8px 0 10px 0;
        border-bottom: 3px solid rgba(255,255,255,0.35)
    }

        .cartSummary table tr.cartSummary-total td.cartSummary-totalPrice {
            text-align: right;
            font-size: 16px
        }

.cartSummary a.cartSummary-thumbnail {
    display: block;
    width: 50px;
    height: 50px
}

    .cartSummary a.cartSummary-thumbnail img {
        display: block;
        width: 100%;
        max-width: 100%
    }

.cartSummary .cartSummary-name {
    font-weight: bold;
    padding-left: 10px
}

.cartSummary .cartSummary-price {
    float: right;
    width: 50%;
    padding-left: 10px;
    font-size: 11px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cartSummary .cartSummary-quantity {
    float: left;
    width: 50%;
    padding-left: 10px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

p.cartSummary-alert {
    color: #fff;
    margin-bottom: 10px;
    text-align: center
}

.cartSummary-actions {
    line-height: 30px;
    text-align: right
}

    .cartSummary-actions .button-edit {
        float: left;
        color: #fff;
        font-size: 12px
    }

@media (max-width:1360px) {
    .cartSummary {
        margin-top: -15px
    }
}

@media (max-width:1250px) {
    .cartSummary {
        margin-top: -18px
    }
}

@media (max-width:1150px) {
    .cartSummary {
        margin-top: -20px
    }
}

@media (max-width:768px) {
    .cartSummary {
        margin: 0
    }

        .cartSummary a.cartSummary-desktopTrigger {
            display: none
        }

        .cartSummary a.cartSummary-mobile-icon {
            position: relative;
            display: block;
            width: 45px;
            height: 38px;
            padding-top: 7px
        }

            .cartSummary a.cartSummary-mobile-icon img {
                display: block;
                width: 30px;
                height: 30px;
                margin: 0 auto 0 auto
            }

            .cartSummary a.cartSummary-mobile-icon span {
                position: absolute;
                top: 3px;
                right: 3px;
                display: block;
                width: 14px;
                height: 14px;
                line-height: 14px;
                padding: 0;
                white-space: nowrap;
                text-align: center;
                font-size: 11px;
                font-weight: 700;
                background: red;
                color: #fff;
                border: 2px solid #fff;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
                box-shadow: 0 1px 1px rgba(0,0,0,0.6)
            }

            .cartSummary a.cartSummary-mobile-icon:hover {
                background-color: #1a5275
            }

            .cartSummary a.cartSummary-mobile-icon.active {
                background-color: #013f66
            }

    .cartSummary-info {
        display: none
    }

    .cartSummary .facebook-link {
        margin-top: 23px
    }

    .cartSummary .newsletterBox {
        margin-top: 0
    }
}

.login-box {
    padding: 20px 0 0 0;
    max-width: 380px
}

    .login-box .password-lost {
        font-size: 11px
    }

.register-box input.warning {
    border-color: #c60f13;
    background: #f9e7e7
}

.register-box {
    margin: 0 0 20px 0;
    padding: 20px 20px 0 20px;
    background: #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.compact {
    white-space: nowrap;
    width: 1%
}

.order-container {
    max-width: 100%;
    overflow: auto
}

    .order-container table {
        width: 100%;
        border-collapse: collapse
    }

        .order-container table th {
            background: #ebebeb;
            color: #333;
            padding: 8px 20px 8px 3px;
            border-bottom: 1px solid #d6d6d6;
            text-align: left;
            text-transform: none;
            font-size: 11px
        }

            .order-container table th.no-wrap, .order-container table td.no-wrap {
                width: 1%;
                white-space: nowrap
            }

        .order-container table td {
            padding: 8px 20px 8px 3px;
            border-bottom: 1px solid #d6d6d6
        }

        .order-container table th.order-row-title {
            text-align: left;
            padding-left: 3px
        }

        .order-container table th.order-row-price {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-quantity {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-subtotal {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-delete {
            padding-right: 0;
            width: 1%;
            white-space: nowrap
        }

        .order-container table td.order-row-thumb {
            width: 1%;
            white-space: nowrap;
            text-align: left
        }

        .order-container table td.order-row-title {
            font-size: 16px
        }

        .order-container table td.order-row-price {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-quantity {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-subtotal {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-delete {
            padding-right: 0;
            width: 1%;
            white-space: nowrap
        }

.order-remove-item {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(https://www.supernova.si/images/icoCartRemove.png) no-repeat center center;
    text-indent: -9999px;
    text-align: left
}

.order-container table tr.order-totals-foot td {
    border-bottom: 0
}

.order-container table tr.order-totals-foot .price {
    display: inline-block;
    min-width: 80px;
    vertical-align: top
}

.order-totals .sum {
    float: right;
    font-weight: 700
}

.billing-data {
    padding: 10px;
    margin-bottom: 20px;
    background: #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    .order-container table td.order-row-thumb {
        padding: 0
    }

        .order-container table td.order-row-thumb a {
            display: none
        }

    .order-container table th {
        padding: 8px 10px 8px 0
    }

    .order-container table td {
        padding: 8px 10px 8px 0
    }

        .order-container table td select {
            max-width: 55px
        }

        .order-container table td.order-row-title {
            font-size: 12px
        }
}

.orderSteps {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    *zoom: 1
}

    .orderSteps:before, .orderSteps:after {
        display: table;
        content: "";
        line-height: 0
    }

    .orderSteps:after {
        clear: both
    }

    .orderSteps li {
        display: block;
        float: left;
        width: 25%;
        position: relative;
        padding: 0 0 50px 0;
        font-size: 12px
    }

        .orderSteps li .text, .orderSteps li .text a, .orderSteps li .text a:hover {
            display: block;
            position: relative;
            width: 100%;
            color: #333;
            text-align: center;
            text-transform: uppercase;
            white-space: nowrap
        }

        .orderSteps li.current .text, .orderSteps li.completed .text, .orderSteps li.current .text a, .orderSteps li.completed .text a {
            color: #013f66
        }

        .orderSteps li .stepNo {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 39px
        }

            .orderSteps li .stepNo b {
                display: block;
                height: 39px;
                width: 39px;
                margin: 0 auto;
                text-align: center;
                line-height: 39px;
                font-size: 24px;
                font-weight: 700;
                color: #fff;
                -webkit-border-radius: 25px;
                -moz-border-radius: 25px;
                border-radius: 25px
            }

            .orderSteps li .stepNo b {
                background: #999
            }

        .orderSteps li.current .stepNo b, .orderSteps li.completed .stepNo b {
            background: #013f66
        }

        .orderSteps li .lineBefore {
            display: block;
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 50%;
            height: 18px;
            border-top: 3px solid #c2c2c2
        }

        .orderSteps li .lineAfter {
            display: block;
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 0;
            left: 50%;
            right: 0;
            height: 18px;
            border-top: 3px solid #c2c2c2
        }

        .orderSteps li.current .lineBefore, .orderSteps li.completed .lineBefore, .orderSteps li.completed .lineAfter {
            border-top-color: #013f66
        }

.orderSteps4 li {
    width: 25%
}

.orderSteps3 li {
    width: 33%
}

@media (max-width:767px) {
    .orderSteps li .text, .orderSteps li .text a, .orderSteps li .text a:hover {
        display: block;
        position: relative;
        width: 100%;
        color: #333;
        text-align: center;
        text-transform: none;
        white-space: normal
    }

    .orderSteps li {
        padding: 0px 0px 30px 0px;
        font-size: 10px
    }

        .orderSteps li .stepNo {
            height: 29px
        }

            .orderSteps li .stepNo b {
                height: 29px;
                width: 29px;
                line-height: 29px;
                font-size: 16px;
                border-radius: 15px
            }

        .orderSteps li .lineBefore, .orderSteps li .lineAfter {
            height: 14px
        }
}

.primaryMenu {
    clear: both;
    *zoom: 1;
    width: 100%;
    clear: left;
    width: 80%;
    float: right;
    margin-top: -25px;
    margin-bottom: 0
}

    .primaryMenu:before, .primaryMenu:after {
        display: table;
        content: "";
        line-height: 0
    }

    .primaryMenu:after {
        clear: both
    }

    .primaryMenu ul {
        display: inline-block;
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        *zoom: 1
    }

        .primaryMenu ul:before, .primaryMenu ul:after {
            display: table;
            content: "";
            line-height: 0
        }

        .primaryMenu ul:after {
            clear: both
        }

        .primaryMenu ul li {
            display: block;
            float: left;
            position: relative;
            margin: 0;
            padding: 0;
            height: 30px;
            line-height: 30px;
            text-transform: uppercase;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s;
            transition: all 0.3s ease-in-out;
            font-size: 14px
        }

            .primaryMenu ul li:hover {
                -webkit-transition: background 0.3s;
                -moz-transition: background 0.3s;
                -o-transition: background 0.3s;
                transition: background 0.3s;
                color: #ebebeb
            }

            .primaryMenu ul li.primaryMenu-home {
                background: #013f66;
                -webkit-border-radius: 2px 0 0 2px;
                -moz-border-radius: 2px 0 0 2px;
                border-radius: 2px 0 0 2px;
                overflow: hidden
            }

                .primaryMenu ul li.primaryMenu-home a {
                    padding: 0;
                    width: 50px;
                    background: url(https://www.supernova.si/images/icoHome.png) no-repeat center center;
                    text-indent: -9999px
                }

            .primaryMenu ul li.primaryMenu-mobileTrigger {
                display: none
            }

            .primaryMenu ul li.active, .primaryMenu ul li.active a {
                color: #ed1c24
            }

                .primaryMenu ul li.active ul li a {
                    color: #ebebeb
                }

.fixed .primaryMenu ul li > a {
    line-height: 45px
}

.primaryMenu ul li a {
    display: block;
    float: left;
    padding: 0 15px;
    color: #e7dddc;
    text-decoration: none;
    height: 40px;
    line-height: 30px;
    font-weight: 300
}

    .primaryMenu ul li a:hover {
        color: #ed1c24
    }

.primaryMenu ul li.primaryMenu-withDropdown a {
    padding: 0 15px
}

span.primaryMenu-trigger {
    display: block;
    position: relative;
    z-index: 10;
    float: right;
    vertical-align: middle;
    width: 10px;
    padding-right: 10px;
    height: 30px
}

    span.primaryMenu-trigger i {
        display: block;
        width: 0;
        height: 0;
        margin: 12px 0 0 -8px;
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: #fff transparent transparent transparent
    }

.fixed span.primaryMenu-trigger i {
    margin-top: 18px
}

ul.primaryMenu-dropdownMenu {
    display: none;
    float: left;
    position: absolute;
    z-index: 10;
    top: 40px;
    left: -200px;
    list-style: none;
    margin: 0;
    min-width: 440px;
    z-index: 11;
    padding: 20px 40px;
    background: rgba(235,235,235,0.95);
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

    ul.primaryMenu-dropdownMenu li {
        float: none;
        padding: 0;
        margin: 0;
        height: auto;
        line-height: 120%;
        text-transform: none;
        font-size: 12px
    }

        ul.primaryMenu-dropdownMenu li:last-child {
            border-bottom: 0
        }

        ul.primaryMenu-dropdownMenu li:last-child {
            border-bottom: 0
        }

        ul.primaryMenu-dropdownMenu li:hover {
            background: none
        }

        ul.primaryMenu-dropdownMenu li a, .primaryMenu ul li.primaryMenu-withDropdown ul.primaryMenu-dropdownMenu li a {
            font-family: Nunito Sans;
            font-size: 14px;
            text-align: left;
            color: #1e1e1e;
            float: none;
            height: auto;
            line-height: normal;
            padding: 6px;
            background: transparent;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

            .primaryMenu ul li.primaryMenu-withDropdown ul.primaryMenu-dropdownMenu li a:hover {
                color: #ed1c24
            }

.primaryMenu-mobileTrigger {
    display: none
}

.left-submenu {
    width: 40%;
    border-right: 1px solid #1e1e1e
}

.highlight {
    width: 60%;
    padding-left: 40px;
    text-align: center
}

.highlight, .left-submenu {
    float: left;
    box-sizing: border-box
}

    .highlight .title {
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 14px
    }

    .highlight .image img {
        width: 100%
    }

    .highlight .heading {
        font-weight: bold;
        text-transform: none;
        margin-top: 10px;
        margin-bottom: 5px
    }

ul li .highlight .cta a {
    color: #1e1e1e;
    background: transparent;
    border: 1px solid #1e1e1e;
    border-radius: 0;
    height: 30px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    ul li .highlight .cta a:hover {
        background-color: #1e1e1e;
        color: #ebebeb
    }

.wideArrow {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 10px solid #1e1e1e;
    border-left: 20px solid transparent
}

@media (max-width:1268px) {
    span.primaryMenu-trigger i {
        margin: 12px 0 0 0
    }

    span.primaryMenu-trigger {
        padding-right: 0
    }

    .primaryMenu ul li {
        font-size: 14px
    }

        .primaryMenu ul li a, .primaryMenu ul li.primaryMenu-withDropdown a {
            padding: 0 5px
        }
}

@media (max-width:975px) {
    .primaryMenu ul li a {
        font-size: 12px
    }
}

@media (max-width:900px) {
    .primaryMenu ul li:last-child ul.primaryMenu-dropdownMenu {
        right: 0;
        left: auto
    }
}

@media (min-width:771px) {
    .primaryMenu {
        display: block !important
    }
}

@media (max-width:768px) {
    ul.primaryMenu-dropdownMenu {
        padding: 0 20px 20px 20px;
        left: 0
    }

    .left-submenu {
        width: 100%
    }

    .primaryMenu {
        padding-top: 40px !important
    }

    .primaryMenu-dropdownMenu .highlight {
        display: none
    }

    .primaryMenu-userBoxMobile {
        display: block !important;
        *zoom: 1;
        background: #013f66
    }

        .primaryMenu-userBoxMobile:before, .primaryMenu-userBoxMobile:after {
            display: table;
            content: "";
            line-height: 0
        }

        .primaryMenu-userBoxMobile:after {
            clear: both
        }

    .primaryMenu ul li.primaryMenu-userBoxMobile:hover {
        background: #013f66
    }

    .primaryMenu-userBoxMobile a {
        display: block;
        float: left !important;
        width: 75%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .primaryMenu-userBoxMobile a.primaryMenu-logout {
            float: right !important;
            width: 51px
        }

    .primaryMenu-logout {
        background: url(https://www.supernova.si/images/icoLogout.png) no-repeat center center;
        -webkit-background-size: 26px 26px;
        -moz-background-size: 26px 26px;
        -o-background-size: 26px 26px;
        background-size: 26px 26px;
        text-indent: -9999px;
        border-left: 1px solid #013f66
    }

    .primaryMenu-mobileTrigger {
        display: block;
        float: right;
        margin-right: -7px
    }

        .primaryMenu-mobileTrigger a {
            display: block;
            width: 30px;
            height: 30px;
            background: url(https://www.supernova.si/images/icoMenuToggle.png) no-repeat center center;
            text-indent: -9999px;
            background-size: cover;
            margin-top: 8px
        }

            .primaryMenu-mobileTrigger a.active {
                background-image: url(https://www.supernova.si/images/icoCloseToggle.png);
                -webkit-background-size: 26px 26px;
                -moz-background-size: 26px 26px;
                -o-background-size: 26px 26px;
                background-size: 26px 26px
            }

    .primaryMenu {
        display: none;
        padding: 10px;
        margin: 0 -10px;
        background: #013f66
    }

    .fixed .primaryMenu ul {
        margin-top: 40px
    }

    .primaryMenu ul {
        display: block;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .primaryMenu ul li {
            float: none;
            height: auto;
            line-height: 140%
        }

            .primaryMenu ul li:hover {
                background: none
            }

            .primaryMenu ul li.primaryMenu-home {
                display: none
            }

            .primaryMenu ul li.primaryMenu-divider {
                display: none;
                width: 100%;
                height: 1px;
                border: 0
            }

            .primaryMenu ul li.primaryMenu-mobileTrigger {
                display: block;
                float: right;
                width: 50px;
                background: #013f66;
                -webkit-border-radius: 0 2px 2px 0;
                -moz-border-radius: 0 2px 2px 0;
                border-radius: 0 2px 2px 0;
                overflow: hidden
            }

                .primaryMenu ul li.primaryMenu-mobileTrigger a {
                    display: block;
                    float: none;
                    width: 50px;
                    padding: 0;
                    text-indent: -9999px;
                    background: url(https://www.supernova.si/layouts/parts/images/icoMenuToggle.png) no-repeat center center
                }

            .primaryMenu ul li a {
                float: none;
                line-height: 40px;
                font-size: 12px
            }

    span.primaryMenu-trigger {
        display: block;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        padding-right: 0
    }

    .primaryMenu ul li span.primaryMenu-trigger i {
        margin-left: 17px;
        margin-top: 17px
    }

    .primaryMenu ul li.primaryMenu-dropdownActive span.primaryMenu-trigger {
        background-color: #1e1e1e;
        height: 40px
    }

        .primaryMenu ul li.primaryMenu-dropdownActive span.primaryMenu-trigger i {
            border-width: 0 4px 7px 4px;
            border-color: transparent transparent #fff transparent
        }

    .primaryMenu ul li:hover a {
        background: none
    }

    ul.primaryMenu-dropdownMenu {
        display: none;
        float: none;
        background: #1e1e1e;
        clear: both
    }

        ul.primaryMenu-dropdownMenu li {
            border-bottom: 0
        }

    .primaryMenu {
        width: 100%;
        background-color: transparent
    }

        .primaryMenu ul {
            float: left;
            width: 100%
        }

            ul.primaryMenu-dropdownMenu li a, .primaryMenu ul li.primaryMenu-withDropdown ul.primaryMenu-dropdownMenu li a {
                color: white;
                font-size: 10px;
                padding-left: 20px
            }
}

.secondaryMenu {
    display: none;
    padding-top: 6px;
    margin-bottom: 20px;
    *zoom: 1
}

    .secondaryMenu:before, .secondaryMenu:after {
        display: table;
        content: "";
        line-height: 0
    }

    .secondaryMenu:after {
        clear: both
    }

.secondaryMenu-hasContent .secondaryMenu {
    display: block
}

.secondaryMenu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

    .secondaryMenu ul li {
        display: block;
        margin: 0;
        padding: 0
    }

        .secondaryMenu ul li a, .secondaryMenu ul li span {
            display: block;
            padding: 7px 10px 7px 0;
            background: url(https://www.supernova.si/images/icoSecondaryMenuArrow.png) no-repeat right center;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

        .secondaryMenu ul li.active a {
            background: url(https://www.supernova.si/images/icoSecondaryMenuArrow_1.png) no-repeat 95% center;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

        .secondaryMenu ul li a:hover {
            text-decoration: none;
            color: #ed1c24;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

        .secondaryMenu ul li.secondaryMenu-title {
            overflow: hidden;
            -webkit-border-radius: 2px 2px 0 0;
            -moz-border-radius: 2px 2px 0 0;
            border-radius: 2px 2px 0 0
        }

            .secondaryMenu ul li.secondaryMenu-title a, .secondaryMenu ul li.secondaryMenu-title span {
                background: transparent;
                color: #1e1e1e;
                text-transform: uppercase;
                font-weight: normal;
                font-size: 25px;
                margin-top: 20px;
                margin-bottom: 10px
            }

        .secondaryMenu ul li.secondaryMenu-level-1 {
            margin-top: 1px;
            background-size: 7px 10px
        }

            .secondaryMenu ul li.secondaryMenu-level-1 a {
                color: #1e1e1e;
                font-size: 16px;
                font-family: 'Playfair Display',serif
            }

                .secondaryMenu ul li.secondaryMenu-level-1 a:hover {
                    color: #ed1c24
                }

            .secondaryMenu ul li.secondaryMenu-level-1.active a {
                color: #fff;
                color: #ed1c24
            }

        .secondaryMenu ul li.secondaryMenu-level-2 {
            background: #ebebeb
        }

            .secondaryMenu ul li.secondaryMenu-level-2 a {
                color: #1e1e1e;
                padding-left: 20px;
                padding: 0;
                font-size: 13px;
                background: none
            }

                .secondaryMenu ul li.secondaryMenu-level-2 a:hover {
                    color: #ed1c24
                }

            .secondaryMenu ul li.secondaryMenu-level-2.active a {
                font-weight: 700
            }

span.pageTitle-menuAnchor {
    display: none
}

.secondaryMenu ul .storeList {
    display: none;
    width: 90%;
    margin: 0 5%
}

    .secondaryMenu ul .storeList li:last-child a {
        margin-bottom: 6px
    }

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,0.1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333
}

    .autocomplete-suggestion b {
        font-weight: normal;
        color: #1f8dd6
    }

    .autocomplete-suggestion.selected {
        background: #f0f0f0
    }

.secondaryMenu ul li.secondaryMenu-title a {
    text-transform: none;
    font-family: 'Playfair Display',serif
}

.move {
    border: 1px solid #a7a1a1;
    overflow: auto
}

.search-input, .seacth-button {
    float: left
}

.goButton {
    display: none
}

.seacth-button {
    display: table;
    width: 20%;
    box-sizing: border-box;
    background-color: #5a5a5a;
    color: #ebebeb;
    cursor: pointer
}

    .seacth-button i {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 22px
    }

.seacth-button, .search-input input {
    height: 45px;
    line-height: 45px
}

.search-input {
    width: 80%;
    font-size: 14px
}

    .search-input input {
        padding: 5px 20px;
        font-size: 14px
    }

        .search-input input::-webkit-input-placeholder {
            font-size: 14px;
            font-weight: normal;
            text-transform: uppercase;
            line-height: 180%;
            color: #969494
        }

@media (max-width:769px) {
    .secondaryMenu-hasContent .secondaryMenu {
        margin-top: -150px
    }

    .nova-gorica.secondaryMenu-hasContent .secondaryMenu {
        margin-top: 120px
    }

    .secondaryMenu {
        margin-bottom: 10px;
        margin-top: 20px
    }

    .secondaryMenu-hasContent span.pageTitle-menuAnchor {
        display: none;
        float: right;
        width: 40px;
        height: 40px;
        background: #346585 url(https://www.supernova.si/images/icoMenuSecondaryAnchor.png) no-repeat center center;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-indent: -9999px;
        cursor: pointer
    }
}

@media (max-width:599px) {
    .secondaryMenu-hasContent .secondaryMenu {
        margin-top: -290px
    }

    .nova-gorica.secondaryMenu-hasContent .secondaryMenu {
        margin-top: 120px
    }
}

@media (max-width:450px) {
    .secondaryMenu-hasContent .secondaryMenu {
        margin-top: -300px
    }

    .nova-gorica.secondaryMenu-hasContent .secondaryMenu {
        margin-top: 120px
    }
}

@media (max-width:330px) {
    .secondaryMenu-hasContent .secondaryMenu {
        margin-top: -330px
    }

    .nova-gorica.secondaryMenu-hasContent .secondaryMenu {
        margin-top: 120px
    }
}

.siteSelector {
    position: relative;
    z-index: 8;
    max-width: 100px;
    float: right;
    clear: right;
    margin: 0 0 0 20px
}

span.siteSelector-trigger {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #000;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
    text-align: right
}

i.siteSelector-triggerIcon {
    display: inline-block;
    vertical-align: top;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    margin: 13px 0 0 5px;
    width: 0
}

ul.siteSelector-menu {
    display: none;
    position: absolute;
    top: 33px;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    ul.siteSelector-menu li {
        display: block;
        margin: 0;
        padding: 0
    }

        ul.siteSelector-menu li a {
            display: block;
            margin: 0;
            padding: 8px 10px;
            color: #000
        }

            ul.siteSelector-menu li a span {
                display: inline-block;
                width: 16px;
                height: 11px;
                background-position: -208px -66px
            }

@media (max-width:767px) {
    .siteSelector {
        float: left;
        margin: 0 0 20px 0
    }
}

@media (max-width:480px) {
    ul.siteSelector-menu {
        right: auto;
        left: 0
    }

    .siteSelector {
        max-width: 70px
    }

    ul.siteSelector-menu {
        max-width: 100%;
        width: 100%
    }
}

.searchBox {
    width: 160px;
    display: none;
    position: absolute;
    right: 495px;
    top: 3px;
    z-index: 1;
    height: 20px
}

.nova-gorica .searchBox {
    right: 317px
}

.searchBox .skew input {
    text-align: center
}

.searchBox_holder {
    position: relative
}

.searchBox-input {
    padding-right: 0px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 19px
}

    .searchBox-input input {
        height: 20px;
        background: none;
        border: 0;
        font-size: 12px
    }

        .searchBox-input input:focus {
            outline: none;
            border-color: transparent
        }

.searchBox-submit {
    position: absolute;
    top: 1px;
    right: 1px
}

    .searchBox-submit a {
        display: block;
        width: 0px;
        height: 0px;
        text-indent: -9999px
    }

.searchBox_holder {
    top: 11px
}

.searchBox-trigger {
    position: absolute;
    right: 505px;
    font-size: 25px;
    margin: 0px 0 0 0;
    color: white;
    cursor: pointer;
    z-index: 2;
    color: #717171;
    top: 11px
}

.searchBox {
    top: 12px
}

    .searchBox .skew {
        display: block
    }

@media (max-width:1360px) {
    .searchBox-trigger, .searchBox {
        top: 8px
    }

    .searchBox_holder {
        top: 14px
    }
}

@media (max-width:1250px) {
    .searchBox-trigger, .searchBox {
        top: 3px
    }

    .searchBox_holder {
        top: 20px
    }

    .searchBox {
        left: 496px
    }
}

@media (max-width:1150px) {
    .searchBox-trigger, .searchBox {
        top: 2px
    }
}

@font-face {
    font-family: 'icomoon2';
    src: url(https://www.supernova.si/styles/fonts1/icomoon.eot?utr5nc);
    src: url(https://www.supernova.si/styles/fonts1/icomoon.eot?utr5nc#iefix) format('embedded-opentype'),url(https://www.supernova.si/styles/fonts1/icomoon.ttf?utr5nc) format('truetype'),url(https://www.supernova.si/styles/fonts1/icomoon.woff?utr5nc) format('woff'),url(https://www.supernova.si/styles/fonts1/icomoon.svg?utr5nc#icomoon) format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon1-"], [class*=" icon1-"] {
    font-family: 'icomoon2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon1-lupa {
    color: #a5a5a5
}

    .icon1-lupa:before {
        content: "\e910"
    }

.searchBox-trigger i {
    font-size: 18px
}

.searchBox-mobileTrigger {
    display: none
}

@-webkit-keyframes anForw {
    0% {
        right: 180px
    }

    100% {
        right: 282px
    }
}

@-moz-keyframes anForw {
    0% {
        right: 180px
    }

    100% {
        right: 282px
    }
}

@-o-keyframes anForw {
    0% {
        right: 180px
    }

    100% {
        right: 282px
    }
}

@keyframes anForw {
    0% {
        right: 180px
    }

    100% {
        right: 282px
    }
}

@media (max-width:768px) {
    .searchBox {
        width: 198px;
        top: 10px;
        left: -135px
    }

    .searchBox-trigger {
        top: 7px;
        right: 290px
    }

    .searchBox-trigger {
        top: 9px
    }

    .searchBox_holder {
        top: 2px;
        display: none
    }
}

@media (max-width:699px) {
    .searchBox-trigger {
        right: 258px
    }
}

@media (max-width:480px) {
    .nova-gorica .searchBox {
        right: 91px
    }

    .searchBox {
        left: initial;
        right: 77px
    }
}

@media (max-width:390px) {
    .searchBox-trigger {
        right: 246px
    }

    .cartSummary .facebook-link {
        margin-right: 4px
    }

    .searchBox {
        right: 65px
    }
}

.socialmedia {
    float: right
}

    .socialmedia ul {
        *zoom: 1
    }

        .socialmedia ul:before, .socialmedia ul:after {
            display: table;
            content: "";
            line-height: 0
        }

        .socialmedia ul:after {
            clear: both
        }

        .socialmedia ul li {
            display: block;
            float: left;
            margin: 0 0 0 20px;
            padding: 0
        }

            .socialmedia ul li a {
                display: block;
                position: relative;
                width: 25px;
                height: 25px;
                opacity: 0.9;
                filter: alpha(opacity=90);
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s
            }

                .socialmedia ul li a:hover {
                    text-decoration: none;
                    opacity: 1;
                    filter: alpha(opacity=100);
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s
                }

            .socialmedia ul li img {
                display: block;
                width: 25px;
                height: 25px;
                vertical-align: middle;
                margin: 0;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden
            }

            .socialmedia ul li span {
                display: none;
                position: absolute;
                top: 25px;
                left: 50%;
                width: 50px;
                margin-left: -25px;
                text-align: center;
                font-size: 10px;
                color: #4d4d4d
            }

            .socialmedia ul li a:hover span {
                display: block
            }

@media (max-width:767px) {
    .socialmedia {
        float: none
    }

        .socialmedia ul li {
            margin: 0 10px 0 0
        }
}

.checkboxes {
    width: 36.42px;
    height: 32px;
    margin: 20px 0px;
    background-image: url(https://www.supernova.si/images/checkbox-selected.png);
    background-repeat: no-repeat;
    margin-right: 17px
}

    .checkboxes.selected {
        background-image: url(https://www.supernova.si/images/checkbox-selected.png)
    }

    .checkboxes.not-selected {
        background-image: url(https://www.supernova.si/images/checkbox-not-selected.png)
    }

.option-container {
    display: flex;
    align-items: center;
    margin: 0px 30px
}

.option-description {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.03em;
    color: #000
}

.fa-facebook-black {
    background: black !important;
    color: white !important
}

#text1 {
    background-color: #f1f1f1;
    font-family: Lato;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #000;
    padding-top: 20px
}

#options-container {
    padding: 0px 40px 20px 40px;
    background-color: #f1f1f1;
    justify-content: center;
    display: flex
}

#map-intro-descritpion {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #000
}

.map-link-title {
    font-size: 13px;
    color: black
}

.map-location-link {
    color: #f33 !important
}

.map__point {
    transition: opacity .5s
}

    .map__point.transparent {
        opacity: .1
    }

    .map__point#cpoint-1 {
        top: 7%;
        left: 47%
    }

    .map__point#cpoint-2 {
        top: 10%;
        left: 55%
    }

    .map__point#cpoint-3 {
        top: 24%;
        left: 39%
    }

    .map__point#cpoint-4 {
        top: 20%;
        left: 40.5%
    }

    .map__point#cpoint-5 {
        top: 27%;
        left: 33%
    }

    .map__point#cpoint-6 {
        top: 28%;
        left: 49%
    }

    .map__point#cpoint-7 {
        top: 28%;
        left: 51.5%
    }

    .map__point#cpoint-8 {
        top: 32%;
        left: 74%
    }

    .map__point#cpoint-9 {
        top: 32.5%;
        left: 76.5%
    }

    .map__point#cpoint-10 {
        top: 57%;
        left: 28%
    }

    .map__point#cpoint-11 {
        top: 67%;
        left: 39%
    }

    .map__point#cpoint-12 {
        top: 20.8%;
        left: 37%
    }

    .map__point#cpoint-13 {
        top: 30%;
        left: 70%
    }

    .map__point .inside {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        background: #f33
    }

#country-map-image {
    height: auto !important
}

.card-title-container {
    display: flex;
    justify-content: space-between
}

    .card-title-container div {
        display: none
    }

.close-card {
    display: none !important
}

.remove-border {
    border: none !important
}

@media (max-width:768px) {
    .card-title-container div {
        display: block
    }

    .option-container {
        margin: 0px;
        padding-left: 16px
    }

    #options-container {
        flex-direction: column;
        padding: 38px 0px 64px 0px
    }

    .map {
        padding: 0px
    }

    .map-intro-text {
        text-align: start;
        padding: 62px 16px 0px 16px
    }

    #map-intro-descritpion {
        text-align: start
    }

    #text1 {
        text-align: start;
        padding: 50px 0px 0px 16px
    }

    #croatia-map-points .map__point .inside_wrapper {
        padding: 1px;
        width: unset;
        height: unset
    }

        #croatia-map-points .map__point .inside_wrapper .inside {
            width: 15px;
            height: 15px
        }

    #croatia-map-points .map__point .map__content {
        transform: scale(1);
        left: -125px;
        top: 20px
    }

    #croatia-map-points .map__point:hover {
        width: 0px;
        height: 0px
    }
}

@media (max-width:600px) {
    #croatia-map-points .map__point .inside_wrapper .inside {
        width: 8px;
        height: 8px
    }
}

.attachment-item {
    *zoom: 1;
    margin-bottom: 3px;
    font-weight: normal
}

    .attachment-item:before, .attachment-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .attachment-item:after {
        clear: both
    }

    .attachment-item img {
        display: inline-block;
        vertical-align: top;
        margin: 1px 5px 0 0;
        width: auto
    }

.attachment-item-container {
    display: flex
}

    .attachment-item-container.left {
        justify-content: flex-start
    }

    .attachment-item-container.center {
        justify-content: center
    }

    .attachment-item-container.right {
        justify-content: flex-end;
        flex-direction: inherit
    }

.attachment-item {
    *zoom: 1;
    margin-bottom: 3px;
    font-weight: normal;
    margin: 5px 0px
}

    .attachment-item:before, .attachment-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .attachment-item:after {
        clear: both
    }

    .attachment-item img {
        display: inline-block;
        vertical-align: top;
        margin: 1px 5px 0 0;
        width: auto
    }

    .attachment-item a {
        color: black;
        text-decoration: underline
    }

        .attachment-item a:hover {
            color: #ee2333;
            text-decoration: underline
        }

        .attachment-item a .fa {
            width: 36px;
            height: 36px;
            padding: 8px;
            border: 1px solid #ee2333;
            margin-right: 12px
        }

.empty-icon {
    width: 52px;
    height: 25px;
    display: inline-block
}

.banner {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .banner img {
        display: block;
        width: 100%;
        max-width: 100%
    }

.banner-withText .banner-text {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 10px;
    color: white;
    padding: 5px;
    background-color: rgba(0,0,0,0.8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    .banner {
        margin-bottom: 10px
    }
}

.slide2020-content-container {
    position: absolute;
    width: 28.5%;
    height: 70%;
    left: 10%;
    top: 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

#myCarousel .carousel-indicators li {
    background-color: rgba(255,255,255,0.25);
    border: 1px solid rgba(255,255,255,0.25)
}

#myCarousel .carousel-indicators .active {
    background-color: #fff
}

h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal
}

.slide2020-content-container h2 {
    white-space: pre-line;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-size: 91px;
    line-height: 89px;
    width: 110%;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.slide2020-content-container p {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    white-space: pre-line;
    font-size: 22px;
    line-height: 30px;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

#myCarousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 8px
}

.slide2020-btn-container {
    height: 55px
}

    .slide2020-btn-container .link-btn {
        background-color: transparent
    }

    .slide2020-btn-container button {
        background-color: transparent;
        max-width: 100%;
        height: 100%;
        border: 1px solid white;
        color: white;
        transition: 0.3s
    }

        .slide2020-btn-container button:hover {
            background: white;
            color: black
        }

#sliding-banner2020-container .carousel-indicators {
    width: 15%;
    left: 10%;
    bottom: 3%;
    margin-left: 0;
    margin-right: 0
}

    #sliding-banner2020-container .carousel-indicators a {
        display: flex;
        justify-content: flex-end;
        margin-top: -12px
    }

#sliding-banner2020-container .carousel-control .carousel-arrow-right {
    background-image: url(https://www.supernova.si/layouts/renderers/banner2020/images/carousel-arrow-right.png);
    display: none;
    top: 30%;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center
}

#sliding-banner2020-container .carousel-control .carousel-arrow-left {
    background-image: url(https://www.supernova.si/layouts/renderers/banner2020/images/carousel-arrow-left.png);
    display: none;
    top: 30%;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center
}

.white-text {
    color: white !important;
    border-color: white !important;
    transition: 0.3s
}

    .white-text.slide2020-btn:hover {
        color: black !important;
        border-color: black !important;
        background-color: white
    }

.black-text {
    color: black !important;
    border-color: black !important;
    transition: 0.3s
}

    .black-text.slide2020-btn:hover {
        color: white !important;
        border-color: white !important;
        background-color: black
    }

@media only screen and (max-width:1800px) {
    .slide2020-content-container h2 {
        font-size: 86px;
        line-height: 84px
    }

    .slide2020-content-container p {
        font-size: 19px;
        line-height: 28px
    }

    .slide2020-btn-container {
        height: 52px
    }

        .slide2020-btn-container button {
            font-size: 15px
        }

    #myCarousel .carousel-indicators li {
        width: 14px;
        height: 14px;
        margin: 7.5px
    }
}

@media only screen and (max-width:1700px) {
    .slide2020-content-container h2 {
        font-size: 81px;
        line-height: 79px
    }

    .slide2020-content-container p {
        font-size: 18px;
        line-height: 26px
    }

    .slide2020-btn-container {
        height: 49px
    }

        .slide2020-btn-container button {
            font-size: 14px
        }

    #myCarousel .carousel-indicators li {
        width: 13px;
        height: 13px;
        margin: 7px
    }
}

@media only screen and (max-width:1600px) {
    .slide2020-content-container h2 {
        font-size: 76px;
        line-height: 74px
    }

    .slide2020-content-container p {
        font-size: 17px;
        line-height: 25px
    }

    .slide2020-btn-container {
        height: 46px
    }

    #myCarousel .carousel-indicators li {
        width: 12.5px;
        height: 12.5px;
        margin: 6.5px
    }
}

@media only screen and (max-width:1500px) {
    .slide2020-content-container h2 {
        font-size: 71px;
        line-height: 69px
    }

    .slide2020-content-container p {
        font-size: 16px;
        line-height: 24px
    }

    .slide2020-btn-container {
        height: 43px
    }
}

@media only screen and (max-width:1400px) {
    .slide2020-content-container h2 {
        font-size: 66px;
        line-height: 64px
    }

    .slide2020-content-container p {
        font-size: 15px;
        line-height: 23px
    }

    .slide2020-btn-container {
        height: 40px
    }

        .slide2020-btn-container button {
            font-size: 13px
        }
}

@media only screen and (max-width:1300px) {
    .slide2020-content-container h2 {
        font-size: 61px;
        line-height: 59px
    }

    .slide2020-content-container p {
        font-size: 14px;
        line-height: 22px
    }

    .slide2020-btn-container {
        height: 37px
    }
}

@media only screen and (max-width:1200px) {
    .slide2020-content-container h2 {
        font-size: 56px;
        line-height: 54px
    }

    .slide2020-content-container p {
        font-size: 13px;
        line-height: 21px
    }

    .slide2020-btn-container {
        height: 34px
    }
}

@media only screen and (max-width:1100px) {
    .slide2020-content-container h2 {
        font-size: 51px;
        line-height: 49px
    }

    .slide2020-content-container p {
        font-size: 12px;
        line-height: 20px
    }

    .slide2020-btn-container {
        height: 31px
    }
}

@media only screen and (max-width:1000px) {
    .slide2020-content-container h2 {
        font-size: 46px;
        line-height: 44px
    }

    .slide2020-content-container p {
        font-size: 11.5px;
        line-height: 19px
    }

    .slide2020-btn-container {
        height: 28px
    }

        .slide2020-btn-container button {
            font-size: 12px;
            padding-top: 0px;
            height: 35px
        }
}

@media only screen and (max-width:900px) {
    .slide2020-content-container h2 {
        font-size: 41px;
        line-height: 40px
    }

    .slide2020-content-container p {
        font-size: 11.5px;
        line-height: 19px
    }

    .slide2020-btn-container {
        height: 25px
    }

        .slide2020-btn-container button {
            font-size: 11px;
            padding-top: 0px;
            padding-bottom: 1px;
            height: 35px
        }
}

@media only screen and (max-width:800px) {
    .slide2020-content-container h2 {
        font-size: 36px;
        line-height: 36px
    }

    .slide2020-content-container p {
        font-size: 11px;
        line-height: 18px
    }

    .slide2020-btn-container button {
        font-size: 10px;
        padding-top: 0px;
        padding-bottom: 1px;
        height: 30px
    }
}

@media only screen and (max-width:768px) {
    .slide2020-content-container {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0%;
        height: 50%;
        background: linear-gradient(180deg,transparent 0%,#000 100%);
        bottom: 0%;
        top: unset;
        padding: 0% 4%;
        padding-bottom: 15%;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

        .slide2020-content-container h2 {
            font-size: 48px;
            line-height: 56px;
            color: white;
            margin: 5px 0px;
            width: 100%
        }

        .slide2020-content-container p {
            font-size: 16px;
            line-height: 24px;
            width: 75%;
            margin-bottom: 10px
        }

    .slide2020-btn-container button {
        height: 55px;
        color: white;
        border-color: white
    }

    #sliding-banner2020-container .carousel-control .carousel-arrow-right {
        background-image: url(https://www.supernova.si/layouts/renderers/banner2020/images/carousel-arrow-right-white.png);
        display: none
    }

    #sliding-banner2020-container .carousel-control .carousel-arrow-left {
        background-image: url(https://www.supernova.si/layouts/renderers/banner2020/images/carousel-arrow-left-white.png);
        display: none
    }

    #myCarousel .carousel-indicators .active {
        background-color: white
    }

    #sliding-banner2020-container .carousel-indicators a {
        justify-content: initial
    }

    #sliding-banner2020-container .carousel-indicators {
        width: 30%
    }

    #myCarousel .carousel-indicators li {
        background-color: grey
    }

    .white-text-mobile {
        color: white !important
    }

    .black-text-mobile {
        color: black !important
    }
}

@media only screen and (max-width:450px) {
    .slide2020-content-container {
        display: initial
    }
}

@media only screen and (max-width:400px) {
    .slide2020-content-container h2 {
        font-size: 35px;
        line-height: 40px
    }

    .slide2020-btn-container button {
        height: 35.5px
    }
}

@media screen and (max-width:600px) and (min-width:450px) {
    .slide2020-btn-container {
        height: 55px
    }
}

.collapsibleContent-container {
    width: 33.3%
}

.collapsibleContent {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column
}

.collapsibleContent-container.left {
    align-self: start
}

.collapsibleContent-container.center {
    align-self: center
}

.collapsibleContent-container.right {
    align-self: flex-end
}

.collapsibleContent h3 {
    display: flex;
    align-items: center;
    padding: 7px 10px;
    line-height: 44px;
    font-weight: 400;
    cursor: pointer;
    margin: 5px 0px;
    font-size: 36px;
    font-family: Nunito Sans
}

    .collapsibleContent h3 span {
        display: block;
        float: right;
        width: 20px;
        height: 20px;
        margin-top: 3px;
        text-indent: -9999px
    }

.collapsibleContent-content {
    padding-left: 10px;
    margin-bottom: 30px
}

.collapsibleContent h3.collapsibleContent-closed span {
    background: url(https://www.supernova.si/images/collapsable-content-arrow-down.png) no-repeat center center;
    margin-right: 15px
}

.collapsibleContent h3.collapsibleContent-opened span {
    background: url(https://www.supernova.si/images/collapsable-content-arrow-up.png) no-repeat center center;
    margin-right: 15px
}

.no-margin {
    margin: 0px
}

@media (max-width:767px) {
    .collapsibleContent {
        margin-bottom: 10px
    }

    .collapsibleContent-container {
        width: 100%
    }
}

.contentGrid {
    *zoom: 1
}

    .contentGrid:before, .contentGrid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .contentGrid:after {
        clear: both
    }

    .contentGrid.center-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        justify-content: center
    }

@media (max-width:767px) {
    .contentGrid .span9 {
        float: left;
        width: 75%
    }

    .contentGrid .span8 {
        float: left;
        width: 66.6667%
    }

    .contentGrid .span6 {
        float: left;
        width: 50%
    }

    .contentGrid .span4 {
        float: left;
        width: 33.3333%
    }

    .contentGrid .span3 {
        float: left;
        width: 25%
    }
}

@media (max-width:600px) {
    .contentGrid.center-grid {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap
    }

        .contentGrid.center-grid .span {
            width: 50%
        }

    .contentGrid .span9 {
        float: left;
        width: 50%
    }

    .contentGrid .span8 {
        float: left;
        width: 50%
    }

    .contentGrid .span6 {
        float: left;
        width: 50%
    }

    .contentGrid .span4 {
        float: left;
        width: 100%
    }

    .contentGrid .span3 {
        float: left;
        width: 50%
    }

    .contentGrid .span9:nth-child(2n+1) {
        clear: left
    }

    .contentGrid .span8:nth-child(2n+1) {
        clear: left
    }

    .contentGrid .span6:nth-child(2n+1) {
        clear: left
    }

    .contentGrid .span3:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .contentGrid .span9 {
        float: left;
        width: 66.6667%
    }

    .contentGrid .span8 {
        float: left;
        width: 66.6667%
    }

    .contentGrid .span6 {
        float: left;
        width: 50%
    }

    .contentGrid .span4 {
        float: left;
        width: 33.3333%
    }

    .contentGrid .span3 {
        float: left;
        width: 33.3333%
    }

    .contentGrid .span9:nth-child(2n+1) {
        clear: none
    }

    .contentGrid .span8:nth-child(2n+1) {
        clear: none
    }

    .contentGrid .span6:nth-child(2n+1) {
        clear: none
    }

    .contentGrid .span3:nth-child(2n+1) {
        clear: none
    }
}

@media (max-width:420px) {
    .contentGrid .span9 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .contentGrid .span8 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .contentGrid .span6 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .contentGrid .span4 {
        float: left;
        width: 100%;
        margin-left: 0
    }

    .contentGrid .span3 {
        float: left;
        width: 100%;
        margin-left: 0
    }
}

.googleMaps {
    position: relative;
    margin-bottom: 20px
}

    .googleMaps img {
        max-width: none;
        width: auto
    }

.googleMaps-holder {
    width: 100%;
    height: 600px
}

.googleMaps-overlay {
    position: absolute;
    bottom: 30px;
    right: 10px;
    z-index: 5
}

.googleMaps-filterHolder {
    background-color: #fff;
    padding: 10px;
    font-size: 12px
}

    .googleMaps-filterHolder li input[type="checkbox"] {
        height: 13px;
        margin-top: 3px;
        margin-right: 5px
    }

.googleMaps-overlay ul, .googleMaps-overlay li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.googleMaps .info-content {
    max-width: 200px
}

    .googleMaps .info-content .g-image, .googleMaps .info-content .g-image img {
        width: 100%
    }

    .googleMaps .info-content div.g-image-leftWrap {
        width: 30%;
        float: left;
        padding-right: 10px;
        padding-bottom: 10px
    }

    .googleMaps .info-content .g-image-leftWrap img {
        margin-right: 10px
    }

    .googleMaps .info-content div.g-image-rightWrap {
        width: 30%;
        float: right;
        padding-left: 10px;
        padding-bottom: 10px
    }

    .googleMaps .info-content .g-image-rightWrap img {
        padding-left: 10px
    }

    .googleMaps .info-content h3 {
        font-size: 14px
    }

    .googleMaps .info-content div.text {
        font-size: 12px
    }

@media (max-width:767px) {
    .googleMaps-holder {
        position: relative;
        width: 100%;
        height: 300px
    }

    .googleMaps {
        position: relative;
        margin-bottom: 10px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .googleMaps {
        *zoom: 1
    }

        .googleMaps:before, .googleMaps:after {
            display: table;
            content: "";
            line-height: 0
        }

        .googleMaps:after {
            clear: both
        }

    .googleMaps-overlay {
        position: static;
        padding: 0;
        margin: 0;
        margin-left: 330px
    }

    .googleMaps-filterHolder {
        padding: 0;
        margin: 0
    }

    .googleMaps-holder {
        float: left;
        width: 320px;
        height: 220px
    }
}

@media (max-width:480px) {
    .googleMaps-overlay {
        position: static;
        background: none
    }

    .googleMaps-filterHolder {
        padding: 10px 0
    }

        .googleMaps-filterHolder li {
            line-height: 30px
        }

            .googleMaps-filterHolder li input[type="checkbox"] {
                height: 13px;
                margin-top: 8px
            }
}

.horizontalImages {
    *zoom: 1;
    margin-left: -20px
}

    .horizontalImages:before, .horizontalImages:after {
        display: table;
        content: "";
        line-height: 0
    }

    .horizontalImages:after {
        clear: both
    }

.horizontalImages-item {
    float: left;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .horizontalImages-item.firstInLine {
        clear: left
    }

.horizontalImages-columns4 .horizontalImages-item {
    width: 25%
}

.horizontalImages-columns3 .horizontalImages-item {
    width: 33.333333333%
}

.horizontalImages-columns2 .horizontalImages-item {
    width: 50%
}

.horizontalImages-columns1 .horizontalImages-item {
    width: 100%
}

@media (max-width:767px) {
    .horizontalImages {
        margin-left: -10px
    }

    .horizontalImages-item {
        padding-left: 10px
    }

        .horizontalImages-item.firstInLine {
            clear: none
        }
}

@media (max-width:767px) and (orientation:landscape) {
    .horizontalImages-columns4 .horizontalImages-item {
        width: 25%
    }

    .horizontalImages-columns3 .horizontalImages-item {
        width: 33%
    }

    .horizontalImages-columns2 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns1 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns4 .horizontalImages-item:nth-child(4n+1) {
        clear: left
    }

    .horizontalImages-columns3 .horizontalImages-item:nth-child(2n+1) {
        clear: none
    }

    .horizontalImages-columns3 .horizontalImages-item:nth-child(3n+1) {
        clear: left
    }

    .horizontalImages-columns2 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns2 .horizontalImages-item:nth-child(3n+1) {
        clear: none
    }

    .horizontalImages-columns1 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns1 .horizontalImages-item:nth-child(3n+1) {
        clear: none
    }
}

@media (max-width:480px) {
    .horizontalImages-columns4 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns3 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns3 .horizontalImages-item:nth-child(3n+1) {
        clear: none
    }

    .horizontalImages-columns2 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns2 .horizontalImages-item:nth-child(3n+1) {
        clear: none
    }

    .horizontalImages-columns1 .horizontalImages-item:nth-child(2n+1) {
        clear: left
    }

    .horizontalImages-columns1 .horizontalImages-item:nth-child(3n+1) {
        clear: none
    }

    .horizontalImages-columns4 .menuGrid-item {
        width: 50%
    }

    .horizontalImages-columns3 .menuGrid-item {
        width: 50%
    }

    .horizontalImages-columns2 .menuGrid-item {
        width: 50%
    }

    .horizontalImages-columns4 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns3 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns2 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns1 .horizontalImages-item {
        width: 50%
    }

    .horizontalImages-columns1 .horizontalImages-item {
        width: 50%
    }
}

.imageBox {
    position: relative;
    *zoom: 1
}

    .imageBox:before, .imageBox:after {
        display: table;
        content: "";
        line-height: 0
    }

    .imageBox:after {
        clear: both
    }

    .imageBox .image-overlay {
        position: absolute;
        background: rgba(0,0,0,0.4);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        transition: opacity 0.4s linear;
        opacity: 1
    }

    .imageBox:hover .image-overlay {
        z-index: 1
    }

        .imageBox:hover .image-overlay span {
            color: white;
            font-size: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            opacity: 1
        }

.imageBox-image {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .imageBox-image img {
        display: block;
        max-width: 100%;
        width: 100%
    }

.imageBox-description {
    padding-top: 10px;
    font-size: 11px;
    color: gray
}

.imageBox.center {
    margin-bottom: 0
}

.imageBox-image.center {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto
}

.imageBox-image-modified {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:767px) {
    .imageBox {
        margin-bottom: 10px
    }

    .imageBox-image-modified {
        max-width: 100%
    }
}

.menuGrid {
    margin-left: -20px;
    padding-top: 40px;
    *zoom: 1
}

    .menuGrid:before, .menuGrid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .menuGrid:after {
        clear: both
    }

.menuGrid-item {
    float: left;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .menuGrid-item.firstInLine {
        clear: left
    }

.menuGrid-columns-4 .menuGrid-item {
    width: 25%
}

.menuGrid-columns-3 .menuGrid-item {
    width: 33.3%
}

.menuGrid-columns-2 .menuGrid-item {
    width: 50%
}

.menuGrid-line {
    width: 100%;
    height: 1px;
    background-color: #000
}

@media (max-width:768px) {
    .menuGrid {
        padding-top: 20px
    }

    .menuGrid-item.firstInLine {
        clear: none
    }

    .menuGrid-item:nth-child(2n+1) {
        clear: left
    }

    .menuGrid-columns-4 .menuGrid-item {
        width: 50%
    }

    .menuGrid-columns-3 .menuGrid-item {
        width: 50%
    }

    .menuGrid-columns-2 .menuGrid-item {
        width: 50%
    }
}

.linkButton {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 20px;
    margin: 0 0 20px 0;
    border: 0;
    text-align: center;
    color: #fff;
    background: #858585;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s
}

    .linkButton:hover {
        background: #707070;
        color: #fff;
        text-decoration: none;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s
    }

.linkButton-small {
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    font-family: Nunito Sans;
    font-size: 14px;
    font-weight: 400
}

.linkButton-normal {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-family: Nunito Sans;
    font-size: 12px;
    font-weight: 700
}

.linkButton-large {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-family: Nunito Sans;
    font-size: 18px;
    font-weight: 700
}

.newsBox {
    *zoom: 1
}

    .newsBox:before, .newsBox:after {
        display: table;
        content: "";
        line-height: 0
    }

    .newsBox:after {
        clear: both
    }

.newsBox-list {
    margin-bottom: 10px;
    *zoom: 1
}

    .newsBox-list:before, .newsBox-list:after {
        display: table;
        content: "";
        line-height: 0
    }

    .newsBox-list:after {
        clear: both
    }

.newsBox-list-item {
    margin-bottom: 10px
}

.newsBox h4 {
    margin: 0;
    padding: 0;
    font-weight: 400
}

    .newsBox h4 a {
        color: #dc0000
    }

.newsBox-date {
    font-size: 10px;
    color: #666
}

@media (max-width:767px) {
    .newsBox-list {
        margin-bottom: 5px;
        *zoom: 1
    }

        .newsBox-list:before, .newsBox-list:after {
            display: table;
            content: "";
            line-height: 0
        }

        .newsBox-list:after {
            clear: both
        }

    .newsBox-list-item {
        margin-bottom: 5px
    }
}

.newsletterBox {
    margin-right: 11px
}

    .newsletterBox h3 {
        display: none
    }

    .newsletterBox input {
        background: #2c2b2f;
        font-weight: bold;
        color: #1e1e1e;
        border: none;
        outline-color: #e7dddc;
        text-align: center;
        font-size: 12px;
        height: 20px
    }

        .newsletterBox input:focus {
            border: none;
            outline: none;
            border-right: 1px solid gray
        }

.newsletterBox-email input {
    display: inline-block;
    width: 94% !important;
    padding: 0 3%;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: top;
    margin: 0;
    top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.newsletterBox-signup a {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 12px
}

header .button {
    display: none
}

.newsletterBox-error, .newsletterBox-success {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    text-align: center
}

.newsletterBox-error {
    background: #ffbaba;
    color: #d8000c
}

.newsletterBox-success {
    background: transparent;
    border: 1px solid #000;
    color: #000
}

.newsletterBox .input-combined {
    width: 100%;
    padding: 3px 0
}

    .newsletterBox .input-combined input {
        width: 100%
    }

    .newsletterBox .input-combined input, .newsletterBox .input-combined .button, .newsletterBox .skew {
        background: #717171
    }

    .newsletterBox .input-combined.appended .button {
        margin-left: 0;
        border: 0
    }

.skew {
    display: inline-block;
    border-radius: 0;
    padding: 0 5px;
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

    .skew input {
        border: 0;
        box-shadow: none;
        -moz-transform: skewX(20deg);
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg)
    }

@media (max-width:767px) {
    .newsletter-footer-container {
        position: relative;
        height: initial
    }

    .newsletter-footer {
        padding-bottom: 20px;
        bottom: -25px;
        position: relative
    }

        .newsletter-footer .col.text {
            padding: 0px 20px 0px 20px
        }
}

@media (max-width:490px) {
    .newsletterBox {
        margin-right: 19px
    }

    ::-webkit-input-placeholder {
        vertical-align: middle;
        line-height: normal
    }

    ::-moz-placeholder {
        vertical-align: middle;
        line-height: normal
    }

    :-ms-input-placeholder {
        vertical-align: middle;
        line-height: normal
    }

    :-moz-placeholder {
        vertical-align: middle;
        line-height: normal
    }

    .newsletter-footer .newsletterBox .input-container, .newsletter-footer .newsletterBox .button-container {
        width: 100% !important
    }
}

@media (max-width:400px) {
    .newsletterBox {
        margin-right: 14px
    }
}

.pageSummary {
    position: relative
}

.pageSummary-image {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .pageSummary-image img {
        display: block;
        max-width: 100%;
        width: 100%
    }

.pageSummary .text-container {
    padding: 10px 50px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out
}

    .pageSummary .text-container:hover {
        background-color: #fff
    }

.pageSummary .text-container {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%
}

    .pageSummary .text-container .text-position {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .pageSummary .text-container:hover .text-position {
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%)
    }

    .pageSummary .text-container:hover .pageSummary-title h3, .pageSummary .text-container:hover .pageSummary-text {
        color: #1e1e1e;
        border-top-color: #1e1e1e
    }

.pageSummary-text {
    text-transform: uppercase;
    border-top: 1px solid #fff;
    color: #fff;
    font-weight: lighter;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 13px
}

.pageSummary-title h3 {
    font-family: Nunito Sans;
    font-size: 25px;
    font-weight: 100;
    line-height: 120%;
    margin-bottom: 3px;
    color: #fff
}

.pageSummary-links {
    margin-top: 10px
}

    .pageSummary-links ul {
        margin: 0;
        padding: 0;
        list-style: none;
        *zoom: 1
    }

        .pageSummary-links ul:before, .pageSummary-links ul:after {
            display: table;
            content: "";
            line-height: 0
        }

        .pageSummary-links ul:after {
            clear: both
        }

        .pageSummary-links ul li {
            float: left;
            display: block;
            margin: 0 10px 5px 0;
            background: #dc0000;
            color: #fff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

            .pageSummary-links ul li a {
                display: block;
                float: left;
                padding: 3px 5px;
                color: #fff
            }

@media (max-width:1080px) {
    .pageSummary .text-container .text-position {
        padding: 10px
    }
}

@media (max-width:767px) {
    .pageSummary-title h3 {
        font-size: 14px
    }

    .pageSummary-text {
        font-size: 10px;
        line-height: 110%
    }
}

@media (max-width:600px) {
    .pageSummary-text {
        display: none
    }
}

@media (max-width:450px) {
    .pageSummary .text-container .text-position {
        padding: 10px
    }
}

.pollBox {
    *zoom: 1
}

    .pollBox:before, .pollBox:after {
        display: table;
        content: "";
        line-height: 0
    }

    .pollBox:after {
        clear: both
    }

.productBox h3 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 3px
}

.productBox-price p {
    font-size: 14px;
    font-weight: 700;
    color: #dc0000
}

    .productBox-price p span.productBox-oldPrice {
        display: block;
        text-decoration: line-through;
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 400
    }

@media (max-width:767px) {
    .productBox h3 {
        font-size: 14px
    }
}

@media (max-width:420px) and (orientation:portrait) {
    .productBox h3 {
        font-size: 18px
    }
}

.separator-endWrap {
    clear: both
}

.separator-spacer {
    height: 20px;
    overflow: hidden
}

.separator-hr {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    height: 1px;
    background-image: url(https://www.supernova.si/images/bgSeparator.gif);
    max-width: 1080px;
    margin: auto
}

.separator-hrTitle {
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
    background: url(https://www.supernova.si/images/bgSeparator.gif) repeat-x left center
}

    .separator-hrTitle b {
        display: inline-block;
        padding: 5px 10px;
        margin: -5px 20px 0 20px;
        font-size: 25px;
        line-height: normal;
        font-family: Nunito Sans;
        font-weight: 300;
        background-color: #ebebeb;
        background-image: none
    }

@media (max-width:767px) {
    .separator-spacer {
        height: 10px
    }

    .separator-hr {
        margin-bottom: 20px
    }
}

.sitemap {
    margin-bottom: 20px;
    margin-left: -20px;
    *zoom: 1
}

    .sitemap:before, .sitemap:after {
        display: table;
        content: "";
        line-height: 0
    }

    .sitemap:after {
        clear: both
    }

.sitemap-column {
    float: left;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .sitemap-column ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

.sitemap-item-1 {
    font-weight: bold
}

.sitemap-item-2 {
    padding-left: 10px
}

.sitemap-item-3 {
    padding-left: 20px
}

.sitemap-item-4 {
    padding-left: 30px
}

.sitemap-item-5 {
    padding-left: 40px
}

.sitemap-item-6 {
    padding-left: 50px
}

.sitemap-item-7 {
    padding-left: 60px
}

.sitemap-item-separator-space {
    height: 20px
}

.sitemap-item-separator-hr {
    margin: 10px 0 0 0;
    width: 60px;
    height: 10px;
    border-top: 1px solid #ccc
}

.slidingBanner-container {
    position: relative;
    margin-bottom: 20px;
    *zoom: 1
}

    .slidingBanner-container:before, .slidingBanner-container:after {
        display: table;
        content: "";
        line-height: 0
    }

    .slidingBanner-container:after {
        clear: both
    }

.slidingBanner-containerInner {
    min-height: 150px;
    position: relative;
    background: #f2f2f2 url(https://www.supernova.si/images/progress.gif) no-repeat center center
}

.slidingBanner {
    background: #fff;
    max-height: 100%
}

.slidingBanner-fader {
    max-height: 100%
}

.slidingBanner-slide {
    width: 100%;
    max-width: 100%;
    position: absolute
}

.slidingBanner-slideInner {
    position: relative
}

.slidingBanner-slide img {
    display: block;
    width: 100%;
    max-width: 100%
}

.slidingBanner-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0,0,0,0.7);
    color: #fff
}

.slidingBanner-title {
    padding: 10px 10px 3px 10px;
    font-size: 18px;
    font-weight: 700
}

.slidingBanner-description {
    padding: 3px 10px 10px 10px;
    font-size: 12px;
    font-weight: 700
}

.slidingBanner-pager {
    text-align: center;
    margin-top: 5px
}

    .slidingBanner-pager a {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        text-align: center;
        text-indent: -9999px;
        background: #d6d6d6
    }

        .slidingBanner-pager a.slidingBanner-pagerActive {
            background: #5c5c5c
        }

.slidingBanner-arrowPrevious, .slidingBanner-arrowNext {
    display: block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 65px;
    margin-top: -32px;
    z-index: 1000;
    background: url(https://www.supernova.si/images/icoSlidingBannerArrows.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 0.25;
    filter: alpha(opacity=25);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.slidingBanner-arrowPrevious {
    display: block;
    background-position: 0 0;
    left: 0
}

.slidingBanner-arrowNext {
    display: block;
    background-position: -45px 0;
    right: 0
}

.slidingBanner-container:hover .slidingBanner-arrowPrevious, .slidingBanner-container:hover .slidingBanner-arrowNext {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media (max-width:767px) {
    .slidingBanner-containerInner {
        min-height: 150px
    }

    .slidingBanner-caption {
        bottom: 0;
        left: 0;
        width: 100%
    }
}

.slidingBanner2 {
    margin-bottom: 10px
}

.slidingBanner2-arrow-prev, .slidingBanner2-arrow-next {
    width: 45px;
    cursor: pointer;
    pointer-events: auto
}

    .slidingBanner2-arrow-prev img, .slidingBanner2-arrow-next img {
        width: 45px;
        height: 65px
    }

.slidingBanner2-arrow-prev {
    float: left
}

.slidingBanner2-arrow-next {
    float: right
}

.slidingBanner2:hover .slidingBanner2-arrow-prev, .slidingBanner2:hover .slidingBanner2-arrow-next {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.firstpage .isBackground.slidingBanner2-slide, .firstpage .isBackground.slidingBanner2-slide {
    background-size: cover;
    background-position: center bottom
}

.nova-gorica .slidingBanner2-slide.large {
    background-position: center top
}

.slidingBanner2-slide.large {
    min-height: 320px
}

.slidingBanner2-large, .slidingBanner2-large .slidingBanner2-slide-container {
    height: 640px
}

.slidingBanner2-small, .slidingBanner2-small .slidingBanner2-slide-container {
    height: 400px
}

.slidingBanner2-pager {
    display: none;
    background: rgba(0,0,0,0.5);
    vertical-align: top;
    margin: 0;
    position: absolute;
    bottom: 135px;
    left: 0;
    text-align: center;
    padding: 10px 0 0;
    z-index: 100;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    list-style-type: disc
}

    .slidingBanner2-pager::selection {
        background: #818181;
        color: white;
        text-shadow: none
    }

.nav-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    max-width: 89.583333333%;
    width: 100%;
    pointer-events: none
}

.slidingBanner2-pager li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 7px
}

    .slidingBanner2-pager li.selected {
        cursor: default;
        opacity: 1;
        background-position: 0 0
    }

    .slidingBanner2-pager li a {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        outline: 0;
        background: 0 none;
        margin: 0 3px;
        opacity: .5;
        position: relative;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
        font-size: 0 !important;
        width: 20px;
        height: 20px;
        background-position: 0 -22px
    }

        .slidingBanner2-pager li a:before {
            background-color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            content: "";
            display: block;
            height: 10px;
            margin: 5px;
            width: 10px
        }

    .slidingBanner2-pager li.selected a:before {
        background-color: #fff
    }

    .slidingBanner2-pager li a:after {
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: scale(0.5,0.5);
        -moz-transform: scale(0.5,0.5);
        -ms-transform: scale(0.5,0.5);
        -o-transform: scale(0.5,0.5);
        transform: scale(0.5,0.5);
        -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23,1,0.32,1);
        -moz-transition: -moz-transform 1.4s cubic-bezier(0.23,1,0.32,1);
        -o-transition: -o-transform 1.4s cubic-bezier(0.23,1,0.32,1);
        transition: transform 1.4s cubic-bezier(0.23,1,0.32,1)
    }

    .slidingBanner2-pager li.selected a:after {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1)
    }

.slidingBanner2-pager div:hover b {
    opacity: 1
}

.stores .custom.slidingBanner2-slide, .hideSlider.custom.slidingBanner2-slide {
    display: none
}

.stores .slidingBanner2 {
    display: none
}

.slidingBanner2-container .custom .slidingBanner2-slide-texts-container {
    top: initial;
    bottom: 12px
}

.slidingBanner2-slide-texts-container.hidden {
    display: none
}

.slidingBanner2-slide-texts-container.mobile {
    display: none;
    position: relative;
    margin-top: 30px
}

    .slidingBanner2-slide-texts-container.mobile.active {
        display: block
    }

    .slidingBanner2-slide-texts-container.mobile, .custom.slidingBanner2-slide .slidingBanner2-slide-texts-container.mobile .fa, .custom.slidingBanner2-slide .slidingBanner2-slide-texts-container.mobile ul li, .slidingBanner2-slide-texts-container.mobile .slidingBanner2-slide-texts-title, .slidingBanner2-slide-texts-container.mobile .slidingBanner2-slide-dark, .slidingBanner2-slide-texts-container.mobile .slidingBanner2-slide-texts-text, .slidingBanner2-slide-texts-container.mobile a {
        color: #000;
        letter-spacing: normal
    }

.slidingBanner2-slide.custom .slidingBanner2-slide-texts-container.mobile .slidingBanner2-slide-texts-text {
    font-size: 12px
}

.custom.slidingBanner2-slide .slidingBanner2-slide-texts-container.mobile .seperator {
    background-color: #949494
}

.custom.slidingBanner2-slide .floor {
    text-transform: uppercase;
    font-size: 12px
}

.slidingBanner2-slide.custom .slidingBanner2-slide-texts-title {
    margin-bottom: 11px
}

.custom.slidingBanner2-slide .floor .col {
    width: 50%;
    float: left;
    margin-bottom: 11px
}

    .custom.slidingBanner2-slide .floor .col.navigate {
        text-align: right;
        font-size: 13px;
        margin-top: -6px
    }

.custom.slidingBanner2-slide .seperator {
    clear: both;
    height: 1px;
    width: 100%;
    background: #ebebeb;
    margin-bottom: 11px
}

.custom.slidingBanner2-slide .floorTitle {
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 40px;
    padding-bottom: 7px
}

.custom.slidingBanner2-slide .fa {
    color: #ebebeb;
    font-size: 20px;
    margin-right: 10px
}

.custom.slidingBanner2-slide ul {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

    .custom.slidingBanner2-slide ul li {
        font-size: 12px;
        color: rgba(235,235,235,0.9);
        float: left;
        margin-right: 70px;
        display: table;
        height: 32px
    }

        .custom.slidingBanner2-slide ul li .fa {
            padding-right: 5px
        }

        .custom.slidingBanner2-slide ul li a, .custom.slidingBanner2-slide ul li span, .custom.slidingBanner2-slide ul li .fa {
            display: table-cell;
            vertical-align: middle
        }

        .custom.slidingBanner2-slide ul li span {
            white-space: nowrap
        }

.slidingBanner2-slide-texts-container {
    display: block;
    position: absolute;
    max-width: 72.916666667%;
    width: 100%;
    white-space: normal;
    left: 50%;
    top: 66.5%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .slidingBanner2-slide-texts-container .line {
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin: 16px 0 19px 0
    }

.slidingBanner2Mobile .slidingBanner2-slide-texts {
    padding: 20px
}

.slidingBanner2-slide-texts-leftTop {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    max-width: 100%
}

.slidingBanner2-slide-texts-leftBottom {
    left: 0;
    bottom: 0
}

.slidingBanner2-slide-texts-rightTop {
    right: 0px;
    top: 0px;
    width: 600px;
    max-width: 100%
}

.slidingBanner2-slide-texts-rightBottom {
    right: 0px;
    bottom: 0px;
    width: 600px;
    max-width: 100%
}

.slidingBanner2-slide-texts-top {
    left: 0px;
    right: 0px;
    top: 0px
}

.slidingBanner2-slide-texts-bottom {
    left: 0px;
    right: 0px;
    bottom: 0px
}

.slidingBanner2-slide-texts-title {
    display: block;
    color: #ebebeb;
    font-family: Nunito Sans;
    line-height: 1;
    font-size: 70px;
    font-weight: 100;
    max-width: 760px
}

.slidingBanner2-slide-texts-container.custom .slidingBanner2-slide-texts-subtitle {
    font-weight: 300
}

.slidingBanner2-slide-texts-subtitle {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 6px
}

.slidingBanner2-slide-texts-text {
    display: block;
    width: 50%;
    float: left;
    font-size: 14px;
    margin-top: 14px;
    letter-spacing: 8px
}

    .slidingBanner2-slide-texts-text p {
        color: rgba(235,235,235,0.9);
        font-size: 12px
    }

.slidingBanner2-slide-texts-title + .slidingBanner2-slide-texts-text {
    margin-top: 20px
}

.slidingBanner2-slide-light, .slidingBanner2-slide-light a {
    color: #000
}

.slidingBanner2-slide-dark, .slidingBanner2-slide-dark a {
    color: rgba(235,235,235,0.9)
}

.image-woman {
    width: 600px;
    position: absolute;
    top: 20%;
    right: 10%
}

.slidingBanner2, .slidingBanner2Mobile {
    width: 100%;
    min-height: 50px;
    overflow: hidden;
    position: relative;
    -ms-touch-action: pan-y pinch-zoom
}

.slidingBanner2-container {
    width: 200%
}

.slidingBanner2-slide {
    float: left;
    width: 50%;
    margin-right: -50%;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.slidingBanner2-slide-container.store {
    background-size: cover;
    background-position: top center
}

    .slidingBanner2-slide-container.store .slidingBanner2-slide-texts-container {
        max-width: 80.729166667%;
        bottom: 12px
    }

    .slidingBanner2-slide-container.store .slidingBanner2-slide-texts-title, .slidingBanner2-slide.custom .slidingBanner2-slide-texts-title {
        font-size: 25px
    }

.slidingBanner2-slide.custom .slidingBanner2-slide-container.store .slidingBanner2-slide-texts-text {
    letter-spacing: 0;
    font-size: 12px;
    margin-top: 0
}

.slidingBanner2-slide-container {
    display: block;
    text-decoration: none;
    position: relative
}

.slidingBanner2-slide img {
    display: block;
    width: 100%
}

.slidingBanner2-slide .slider-gradient {
    background: linear-gradient(to top,rgba(0,0,0,0.84),transparent 65%);
    position: absolute;
    width: 100%;
    height: 100%
}

.slidingBanner2 {
    display: block
}

.slidingBanner2-shadow {
    display: block
}

.slidingBanner2Mobile {
    display: none
}

.slidingBanner2Mobile-shadow {
    display: none
}

.slidingBanner2-slide .slidingBanner2-slide-background-image {
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (max-width:1370px) {
    .slidingBanner2-slide-texts-title {
        font-size: 70px
    }

    .slidingBanner2-slide-texts-text {
        font-size: 18px;
        margin-top: 14px
    }

    .slidingBanner2-slide-texts-subtitle {
        font-size: 25px
    }

    .slidingBanner2-slide-texts-container .line {
        margin: 15px 0 20px 0
    }

    .image-woman {
        width: 500px;
        top: 35%
    }

    .nav-container {
        max-width: 90.625%
    }

    .slidingBanner2-large, .slidingBanner2-large .slidingBanner2-slide-container {
        height: 480px
    }

    .slidingBanner2-small, .slidingBanner2-small .slidingBanner2-slide-container {
        height: 380px
    }

    .slidingBanner2-slide-texts-container {
        top: 56%
    }
}

@media (max-width:1045px) {
    .slidingBanner2-slide-container {
        min-height: 320px
    }

        .slidingBanner2-slide-container > img {
            display: none
        }

    .slidingBanner2-slide-texts-title {
        font-size: 50px
    }

    .slidingBanner2-slide-texts-text {
        font-size: 14px;
        margin-top: 6px
    }

    .slidingBanner2-slide-texts-subtitle {
        font-size: 18px
    }

    .slidingBanner2-slide-texts-container .line {
        margin: 10px 0 12px 0
    }

    .slidingBanner2-slide-texts-container {
        top: 65%
    }
}

@media (max-width:900px) {
    .slidingBanner2-slide-texts-title {
        font-size: 40px
    }

    .slidingBanner2-slide-texts-text {
        font-size: 12px;
        margin-top: 6px
    }

    .slidingBanner2-slide-texts-subtitle {
        font-size: 14px
    }

    .slidingBanner2-slide-texts-container .line {
        margin: 10px 0 12px 0
    }

    .image-woman {
        width: 360px;
        top: 40%
    }

    .slidingBanner2-slide-texts-container {
        top: 68%
    }
}

@media (max-width:769px) {
    .slidingBanner2-large, .slidingBanner2-large .slidingBanner2-slide-container {
        height: 384px
    }

    .slidingBanner2-small, .slidingBanner2-small .slidingBanner2-slide-container {
        height: 260px
    }

    .nav-container {
        display: block;
        max-width: 100%
    }

    .slidingBanner2-slide-texts-container {
        max-width: 83.333333333%
    }

    .image-woman {
        right: 0;
        top: 30%
    }

    .slidingBanner2-slide-container.store .image-gradient {
        background: linear-gradient(to top,#000,transparent 100%)
    }

    .slidingBanner2-slide-texts-container.custom {
        top: 55%;
        text-align: left
    }

    .slidingBanner2-slide-texts-container {
        top: 45%
    }
}

@media (max-width:650px) {
    .slidingBanner2-slide-container.store .image-gradient {
        background: linear-gradient(to top,#000,transparent 100%)
    }

    .custom.slidingBanner2-slide .floor .col {
        width: 100%;
        text-align: left !important
    }

    .hide-subtitle .slidingBanner2-slide-texts-text {
        display: none
    }
}

@media (max-width:599px) {
    .slidingBanner2-slide-texts-container.custom .slidingBanner2-slide-texts-leftBottom, .slidingBanner2-slide-texts-container.custom .slidingBanner2-slide-texts-title, .slidingBanner2-slide-texts-container.custom .slidingBanner2-slide-texts-subtitle {
        text-align: left
    }

    .slidingBanner2-slide-texts-container.custom .slidingBanner2-slide-texts-title {
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: left
    }

    .slidingBanner2-slide-container.store .slidingBanner2-slide-texts-text {
        font-size: 10px
    }

    .slidingBanner2-slide-texts-title {
        font-size: 30px
    }

    .slidingBanner2-slide-texts-text {
        font-size: 10px;
        margin-top: 0
    }

        .slidingBanner2-slide-texts-text.summary {
            display: none
        }

    .slidingBanner2-slide-texts-subtitle {
        font-size: 12px
    }

    .slidingBanner2-slide-texts-container .line {
        margin: 8px 0 7px 0
    }

    .image-woman {
        width: 260px
    }

    .slidingBanner2-slide-texts-text {
        width: 100%
    }

    .custom.slidingBanner2-slide .floorTitle {
        padding-left: 0;
        margin-top: 0
    }

    .custom.slidingBanner2-slide ul {
        padding-left: 0
    }

        .custom.slidingBanner2-slide ul li {
            float: initial
        }

    .stores .slidingBanner2 {
        margin-bottom: -10px
    }

    .image-woman {
        right: -35px;
        top: 9%
    }
}

@media (max-width:510px) {
    .custom.slidingBanner2-slide ul li {
        margin-right: 10px
    }
}

@media (max-width:490px) {
    .slidingBanner2-slide-texts-title, .slidingBanner2-slide-texts-text, .slidingBanner2-slide-texts-subtitle {
        max-width: 180px;
        top: 30%
    }

    .store .slidingBanner2-slide-texts-text, .slidingBanner2-slide-container.store .slidingBanner2-slide-texts-title {
        max-width: 100%
    }
}

@media (max-width:360px) {
    .image-woman {
        width: 180px;
        right: 0px;
        top: initial;
        bottom: 0
    }
}

.slidingBanner2-slide-texts-text.summary u {
    text-decoration: none;
    color: #ed1c24
}

.slidingBanner2-slide-texts-text.summary a {
    text-decoration: none;
    color: #ed1c24
}

.slidingGallery-containerInner {
    min-height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    background: #f2f2f2 url(https://www.supernova.si/images/progress.gif) no-repeat center center
}

.slidingGallery {
    margin-left: -20px;
    position: relative;
    *zoom: 1;
    background: #ebebeb
}

    .slidingGallery:before, .slidingGallery:after {
        display: table;
        content: "";
        line-height: 0
    }

    .slidingGallery:after {
        clear: both
    }

.slidingGallery-slide {
    display: block;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slidingGallery-slideInner {
    position: relative;
    padding: 0
}

    .slidingGallery-slideInner a {
        display: block
    }

.slidingGallery-slide img {
    display: block;
    max-width: 100%;
    width: 100%
}

.slidingGallery.responsive {
    width: auto;
    margin-left: 0
}

.slidingGallery-arrowPrevious, .slidingGallery-arrowNext {
    display: block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 65px;
    margin-top: -32px;
    z-index: 1000;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer
}

.slidingGallery-arrowPrevious {
    display: block;
    background-position: 0 0;
    left: -60px;
    background: url(https://www.supernova.si/images/icoSlidingBannerArrowPrevious_dark.png)
}

.slidingGallery-arrowNext {
    background: url(https://www.supernova.si/images/icoSlidingBannerArrowNext_dark.png)
}

.slidingGallery-arrowNext {
    display: block;
    background-position: 0 0;
    right: -60px
}

    .slidingGallery-arrowPrevious .arrow-tip-container, .slidingGallery-arrowNext .arrow-tip-container {
        left: 0
    }

.slidingGallery-container:hover .slidingGallery-arrowPrevious, .slidingGallery-container:hover .slidingGallery-arrowNext {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.deals_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-left: -10px
}

    .deals_images .textContainer {
        background-color: #1e1e1e;
        color: #fff;
        text-align: center;
        padding: 15px 0;
        font-size: 13px
    }

.sliderOuter {
    position: relative
}

    .sliderOuter .arrow-tip {
        margin: -9px 0 0 -20px
    }

    .sliderOuter .arrow-tip-grad {
        border: 4px solid #3c3c3c
    }

.slidingGallery-arrowNext .arrow-tip-container {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sliderOuter .arrow-tip-container {
    width: 45px;
    height: 45px
}

.slidingGallery .textContainer {
    position: relative;
    left: 0;
    bottom: 0;
    background: #1e1e1e;
    width: 100%;
    height: 65px;
    display: table;
    color: #ebebeb;
    text-align: center;
    font-size: 12px
}

.slidingGallery .dealsText {
    display: table-cell;
    vertical-align: middle
}

.slidingGallery .storeTitle {
    font-family: Nunito Sans
}

@media (max-width:767px) {
    .slidingGallery-arrowPrevious, .slidingGallery-arrowNext {
        display: none
    }

    .sliderOuter {
        padding: 0
    }

    .slidingGallery-containerInner {
        min-height: 100px;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative
    }

    .slidingGallery {
        margin-left: -10px
    }

    .slidingGallery-slide {
        padding-left: 10px
    }

    .slidingGallery .textContainer {
        height: 40px
    }
}

@media (max-width:450px) {
    .slidingGallery .textContainer {
        font-size: 11px
    }
}

.tabControl {
    margin-bottom: 20px
}

.tabControl-head {
    height: 31px;
    border-bottom: 1px solid #c2c2c2;
    *zoom: 1
}

    .tabControl-head:before, .tabControl-head:after {
        display: table;
        content: "";
        line-height: 0
    }

    .tabControl-head:after {
        clear: both
    }

    .tabControl-head span {
        display: block;
        float: left;
        line-height: 30px;
        height: 30px;
        margin-right: 1px;
        font-size: 16px;
        border: 1px solid #c2c2c2;
        border-bottom: 0;
        background: #ebebeb;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

        .tabControl-head span a {
            display: block;
            position: relative;
            padding: 0 20px;
            color: #333;
            text-decoration: none
        }

            .tabControl-head span a:hover {
                text-decoration: none;
                background: #d6d6d6
            }

        .tabControl-head span.active, .tabControl-head span.active:hover, .tabControl-head span.active a:hover {
            font-weight: 700;
            background: #f7f7f7;
            height: 31px
        }

            .tabControl-head span.active a, .tabControl-head span.active a:hover {
                color: #000
            }

.tabControl-panel {
    padding-top: 10px;
    display: none
}

.tabControl-panel-activeDesktop {
    display: block
}

.tabControl-heading {
    display: none
}

@media (max-width:480px) {
    .tabControl-panel-activeDesktop {
        display: none
    }

    .tabControl-panel-activeMobile {
        display: block
    }

    .tabControl-head {
        display: none !important
    }

    .tabControl-panelArea {
        border-bottom: 1px solid #c2c2c2
    }

    .tabControl-panelArea-end {
        clear: both;
        display: table
    }

    .tabControl-panelArea-last {
        background: none
    }

        .tabControl-panelArea-last .tabControl-panelArea-end {
            display: block
        }

    .tabControl-heading {
        display: block !important
    }

        .tabControl-heading a {
            display: block;
            color: #000;
            line-height: 50px;
            text-decoration: none;
            font-size: 22px;
            font-weight: 700;
            background: url(https://www.supernova.si/layouts/renderers/tabGroup/images/mobile-expand.png) right center no-repeat;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            -o-background-size: 50px 50px;
            background-size: 50px 50px
        }

    .tabControl-heading-active a {
        border-bottom: 1px solid #c2c2c2;
        background: url(https://www.supernova.si/layouts/renderers/tabGroup/images/mobile-collapse.png) right center no-repeat;
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        -o-background-size: 50px 50px;
        background-size: 50px 50px
    }
}

@media print {
    .tabControl-panel {
        display: block !important;
        padding: 0
    }

    .tabControl-head {
        display: none !important
    }

    .tabControl-panelArea-end {
        clear: both;
        display: table;
        height: 40px
    }

    .tabControl-panelArea-last {
        background: none
    }

        .tabControl-panelArea-last .tabControl-panelArea-end {
            display: block
        }

    .tabControl-heading {
        display: block !important
    }

        .tabControl-heading a {
            display: block;
            font-size: 22px;
            color: #000;
            line-height: 120%;
            text-decoration: none;
            margin-bottom: 20px
        }
}

.table-container {
    overflow-y: auto;
    max-width: 100%;
    margin-bottom: 20px
}

    .table-container table {
        border-collapse: collapse
    }

        .table-container table td.table-cellHeader {
            padding: 8px 10px;
            border-top: 1px solid #c6c6c6;
            border-bottom: 1px solid #c6c6c6;
            text-align: left;
            background: #adadad;
            color: #000;
            font-weight: 700
        }

            .table-container table td.table-cellHeader a {
                color: #000
            }

        .table-container table td {
            padding: 8px 10px;
            border: 1px solid #c6c6c6;
            font-size: 16px
        }

            .table-container table td.table-cellFirstColumn {
                border-left: none
            }

            .table-container table td.table-cellLastColumn {
                border-right: none
            }

            .table-container table td.table-cellFirstRow {
                border-top: none
            }

            .table-container table td.table-cellLastRow {
                border-bottom: none
            }

            .table-container table td.emphasis {
                font-size: 18px
            }

            .table-container table td.small {
                font-size: 14px
            }

            .table-container table td.table-invisibleCell {
                border: 0
            }

            .table-container table td.table-invisibleCellHeader {
                font-weight: 700
            }

@media (max-width:767px) {
    .table-container {
        overflow-y: auto;
        max-width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width:767px) and (orientation:portrait) {
    .table-container table td.table-cellHeader {
        padding: 8px 5px
    }

    .table-container table td {
        padding: 8px 5px;
        font-size: 14px
    }

        .table-container table td.emphasis {
            font-size: 16px
        }

        .table-container table td.small {
            font-size: 13px
        }
}

.paragraph p, .paragraph ol, .paragraph ul, .paragraph li, .paragraph dl, .paragraph dt, .paragraph dd {
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px
}

.paragraph-normal, .paragraph-normal p, .paragraph-normal ol, .paragraph-normal ul, .paragraph-normal li, .paragraph-normal dl, .paragraph-normal dt, .paragraph-normal dd {
    font-size: 12px
}

.paragraph-emphasis, .paragraph-emphasis p, .paragraph-emphasis ol, .paragraph-emphasis ul, .paragraph-emphasis li, .paragraph-emphasis dl, .paragraph-emphasis dt, .paragraph-emphasis dd {
    font-size: 18px
}

.paragraph-small, .paragraph-small p, .paragraph-small ol, .paragraph-small ul, .paragraph-small li, .paragraph-small dl, .paragraph-small dt, .paragraph-small dd {
    font-size: 14px
}

.paragraph-smaller, .paragraph-smaller p, .paragraph-smaller ol, .paragraph-smaller ul, .paragraph-smaller li, .paragraph-smaller dl, .paragraph-smaller dt, .paragraph-smaller dd {
    font-size: 12px
}

.paragraph p {
    margin-bottom: 20px;
    font-size: 14px
}

.paragraph li {
    font-size: 14px
}

.paragraph ul {
    margin-top: 10px;
    margin-left: 30px
}

.paragraph ol {
    margin-top: 10px;
    margin-left: 30px
}

.paragraph-normal.center {
    text-align: center
}

.paragraph-supernova2020-text {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-align: center
}

    .paragraph-supernova2020-text li {
        text-align: left
    }

    .paragraph-supernova2020-text ul {
        list-style: disc
    }

    .paragraph-supernova2020-text li::marker {
        color: #ee2333;
        font-size: 20px
    }

    .paragraph-supernova2020-text.left {
        text-align: left
    }

    .paragraph-supernova2020-text.right {
        text-align: right
    }

.paragraph-supernova2020-normal.center {
    text-align: center
}

@media (max-width:767px) {
    .paragraph {
        margin-bottom: 10px
    }
}

.paragraph .marker {
    display: block;
    list-style: disc;
    font-size: 22px;
    font-family: Lato;
    margin-left: 22px
}

    .paragraph .marker::before {
        content: "•";
        color: #ee2333;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }

.paragraph-supernova2020-normal .marker {
    font-size: 18px
}

@media (max-width:767px) and (orientation:portrait) {
    .paragraph-normal, .paragraph-normal p, .paragraph-normal ol, .paragraph-normal ul, .paragraph-normal li, .paragraph-normal dl, .paragraph-normal dt, .paragraph-normal dd {
        font-size: 14px
    }

    .paragraph-emphasis, .paragraph-emphasis p, .paragraph-emphasis ol, .paragraph-emphasis ul, .paragraph-emphasis li, .paragraph-emphasis dl, .paragraph-emphasis dt, .paragraph-emphasis dd {
        font-size: 17px
    }

    .paragraph-small, .paragraph-small p, .paragraph-small ol, .paragraph-small ul, .paragraph-small li, .paragraph-small dl, .paragraph-small dt, .paragraph-small dd {
        font-size: 13px
    }
}

.supernova2020-header {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    line-height: 58px
}

.supernova2020-header-2 {
    font-family: Nunito Sans;
    font-style: normal
}

.supernova2020-header.left {
    text-align: left
}

.supernova2020-header.right {
    text-align: right;
    flex-direction: inherit
}

.supernova2020-header-2.left {
    text-align: left
}

.supernova2020-header-2.right {
    text-align: right;
    flex-direction: inherit
}

@media (max-width:767px) {
    .supernova2020-header {
        font-weight: normal !important;
        font-size: 50px !important;
        margin-right: 0px !important
    }
}

body a, body .content-container a {
    color: #ee2333
}

.my-container {
    display: flex;
    justify-content: center;
    margin: 41px 0px
}

    .my-container.center .content-container {
        justify-content: center
    }

.left {
    flex-direction: row
}

.right {
    flex-direction: row-reverse
}

.img-container {
    max-width: 540px
}

.content-container {
    max-width: 540px;
    display: flex;
    flex-direction: column;
    margin: 0px 30px
}

h2 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px
}

.content {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.0005em;
    margin-bottom: 40px
}

    .content p {
        font-family: Lato;
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0.0005em
    }

.btn-container {
    display: flex;
    align-items: flex-end
}

.link-btn, .link-btn:visited {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000;
    background-color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid black;
    cursor: pointer;
    transition: 0.3s;
    padding: 10px 20px
}

    .link-btn:hover, .link-btn:focus {
        background: black;
        color: white;
        text-decoration: none
    }

@media only screen and (max-width:767px) {
    .left {
        flex-direction: column
    }

    .right {
        flex-direction: column
    }

    .img-container {
        order: 1
    }

    .content-container {
        order: 2;
        margin: 0px
    }

    .my-container {
        margin: 41px 16px;
        align-items: center
    }
}

.textWithImages {
    *zoom: 1;
    margin-left: -20px
}

    .textWithImages:before, .textWithImages:after {
        display: table;
        content: "";
        line-height: 0
    }

    .textWithImages:after {
        clear: both
    }

.textWithImages-column34 {
    float: left;
    width: 75%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textWithImages-column23 {
    float: left;
    width: 66.666666667%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textWithImages-column12 {
    float: left;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textWithImages-column13 {
    float: left;
    width: 33.333333333%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textWithImages-column14 {
    float: left;
    width: 25%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textWithImages-text h3 {
    line-height: 1
}

.textWithImages.address .textWithImages-images-left {
    padding-left: 0
}

    .textWithImages.address .textWithImages-images-left img {
        width: 100%
    }

.textWithImages.address .textWithImages-text {
    display: table;
    text-align: center;
    padding: 0 100px
}

    .textWithImages.address .textWithImages-text .text-inner {
        display: table-cell;
        vertical-align: middle
    }

        .textWithImages.address .textWithImages-text .text-inner .paragraph {
            margin-bottom: 0
        }

    .textWithImages.address .textWithImages-text h3 {
        font-size: 25px;
        margin-bottom: 40px
    }

.textWithImages.gilt-card {
    margin-bottom: 40px;
    margin-top: 20px
}

    .textWithImages.gilt-card .textWithImages-images-left {
        display: table
    }

        .textWithImages.gilt-card .textWithImages-images-left .image-inner {
            display: table-cell;
            vertical-align: middle
        }

        .textWithImages.gilt-card .textWithImages-images-left img {
            width: 100%
        }

    .textWithImages.gilt-card .textWithImages-text .text-inner {
        max-width: 690px;
        text-align: center;
        padding: 20px 52px;
        box-sizing: border-box
    }

        .textWithImages.gilt-card .textWithImages-text .text-inner a {
            color: #ed1c24
        }

    .textWithImages.gilt-card .textWithImages-text h3 {
        font-size: 25px
    }

.contact .row-fluid.contentGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .contact .row-fluid.contentGrid .textWithImages, .nova-gorica.contact .row-fluid.contentGrid .span4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .contact .row-fluid.contentGrid .span4:nth-child(2) .textWithImages, .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(2) {
            justify-content: center
        }

        .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(3) {
            justify-content: flex-end
        }

            .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(3) .paragraph {
                min-width: 185px
            }

    .contact .row-fluid.contentGrid .span4:nth-child(3) .textWithImages {
        justify-content: flex-end
    }

    .contact .row-fluid.contentGrid .span4:nth-child(2) .textWithImages-column23 {
        min-width: 170px
    }

    .contact .row-fluid.contentGrid .span4:nth-child(3) .textWithImages-column23 {
        min-width: 160px
    }

    .contact .row-fluid.contentGrid .textWithImages-column23 {
        width: auto
    }

.nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(2) .paragraph {
    width: 190px
}

@media (max-width:1000px) {
    .address .textWithImages-column12 {
        width: 100%;
        height: initial !important
    }

    .textWithImages.address .textWithImages-text {
        padding: 0 20px
    }

    .textWithImages.address {
        margin-top: -55px
    }
}

@media (max-width:767px) {
    .textWithImages {
        margin-left: -10px
    }

    .textWithImages-column34 {
        padding-left: 10px
    }

    .textWithImages-column23 {
        padding-left: 10px
    }

    .textWithImages-column12 {
        padding-left: 10px
    }

    .textWithImages-column13 {
        padding-left: 10px
    }

    .textWithImages-column14 {
        padding-left: 10px
    }

    .contact .row-fluid.contentGrid .textWithImages {
        flex-direction: column
    }

    .contact .row-fluid.contentGrid .span4:nth-child(2) .textWithImages-column23, .contact .row-fluid.contentGrid .span4:nth-child(3) .textWithImages-column23, .horizontalImages-columns1 .horizontalImages-item {
        width: 100%
    }

    .contact .row-fluid.contentGrid .span4 {
        width: 33.333333333%
    }

    .textWithImages-column34 {
        width: 100%
    }

    .textWithImages-column23 {
        width: 100%
    }

    .textWithImages-column12 {
        width: 100%
    }

    .textWithImages-column13 {
        width: 100%
    }

    .textWithImages-column14 {
        width: 100%
    }

    .textWithImages.address {
        margin: -20px
    }

        .textWithImages.address .horizontalImages-item {
            margin-left: 25%
        }

        .textWithImages.address .textWithImages-text {
            padding: 20px
        }
}

@media (max-width:550px) {
    .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(2), .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(3) {
        justify-content: flex-start
    }

        .nova-gorica.contact .row-fluid.contentGrid .span4:nth-child(2) .paragraph {
            width: 100%
        }

    .contact .row-fluid.contentGrid {
        flex-direction: column
    }

        .contact .row-fluid.contentGrid .span4 {
            width: 100%
        }

    .textWithImages.gilt-card .textWithImages-text .text-inner {
        padding-left: 0;
        padding-right: 0
    }
}

.inPageVideo {
    position: relative;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

    .inPageVideo iframe, .inPageVideo object, .inPageVideo embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.video-placeholder {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center
}

    .video-placeholder .overlay {
        width: 100%;
        height: 100%
    }

    .video-placeholder:hover .overlay {
        visibility: visible;
        opacity: 1
    }

    .video-placeholder .title {
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        font-family: 'Playfair Display',serif;
        color: #fff;
        font-size: 25px;
        margin: 5px 0;
        font-weight: 100
    }

.inPageVideo.deal {
    width: 100%
}

@media (max-width:767px) {
    .inPageVideo {
        margin-bottom: 10px
    }

    .videogallery .column-center {
        padding: 0
    }
}

.input-upload {
    padding: 0
}

    .input-upload input[type="file"] {
        margin-bottom: 0;
        font-size: 12px
    }

.fileup-file-item {
    *zoom: 1;
    padding: 5px 0;
    border-top: 1px solid #c2c2c2
}

    .fileup-file-item:before, .fileup-file-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .fileup-file-item:after {
        clear: both
    }

.fileup-file-item-name {
    float: left;
    max-width: 30%
}

.fileup-item-actions {
    float: right;
    max-width: 70%;
    text-align: right
}

    .fileup-item-actions button {
        display: inline-block;
        vertical-align: top;
        height: 20px;
        line-height: 20px;
        padding: 0 5px;
        border: 0;
        background-color: #999;
        float: right;
        margin-left: 10px;
        font-size: 11px;
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s
    }

        .fileup-item-actions button i {
            font-style: normal
        }

        .fileup-item-actions button:hover {
            background-color: #707070;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

span.error-badge {
    display: block;
    max-width: 100%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 11px;
    color: red;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

span.error-badge-warning {
    color: orange
}

.input-upload .progress {
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    height: 20px;
    margin: 10px 0;
    overflow: hidden
}

    .input-upload .progress .bar {
        float: left;
        width: 0;
        font-size: 12px;
        height: 100%;
        text-align: center;
        background-color: #0e90d2;
        background-repeat: repeat-x;
        box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        -webkit-transition: width 0.6s ease 0s;
        -moz-transition: width 0.6s ease 0s;
        -o-transition: width 0.6s ease 0s;
        transition: width 0.6s ease 0s
    }

    .input-upload .progress .bar-success {
        background-color: #5cb85c
    }

.files {
    width: 100%
}

@media (max-width:767px) {
    .files {
        width: 100%
    }
}

.form-fileup {
    margin-top: 0
}

.form-fileup-actions {
    width: 100%
}

.form-fileup-inputButton * {
    box-sizing: border-box
}

.form-fileup-inputButton {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 40px;
    transition: .3s;
    margin-top: 10px
}

    .form-fileup-inputButton.full {
        height: 10px
    }

        .form-fileup-inputButton.full.done {
            height: 0;
            margin-top: 0
        }

    .form-fileup-inputButton input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale(4);
        font-size: 100px;
        cursor: pointer;
        z-index: 20
    }

.form-field-box .form-field-input .form-fileup-inputButton input {
    width: auto
}

.form-fileup-inputButton input + i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    z-index: 19;
    border: 1px solid transparent;
    transition: 0.25s
}

.form-fileup-inputButton.disabled i {
    opacity: 0
}

.form-fileup-inputButton input:focus + i, .form-fileup-inputButton input:hover + i {
    border: 1px;
    border-color: #999;
    transition: 0.125s
}

.form-fileup-inputButton b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    line-height: 40px;
    padding-left: 10px;
    font-style: normal;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    transition: .3s
}

.rtl .form-fileup-inputButton b {
    padding-left: 0;
    padding-right: 10px
}

.form-fileup-inputButton b.form-fileup-waitText {
    font-weight: 400
}

.form-fileup-waitText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-inputButton.disabled .form-fileup-buttonText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-inputButton.disabled .form-fileup-waitText {
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-fileup-inputButton.full .form-fileup-waitText {
    opacity: 0;
    filter: alpha(opacity=0)
}

.form-fileup-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background: #fff;
    border: 1px solid #e6e6e6
}

.form-fileup-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: width 0.6s ease 0s;
    background: #e6e6e6
}

.rtl .form-fileup-progress, .rtl .form-fileup-progress-bar {
    left: auto;
    right: 0
}

.form-fileup-progress-bar-success {
    background: transparent
}

.form-fileup-progress-bar-error {
    background: red
}

.form-fileup-inputButton input[disabled] {
    cursor: auto
}

.form-fileup-files {
    padding-top: 10px
}

.form-fileup-file-item {
    display: block;
    position: relative;
    padding: 5px 35px 5px 0;
    min-height: 30px
}

.rtl .form-fileup-file-item {
    padding: 5px 0 5px 35px
}

.form-fileup-file-item-name {
    display: block;
    word-wrap: break-word;
    font-size: 14px
}

.form-fileup-file-item-warning {
    display: block;
    vertical-align: baseline;
    color: red;
    font-size: 12px
}

.form-fileup-item-actions {
    display: inline
}
       

.form-fileup-removeIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    vertical-align: top
}

.rtl .form-fileup-removeIcon {
    right: auto;
    left: 0
}

.form-fileup-removeIcon i {
    margin: 14px 5px;
    display: block;
    width: 20px;
    height: 2px
}

    .form-fileup-removeIcon i:before {
        display: block;
        content: "";
        width: 20px;
        height: 2px;
        background: #000;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 0 -20px -2px 0;
        transition: 0.25s
    }

    .form-fileup-removeIcon i:after {
        display: block;
        content: "";
        width: 20px;
        height: 2px;
        background: #000;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 0 -20px -2px 0;
        transition: 0.25s
    }

.rtl .form-fileup-removeIcon i:before, .rtl .form-fileup-removeIcon i:after {
    margin: 0 0 -2px -20px
}

.form-fileup-removeIcon:hover i:before, .form-fileup-removeIcon:hover i:after {
    background: red;
    transition: 0.125s
}

.imageGrid {
    width: 100%
}

    .imageGrid .image {
        width: 33.3333%;
        float: left;
        padding-top: 4px;
        padding-left: 2px;
        padding-right: 2px;
        box-sizing: border-box;
        position: relative
    }

        .imageGrid .image img {
            display: block
        }

        .imageGrid .image:nth-child(1), .imageGrid .image:nth-child(3n+1) {
            padding-left: 0
        }

        .imageGrid .image:nth-child(3n) {
            padding-right: 0
        }

        .imageGrid .image .overlay {
            background: rgba(255,255,255,0.9);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.25s ease-in-out
        }

        .imageGrid .image:hover .overlay {
            opacity: 1
        }

        .imageGrid .image .overlay > .enlarge {
            top: 40%
        }

            .imageGrid .image .overlay > .enlarge .fa {
                font-size: 25px
            }

        .imageGrid .image .overlay > div {
            position: absolute;
            top: 60%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            text-transform: uppercase;
            cursor: pointer
        }

        .imageGrid .image .overlay span {
            display: inline-block;
            -webkit-transform: skewX(-20deg);
            -moz-transform: skewX(-20deg);
            -ms-transform: skewX(-20deg);
            -o-transform: skewX(-20deg);
            transform: skewX(-20deg);
            padding: 3px 7px 0 7px;
            margin-bottom: -4px;
            background: #1e1e1e;
            margin-right: 10px;
            font-size: 20px;
            height: 19px
        }

            .imageGrid .image .overlay span .fa {
                -webkit-transform: skewX(20deg);
                -moz-transform: skewX(20deg);
                -ms-transform: skewX(20deg);
                -o-transform: skewX(20deg);
                transform: skewX(20deg);
                font-size: 20px;
                color: #fff
            }

        .imageGrid .image img {
            width: 100%;
            display: inline-block
        }

@media (max-width:680px) {
    .imageGrid .image {
        width: 50%;
        padding: 4px 2px 0 2px
    }

        .imageGrid .image:nth-child(2n+1) {
            padding-left: 0;
            padding-right: 2px
        }

        .imageGrid .image:nth-child(2n) {
            padding-right: 0;
            padding-left: 2px
        }
}

.container.align-center {
    text-align: center
}

.counter-container {
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

    .counter-container .curvy {
        font-family: 'Mark My Words',sans-serif;
        color: #ee2333;
        font-size: 85px;
        line-height: 120%
    }

    .counter-container .top-title {
        color: #ee2333;
        font-size: 37px;
        font-weight: 900;
        font-family: 'Montserrat',sans-serif !important;
        text-align: center;
        margin-bottom: 15px
    }

    .counter-container .bottom-title {
        margin-top: 15px;
        display: inline-block
    }

        .counter-container .bottom-title .bottom {
            font-size: 37px;
            font-weight: 900;
            font-family: 'Montserrat',sans-serif !important;
            text-align: center;
            margin-bottom: 10px;
            text-align: right;
            margin-top: -10px
        }

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

    .numbers img {
        max-width: 70px;
        margin: 0 5px
    }

@charset "UTF-8";

.fileinput-button {
    position: relative;
    overflow: hidden
}

    .fileinput-button input[disabled] {
        cursor: auto
    }

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    max-width: 100% !important
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://www.supernova.si/styles/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: #000
        }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(https://www.supernova.si/images/icoSlidingBannerArrowPrevious_dark.png) no-repeat 0 0
}

    .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
        background-position: 0 0
    }

.bx-wrapper .bx-next {
    right: 10px;
    background: url(https://www.supernova.si/images/icoSlidingBannerArrowNext_dark.png) no-repeat 0 0
}

    .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
        background-position: -43px 0
    }

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 45px;
    height: 65px;
    text-indent: -9999px;
    z-index: 9999
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }

.bx-wrapper .bx-controls-auto {
    text-align: center
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(https://www.supernova.si/styles/images/controls.png) -86px -11px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
            background-position: -86px 0
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(https://www.supernova.si/styles/images/controls.png) -86px -44px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
            background-position: -86px -33px
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,0.75);
    width: 100%
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px
    }

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray
}

    .grayscale.grayscale-fade {
        transition: filter 0.5s
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter 0.5s;
        transition: -webkit-filter 0.5s
    }
}

.grayscale.grayscale-fade:hover, .grayscale.grayscale-off {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

    .grayscale.grayscale-replaced > svg {
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        opacity: 1
    }

    .grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg {
        opacity: 0
    }

.discountTitle {
    font-weight: 500;
    font-family: 'Playfair Display',serif;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 115%
}

.discountContent {
    display: block;
    text-transform: uppercase;
    font-size: 12px
}

.discountSeparator {
    height: 1px;
    background-color: #d2d2d2;
    margin-bottom: 15px
}

.discountListing .store .storeBorder {
    padding: 3px 10px
}

@media (min-width:1200px) {
    .discountListing .store {
        width: 25%;
        padding: 2%
    }

        .discountListing .store:nth-child(3n+1) {
            clear: none
        }

        .discountListing .store:nth-child(4n+1) {
            clear: left
        }
}

#main-gdpr-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    left: 640px;
    margin-bottom: 104px;
    font-family: Lato
}

    #main-gdpr-container .campaigns {
        text-align: center
    }

        #main-gdpr-container .campaigns .campaign span input[type=checkbox] {
            width: 33px;
            filter: hue-rotate(132deg)
        }

        #main-gdpr-container .campaigns .text {
            font-size: 16px;
            margin-bottom: 10px
        }

#mail-title {
    max-width: 540px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 58px;
    text-align: center;
    color: #ee2333;
    margin-bottom: 60px
}

#row-with-input {
    display: flex;
    width: 100%;
    max-width: 645.5px
}

    #row-with-input input {
        height: 55px;
        flex-grow: 1;
        width: auto
    }

        #row-with-input input[type=text] {
            font-weight: bold
        }

        #row-with-input input::placeholder {
            font-family: Lato;
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
            line-height: 29px;
            letter-spacing: 0.1em;
            color: rgba(0,0,0,0.5);
            padding-left: 32px
        }

.subscribe-btn {
    width: auto !important;
    height: 55px;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    margin: 0% !important
}

    .subscribe-btn:hover {
        color: black;
        text-decoration: none
    }

.compliance_container {
    display: flex;
    width: 100%;
    max-width: 645.5px;
    margin: 20px 0px
}

#terms-container {
    margin: 0px;
    margin-top: 8px;
    max-width: 589px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #000
}

    #terms-container a {
        text-decoration: underline;
        color: black;
        font-weight: bold
    }

.alert-message-subscribe {
    color: black
}

.campaign {
    display: inline-block
}

    .campaign.all {
        display: none
    }

.newsletterBox-error {
    color: black
}

.newsletterBox-success {
    color: #333 !important
}

@media (max-width:768px) {
    .subscribe-btn:hover {
        color: white;
        text-decoration: none
    }

    .alert-message-subscribe {
        color: white
    }

    #row-with-input {
        padding: 0px 16px;
        max-width: none
    }

    #main-gdpr-container {
        background-color: black;
        margin-bottom: 0px
    }

        #main-gdpr-container .campaigns {
            color: white;
            margin-bottom: 20px
        }

    .subscribe-btn {
        background: black;
        border: 1px solid white;
        color: white
    }

    #terms-container {
        color: white;
        padding-right: 16px
    }

    #mail-title {
        font-size: 36px;
        line-height: 44px;
        margin: 20px 0px 27px 0px;
        padding: 0px 16px;
        width: 100%;
        text-align: start;
        color: white;
        max-width: none
    }

    .compliance_container {
        padding-left: 3px;
        max-width: none
    }

    .gdpr_newsletterBox .compliance_container .switch {
        background-color: black !important
    }

    .gdpr_newsletterBox .compliance_container .switch-handle {
        background-image: url(https://www.supernova.si/images/checkbox-not-selected-mobile.png) !important
    }

    .gdpr_newsletterBox .compliance_container .switch-input.checked ~ .switch-handle {
        left: 6px !important;
        background-image: url(https://www.supernova.si/images/checkbox-selected-mobile.png) !important
    }

    #terms-container a {
        color: #ee2333
    }
}

.gdpr_newsletterBox .compliance_container .switch {
    position: relative;
    z-index: 1;
    display: block;
    vertical-align: top;
    width: 60px;
    height: 40px;
    padding: 1px;
    margin: 0;
    background-color: #fff;
    border-radius: 30px;
    cursor: pointer;
    box-sizing: content-box
}

.gdpr_newsletterBox .compliance_container .switch-input {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box
}

    .gdpr_newsletterBox .compliance_container .switch-input > label {
        display: none
    }

.gdpr_newsletterBox .compliance_container .switch-middle {
    position: absolute;
    z-index: 2;
    width: 80px;
    height: 40px;
    background-color: #ebebeb;
    border-radius: inherit;
    left: 0
}

.gdpr_newsletterBox .compliance_container.white .switch-middle {
    background-color: #fff
}

.gdpr_newsletterBox .compliance_container .switch-label {
    position: relative;
    z-index: 3;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    width: 74px;
    height: 34px;
    font-size: 13px;
    background: #ebebeb;
    border-radius: inherit;
    box-sizing: content-box
}

    .gdpr_newsletterBox .compliance_container .switch-label:before, .gdpr_newsletterBox .compliance_container .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box
    }

    .gdpr_newsletterBox .compliance_container .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #000;
        font-weight: bold
    }

    .gdpr_newsletterBox .compliance_container .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #000;
        opacity: 0;
        font-weight: bold
    }

.gdpr_newsletterBox .compliance_container.white .switch-label:after {
    color: #000
}

.gdpr_newsletterBox .compliance_container .switch-input.checked ~ .switch-label {
    background-color: #ebebeb
}

.gdpr_newsletterBox .compliance_container.white .switch-input.checked ~ .switch-label {
    background-color: #fff
}

.gdpr_newsletterBox .compliance_container .switch-input.checked ~ .switch-label:before {
    opacity: 0
}

.gdpr_newsletterBox .compliance_container .switch-input.checked ~ .switch-label:after {
    opacity: 1
}

.gdpr_newsletterBox .compliance_container .switch-handle {
    position: absolute;
    z-index: 4;
    top: 6px;
    left: 6px;
    width: 40px;
    height: 35px;
    background-image: url(https://www.supernova.si/images/checkbox-not-selected.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%
}

.gdpr_newsletterBox .compliance_container .switch-input.checked ~ .switch-handle {
    left: 10px;
    background-image: url(https://www.supernova.si/images/checkbox-selected.png)
}

.gdpr_newsletterBox .compliance_container.white .switch-input.checked ~ .switch-handle {
    background-color: #fff
}

@import "https://www.supernova.si/js/jquery-ui-1.12.1.custom/jquery-ui.min.css";

.jackbox-modal {
    font: 12px Arial,Helvetica,sans-serif;
    color: #666;
    line-height: 18px;
    background: rgba(0,0,0,0.75);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .jackbox-modal img {
        max-width: none
    }

    .jackbox-modal h2, .jackbox-modal h3 {
        font: 24px "Mako",sans-serif;
        font-weight: normal;
        color: #444
    }

.jackbox-title-text {
    font: 14px "Mako",sans-serif;
    color: #222
}

.jackbox-thumb-tip {
    background: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/ie_bg.png);
    background: rgba(0,0,0,0.75)
}

.jackbox-thumb-tip-text {
    font: 12px "Mako",sans-serif;
    text-transform: uppercase;
    color: #fff
}

.jackbox-description-text {
    background-color: #fff;
    text-align: left
}

.jackbox-html > div {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    text-align: left
}

.jackbox-holder {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jackbox-container {
    background: #000;
    background: -moz-radial-gradient(center,ellipse cover,#444 0%,#000 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#444),color-stop(100%,#000));
    background: -webkit-radial-gradient(center,ellipse cover,#444 0%,#000 100%);
    background: -o-radial-gradient(center,ellipse cover,#444 0%,#000 100%);
    background: -ms-radial-gradient(center,ellipse cover,#444 0%,#000 100%);
    background: radial-gradient(ellipse at center,#444 0%,#000 100%)
}

.jackbox-panel:hover {
    background-color: #333
}

.jackbox-panel-left {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/panel_left.png)
}

.jackbox-panel-right {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/panel_right.png)
}

.jackbox-panel-left:hover {
    -webkit-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
    border-right: 1px solid #4d4d4d;
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/panel_left_over.png)
}

.jackbox-panel-right:hover {
    -webkit-box-shadow: -5px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: -5px 0px 10px rgba(0,0,0,0.2);
    box-shadow: -5px 0px 10px rgba(0,0,0,0.2);
    border-left: 1px solid #4d4d4d;
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/panel_right_over.png)
}

.jackbox-button {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

.jackbox-arrow-left {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/left_arrow.png)
}

.jackbox-arrow-right {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/right_arrow.png)
}

.jackbox-info {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/info.png)
}

.jackbox-show-thumbs {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/thumbs_show.png)
}

.jackbox-hide-thumbs {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/thumbs_hide.png)
}

.jackbox-close {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/exit.png)
}

.jackbox-fs {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/fullscreen.png)
}

.jackbox-ns {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/normalscreen.png)
}

.jb-info-inactive, .jackbox-button:hover {
    opacity: 0.6
}

.jackbox-thumb-panel {
    background: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/ie_bg.png);
    background: rgba(0,0,0,0.75)
}

.jackbox-thumb-left {
    width: 20px;
    height: 20px;
    margin: -9px 0 0 -30px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/thumb_left.png)
}

.jackbox-thumb-right {
    width: 20px;
    height: 20px;
    margin: -9px 0 0 12px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/thumb_right.png)
}

    .jackbox-thumb-left:hover, .jackbox-thumb-right:hover {
        opacity: 0.70
    }

.jackbox-preloader {
    background: url(https://www.supernova.si/images/Supernova-logo---znak-S_1.gif)
}

.jackbox-pre-inside {
    background-color: #000
}

.jackbox-pre-ready {
    background-color: #444
}

.jackbox {
    position: relative;
    display: inline-block
}

.jackbox-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .jackbox-modal h2 {
        margin: 0 0 12px -2px
    }

    .jackbox-modal h3 {
        margin: 0 0 8px -2px
    }

    .jackbox-modal ul {
        margin: 0;
        padding: 0
    }

    .jackbox-modal li {
        margin: 0 0 10px 0;
        padding: 0
    }

        .jackbox-modal li:last-child {
            margin-bottom: -10px
        }

.jackbox-html > div {
    padding: 16px 20px 16px 20px;
    box-sizing: border-box
}

    .jackbox-html > div p {
        margin: 5px 0 0 0;
        color: gray
    }

.jackbox-title-text {
    position: absolute;
    left: 6px;
    top: 7px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 0
}

.jackbox-info-text {
    display: inline-block;
    overflow-y: auto;
    z-index: 999;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.jackbox-description-text {
    padding: 14px 17px 19px 17px
}

.jackbox-html, .jackbox-wrapper, .jackbox-content, .jackbox-description, .jackbox-hidden-items {
    display: none
}

.jackbox-html {
    overflow-y: auto
}

.jackbox-modal img {
    image-rendering: optimizeSpeed
}

.jackbox-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    padding: 33px 6px 34px 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.jackbox-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-align: center
}

.jackbox-content {
    margin: 0 auto
}

.jackbox-overflow {
    overflow: hidden !important
}

.jackbox-thumb-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.jackbox-thumb-panel {
    position: absolute;
    left: 50%;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 2px 0 2px
}

.jackbox-thumb-strip {
    position: relative
}

.jackbox-thumb {
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .jackbox-thumb img {
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.4s cubic-bezier(0.23,1,0.32,1);
        -moz-transition: opacity 0.4s cubic-bezier(0.23,1,0.32,1);
        -o-transition: opacity 0.4s cubic-bezier(0.23,1,0.32,1);
        -ms-transition: opacity 0.4s cubic-bezier(0.23,1,0.32,1);
        transition: opacity 0.4s cubic-bezier(0.23,1,0.32,1)
    }

.jb-thumb-fadein img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
}

.jb-thumb-active img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.jb-thumb-hover img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.jb-thumb-active img {
    cursor: auto
}

.jackbox-thumb-left, .jackbox-thumb-right {
    cursor: pointer;
    position: absolute;
    display: none
}

.jackbox-top {
    position: absolute;
    top: 7px;
    left: 5px
}

    .jackbox-top:after {
        content: "";
        position: absolute;
        top: 26px;
        left: 1px;
        width: 100%;
        height: 1px;
        background-color: #fff;
        display: block;
        z-index: 999
    }

.jackbox-bottom {
    position: relative;
    white-space: nowrap;
    z-index: 99
}

.jackbox-social {
    position: absolute
}

.jackbox-top-icons {
    position: absolute;
    right: -1px
}

.jackbox-bottom-icons {
    position: absolute;
    right: 0px;
    top: 7px
}

.jackbox-controls {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1
}

.jackbox-button {
    cursor: pointer;
    display: inline-block
}

.jackbox-arrow-right {
    margin-left: 6px
}

.jackbox-button-margin {
    margin-left: 6px
}

:-webkit-full-screen .jackbox-fs {
    display: none !important
}

:-moz-full-screen .jackbox-fs {
    display: none !important
}

:-webkit-full-screen .jackbox-ns {
    display: inline-block !important
}

:-moz-full-screen .jackbox-ns {
    display: inline-block !important
}

.jackbox-panel {
    display: block;
    cursor: pointer;
    visibility: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    width: 58px;
    height: 100%;
    position: absolute;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: all 0.6s cubic-bezier(0.23,1,0.32,1)
}

.jackbox-panel-left {
    left: 0
}

.jackbox-panel-right {
    right: 0
}

.jackbox-preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    margin: -15px 0 0 -15px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.jackbox-spin-preloader {
    display: block
}

.jackbox-pre-inside {
    display: none;
    margin: 5px 0 0 5px;
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: background-color 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: background-color 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: background-color 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: background-color 0.6s cubic-bezier(0.23,1,0.32,1)
}

.jackbox-thumb-tip {
    display: block;
    position: fixed;
    overflow: hidden;
    opacity: 0;
    z-index: 9999;
    visibility: hidden;
    pointer-events: none;
    padding: 5px 10px 5px 10px;
    -webkit-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: all 0.6s cubic-bezier(0.23,1,0.32,1)
}

.jackbox-thumb-tip-text {
    white-space: nowrap;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: width 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: width 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: width 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: width 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: width 0.6s cubic-bezier(0.23,1,0.32,1)
}

@-webkit-keyframes rotator {
    from {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotator {
    from {
        -moz-transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotator {
    from {
        -ms-transform: rotate(0deg)
    }

    50% {
        -ms-transform: rotate(180deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@keyframes rotator {
    from {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:600px) {
    .jackbox-panel, .jackbox-thumb-holder {
        display: none !important
    }

    .jackbox-show-thumbs, .jackbox-hide-thumbs {
        width: 0;
        margin-left: 0;
        overflow: hidden
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .jackbox-arrow-left {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/left_arrow@2x.png)
    }

    .jackbox-arrow-right {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/right_arrow@2x.png)
    }

    .jackbox-info {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/info@2x.png)
    }

    .jackbox-show-thumbs {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/thumbs_show@2x.png)
    }

    .jackbox-hide-thumbs {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/thumbs_hide@2x.png)
    }

    .jackbox-close {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/exit@2x.png)
    }

    .jackbox-fs {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/fullscreen@2x.png)
    }

    .jackbox-ns {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/normalscreen@2x.png)
    }

    .jackbox-thumb-left {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/thumb_left@2x.png)
    }

    .jackbox-thumb-right {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/thumb_right@2x.png)
    }

    .jackbox-panel-left {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/panel_left@2x.png)
    }

    .jackbox-panel-right {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/panel_right@2x.png)
    }

    .jackbox-panel-left:hover {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/panel_left_over@2x.png)
    }

    .jackbox-panel-right:hover {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/panel_right_over@2x.png)
    }
}

.jackbox-hover {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-position: center 75%;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: all 0.6s cubic-bezier(0.23,1,0.32,1)
}

    .jackbox-hover:visited {
        text-decoration: none !
    }

.jackbox-hover-black {
    background-color: #000;
    background-color: rgba(0,0,0,0.65)
}

.jackbox-hover-white {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.jackbox-hover-magnify {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/hover_magnify.png)
}

.jackbox-hover-play {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/hover_play.png)
}

.jackbox-hover-document {
    background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/hover_document.png)
}

.jackbox-hover-blur {
    background-color: #000;
    background-color: rgba(255,255,255,0.25)
}

.jackbox-canvas-blur {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: all 0.6s cubic-bezier(0.23,1,0.32,1)
}

.jackbox:hover > .jackbox-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background-position: center center
}

.jackbox:hover > .jackbox-canvas-blur {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.jackbox > .jackbox-hover-black, .jackbox > .jackbox-hover-blur, .jackbox:visited > .jackbox-hover-black, .jackbox:visited > .jackbox-hover-blur {
    color: #eee
}

.jackbox > .jackbox-hover-white, .jackbox:visited > .jackbox-hover-white {
    color: #333
}

.jackbox {
    font: 14px "Mako",sans-serif;
    text-decoration: none;
    line-height: 0
}

.jackbox-hover p {
    margin: 0;
    text-align: left;
    padding: 10px 10px 0 10px;
    line-height: normal
}

.jackbox-tooltip {
    position: absolute;
    display: inline-block;
    pointer-events: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #fff;
    border-bottom: none;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#f5f5f5 0%,#e5e5e5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,#f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,#f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,#f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,#f5f5f5 0%,#e5e5e5 100%);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    -ms-transition: all 0.6s cubic-bezier(0.23,1,0.32,1);
    transition: all 0.6s cubic-bezier(0.23,1,0.32,1)
}

    .jackbox-tooltip p {
        font: 14px "Mako",sans-serif;
        line-height: normal;
        white-space: nowrap;
        padding: 6px 10px 7px 10px;
        margin: 0;
        color: #444;
        text-shadow: 1px 1px 0 #fff
    }

        .jackbox-tooltip p:after {
            width: 0;
            height: 0;
            content: "";
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #e5e5e5;
            position: absolute;
            bottom: -10px;
            left: 65%
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .jackbox-hover-magnify {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/hover_magnify@2x.png)
    }

    .jackbox-hover-play {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/hover_play@2x.png)
    }

    .jackbox-hover-document {
        background-image: url(https://www.supernova.si/mediaOverlay/jackbox/img/graphics/retina/hover_document@2x.png)
    }
}

#main-menu-container {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5000;
    background: white;
}

#location-img {
    padding: 7px 0;
    background-image: url('/images/location.png');
    width: 31px;
    height: 43px;
    background-image: url(/images/location.png);
    background-repeat: no-repeat;
    background-position: center;
}

#menu {
background-color: #f1f1f1;
display: none;
}

#close-menu-button {
    width: 60px;
    height: 60px;
    background-color: black;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 220px;
    top: 122px;
    cursor: pointer;
    z-index: 100;
}

#black-line-inner-container {
    display: flex;
}

    #black-line-inner-container a:visited,
    #black-line-inner-container a {
        color: white;
        text-decoration: none;
    }

#footer-links {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.column-title {
    margin-bottom: 30px;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.03em;
}

#contact-info {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.05em;
}

.social-links {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.05em;
}

.footer-column a:hover {
    text-decoration: none;
}

#border {
    width: 100%;
    height: 2px;
    background-color: #EE2333;
    opacity: 0;
}

#menu-title {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 33px 0px 0px 21px;
    display: none;
}

#all-menu-links-container {
    display: flex;
    justify-content: space-around;
    padding-top: 184px;
    padding-bottom: 50px;
    position: relative;
    height: 100%;
}

    #all-menu-links-container .note {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 1vh 1vw;
    }

.menu-links-column {
    display: flex;
    flex-direction: column;
}


    .menu-links-column > div,
    .menu-links-column a {
        font-family: Nunito Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        margin: 12px 0px;
        color: black;
    }

    .menu-links-column > div {
        color: gray;
    }

    .menu-links-column a:hover {
        color: #EE2333;
        text-decoration: underline;
        transition: unset;
    }

    .menu-links-column hr {
        opacity: 0.2;
        border: 1px solid #000000;
        margin-top: 0px;
    }

.hidden-link {
    display: block;
}

#menu-arrow-down {
    display: none;
}

.link-arrow {
    display: none;
}

#toolbar-inner-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: red;
    color: white;
    height: 36px;
    background: #EE2333;
    box-shadow: 0px 8.71698px 17.434px rgba(238, 49, 53, 0.15);
    border-radius: 18px;
}

    #toolbar-inner-container:hover {
        color: #EE2333;
        background: white;
    }

#toolbar-anchor:hover {
    text-decoration: none !important;
}

#toolbar-image {
    width: 25px;
    height: 18px;
    margin: 10px;
    background-position: center;
    background-image: url(images/gift.svg);
    background-repeat: no-repeat;
}

#toolbar-inner-container:hover > #toolbar-image {
    background-image: url(images/gift-red.png);
}

#gift-card-span {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-right: 10px;
}

.footer .footer-column img {
    width: 70%;
}

h2 {
    margin-bottom: 40px;
}

.content ul,
.content ul li,
.content ol,
.content ol li {
    font-family: Lato;
}

@media (max-width: 768px) {


    #footer-links {
        font-family: Lato;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 30px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    #location-img {
        padding: 7px 0;
        background-image: url('/images/location-mobile.png');
        width: 31px;
        height: 43px;
        background-repeat: no-repeat;
        background-position: center;
    }

    #close-menu-button {
        width: 32px;
        height: 32px;
        right: 23px;
        top: 110px;
    }

    #menu {
        height: calc(100vh - 76px);
    }

    #menu-title {
        display: block;
    }

    #all-menu-links-container {
        display: block;
        flex-direction: column;
        padding: 21px;
        overflow: scroll;
        height: calc(100% - 65px);
        justify-content: initial;
    }

        #all-menu-links-container .note {
            position: relative;
        }

    .menu-links-column {
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

        .menu-links-column a {
            line-height: 30px;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
        }

    #menu-arrow-down {
        background-image: url(images/expand_arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 29px;
        height: 15px;
        margin: 15px 0px;
        display: block;
    }

    #gift-card-span {
        display: none;
    }

    #toolbar-image {
        margin: 6px;
    }

    #black-line-inner-container {
        flex-direction: column;
    }

    .hidden-link {
        display: none !important;
    }

    .link-arrow {
        background-image: url('images/arrow-right.png');
        width: 34px;
        height: 34px;
        display: block;
    }
}

@media screen and (max-width: 855px) and (min-width: 767px) {
    #go-to-supernova {
        width: 160px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 980px) {
    .footer-column {
        min-width: 220px;
    }

    .footer .footer-column img {
        width: 200px;
    }
}

@media (max-width: 980px) {
    .footer {
        flex-direction: column;
        padding: 50px 16px !important;
    }

    .map-wrapper {
        margin-bottom: auto;
        margin-top: auto;
    }
}

@media (max-width: 576px) {
    #all-menu-links-container {
        padding: 21px 21px 70px 21px;
        transform: translate3d(0,0,0);
    }

    #main-menu-container.open {
        overflow: scroll;
        background-color: #f1f1f1;
    }
}

.header {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
    max-width: 1550px
}

.game-frame {
    min-height: 156px;
    padding-top: 35px;
    font-family: 'Nunito Sans', sans-serif;
    background-color: #DEDEDE;
}

.config-item {
    padding: 10px 20px 0px 0;
    margin-bottom: 11px;
    border-bottom: solid 1px #b4b1b1;
}

.config-item__label {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    font-size: 25px;;
}

.config-item__select {
    display: flex;
    flex-direction: column;
}
    .config-item__select.color {
        flex-direction: row;
    }

    .config-item__select.color .config-item__select--item {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        padding: 0;
        cursor: pointer;
        border: solid 1px transparent;
        border-radius: 50%;
    }
        .config-item__select.color .config-item__select--item:first-child {
            margin-right: 20px;
        }


        .config-item__select.color .config-item__select--item .circle {
            position: relative;
            top: 0px;
            left: 5px;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            background-color: #000;
        }
        .config-item__select.color .config-item__select--item.white .circle {
            background-color: #fff;
        }

        .config-item__select.color .config-item__select--item.black.selected {
            border: solid 1px #000;
        }

        .config-item__select.color .config-item__select--item.white.selected {
            border: solid 1px #000;
        }



.config-item__select--item {
    display: flex;
    margin-right: 15px;
    cursor: pointer;
    align-items: center;
    margin-bottom: 23px;
}
    .config-item__select--item.item1 .label-as-image img {
        max-width: 126px;
        min-width: 126px;
    }
    .config-item__select--item.item2 .label-as-image img {
        max-width: 106px;
        min-width: 106px;
    }
    .config-item__select--item.item3 .label-as-image img {
    }

    .config-item__select--item .dummy-radio {
        display: inline-block;
        flex: 0 0 20px;
        position: relative;
        width: 20px;
        height: 20px;
        border: solid 1px #000;
        border-radius: 50%;
    }

    .config-item__select--item .dummy-radio .dummy-radio__inner {
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
.config-item__select--item.selected .dummy-radio .dummy-radio__inner {
    background-color: #000;
}

    .config-item__select--item .label-as-image {
        display: inline-block;
        flex: 0 1 100%;
        margin-left: 10px;
    }

        .config-item__select--item .label-as-image img {
            display: inline-block;
            width: 100%;
            max-width: 170px;
            min-width: 170px;
        }

.config-item__input {
    display: inline-block;
}

    .config-item__input input {
        height: 36px;
        width: 100%;
        border: solid 1px #707070;
        padding: 4px 5px 3px 5px;
        border-radius: 0;
        font-size: 18px;
        background-color: transparent;
    }
        .config-item__input input.name-input {
            width: 160px;
        }

.config-item__input--text {
    display: inline-block;
}
    .config-item__input--text.small {
        display: inline-block;
        width: 118px;
        margin-left: 15px;
    }
.config-item__image {
    display: inline-block;
    margin-left: 15px;
}
.config-item__image img {
    display: inline-block;
    width: 100%;
}
    .config-item__image.s1 {
        width: 70px;
    }
    .config-item__image.s2 {
        width: 130px;
    }
    .config-item__image.s3 {
        width: 202px;
    }

.konfigurator-frame {
    width: auto;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin: 20px;
}

.konfigurator-holder {
    max-width: 405px;
    width: 100%;
    position: relative;
}

    .konfigurator-holder .background-image {
        width: 405px;
        display: block;
    }

.konfigurator__option-2 {
    
}

.konfigurator-place {
    position: absolute;
    top: 150px;
    left: 114px;
    height: 110px;
    width: 192px;
}
    .konfigurator-place .sign-holder {
        position: absolute;
        z-index: 2;
        top: 50px;
        left: 10px;
    }

    .konfigurator-place .text-holder {
        position: absolute;
        z-index: 3;
        top: 80px;
        left: 10px;
    }

.konfigurator-holder .konfigurator-place img {
    position: relative;
    display: inline-block;
    width: 100%;
}

.span-dot {
    display: inline-block;
    border-radius: 50%;
    background-color: #ed1c24;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    position: relative;
    top: -2px;
}
    .span-dot.low {
        top: 6px;
    }
    .span-dot.medium {
        top: 6px;
        width: 28px;
        height: 28px;
    }
    .span-dot.large {
        top: 15px;
        width: 38px;
        height: 38px;
    }

.hoodie-gallery {
    margin: 40px 0 40px 0;
}

.option1-text {
    position: absolute;
    right: 0px;
    top: 12px;
}

.option4a-text {
    position: relative;
    left: 0px;
    top: 4px;
    margin-right: 4px;
    line-height: 0;
}

.option4b-text {
    position: relative;
    right: 0px;
    top: 9px;
}
    .option4b-text.withText {
        position: absolute;
        right: 0px;
        top: -17px;
        text-align: right;
    }

.option5-text {
    position: relative;
    right: 0px;
    top: 4px;
    margin-right: 4px;
}
.option6-text {
    position: absolute;
    right: 0;
    top: 30px;
}
.option7-text {
    position: absolute;
    right: 0;
    top: 42px;
}

.design-font1 {
    color: #ed1c24;
    font-family: 'Highest Praise';
    font-size: 28px;
    font-weight: normal;
    vertical-align: top;
    right: auto;
    left: 0;
}
.design-font2 {
    color: #f8f8f8;
    font-family: Arial;
    font-size: 19px;
    font-weight: 600;
    top: 3px;
}

.buttons {
    margin: 20px 0 40px 0;
    text-align: center;
}

    .buttons a {
        background-color: #ed1c24;
        padding: 5px 12px;
        display: inline-block;
        margin: 0 10px;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
    }

        .buttons a:hover {
            text-decoration: none;
            color: #fff;
        }

.game-button {
    background-color: #ed1c24;
    padding: 5px 12px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    margin-bottom: 20px;
    font-weight: bold;
}
    .game-button.gallery {
        background-color: #FFFFFF;
        border: solid 1px #707070;
        color: #000000;
    }

.game-input {
    height: 40px !important;
    width: 100% !important;
    border: solid 1px #000 !important;
    padding: 6px 5px 5px 5px !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    font-size: 18px !important;
}

ol > li {
    font-family: Nunito Sans;
    font-size: 12px;
    color: #000;
}

@font-face {
    font-family: 'Highest Praise';
    src: url('/fonts/HighestPraise-Regular.eot');
    src: local('Highest Praise'), local('/fonts/HighestPraise-Regular'), url('/fonts/HighestPraise-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/HighestPraise-Regular.woff2') format('woff2'), url('/fonts/HighestPraise-Regular.woff') format('woff'), url('/fonts/HighestPraise-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.items_in_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.label-small {
    font-size: 20px;
    font-weight: normal;
}
.no-border {
    border: none !important;
}
    .no-border .config-item__select--item {
        margin-bottom: 10px !important;
    }

.game-menu {
    margin-top: 2vw;
}

.game-intro {
    padding-top: 136px;
    margin-bottom: 70px;
}

    .game-intro h1 {
        font-size: 50px;
        margin-top: 8%;
        margin-bottom: 30px;
    }
        .game-intro h1.mobile {
            display: none;
        }

    .game-intro h2 {
        font-size: 36px;
    }

    .game-intro p {
        font-size: 22px;
    }

    .game-intro .p-small {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .game-intro  .directions {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .game-intro .directionsImg {
        max-width: 60px;
        margin: 0 auto 10px;
    }

.gallery-frame {
    padding-top: 0px;
}

@media (max-width:991px) {
    .game-intro h1 {
        display: none;
    }
        .game-intro h1.mobile {
            display: block;
            font-size: 40px;
            margin-bottom: 20px;
        }
}

@media (max-width:700px) {
    .game-intro .directionsImg {
        max-width: 50px;
        margin: 0 auto 10px;
    }

    .game-intro .directions {
        font-size: 12px;
    }
}

@media (max-width:480px) {
    html, body {
        width: 480px !important;
    }
}


.small, small {
    display: block;
    padding-top: 2px;
}

.hoodie-gallery__item {
    margin-bottom: 20px;
}