/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(4659,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */



.topbar .header-top-right > div {
    float: right
}

@media (max-width: 992px) {
    .topbar .header-top-right > div {
        float: none
    }
}

.topbar .header-top-left > div {
    float: left
}

@media (max-width: 992px) {
    .topbar .header-top-left > div {
        float: none
    }
}




#header .header-inner {
    padding: 0px 0px
}

    #header .header-inner .brand {
        float: left
    }

        #header .header-inner .brand .logo {
            display: inline-block;
            padding-top: 8px;
        }

        #header .header-inner .brand .slogan {
            border-left: 2px solid #f0f0f0;
            color: #464646;
            display: inline-block;
            margin-left: 20px;
            padding: 5px 0px 5px 20px;
            vertical-align: middle
        }

    #header .header-inner .navbar-toggle {
        background-color: transparent;
        border-radius: 0px;
        margin-right: 0px;
        margin-top: 12px;
        padding: 0px
    }

        #header .header-inner .navbar-toggle .icon-bar {
            background-color: #f95446;
            height: 3px
        }

        #header .header-inner .navbar-toggle:active,
        #header .header-inner .navbar-toggle:focus {
            outline: 0px
        }

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    #header .header-inner .navbar-collapse {
        left: 0px;
        margin-top: 50px;
        margin-bottom: 24px;
        overflow: visible;
        padding: 0px;
        position: absolute;
        right: 0px;
        z-index: 9999
    }

        #header .header-inner .navbar-collapse .navigation {
            background-color: rgba(0, 0, 0, .75);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            float: none;
            margin: 0px;
            padding-left: 20px;
            width: 100%;
        }

            #header .header-inner .navbar-collapse .navigation > li {
                display: block;
                float: none
            }

                #header .header-inner .navbar-collapse .navigation > li > a:hover {
                    border-radius: 0px !important
                }
}


/* funkcni collapse menu i pro SM - protoze se to jinak nevejde na navbar */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.in {
        display: block !important;
    }
}

#header .header-inner .navigation {
    float: right;
    list-style: none;
    margin: 3px 0px 0px 0px;
    padding: 0px
}

    #header .header-inner .navigation > li {
        float: left
    }

        /*#header .header-inner .navigation > li.active > a {
            background-color: transparent;
            color: #A4F23D;
            text-decoration: none;
            
            border-style: solid;
            border-width: 0px 0px 1px 0px;            
        }*/

        #header .header-inner .navigation > li > a {
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
            border-radius: 0px;
            color: #A4F23D;
            display: block;
            text-decoration: none;
            font-family: 'Titillium Web', sans-serif;
            font-weight: 700;
            font-size: 15px;
            padding: 8px 15px 2px;
            /*margin: 0px 2px;*/
        }

            #header .header-inner .navigation > li > a:hover {
                color: #68A715 ;
                text-decoration: none;                     
                /*border-style: solid;
                border-width: 0px 0px 1px 0px;*/
            
            }

        #header .header-inner .navigation > li:hover > a {
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
            border-radius: 0px;
            font-size: 15px;
            padding: 8px 15px 2px;
            /*margin: 0px 2px;*/
            color: #7FD80A;
            text-decoration: none;
            /*border-style: solid;
            border-width: 0px 0px 1px 0px;*/
        }

        #header .header-inner .navigation > li:hover .regularmenu, #header .header-inner .navigation > li:hover .megamenu {
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
            visibility: visible
        }

        #header .header-inner .navigation > li.menuparent > a:after {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            content: "\e641";
            display: inline-block;
            font-family: 'PictoPro-Normal';
            font-size: 12px;
            margin-left: 10px;
            vertical-align: 1px
        }

        #header .header-inner .navigation > li.has-megamenu > a:before {
            -webkit-transition: opacity 0.2s linear;
            -moz-transition: opacity 0.2s linear;
            -o-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            border: 7px solid transparent;
            border-bottom-color: #f2f2f2;
            content: '';
            height: 0px;
            left: 50%;
            margin-left: -3px;
            position: absolute;
            top: 39px;
            width: 0px
        }

        #header .header-inner .navigation > li.has-megamenu:hover > a {
            position: relative
        }

            #header .header-inner .navigation > li.has-megamenu:hover > a:before {
                filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
                opacity: 1
            }

        #header .header-inner .navigation > li.has-regularmenu {
            position: relative
        }

        #header .header-inner .navigation > li .regularmenu {
            -webkit-transition: opacity 0.2s linear;
            -moz-transition: opacity 0.2s linear;
            -o-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            left: 50%;
            margin-left: -110px;
            padding: 15px 0px 0px 0px;
            position: absolute;
            visibility: hidden;
            width: 220px;
            z-index: 9999
        }

            #header .header-inner .navigation > li .regularmenu .regularmenu-inner {
                -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                background-color: #f2f2f2;
                list-style: none;
                margin: 0px;
                padding: 0px
            }

                #header .header-inner .navigation > li .regularmenu .regularmenu-inner:before {
                    border: 7px solid transparent;
                    border-bottom-color: #f2f2f2;
                    content: '';
                    height: 0px;
                    left: 50%;
                    margin-left: -12px;
                    position: absolute;
                    top: 1px
                }

                #header .header-inner .navigation > li .regularmenu .regularmenu-inner li {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
                }

                    #header .header-inner .navigation > li .regularmenu .regularmenu-inner li:last-child {
                        border-bottom: 0px
                    }

                    #header .header-inner .navigation > li .regularmenu .regularmenu-inner li a {
                        -webkit-transition: all 0.1s linear;
                        -moz-transition: all 0.1s linear;
                        -o-transition: all 0.1s linear;
                        transition: all 0.1s linear;
                        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
                        opacity: 0.8;
                        color: #252525;
                        display: block;
                        font-size: 12px;
                        padding: 9px 12px
                    }

                        #header .header-inner .navigation > li .regularmenu .regularmenu-inner li a .icon {
                            font-size: 16px;
                            margin: 0px 5px 0px 0px
                        }

                        #header .header-inner .navigation > li .regularmenu .regularmenu-inner li a:hover {
                            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
                            opacity: 1;
                            text-decoration: none
                        }

        #header .header-inner .navigation > li .megamenu {
            -webkit-transition: opacity 0.2s linear;
            -moz-transition: opacity 0.2s linear;
            -o-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            left: 15px;
            padding-top: 15px;
            position: absolute;
            right: 15px;
            visibility: hidden;
            z-index: 999999
        }

            #header .header-inner .navigation > li .megamenu .megamenu-inner {
                -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
                background-color: #f2f2f2;
                padding: 20px 0px;
                position: relative
            }

                #header .header-inner .navigation > li .megamenu .megamenu-inner h2 {
                    color: #00374b;
                    font-size: 20px;
                    font-weight: normal;
                    margin: 0px 0px 40px 0px
                }

                #header .header-inner .navigation > li .megamenu .megamenu-inner .title {
                    margin: 0px;
                    font-size: 14px
                }

                    #header .header-inner .navigation > li .megamenu .megamenu-inner .title a {
                        color: #252525
                    }

                #header .header-inner .navigation > li .megamenu .megamenu-inner .price {
                    color: #252525
                }

                #header .header-inner .navigation > li .megamenu .megamenu-inner .random-cars p {
                    line-height: 20px
                }

                #header .header-inner .navigation > li .megamenu .megamenu-inner .latest-reviews .block-inner {
                    padding: 0px
                }

                #header .header-inner .navigation > li .megamenu .megamenu-inner .title a {
                    font-size: 16px
                }

/*@media (min-width: 768px) and (max-width: 991px) {
    #header .header-inner {
        text-align: center
    }

        #header .header-inner .brand {
            display: inline-block;
            float: none
        }

            #header .header-inner .brand .slogan {
                text-align: left
            }

        #header .header-inner .navigation {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            display: inline-block;
            float: none;
            margin-top: 25px;
            padding-top: 20px;
            text-align: left
        }
}*/

@media (max-width: 767px) {
    #header .header-inner .brand .slogan {
        display: none
    }
}

.infobar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;
    background: rgba(0, 0, 0, .75);
}

/*.infobar .breadcrumb {
    width:100%;
    background-color: transparent;
    margin: 0px;
    padding-left: 0px
}*/

@media (max-width: 767px) {
    .infobar .breadcrumb {
        overflow: hidden;
        text-align: center;
        width: 100%
    }
}

.infobar .breadcrumb li {
    font-size: 12px;
    line-height: 20px
}

    .infobar .breadcrumb li a {
        color: #fff
    }

    .infobar .breadcrumb li.active {
        color: #fff
    }

.infobar .contact .contact-item {
    display: inline-block;
    font-size: 14px
}

    .infobar .contact .contact-item .label {
        color: #A4F23D;
        display: inline
    }

        .infobar .contact .contact-item .label .icon {
            font-size: 20px;
            vertical-align: -5px
        }

    .infobar .contact .contact-item .value {
        color: #fff;
        display: inline;
        line-height: 36px
    }

        .infobar .contact .contact-item .value a {
            color: #ffffff;
            /*text-decoration: none*/
        }

@media (max-width: 767px) {
    .infobar .contact {
        float: none !important
    }

        .infobar .contact .contact-item {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            display: block;
            text-align: center
        }
}

.languages {
    float: left;
    margin: 8px 10px 0px 10px
}

    .languages ul {
        list-style: none;
        margin: 0px;
        padding: 0px
    }

        .languages ul li {
            display: inline-block;
            margin: 0px 15px
        }

            .languages ul li a img {
                display: block
            }

.search-form {
    float: right;
    margin: 0px;
    padding: 0px
}

    .search-form:hover .input-group {
        width: 200px
    }

    .search-form .input-group {
        -webkit-transition: width 0.2s linear;
        -moz-transition: width 0.2s linear;
        -o-transition: width 0.2s linear;
        transition: width 0.2s linear;
        width: 1px
    }

        .search-form .input-group .form-control {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: #ebebeb;
            border: 0px;
            height: 30px;
            margin-right: -20px;
            padding: 5px 12px
        }

        .search-form .input-group .input-group-btn .btn {
            background-color: #e3e3e3;
            border: 0px;
            border-radius: 0px;
            color: #464646;
            margin-left: -3px;
            padding: 3px 8px
        }

.topbar {
    position: relative
}

    .topbar .news {
        font-size: 12px;
        line-height: 30px
    }

        .topbar .news ul {
            margin: 0px;
            padding: 0px
        }

            .topbar .news ul li {
                width: 100% !important
            }

