@import "fonts.css";
@import "jquery.bxslider.css";
@import "footer_menu.css";

.navbar.container {
    margin-top: 0;
}

html,
body {
    height: 100%;
}

body {
    font-family: "dinproregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #c7c7c7;
    background-color: #050505;
    overflow-x: hidden;
}

p {
    font-size: 20px;
}

a {
    color: #fff;
    outline: none;
}

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

a.dark {
    color: #9d9d9d;
}

a.underline {
    text-decoration: underline;
}

h3 {
    font-size: 50px;
    color: #fff;
    /*text-align: center;*/
    text-transform: uppercase;
    font-weight: normal;
}

h4 {
    font-size: 48px;
    color: #ffffff;
    /*text-align: center;*/
    text-transform: uppercase;
    font-weight: normal;
    font-family: dinprolight;
}

h5 {
    font-family: dinprolight;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 36px;
    }
}

.container {
    width: 100%;
    padding: 0px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
    background-color: #050505;
}

.wrap > .container {
    padding: 0;
}

.row {
    /*padding-left: 35px;*/
    /*padding-right: 35px;*/
    margin: 0;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.col-no-padding {
    padding: 0;
}

/*-- Jumbotron tweaks --*/

.jumbotron {
    text-align: center;
}

footer#footer-kross {
    background-image: url("../images/footer/bg_footer.jpg");
    background-repeat: no-repeat;
    min-height: 368px;
    background-color: #000000;
    background-position: bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

footer#footer-kross .row {
    padding-top: 60px;
}

footer#footer-kross ul {
    padding: 0;
}

@media (min-width: 1200px) {
    footer#footer-kross .col-lg-1 {
        width: 12.5%;
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 1200px) {
    #footer-kross #footer-logo, #footer-kross #footer-catalog {
        margin-top: 30%;
    }
}

footer#footer-kross ul li {
    color: #fff;
    font-family: dinpromedium;
    list-style-type: none;
    line-height: 35px;
}

footer#footer-kross ul li a {
    color: #6e6e6e;
    font-family: dinpromedium;
    font-size: 15px;
    text-transform: none;
}

@media (max-width: 420px) {
    footer#footer-kross ul li a {
        font-size: 12px
    }
}

footer#footer-kross a, footer#footer-kross a:hover, footer#footer-kross a:focus {
    color: #6e6e6e;
    text-decoration: none;
}

#footer-kross #footer-catalog img {
    margin-top: -145px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

}

/*#footer-kross #footer-catalog ul li a {*/
/*padding: 10px 0px;*/
/*width: 105px;*/
/*height: 60px;*/
/*text-align: center;*/
/*border: solid #fff 1px;*/
/*color: #fff;*/
/*text-transform: none;*/
/*font-family: dinpromedium;*/
/*font-size: 17px;*/
/*display: inline-block;*/
/*margin: 0 5px;*/
/*}*/
#footer-kross #footer-catalog ul li a {
    padding: 10px;
    width: 155px;
    /* height: 60px; */
    text-align: center;
    border: solid #fff 1px;
    color: #fff;
    text-transform: none;
    font-family: dinpromedium;
    font-size: 17px;
    display: inline-block;
    margin: 0 5px;
    line-height: 1em;
}

#footer-kross #footer-catalog a, #footer-kross #footer-catalog a:hover {
    color: #fff;
    text-decoration: none;

}

#footer-kross #footer-catalog .nav-horizontal {
    display: inline-block;
}

@media (max-width: 480px) {
    #footer-kross #footer-catalog .nav-horizontal {
        width: 100%;
    }

    #footer-kross #footer-catalog ul.nav-horizontal li {
        width: 100%;
    }

    #footer-kross #footer-catalog ul li a {
        width: 100%;
    }
}

#footer-kross #footer-catalog ul li a:hover {
    border: solid #e1061a 1px;
    color: #e1061a;
}

#footer-kross #footer-catalog ul li a:focus {
    border: solid #e1061a 3px;
    color: #e1061a;
}

#footer-kross .footer-buttons {
    text-align: center;
}

@media (max-width: 992px) {
    #footer-kross #footer-logo, #footer-kross #footer-catalog {
        margin-top: 40%;
    }
}

@media (max-width: 767px) {
    #footer-kross #footer-catalog img {
        margin: 0 auto;
        float: none;
    }

    #footer-kross #footer-logo img {
        margin: 0 auto;
        padding: 40px 0;
    }

    #footer-kross #footer-logo, #footer-catalog {
        margin-top: 0;
    }

    #footer-kross .footer-buttons a {
        font-size: 13px;
    }

    #footer-kross #footer-catalog ul li {
        padding: 6px 0px;
        width: 90px;
        height: 50px;
    }

    /*.block-description-left {*/
    /*margin-bottom: 50px;*/
    /*}*/
    .form-group.form-buy {
        margin-top: 0;
    }

    .size-human {
        display: none;
    }

    .accesories-block .title h1 {
        font-size: 55px;
    }

}

footer#footer-kross .container {
    margin: 0;
}

footer#footer-kross .col-xs-6 .nav-horizontal {
    min-height: 200px;
}

#footer-kross .footer-info p {
    font-family: dinpromedium;
    font-size: 13px;
    color: #6e6e6e;
    margin-top: 35px;
    padding-bottom: 10px;
    text-transform: none;

}

.footer-info-ue {
    background-color: #fff;
    min-height: 140px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.economy img {
    float: right;
}

.ue img {
    margin-top: 10px;
}

.footer-info-ue .row {
    padding-top: 30px;
    padding-bottom: 30px;
}

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

    .economy img {
        float: none;
    }

}

.created p {
    float: right;
}

.not-set {
    color: #c55;
    font-style: italic;
}

h2 {
    font-size: 42px;
    font-family: 'dinproregular';
    color: #fff;
}

.collinks1 h2 {
    margin-top: 0;
}

/*-- Sorting --*/

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

/*-- Other --*/

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* add red asterisk to required form fields */
div.required label:after {
    content: " *";
    color: #e13431;
}

/*-- GridView options display tweaks --*/

.user-index td:last-child,
.articles-admin td:last-child {
    width: 68px;
}

.article-view th {
    min-width: 90px;
}

/*-- Css for nicer display of boolean yes/no values --*/

.boolean-true {
    font-weight: bold;
    color: green;
}

.boolean-false {
    font-weight: bold;
    color: #e13431;
}

/*-- Css for nicer display of user roles --*/

.role-theCreator {
    font-weight: bold;
    color: black;
}

.role-admin {
    font-weight: bold;
    color: #c4a500;
}

.role-editor {
    font-weight: bold;
    color: #800080;
}

.role-support {
    font-weight: bold;
    color: #009d00;
}

.role-premium {
    font-weight: bold;
    color: #4c4cff;
}

.role-member {
    font-weight: bold;
}

/*-- Colors used for various data presentation purposes --*/

.blue {
    font-weight: bold;
    color: #7373ff;
}

.green {
    font-weight: bold;
    color: #009d00;
}

.gold {
    font-weight: bold;
    color: #c4a500;
}

hr.top {
    margin-top: 0px;
    border-width: 1px;
    border-color: #333;
    text-align: left;
}

hr.article-devider {
    border-width: 1px;
    border-color: #444;
    border-style: dashed;
    text-align: left;
}

/*-- Password strength --*/

/* hide strength meter so we can fade it in nicely with jQuery */
.nz-meter-container {
    display: none;
}

/*-- hamburger - menu start --*/

@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-header #logo img {
        margin-top: 3px;
    }

    /*.navbar-header {*/
    /*height: 96px;*/
    /*}*/
    .navbar-inverse .navbar-collapse {
        background: #000;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }

    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .dropdown .list-item p {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #1a1a1a;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        padding-bottom: 10px;

    }

    .dropdown-menu > li > a {
        color: #c7c7c7;
        font-size: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 45px;
        font-weight: 100;
        font-family: dinproregular;
        text-transform: uppercase;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #454040;
    }

    .navbar-nav .open .dropdown-menu li {
        padding: 0;
    }

    .navbar-inverse .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
        background-color: #454040;
    }

    li.accesories-menu {
        display: none;
    }

    .navbar-right {
        padding-top: 35px;
    }
}

.navbar-inverse, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    filter: none;
    border: none;
    text-shadow: none;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ddd;
        color: #c7c7c7;
        font-size: 18px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 45px;
        font-weight: 100;
        font-family: dinproregular;
        text-transform: uppercase;
    }

}

@media (max-width: 400px) {
    .navbar-header #logo img {
        width: 174px;
        margin-right: 0;
    }
}

/* hamburger - menu stop*/
.nav > li > a {
    padding-left: 17px;
    padding-right: 17px;

}

@media (max-width: 1200px) {

    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.navbar-nav > li > a, .navbar-nav > li > a:hover {
    padding-top: 0;
}

#logo img {
    float: left;
    width: 220px;
    margin-top: -13px;
    margin-right: 65px;

}

.navbar {
    /*min-height: 95px;*/
    margin-bottom: 0;
    font-size: 16px;
    background-image: none;
    background-color: #000000;
    padding: 48px 0;
}

@media (min-width: 1001px) {
    .navbar {
        height: 100px;
    }
}

.navbar-right {
    height: auto;
}

@media (max-width: 1000px) {
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-right > li > a {
        font-size: 20px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 17px;
        padding-left: 28px;
        font-weight: 100;
        font-family: dinproregular;
        text-transform: uppercase;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-right > li > a {
        font-size: 12px;
    }

}

@media (min-width: 1001px) and (max-width: 1200px) {

    #logo img {
        width: 150px;
        margin-top: -6px;
        margin-right: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {

    #logo img {
        width: 200px;
        margin-right: 15px;
    }

    .nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }
}

.navbar-inverse {
    padding-left: 66px;
    padding-right: 35px;
}

