/* ====== czerwono ... ====== */
/* ====== czerwono ... ====== */
.czerwono-bialy,
.red-white {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: -o-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: -moz-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: linear-gradient(153deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
}

.czerwono-czarny,
.red-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ff0000 0%, #ff0000 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #ff0000 0%, #ff0000 50%, #000000 50%, #000000 100%);
}

.czerwono-szary,
.red-grey {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ff0000 0%, #ff0000 50%, #808080 50%, #808080 100%);
    background: -o-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #808080 50%, #808080 100%);
    background: -moz-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #808080 50%, #808080 100%);
    background: linear-gradient(153deg, #ff0000 0%, #ff0000 50%, #808080 50%, #808080 100%);
}

.czerwono-bialy,
.red-white {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: -o-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: -moz-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
    background: linear-gradient(153deg, #ff0000 0%, #ff0000 50%, #ffffff 50%, #ffffff 100%);
}

.red-blue {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ff0000 0%, #ff0000 50%, #0000ff 50%, #0000ff 100%);
    background: -o-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #0000ff 50%, #0000ff 100%);
    background: -moz-linear-gradient(-27deg, #ff0000 0%, #ff0000 50%, #0000ff 50%, #0000ff 100%);
    background: linear-gradient(153deg, #ff0000 0%, #ff0000 50%, #0000ff 50%, #0000ff 100%);
}

/* ====== niebiesko ... ====== */
.niebiesko-pomaranczowy,
.blue-orange {
    background: -webkit-linear-gradient(linear, left top, right bottom, #0000ff 0%, #0000ff 50%, #ffa500 50%, #ffa500 100%);
    background: -o-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #ffa500 50%, #ffa500 100%);
    background: -moz-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #ffa500 50%, #ffa500 100%);
    background: linear-gradient(153deg, #0000ff 0%, #0000ff 50%, #ffa500 50%, #ffa500 100%);
}

.niebiesko-szary,
.blue-grey {
    background: -webkit-linear-gradient(linear, left top, right bottom, #0000ff 0%, #0000ff 50%, #808080 50%, #808080 100%);
    background: -o-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #808080 50%, #808080 100%);
    background: -moz-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #808080 50%, #808080 100%);
    background: linear-gradient(153deg, #0000ff 0%, #0000ff 50%, #808080 50%, #808080 100%);
}

.niebieski-czarny,
.blue-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #0000ff 0%, #0000ff 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #0000ff 0%, #0000ff 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #0000ff 0%, #0000ff 50%, #000000 50%, #000000 100%);
}

/* ====== zielono ... ====== */
.green-grey {
    background: -webkit-linear-gradient(linear, left top, right bottom, #008000 0%, #008000 50%, #808080 50%, #808080 100%);
    background: -o-linear-gradient(-27deg, #008000 0%, #008000 50%, #808080 50%, #808080 100%);
    background: -moz-linear-gradient(-27deg, #008000 0%, #008000 50%, #808080 50%, #808080 100%);
    background: linear-gradient(153deg, #008000 0%, #008000 50%, #808080 50%, #808080 100%);
}

.green-yellow {
    background: -webkit-linear-gradient(linear, left top, right bottom, #008000 0%, #008000 50%, #ffff00 50%, #ffff00 100%);
    background: -o-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffff00 50%, #ffff00 100%);
    background: -moz-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffff00 50%, #ffff00 100%);
    background: linear-gradient(153deg, #008000 0%, #008000 50%, #ffff00 50%, #ffff00 100%);
}

.green-orange {
    background: -webkit-linear-gradient(linear, left top, right bottom, #008000 0%, #008000 50%, #ffa500 50%, #ffa500 100%);
    background: -o-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffa500 50%, #ffa500 100%);
    background: -moz-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffa500 50%, #ffa500 100%);
    background: linear-gradient(153deg, #008000 0%, #008000 50%, #ffa500 50%, #ffa500 100%);
}

.green-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #008000 0%, #008000 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #008000 0%, #008000 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #008000 0%, #008000 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #008000 0%, #008000 50%, #000000 50%, #000000 100%);
}

.green-white {
    background: -webkit-linear-gradient(linear, left top, right bottom, #008000 0%, #008000 50%, #ffffff 50%, #ffffff 100%);
    background: -o-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffffff 50%, #ffffff 100%);
    background: -moz-linear-gradient(-27deg, #008000 0%, #008000 50%, #ffffff 50%, #ffffff 100%);
    background: linear-gradient(153deg, #008000 0%, #008000 50%, #ffffff 50%, #ffffff 100%);
}

/* ====== grafitowo ... ====== */
.grafitowo-bezowy,
.graphite-beige {
    background: -webkit-linear-gradient(linear, left top, right bottom, #c2b280 0%, #c2b280 50%, #36454f 50%, #36454f 100%);
    background: -o-linear-gradient(-27deg, #c2b280 0%, #c2b280 50%, #36454f 50%, #36454f 100%);
    background: -moz-linear-gradient(-27deg, #c2b280 0%, #c2b280 50%, #36454f 50%, #36454f 100%);
    background: linear-gradient(153deg, #c2b280 0%, #c2b280 50%, #36454f 50%, #36454f 100%);
}

.grafitowo-czarny,
.graphite-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #c2b280 0%, #c2b280 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #c2b280 0%, #c2b280 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #c2b280 0%, #c2b280 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #c2b280 0%, #c2b280 50%, #000000 50%, #000000 100%);
}

/* ====== zolto ... ====== */
.yellow-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffff00 0%, #ffff00 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #ffff00 0%, #ffff00 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #ffff00 0%, #ffff00 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #ffff00 0%, #ffff00 50%, #000000 50%, #000000 100%);
}

.black-yellow {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #f3f40d 50%, #f3f40d 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #f3f40d 50%, #f3f40d 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #f3f40d 50%, #f3f40d 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #f3f40d 50%, #f3f40d 100%);
}

.black-pink {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #f471f1 50%, #f471f1 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #f471f1 50%, #f471f1 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #f471f1 50%, #f471f1 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #f471f1 50%, #f471f1 100%);
}

.black-green {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #75f4e7 50%, #75f4e7 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #75f4e7 50%, #75f4e7 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #75f4e7 50%, #75f4e7 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #75f4e7 50%, #75f4e7 100%);
}

.yellow-blue {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffff00 0%, #ffff00 50%, #0000FF 50%, #0000FF 100%);
    background: -o-linear-gradient(-27deg, #ffff00 0%, #ffff00 50%, #0000FF 50%, #0000FF 100%);
    background: -moz-linear-gradient(-27deg, #ffff00 0%, #ffff00 50%, #0000FF 50%, #0000FF 100%);
    background: linear-gradient(153deg, #ffff00 0%, #ffff00 50%, #0000FF 50%, #0000FF 100%);
}

/* ====== czwerno ... ====== */
.czarno-bialy,
.black-white {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #ffffff 50%, #ffffff 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #ffffff 50%, #ffffff 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #ffffff 50%, #ffffff 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #ffffff 50%, #ffffff 100%);
}

.czarno-pomaranczowy,
.black-orange {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #ffa500 50%, #ffa500 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #ffa500 50%, #ffa500 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #ffa500 50%, #ffa500 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #ffa500 50%, #ffa500 100%);
}

.orange-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffa500 0%, #ffa500 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #ffa500 0%, #ffa500 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #ffa500 0%, #ffa500 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #ffa500 0%, #ffa500 50%, #000000 50%, #000000 100%);
}

.orange-white {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffa500 0%, #ffa500 50%, #fff 50%, #fff 100%);
    background: -o-linear-gradient(-27deg, #ffa500 0%, #ffa500 50%, #fff 50%, #fff 100%);
    background: -moz-linear-gradient(-27deg, #ffa500 0%, #ffa500 50%, #fff 50%, #fff 100%);
    background: linear-gradient(153deg, #ffa500 0%, #ffa500 50%, #fff 50%, #fff 100%);
}

.czarno-grafitowy,
.black-graphite {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #c2b280 50%, #c2b280 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #c2b280 50%, #c2b280 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #c2b280 50%, #c2b280 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #c2b280 50%, #c2b280 100%);
}

.czarno-czerwony,
.black-red {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #ff0000 50%, #ff0000 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #ff0000 50%, #ff0000 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #ff0000 50%, #ff0000 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #ff0000 50%, #ff0000 100%);
}

.czarno-niebieski,
.black-blue {
    background: -webkit-linear-gradient(linear, left top, right bottom, #000000 0%, #000000 50%, #0000ff 50%, #0000ff 100%);
    background: -o-linear-gradient(-27deg, #000000 0%, #000000 50%, #0000ff 50%, #0000ff 100%);
    background: -moz-linear-gradient(-27deg, #000000 0%, #000000 50%, #0000ff 50%, #0000ff 100%);
    background: linear-gradient(153deg, #000000 0%, #000000 50%, #0000ff 50%, #0000ff 100%);
}

/* ====== bialo ... ===== */
.bialo-czerwony,
.white-red {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffffff 0%, #ffffff 50%, #ff0000 50%, #ff0000 100%);
    background: -o-linear-gradient(-27deg, #ffffff 0%, #ffffff 50%, #ff0000 50%, #ff0000 100%);
    background: -moz-linear-gradient(-27deg, #ffffff 0%, #ffffff 50%, #ff0000 50%, #ff0000 100%);
    background: linear-gradient(153deg, #ffffff 0%, #ffffff 50%, #ff0000 50%, #ff0000 100%);
}

.bialo-czarny,
.white-black {
    background: -webkit-linear-gradient(linear, left top, right bottom, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
    background: -o-linear-gradient(-27deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
    background: -moz-linear-gradient(-27deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
    background: linear-gradient(153deg, #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%);
}

.lazurowy {
    background: #298b96;
}

/* ====== normal kolor ===== */
.różowy,
.Pink,
.pink {
    background: #FFC0CB;
}

.ciemnoróżowy,
.pink-dark {
    background: #d33976;
}

.srebny,
.silver {
    background: #C0C0C0;
}

.fioletowy,
.violet {
    background: #B803FF;
}

.grafitowy,
.graphite {
    background: #36454F;
}

.biały,
.white {
    background: white;
}

.beżowy,
.beige {
    background: #C2B280;
}

.czerwony,
.red {
    background: red;
}

.fluo {
    background: #ccff00;
}

.czarny,
.black {
    background: black;
}

.zielony,
.Zielony,
.green {
    background: green;
}

.pomarańczowy,
.orange {
    background: orange;
}

.granatowy,
.ciemnoniebieski,
.darkblue {
    background: darkblue;
}

.brązowy,
.brown {
    background: brown;
}

.zolty,
.żółty,
.yellow {
    background: yellow;
}

.burgund {
    background: #781317;
}
.khaki {
    background: khaki;
}

.purple {
    background: purple;
}

.szary,
.grey {
    background: gray;
}

.niebieski,
.blue {
    background: blue;
}

.limonkowy,
.lime {
    background: #c6ff1d;
}

.transparent {
    background: gray;
    opacity: 0.1;
}

p.color_name {
    text-align: center;
}

.home1 .item[data-color-name="Rio"] .color-indicator,
.home1 .item[data-color-name="rio"] .color-indicator,
.kross2rio-edition1 .item[data-color-name="Rio"] .color-indicator,
.kross2rio-edition1 .item[data-color-name="rio"] .color-indicator {
    background: url("../images/ikona_rio.png") no-repeat;
    background-size: cover;

}

.product-carousel-indicators {
    position: relative;
    padding-bottom: 1.5em;
}

.color-version-mini.active {
    border: 2px solid #f0000f;
}

.color-version-mini {
    border: 2px solid transparent;
    display: inline-flex;
    width: 80px;
    height: 80px;
    margin: auto;
}

.color-version-mini img {
    /*width: 64px;*/
    height: auto;
    /*padding: 16px 8px;*/
    margin: auto;
    vertical-align: middle;
    cursor: pointer;
}

.color-name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    text-transform: uppercase;
    color: #575757;
    font-size: 14px;
}

.color-name span {
    color: black;
}

.active .color-name {
    display: block;
}

.color-sizes a {
    color: #9b9b9b;
}

.color-sizes a:hover {
    color: #8a8a8a;
}

.color-sizes {
    display: none;
}

#size-selector.view-mode-sizes #notify-availability {
    display: none
}

#size-selector.view-mode-notify #notify-availability {
    display: block;
    margin: 2em 0
}

#size-selector.view-mode-sizes #size-select {
    display: block
}

#size-selector.view-mode-notify #size-select {
    display: none
}

#notify-availability .form-controls-group {
    display: flex;
    position: relative;
    z-index: 9999
}

#notify-availability p {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: black;
}

#notify-availability .form-controls-group #email {
    flex: 4;
    font-size: 14px;
    color: black;
    line-height: 45px;
    padding: 0 1em;
    margin-right: 4px;
    border: 1px solid #9d9d9d;
}

#notify-availability .form-controls-group #save-notification {
    flex: 2;
    background-color: black;
    text-align: center;
    line-height: 45px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    min-width: max-content;
    padding: 0 1em;
}

#notify-availability p.error {
    display: none;
    color: #f0000f;
    margin-top: .5em
}

#notify-availability .notify-close {
    color: #9d9d9d;
    float: none;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    margin: .5em 0;
    opacity: 1;
}

.out-of-stock span,
.out-of-stock a {
    font-size: 14px;
    text-align: right;
    float: right;
    text-transform: none;
    right: 1em;
    width: 80%;
}