@media (min-width: 768px) and (max-width: 991px) {
    .topbar .news {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .topbar .news {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .topbar .header-top-right {
        padding-bottom: 10px
    }

        .topbar .header-top-right .search-form .input-group {
            width: 200px
        }
}

@media (max-width: 767px) {
    .topbar .header-top-right {
        padding-bottom: 10px;
        text-align: center
    }

        .topbar .header-top-right .social {
            display: inline-block;
            float: none
        }

        .topbar .header-top-right .languages {
            display: inline-block;
            float: none;
            vertical-align: top
        }

        .topbar .header-top-right .search-form {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            float: none;
            margin-top: 5px;
            padding-top: 10px
        }

            .topbar .header-top-right .search-form .input-group {
                width: auto
            }
}

.social {
    float: left
}

    .social .social-links {
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: right
    }

        .social .social-links li {
            -webkit-transition: background-color 0.3s;
            -moz-transition: background-color 0.3s;
            -o-transition: background-color 0.3s;
            transition: background-color 0.3s;
            float: left;
            text-indent: -9999px
        }

            .social .social-links li a {
                display: block;
                width: 30px;
                height: 30px
            }

    .social .google-plus {
        background: url("../img/icons/googleplus.png") no-repeat center center #6b6b6b
    }

        .social .google-plus:hover {
            background-color: #525252
        }

    .social .twitter {
        background: url("../img/icons/twitter.png") no-repeat center center #99d3f1
    }

        .social .twitter:hover {
            background-color: #6cc0eb
        }

    .social .youtube {
        background: url("../img/icons/youtube.png") no-repeat center center #e37f67
    }

        .social .youtube:hover {
            background-color: #db5b3c
        }

    .social .pinterest {
        background: url("../img/icons/pinterest.png") no-repeat center center #e47372
    }

        .social .pinterest:hover {
            background-color: #dc4947
        }

    .social .facebook {
        background: url("../img/icons/facebook.png") no-repeat center center #7793c8
    }

        .social .facebook:hover {
            background-color: #5376b9
        }

textarea,
input,
button {
    -webkit-font-smoothing: antialiased
}

    input[type=checkbox],
    input[type=radio] {
        cursor: pointer
    }

form .required {
    color: red
}

form label {
    cursor: pointer
}

.checkbox {
    padding-left: 0px;
    font-size: 14px;
    line-height: 28px
}

    .checkbox .ez-checkbox {
        -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
        background-color: #f0f0f0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer !important;
        display: inline-block;
        margin: 4px 10px -5px 0px;
        height: 20px;
        width: 20px
    }

        .checkbox .ez-checkbox.ez-checked {
            background-image: url(../img/checkbox-checked.png)
        }

        .checkbox .ez-checkbox .ez-hide {
            opacity: 0;
            width: 20px;
            height: 20px;
            margin: 0px;
            margin: 0px !important
        }

.form-control {
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid #d6d6d6
}

    .form-control:focus {
        background-color: #fff;
        box-shadow: none;
        border-color: #d6d6d6
    }

.chosen-container-single {
    position: relative;
    width: 100% !important
}

    .chosen-container-single.chosen-container-active .chosen-single {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-image: none;
        border: 1px solid #d6d6d6
    }

    .chosen-container-single .chosen-single {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-image: none;
        background-color: #f8f8f8;
        border: 1px solid #d6d6d6;
        border-radius: 0px;
        height: auto !important;
        padding: 8px 8px
    }

        .chosen-container-single .chosen-single div:after {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            color: #252525;
            content: '\e641';
            display: inline-block;
            font-family: 'PictoPro-Normal';
            font-size: 16px;
            position: absolute;
            right: 10px;
            top: 8px
        }

        .chosen-container-single .chosen-single div b {
            background-position: 0px 11px;
            display: none
        }

    .chosen-container-single .chosen-drop {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        border: 1px solid #d6d6d6
    }

        .chosen-container-single .chosen-drop .chosen-search input {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-image: none;
            border: 1px solid #e2e2e2;
            padding: 7px 10px
        }

        .chosen-container-single .chosen-drop .chosen-results .active-result.highlighted,
        .chosen-container-single .chosen-drop .chosen-results .active-result.result-selected {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: #0076a2;
            background-image: none;
            color: #fff
        }

.input-group .input-group-btn .btn {
    background-color: #f95446;
    border-radius: 0px;
    border: 0px;
    color: #fff;
    padding: 7px 12px
}

.btn:active,
.btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0px
}

.btn-small {
    font-size: 12px
}

.btn-primary {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    width: 100%;
    border-radius: 0px;
    padding: 10px;
    background: none;
    border-color: #A4F23D;
    border-width: 2px;
    color: #666666;
}


.btn-primary-scroll {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    background: rgba(164, 242, 61, 0.6);
    border-width: 2px;
    color: #666666;
}

    .btn-primary-scroll:focus,
    .btn-primary-scroll:active,
    .btn-primary-scroll:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:hover,
    .hovered {
        color: #fff;
        border-color: #A4F23D;
        background-color: #A4F23D;
        border-width: 2px;
    }


.scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 25px;
    right: 20px;
    display: none;
}

    .scroll-top i {
        display: inline-block;
        color: #ffffff;
    }

.highlighted-wrapper .filter-wrapper {
    position: absolute;
    margin-top: -410px;
    width: 100%
}

@media (min-width: 768px) and (max-width: 991px) {
    .highlighted-wrapper .filter-wrapper {
        margin-top: 0px;
        padding: 20px 0px;
        position: relative
    }
}

@media (max-width: 768px) {
    .highlighted-wrapper .filter-wrapper {
        margin-top: 0px;
        padding: 20px 0px;
        position: relative
    }
}

.highlighted-wrapper .filter-wrapper .container .filter-block {
    z-index: 100
}

    .highlighted-wrapper .filter-wrapper .container .filter-block .block {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
    }

    .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs {
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        height: 40px;
        position: relative;
        width: 100%
    }

        .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border: 0px;
            display: block;
            height: 40px;
            position: relative;
            text-align: center;
            width: 50%
        }

            .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li a {
                border: 0px;
                border-radius: 0px;
                color: #363636;
                font-size: 14px;
                font-weight: bold;
                text-decoration: none;
                display: block;
                margin: 0px;
                padding: 10px
            }

            .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li:hover {
                background-color: #fff
            }

                .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li:hover a {
                    border: 0px;
                    border-radius: 0px
                }

            .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li.active {
                background-color: #fff
            }

                .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs li.active a {
                    border: 0px;
                    border-radius: 0px
                }

        .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs .tab {
            -webkit-transition: background-color 0.3s;
            -moz-transition: background-color 0.3s;
            -o-transition: background-color 0.3s;
            transition: background-color 0.3s;
            background-color: rgba(255, 255, 255, 0.5);
            text-align: center;
            font-weight: bold
        }

            .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs .tab:hover,
            .highlighted-wrapper .filter-wrapper .container .filter-block .nav-tabs .tab.active {
                background-color: #ffffff
            }

    .highlighted-wrapper .filter-wrapper .container .filter-block .content {
        background-color: #ffffff;
        width: 100%
    }

        .highlighted-wrapper .filter-wrapper .container .filter-block .content .inner {
            padding: 20px
        }

.highlighted {
    background-color: #003e55;
    padding: 50px 0px;
    width: 100%;
    overflow: hidden
}

@media (max-width: 768px) {
    .highlighted {
        display: none
    }
}

.highlighted #overviews {
    height: 410px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

    .highlighted #overviews .overview {
        color: #fff;
        height: 360px;
        margin-left: -300px;
        padding: 10px 0px;
        position: absolute;
        top: 0px;
        width: 100%
    }

        .highlighted #overviews .overview .overview-table {
            overflow: hidden
        }

        .highlighted #overviews .overview .item {
            margin-left: -300px
        }

            .highlighted #overviews .overview .item.line {
                line-height: 28px;
                border-bottom-width: 0px
            }

                .highlighted #overviews .overview .item.line .property {
                    display: inline-block;
                    text-align: left;
                    font-weight: bold
                }

                .highlighted #overviews .overview .item.line .value {
                    display: block;
                    margin-right: -600px
                }

            .highlighted #overviews .overview .item.title {
                margin-bottom: 15px
            }

            .highlighted #overviews .overview .item.tags > div {
                padding: 8px 10px;
                display: inline-block;
                margin: 0px
            }

            .highlighted #overviews .overview .item.tags {
                margin-bottom: 15px
            }

                .highlighted #overviews .overview .item.tags .type {
                    background-color: #00658b
                }

                .highlighted #overviews .overview .item.tags .price {
                    background-color: #f95446
                }

            .highlighted #overviews .overview .item:nth-child(1) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.1s;
                -moz-transition: margin-left 0.5s linear 0.1s;
                -o-transition: margin-left 0.5s linear 0.1s;
                transition: margin-left 0.5s linear 0.1s
            }

                .highlighted #overviews .overview .item:nth-child(1) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.1s;
                    -moz-transition: margin-right 0.5s linear 0.1s;
                    -o-transition: margin-right 0.5s linear 0.1s;
                    transition: margin-right 0.5s linear 0.1s
                }

            .highlighted #overviews .overview .item:nth-child(2) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.2s;
                -moz-transition: margin-left 0.5s linear 0.2s;
                -o-transition: margin-left 0.5s linear 0.2s;
                transition: margin-left 0.5s linear 0.2s
            }

                .highlighted #overviews .overview .item:nth-child(2) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.2s;
                    -moz-transition: margin-right 0.5s linear 0.2s;
                    -o-transition: margin-right 0.5s linear 0.2s;
                    transition: margin-right 0.5s linear 0.2s
                }

            .highlighted #overviews .overview .item:nth-child(3) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.3s;
                -moz-transition: margin-left 0.5s linear 0.3s;
                -o-transition: margin-left 0.5s linear 0.3s;
                transition: margin-left 0.5s linear 0.3s
            }

                .highlighted #overviews .overview .item:nth-child(3) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.3s;
                    -moz-transition: margin-right 0.5s linear 0.3s;
                    -o-transition: margin-right 0.5s linear 0.3s;
                    transition: margin-right 0.5s linear 0.3s
                }

            .highlighted #overviews .overview .item:nth-child(4) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.4s;
                -moz-transition: margin-left 0.5s linear 0.4s;
                -o-transition: margin-left 0.5s linear 0.4s;
                transition: margin-left 0.5s linear 0.4s
            }

                .highlighted #overviews .overview .item:nth-child(4) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.4s;
                    -moz-transition: margin-right 0.5s linear 0.4s;
                    -o-transition: margin-right 0.5s linear 0.4s;
                    transition: margin-right 0.5s linear 0.4s
                }

            .highlighted #overviews .overview .item:nth-child(5) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.5s;
                -moz-transition: margin-left 0.5s linear 0.5s;
                -o-transition: margin-left 0.5s linear 0.5s;
                transition: margin-left 0.5s linear 0.5s
            }

                .highlighted #overviews .overview .item:nth-child(5) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.5s;
                    -moz-transition: margin-right 0.5s linear 0.5s;
                    -o-transition: margin-right 0.5s linear 0.5s;
                    transition: margin-right 0.5s linear 0.5s
                }

            .highlighted #overviews .overview .item:nth-child(6) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.6s;
                -moz-transition: margin-left 0.5s linear 0.6s;
                -o-transition: margin-left 0.5s linear 0.6s;
                transition: margin-left 0.5s linear 0.6s
            }

                .highlighted #overviews .overview .item:nth-child(6) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.6s;
                    -moz-transition: margin-right 0.5s linear 0.6s;
                    -o-transition: margin-right 0.5s linear 0.6s;
                    transition: margin-right 0.5s linear 0.6s
                }

            .highlighted #overviews .overview .item:nth-child(7) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.7s;
                -moz-transition: margin-left 0.5s linear 0.7s;
                -o-transition: margin-left 0.5s linear 0.7s;
                transition: margin-left 0.5s linear 0.7s
            }

                .highlighted #overviews .overview .item:nth-child(7) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.7s;
                    -moz-transition: margin-right 0.5s linear 0.7s;
                    -o-transition: margin-right 0.5s linear 0.7s;
                    transition: margin-right 0.5s linear 0.7s
                }

            .highlighted #overviews .overview .item:nth-child(8) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.8s;
                -moz-transition: margin-left 0.5s linear 0.8s;
                -o-transition: margin-left 0.5s linear 0.8s;
                transition: margin-left 0.5s linear 0.8s
            }

                .highlighted #overviews .overview .item:nth-child(8) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.8s;
                    -moz-transition: margin-right 0.5s linear 0.8s;
                    -o-transition: margin-right 0.5s linear 0.8s;
                    transition: margin-right 0.5s linear 0.8s
                }

            .highlighted #overviews .overview .item:nth-child(9) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 0.9s;
                -moz-transition: margin-left 0.5s linear 0.9s;
                -o-transition: margin-left 0.5s linear 0.9s;
                transition: margin-left 0.5s linear 0.9s
            }

                .highlighted #overviews .overview .item:nth-child(9) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 0.9s;
                    -moz-transition: margin-right 0.5s linear 0.9s;
                    -o-transition: margin-right 0.5s linear 0.9s;
                    transition: margin-right 0.5s linear 0.9s
                }

            .highlighted #overviews .overview .item:nth-child(10) {
                -webkit-transition: margin-left 0.5s linear;
                -webkit-transition-delay: 1s;
                -moz-transition: margin-left 0.5s linear 1s;
                -o-transition: margin-left 0.5s linear 1s;
                transition: margin-left 0.5s linear 1s
            }

                .highlighted #overviews .overview .item:nth-child(10) .value {
                    -webkit-transition: margin-right 0.5s linear;
                    -webkit-transition-delay: 1s;
                    -moz-transition: margin-right 0.5s linear 1s;
                    -o-transition: margin-right 0.5s linear 1s;
                    transition: margin-right 0.5s linear 1s
                }

        .highlighted #overviews .overview.active {
            margin-left: 0px
        }

            .highlighted #overviews .overview.active .line {
                border-bottom: 1px solid rgba(255, 255, 255, 0.15)
            }

            .highlighted #overviews .overview.active .item {
                margin-left: 0px
            }

                .highlighted #overviews .overview.active .item .property {
                    float: left
                }

                .highlighted #overviews .overview.active .item .value {
                    margin-right: 5px;
                    text-align: right
                }

    .highlighted #overviews #slider-navigation {
        position: absolute;
        bottom: 5px;
        right: 0px;
        z-index: 101
    }

        .highlighted #overviews #slider-navigation > div {
            display: inline-block
        }

            .highlighted #overviews #slider-navigation > div a {
                width: 30px;
                height: 30px;
                display: block
            }

        .highlighted #overviews #slider-navigation .next {
            background-color: #00658b
        }

            .highlighted #overviews #slider-navigation .next a {
                -webkit-transition: background-color 0.2s linear;
                -moz-transition: background-color 0.2s linear;
                -o-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
                background: url("../img/arrow-right.png") no-repeat center
            }

                .highlighted #overviews #slider-navigation .next a:hover {
                    background-color: #005272
                }

        .highlighted #overviews #slider-navigation .prev {
            background-color: #00658b;
            margin-right: -4px
        }

            .highlighted #overviews #slider-navigation .prev a {
                -webkit-transition: background-color 0.2s linear;
                -moz-transition: background-color 0.2s linear;
                -o-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
                background: url("../img/arrow-left.png") no-repeat center
            }

                .highlighted #overviews #slider-navigation .prev a:hover {
                    background-color: #005272
                }