@media (min-width: 1000px) {
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 100;
        font-family: dinproregular;
        letter-spacing: 0.02em;
    }

    .navbar-right > li > a {
        font-size: 17px;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        color: #fff;
        text-transform: uppercase;
    }

    .navbar-inverse .navbar-left > .open > a,
    .navbar-inverse .navbar-left > .open > a:focus,
    .navbar-inverse .navbar-left > .open > a:hover,
    .navbar-inverse .navbar-left a:hover {
        color: #fff;
        padding-bottom: 21px;
        border-bottom: solid #e30615 8px;
    }

    .navbar-inverse .navbar-right > .open > a,
    .navbar-inverse .navbar-right > .open > a:focus,
    .navbar-inverse .navbar-right > .open > a:hover,
    .navbar-inverse .navbar-right a:hover {
        color: #fff;
        border-bottom: none;
    }

    .navbar-inverse .navbar-nav .dropdown-main-menu a:hover {
        border: none;
    }

    /*.navbar-right .dropdown-toggle {*/
    /*padding: 4px 12px;*/
    /*width: 70px;*/
    /*margin-top: 10px;*/
    /*}*/
    .navbar-right a {
        font-size: 16px;
    }

    .navbar-right .caret {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 8px solid;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        /* background-color: #b5b5b5; */
    }

    /*.navbar-left .caret {*/
    /*display: none;*/
    /*}*/
    .navbar-inverse {
        border: none;
    }

    .nav > li.dropdown.open {
        position: static;
    }

    .nav > li.dropdown.open .dropdown-main-menu {
        margin: 0 auto;
        display: table;
        width: 98%;
        text-align: center;
        left: 0;
        right: 0;
        border: none;
        background-color: #000000;
        padding: 0;
        height: 415px;
    }

    .dropdown-main-menu > li {
        display: table-cell;
    }

    .dropdown-main-menu > li > a {
        text-transform: uppercase;
        font-size: 23px;
        font-family: dinprobold;
        color: #fff;
        border: none;
        position: absolute;
        bottom: 0;
        width: 341px;
        height: 415px;
        text-align: left;
        padding-top: 14%;
        padding-left: 38px;

    }

    .list-group-item-clothes {
        background-image: url('../images/menu/menu-clothes.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 33%;
    }

    .list-group-item-clothes:hover {
        background-image: url('../images/menu/menu-clothes-hover.jpg');
        background-size: contain;
    }

    .list-group-item-clothes a span {
        background-image: url('../images/menu/icon-clothes.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;;
    }

    .list-group-item-clothes:hover a span {
        background-image: url('../images/menu/icon-clothes-hover.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
    }

    .list-group-item-accessories a span {
        background-image: url('../images/menu/icon-accessories.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;
    }

    .list-group-item-accessories:hover a span {
        background-image: url('../images/menu/icon-accessories-hover.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
    }

    .list-group-item-components a span {
        background-image: url('../images/menu/icon-components.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;
    }

    .list-group-item-components:hover a span {
        background-image: url('../images/menu/icon-components-hover.png');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
    }

    .nav > li.dropdown.open .dropdown-main-menu.dropdown-main-menu-accessories {
        height: 330px;
    }

    .dropdown-main-menu.dropdown-main-menu-accessories > li > a {
        text-transform: uppercase;
        font-size: 23px;
        font-family: dinprobold;
        color: #fff;
        border: none;
        bottom: 0;
        width: 33%;
        height: 330px;
        text-align: center;
        padding-top: 0;
        padding-left: 0;

    }

    .list-group-item-accessories {
        background-image: url('../images/menu/menu-accessories.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 33%;
    }

    .list-group-item-accessories:hover {
        background-image: url('../images/menu/menu-accessories-hover.jpg');
        background-size: contain;
    }

    .list-group-item-components {
        background-image: url('../images/menu/menu-components.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 33%;
    }

    .list-group-item-components:hover {
        background-image: url('../images/menu/menu-components-hover.jpg');
        background-size: contain;
    }

    .list-group-item-gorskie a span {
        background-image: url('../images/menu/icon-gorskie.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
        padding-left: 30%;
    }

    .list-group-item-gorskie:hover a span {
        background-image: url('../images/menu/icon-gorskie-hover.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
    }

    .list-group-item-szosowe a span {
        background-image: url('../images/menu/icon-szosowe.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
        padding-left: 30%;
    }

    .list-group-item-szosowe:hover a span {
        background-image: url('../images/menu/icon-szosowe-hover.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
    }

    .list-group-item-turystyczne a span {
        background-image: url('../images/menu/icon-turystyczne.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
        padding-left: 30%;
    }

    .list-group-item-turystyczne:hover a span {
        background-image: url('../images/menu/icon-turystyczne-hover.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
    }

    .list-group-item-miejskie a span {
        background-image: url('../images/menu/icon-miejskie.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
        padding-left: 30%;
    }

    .list-group-item-miejskie:hover a span {
        background-image: url('../images/menu/icon-miejskie-hover.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
    }

    .list-group-item-dla-dzieci a span {
        background-image: url('../images/menu/icon-dla-dzieci.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
        padding-left: 30%;
    }

    .list-group-item-dla-dzieci:hover a span {
        background-image: url('../images/menu/icon-dla-dzieci-hover.jpg');
        background-size: 68px 29px;
        background-repeat: no-repeat;
        width: 20%;
        position: absolute;
    }

    /*.list-group-item-gorskie a:hover{*/
    /*background-image: url('../images/icon-gorskie-hover.jpg');*/
    /*}*/
    /*.list-item {*/
    /*opacity: 0.5;*/
    /*}*/
    .list-item:hover .opacity-hover {
        opacity: 1;
    }

    .opacity-hover {
        opacity: 0.5;
    }

    li.accesories-menu-hamburger {
        display: none;
    }

    .dropdown-main-menu > li > a:hover, .dropdown-main-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
        box-shadow: none;
        border: none;
        outline: none;
    }

    .list-group-item-gorskie {
        background-image: url('../images/menu/menu-gorskie.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 341px;
    }

    .list-group-item-gorskie:hover {
        background-image: url('../images/menu/menu-gorskie-hover2.jpg');
        background-size: contain;
    }

    .img-icon {
        background-image: url('../images/menu/icon-gorskie.jpg');
        background-size: 100%;

    }

    .list-group-item-szosowe {
        background-image: url('../images/menu/menu-szosowe.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 341px;
    }

    .list-group-item-szosowe:hover {
        background-image: url('../images/menu/menu-szosowe-hover.jpg');
        background-size: contain;

    }

    .list-group-item-turystyczne {
        background-image: url('../images/menu/menu-turystyczne.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 341px;
    }

    .list-group-item-turystyczne:hover {
        background-image: url('../images/menu/menu-turystyczne-hover.jpg');
    }

    .list-group-item-miejskie {
        background-image: url('../images/menu/menu-miejskie.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 341px;
    }

    .list-group-item-miejskie:hover {
        background-image: url('../images/menu/menu-miejskie-hover.jpg');
    }

    .list-group-item-dla-dzieci {
        background-image: url('../images/menu/menu-dla-dzieci.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 341px;
    }

    .list-group-item-dla-dzieci:hover {
        background-image: url('../images/menu/menu-dla-dzieci-hover.jpg');
    }

    #w1 p {
        text-transform: uppercase;
        font-size: 16px;
        font-family: dinproregular;
        color: #c7c7c7;
        border: none;
        position: absolute;
        /*bottom: 0;*/
        margin-top: 16.5%;
        width: 18%;
        text-align: left;
        padding-left: 38px;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .nav > li.dropdown.open .dropdown-main-menu.dropdown-main-menu-accessories {
        height: 280px;
    }

}

@media (min-width: 1300px) and (max-width: 1499px) {
    .nav > li.dropdown.open .dropdown-main-menu.dropdown-main-menu-accessories {
        height: 250px;
    }

}

@media (min-width: 1100px) and (max-width: 1299px) {
    .nav > li.dropdown.open .dropdown-main-menu.dropdown-main-menu-accessories {
        height: 220px;

    }

}

@media (min-width: 1000px) and (max-width: 1099px) {
    .nav > li.dropdown.open .dropdown-main-menu.dropdown-main-menu-accessories {
        height: 209px;
    }

}

.count-cart {
    width: 17px;
    height: 17px;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #e30613;
    font-family: dinprobold;
    padding: 0;
    display: inline-block;
    margin-right: 5px;

}

.count-cart span {
    position: absolute;
    margin-top: -2px;
    margin-left: -5px;

}

.shopping-cart {
    margin-top: 2px;
}

.shopping-cart img {
    margin-top: -7px;
}

/*-- Slider - strona główna--*/
.carousel-control {
    /*display: none;*/
}

.toolbar-drawer  #navbar {
    top: 64px;
}
.carousel-indicators li, .carousel-indicators .active {
    margin: 0 15px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: none;
    background: #d4d4d4;
}
#warranty_wrap ul {
    margin-left: 2em;
}
#warranty_wrap ul li {
    list-style: disc;
    font-family: Arial, Helvetica, sans-serif;
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background: #bc1619;
    border: none;
}
#max-review-prices {
    width: 90%;
}
#max-review-prices th {
    border-bottom: 1px solid #d0d0d0;
    text-align: left;

}
#max-review-prices p {
    line-height: 1.2em;
    margin: .5em 0;
}
span.glyphicon.glyphicon-chevron-right::before {
    content: " ";
    display: block;
    background: url("../images/SliderIndex/glyphicon-right.png") no-repeat;
    width: 50px;
    height: 100px;
}

span.glyphicon.glyphicon-chevron-left::before {
    content: " ";
    display: block;
    background: url("../images/SliderIndex/glyphicon-left.png") no-repeat;
    background-size: cover;
    width: 50px;
    height: 100px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 30%;
}

@media (max-width: 1200px) {
    span.glyphicon.glyphicon-chevron-right::before, span.glyphicon.glyphicon-chevron-left::before {
        background-size: 35px;
    }

    .navbar-inverse {
        padding-left: 27px;
        padding-right: 27px;
    }
}

@media (max-width: 1001px) {
    .navbar-header #logo img {
        padding-left: 27px;
    }

    .navbar-inverse {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .carousel-indicators li, .carousel-indicators .active {
        margin: 0px 7px;
    }
}

#hp_main_carousel .slider-title {
    text-transform: uppercase;
    font-family: dinprolight;
    font-size: 90px;
    line-height: 74px;
    width: 50%;
    letter-spacing: 0.02em;
    margin-bottom: 9px;
}

#hp_main_carousel .slider-title b,
#hp_main_carousel .slider-title strong {
    font-family: dinprobold !important;
    font-weight: normal;
}

.slider-model {
    float: left;
    display: inline-block;
    height: 66px;
    padding: 0;
    margin-top: 15px;
}

.slider-subtitle {
    float: left;
    font-family: dinpromedium;
    font-size: 45px;
    color: white;
    background-color: #e30613;
    min-width: 389px;
    height: 66px;
    text-align: center;
    letter-spacing: 0.02em;
    display: inline-block;
}

.slider-link {
    float: left;
    font-family: dinpromedium;
    font-size: 20px;
    color: white;
    background-color: #000;
    min-width: 165px;
    height: 66px;
    text-align: center;
    display: inline-block;
    padding: 20px 0;
    letter-spacing: 0.02em;
}

@media (max-width: 1200px) {
    #Carousel .slider-title {
        font-size: 62px;
        line-height: 55px;
    }

    .slider-model {
        height: 53px;
    }

    .slider-subtitle {
        font-size: 37px;
        min-width: 310px;
        height: 53px;
    }

    .slider-link {
        min-width: 134px;
        height: 53px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #Carousel .slider-title {
        font-size: 43px;
        line-height: 38px;
    }

    .slider-model {
        height: 40px;
    }

    .slider-subtitle {
        font-size: 26px;
        min-width: 226px;
        height: 40px;
    }

    .slider-link {
        min-width: 105px;
        height: 40px;
        font-size: 15px;
        padding-top: 9px;
    }

    #Carousel .carousel-caption {
        margin-bottom: 8%;
    }
}

@media (max-width: 480px) {
    #Carousel .slider-title {
        font-size: 24px;
        line-height: 20px;
    }

    .slider-model {
        height: 35px;
    }

    .slider-subtitle {
        font-size: 17px;
        min-width: 151px;
        height: 26px;
    }

    .slider-link {
        font-size: 11px;
        width: 80px;
        height: 26px;
    }

    .slider-model {
        margin-top: 5px;
    }

    .accesories-block .title h1 {
        font-size: 39px;
        line-height: 33px;
    }
}

/*-- Strona główna --*/
@media (min-width: 1200px) {
    .collinks1 {
        padding: 0 60px 15px 15px;
    }

    .collinks2 {
        padding: 0px 80px 15px 100px;
    }

    .blok-links1 {
        margin-top: 50px;
    }

    .blok-links2 {
        margin-top: 40px;
    }

    .linkphoto {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    .blok-links1 {
        margin-top: 70px;
    }

    .blok-links2 {
        margin-top: 70px;
    }

    .linkphoto {
        margin-top: 60px;
        padding: 0;
    }

    .collinks1 {

    }

    .collinks2 {
    }
}

@media (max-width: 480px) {
    .collinks1 {
        padding: 0;
    }

    .collinks2 {
        padding: 0;
    }
}

.blok-links {
    padding: 0px;
}

.blok-links h2 {
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0.02em;
}

.blok-links p {
    text-transform: uppercase;
    text-align: center;
    line-height: 24px;
}

.icons {
    text-align: center;

}

section#index {
    background-image: url("../images/index/bg_content.png");
    background-position: center 47%;
    background-repeat: no-repeat;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}

@media (max-width: 1200px) {
    section#index {
        background-position: center 63%;
    }
}

@media (max-width: 767px) {
    section#index {
        background-position: center 75%;
    }
}

.icons {
    padding-top: 35px;
}

.linkphoto .col-sm-4 {
    padding: 0;
    margin: 0;
}

@media (max-width: 640px) {
    .linkphoto .col-sm-4 {
        width: 100%;
    }
}

/*Do slaiderów na główną*/
@media (max-width: 1200px) {
    #Carousel .carousel-inner > .item > a > img, #Carousel .carousel-inner > .item > img {
        height: 650px;
        width: 100%;
        object-fit: cover;
    }

    #careouselGalleryBike .carousel-inner > .item > a > img, #careouselGalleryBike .carousel-inner > .item > img {
        height: auto;
    }
}

@media (max-width: 1200px) {
    .front .carousel-inner > .item > a > img, .front .carousel-inner > .item > img {
        /*height: 650px;*/
        width: 100%;
        object-fit: cover;
    }

    /*.accesories-block .carousel-inner > .item > a > img, .accesories-block .carousel-inner > .item > img {*/
    /*height: auto;*/
    /*width: auto;*/
    /*object-fit: initial;*/
    /*}*/
}

#careouselGalleryBike {
    /*margin-top:-100px;*/
}

#careouselGalleryBike img {
    margin: 0 auto;
}

@media (max-width: 767px) {
    #Carousel .carousel-inner > .item > a > img, #Carousel .carousel-inner > .item > img {
        height: 450px;
        width: 100%;
        object-fit: cover;
    }

}

.icons img {
    min-width: 40px;
}

@media (max-width: 767px) {
    .col-xs-12 {
        /*padding: 0px;*/
        /*margin: 0px;*/
    }

    .size-table {
        padding: 0 15px;
    }

    .linkphoto {
        text-align: center;
        margin-top: 60px !important;
        width: 100%;
    }

    .linkphoto img {
        text-align: center;
        margin: 0 auto;

    }

    th.param {
        width: auto;
    }
}

.linkphoto .description {
    text-align: center;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;

    z-index: 1;
    padding-top: 25%;

}

.linkphoto .description:hover {
    background-color: rgba(227, 6, 19, 0.5);
}

.linkphoto .description-icon img {
    margin: 0 auto;
    padding-bottom: 5px;
    max-width: 93px;
}

/*@media (max-width: 320px) {*/
/*.linkphoto .description .description-text {*/
/*font-size: 80%;*/
/*}*/
/*}*/

@media (max-width: 480px) {
    .description .description-text {
        font-size: 110%;
    }
}

.linkphoto .description-text {
    color: #fff;
    /*font-size: 26px;*/
    font-family: "dinprobold";
    opacity: 12 !important;
    text-transform: uppercase;
    padding: 0 20px;
}

.linkphoto a:hover .description {
    display: block;
}

@media (min-width: 768px) {
    .image-blok {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .linkphoto .description {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;

    }
}

/*Ustawianie bloków strony glownej tylko dla hd*/

@media (min-width: 1820px) {
    .blok-links p {
        text-transform: uppercase;
        text-align: center;
        line-height: 24px;
    }

    .collinks1 {
        padding: 15px 40px 15px 15px;
    }

    .blok-links h2 {
        padding-bottom: 20px;
        margin-top: 10px;
    }

    .collinks2 {
        padding: 75px 80px 15px 100px;
    }

    .blok-links2 {
        margin-top: 30px;
    }
}

/*--- Przyciski ---*/
.button-row {
    text-align: center;
    width: 100%
}

.button-kross.button-kross-team {
    width: 400px;

}

.button-kross {
    display: block;
    width: 230px;
    background: transparent;
    padding: 0;
    text-align: center;
    color: white;
    text-transform: uppercase;
    border: solid #fff 1px;
    padding: 25px 0;
    color: #fff;
    font-family: dinpromedium;
    margin: 45px auto;
}

@media (max-width: 480px) {
    .button-kross, .button-kross.button-kross-team {
        width: 100%;
    }
}

.button-kross:hover {
    border: solid #e1061a 1px;
    color: #e1061a;
}

.button-kross:focus {
    border: solid #e1061a 3px;
    color: #e1061a;
}

/*-- Slider-content index --*/
#SecondCarousel .carousel-indicators {
    bottom: 20%;
}

.carousel-control {
    width: 0px;
    margin-left: 60px;
    margin-right: 60px;
}

.carousel-caption {
    text-transform: uppercase;
    float: left;
    text-align: left;
    margin-bottom: 15%;

}

.carousel-caption .slider-breadcrumbs {
    font-family: dinproregular;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.carousel-caption .description-title h3 {
    font-family: dinpromedium;
    font-size: 80px;
    color: #e1061a;
    padding: 0;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -6px;
    font-weight: 100;
}

.carousel-caption .description-title span.model-title {
    font-family: dinpromedium;
    font-size: 80px;
    color: #fff;
}

.carousel-caption .description-prize {
    font-family: dinprolight;
    font-size: 30px;
    margin-top: 3px;
}

.carousel-caption {
    left: 55px;
}

#SecondCarousel {
    /*height: 150%;*/
}

#SecondCarousel h2 {
    text-align: center;
    margin-top: 75px;
    margin-bottom: -25px;
    font-family: dinproregular;
    font-size: 42px;
    padding: 0 60px;
    letter-spacing: 0.05em
}

@media (max-width: 1200px) {
    #SecondCarousel .carousel-caption {
        top: 90% !important;
        position: relative;
        padding-left: 0;
        margin-bottom: 0;
        left: 15%;
        bottom: 100px;
    }

    #SecondCarousel .carousel-indicators {
        bottom: 40%;
    }
}