.highlighted .bx-viewport {
    overflow: visible !important
}

    .highlighted .bx-viewport .bx-clone {
        opacity: 0.1
    }

.highlighted .slide:not(.bx-clone) .color-overlay {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    background-color: rgba(0, 45, 62, 0.8);
    height: 410px;
    position: absolute;
    top: 0px;
    width: 100%
}

.highlighted .slide:not(.bx-clone).active .color-overlay {
    background-color: transparent
}

#recent-cars {
    padding-bottom: 20px
}

.block.grid-block .content {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    padding-top: 15px;
    padding-bottom: 15px
}

.block.grid-block .inner-block {
    padding: 15px;
    float: left;
    width: 100%
}

.block .grid-carousel {
    margin-left: -15px;
    margin-right: -15px
}

    .block .grid-carousel > .inner {
        padding: 0px 15px
    }

.block .grid-item .inner {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

    .block .grid-item .inner .picture {
        overflow: hidden;
        margin-left: -2px;
        margin-right: -2px;
        margin-top: -1px;
        padding: 0px 1px;
        position: relative
    }

        .block .grid-item .inner .picture:hover .cycle-pager {
            margin-top: -24px
        }

        .block .grid-item .inner .picture .cycle-pager {
            -webkit-transition: margin-top 0.2s;
            -moz-transition: margin-top 0.2s;
            -o-transition: margin-top 0.2s;
            transition: margin-top 0.2s;
            background-color: rgba(0, 0, 0, 0.7);
            height: 24px;
            left: 0px;
            margin-top: 0px;
            padding: 7px 1px;
            position: absolute;
            right: 0px;
            text-align: center;
            z-index: 120
        }

            .block .grid-item .inner .picture .cycle-pager span {
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
                border-radius: 10px;
                width: 8px;
                height: 8px;
                color: #ffffff;
                background-color: #ffffff;
                cursor: pointer;
                display: inline-block;
                margin: 1px 4px 0px 4px;
                text-indent: -9999px
            }

                .block .grid-item .inner .picture .cycle-pager .cycle-pager-active,
                .block .grid-item .inner .picture .cycle-pager span:hover {
                    background-color: #f95446;
                    color: #f95446
                }

        .block .grid-item .inner .picture a {
            width: 100%
        }

            .block .grid-item .inner .picture a img {
                height: auto;
                width: 100%
            }

    .block .grid-item .inner .like {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        padding: 10px;
        color: #f95446;
        position: absolute;
        top: 10px;
        left: 24px;
        z-index: 101
    }

        .block .grid-item .inner .like a {
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
            display: block;
            text-decoration: none
        }

            .block .grid-item .inner .like a:hover {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

    .block .grid-item .inner h3 {
        font-weight: bold;
        text-align: center
    }

        .block .grid-item .inner h3 a {
            color: #00658b
        }

            .block .grid-item .inner h3 a:hover {
                color: #004058;
                text-decoration: none
            }

    .block .grid-item .inner .subtitle {
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        font-size: 12px
    }

    .block .grid-item .inner .meta {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px
    }

        .block .grid-item .inner .meta ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            width: 100%
        }

            .block .grid-item .inner .meta ul li {
                display: block;
                float: left;
                width: 33%
            }

                .block .grid-item .inner .meta ul li i {
                    vertical-align: -6px
                }

    .block .grid-item .inner .price {
        color: #f95446;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 15px
    }

.block.row-block .inner-block {
    padding: 15px
}

.block.row-block .content {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 15px 0px
}

.block.row-block .row-item {
    margin-bottom: 15px;
    padding: 0px 15px
}

    .block.row-block .row-item:last-child {
        margin-bottom: 0px
    }

    .block.row-block .row-item .inner {
        border: 1px solid rgba(0, 0, 0, 0.1)
    }

        .block.row-block .row-item .inner .picture {
            overflow: hidden;
            margin-left: -2px;
            margin-right: -2px;
            margin-top: -1px;
            padding: 0px 1px;
            position: relative
        }

            .block.row-block .row-item .inner .picture:hover .cycle-pager {
                margin-top: -24px
            }

            .block.row-block .row-item .inner .picture .cycle-pager {
                -webkit-transition: margin-top 0.2s;
                -moz-transition: margin-top 0.2s;
                -o-transition: margin-top 0.2s;
                transition: margin-top 0.2s;
                background-color: rgba(0, 0, 0, 0.7);
                height: 24px;
                left: 0px;
                margin-top: 0px;
                padding: 7px 1px;
                position: absolute;
                right: 0px;
                text-align: center;
                z-index: 120
            }

                .block.row-block .row-item .inner .picture .cycle-pager span {
                    -webkit-transition: all 0.2s;
                    -moz-transition: all 0.2s;
                    -o-transition: all 0.2s;
                    transition: all 0.2s;
                    border-radius: 10px;
                    width: 8px;
                    height: 8px;
                    color: #ffffff;
                    background-color: #ffffff;
                    cursor: pointer;
                    display: inline-block;
                    margin: 1px 4px 0px 4px;
                    text-indent: -9999px
                }

                    .block.row-block .row-item .inner .picture .cycle-pager .cycle-pager-active,
                    .block.row-block .row-item .inner .picture .cycle-pager span:hover {
                        background-color: #f95446;
                        color: #f95446
                    }

        .block.row-block .row-item .inner .picture {
            margin: -1px 0px -1px -1px;
            padding: 0px
        }

            .block.row-block .row-item .inner .picture a {
                width: 100%
            }

                .block.row-block .row-item .inner .picture a img {
                    display: block;
                    height: auto;
                    width: 100%
                }

        .block.row-block .row-item .inner h3 {
            color: #00658b;
            font-weight: bold;
            margin-bottom: 5px;
            margin-top: 15px
        }

            .block.row-block .row-item .inner h3 a {
                color: #00658b;
                text-decoration: none
            }

                .block.row-block .row-item .inner h3 a:hover {
                    color: #004058
                }

        .block.row-block .row-item .inner .subtitle {
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
            color: #404040;
            font-size: 12px;
            margin-bottom: 10px
        }

        .block.row-block .row-item .inner p {
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6
        }

        .block.row-block .row-item .inner .meta ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            width: 100%
        }

            .block.row-block .row-item .inner .meta ul li {
                display: inline-block;
                padding: 3px 6px;
                margin-right: 2px;
                background-color: #f0f0f0
            }

                .block.row-block .row-item .inner .meta ul li i {
                    vertical-align: -6px
                }

        .block.row-block .row-item .inner .price {
            color: #f95446;
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 10px
        }

.block.row-block .row-item-small .inner .subtitle {
    margin-bottom: 5px
}

.block.row-block .row-item-small .inner .price {
    margin-bottom: 5px
}

.block.row-block .row-item-small .inner .meta ul li {
    margin-right: 0px;
    padding: 3px 6px
}

    .block.row-block .row-item-small .inner .meta ul li .icon {
        font-size: 18px;
        vertical-align: -4px
    }

@media (max-width: 768px) {
    .row-item .content-inner {
        padding: 15px
    }

    .row-item .meta li {
        margin-bottom: 5px !important
    }
}

.teaser-item-wrapper {
    margin-bottom: 10px
}

    .teaser-item-wrapper:last-child {
        margin-bottom: 0px
    }

        .teaser-item-wrapper:last-child .teaser-item {
            border-bottom: 0px
        }

            .teaser-item-wrapper:last-child .teaser-item .picture-wrapper {
                margin-bottom: 0px
            }

            .teaser-item-wrapper:last-child .teaser-item p {
                margin-bottom: 0px
            }

    .teaser-item-wrapper .teaser-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

@media (min-width: 768px) and (max-width: 990px) {
    .teaser-item-wrapper .teaser-item {
        border-bottom: 0px
    }
}

.teaser-item-wrapper .teaser-item .content-inner {
    padding: 0px
}

.teaser-item-wrapper .teaser-item .title {
    margin-bottom: 5px;
    margin-top: 0px
}

    .teaser-item-wrapper .teaser-item .title a {
        color: #0076a2;
        font-size: 14px;
        text-decoration: none
    }

        .teaser-item-wrapper .teaser-item .title a:hover {
            color: #00516f
        }

.teaser-item-wrapper .teaser-item .subtitle {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #404040;
    font-size: 12px;
    margin-bottom: 5px
}

.teaser-item-wrapper .teaser-item .price {
    color: #f95446;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 7px
}

.teaser-item-wrapper .teaser-item .picture-wrapper {
    margin-bottom: 10px;
    padding-right: 5px
}

    .teaser-item-wrapper .teaser-item .picture-wrapper .picture img {
        width: 100%
    }

    .teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover {
        -webkit-transition: margin-top 0.2s linear;
        -moz-transition: margin-top 0.2s linear;
        -o-transition: margin-top 0.2s linear;
        transition: margin-top 0.2s linear;
        background-color: rgba(0, 0, 0, 0.2);
        height: 100%;
        left: 0px;
        margin-top: -100%;
        position: absolute;
        right: 0px;
        text-align: center
    }

        .teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover .hover-inner {
            bottom: 0;
            height: 20px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px
        }

            .teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover .hover-inner .icon {
                color: #fff;
                display: block;
                font-size: 30px;
                margin-left: -5px;
                margin-top: -5px
            }

    .teaser-item-wrapper .teaser-item .picture-wrapper .picture a:hover .hover {
        margin-top: 0%
    }

.teaser-item-wrapper .teaser-item .content-wrapper p {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    line-height: 14px
}

.gallery-thumbnails {
    display: none
}

#detail-map {
    width: 100%;
    height: 200px
}

#footer-map {
    width: 100%;
    height: 300px
}


#gallery-wrapper {
    margin-bottom: 30px
}

    #gallery-wrapper .gallery {
        width: 100% !important
    }

        #gallery-wrapper .gallery .slide {
            width: 100% !important
        }

            #gallery-wrapper .gallery .slide .picture-wrapper {
                max-height: 379px;
                display: inline-block;
                width: 100% !important
            }

                #gallery-wrapper .gallery .slide .picture-wrapper img {
                    display: inline-block;
                    position: relative;
                    width: 100%
                }

    #gallery-wrapper #gallery-pager {
        width: 100%;
        padding: 1px 0px;
        position: relative;
        color: #f95446
    }

        #gallery-wrapper #gallery-pager .bx-pager-link {
            width: 100px !important
        }

            #gallery-wrapper #gallery-pager .bx-pager-link img {
                width: 80px !important
            }

        #gallery-wrapper #gallery-pager .bx-pager-item {
            display: inline-block;
            padding: 0px 3px
        }

            #gallery-wrapper #gallery-pager .bx-pager-item img {
                opacity: 0.6;
                -webkit-transition: opacity 0.2s;
                -moz-transition: opacity 0.2s;
                -o-transition: opacity 0.2s;
                transition: opacity 0.2s
            }

            #gallery-wrapper #gallery-pager .bx-pager-item .active img {
                opacity: 1
            }

        #gallery-wrapper #gallery-pager .prev {
            position: absolute;
            display: block;
            width: 24px;
            height: 24px;
            font-size: 24px;
            left: 5px;
            top: 40%
        }

            #gallery-wrapper #gallery-pager .prev i {
                position: absolute
            }

            #gallery-wrapper #gallery-pager .prev a {
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                z-index: 10
            }

        #gallery-wrapper #gallery-pager .next {
            position: absolute;
            display: block;
            width: 24px;
            height: 24px;
            font-size: 24px;
            right: 5px;
            top: 40%
        }

            #gallery-wrapper #gallery-pager .next i {
                position: absolute
            }

            #gallery-wrapper #gallery-pager .next a {
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                z-index: 10
            }

#site_statistics {
    height: 170px
}

.statistic h3 {
    margin-top: 0px
}

    .statistic h3 .icon {
        vertical-align: -6px
    }

.statistic .flot-text {
    color: rgba(0, 0, 0, 0.7) !important
}

.car-detail {
    margin-bottom: 20px
}

    .car-detail .heading {
        margin: 20px 0px
    }

        .car-detail .heading .subtitle {
            color: #404040
        }

    .car-detail .overview {
        width: 100%;
        display: inline-block;
        font-size: 13px;
        margin-bottom: 30px
    }

        .car-detail .overview .producer-logo {
            text-align: center;
            margin-bottom: 20px
        }

        .car-detail .overview .info {
            border-top: 1px solid #f0f0f0;
            padding: 10px;
            font-size: 12px
        }

            .car-detail .overview .info p {
                color: rgba(0, 0, 0, 0.6);
                margin-bottom: 0px
            }

        .car-detail .overview table td {
            border-width: 0px;
            padding: 0px
        }

        .car-detail .overview table tr {
            float: left;
            width: 100%;
            padding: 8px 0px;
            border-bottom: 1px dotted #d9d9d9
        }

            .car-detail .overview table tr:last-child {
                border-bottom-width: 0px
            }

        .car-detail .overview table .property {
            font-weight: bold;
            float: left
        }

        .car-detail .overview table .value {
            float: right;
            color: rgba(0, 0, 0, 0.6)
        }

        .car-detail .overview .actions {
            margin-top: 20px
        }

            .car-detail .overview .actions ul {
                list-style: none;
                margin: 0px;
                padding: 0px;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.6)
            }

                .car-detail .overview .actions ul li {
                    padding: 5px 0px;
                    line-height: 24px
                }

                    .car-detail .overview .actions ul li a {
                        color: rgba(0, 0, 0, 0.6);
                        display: block
                    }

                        .car-detail .overview .actions ul li a .icon {
                            color: rgba(0, 0, 0, 0.3);
                            font-size: 26px;
                            margin-right: 10px;
                            vertical-align: -7px
                        }

                        .car-detail .overview .actions ul li a:hover {
                            -webkit-transition: color 0.2s;
                            -moz-transition: color 0.2s;
                            -o-transition: color 0.2s;
                            transition: color 0.2s;
                            color: #f95446;
                            text-decoration: none
                        }

                            .car-detail .overview .actions ul li a:hover .icon {
                                -webkit-transition: color 0.2s;
                                -moz-transition: color 0.2s;
                                -o-transition: color 0.2s;
                                transition: color 0.2s;
                                color: #f95446
                            }

.action-buttons {
    margin-bottom: 20px
}

    .action-buttons .label {
        color: #797979;
        font-size: 14px;
        font-weight: bold;
        padding-left: 0px;
        padding-bottom: 0px
    }

    .action-buttons .buy-it-now .price {
        color: #f95446;
        font-weight: bold;
        font-size: 30px
    }

    .action-buttons .buy-it-financial .price {
        color: #0076a2;
        font-weight: bold;
        font-size: 30px
    }

    .action-buttons > div {
        display: inline-block;
        width: 49%
    }

.nav-tabs {
    border-width: 0px
}

    .nav-tabs .tab {
        width: 30%;
        text-align: center;
        font-size: 18px;
        border-radius: 0px
    }

        .nav-tabs .tab a {
            border-radius: 0px;
            border-width: 0px;
            background-color: transparent;
            background-color: #ececec;
            color: #727272
        }

        .nav-tabs .tab.active a {
            border-width: 0px;
            color: #f95446;
            background-color: #ffffff
        }

            .nav-tabs .tab.active a:hover {
                border-width: 0px
            }

.tab-wrapper {
    margin-top: 30px
}

ul.appliances {
    padding: 0px
}

    ul.appliances li {
        line-height: 28px;
        list-style: none
    }

        ul.appliances li span.dot {
            background-color: #f95446;
            border-radius: 50%;
            display: block;
            float: left;
            width: 6px;
            height: 6px;
            margin: 10px 14px 0px 0px
        }

.bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper {
    max-width: 100%
}

    .bx-wrapper .grid-item {
        min-height: 338px
    }

#grid-carousel-pager {
    position: absolute;
    bottom: -35px;
    right: 15px
}

    #grid-carousel-pager > div {
        display: inline-block
    }

        #grid-carousel-pager > div a {
            -webkit-transition: background-color 0.2s linear;
            -moz-transition: background-color 0.2s linear;
            -o-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;
            display: block;
            height: 30px;
            width: 30px
        }

    #grid-carousel-pager .next {
        background-color: #00658b
    }

        #grid-carousel-pager .next a {
            background: url("../img/arrow-right.png") no-repeat center
        }

            #grid-carousel-pager .next a:hover {
                background-color: #004058
            }

    #grid-carousel-pager .prev {
        background-color: #00658b;
        margin-right: -4px
    }

        #grid-carousel-pager .prev a {
            background: url("../img/arrow-left.png") no-repeat center
        }

            #grid-carousel-pager .prev a:hover {
                background-color: #004058
            }

.carousel.gallery-grid .carousel-indicators {
    bottom: -38px
}

    .carousel.gallery-grid .carousel-indicators li {
        border-color: #f95446;
        border-width: 1px;
        margin: 0px 3px
    }

        .carousel.gallery-grid .carousel-indicators li.active {
            background-color: #f95446;
            height: 10px;
            width: 10px
        }

.carousel.gallery-grid .carousel-control {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background-image: none
}

    .carousel.gallery-grid .carousel-control .icon {
        text-shadow: none;
        color: #f95446;
        left: -6px;
        margin-top: -11px;
        position: absolute;
        top: 50%
    }

    .carousel.gallery-grid .carousel-control.right .icon {
        left: auto;
        right: -6px
    }

.carousel.gallery-grid .item {
    padding: 0px 30px
}

    .carousel.gallery-grid .item .row {
        margin-bottom: 20px
    }

        .carousel.gallery-grid .item .row:last-child {
            margin-bottom: 0px
        }

        .carousel.gallery-grid .item .row .image {
            padding: 0px 10px;
            position: relative
        }

            .carousel.gallery-grid .item .row .image img {
                height: auto;
                width: 100%
            }

            .carousel.gallery-grid .item .row .image .badge {
                text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                background-color: #f95446;
                border-radius: 0px;
                color: #fff;
                font-size: 11px;
                font-weight: bold;
                left: 5px;
                position: absolute;
                top: 5px
            }

            .carousel.gallery-grid .item .row .image a {
                display: block;
                position: relative;
                overflow: hidden
            }

                .carousel.gallery-grid .item .row .image a .hover {
                    -webkit-transition: margin-top 0.2s linear;
                    -moz-transition: margin-top 0.2s linear;
                    -o-transition: margin-top 0.2s linear;
                    transition: margin-top 0.2s linear;
                    background-color: rgba(0, 0, 0, 0.2);
                    height: 100%;
                    left: 0px;
                    margin-top: -100%;
                    position: absolute;
                    right: 0px;
                    text-align: center;
                    z-index: 10
                }

                    .carousel.gallery-grid .item .row .image a .hover .hover-inner {
                        bottom: 0;
                        height: 20px;
                        left: 0;
                        margin: auto;
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 20px
                    }

                        .carousel.gallery-grid .item .row .image a .hover .hover-inner .icon {
                            color: #fff;
                            display: block;
                            font-size: 26px;
                            margin-left: -5px;
                            margin-top: -5px
                        }

                .carousel.gallery-grid .item .row .image a:hover .hover {
                    margin-top: 0%
                }

.grid-item-video .video {
    text-decoration: none;
    display: inline-block;
    background-color: transparent !important;
    text-align: center
}

    .grid-item-video .video:hover {
        text-decoration: none
    }

    .grid-item-video .video .icon {
        font-size: 90px;
        position: absolute;
        left: 0px;
        margin-top: -45px;
        top: 50%;
        width: 100%
    }

.grid-item-video .picture img {
    width: 100%
}

.grid-item-video .title h3 {
    margin-top: 10px;
    margin-bottom: 3px
}

    .grid-item-video .title h3 a {
        color: #ffffff;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        font-weight: bold
    }

        .grid-item-video .title h3 a:hover {
            text-decoration: none
        }

.grid-item-video .meta {
    color: rgba(255, 255, 255, 0.6)
}

    .grid-item-video .meta ul {
        list-style: none;
        padding: 0px
    }

        .grid-item-video .meta ul li .icon {
            font-size: 18px;
            margin-right: 5px;
            vertical-align: -5px
        }

@media (max-width: 991px) {
    .grid-item-video .video .icon {
        top: 10px
    }
}

.block .grid-item.article .inner {
    color: rgba(0, 0, 0, 0.6)
}

    .block .grid-item.article .inner .inner-content {
        padding: 10px
    }

        .block .grid-item.article .inner .inner-content p {
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
            color: #252525
        }

        .block .grid-item.article .inner .inner-content .title {
            margin: 0px 0px 10px 0px
        }

            .block .grid-item.article .inner .inner-content .title h3 {
                text-align: left;
                padding: 0px;
                margin: 0px
            }

        .block .grid-item.article .inner .inner-content .type {
            color: #f95446;
            margin-bottom: 10px
        }

        .block .grid-item.article .inner .inner-content .meta {
            color: rgba(0, 0, 0, 0.6);
            border-top-width: 0px;
            padding: 0px;
            font-size: 11px
        }

            .block .grid-item.article .inner .inner-content .meta ul {
                list-style: none;
                padding: 0px
            }

                .block .grid-item.article .inner .inner-content .meta ul li {
                    margin-right: 15px;
                    width: auto;
                    padding: 0px
                }

                    .block .grid-item.article .inner .inner-content .meta ul li .icon {
                        font-size: 18px;
                        margin-right: 5px;
                        vertical-align: -4px
                    }

.block .row-item.article .inner {
    color: rgba(0, 0, 0, 0.6)
}

    .block .row-item.article .inner .type {
        color: #f95446;
        margin-bottom: 10px
    }

    .block .row-item.article .inner p {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        color: #252525
    }

    .block .row-item.article .inner .meta {
        border-top-width: 0px;
        padding: 0px;
        font-size: 11px
    }

        .block .row-item.article .inner .meta ul {
            list-style: none;
            padding: 0px;
            width: 100%
        }

            .block .row-item.article .inner .meta ul li {
                background-color: transparent;
                padding: 0px;
                margin-right: 10px;
                color: rgba(0, 0, 0, 0.6);
                line-height: 24px
            }

                .block .row-item.article .inner .meta ul li .icon {
                    font-size: 18px;
                    margin-right: 5px;
                    vertical-align: -4px
                }

                .block .row-item.article .inner .meta ul li.read-more {
                    float: right
                }

                    .block .row-item.article .inner .meta ul li.read-more a {
                        padding: 5px;
                        font-size: 12px
                    }

                        .block .row-item.article .inner .meta ul li.read-more a .icon {
                            margin-right: 0px
                        }

#sort-form {
    margin: 0px
}

    #sort-form p {
        line-height: 40px;
        margin: 0px
    }

    #sort-form .form-group {
        line-height: 26px;
        margin: 0px
    }

.page-rental .sort .block-inner,
.page-filter .sort .block-inner {
    display: inline-block;
    width: 100%
}

.page-rental .sort p,
.page-filter .sort p {
    margin-top: 13px;
    color: rgba(0, 0, 0, 0.7)
}

#filter-pager .pager {
    padding: 0px;
    margin: 0px
}

    #filter-pager .pager ul {
        margin: 0px;
        padding: 0px
    }

        #filter-pager .pager ul .page {
            display: inline-block;
            margin: 0px 5px
        }

            #filter-pager .pager ul .page a {
                -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                border-width: 0px;
                border-radius: 0px;
                padding: 10px 14px;
                text-align: center
            }

                #filter-pager .pager ul .page a:hover {
                    background-color: #f95446;
                    color: #ffffff
                }

            #filter-pager .pager ul .page.page-active a {
                background-color: #f95446;
                color: #ffffff
            }

    #filter-pager .pager .page-controls:first-child {
        float: left
    }

    #filter-pager .pager .page-controls:last-child {
        float: right
    }

@media (max-width: 768px) {
    #filter-pager .pager ul li .page-prev {
        float: none !important;
        margin-bottom: 10px
    }

    #filter-pager .pager ul li .page-next {
        float: none !important;
        margin-top: 10px
    }

    #filter-pager .pager ul li .dots {
        display: none
    }
}