@media (max-width: 767px) {
    #SecondCarousel .carousel-caption {
        left: 10%;
    }

    #SecondCarousel h2 {
        margin-bottom: -10px;
    }

    span.glyphicon.glyphicon-chevron-right::before, span.glyphicon.glyphicon-chevron-left::before {
        display: none;
    }

}

@media (max-width: 480px) {
    /*h2 {*/
    /*font-size: 35px !important;*/
    /*}*/
    .carousel-caption .slider-breadcrumbs {
        font-size: 14px;
    }

    .carousel-caption .description-title h3, .carousel-caption .description-title span.model-title {
        font-size: 45px;
        line-height: 45px;
    }

    .carousel-caption .description-prize {
        font-size: 25px;
        margin-top: 0px;
    }

    #SecondCarousel .carousel-caption {
        margin-top: 25%;
        bottom: 200px;
    }

    #SecondCarousel h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 320px) {
    .carousel-caption .description-title h3, .carousel-caption .description-title span.model-title {
        font-size: 53px;
    }
}

.breadcrumbs-icon {
    background-image: url("../images/icons/icon_breadcrumbs.png");
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position-y: 2px;
}

.breadcrumbs-icon-black {
    background-image: url("../images/icons/icon_breadcrumbs_black.png");
    background-repeat: no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position-y: 2px;
}

/*-- index - kross team --*/
.row-kross-team {
    padding: 0px;
    margin-top: -30%;
}

.row-kross-team img {
    padding-bottom: 30px;
}

a .button:focus {
    border: solid #e1061a 3px;
    color: #e1061a;
}

.button:focus {
    border: solid #e1061a 3px !important;
}

.row-kross-team .button {
    margin-top: 60px;
    margin-bottom: 60px;
    width: 400px;
    height: auto;
    padding-bottom: 0;
    border: solid #fff 1px;
    padding: 25px 0;
    margin-left: auto;
    margin-right: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}

/*.btn.form-submit,*/
.newsletter input[type=submit] {
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
    color: white;
}

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

.button a:hover, .newsletter input[type=submit]:hover {
    color: #e1061a;
    text-decoration: none;
    border: solid #e1061a 1px;
    box-shadow: none;
}

.button a:focus, .newsletter input[type=submit]:focus {
    color: #e1061a;
    text-decoration: none;
    border: solid #e1061a 3px;
    box-shadow: none;

}

.row-kross-team .button {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media (max-width: 480px) {

    .row-kross-team {
        margin-top: -55%;
    }

    .row.newsletter input[type=submit] {
        width: 100%;
        margin-left: 0;
    }
}

/*-- newsletter --*/

.newsletter {
    background-image: url("../images/index/newsletter.png");
    background-repeat: no-repeat;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

.newsletter h3 {
    font-size: 42px;
    font-family: dinproregular;
    text-transform: uppercase;
    color: #fff;
    margin-top: 75px;
    margin-bottom: 40px;
}

.newsletter p {
    text-transform: uppercase;
    padding: 0 200px;
    margin-bottom: 50px;
    line-height: 30px;
}

@media (max-width: 1200px) {
    .newsletter p {
        padding: 0 85px;
    }
}

@media (max-width: 767px) {
    .newsletter p {
        padding: 0 0px;
    }

    /*form input[type=text] {*/
    /*width: 280px !important;*/
    /*height: 55px !important;*/
    /*}*/
    .newsletter input[type=submit] {
        margin-top: 15px;
        width: 105px;
        height: 55px !important;
        margin-left: 0;
    }

    .newsletter h3 {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .newsletter p {
        line-height: 25px;
        margin-bottom: 20px;
    }

    .recommend {
        min-height: 900px;
    }

    .stores div h3 {
        margin-bottom: 0;
    }

    .stores div div {
        padding-top: 30px;
        line-height: 20px;
    }

    .stores .stores-button {
        margin-top: 391px;
    }

}

@media (max-width: 480px) {
    .newsletter p {
        padding: 0 0;
    }

    .newsletter h3 {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    /*form input[type=text] {*/
        /*width: 210px !important;*/
        /*height: 55px !important;*/
        /*padding-left: 15px !important;*/
    /*}*/

    .newsletter h3 {
        font-size: 30px;
    }

}

form {
    display: inline;
}

/*form input[type=text] {*/
/*width: 430px;*/
/*height: 65px;*/
/*margin-right: 10px;*/
/*padding-left: 30px;*/
/*color: #2e2e2e;*/
/*}*/

input[type=submit] {
    /*width: 135px;*/
    /*height: 65px;*/
    /*background: transparent;*/
    /*border: solid 1px #fff;*/
    /*margin-left: 10px;*/
    /*font-family: dinpromedium;*/
    /*font-size: 22px;*/
}

.newsletter form input:focus {
    border: solid 2px #fff;
}

/*-- PODSTRONA Z akcesorium --*/
.row-s-page {
    /*padding: 60px 85px;*/
    padding: 0 4%;
    margin: 0;
}

.accesories-block {
    background-color: #fff;
    padding-top: 45px;
}

.breadcrumbs {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;

}

.accesories-block h1 {
    font-family: dinpromedium;
    font-size: 80px;
    line-height: 57px;
    color: #000000;
    margin: 0 0 0 -6px;
    text-transform: uppercase;
}

/*-- MENU BOCZNE W AKCESORIACH - START--*/
.select-all-bikes-menu .nav-tabs > li > a {
    margin-right: 0;
    line-height: 26px;
    border: none;
    border-radius: 0;
}

.select-all-bikes-menu .nav-tabs > li > a:hover {
    color: #000000;
    background: #fff;
    height: 50px;
}

.select-all-bikes-menu .bottom-menu-group > li.active > a, .select-all-bikes-menu .bottom-menu-group > li.active > a:focus, .select-all-bikes-menu .bottom-menu-group > li.active > a:hover {
    color: #000000;
    height: 50px;
    border-radius: 0;
    border: none !important;
}

.select-all-bikes-menu .bottom-menu-group.nav-tabs {
    height: 50px;
    border: none;
    background: #e1061a;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs {
    float: left;
    border-right: none;
    width: 100%;
}

#t1 {
    -moz-tab-size: 4; /* Code for Firefox */
    -o-tab-size: 4; /* Code for Opera 10.6-12.1 */
    tab-size: 4;
}

/*.menu-accessories .nav-tabs > li > a {*/
/*font-family: dinprolight;*/
/*font-size: 20px;*/
/*color: #000;*/
/*border: none;*/
/*}*/

/*.count-accessories {*/
/*font-family: dinpromedium;*/
/*font-size: 14px;*/
/*color: #585858;*/
/*float: left;*/
/*width: 30px;*/
/*margin-top: 4px;*/
/*}*/

/*.menu-accessories .nav-tabs > li.active > a:focus, .menu-accessories .nav-tabs > li.active > a:hover,*/
/*.menu-accessories .nav-tabs > li > a:focus, .menu-accessories .nav-tabs > li > a:hover,*/
/*.menu-accessories .nav-tabs > li > a:hover span, .menu-accessories .nav-tabs > li > a:focus span {*/
/*background: #ff0000;*/
/*color: #fff;*/
/*border: none;*/
/*border-radius: 0;*/
/*}*/

/*.menu-accessories .nav-tabs > li.active span {*/
/*color: #fff;*/
/*}*/

/*.menu-accessories .nav-tabs > li.active a {*/
/*background: #ff0000;*/
/*color: #fff;*/
/*border: none;*/
/*border-radius: 0;*/
/*}*/

/*@media (max-width: 767px) {*/
/*.menu-accessories .nav > li > a {*/
/*padding: 6px;*/
/*padding-left: 25px;*/
/*}*/

/*}*/

/*.tabs-left > .nav-tabs > li > a {*/
/*margin-right: -1px;*/
/*-webkit-border-radius: 4px 0 0 4px;*/
/*-moz-border-radius: 4px 0 0 4px;*/
/*border-radius: 4px 0 0 4px;*/
/*}*/

/*.tabs-left > .nav-tabs > li > a:hover,*/
/*.tabs-left > .nav-tabs > li > a:focus {*/
/*border-color: #eeeeee #dddddd #eeeeee #eeeeee;*/
/*}*/

/*.tabs-left > .nav-tabs .active > a,*/
/*.tabs-left > .nav-tabs .active > a:hover,*/
/*.tabs-left > .nav-tabs .active > a:focus {*/
/*border-color: #ddd transparent #ddd #ddd;*/
/**border-right-color: #ffffff;*/
/*}*/

/*ukrycie menu bocznego*/

@media (max-width: 1000px) {
    .menu-accessories {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .tab-content.content-accesories-select {
        width: 100%;
    }

    .selected-bike.selected-accesories {
        width: 33.33333333%;
    }
}

/*-- MENU BOCZNE W AKCESORIACH - END--*/

@media (max-width: 479px) {
    .accesories-block h1 {
        margin: 0;
    }
}

.color-model {
    color: #ff0000;

}

#Content-gallery {
    margin-bottom: 80px;
}

#Content-gallery .carousel-indicators li img {
    /*width: 133px;*/
    /*height: 133px;*/
    left: 0;
    background-color: transparent;
    padding: 0;
    margin: 10% auto;
    position: relative;

}

#Content-gallery .carousel-indicators li {
    width: 289px;
    height: 185px;
    background-color: transparent;
    padding: 0;
    left: 0;
}

.table-description tr th.component-style-black {
    color: #000;
    font-weight: bolder;
}

@media (max-width: 1800px) {
    #Content-gallery .carousel-indicators li {
        width: auto;
        height: auto;
    }

    #Content-gallery .carousel-indicators {
        bottom: -20px !important;
    }

    .table-description tr th {
        width: 120px;
    }
}