.filter-cars .form-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

    .filter-cars .form-section:last-child {
        border-bottom-width: 0px
    }

    .filter-cars .form-section.form-colors {
        padding-top: 20px;
        text-align: center
    }

        .filter-cars .form-section.form-colors .form-color.checkbox {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 0px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            margin-right: 8px;
            margin-bottom: 8px
        }

            .filter-cars .form-section.form-colors .form-color.checkbox .ez-checkbox {
                background-color: #ffffff;
                border: 3px solid #ffffff;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 100%
            }

                .filter-cars .form-section.form-colors .form-color.checkbox .ez-checkbox.ez-checked {
                    border: 3px solid #fcafa9;
                    background-color: #fff;
                    background-image: none
                }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-white .ez-checkbox {
                background-color: #ffffff
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-silver .ez-checkbox {
                background-color: #faf9fb
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-black .ez-checkbox {
                background-color: #202a24
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-brown .ez-checkbox {
                background-color: #9c7b69
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-red .ez-checkbox {
                background-color: #fb556d
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-green .ez-checkbox {
                background-color: #5aba75
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-yellow .ez-checkbox {
                background-color: #e7dd00
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-orange .ez-checkbox {
                background-color: #e79503
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-blue .ez-checkbox {
                background-color: #7acae7
            }

            .filter-cars .form-section.form-colors .form-color.checkbox.color-dark-red .ez-checkbox {
                background-color: #a01316
            }

.filter-cars .filter-range-slider {
    width: 100%;
    height: 80px;
    padding-top: 50px;
    display: block
}

.filter-cars .jslider .jslider-pointer {
    border-radius: 50%;
    border: 4px solid #f95446;
    background-image: none;
    width: 16px;
    height: 16px;
    background-color: #ffffff
}

@media (max-width: 992px) {
    .filter-cars .jslider .jslider-pointer {
        width: 24px;
        height: 24px;
        margin-top: -5px
    }

        .filter-cars .jslider .jslider-pointer.jslider-pointer-to {
            margin-left: -20px
        }
}

.filter-cars .jslider .jslider-value {
    background-color: #003e55;
    color: #ffffff;
    font-size: 12px;
    padding: 5px;
    margin-top: -10px
}

@media (max-width: 992px) {
    .filter-cars .jslider .jslider-value {
        margin-top: -15px
    }
}

.filter-cars .jslider .jslider-label {
    font-size: 11px;
    padding: 5px;
    margin-top: -10px
}

@media (max-width: 992px) {
    .filter-cars .jslider .jslider-label {
        margin-top: -15px
    }
}

.filter-cars .jslider .jslider-bg .l {
    background-image: none;
    background-color: #eaeaea
}

.filter-cars .jslider .jslider-bg .r {
    background-image: none;
    background-color: #eaeaea
}

.filter-cars .jslider .jslider-bg .f {
    background-image: none;
    background-color: #eaeaea
}

.filter-cars .jslider .jslider-bg .v {
    background-image: none;
    background-color: #f95446
}

.testimonials-block {
    margin-bottom: -20px
}

    .testimonials-block .testimonial {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 20px;
        position: relative
    }

        .testimonials-block .testimonial .inner {
            padding: 15px
        }

        .testimonials-block .testimonial .picture img {
            width: 100%
        }

        .testimonials-block .testimonial .quote {
            margin-top: 10px;
            color: #868686;
            display: block;
            font-size: 13px
        }

        .testimonials-block .testimonial .star-rating {
            display: block
        }

            .testimonials-block .testimonial .star-rating.star-rating-readonly {
                cursor: inherit
            }

        .testimonials-block .testimonial .author {
            display: block
        }

.features-block {
    margin: 75px 0px 50px 0px
}

    .features-block h3 {
        color: #003e55;
        font-size: 24px;
        font-weight: normal;
        margin-top: 50px
    }

    .features-block p {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6
    }

    .features-block .feature .feature-icon {
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        background-color: #f95446;
        border-radius: 50%;
        cursor: pointer;
        font-size: 72px;
        height: 130px;
        line-height: 145px;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 130px
    }

        .features-block .feature .feature-icon .feature-icon-inverse {
            -webkit-transition: bottom 0.2s linear, margin-top 0.2s linear;
            -moz-transition: bottom 0.2s linear, margin-top 0.2s linear;
            -o-transition: bottom 0.2s linear, margin-top 0.2s linear;
            transition: bottom 0.2s linear, margin-top 0.2s linear;
            bottom: 130px;
            color: #f95446;
            height: 130px;
            position: absolute;
            width: 130px
        }

        .features-block .feature .feature-icon .feature-icon-normal {
            -webkit-transition: bottom 0.2s linear;
            -moz-transition: bottom 0.2s linear;
            -o-transition: bottom 0.2s linear;
            transition: bottom 0.2s linear;
            bottom: 0px;
            color: #fff;
            height: 130px;
            left: 0px;
            position: absolute;
            width: 130px
        }

        .features-block .feature .feature-icon:hover {
            background-color: #fff
        }

            .features-block .feature .feature-icon:hover .feature-icon-inverse {
                bottom: 0px
            }

            .features-block .feature .feature-icon:hover .feature-icon-normal {
                bottom: -130px
            }

@media (min-width: 992px) and (max-width: 1200px) {
    .features-block .feature .feature-icon {
        font-size: 50px;
        height: 105px;
        line-height: 120px;
        width: 105px
    }

        .features-block .feature .feature-icon .feature-icon-inverse {
            height: 105px;
            width: 105px
        }

        .features-block .feature .feature-icon .feature-icon-normal {
            height: 105px;
            width: 105px
        }
}

@media (max-width: 767px) {
    .features-block .feature {
        margin-bottom: 20px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .features-block h3 {
        margin-top: 40px
    }
}

@media (max-width: 992px) {
    .features-block .feature-icon {
        margin-left: auto;
        margin-right: auto
    }

    .features-block h3 {
        text-align: center;
        margin-top: 20px
    }

    .features-block p {
        text-align: center
    }
}

.partners-block .inner-block {
    padding: 30px
}

    .partners-block .inner-block .partner img {
        -webkit-filter: grayscale(50%);
        -moz-filter: grayscale(50%);
        filter: grayscale(50%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        display: block;
        margin-left: auto;
        margin-right: auto;
        opacity: 0.8
    }

        .partners-block .inner-block .partner img:hover {
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            filter: grayscale(0%);
            opacity: 1
        }

@media (max-width: 768px) {
    .partners-block .inner-block .partner {
        margin-bottom: 20px
    }
}

#footer {
    color: #ffffff;
    background-color: #333333;
    padding-bottom: 30px
}

    #footer .block {
        margin-bottom: 30px
    }

        #footer .block hr {
            border-top: 1px solid rgba(255, 255, 255, 0.1)
        }

        #footer .block h2 {
            margin-bottom: 30px
        }

        #footer .block.random-cars .teaser-item {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1)
        }

            #footer .block.random-cars .teaser-item:last-child {
                border: 0px
            }

            #footer .block.random-cars .teaser-item .picture {
                margin-bottom: 10px;
                position: relative
            }

                #footer .block.random-cars .teaser-item .picture .hover {
                    -webkit-transition: margin-top 0.2s linear;
                    -moz-transition: margin-top 0.2s linear;
                    -o-transition: margin-top 0.2s linear;
                    transition: margin-top 0.2s linear;
                    background-color: rgba(0, 0, 0, 0.2);
                    height: 100%;
                    left: 0px;
                    margin-top: -100%;
                    position: absolute;
                    right: 0px;
                    text-align: center
                }

                    #footer .block.random-cars .teaser-item .picture .hover .hover-inner {
                        bottom: 0;
                        height: 20px;
                        left: 0;
                        margin: auto;
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 20px
                    }

                        #footer .block.random-cars .teaser-item .picture .hover .hover-inner .icon {
                            color: #fff;
                            display: block;
                            font-size: 36px;
                            margin-left: -8px;
                            margin-top: -8px
                        }

                #footer .block.random-cars .teaser-item .picture:hover .hover {
                    margin-top: 0%
                }

            #footer .block.random-cars .teaser-item .price {
                color: #fff
            }

            #footer .block.random-cars .teaser-item .title a {
                font-size: 16px;
                font-weight: 600;
                line-height: 1;
                margin-bottom: 0px
            }

            #footer .block.random-cars .teaser-item p {
                line-height: 16px
            }

        #footer .block .opening-hours .day {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            line-height: 30px
        }

            #footer .block .opening-hours .day:last-child {
                border-bottom: 0px
            }

            #footer .block .opening-hours .day .name {
                font-family: 'Titillium Web', sans-serif;
                float: left;
                font-weight: bold
            }

            #footer .block .opening-hours .day .hours {
                font-family: 'Titillium Web', sans-serif;
                float: right
            }

                #footer .block .opening-hours .day .hours i {
                    font-size: 18px;
                    font-weight: normal;
                    vertical-align: -4px
                }

    #footer .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 15px;
        padding-top: 15px
    }

        #footer .footer-bottom .separator {
            filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
            opacity: 0.6;
            padding: 0px 8px
        }

        #footer .footer-bottom .copyright {
            float: left
        }

@media (max-width: 767px) {
    #footer .footer-bottom .copyright {
        float: none;
        text-align: center
    }
}

#footer .footer-bottom .nav.nav-pills {
    float: right
}

    #footer .footer-bottom .nav.nav-pills li {
        margin-left: 20px
    }

        #footer .footer-bottom .nav.nav-pills li a {
            color: #fff;
            padding: 0px
        }

            #footer .footer-bottom .nav.nav-pills li a:hover {
                background-color: transparent;
                text-decoration: underline
            }

@media (max-width: 767px) {
    #footer .footer-bottom .nav.nav-pills {
        float: none;
        margin: 20px 0px 0px 0px
    }

        #footer .footer-bottom .nav.nav-pills li {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            float: none;
            line-height: 30px;
            margin: 0px
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #footer .footer-bottom {
        margin-top: 30px
    }
}

#map {
    width: 100%;
    height: 220px
}

#magazine-slider .inline-description {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 20px;
    position: absolute;
    height: 120px;
    margin-top: -119px;
    width: 100%;
    z-index: 10
}

    #magazine-slider .inline-description .title {
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 400
    }

#magazine-slider-pager {
    color: #ffffff;
    margin-bottom: -10px;
    margin-left: -30px;
    margin-top: -10px;
    padding: 10px
}

    #magazine-slider-pager .bx-page {
        color: rgba(255, 255, 255, 0.6);
        margin-left: -10px;
        margin-right: -11px;
        position: relative
    }

        #magazine-slider-pager .bx-page:last-child a .inner {
            border-bottom-width: 0px;
            padding-bottom: 24px
        }

        #magazine-slider-pager .bx-page a {
            display: block;
            position: relative
        }

            #magazine-slider-pager .bx-page a span {
                display: block
            }

            #magazine-slider-pager .bx-page a .inner {
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                padding: 22px 10px
            }

            #magazine-slider-pager .bx-page a .title {
                color: #fff;
                font-family: 'Arial', sans-serif;
                font-weight: bold;
                font-size: 14px;
                line-height: 15px;
                margin-bottom: 5px
            }

            #magazine-slider-pager .bx-page a .meta .icon {
                font-size: 18px;
                margin-right: 5px;
                vertical-align: -4px
            }

            #magazine-slider-pager .bx-page a .meta .date,
            #magazine-slider-pager .bx-page a .meta .comments {
                color: rgba(255, 255, 255, 0.7);
                margin-right: 10px;
                display: inline-block
            }

            #magazine-slider-pager .bx-page a:hover {
                background-color: #fff;
                color: rgba(0, 0, 0, 0.7);
                text-decoration: none
            }

                #magazine-slider-pager .bx-page a:hover:before {
                    content: '';
                    position: absolute;
                    border: 7px solid transparent;
                    border-right-color: #fff;
                    height: 0px;
                    margin-top: -6px;
                    position: absolute;
                    left: -14px;
                    top: 50%;
                    width: 0px
                }

                #magazine-slider-pager .bx-page a:hover .title {
                    color: #0076a2;
                    text-decoration: none
                }

                #magazine-slider-pager .bx-page a:hover .meta .date,
                #magazine-slider-pager .bx-page a:hover .meta .comments {
                    color: rgba(0, 0, 0, 0.7)
                }

        #magazine-slider-pager .bx-page.active {
            background-color: #fff;
            color: rgba(0, 0, 0, 0.7);
            text-decoration: none
        }

            #magazine-slider-pager .bx-page.active a:before {
                content: '';
                position: absolute;
                border: 7px solid transparent;
                border-right-color: #fff;
                height: 0px;
                margin-top: -6px;
                position: absolute;
                left: -14px;
                top: 50%;
                width: 0px
            }

            #magazine-slider-pager .bx-page.active a .title {
                color: #0076a2;
                text-decoration: none
            }

            #magazine-slider-pager .bx-page.active a .meta .date,
            #magazine-slider-pager .bx-page.active a .meta .comments {
                color: rgba(0, 0, 0, 0.7)
            }

#progress {
    background-color: #bfbfc8;
    background: url("../img/progress-background.png") center center repeat-y transparent
}

    #progress .progress-step {
        color: #ffffff;
        min-height: 50px;
        display: block
    }

        #progress .progress-step > div {
            display: inline-block
        }

        #progress .progress-step .title {
            font-size: 20px
        }

        #progress .progress-step .circle {
            border-radius: 50%;
            background-color: #f95446;
            color: #ffffff;
            font-size: 20px;
            text-align: center;
            width: 50px;
            height: 50px;
            margin-right: 15px
        }

        #progress .progress-step.done .circle {
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
            font-size: 32px;
            opacity: 0.7
        }

        #progress .progress-step.inactive .circle {
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
            background-color: transparent;
            opacity: 0.7;
            border: 4px solid #f95446;
            line-height: 42px
        }

        #progress .progress-step.active .circle {
            background-color: #f95446;
            line-height: 50px
        }

        #progress .progress-step:hover {
            text-decoration: none;
            font-size: 1000
        }

            #progress .progress-step:hover .circle {
                opacity: 1
            }

@media (max-width: 992px) {
    #progress .progress-step .circle {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    #progress .progress-step .title {
        text-align: center;
        display: block;
        margin-top: 10px
    }
}

@media (max-width: 768px) {
    #progress {
        padding-bottom: 0px
    }

        #progress .progress-step {
            margin-bottom: 20px
        }
}

.extras-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 10px
}

    .extras-item:last-child {
        border-bottom-width: 0px;
        padding-bottom: 0px
    }

    .extras-item .extra-icon {
        display: block
    }

        .extras-item .extra-icon .icon {
            display: block;
            font-size: 56px;
            padding: 10px;
            text-align: center
        }

    .extras-item .title {
        font-size: 18px;
        font-weight: bold
    }

    .extras-item .price {
        color: #f95446;
        font-size: 15px;
        font-weight: bold
    }

    .extras-item p {
        color: rgba(0, 0, 0, 0.6)
    }

    .extras-item form {
        padding: 20px 0px
    }

        .extras-item form select {
            width: 40px !important
        }

        .extras-item form .chosen-container-single {
            text-align: center
        }

        .extras-item form .checkbox {
            margin-left: 15px;
            margin-top: 5px
        }

.checkout-actions {
    margin-top: 20px
}

    .checkout-actions a {
        font-weight: bold
    }

.checkout .chosen-container-single .chosen-single {
    background: none;
    background-picture: none;
    background-color: #f8f8f8;
    padding: 4px 8px;
    height: auto !important
}

.checkout .form-section {
    margin-bottom: 30px
}

    .checkout .form-section:last-child {
        margin-bottom: 0px
    }

    .checkout .form-section .form-inline .form-group {
        margin-right: 15px
    }

.checkout .block-title {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px
}

    .checkout .block-title h3 {
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 15px
    }

#content.rental #highlighted {
    background: url("../img/rental-background.jpg") top center no-repeat transparent;
    min-height: 500px;
    overflow: visible
}

    #content.rental #highlighted #reservation-form {
        margin-top: 30px
    }

        #content.rental #highlighted #reservation-form .button-group {
            margin-bottom: 0px
        }

    #content.rental #highlighted .block .block-title h3 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 10px;
        margin: 0px 0px 15px 0px
    }

    #content.rental #highlighted .teaser {
        margin-top: 185px
    }

        #content.rental #highlighted .teaser .title {
            border-bottom: 1px solid #f95446;
            padding-bottom: 20px
        }

            #content.rental #highlighted .teaser .title h1 {
                text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
                color: #ffffff;
                font-size: 48px;
                font-weight: bold
            }

        #content.rental #highlighted .teaser p {
            text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
            color: #ffffff;
            font-size: 18px;
            padding-top: 20px
        }

#content.rental .features-block {
    margin-top: 0px
}

#content.rental .testimonials-block {
    margin: 0px 0px 50px 0px
}

.summary table {
    width: 100%
}

.summary td {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px
}

    .summary td.title {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0px
    }

.summary label {
    color: rgba(0, 0, 0, 0.6)
}

.summary .subtotal {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px 0px 0px
}

    .summary .subtotal .title {
        color: #f95446;
        font-size: 14px;
        font-weight: bold;
        float: left
    }

    .summary .subtotal .value {
        font-size: 14px;
        float: right
    }

.extras table {
    width: 100%
}

.extras td.title {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px
}

.extras td.value {
    font-size: 14px;
    text-align: right
}

.extras .total {
    background-color: #003e55;
    display: inline-block;
    padding: 20px 15px;
    width: 100%;
    margin-bottom: -5px
}

    .extras .total .title {
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        float: left
    }

    .extras .total .value {
        color: #ffffff;
        font-size: 24px;
        float: right
    }

ul.credit-cards {
    padding: 0px
}

    ul.credit-cards li {
        display: inline-block;
        margin-right: 15px;
        list-style: none
    }

#checkout-cars .row-item-checkout {
    padding: 0px
}

.row-item.row-item-checkout .favorite {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #00374b;
    padding: 10px;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 101
}

    .row-item.row-item-checkout .favorite a {
        color: #fff;
        text-decoration: none
    }

        .row-item.row-item-checkout .favorite a i {
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
            display: inline-block
        }

            .row-item.row-item-checkout .favorite a i:hover {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

        .row-item.row-item-checkout .favorite a:hover i {
            -webkit-transform: rotate(15deg);
            -moz-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            transform: rotate(15deg)
        }

.row-item.row-item-checkout .select-car {
    float: right;
    padding: 10px;
    margin-top: 15px;
    margin-right: 10px;
    width: 150px
}

    .row-item.row-item-checkout .select-car .btn {
        border-radius: 5px;
        margin-bottom: 15px;
        font-weight: bold
    }

@media (max-width: 992px) {
    .row-item.row-item-checkout .content-inner {
        padding: 20px
    }
}

@media (max-width: 768px) {
    .row-item.row-item-checkout .select-car {
        float: none;
        width: 100%;
        padding: 10px 0px;
        margin: 0px;
        display: inline-block
    }

        .row-item.row-item-checkout .select-car a {
            float: left;
            width: 40%;
            margin-right: 10px
        }

        .row-item.row-item-checkout .select-car p {
            float: left;
            width: 50%
        }
}

.row-item.row-item-checkout .inner .price {
    font-size: 24px !important;
    line-height: 1;
    margin-bottom: 0px !important
}

.row-item.row-item-checkout .inner .subtitle {
    display: inline-block
}

.row-item.row-item-checkout .inner .show-on-map {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6)
}

    .row-item.row-item-checkout .inner .show-on-map i {
        color: #000
    }

.row-item.row-item-checkout .inner .class {
    padding: 10px 0px
}

    .row-item.row-item-checkout .inner .class .label {
        color: #252525;
        font-size: 12px;
        padding: 0px
    }

.faq-page .heading .title h1 {
    margin-top: 30px
}

.faq-page .faq-item {
    margin-bottom: 20px
}

    .faq-page .faq-item .block-title {
        color: #0076a2
    }

        .faq-page .faq-item .block-title h2 {
            margin-top: 0px
        }

    .faq-page .faq-item .question-mark {
        color: #f95446;
        display: block;
        text-align: center
    }

        .faq-page .faq-item .question-mark i {
            font-size: 36px
        }

    .faq-page .faq-item .answer {
        color: rgba(0, 0, 0, 0.6)
    }

    .faq-page .faq-item .actions {
        color: rgba(0, 0, 0, 0.6);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 10px
    }

        .faq-page .faq-item .actions a i {
            color: rgba(0, 0, 0, 0.3);
            font-size: 18px;
            display: inline-block;
            margin-top: -4px;
            margin-left: 3px
        }

        .faq-page .faq-item .actions a:hover {
            text-decoration: none
        }

        .faq-page .faq-item .actions a:first-child {
            margin-left: 20px;
            margin-right: 10px
        }

.faq-page ul.categories {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    display: inline-block
}

    .faq-page ul.categories li {
        margin-bottom: 5px;
        line-height: 20px;
        padding: 3px 0px;
        display: block;
        width: 100%;
        float: left
    }

        .faq-page ul.categories li .dot-wrapper {
            display: inline-block;
            float: left
        }

            .faq-page ul.categories li .dot-wrapper .dot {
                background-color: #f95446;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                margin-right: 10px;
                height: 14px;
                width: 14px;
                margin-top: 3px
            }

                .faq-page ul.categories li .dot-wrapper .dot i {
                    display: block
                }

        .faq-page ul.categories li a {
            color: #363636;
            float: left
        }

        .faq-page ul.categories li .number {
            background-color: #c9c9c9;
            float: left;
            padding: 0px 4px;
            border-radius: 3px;
            color: #fff;
            display: inline-contact-mapblock;
            font-size: 11px;
            margin-left: 8px
        }

.pricing-page .headline {
    font-family: "Source Sans Pro";
    font-size: 30px;
    text-align: center;
    padding: 40px 0px 60px 0px
}

.pricing-page .heading .title h1 {
    margin-top: 30px
}

.pricing-page .pricing {
    margin-bottom: 60px
}

    .pricing-page .pricing .pricing-package {
        -webkit-transition: margin 0.2s;
        -moz-transition: margin 0.2s;
        -o-transition: margin 0.2s;
        transition: margin 0.2s
    }

        .pricing-page .pricing .pricing-package:hover {
            margin-top: -10px;
            margin-bottom: 10px
        }

            .pricing-page .pricing .pricing-package:hover.popular > .block-inner > .popular-label {
                top: -18px;
                left: 8px
            }

        .pricing-page .pricing .pricing-package .title {
            text-align: center
        }

            .pricing-page .pricing .pricing-package .title h2 {
                color: #f95446;
                font-size: 36px;
                font-weight: 700;
                margin-top: 0px;
                margin-bottom: 20px
            }

        .pricing-page .pricing .pricing-package .price {
            color: #003e55;
            text-align: center;
            font-family: "Source Sans Pro";
            font-size: 24px;
            font-weight: 200
        }

        .pricing-page .pricing .pricing-package.popular > .block-inner {
            border: 5px solid #00374b;
            padding: 10px
        }

            .pricing-page .pricing .pricing-package.popular > .block-inner > .popular-label {
                -webkit-transition: top 0.2s;
                -moz-transition: top 0.2s;
                -o-transition: top 0.2s;
                transition: top 0.2s;
                color: #fff;
                background-color: #00374b;
                font-weight: bold;
                font-size: 14px;
                padding: 8px 10px;
                position: absolute;
                top: -8px;
                left: 8px
            }

        .pricing-page .pricing .pricing-package .action-button {
            text-align: center;
            margin-bottom: 10px
        }

            .pricing-page .pricing .pricing-package .action-button a {
                border-radius: 5px;
                padding: 10px 30px;
                width: auto;
                -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
            }

    .pricing-page .pricing .product ul.product-list {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        list-style: none;
        text-align: center
    }

        .pricing-page .pricing .product ul.product-list li {
            color: rgba(0, 0, 0, 0.7);
            font-size: 14px;
            line-height: 36px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1)
        }

            .pricing-page .pricing .product ul.product-list li:last-child {
                border-bottom-width: 0px
            }

.page-404 .heading .title h1 {
    margin-top: 30px
}

.page-404 .not-found {
    padding: 40px 0px
}

    .page-404 .not-found .not-found-icon {
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        background-color: #f95446;
        border-radius: 50%;
        font-size: 72px;
        line-height: 150px;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 150px;
        height: 150px;
        margin-left: auto;
        margin-right: auto
    }

        .page-404 .not-found .not-found-icon .not-found-icon-normal {
            -webkit-transition: bottom 0.2s linear;
            -moz-transition: bottom 0.2s linear;
            -o-transition: bottom 0.2s linear;
            transition: bottom 0.2s linear;
            text-align: center;
            color: #fff
        }

    .page-404 .not-found .title h2 {
        font-weight: bold;
        text-align: center
    }

    .page-404 .not-found .subtitle h3 {
        text-align: center
    }

.page-about .heading .title h1 {
    margin-top: 30px
}

.page-about .article .picture {
    margin-bottom: 20px
}

    .page-about .article .picture img {
        width: 100%
    }

.page-about .article .title h2 {
    margin-top: 0px
}

.page-about .article .subtitle h3 {
    color: rgba(0, 0, 0, 0.5) !important;
    margin-top: 10px
}

.page-about .article .description {
    margin-top: 20px
}

    .page-about .article .description p {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.6)
    }

.page-about .article .social {
    width: 100%;
    margin-top: 10px
}

    .page-about .article .social ul {
        float: none
    }

        .page-about .article .social ul li {
            float: none;
            display: inline-block
        }

.page-about .article .btn-primary {
    padding: 5px;
    margin-top: 10px
}

.page-about .team {
    margin-bottom: 30px
}

    .page-about .team .picture img {
        width: 100%
    }

    .page-about .team .social {
        width: 100%;
        margin-top: 10px
    }

        .page-about .team .social ul {
            text-align: center;
            float: none
        }

            .page-about .team .social ul li {
                text-align: center;
                float: none;
                display: inline-block
            }

    .page-about .team h2 {
        text-align: center
    }

    .page-about .team h4 {
        text-align: center
    }