@media (max-width: 1200px) and (min-width: 767px) {
    .form-group.form-buy {
        margin-top: 0;
    }

    /*.block-description-left {*/
    /*margin-bottom: 145px;*/
    /*}*/
    .table-description tr th {
        width: 180px
    }
}

#Content-gallery .carousel-indicators .active {
    border: solid 1px #000;
    border-radius: 0;
    padding: 0;
    left: 0;
}

#Content-gallery .carousel-indicators {
    width: 100%;
    bottom: -10px;
    left: 0;
    margin: 0;
    position: relative;
}

#Content-gallery .carousel-inner > .item > img {
    margin: 0 auto;
    left: 0;
}

#Content-gallery .carousel-inner {
    left: 0;
}

.accesories-description {

    font-family: dinproregular;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #747474;

}

/*.content-left {*/
/*margin-top: 40px*/
/*}*/

.content {
    color: #747474;

}

.block-description-left {
    /*opacity:0.2;*/
}

/*.form-buy {*/
/*margin-top: 95px;*/
/*}*/

.form-buy-main-bike {
    margin-top: 200px;
}

/* TABELA W OPISIE */
.table-description {
    margin-top: 20px;
}

.table-description th {
    font-family: dinproregular;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    float: left;
    text-align: left;
    color: #747474;
    width: 180px;
    padding: 5px 0;
}

/* Formularz- slecty */

/*.fancy-spinbox {*/
/*box-sizing: content-box;*/
/*border: solid 1px #000;*/
/*border-radius: 0px;*/
/*display: inline-block;*/
/*position: relative;*/
/*background-color: #fff;*/
/*outline: 0;*/
/*-webkit-user-select: none;*/
/*-khtml-user-select: none;*/
/*-moz-user-select: none;*/
/*-ms-user-select: none;*/
/*user-select: none;*/
/*width: 375px;*/
/*height: 55px;*/
/*font-family: dinpromedium;*/
/*font-size: 20px;*/
/*color: #000;*/
/*text-transform: uppercase;*/
/*text-align: center;*/
/*margin-bottom: 10px;*/
/*}*/

/*.fancy-spinbox:focus {*/
/*background-color: #fff;*/
/*}*/

/*.fancy-spinbox .crop {*/
/*margin: 0;*/
/*padding: 0;*/
/*height: 55px;*/
/*display: inline-block;*/
/*overflow: hidden;*/
/*}*/

/*.fancy-spinbox ul {*/
/*cursor: default;*/
/*margin: 0;*/
/*padding: 0;*/
/*list-style: none;*/
/*text-align: left;*/
/*font-family: dinpromedium;*/
/*font-size: 20px*/
/*}*/

/*.fancy-spinbox li {*/
/*margin: 0;*/
/*padding: 0;*/
/*white-space: nowrap;*/
/*width: 375px;*/
/*height: 55px;*/
/*text-align: center;*/
/*font-family: dinpromedium;*/
/*font-size: 20px;*/
/*color: #000;*/
/*text-transform: uppercase;*/
/*padding: 13px 0;*/
/*}*/

/*.fancy-spinbox ul.dropdown {*/
/*position: absolute;*/
/*top: 55px;*/
/*left: -9999px;*/
/*z-index: 999;*/
/*border: solid 1px #000;*/
/*color: #000;*/
/*width: 377px;*/
/*background-color: #fff;*/
/*}*/

/*.fancy-spinbox ul.dropdown:empty {*/
/*display: none;*/
/*}*/

/*.fancy-spinbox ul.dropdown li {*/
/*overflow: hidden;*/
/*height: 30px;*/
/*padding: 0;*/
/*}*/

/*.fancy-spinbox ul.dropdown li.selected, .fancy-spinbox ul.dropdown li.selected * {*/
/*color: #fff;*/
/*background-color: #747474;*/
/*}*/

/*.fancy-spinbox ul.dropdown li:hover, .fancy-spinbox ul.dropdown li:hover * {*/
/*color: #fff;*/
/*background-color: #747474;*/
/*}*/

/*.fancy-spinbox .buttons {*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*width: 375px;*/
/*}*/

/*.fancy-spinbox button {*/
/*position: relative;*/
/*width: 1.8rem;*/
/*height: 1rem;*/
/*padding: 0;*/
/*margin: 0;*/
/*border: none;*/
/*border-radius: 0;*/
/*background-color: transparent;*/
/*display: block;*/
/*outline: 0;*/
/*cursor: default;*/
/*-webkit-appearance: none;*/
/*-moz-appearance: none;*/
/*appearance: none;*/
/*}*/

/*.fancy-spinbox .spin-up {*/
/*float: left*/
/*}*/

/*.fancy-spinbox .spin-down {*/
/*float: right*/
/*}*/

/*.fancy-spinbox button::-moz-focus-inner {*/
/*border: 0;*/
/*outline: 0;*/
/*}*/

/*.fancy-spinbox button:active > span.triangle-up, .fancy-spinbox button.toggle-dropdown:active > span.triangle-up {*/
/*border-bottom-color: #81C3D7;*/
/*}*/

/*.fancy-spinbox button:active > span.triangle-down, .fancy-spinbox button.toggle-dropdown:active > span.triangle-down {*/
/*border-top-color: #81C3D7;*/
/*}*/

/*.fancy-spinbox button.toggle-dropdown {*/
/*height: 55px;*/
/*}*/

/*.fancy-spinbox button.toggle-dropdown > span.triangle-down {*/
/*position: static;*/
/*border-left: 8px solid transparent;*/
/*border-right: 8px solid transparent;*/
/*border-top: 8px solid #16425B;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*margin: 0;*/
/*}*/

/*.fancy-spinbox button span {*/
/*position: absolute;*/
/*width: 0;*/
/*height: 0;*/
/*border-left: 7px solid transparent;*/
/*border-right: 7px solid transparent;*/
/*display: block;*/
/*}*/

/*.fancy-spinbox button span.triangle-up {*/
/*top: 20px;*/
/*background: url("../images/icons/quantity-icon-left.png") no-repeat;*/
/*left: 30px;*/
/*height: 13px;*/
/*width: 9px;*/
/*}*/

/*.fancy-spinbox button span.triangle-down {*/
/*top: 20px;*/
/*background: url("../images/icons/quantity-icon-right.png") no-repeat;*/
/*right: 30px;*/
/*height: 13px;*/
/*width: 9px;*/
/*}*/

#select-size-fancy, .select-size-bike {
    background: url("../images/icons/size-icon-select.png") no-repeat #ebebeb;
    background-position: 92% 50%;
}

#select-size-fancy.fancy-spinbox button span.triangle-down, #select-size-fancy.fancy-spinbox button span.triangle-up {
    display: none;
}

#select-size-fancy.fancy-spinbox ul.dropdown li {
    padding: 3px 0;
}

/*
* STYLE
*/
.select-size-bike.fancy-spinbox {
    width: 100%;
    height: 40px;
    border: none;
}

.select-size-bike.fancy-spinbox .crop {
    height: 40px;
    width: 100%;
}

.select-size-bike.fancy-spinbox li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    text-align: center;
    font-family: dinpromedium;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    padding: 10px 0;
    padding-right: 25px;
}

.select-size-bike:hover {
    background: url("../images/icons/size-icon-select.png") no-repeat #ebebeb;
    background-position: 92% 50%;
}

.select-size-bike.fancy-spinbox ul.dropdown {
    top: 40px;
}

.select-size-bike ul.dropdown li.selected, .select-size-bike ul.dropdown li.selected *, .select-size-bike ul.dropdown li.selected:hover {
    color: #fff;
    background-color: #ff0000;
}

.select-size-bike ul.dropdown li {
    padding: 3px 0;
}

.select-size-bike ul.dropdown li:hover {
    color: #000;
    background-color: #ebebeb;
}

.fancy-spinbox ul.dropdown {
    border: solid 1px #ebebeb;
}

/*.select-size-bike.fancy-spinbox{*/
/*width: 100%;*/
/*height: 40px;*/
/*background-color: #ebebeb;*/
/*border:none;*/
/*}*/

/*.select-size-bike.fancy-spinbox li {*/
/*width: 100%;*/
/*height: 40px;*/
/*}*/

.select-size-bike.fancy-spinbox button span.triangle-down, .select-size-bike.fancy-spinbox button span.triangle-up {
    display: none;
}

@media (max-width: 480px) {
    .fancy-spinbox, .fancy-spinbox ul.dropdown, .fancy-spinbox li, .fancy-spinbox .buttons {
        width: 250px;
    }
}

/*@media (max-width: 992px) and (min-width: 767px) {*/
/*.fancy-spinbox, .fancy-spinbox ul.dropdown, .fancy-spinbox li, .fancy-spinbox .buttons {*/
/*width: 347px;*/
/*}*/
/*}*/

/*@media (max-width: 1600px) and (min-width: 1200px) {*/
/*.fancy-spinbox, .fancy-spinbox ul.dropdown, .fancy-spinbox li, .fancy-spinbox .buttons {*/
/*width: 250px;*/
/*}*/
/*}*/

/* TABELA ROZMIARÓW*/

.size-table {
    background-image: url("../images/clothing/bg_accessories_size.jpg");
    background-color: #000;
    background-repeat: no-repeat;
    min-height: 700px;
    background-color: #000000;
    background-position: bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.size-table table {
    max-width: 630px;
}

/*th {*/
/*text-align: center;*/
/*font-family: dinpromedium;*/
/*font-size: 15px;*/
/*color: #d0d0d0;*/

/*}*/

.size-human img {
    float: right;
    margin-right: 100px;
    margin-top: 200px
}

@media (max-width: 992px) {
    .size-human img {
        margin-right: 0;
    }

    .table-description tr th {
        width: auto;
        padding-right: 10px;
    }

    .block-links div {
        padding-right: 0px !important;
    }
}

/*@media (max-width: 992px) and (min-width: 767px) {*/
/*.form-group > select.form-control, .form-group.form-buy > input[type=submit] {*/
/*width: 347px;*/
/*}*/
/*}*/

@media (max-width: 480px) {
    #Content-gallery .carousel-indicators li {
        width: 100px;
        height: 100px;
    }

    #Content-gallery .carousel-indicators li img {
        width: 100px;
        /*height: 80px;*/
        margin: 0;
    }
}

.size-table h3 {
    margin-top: 84px;
    margin-bottom: 84px;
    font-family: dinprolight;
    text-transform: uppercase;
    font-size: 50px;
    color: #fff;
}

th.param {
    text-align: left;
    text-transform: none;
    font-family: dinprolight;
    font-size: 15px;
    width: 233px;
}

.table thead tr th, .table tbody tr th {
    border-bottom: solid #262626 1px;
    border-top: none;

}

.table thead tr th, .table tbody tr th {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px

}

th.size {
    text-align: center;
    margin: 0 auto;
    float: none;
    border: none;

}

.size div {
    width: 44px;
    height: 43px;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #e2061a;
    font-family: dinproregular;
    padding-top: 7px;
    margin: 0 auto;
}

th.last_row {
    border: none !important;
}

.block-links a {
    font-size: 16px;
    color: #747474;
    padding: 0;
}

/* Polecane produkty*/

.recommend {
    min-height: 460px;
    background-color: #fff;
    /*padding-top: 80px;*/
    /*padding-bottom: 90px;*/
}