.page-contact #contact-map {
    width: 100%;
    height: 360px
}

.page-contact .heading .title h1 {
    margin-top: 30px
}

.page-contact .block {
    min-height: 245px
}

    .page-contact .block.about {
        position: relative;
        display: inline-block;
        font-size: 12px;
        line-height: 20px
    }

        .page-contact .block.about .social {
            width: 100%;
            margin: 15px 0px
        }

            .page-contact .block.about .social ul {
                text-align: center;
                float: none;
                padding: 0px
            }

                .page-contact .block.about .social ul li {
                    text-align: center;
                    float: none;
                    display: inline-block
                }

    .page-contact .block.contact .icon {
        font-size: 18px;
        margin-right: 10px
    }

    .page-contact .block.contact p {
        margin: 10px 0px 15px 0px
    }

        .page-contact .block.contact p.address i,
        .page-contact .block.contact p.address span {
            display: inline-block
        }

        .page-contact .block.contact p.address i {
            margin-top: -38px
        }

    .page-contact .block .block-title h3 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 10px;
        margin-top: 0px
    }

    .page-contact .block .opening-hours .day {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        line-height: 30px
    }

        .page-contact .block .opening-hours .day:last-child {
            border-bottom: 0px
        }

        .page-contact .block .opening-hours .day .name {
            float: left;
            font-weight: bold
        }

        .page-contact .block .opening-hours .day .hours {
            float: right
        }

            .page-contact .block .opening-hours .day .hours i {
                font-size: 18px;
                font-weight: normal;
                vertical-align: -4px
            }

.page-contact .textarea {
    margin-top: 30px
}

    .page-contact .textarea textarea {
        width: 100%;
        height: 220px
    }

@media (min-width: 768px) and (max-width: 990px) {
    .page-contact .block {
        min-height: 300px
    }
}

.article-page ul.categories {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    display: inline-block
}

    .article-page ul.categories li {
        margin-bottom: 5px;
        line-height: 20px;
        padding: 3px 0px;
        display: block;
        width: 100%;
        float: left
    }

        .article-page ul.categories li .dot-wrapper {
            display: inline-block;
            float: left
        }

            .article-page ul.categories li .dot-wrapper .dot {
                background-color: #f95446;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                margin-right: 10px;
                height: 14px;
                width: 14px;
                margin-top: 3px
            }

                .article-page ul.categories li .dot-wrapper .dot i {
                    display: block
                }

        .article-page ul.categories li a {
            color: #363636;
            float: left
        }

        .article-page ul.categories li .number {
            background-color: #c9c9c9;
            float: left;
            padding: 0px 4px;
            border-radius: 3px;
            color: #fff;
            display: inline-block;
            font-size: 11px;
            margin-left: 8px
        }

.article-page article {
    display: inline-block
}

    .article-page article h1 {
        color: #0076a2;
        margin-top: 0px
    }

        .article-page article h1 a {
            -webkit-transition: color 0.2s;
            -moz-transition: color 0.2s;
            -o-transition: color 0.2s;
            transition: color 0.2s;
            color: #0076a2
        }

            .article-page article h1 a:hover {
                text-decoration: none;
                color: #003e55
            }

    .article-page article .text p {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        line-height: 22px
    }

    .article-page article .picture img {
        width: 100%
    }

    .article-page article .meta {
        margin-bottom: 20px
    }

        .article-page article .meta ul {
            padding: 0px;
            list-style: none
        }

            .article-page article .meta ul li {
                display: inline-block;
                margin-right: 15px
            }

                .article-page article .meta ul li .icon {
                    color: rgba(0, 0, 0, 0.6);
                    font-size: 18px;
                    margin-right: 5px;
                    vertical-align: -4px
                }

    .article-page article .social {
        width: 100%;
        margin: 15px 0px;
        padding-top: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

        .article-page article .social ul {
            text-align: center;
            float: none;
            padding: 0px
        }

            .article-page article .social ul li {
                text-align: center;
                float: none;
                display: inline-block
            }

.article-page .comments .comment:last-child .block {
    margin-bottom: 0px
}

.article-page .comments .comment .content-inner {
    padding: 0px
}

@media (max-width: 768px) {
    .article-page .comments .comment .content-inner {
        padding: 10px 0px
    }
}

.article-page .comments .comment .block-inner {
    display: inline-block
}

.article-page .comments .comment .block-title {
    display: block
}

    .article-page .comments .comment .block-title h3 {
        color: #0076a2;
        float: left;
        margin-top: 0px
    }

    .article-page .comments .comment .block-title .btn {
        float: right
    }

.article-page .comments .comment .text p {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    line-height: 22px;
    margin: 0px
}

.article-page .comments .comment .meta ul {
    padding: 0px;
    list-style: none
}

    .article-page .comments .comment .meta ul .icon {
        color: rgba(0, 0, 0, 0.6);
        font-size: 18px;
        margin-right: 5px;
        vertical-align: -4px
    }

.article-page .comments .comment .picture img {
    width: 100%
}

ul.archive {
    padding: 0px
}

    ul.archive li {
        line-height: 28px;
        list-style: none
    }

        ul.archive li a {
            color: #363636;
            font-size: 14px
        }

        ul.archive li span.dot {
            background-color: #f95446;
            border-radius: 50%;
            display: block;
            float: left;
            width: 6px;
            height: 6px;
            margin: 10px 14px 0px 0px
        }

#page-heading {
    background-color: #bfbfc8;
    background: url("../img/progress-background.png") center center no-repeat transparent;
    height: 95px
}

    #page-heading .title {
        color: #fff
    }

        #page-heading .title h1 {
            margin-bottom: 0px
        }

    #page-heading .subtitle {
        color: rgba(255, 255, 255, 0.7)
    }

    #page-heading .action-buttons {
        margin-top: 18px
    }

        #page-heading .action-buttons > div {
            float: left;
            text-align: center;
            padding: 8px
        }

        #page-heading .action-buttons .buy-it-financial {
            background-color: #003e55
        }

            #page-heading .action-buttons .buy-it-financial .label {
                color: rgba(255, 255, 255, 0.7)
            }

            #page-heading .action-buttons .buy-it-financial .price {
                color: #fff;
                line-height: 26px
            }

        #page-heading .action-buttons .buy-it-now {
            background-color: #f95446
        }

            #page-heading .action-buttons .buy-it-now .label {
                color: rgba(255, 255, 255, 0.7)
            }

            #page-heading .action-buttons .buy-it-now .price {
                color: #fff;
                line-height: 26px
            }

#content.frontend .section:first-child {
    margin-top: -13px
}

.block-inner {
    padding: 15px
}

.content-inner {
    padding: 15px 0px
}

    .content-inner h1,
    .content-inner h2,
    .content-inner h3,
    .content-inner h4,
    .content-inner h5 {
        margin-top: 0px !important
    }

.block-margin {
    margin-bottom: 30px
}

.btn-primary {
    font-weight: 900
}

@media (max-width: 992px) {
    .sidebar {
        margin-top: 30px
    }
}

.sidebar .block {
    margin-bottom: 30px
}

    .sidebar .block:last-child {
        margin-bottom: 0px
    }

    .sidebar .block .block-inner {
        padding: 15px
    }

        .sidebar .block .block-inner .block-title {
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 15px
        }

            .sidebar .block .block-inner .block-title h3 {
                font-weight: normal;
                margin-top: 0px;
                margin-bottom: 15px
            }

.ui-slider {
    position: relative
}

    .ui-slider .ui-slider-handle {
        background-color: red;
        width: 10px;
        height: 10px;
        position: absolute
    }

    .ui-slider .ui-slider-range {
        background-color: blue;
        height: 6px;
        position: relative
    }

#newsletter .block-title {
    border-bottom-width: 0px
}

    #newsletter .block-title h3 {
        color: #ffffff
    }

#newsletter form .form-group:last-child {
    margin-bottom: 0px
}

.category-boxes {
    text-align: center;
    padding: 20px 0px
}

    /*.category-boxes .wrapper {
    -webkit-transition: background-color 0.2s, top 0.2s ease-in-out;
    -webkit-transition-delay: 0s, 0.2s;
    -moz-transition: background-color 0.2s, top 0.2s ease-in-out 0.2s;
    -o-transition: background-color 0.2s, top 0.2s ease-in-out 0.2s;
    transition: background-color 0.2s, top 0.2s ease-in-out 0.2s;
    position: relative;
    background-color: transparent;
    padding: 30px
}

.category-boxes .wrapper .options {
    position: absolute;
    padding: 0px 15px;
    height: 0px;
    background-color: #003e55;
    overflow: hidden;
    z-index: 30;
    margin-top: 15px
}*/

    /*.category-boxes .wrapper .options ul li {
    line-height: 25px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1)
}

.category-boxes .wrapper .options ul li:last-child {
    border-bottom-width: 0px
}

.category-boxes .wrapper .options ul li a {
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    color: #ffffff;
    font-size: 14px
}*/

    /*.category-boxes .wrapper .options ul li a:hover {
    color: #f95446;
    text-decoration: none
}

.category-boxes .wrapper:hover {
    background-color: #003e55;
    top: -80px
}*/

    /*.category-boxes .wrapper:hover .options {
    -webkit-transition: height 0.4s ease-in-out;
    -webkit-transition-delay: 0.4s;
    -moz-transition: height 0.4s ease-in-out 0.4s;
    -o-transition: height 0.4s ease-in-out 0.4s;
    transition: height 0.4s ease-in-out 0.4s;
    display: block;
    width: 100%;
    opacity: 1;
    left: 0;
    height: 180px
}*/

    .category-boxes .wrapper:hover .options ul {
        padding: 0px;
        margin: 0px;
        list-style: none
    }

    .category-boxes .wrapper .options ul {
        padding: 0px;
        margin: 0px;
        list-style: none
    }


    .category-boxes .wrapper:hover .picture {
        -webkit-transition: border-color 0.5s;
        -moz-transition: border-color 0.5s;
        -o-transition: border-color 0.5s;
        transition: border-color 0.5s;
        border-color: #A4F23D
    }
    /*
.category-boxes .wrapper:hover .meta {
    color: rgba(255, 255, 255, 0.8)
}

.category-boxes .wrapper:hover .meta .title a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #f95446
}

.category-boxes .wrapper:hover .meta .title a:hover {
    color: #f72615
}*/




    .category-boxes .wrapper .meta .offers {
        font-family: 'Open Sans', sans-serif;
        color: #666666;
        font-weight: 400;
        font-size: 15px;
    }

    .category-boxes .wrapper .picture {
        background-color: #f0f0f0;
        border-radius: 50%;
        border: 5px solid #f0f0f0;
        height: 205px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        position: relative;
        width: 205px;
    }

@media (min-width: 1171px) {
    .category-boxes .wrapper .picture {
        height: 195px;
        width: 195px;
    }
}


@media (min-width: 992px) and (max-width: 1170px) {
    .category-boxes .wrapper .picture {
        height: 175px;
        width: 175px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .category-boxes .wrapper .picture {
        margin-top: 12px;
        height: 195px;
        width: 195px
    }
}

@media (max-width: 767px) {
    .category-boxes .wrapper .picture {
        margin-top: 12px;
        height: 195px;
        width: 195px
    }
}

.category-boxes .wrapper .picture a {
    display: inline-block
}

    .category-boxes .wrapper .picture a .covered {
        background-color: #fff;
        background-position: center center;
        margin-left: -5px;
        margin-top: -5px;
    }

.category-boxes .wrapper .meta .title a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #333333;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 25px;
}

    .category-boxes .wrapper .meta .title a:hover {
        color: #003e55;
        text-decoration: none
    }

.brands ul {
    list-style: none;
    margin: -20px 0px 0px 0px;
    padding: 0px
}

    .brands ul li a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #252525;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: 60px;
        line-height: 60px
    }

        .brands ul li a img {
            margin-right: 10px
        }

        .brands ul li a:hover {
            text-decoration: none
        }

.latest-reviews .picture {
    margin-bottom: 10px
}

.latest-reviews .title {
    margin-bottom: 5px
}

    .latest-reviews .title a {
        color: #0076a2;
        font-size: 14px
    }

.latest-reviews .inner .item-wrapper .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px
}

@media (min-width: 768px) and (max-width: 990px) {
    .latest-reviews .inner .item-wrapper .item {
        border-bottom: 0px
    }
}

.latest-reviews .inner .item-wrapper .item .title {
    margin-top: 5px
}

    .latest-reviews .inner .item-wrapper .item .title a {
        text-decoration: none
    }

        .latest-reviews .inner .item-wrapper .item .title a:hover {
            color: #00516f
        }

.latest-reviews .inner .item-wrapper .item .date {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    margin-bottom: 5px
}

.latest-reviews .inner .item-wrapper .item .description {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

.latest-reviews .inner .item-wrapper:last-child .item {
    border: 0px;
    margin-bottom: 0px
}

    .latest-reviews .inner .item-wrapper:last-child .item .description p {
        margin-bottom: 0px
    }

#footer .random-cars .title a {
    color: #f95446
}

#footer .random-cars .subtitle {
    color: #ffffff
}

#footer .random-cars .meta ul li {
    background-color: #f95446
}

html {
    height: 100%;
    scroll-behavior: smooth;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    /*display: block;*/
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    min-height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 12px max-width: 100%;
    overflow-x: hidden;
}

    body i.icon {
        font-size: 24px;
        vertical-align: middle
    }

    body a {
        color: #f95446;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s
    }

        body a:hover {
            color: #d21707
        }

#footer a {
    color: white;
}

    #footer a:hover {
        color: white;
    }

#header {
    /*display: table-row;*/
    /*display: block;*/
    height: 1px
}

#content {
    /*display: table-row;*/
    display: block;
    vertical-align: top;
}

/*#footer {    
    height: 1px
}*/

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

    h1 .center,
    h2 .center,
    h3 .center,
    h4 .center,
    h5 .center,
    h6 .center,
    .title .center {
        text-align: center
    }

@media (min-width: 768px) and (max-width: 992px) {
    h1.center-sm,
    h2.center-sm,
    h3.center-sm,
    h4.center-sm,
    h5.center-sm,
    h6.center-sm,
    .title.center-sm {
        text-align: center
    }
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: normal
}

.section {
    /*padding: 20px 0px 20px 0px*/
    padding-top: 50px;
}

.small-padding {
    /*padding: 20px 0px 20px 0px*/
    padding-top: 10px;
}

.default {
    background-color: #003e55
}

.default-dark {
    background-color: #00374b
}

.underline {
    text-decoration: underline
}

.gray {
    background-color: #f0f0f0
}

.gray-light {
    background-color: #f8f8f8
}

.white {
    background-color: #ffffff
}

.block-shadow {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
}

.no-padding {
    padding: 0px !important
}

.gradient {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8e4ef), color-stop(100%, #e2e8ed));
    background: -webkit-linear-gradient(top, #d8e4ef, #e2e8ed);
    background: -moz-linear-gradient(top, #d8e4ef, #e2e8ed);
    background: -o-linear-gradient(top, #d8e4ef, #e2e8ed);
    background: linear-gradient(top, #d8e4ef, #e2e8ed)
}

.picture {
    overflow: hidden;
    position: relative
}

.page-header {
    border-bottom: 0px;
    display: table;
    margin: 20px 0px;
    padding: 0px;
    width: 100%
}

    .page-header.center .page-header-inner .heading h2 {
        padding-left: 30px
    }

    .page-header .page-header-inner {
        display: table-row
    }

        .page-header .page-header-inner .heading {
            display: table-cell;
            width: 1px;
            white-space: nowrap
        }

            .page-header .page-header-inner .heading h2 {
                font-size: 30px;
                font-weight: bold;
                margin: 10px 0px;
                padding-right: 30px
            }

        .page-header .page-header-inner .line {
            display: table-cell;
            vertical-align: middle
        }

            .page-header .page-header-inner .line hr {
                border: 0px;
                border-top: 1px solid rgba(0, 0, 0, 0.1);
                margin-top: 22px
            }

@media (max-width: 767px) {
    .page-header .page-header-inner .heading h1 {
        font-size: 24px
    }

    .page-header .page-header-inner .heading h2 {
        font-size: 18px
    }

    .page-header .page-header-inner .heading h3 {
        font-size: 14px
    }
}

.star-rating {
    height: 24px;
    margin-bottom: 15px
}

    .star-rating .star-rating-control .star {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        color: #f0f0f0;
        font-size: 24px;
        display: inline-block;
        width: 24px;
        height: 24px;
        cursor: pointer
    }

        .star-rating .star-rating-control .star.star-rating-on {
            color: #f95446
        }

        .star-rating .star-rating-control .star.star-rating-hover {
            color: #eb1908
        }

        .star-rating .star-rating-control .star a {
            text-indent: -9999px;
            display: block;
            width: 24px;
            height: 24px
        }

.jumbotronlogo {
    position: relative;
    background-image: url("../../assets_bazar/img/hero-corvette.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*height: 100%;*/
    margin: 0px;
    max-width: 100%;
    height: auto;
    display: block;
}

    .jumbotronlogo .after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        color: #fff;
        display: block;
        background: rgba(0, 0, 0, .48);
    }

.navbar-stripe {
    height: 60px;
    color: #FFF;
    background: rgba(0, 0, 0, .75);
}

.is-scrolling {
    background: #000000 !important;
    -webkit-box-shadow: 0 2px 42px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 42px rgba(0, 0, 0, 0.1);
}


.subhead-text {
    color: #666666;
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.subhead-text a{
    color: #666666;    
}

    .subhead-text a:hover {
        color: #666666;
        text-decoration:underline;
    }

.image-h {
    min-height: 250px;
    max-height: 250px;
}

.slogan-text {
    position: relative;
    top: 250px;
}

.hero-car {
    position: relative;
    top: 120px;
    left: 80px;
}


.gecko .image-h {
    min-height: 150px;
}

.gecko .top-padding {
    margin-top: 160px;
    /*        color: orange;*/
}

.jumbotronlogo h1 {
    font-size: 50px;
    margin-top: 50px;
}

.jumbotronlogo h2 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-top: 40px;
    color: #A4F23D;
}

@media (max-width: 576px) {
    .label {
        font-size: 60%;
    }
}

@media (max-width: 767px) {

    jumbotronlogo {
        background-size: fill;
        -webkit-background-size: fill;
        -moz-background-size: fill;
        -o-background-size: fill;
    }
        h1 {
        font-size: 23px;
    }

    h2 {
        font-size: 20px;
    }

    #content {
        margin-top: 400px;
    }

    .image-h {
        min-height: 400px;
        max-height: 400px;     

    }

    .gecko .image-h {
        min-height: 400px;
    }

    .gecko .top-padding {
        margin-top: 160px;
        /*        color: brown;*/
    }

    .jumbotronlogo h1 {
        font-size: 55px;
        margin-top: 50px;
    }

    .slogan-text {
        top: 100px;
    }

    .hero-car {
        top: 140px;
        left: 0px;
    }


    .jumbotronlogo h2 {
        font-size: 30px;
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .label {
        font-size: 70%;
    }

    h1 {
        font-size: 30px;
    }

    #content {
        margin-top: 350px;
    }

    .image-h {
        min-height: 350px;
        max-height: 350px;
    }

    .gecko .image-h {
        min-height: 350px;
    }

    .gecko .top-padding {
        margin-top: 90px;
        /*        color: green;*/
    }

    .jumbotronlogo h1 {
        font-size: 80px;
        margin-top: 60px;
    }

    .jumbotronlogo h2 {
        font-size: 30px;
        margin-top: 20px;
    }

    .slogan-text {
        top: 90px;
    }

}

@media (min-width: 992px) {
    h1 {
        font-size: 35px;
    }


    .label {
        font-size: 72%;
    }

    #content {
        margin-top: 450px;
    }

    .image-h {
        min-height: 450px;
        max-height: 450px;
    }

    .gecko .image-h {
        min-height: 450px;
    }

    .gecko .top-padding {
        margin-top: 40px;
        /*        color: pink;*/
    }

    .jumbotronlogo h1 {
        font-size: 150px;
        margin-top: 60px;
    }

    .slogan-text {
        top: 190px;
    }

    .jumbotronlogo h2 {
        font-size: 40px;
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    #content {
        margin-top: 800px;
    }

 

    .label {
        font-size: 75%;
    }

    .image-h {
        min-height: 800px;
        max-height: 800px;
    }

    .gecko .image-h {
        min-height: 800px;
        
    }

    .gecko .top-padding {
        margin-top: 20px;
        /*        color: aqua;*/
    }

    .jumbotronlogo h1 {
        font-size: 150px;
        margin-top: 60px;
    }

    .jumbotronlogo h2 {
        font-size: 60px;
        margin-top: 20px;
    }

    .slogan-text {
        position: relative;
        top: 300px;
    }

}



.shadow {
    text-shadow: 4px 4px 4px black;
}



.border-gray {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.border-gray-right {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.border-gray-left {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}


.share-btn {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
}



.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image-block {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.image-block-detail {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: top;
}




.container-fluid.list .info {
    width: 482px;
    height: 220px;
    border-right: 1px solid #CCC;
}

.images {
    float: left;
    width: 293px;
    height: 220px;
    position: relative;
    top: -1px;
}

/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

/*.inside {
  margin-top: 20px;
  margin-bottom: 20px;     
}*/
.inside-full-height {
    /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {

    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}


.ml-8 {
    margin-left: 8px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-16 {
    margin-right: 16px !important;
}


.mr-24 {
    margin-right: 24px !important;
}


.mr-32 {
    margin-right: 32px !important;
}


.mt-5 {
    margin-top: 5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-11 {
    margin-top: 11px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-14 {
    margin-top: 14px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}


.mt-1-minus {
    margin-top: -1px !important;
}

.mt-5-minus {
    margin-top: -5px !important;
}

.mt-15-minus {
    margin-top: -15px !important;
}

.mt-30-minus {
    margin-top: -30px !important;
}

.mt-50-minus {
    margin-top: -50px !important;
}



.vertical-align {
    display: flex;
    align-items: center;
}

.label-big {
    font-size: 18px;
}

.inner-block {
    padding: 15px;
    float: left;
    width: 100%;
}

.image-block-small {
    max-width: 180px;
    max-height: 180px;
}


.gallery-image-block-small {
    height: 200px;
    width: 100%;
    object-fit: cover;
}


.first-letter:first-letter {
    text-transform: uppercase;
}

a.nounderline {
    text-decoration: none;
}


/*.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}*/

.category-box .btn {
    max-width: 250px;
}

.pager-top .btn {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.detail-title {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #333333;
    font-size: 40px;
    /*text-transform: uppercase;*/
}

.detail-key {
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-weight: 400;
    font-size: 15px;
}

.detail-text {
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-weight: 700;
    font-size: 15px;
}

.service-box {
    margin-top: 30px;
    padding-top: 24px;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 200px;
    min-width: 230px;
    max-width: 250px;
    box-sizing: border-box;
    height: 100px;
    border: 5px solid #F0F0F0;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

    .service-box span.card-title {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 700;
        line-height: 1.2;
        color: #333333;
        font-size: 30px;
        text-transform: uppercase;
    }

.service-box-text-wrapper {
    position: absolute;
    left: 50%;
    top: 62%;
}

.service-box-in-text {
    position: relative;
    left: -50%;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 240px;
    max-width: 250px;
}

.clickable {
    cursor: pointer;
}

.item-box {
    margin-top: 30px;
    min-height: 500px;
    /*box-sizing: border-box;*/
    border: 5px solid #F0F0F0;
}

.item-box-detail {
    min-height: 750px;
    border: 5px solid #F0F0F0;
}

/*.item-box-detail .option-wrapper {
        position: absolute;
        width: 92%;
        left: 36px;
        top: 62%;
    }*/



.item-box:hover {
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
    border: 5px solid #A4F23D;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
}

/*.item-box > .picture {
    margin-left: -24px;
    margin-right: -24px;
}*/

span.card-title a {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    padding-left: 24px;
    padding-right: 24px;
    color: #333333;
    font-size: 30px;
    /*limit na max 2 radky*/
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 35px; /* fallback */
    max-height: 70px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.item-box .price {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    color: #333333;
    font-size: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.item-box .option-wrapper {
    position: absolute;
    width: 92%;
    left: 36px;
    top: 62%;
}

.card-key {
    margin-left: 8px;
    color: #666666;
    font-size: 16px;
}

.card-value {
    color: #666666;
    text-align: right;
    font-weight: 700;
    font-size: 16px;
}

.card-value-left {
    color: #666666;
    font-weight: 700;
    font-size: 16px;
    /*limit na max 5 radky*/
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px; /* fallback */
    max-height: 100px; /* fallback */
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}


#footer .day {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 30px
}


#footer h2 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: #ffffff;
}

#footer p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    color: #ffffff;
}

a.navbar-link.ext-info {
    padding-left: 8px;
    color: rgba(255, 255, 255, 0.6) !important;
}


.debug-info {
    color: white;
    background-color: #666666;
    padding: 4px;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}


.red {
    background-color: red;
}

.green {
    background-color: green;
}


.col-centered {
    float: none;
    margin: 0 auto;
}


@media (max-width: 767px) {

    .text-xs-center {
        text-align: center;
    }
}




.btn-right {
    text-align: right;
}

@media (max-width: 767px) {

    .btn-right {
        text-align: center;
    }
}