.recommend img {
    text-align: center;
    margin: 50px auto 10px auto;
    height: auto;
    max-height: 140px;

}

.recommend h2 {
    font-size: 50px;
    font-family: dinprolight;
    text-transform: uppercase;
    color: #000;
    text-align: center;

}

.description-recommend, .description-bike {
    text-align: center;
    text-transform: uppercase;
    line-height: 21px;
}

.description-recommend .description-category {
    font-family: dinproregular;
    font-size: 16px;
    color: #9e9e9e;
}

.description-recommend .description-text, .description-bike .description-text {
    font-family: dinproregular;
    font-size: 24px;
    color: #313131;
    padding: 0;
}

.description-recommend .description-prize, .description-bike .description-prize {
    font-family: dinproregular;
    font-size: 18px;
    color: #9e9e9e;
}

@media (min-width: 1200px) {
    .margin-col-lg-2 {
        margin-left: 16.66666667%;
    }
}

/*-- skley --*/

.stores {
    background-image: url("../images/accessories/bg_stores.jpg");
    background-repeat: no-repeat;
    height: 640px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
}

.stores-box {
    margin-bottom: 300px;
}

.stores h3 {
    font-size: 50px;
    font-family: dinprolight;
    text-transform: uppercase;
    color: #fff;
    margin-top: 90px;
    margin-bottom: 95px;
    font-weight: normal;
    text-align: center;

}

.stores-button {
    text-align: center;
    margin-top: 7%;
}

.stores-button a {
    padding: 23px 86px;
    text-align: center;
    border: solid #fff 1px;
    color: #fff;
    font-family: dinpromedium;
}

@media (max-width: 1200px) {

    .stores h3 {
        margin-top: 10%;
        margin-bottom: 10%;
        font-size: 40px;
    }

    .size-table h3 {
        font-size: 40px;
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .stores p {
        line-height: 25px;
        margin-bottom: 20px;
    }

    .content {
        margin-top: 0px;
    }

}

@media (max-width: 480px) {
    .stores p {
        padding: 0 0;
    }

    /*.stores h3 {*/
    /*margin-top: 5%;*/
    /*margin-bottom: 5%;*/
    /*}*/
    /*form input[type=text] {*/
        /*width: 100% !important;*/
        /*height: 55px !important;*/
        /*padding-left: 15px !important;*/
    /*}*/

    /*.stores h3 {*/
    /*font-size: 30px;*/
    /*}*/
    .form-group > .form-control, .form-group > input[type=submit] {
        width: 250px;
    }

    .block-links {
        width: 250px;
    }

    .block-links div {
        display: block;
    }

    .size div {
        margin-left: 0;
    }

    .recommend img {
        margin: 20px auto 7px auto;
        max-height: 90px;
    }

    .recommend.recommend-similar {
        min-height: 620px;
    }

    .recommend {
        min-height: 700px;
    }

    .stores div div {
        font-size: 12px;
        line-height: 18px;
    }

}

@media (max-width: 320px) {
    .stores div div {
        font-size: 10px;
        line-height: 18px;
    }
}

/* podstronna z rowerami*/

.bike-block {
    background-color: #fff;
    padding-top: 45px;
}

.bike-block h1 {
    font-family: dinpromedium;
    font-size: 80px;
    line-height: 57px;
    color: #000000;
    margin: 0 0 0 -6px;
    text-transform: uppercase;
    display: inline-block;
}

.gallery-bke-control.carousel-indicators li, .gallery-bke-control.carousel-indicators .active {
    margin: 7px 39px 25px 7px;
    padding: 0;
    margin-bottom: 45px;

}

.gallery-bke-control.carousel-indicators {
    position: relative;
    bottom: 0;
    margin-left: 0%;
    width: 100%;
    left: 0;
}

.gallery-bke-control.carousel-indicators li {
    width: 162px;
    height: 12px;
    border: none;
    background: none;
    display: inline-block;
    text-indent: 0;
    opacity: 0.5;
}

.gallery-bke-control.carousel-indicators .active {
    width: 162px;
    height: 12px;
    border: none;
    background: none;
    display: inline-block;
    opacity: 1;

}

.carousel-indicators p {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    float: left;
    margin: 0 0 9px;

}

.content-left {
    padding-left: 0;
    padding-right: 0;
}

/*.bike-carousel-colors {*/
/*padding: 0;*/
/*margin-bottom: 30px;*/
/*}*/

/*.icons-bike p {*/
/*height: 50px;*/

/*display: inline-block;*/
/*text-align: center;*/
/*font-family: dinpromedium;*/
/*font-size: 12px;*/
/*color: #fff;*/
/*padding-top: 20px;*/

/*}*/

/*.weight {*/
/*background-image: url("../images/bike/icons/weight.png");*/
/*width: 52px;*/
/*background-repeat: no-repeat;*/
/*}*/

/*.paramSize {*/
/*background-image: url("../images/bike/icons/param.png");*/
/*width: 47px;*/
/*padding-right: 3px;*/
/*background-repeat: no-repeat;*/
/*}*/

/*.inches {*/
/*background-image: url("../images/bike/icons/inches.png");*/
/*width: 44px;*/
/*background-repeat: no-repeat;*/
/*}*/

@media (max-width: 1200px) {
    .icons-bike {
        margin-top: -50px;
    }

    .block-links {
        margin-top: 10px;
    }
}

.bike-thumbnails {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px
}

.bike-thumbnails div {
    display: inline-block;
    width: 10.7%;
}

@media (max-width: 1200px) {
    .bike-thumbnails {
        padding-left: 0;
        padding-right: 0;
    }

    .bike-thumbnails div {
        margin-left: -5px;
        width: 11.16%;
    }
}

@media (max-width: 767px) {
    .bike-thumbnails div {
        margin-left: 0;
        width: 32.62%;
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .bike-block h1 {
        line-height: 60px;
    }

    .bike-thumbnails div {
        margin-left: -5px;
        width: 33.7%;
        margin-top: -6px;
    }
}

@media (max-width: 320px) {
    .bike-thumbnails div {
        margin-left: 0;
        width: 49.14%;
        margin-top: 0;
    }
}

/*technologia i specyfikacja */
/*.technology-kross-block {*/
/*padding-top: 80px;*/
/*margin-top: 30px;*/

/*}*/

@media (max-width: 767px) {
    .technology-kross-block {
        padding-top: 30px;

    }
}

.technology-block, .specification-block, .selected-components {
    background-image: url("../images/clothing/bg_accessories_size.jpg");
    background-color: #000;
    background-repeat: no-repeat;
    min-height: 700px;
    background-color: #000000;
    background-position: bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.specification-block {
    min-height: 930px;
}

.selected-components {
    min-height: 953px;
}

.technology-block h3, .specification-block h3, .selected-components h3 {
    padding-top: 80px;
    margin-bottom: 80px;
    color: #fff;
    font-family: dinprolight;
    text-align: center;
}

.technology-block, .specification-block {
    font-size: 16px;
    color: #d1d1d1;
    line-height: 25px;
    padding-bottom: 60px;
}

.technology-block .row-technology {
    padding-bottom: 135px;
}

.technology-block img {
    margin-top: -5px;
}

.last-col-technology {
    margin-top: 16px;
}

.technology {
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .technology-block img {
        margin: 0 auto;
        padding: 15px 0;
    }

    .technology {
        margin-bottom: 30px;
    }

    .last-col-technology {
        margin-bottom: 65px;
    }
}

.table-technology thead tr th {
    text-align: left;
    text-transform: uppercase;
    font-family: dinprolight;
    font-size: 25px;
    color: #e1e1e1;
    padding-bottom: 25px;

}

.table-technology tbody tr {
    line-height: 50px;
}

.table-technology .component {
    text-transform: uppercase;
    font-family: dinprolight;
    font-size: 16px;
    color: #b2b2b2;
    width: 260px;
}

.component-variable {
    width: 260px;
    color: #c7c7c7;
    font-family: dinpromedium;
    font-size: 18px;
    line-height: 28px;
}

@media (min-width: 767px) and (max-width: 1200px) {
    .row-specification {
        padding-left: 165px
    }
}

@media (max-width: 767px) {
    .row-specification {
        padding-left: 15px;
    }
}

@media (max-width: 1200px) {
    .table-technology tbody tr {
        line-height: 38px;
    }

    .table-technology thead tr th {
        padding-top: 75px;
    }
}

.button-specification-block {
    text-align: center;
    border: solid #fff 1px;
    color: #fff;
    font-size: 18px;
    font-family: dinproregular;
    padding: 8px 18px;
    position: absolute;
    right: 70px;
    margin-top: -128px;
}

@media (max-width: 1200px) {
    .button-compare {
        text-align: center;
    }

    .button-specification-block {
        position: relative;
        right: 0;
    }

    .specification-block h3 {
        margin-bottom: 30px;
        text-align: center;
    }

}

.button-specification-block img {
    margin-top: -6px;
    margin-left: 22px;
}

/* BLOK Z OBRAZKIEM NA PODSTRONIE ROWERU */

.img-content {
    background-image: url("../images/bike/img-content.jpg");
    /*background-image: url("../images/bike/img-content-v2.jpg");*/
    background-repeat: no-repeat;
    background-position: 30%;
    height: 1045px;
    /*height: 318px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* BLOK Z OBRAZKIEM NA PODSTRONIE ROWERU GłÓWNEGO */

.img-content {
    background-image: url("../images/bike/img-content-big-bike.jpg");
    /*background-image: url("../images/bike/img-content-v2.jpg");*/
    background-repeat: no-repeat;
    background-position: 30%;
    height: 695px;
    /*height: 318px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* WYBRANE KOMPONENTY */

.selected-components {
    text-align: center;
}

.selected-components img {
    margin: 0 auto;
}

.selected-components h4 {
    margin-top: 95px;
    margin-bottom: 50px;
}

.selected-components p {
    font-size: 16px;
    color: #c2c2c2;
    line-height: 21px;
}

@media (max-width: 1200px) {
    .selected-components {
        padding-bottom: 65px;
    }

    .first-component {
        padding-bottom: 50px;
    }

    .selected-components .second-component h4 {
        margin-top: 110px;
    }
}

@media (max-width: 992px) {
    .selected-components img {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .selected-components .second-component h4 {
        margin-top: 50px;
    }
}

/* geometria */
.size-frame {
    font-size: 16px;
    font-family: dinprolight;
}

.size-frame-img img {
    margin-top: 3px;
}

.size-frame, .size-frame thead tr th, .size-frame tbody tr th {
    border: none;
    padding-bottom: 0px;
    line-height: 20px;
}

.size-table.size-frame h3 {
    margin-bottom: 65px;
    text-align: center;

}

.size-table.size-frame th.param {
    float: right;
    text-align: right;
    width: 263px;
}

@media (max-width: 992px) and (min-width: 767px) {
    .size-table.size-frame th.param {
        width: 165px;
    }
}

.shortcut-param {
    padding: 0;
    text-align: left;
    color: #e30613;
    text-transform: uppercase;
}

.size-frame .size div {
    margin: 0 auto 20px auto;
}

.size-frame .size div {
    padding-top: 10px;
}

div label input {
    margin-right: 100px;
}

.btn-group {
    float: right;
}

/*.btn.btn-primary {*/
/*width: 146px;*/
/*height: 40px;*/
/*background-color: transparent !important;*/
/*background-image: none;*/
/*border: 1px solid #fff;*/
/*margin-left: 18px;*/
/*margin-right: 18px;*/
/*margin-bottom: 10px;*/
/*opacity: 0.5;*/
/*}*/

/*.btn.btn-primary.active {*/
/*opacity: 1;*/
/*}*/

/*.btn-primary.active,*/
/*.btn-primary.focus,*/
/*.btn-primary:active,*/
/*.btn-primary:focus,*/
/*.btn-primary:hover {*/
/*border: 1px solid #fff !important;*/
/*background-color: transparent !important;*/
/*background-image: none;*/
/*}*/

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    /*background-color: transparent !important;*/
}

.form-row p {
    display: inline-block;
    text-align: left;
    font-family: dinprobold;
    font-size: 18px;
    color: #fff;
}

.slider-height {
    display: inline-flex;
    margin-top: 28px;
}

.slider-height, .slider-height output {
    font-size: 18px;
    font-family: dinproregular;
    color: #ffffff;
}

.slider-height-form {
    padding-left: 0
}

.slider-height-value output {
    padding-top: 0px;
    margin-top: -3px;

}

.slider-height-value {
    margin-top: 18px;
}

input[type="range"] {
    -webkit-appearance: none;
    background: transparent;
    outline: none;

}

input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    background: transparent;
    outline: none;

}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    outline: none;

}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
    background: transparent;
}

input[type="range"]::-ms-tooltip {
    display: none;
}

/* thumb */

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 38px;
    background: #e30613;
    margin-top: -4px;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 38px;
    background: #e30613;
    margin-top: -4px;
}

input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 38px;
    background: #e30613;
    margin-top: -4px;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    border: none;
    background: #6c6c6c;

}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    height: 2px;
    border: none;
    background: #6c6c6c;
}

input[type=range]::-moz-range-track {
    height: 2px;
    border: none;
    background: #6c6c6c;
}

.size-frame h5 {
    margin-bottom: 45px;
    width: 90%;
    padding: 0;
}

.size-frame .form-row {
    margin-bottom: 40px;
}

.responsive-size-param {
    display: none;
}

@media (max-width: 767px) {

    .btn-group {
        float: left;
    }

    .size-frame table {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .size-frame-img img {
        margin: 0 auto;
        padding-bottom: 70px;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .size-frame.param {
        display: none;
    }

    .size.responsive-size-param, .param.responsive-size-param {
        display: inline-block;
    }

    .size-frame-img img {
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .size-frame {
        padding-bottom: 120px;
    }

    .size-table.size-frame th.param {
        float: none;
    }

    .size-frame h5 {
        font-size: 27px;
        width: 60%;

    }

    input[type=range].vVertical {
        -webkit-appearance: none;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 265px;
        position: absolute;
        left: -69%;
        margin-top: 111px;

    }

    .form-row-sex {
        width: 100%;
    }

    .form-row-slider {
        position: absolute;
        right: 0;
        width: 40%;
    }

    .slider-height-value {
        margin-top: 18px;
        position: absolute;
        left: 40%;
        top: 50%;
    }

    .size-frame .form-row {
        padding: 0;
    }

    .btn-group {
        float: left;
    }

}

@media (max-width: 480px) {
    .size-table.size-frame th.param {
        text-align: right;
        width: 150px;
    }

    .size-frame table {
        margin: 0 auto;
    }

    .size-table.size-frame table {
        max-width: 250px;
    }

    .size-frame table {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    /*.btn.btn-primary {*/
        /*width: 115px;*/
        /*margin-top: 10px;*/
    /*}*/
}

@media (max-width: 320px) {
    .size-frame table {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .size-frame .form-row {
        padding: 0;

    }

}

.recommend-similar .description-recommend {
    margin-top: 30px;
}

/*@keyframes hvr-wobble-vertical {*/
/*16.65% {*/
/*-webkit-transform: translateY(8px);*/
/*transform: translateY(8px);*/
/*}*/
/*}*/

/*.hvr-wobble-vertical {*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*-webkit-transform: translateZ(0);*/
/*transform: translateZ(0);*/
/*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
/*-webkit-backface-visibility: hidden;*/
/*backface-visibility: hidden;*/
/*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {*/
/*-webkit-animation-name: hvr-wobble-vertical;*/
/*animation-name: hvr-wobble-vertical;*/
/*-webkit-animation-duration: 6s;*/
/*animation-duration: 1s;*/
/*-webkit-animation-timing-function: ease-in-out;*/
/*animation-timing-function: ease-in-out;*/
/*-webkit-animation-iteration-count: 1;*/
/*animation-iteration-count: 1;*/
/*}*/

.recommend-similar a {
    background-image: url("../images/bike/race-pro-link.jpg");
    background-repeat: no-repeat;
    display: block;
    background-position-x: 50%;
    background-position-y: 72%;
}

.recommend-similar a:hover {
    background-image: url("../images/bike/race-pro.png");
    background-repeat: no-repeat;
    display: block;
    background-position-x: 50%;
    background-position-y: 72%;
}

@media (max-width: 480px) {
    .recommend-similar a {
        background-position-y: 60%;
    }

    .recommend-similar a:hover {
        background-position-y: 60%;

    }

    .recommend-similar .description-recommend {
        margin-top: 40px;
    }
}

/* PODSTRONA AKCESORIÓW */
.accessories-header {
    background-image: url("../images/accessories/accessories-bg.jpg");
    background-repeat: no-repeat;
    height: 370px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

.header-content {
    position: absolute;
    bottom: 50px;
    width: 95%;
}

@media (max-width: 1800px) {
    .breadcrumbs-wrap,
    .header-content-title, .searcher {
        width: 100%;
    }

    .searcher {
        margin-top: 60px;
    }

    .header-content .description-title h3 {
        margin-top: 14px;
        line-height: 38px;
    }
}

@media (max-width: 767px) {
    .searcher {
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .header-content .select-searcher {
        padding-left: 0;
    }

    .header-content .select-sercher-title {
        width: 100%;
    }

    .header-content {
        width: auto;
    }

}

@media (max-width: 1200px) {
    .accessories-header .header-content .description-title h3 {
        margin-top: -4px;
        line-height: 48px;
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .header-content {
        bottom: 25px;
    }

    .accessories-header .header-content .description-title h3 {
        margin-top: -4px;
        line-height: 35px;
        font-size: 40px;
    }

    .accessories-header .breadcrumbs-accessories {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .accessories-header .header-content .description-title h3 {
        margin-top: 0;
        line-height: 29px;
        font-size: 37px;
    }

    .accessories-header .breadcrumbs-accessories {
        font-size: 13px;
    }
}

.breadcrumbs-accessories {
    font-family: dinproregular;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #e3e2e2;
    line-height: 31px;
}

.header-content .description-title h3 {
    margin-top: 15px;
    line-height: 80px;
}

.accessories-bg {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60PX;
}

.colors-select {
    display: block;
}

.description-accessories {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    text-align: center;
}

.description-accessories .btn-group {
    float: none;
    text-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;

}

.selected-accesories .btn-group {
    display: flex;
    padding-bottom: 15px;
    margin-top: 13px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
}

.selected-accesories .select-size-bike {
    background: url("../images/icons/size-icon-select-accessories-item.jpg") no-repeat #ebebeb;
    background-position: 92% 50%;
}

.no-color-select {
    height: 22px;
}

.menu-accessories {
    padding: 0;
}

@media (max-width: 767px) {
    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .content-accesories-select {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .col-xxs-6 {
        width: 100%;
    }
}

.accessories-bg .tabs-left > .nav-tabs {
    border: none;
}

@media (max-width: 480px) {
    .searcher {
        margin-top: 0%;
    }
}

@media (min-width: 1800px) {
    .header-content .searcher {
        position: absolute;
        left: 33.33333%;
        bottom: -15px;
    }
}

.select-searcher {
    padding: 0;
    width: auto;
    padding-left: 40px;
}

.select-sercher-title {
    padding: 0;
}

/* filtrowanie akcesoriów*/

.color-select.button-size-accessories .select-size-bike.fancy-spinbox {
    width: 142px
}

.button-size-accessories .select-size-bike.fancy-spinbox {
    width: 220px
}

.button-size-accessories .select-size-bike {
    background: url("../images/icons/size-icon-select-accessories.png") no-repeat #000;
    background-position: 92% 50%;
}

.button-size-accessories .select-size-bike ul.dropdown li.selected, .button-size-accessories .select-size-bike ul.dropdown li.selected *, .button-size-accessories .select-size-bike ul.dropdown li.selected:hover {
    color: #e3e2e2;
    background-color: #999999;
}

.button-size-accessories .select-size-bike.fancy-spinbox li {
    color: #e3e2e2;
    border: solid 1px #999999;
}

.button-size-accessories .select-size-bike ul.dropdown li {
    background-color: #000;
    border: none;
    padding: 6px 0;

}

.button-size-accessories .fancy-spinbox ul.dropdown {
    border: solid 1px #999999;
    border-top: none;
}

.button-size-accessories .select-size-bike ul.dropdown li:hover {
    color: #000;
    background-color: #fff;
}

.title-text-search {
    margin-top: 9px;
    font-size: 16px;
    font-family: dinproregular;
    padding: 0;
    margin-right: 5px;
    width: auto;
}

.title-text-search-bold {
    margin-top: 9px;
    font-size: 16px;
    font-family: dinprobold;
    padding: 0;
    width: auto;
    margin-right: 15px;
}

.sort-select.button-size-accessories .select-size-bike.fancy-spinbox {
    width: 220px
}

/* PODSTRONA ROWERÓW */
.bikes-header {
    background-image: url("../images/bikes/bg-header.jpg");
    background-repeat: no-repeat;
    height: 374px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    /*margin-bottom: 60px;*/
}

.bike-breadcrumbs {
    font-family: dinproregular;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #e3e2e2;
    line-height: 31px;
}

.description-title h3 {
    font-family: dinprolight;
    font-size: 98px;
    color: #fff;
    padding: 0;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -6px;
    font-weight: 100;
}

.description-bike p {
    font-family: dinproregular;
    font-size: 19px;
    color: #e3e2e2;
    padding-left: 85px;
}

.bikes-header-content {
    position: absolute;
    bottom: 50px;
}

.bottom-menu-group a {
    font-size: 17px;
    font-family: dinpromedium;
    text-transform: uppercase;
    color: #fff;
    height: 50px;

    border-radius: 0;
    border: none;
}

.select-all-bikes-menu .nav-tabs > li > a {
    margin-right: 0;
    line-height: 26px;
    border: none;
    border-radius: 0;
}

.select-all-bikes-menu .nav-tabs > li > a:hover {
    color: #000000;
    background: #fff;
    height: 50px;
}

.select-all-bikes-menu .bottom-menu-group > li.active > a, .select-all-bikes-menu .bottom-menu-group > li.active > a:focus, .select-all-bikes-menu .bottom-menu-group > li.active > a:hover {
    color: #000000;
    height: 50px;
    border-radius: 0;
    border: none !important;
}

.select-all-bikes-menu .bottom-menu-group.nav-tabs {
    height: 50px;
    border: none;
    background: #e1061a;
}

.select-all-bikes-menu .nav-tabs > li {
    width: 12%;
    text-align: center;
}

.space-image {
    background-image: url("../images/bikes/space.jpg");
    width: 1px;
    height: 11px;
    position: absolute;
    top: 18.5px;
    left: 0;
}

.select-all-bikes-menu .nav-tabs > li:hover .space-image {
    background: none;
}

.active .space-image {
    background: none;
}

@media (max-width: 767px) {
    .recommend-similar {
        min-height: 700px;
    }
}

.selected-bike {
    padding: 30px 0 0 0;
    height: auto;
    min-height: 100%;
    margin-bottom: 22px;
    text-align: center;
}

.selected-bike.selected-bike-main {
    height: auto;
}

.selected-bike {
    height: 330px;
}

@media (max-width: 767px) {
    .form-select-size {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .selected-bike {
        height: 270px;
    }

    .selected-accesories {
        height: 300px;
    }
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .selected-bike {
        height: 300px;
    }

    .selected-accesories {
        height: 330px;
    }
}

.selected-bike.selected-bike-main {
    min-height: 100%;
}

.selected-bike a .img-responsive {
    margin: 0 auto;
}

.selected-bike .description-bike {
    margin-top: 15px;
}

.selected-bike .description-bike.description-accessories {
    margin-top: 0px;
}

.selected-bike a {
    display: block;
}

/*.selected-bike a:hover {*/
/*background-image: url('../images/bike/race-pro.png');*/
/*background-repeat: no-repeat;*/
/*background-position-x: 50%;*/
/*background-position-y: 72%;*/
/*display: block;*/
/*}*/

.selected-bike .similar-bike {
    height: 250px;
}

.selected-bike-main .description-text {

    display: inline-block;
    float: left;
}

.selected-bike-main .description-prize {
    display: inline-block;
    float: right;
}

.selected-bike-main img {
    margin: 0 auto;
}

.select-all-bikes {
    padding-bottom: 0px;
    background-color: #fff;
}

.select-all-bikes-menu {
    padding-bottom: 60px;
    background-color: #fff;
}

.selected-bike-main a, .selected-bike-main a:hover {
    display: inline-block;
    background-position-y: 98%;
}

.selected-bike:hover {
    background: #f7f7f7;
}

.buy-hover {
    color: #000000;
}

.buy-hover {
    display: none;
}

.button-size {
    padding-right: 0;
    padding-left: 0;
    font-family: dinpromedium;
    font-size: 15px;
    text-transform: uppercase;
    height: 40px;
}

.buton-buy {
    padding: 0;

}

.buy-hover {
    text-align: center;
}

.buton-buy a {
    height: 40px;
    color: #fff;
    font-family: dinpromedium;
    font-size: 15px;
    background: #ff0000;
    text-align: center;
    vertical-align: middle;
    display: block;
    width: 100%;
    line-height: 40px;
}

.buy-hover .form-control {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #ebebeb;
    font-family: dinpromedium;
    font-size: 15px;
    height: 40px;
    max-width: 100%;
    float: right;

}

.buy-hover .btn-group {
    float: none;

}

label.btn.btn-primary.colors-bike {
    width: 31px;
    height: 7px;
    box-shadow: none;
    margin: 0 4px;

}

label.btn.btn-primary.colors-bike img {
    margin: 0 auto;

}

.btn.btn-primary.colors-bike.active, .btn.btn-primary.colors-bike.active:focus, .btn.btn-primary.colors-bike.active:hover {
    box-shadow: none;
}

.btn.colors-bike {
    padding: 0;
    line-height: 0;
}

.sample {
    width: 200px;
    height: 200px;
    background: #aaa;
}

/*.plus-link {*/
/*width: 38px;*/
/*height: 38px;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*background-color: #fff;*/
/*}*/

/*.plus-link a:hover, .plus-link a {*/
/*margin: 0 auto;*/
/*color: #000;*/
/*width: 18px;*/
/*height: 18px;*/
/*margin-top: 10px;*/
/*background: #636363;*/
/*position: relative;*/
/*font-size: 24px;*/
/*}*/

/*.plus-link a span {*/
/*position: absolute;*/
/*left: 2px;*/
/*bottom: -20%;*/
/*font-size: 24px;*/
/*font-family: dinproregular;*/
/*color: #f7f7f7;*/
/*}*/

.selected-bike .buy-hover .btn-group {
    display: flex;
    padding-bottom: 15px;
    margin-top: 13px;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
}

.selected-bike.selected-bike-main .buy-hover-buttons {
    position: relative;
}

.selected-bike .buy-hover-buttons {
    position: absolute;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.buy-hover {
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.buy-hover-buttons {
    left: 25px;
}

@media (max-width: 1600px) {
    .bikes-header-content .description-title h3 {
        font-size: 60px;
    }

    .bikes-header-content .description-title span.model-title {
        font-size: 60px;

    }

    .bikes-header-content .description-bike p {
        padding-left: 0;
        text-align: left;
    }

    .bike-breadcrumbs {
        line-height: 17px;
    }
}

@media (max-width: 480px) {
    .bikes-header-content .description-title h3 {
        font-size: 42px;
        line-height: 40px;
    }

    .bikes-header-content .description-title span.model-title {
        font-size: 50px;
        line-height: 40px;

    }

    .bike-breadcrumbs {
        font-size: 13px;
    }

    .bikes-header-content .description-bike p {
        font-size: 15px;
        padding-right: 20px;

    }
}

@media (max-width: 1300px) {
    li.free-space {
        display: none;
    }

    .select-all-bikes-menu .nav-tabs > li {
        width: 25%;
    }

    .select-all-bikes-menu .bottom-menu-group.nav-tabs {
        height: 99px;
    }
}

@media (max-width: 767px) {
    .select-all-bikes-menu .nav-tabs > li {
        width: 50%;
    }

    .select-all-bikes-menu .bottom-menu-group.nav-tabs {
        height: 197px;
    }
}

/* PODSTRONA AKTUALNOŚCI */
/*test*/

.news-header {
    background-image: url("../images/news/bg-news.jpg");
    background-repeat: no-repeat;
    height: 323px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

.news {
    padding-bottom: 0px;
    background-color: #fff;
}

.news-post {
    padding-top: 0px;

}

.news-post .description {
    text-align: center;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: rgba(227, 6, 19, 0.5);
    z-index: 1;
    padding-top: 25%;

}

.news-post .description-icon img {
    margin: 0 auto;
    padding-bottom: 5px;
    max-width: 27px;
    text-align: left;
    float: left;
}

.tittle-article {
    font-size: 17px;
    color: #000;
    font-family: dinproregular;
    text-transform: uppercase;
    text-align: left;
}

.date-article {
    font-size: 14px;
    color: #9d9d9d;
    font-family: dinproregular;
    text-align: left;
}

.text-article {
    padding-top: 15px;
    font-size: 14px;
    color: #9d9d9d;
    text-align: left;
}

.news-post .description-text {
    color: #f7f7f7;
    font-size: 17px;
    font-family: "dinprobold";
    opacity: 12 !important;
    text-transform: uppercase;
    padding: 0;
    text-align: left;
    float: left;
    padding-right: 18px;
}

.news-post .text-description-block {
    position: absolute;
    left: 20%;
    top: 50%;
    height: 30%;
    width: 100%;
}

.news-post .article {

    margin-top: 60px;
}

.news-post {

    margin: auto
}

.news *, .news *:before, *:after {
    box-sizing: border-box !important;
}

.news .row {
    moz-column-width: 278px;
    -webkit-column-width: 278px;
    --moz-column-gap: 0;
    -webkit-column-gap: 0;

}

.news .item {
    display: inline-block;
    padding-top: 60px;
    width: 100%;
    max-width: 278px;
}

.news .well {
    position: relative;
    display: block;
    padding: 0;
    background: none;
    border: none;
}

.news .masonry {
    text-align: center;
    padding-bottom: 76%;

}

@media (max-width: 1700px) {
    .news .row {
        -moz-column-gap: 61px;
        -webkit-column-gap: 61px;
    }
}

@media (max-width: 420px) {
    .masonry {
        padding-bottom: 16%;
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(1.0, 0.5);
        transform: scale(1.0, 0.2);
    }

    50% {
        -webkit-transform: scale(1.0, 0.8);
        transform: scale(1.0, 0.8);
    }

    100% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
    }
}

.icon-image img {
    position: absolute;
    left: 100%;
    top: -29%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.icon-image-hover {
    display: none;
}

.icon-image {
    position: relative;
    width: 60px;
    height: 23px;
    overflow: hidden;
    margin: 0 auto;
}

.icon-image {
    padding-top: 5px;
    padding-bottom: 12px;
}

.icon-image-hover {
    padding-top: 3px;
    padding-bottom: 12px;
}

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

/* KOSZYK */
.shopping-cart-header {
    height: 192px;
    background: #000;
    padding-top: 40px;
}

.shopping-cart-menu {
    background: #e1061a;
    height: 50px;
}

.shopping-cart-menu-item {
    text-align: center;
    padding-top: 12px;
    height: 50px;
}

.shopping-cart-menu-item {
    font-family: dinpromedium;
    font-size: 17px;
    color: #fff;
    height: 50px;
}

.shopping-cart-menu-item:hover {
    background: #fff;
    color: #2d2d2d;
}

.shopping-cart-menu-item.active {
    background: #fff;
    color: #2d2d2d;

}

@media (max-width: 767px) {
    .shopping-cart-menu {
        height: 100px;
    }

    .row.row-s-page.menu-cart-row-small {
        padding: 0;
    }

    .col-small-cart {
        padding: 0;
    }
}

@media (max-width: 490px) {
    .shopping-cart-menu {
        height: 200px;
    }

    .col-small-cart {
        width: 100%;
        padding: 0;
    }

    .row.row-s-page.menu-cart-row-small {
        padding: 0;
    }
}

.shopping-cart-your-shop {
    background: #fff;
    min-height: 600px;
    padding-top: 60px;
}

.icon-x-style {
    font-size: 36px;
    font-family: dinprolight;
    width: 100%;
    height: 100%;
    color: #000;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    margin-top: -2px;
}

.icon-close {
    border: solid 1px #000;
    width: 55px;
    height: 55px;
    text-align: center;
    float: right;
    margin-right: 30px;
}

@media (max-width: 1200px) {
    .icon-close {
        margin-right: 0;
    }
}

.item-close a:hover .icon-x-style, .item-close a:focus .icon-x-style {
    color: #e1061a;
}

.item-close a:hover .icon-close {
    border: solid #e1061a 1px;
}

.item-close a:focus .icon-close {
    border: solid #e1061a 3px;
    width: 58px;
    height: 58px;
}

@media (min-width: 767px) {
    .row-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-height {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: middle;
    }
}

@media (max-width: 490px) {
    .item-cart .item-image, .item-cart .item-description, .item-cart .item-quantity, .item-cart .item-prize {
        width: 90%;
        float: right;
        padding-bottom: 16px;
    }

    .item-cart .icon-close {
        float: none;
    }
}

@media (min-width: 490px) and (max-width: 766px) {
    .row-height-new {
        display: table;
        table-layout: fixed;
        height: 100%;
    }

    .col-height-new {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: middle;
    }
}

.item-cart .item-prize {
    text-align: left
}

@media (max-width: 767px) {
    .item-cart .item-prize {
        text-align: center;
    }
}

@media (min-width: 490px) and (max-width: 766px) {
    .item-cart .item-close, .item-cart .item-image, .item-cart .item-description, .item-cart .item-quantity, .item-cart .item-prize {
        min-height: 150px;
    }
}

@media (max-width: 992px) {
    .center-item-select .quantity-cart-select.fancy-spinbox, .center-item-select .quantity-cart-select.fancy-spinbox li, .center-item-select .quantity-cart-select.fancy-spinbox .buttons {
        width: 200px;
    }

}

@media (min-width: 490px) and (max-width: 1200px) {
    .button-cart-end .button-back-shopping, .button-cart-end .button-pay {
        width: 45%;
    }
}

@media (max-width: 490px) {
    .button-row .button-cart-end .button-back-shopping, .button-row .button-cart-end .button-pay {
        width: 100%;
        margin: 0;
    }

    .button-row .button-cart-end .button-pay {
        margin-top: 20px;
        margin-bottom: 110px;
    }
}

.item-image img {
    margin: 0 auto;
}

.menu-cart-row-small {
    width: 100%
}

@media (min-width: 767px) {
    .col-sm-new-offset-1 {
        margin-left: 10%;
    }

    .col-sm-new-1 {
        width: 10%;
        float: left;
    }

    .col-sm-new-2 {
        width: 20%;
        float: left;
        padding: 0;
    }
}

.item-description {
    padding: 0;
}

.item-description img {
    padding-bottom: 10px;
}

.quantity-cart-select.fancy-spinbox, .quantity-cart-select.fancy-spinbox li, .quantity-cart-select.fancy-spinbox .buttons {
    width: 270px;
}

.quantity-cart-select.fancy-spinbox button span.triangle-down {
    background: url("../images/icons/quantity-icon-plus.png") no-repeat;
    height: 15px;
    width: 21px;
}

.quantity-cart-select.fancy-spinbox button span.triangle-up {
    background: url("../images/icons/quantity-icon-minus.png") no-repeat;
    height: 15px;
    width: 21px;
}

.center-item-select {
    text-align: center;
    height: 55px;
}

.item-prize {
    font-family: dinproregular;
    font-size: 24px;
    color: #434343;
}

.item-cart {
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
}

.button-back-shopping {
    width: 375px;
    border: solid #4c4c4c 1px;
    color: #4c4c4c;
    float: left;
}

@media (min-width: 1200px) {
    .button-cart-end {
        margin-left: 5%;
    }
}

.button-pay {
    border: none;
    background: #e1071b;
    color: #fff;
    margin-left: 40px;
}

.button-pay:hover {
    background: #fff;
    border: solid #e1061a 1px;
    color: #e1061a;
}

.button-pay:focus {
    background: #fff;
    border: solid #e1061a 3px;
    color: #e1061a;
}

.button-cart-end .button-kross {
    margin-top: 110px;
    margin-bottom: 110px;
}

/* Logowanie */
.shopping-cart-content {
    background: #fff;
    min-height: 600px;
    padding-top: 60px;
}

.cart-content h2 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 40px;
}

.login-form, .register-user {
    text-align: center;
    padding: 0;
}

.login-form form input[type=text], .login-form form input[type=password] {
    width: 375px;
    height: 55px;
    color: #666666;
    font-size: 16px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;

}

.button-kross.button-login {
    border: none;
    background: #e1071b;
    color: #fff;
    width: 375px;
    height: 55px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 45px;
}

.button-login:hover {
    background: #fff;
    border: solid #e1061a 1px;
    color: #e1061a;
}

.button-login:focus {
    background: #fff;
    border: solid #e1061a 3px;
    color: #e1061a;
}

.remember-pass, .under-line-style {
    color: #666666;
    font-size: 16px;
    font-family: dinproregular;
    text-decoration: underline;
}

.register-user {
    color: #666666;
    font-size: 16px;
    font-family: dinproregular;
    text-align: center;
}

.register-info {
    padding: 0px 23%;
    margin-top: 25px;
    line-height: 21px;
}

.button-kross.button-login.button-register {
    margin-top: 40px;
}

.no-under-line-style {
    text-decoration: initial;
}

.no-register-buy {
    color: #666666;
    font-size: 16px;
    font-family: dinproregular;
}

.under-line-style:hover, .remember-pass:hover,
.under-line-style:focus, .remember-pass:focus {
    color: #666666;
    font-size: 16px;
    font-family: dinproregular;
}

@media (max-width: 990px) {
    .shopping-cart-content .login-form h2 {
        padding-bottom: 10px;
    }

    .shopping-cart-content .register-user h2 {
        padding-bottom: 10px;
        padding-top: 70px;
    }

    .shopping-cart-content .login-form h2 {
        padding-bottom: 10px;
    }

    .login-form form input[type=text], .login-form form input[type=password] {
        margin-left: auto;
        margin-right: auto;
        display: list-item;
    }

    .button-kross.button-login {
        margin-bottom: 25px;
    }

    .register-info {
        margin-top: 30px;
    }

    .register-user {
        margin-bottom: 0;
    }

    .shopping-cart-content .your-order-info {
        margin-top: 100px;
    }

}

.shopping-cart-content h2 {
    font-size: 48px;
    font-family: dinprolight;
    color: #000;
    text-align: center;
    padding-bottom: 40px;
    text-transform: uppercase;
}

.shopping-cart-content h2.h2-left {
    text-align: left;
}

@media (max-width: 480px) {
    .register-info {
        padding: 0px 10%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .login-form form input[type=text], .login-form form input[type=password] {
        width: 375px !important;
        height: 55px !important;
    }
}

@media (max-width: 480px) {
    .login-form form input[type=text], .login-form form input[type=password] {
        width: 100% !important;
    }

    .button-kross.button-login, .button-kross.button-login.button-register {
        width: 100%;
    }

}

.your-order-info {
    margin-top: 150px;
}

.table-order-list tbody tr td {
    font-family: dinproregular;
    font-size: 16px;
    color: #666666;
    border: none;

}

.table-order-list tbody tr .table-order-title-item {
    width: 50%;
}

.table-order-list tbody tr .table-order-count, .table-order-list tbody tr .table-order-list-prize {
    width: 25%;
}

.table-order-list tbody tr .table-order-count {
    text-align: center;
}

.table-order-list tbody tr {
    width: 100%;
}

.table-order-list-prize {
    text-align: right;
}

.table-order-dots {
    width: 90%;
    background: url("../images/icons/dots.png") repeat-x;
    background-position: 0 70%;

}

.table-order-list tbody tr .table-order-title-item-all, .table-order-list tbody tr .table-order-all-prize {
    width: 5%;
    font-size: 30px;
    color: #434343;
    white-space: nowrap;
}

.table-order {
    padding-bottom: 140px;
}

/* ZAK�?ADKA TWOJE DANE W KOSZYKU*/

.form-data-sent, .form-data-sent label {
    font-size: 16px;
    font-family: dinproregular;
    color: #666666;
    font-weight: normal;
    text-align: left;
}

.form-data-sent label {
    margin-left: 14px;
}

.form-data-sent .form-group input.form-control {
    font-size: 16px;
    font-family: dinproregular;
    color: #666666;
    text-align: left;
    border: solid 1px #666666;
    width: 500px;
    height: 45px;
    font-weight: normal;
    padding-left: 16px;
    box-shadow: none;
    text-transform: none;
}

.form-data-sent .form-group {
    padding-bottom: 40px;
    margin: 0;
}

.col-form-padding {
    padding-bottom: 60px;
}

.col-form-padding-30 {
    padding-bottom: 30px;
}

.col-form-padding-65 {
    padding-bottom: 65px;
}

.col-form-padding-100 {
    padding-bottom: 100px;
}

.col-form-padding-180 {
    padding-bottom: 180px;
}

/* Style dla radio w Twoje Dane */
.form-data-sent .radio label {
    padding-bottom: 40px;
}

.radio-form-style {
    opacity: 0;
    position: absolute;
}

.radio-form-style, .radio-label-info {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-label-info {
    position: relative;
}

.radio-form-style + .radio-label-info:before {
    content: '';
    background: #fff;
    border: 1px solid #a5a5a5;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 18px;
    text-align: center;
    padding: 7px 0;
}

.radio-form-style + .radio-label-info:before {
    border-radius: 50%;
    margin-top: -4px;
}

.radio-form-style:checked + .radio-label-info:before {
    content: "\f111";
    font-family: 'FontAwesome';
    color: #000;
    font-size: 11px;
    padding-right: 1px;
}

.radio-label-info span {
    white-space: nowrap;
    font-family: dinproregular;
}

/*.form-radio {*/
/*width: 50%;*/
/*display: inline-block;*/
/*float: left;*/
/*margin-top: 4px;*/
/*}*/

.col-radio-input {
    padding-top: 28px;
}

.checkbox-style, .radio-custom {
    opacity: 0;
    /*position: absolute;*/

}

.form-data-sent label.checkbox-custom-label {
    margin-left: -15px;
    padding-top: 10px;
}

.checkbox-style, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.checkbox-style + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #a0a0a0;
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.checkbox-style:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #fff;
    color: #000;
    font-size: 30px;
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .new-col-size {
        width: 75%;
        margin-left: 8.33333333%;
    }
}

@media (min-width: 1250px) and (max-width: 1500px) {
    .new-col-size {
        width: 91.66667%;
        margin-left: 4.166665%;
    }
}

@media (min-width: 1200px) and (max-width: 1250px) {
    .new-col-size {
        width: 100%;
        margin-left: 0%;
    }
}

@media (max-width: 1200px) {
    .form-data-sent .form-group input.form-control {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .shopping-cart-content h2.h2-left, .col-form-padding {
        padding-bottom: 0;
    }

    .col-radio-input {
        padding-bottom: 40px;
    }

    .form-data-sent .form-group {
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .form-radio {
        width: 100%;
        display: block;
        float: none;
    }
}

.button-kross.button-continue {
    border: none;
    background: #e1071b;
    color: #fff;
    width: 375px;
    height: 55px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 45px;
}

.button-continue:hover {
    background: #fff;
    border: solid #e1061a 1px;
    color: #e1061a;
}

.button-continue:focus {
    background: #fff;
    border: solid #e1061a 3px;
    color: #e1061a;
}

@media (max-width: 490px) {
    .button-kross.button-continue {
        width: 100%;
    }

    .form-data-sent .form-group input.form-control {
        width: 100%;
    }
}

/* Podstrona FINALIZACJA */
.col-radio-input.col-radio-input-center {
    text-align: center;
    float: none;
}

.form-radio.form-radio-center {
    width: 350px;
    display: inline-block;
    float: none;

}

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

.row-data-info {
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-radio.form-radio-center {
    width: 300px
}

@media (max-width: 767px) {
    .form-radio.form-radio-center {
        width: 100%;
    }

    .form-data-sent, .form-data-sent label {
        text-align: left;
    }

    .col-radio-input.col-radio-input-center {
        text-align: left;
        float: left;
    }

    .shopping-cart-content h2 {
        padding-bottom: 0;
        float: left;
        text-align: left;
    }

    .col-form-padding-100 {
        padding-bottom: 0;
    }

    .col-form-padding-180 {
        padding-bottom: 0;
    }

    .padding-left-row {
        padding-left: 4px;
    }

    .row-data-info {
        padding-top: 0;
        padding-bottom: 0;
    }

    .block-date-info .padding-small-col {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .col-form-padding-30 {
        padding: 0;
    }

    .shopping-cart-content .your-order-info {
        margin-top: 40px;
    }

}

@media (min-width: 1200px) and (max-width: 1500px) {
    .block-date-info {
        margin-left: 16.66666667%;
        width: 66.66666667%;
    }

    .padding-left-row {
        padding-left: 0;
    }

}

@media (min-width: 1200px) {
    .col-lg-offset-3-5-new {
        margin-left: 28.5%;
    }
}

.table-order.table-fin-order {
    padding-bottom: 70px;
}

.reg-info {
    font-size: 14px;
    color: #666666;
    margin-top: 8px;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .new-style-size-col-8-2 {
        width: 66.66666667%;
        margin-left: 16.66666667%;
    }

}

@media (min-width: 1400px) {

    .col-lg-offset-2-5-new {
        margin-left: 22.5%;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .reg-info {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .reg-info {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .reg-info {
        width: 80%;
    }

    .checkbox-style.checkbox-margin + .checkbox-custom-label:before {
        margin-left: 20px;
    }
}

@media (min-width: 330px) {
    .checkbox-text {
        padding-top: 10px;
        white-space: nowrap;

    }
}

@media (max-width: 430px) {
    .reg-info {
        width: 75%;
    }

}

/*.tabs--primary{*/
/*position: fixed;*/
/*right: 0;*/
/*top: 20%;*/
/*z-index: 9999;*/
/*width: 15%;*/
/*background: #000;*/
/*}*/

.form-buy {
    padding-top: 40px;
}

@media (min-width: 1200px) {

    .form-buy {
        padding-top: 20px;
    }

}

.links.list-inline {
    display: none;
}

.view-zapytania-ofertowe .col div,
.view-zapytania-ofertowe .col h2 {
    padding-right: 20%;
}
/*body.kontakt #cboxLoadingOverlay,*/
/*body.kontakt #cboxLoadingGraphic,*/
/*body.kontakt #cboxClose,*/
/*body.kontakt #cboxContent,*/
/*body.kontakt #cboxWrapper,*/
body.front #cboxLoadingOverlay,
body.front #cboxLoadingGraphic,
body.front #cboxClose,
body.front #cboxContent,
body.front #cboxWrapper
{
    background: none;
}

body.front #cboxClose {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-indent: 0;
    font-weight: bold;
    font-size: 18px;
}

/* ============================================================
  BOOTSTRAP OVERRIDES
============================================================ */
.table thead tr th, .table tbody tr th {
    border-bottom: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 0;
    border-top: 0;
}

.navbar-default .navbar-collapse {
    border: 0;
}

ul.secondary {
    position: absolute;
    top: 0;
    right: 0;
}

.form-control {
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    height: 44px;
    border: 1px solid #a0a0a0;
}

.form-control:focus {
    border-color: #a0a0a0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    border-radius: 0 !important;
    text-transform: uppercase !important;
    box-sizing: border-box;
    padding: 11px 15px;
    font-family: "dinpromedium";
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
    outline-offset: 0;
}

button.btn {
    min-width: 160px;
}

.btn:hover {
    background: #e1071b;
    color: white;
    border: 1px solid #e1071b;
}

.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus,
.btn-default:focus, .btn-default.focus,
.btn-default:active, .btn-default.active {
    color: white;
    background-color: black;
    border-color: black;
}

.btn-default.disabled,
.btn-default[disabled] {
    background-color: #fff;
    border-color: #ccc;
    color: black;
}

.btn-red {
    background: #f0000f;
    color: white;
    border: 1px solid #f0000f;
}

.btn-red:hover {
    color: white;
    background: #f0000f;
}

.btn-red:active, .btn-red:focus, .btn-red:active:focus {
    background: #f0000f;
    box-shadow: none;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-body {
    padding: 0;
}

.modal-content .row-squeeze-all [class*="col-"] {
    padding: 0;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0;
}

.alert.alert-danger{
    background: #e1071b;
    color: white;
    border: 1px solid #e1071b;;
}

.alert-danger.error{
    color: white !important;
}

.alert-danger .close{
    color: white;
    opacity: 1;
}


/* ============================================================
END
============================================================ */

/* ============================================================
  FORMULARZ
============================================================ */
form select,
form input[type=text] {
    color: #575757;
    border: 1px solid #a0a0a0;
}

button {
    outline: none;
}


form .form-item .error a {
    color: #E1061A !important;
    text-decoration: underline;
}

form .form-item .error a:hover{
    color: #E1061A !important;
}

/* ============================================================
END
============================================================ */

/* ============================================================
  TLA
============================================================ */
.bg-white{
    background: white !important;
}
/* ============================================================
END
============================================================ */

/* ============================================================
 PADDING
============================================================ */
.padding-b-0{
    padding-bottom: 0 !important;
}

.padding-t-0 {
    padding-top: 0 !important;
}
/* ============================================================
END
============================================================ */