/******************************************************************************/

/*
 * Form
 */
.form {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.form-mw {
    margin: 0 auto;
    max-width: 60rem;
    text-align: center;
}

.form .ibs {
    margin: 0 -1rem;
}
.form .ibs.-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.fieldset {
    border: 1px solid #a19f9f;
    display: block;
    margin: 0;
    min-height: 100%;
    padding: 10px;
    position: relative;
}

.legend {
    background: var(--white);
    border-bottom: inherit;
    font-size: 1.5rem;
    margin: -11px -11px 0;
    min-width: 100%;
    min-width: calc(100% + 22px);
    padding: 1rem 0;
    text-transform: uppercase;
}

.fieldset .ibs {
    margin: 0.5em auto;
    max-width: 51rem;
    position: relative;
}
.ib--12 .fieldset .ibs {
    max-width: 108rem;
}

.fieldset .txt {
    color: var(--secondary);
    font-size: 1.7rem;
}
.fieldset .txt p {
    margin: 0;
    padding: 0;
}
.fieldset .txt li {
    padding: 0 0 0 3rem;
    position: relative;
}
.fieldset .txt li::before {
    background: var(--secondary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    height: 0.2rem;
    left: 1.4rem;
    position: absolute;
    top: 0.6em;
    width: 0.2rem;
}

.form .required {
    font-size: 1.3rem;
    margin: 1em 0;
    padding: 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
    .form > .ibs > .ib--4 {
        width: 100%;
    }

    .fieldset .ibs {
        max-width: 100%;
    }
}

/******************************************************************************/

/*
 * Input
 */
.input {
    background: var(--white);
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    clear: both;
    display: inline-block;
    font-size: 2rem;
    line-height: 3.1rem;
    max-width: 100%;
    outline: none;
    padding: 0.6rem 1.9rem;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align: middle;
    width: 22rem;
}
.input--short {
    text-align: center;
    width: 7rem;
}
.input--long {
    width: 35rem;
}
.input--full {
    max-width: none;
    width: 100%;
}
/*
.input:hover {
    -webkit-box-shadow: 0 0.75rem 0.5rem -0.5rem rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.75rem 0.5rem -0.5rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.75rem 0.5rem -0.5rem rgba(0, 0, 0, 0.25);
}
.input:focus {
    border-color: var(--secondary) !important;
*/
label.-focus .input {
    border-color: var(--black);
}
label:focus-within .input,
label:has(:focus) .input {
    border-color: var(--primary);
}

.input:disabled,
.input[disabled],
.input[readonly] {
    background: #f8f8f8;
    opacity: 0.5;
    pointer-events: none;
}

.input--invalid {
    border-color: #d47171;
}

.input-input {
    margin-left: -100%;
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1;
}

.input-txt {
    display: block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.input-txt::before {
    content: '\0000a0';
}

/*
* Input text
*/
.input--text {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.input--text::-webkit-inner-spin-button,
.input--text::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
 * Input number
 */
.input--number {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center;
    width: 5.5rem;
}
.input--number::-webkit-inner-spin-button,
.input--number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
 * Textarea
 */
.input--textarea {
    height: 9rem;
    line-height: 1.2em;
    vertical-align: top;
    width: 100%;
}
.input--textarea--medium {
    height: 20rem;
}
.input--textarea--large {
    height: 40rem;
}

/*
 * Select
 */
.input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-attachment: scroll;
    background-image: url('../images/select.svg');
    background-position: right center;
    background-position-x: calc(100%);
    background-repeat: no-repeat;
    background-size: 1.5rem auto;
    min-width: 15rem;
    outline: medium none !important;
    padding: 0.6rem 4.4rem 0.6rem 0;
    text-overflow: '';
    z-index: 1;

    background-position-x: calc(100% - 1.9rem);
    padding: 0.6rem 4.4rem 0.6rem 1.9rem;
}
select::-ms-expand {
    display: none;
}
.select--full {
    width: 98%;
}

/*
.input--select.-ext,
::picker(select) {
    appearance: base-select;
}

.input--select.-ext::picker-icon {
    display: none;
}

.input--select.-ext option {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding: 10px;
    transition: 0.4s;
}

.input--select.-ext option::checkmark {
    display: none;
}

.input--select.-ext option .color-icon {
    background-size: cover;
    font-size: 1.6rem;
    height: 2rem;
    width: 2rem;
}
*/

/*
* Input tile
*/
.input--tile {
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100%;
    overflow: visible;
    padding: 1rem;
    position: relative;
    text-align: center;
    width: 100%;
}
.input--tile:has(input:checked) {
    -webkit-box-shadow: inset 0 0 0 3px var(--secondary);
    -moz-box-shadow: inset 0 0 0 3px var(--secondary);
    box-shadow: inset 0 0 0 3px var(--secondary);
}

.input--tile .input-image {
    display: block;
    margin: 0.5em auto;
    padding: 3.5rem 0 0;
    position: relative;
}

.input--tile .input-img {
}

/*.input--tile .input-name {
    font-weight: bolder;
    margin: 0.3em auto;
}*/

.input--tile .input-hint {
    font-size: 0.75em;
    font-weight: lighter;
    margin: 0.3em;
}

.input--tile .input-hint span {
    white-space: nowrap;
}
.input--tile:has(input:checked) .input-hint span {
    color: var(--secondary);
    font-size: 1.25em;
    font-weight: bolder;
    white-space: nowrap;
}

.input--tile .badge {
    background: var(--secondary);
    color: var(--white);
    font-size: 0.75em;
    line-height: 1.4em;
    padding: 0 1rem;
    position: absolute;
    right: -1rem;
    top: -0.7em;
}

/*
 * Input checkbox, Input radio
 */
.input--checkbox,
.input--radio {
    background: none;
    border-width: 0;
    cursor: pointer;
    display: inline-block;
    height: 2.4rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 2.4rem;
}
.input-i {
    background: var(--white);
    border: inherit;
    border-width: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.input-input:checked + .input-i {
    background: #f5f5f5;
    border-color: var(--black);
}
.input-i::before {
    background: #282828;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: -50%;
    content: '';
    display: block;
    left: -50%;
    position: absolute;
    right: -50%;
    top: -50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.input--checkbox .input-input:checked + .input-i::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.input--checkbox .input-i::after {
    background: none;
    border-bottom: 0.2rem solid rgba(255, 255, 255, 1);
    border-right: 0.2rem solid rgba(255, 255, 255, 1);
    bottom: 50%;
    content: '';
    height: 0;
    left: 15%;
    opacity: 0;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
    -moz-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
    -o-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
    transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
    width: 0;
}
.input--checkbox .input-input:checked + .input-i::after {
    height: 60%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
    -moz-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
    -o-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
    transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
    width: 35%;
}

.input--radio,
.input--radio .input-i,
.input--radio .input-i::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.input--radio .input-input:checked + .input-i::before {
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    -ms-transform: scale(0.35);
    -o-transform: scale(0.35);
    transform: scale(0.35);
}

/******************************************************************************/

/*
 * Button
 */
.button {
    background: var(--white);
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--black);
    cursor: pointer;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.1rem;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 1.1rem 1.4rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    vertical-align: middle;
    width: 27rem;
    z-index: 3;
}

.button:hover,
a:hover .button {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
    text-decoration: none;
}

.button:active {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 0 0.3rem rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 0 0.3rem rgba(0, 0, 0, 0.8);
}

.button--large {
    font-size: 1.4rem;
    padding: 1.3rem 1.8rem;
}

.button--biger {
    font-size: 1.8rem;
    margin-top: 1.5rem;
    padding: 1.6rem 1rem;
}

.button--full {
    width: 100%;
}

.button--primary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    font-size: 1.9rem;
    font-weight: normal;
}
.button--primary:hover,
a:hover .button--primary {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
}

.button--secondary {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
    font-size: 1.7rem;
    font-weight: normal;
}
.button--secondary:hover,
a:hover .button--secondary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.button-small {
    font-size: 75%;
    font-weight: lighter;
}

button:active,
button:focus {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

/*
 * Button Remove
 */
/*
.button--remove {
    background: none;
    border: 0;
    color: #c5c5c5;
    display: block;
    font-size: 0.000001rem;
    height: 2.4rem;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 2.4rem;
}
.button--remove:hover {
    background: none;
    color: var(--primary);
}
.button--remove::before,
.button--remove::after {
    background: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    display: none;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 50%;
}
.button--remove::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.button--remove::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button--remove .icon {
    bottom: 0;
    left: 0;
    line-height: 1;
    font-size: 2.2rem;
    height: 2.2rem;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.2rem;
}
*/
.button--remove {
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    font-size: 0.000001rem;
    height: 2.8rem;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 2.8rem;
}
.button--remove::before,
.button--remove::after {
    background: none;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 50%;
}
.button--remove::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.button--remove::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
 * Button Attach
 */
.button--attach,
.button--attach:hover {
    background: var(--white);
    border: 0;
    display: block;
    height: 2.2rem;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 2.2rem;
}
.button--attach::before {
    background: url('../images/icons/button--attach.svg') no-repeat center;
    background-size: auto 100%;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0.75;
    position: absolute;
    right: 0;
    top: 0;
}
.button--attach:hover::before {
    opacity: 1;
}

/*
 * Button Password
 */
.button--password,
.button--password:hover {
    background: var(--white);
    border: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 5rem;
}
.button--password::before {
    background: url('../images/icons/button--password.svg') no-repeat center;
    background-size: auto 100%;
    content: '\0000a0';
    display: block;
    opacity: 0.75;
}
.button--password:hover::before {
    opacity: 1;
}
.button--password::after {
    border: 1px solid #888;
    bottom: 0;
    content: '';
    display: none;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0.75;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0;
}
.input[type='text'] + .button--password::after {
    display: block;
}

/******************************************************************************/

/*
 * File
 */
.file {
    display: block;
    position: relative;
}
.input--file {
    overflow: hidden;
    position: relative;
}
.input--file .input-txt {
    margin-right: 3rem;
}
.file-button {
    position: absolute !important;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.file-button.button--attach,
.lbl.-focus .file-button.button--remove {
    display: block;
}
.lbl.-focus .file-button.button--attach,
.file-button.button--remove {
    display: none;
}

/******************************************************************************/

/*
 * Password
 */
.password {
    display: block;
    position: relative;
}
.password-button {
    bottom: 1px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
}
.password-button::before {
    height: 50%;
    position: relative;
    top: 25%;
}

/******************************************************************************/

/*
 * LBLs
 */
.lbl {
    display: block;
    line-height: 1.4;
    position: relative;
    text-align: left;
}
.lbl-name {
    color: var(--black);
    display: block;
    float: left;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5em;
    margin: -0.75em 1rem;
    overflow: hidden;
    padding: 0 1rem;
    pointer-events: none;
    position: relative;
    text-transform: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: translateY(2.3rem);
    -moz-transform: translateY(2.3rem);
    -ms-transform: translateY(2.3rem);
    -o-transform: translateY(2.3rem);
    transform: translateY(2.3rem);
    z-index: 1;
}
.lbl.-focus .lbl-name,
.no-js .lbl-name {
    background: var(--white);
    color: var(--black);
    font-size: 1.4rem !important;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.lbl:focus-within .lbl-name,
.lbl:has(:focus) .lbl-name {
    color: var(--primary);
}

.lbl input[type='text'],
.lbl input[type='password'],
.lbl input[type='email'],
.lbl input[type='tel'],
.lbl .input--file,
.lbl textarea,
.lbl select {
    clear: both;
    width: 100%;
}

.lbl-aside {
    display: block;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: -2.4rem auto auto 3.6rem;
    position: relative;
}
.lbl-help {
    display: block;
    font-size: 1.4rem;
    opacity: 0.5;
    padding: 0.5rem 0;
}
.lbl-error {
    display: block;
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding: 0.3rem 0 0;
}
.lbl--invalid,
.lbl--invalid .lbl-name,
.lbl--invalid .lbl-aside,
.lbl--invalid .lbl-help,
.lbl--invalid .lbl-error {
    color: #b72b2b !important;
}
.lbl--invalid .input,
.lbl--invalid .checkbox i {
    border-color: #b72b2b !important;
}
.lbl-title {
    /*display: block;
    font-size: 0.8em;
    font-weight: bolder;
    opacity: 0.4;
    padding: 0.75em 0 0.1em;
    text-transform: uppercase;*/
    color: #a19f9f;
    display: block;
    float: none;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0.3em;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    text-transform: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 1;
}
.lbl-value {
    display: block;
    /*padding: 0.1em 0 0.75em;*/
    padding: 0;
}

/******************************************************************************/

/* form actions */
.formActions {
    clear: both;
    display: block;
    margin: 1rem 0;
    padding: 0;
}

.formActions--center {
    padding-left: 0;
    text-align: center;
}

.formActions--sides {
    overflow: hidden;
    padding: 15px;
}
.formActions--sides-left {
    float: left;
}
.formActions--sides-right {
    float: right;
}

.formActions--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1rem -1rem;
}
.formActions--flex .button {
    margin: 1rem;
}

@media only screen and (max-width: 480px) {
    .formActions--flex {
        justify-content: center;
    }
}

/******************************************************************************/

/*
 * Loading
 */
.loading {
    position: relative;
    z-index: 999;
}
.loading--full {
    background-color: var(--white);
    bottom: 0;
    left: 0;
    filter: alpha(opacity = 80);
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
}
.loading-text {
    position: absolute;
    text-align: center;
    top: 51%;
    width: 100%;
}
.loading::after {
    -webkit-animation: spin 0.5s cubic-bezier(0.61, 0.28, 0.37, 0.82) infinite;
    -moz-animation: spin 0.5s cubic-bezier(0.61, 0.28, 0.37, 0.82) infinite;
    -o-animation: spin 0.5s cubic-bezier(0.61, 0.28, 0.37, 0.82) infinite;
    animation: spin 0.5s cubic-bezier(0.61, 0.28, 0.37, 0.82) infinite;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #282828;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/******************************************************************************/

/*
 * Dropdown
 */
.dropdown {
    position: relative;
}
.dropdown-content {
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 500;
}

/******************************************************************************/

/*
 * Hint
 */
.hint {
    color: #777;
    font-size: 0.8em;
    line-height: 1.3em;
}

/******************************************************************************/

/*
 * Container
 */
.container {
    margin: 0 auto;
    max-width: 164rem;
    padding: 0 1rem;
    position: relative;
}

.container .container {
    padding: 0;
}

/******************************************************************************/

/*
 * Swiper + Slider
 */
.swiper-container {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.swiper-slide {
    background: none;
    cursor: pointer;
    text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
    background: var(--white);
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    color: #d0d0d0;
    font-size: 3rem;
    height: 6.9rem;
    line-height: 6.9rem;
    margin: -3.45rem auto 0;
    opacity: 1;
    text-align: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 6.9rem;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: var(--black);
    opacity: 1;
}
.swiper-button-prev {
    left: 0;
    right: auto;
}
.swiper-button-next {
    left: auto;
    right: 0;
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    line-height: 6.9rem;
}

.swiper-pagination {
    display: inline-block;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: auto;
}

.swiper-pagination-bullet {
    background: none;
    height: auto;
    margin: 0 0.6rem;
    min-height: 1.2rem;
    min-width: 1.2rem;
    opacity: 0.5;
    outline: none;
    position: relative;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    vertical-align: middle;
    width: auto;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-pagination-bullet::before {
    background: #888;
    border: #888;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    height: 1.2rem;
    left: 0;
    margin: -0.6rem 0 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 1.2rem;
}
.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet-active::before {
    background: #888;
    border-color: #888;
}

.swiper-pagination-txt {
    color: #888;
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0 5rem 0 2rem;
    max-width: 16rem;
    text-align: left;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.swiper-pagination-bullet:hover .swiper-pagination-txt,
.swiper-pagination-bullet-active .swiper-pagination-txt {
    color: inherit;
}

.slider {
    overflow: visible;
    position: relative;
    width: 100%;
}

.slider-slides {
    position: relative;
}

.slider-thumbs {
    position: relative;
}

.slider-container {
    left: 0;
    margin: 0 auto;
    max-width: 183rem;
    padding: 0 10.5rem;
    position: absolute;
    right: 0;
}

.slider-container--1 {
    bottom: 0;
    padding-bottom: 4rem;
    padding-top: 4rem;
    top: 0;
}

.slider-container--2 {
    top: 50%;
}

.slider-container--3 {
    bottom: 1.5rem;
    font-size: 0.000001rem;
    text-align: center;
}

.slider .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    margin: 0;
    width: 100%;
}
.slider .swiper-slide {
    width: 100%;
}

/******************************************************************************/

/*
 * Pagination
 */
.pagination {
    margin: 2em 0;
    text-align: center;
}

.pagination-info {
    color: var(--grey);
    padding-bottom: 0;
}

.pagination .table {
    margin: 0 auto;
    width: auto;
}

.pagination .td {
    padding: 0 2rem;
}

.pagination .td:first-child {
    text-align: left;
}

.pagination .td:last-child {
    text-align: right;
}

.pagination-element {
    background: var(--white);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--black);
    display: inline-block;
    font-size: 2rem;
    font-weight: normal;
    line-height: 2.4rem;
    margin: 0.3rem;
    min-width: 4rem;
    padding: 0.8rem 0.3rem;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.pagination-element--left,
.pagination-element--right {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0.8rem 1rem;
    width: 24rem;
}

.pagination-element:hover {
    background-color: var(--primary);
    color: var(--white);
    position: relative;
    text-decoration: none;
}

.pagination-element--active,
.pagination-element--active:hover {
    background: var(--secondary);
    color: var(--white);
}

.pagination-element--disabled,
.pagination-element--disabled:hover {
    background-color: transparent;
    color: var(--grey);
    font-weight: normal;
    pointer-events: none;
}

@media only screen and (max-width: 800px) {
    .pagination .table {
        display: block;
        padding: 6rem 0 0;
        position: relative;
    }

    .pagination .td {
        display: block;
        padding: 0;
    }

    .pagination .td:first-child {
        left: 0;
        position: absolute;
        top: 0;
        width: 48%;
    }

    .pagination .td:last-child {
        position: absolute;
        right: 0;
        top: 0;
        width: 48%;
    }

    .pagination-element--left,
    .pagination-element--right {
        width: auto;
    }
}

/******************************************************************************/

/*
 * Box
 */
.box {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #666;
    line-height: 1.4em;
    margin: 0.9em 0;
    padding: 0.7em 1em;
    position: relative;
    text-align: left;
}
.box-close {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    width: 16px;
}
.box-close:hover {
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    right: -7px;
    top: -7px;
    width: 18px;
}

.box--ok,
.box--ok .box-close {
    background: #f7ffed;
    border-color: #78ca52;
    color: #4dab01;
}
.box--error,
.box--error .box-close {
    background: #fff0f0;
    border-color: #ff9494;
    color: #d92a2a;
}
.box--info,
.box--info .box-close {
    background: #e9f1ff;
    border-color: #81aeff;
    color: #2f5db3;
}
.box--alert,
.box--alert .box-close {
    background: #ffffde;
    border-color: #e1d042;
    color: #a99b27;
}

/******************************************************************************/

/*
 * Socials
 */
.socials {
    font-size: 0.000001px;
    font-weight: normal;
    margin: -0.8rem;
}
.socials-a {
    background: var(--white);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: var(--black);
    display: inline-block;
    font-size: 3.1rem;
    line-height: 1;
    height: 5.1rem;
    margin: 0.8rem;
    overflow: hidden;
    padding: 1rem 0 0;
    text-align: center;
    /*
    text-shadow: 1px 1px 1px #474747, 2px 2px 1px #474747, 3px 3px 1px #474747,
        4px 4px 1px #474747, 5px 5px 1px #474747, 6px 6px 1px #474747, 7px 7px 1px #474747,
        8px 8px 1px #474747, 8px 8px 1px #474747, 9px 9px 1px #474747,
        10px 10px 1px #474747, 11px 11px 1px #474747, 12px 12px 1px #474747,
        13px 13px 1px #474747, 14px 14px 1px #474747, 15px 15px 1px #474747,
        16px 16px 1px #474747, 17px 17px 1px #474747;
    */
    text-shadow: none;
    vertical-align: middle;
    width: 5.1rem;
    will-change: transform;
}
.socials-a:hover {
    background: #888;
    color: var(--white);
    text-decoration: none;
    text-shadow: none;
}
.socials-a--facebook:hover {
    background: #3b5998;
}
.socials-a--google:hover {
    background: #de5246;
}
.socials-a--instagram:hover {
    background: #3f729b;
}
.socials-a--linkedin:hover {
    background: #0e76a8;
}
.socials-a--pinterest:hover {
    background: #c8232c;
}
.socials-a--skype:hover {
    background: #00aff0;
}
.socials-a--twitter:hover,
.socials-a--x:hover {
    background: #00acee;
}
.socials-a--youtube:hover {
    background: #c4302b;
}

/******************************************************************************/

/*
 * Picture
*/
.picture {
    display: block;
}

/*
 * Img
 */
.img {
    height: auto;
    width: auto;
}

/*
 * Image
 */
.image {
    display: block;
    overflow: hidden;
    padding: 100% 0 0;
    position: relative;
}
.image:empty,
.image:not(:has(img, svg)) {
    background: url('../images/icons/img.svg') no-repeat center;
    background-size: 15% auto;
}

.image-img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.picture--1,
.picture--2,
.img--1,
.img--2 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    will-change: opacity;
}

.picture--1,
a:hover .picture--2,
.img--1,
a:hover .img--2 {
    opacity: 1;
}

.picture--2,
a:hover .picture--2 + .picture--1,
.img--2,
a:hover .img--2 + .img--1 {
    opacity: 0;
}

/******************************************************************************/

/*
 * Logo
 */
.logo {
    display: block;
    font-size: 1.4rem;
    margin: 0;
    max-width: 100%;
    padding: 0;
}
.logo-a {
    color: var(--black);
    display: block;
}
.logo-img {
    display: block;
    margin: auto;
    width: 100%;
}

/******************************************************************************/

/*
 * Path
*/
.path {
    color: var(--grey);
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0.5em 0;
    position: relative;
    text-align: left;
    text-transform: none;
}

.path-a,
.path-txt {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: inherit;
}

.path-a:hover {
    color: var(--black);
    text-decoration: none;
}

/*
.path-a::after {
    border-bottom: 1px solid var(--black);
    bottom: -0.1rem;
    content: '';
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}
.path-a:hover::after {
    width: 4rem;
}
*/

.path br {
    display: none;
}

.ib .path {
    text-align: left;
}

/******************************************************************************/

/*
 * Datetime / Time
*/
.datetime,
.time {
    color: #737373;
    display: block;
    font-size: 1.3rem;
    font-weight: normal;
    margin: 1em 0;
}

/******************************************************************************/

/*
 * Options
*/
.options {
    clear: both;
    margin: 1rem 0;
    overflow: hidden;
}

.options-div {
    margin: 0;
    max-width: 50%;
}

.options-div:first-child:last-child {
    max-width: none;
}

.options-div.left {
    text-align: left;
}

.options-div.right {
    text-align: right;
}

.options-label {
    display: inline-block;
    margin: 0.5rem 0;
}

.left .options-label {
    margin-right: 2rem;
}

.right .options-label {
    margin-left: 2rem;
}

.options-span {
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 1rem 0 0;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
}

.options .input--select {
    background-position: right center;
    background-position: calc(100% - 1rem) center;
    border: 0 solid rgba(0, 0, 0, 0.1);
    border-bottom-width: 1px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2rem;
    min-width: 0;
    padding: 0.5rem 3.5rem 0.5rem 1.5rem;
    text-align: left;
    width: auto;
}
.options .input:hover {
    -webkit-box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.33);
    box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.33);
}

.options option {
    text-align: left;
}

@media only screen and (max-width: 800px) {
    .options-span {
        min-width: 0;
    }
}

@media only screen and (max-width: 600px) {
    .options-div {
        max-width: none;
    }

    .options-div.left,
    .options-div.right {
        float: none;
        text-align: right;
    }

    .left .options-label,
    .right .options-label {
        margin-left: 0;
        margin-right: 0;
    }

    .left .options-label:nth-child(n + 2) {
        margin-right: 1rem;
    }

    .right .options-label:nth-child(n + 2) {
        margin-left: 1rem;
    }
}

/******************************************************************************/

/*
 * Header
 */
.header {
    border: 0;
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.15);
    display: block;
    left: 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 11;
}
.header:hover {
    z-index: 1111;
}

.header-1 {
    background: var(--black);
    color: var(--white);
    position: relative;
    text-align: right;
}

.header-2 {
    background: var(--white);
    color: var(--black);
    padding: 0;
    position: relative;
}

.header-logo {
    margin: 0 auto 0 0;
    padding: 1.9rem 0 0;
    position: relative;
    width: 32.6rem;
    z-index: 5;
}

@media only screen and (max-width: 1000px) {
    .header-logo {
        margin-left: 7rem;
    }
}

@media only screen and (max-width: 600px) {
    .header-logo {
        width: 30rem;
    }
}

@media only screen and (max-width: 360px) {
    .header-logo {
        padding: 2.5rem 0 1.5rem;
        width: 25rem;
    }
}

/******************************************************************************/

/*
 * Nav
 */
.nav {
    background: rgba(255, 255, 255, 0);
    border: 0;
    clear: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: static;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1;
}

.nav .nav-1 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 3;
}

.nav-1 .nav-ul {
    display: table;
    height: auto;
    margin: 0 auto;
    min-height: 4rem;
    position: relative;
    width: auto;

    align-items: center;
    display: flex;
    justify-content: space-between;
}

.nav-1 .nav-li {
    align-items: center;
    align-self: stretch;
    display: table-cell;
    display: flex;
    height: auto;
    margin: 0;
    padding: 0 1rem;
    position: static;
    vertical-align: middle;
    z-index: 1;
}

.nav-1 .nav-li.-nodes::before {
    content: '';
    display: none;
    height: 11rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
}
.nav-1 .nav-li.-nodes:hover::before {
    display: block;
}

.nav-1 .nav-a {
    color: var(--black);
    display: block;
    font-size: 1.8rem;
    font-weight: normal;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: none;
}
.nav-1 .nav-a:hover {
    color: var(--primary);
}

.nav-1 .nav-div {
    background: var(--white);
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    left: 0;
    margin: -1rem auto 0;
    max-width: 100%;
    min-height: 37.5rem;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    visibility: hidden;
    width: 100rem;
}
.nav-1 .nav-li:hover .nav-div {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    visibility: visible;
}
.nav-1 .nav-div:has(.nav-li3) {
    width: 140rem;
}

.nav-1 .nav-image {
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 66.666%;
}
.nav-1 .nav-div:has(.nav-li3) .nav-image {
    width: 33.333%;
}

/*
.nav-1 .nav-div:has(.nav-li2:nth-child(11)) .nav-image {
    width: 41.31%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(21)) .nav-image {
    width: 36%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(31)) .nav-image {
    width: 32.56%;
}
*/

.nav-1 .nav-img {
    bottom: -99%;
    left: -99%;
    margin: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    right: -99%;
    top: -99%;
}
@supports (object-fit: cover) {
    .nav-1 .nav-img {
        height: auto;
        object-fit: cover;
        width: auto;
    }
}

.nav-1 .nav-grp {
    margin: 0 auto 0 0;
    padding: 2.5rem 2rem;
    position: relative;
}
.nav-1 .nav-image + .nav-grp {
    width: 33.333%;
}
.nav-1 .nav-div:has(.nav-li3) .nav-image + .nav-grp {
    width: 66.666%;
}
/*
.nav-1 .nav-div:has(.nav-li2:nth-child(11)) .nav-grp {
    width: 58.69%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(21)) .nav-grp {
    width: 64%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(31)) .nav-grp {
    width: 67.44%;
}
*/

.nav-1 .nav-name {
    color: var(--black);
    font-size: 2rem;
    font-weight: 500;
    margin: 0.3em 0;
    text-decoration: none;
}
.nav-1 .nav-name:hover {
    color: var(--primary);
}

.nav-1 .nav-ul2 {
    column-gap: 0;
    display: block;
    margin: 1rem 0 1rem 3rem;
    padding: 0;
    position: relative;
}
.nav-1 .nav-div:has(.nav-li3) .nav-ul2 {
    columns: auto 3;
}
/*
.nav-1 .nav-ul2:has(.nav-li2:nth-child(11)) {
    columns: auto 2;
}
.nav-1 .nav-ul2:has(.nav-li2:nth-child(21)) {
    columns: auto 3;
}
.nav-1 .nav-ul2:has(.nav-li2:nth-child(31)) {
    columns: auto 4;
}
*/

.nav-1 .nav-li2 {
    break-inside: avoid;
    display: block;
    line-height: 2;
    margin: 0 1rem;
    padding: 0;
    position: relative;
}

.nav-1 .nav-a2 {
    color: var(--black);
    font-size: 1.7rem;
    font-weight: normal;
    text-decoration: none;
}
.nav-1 .nav-a2:hover {
    color: var(--primary);
}

/*
.nav-1 .nav-all {
    color: var(--black);
    font-size: 1.5rem;
    margin: 1em 0;
    text-decoration: none;
    text-transform: uppercase;
}
.nav-1 .nav-all:hover {
    color: var(--primary);
}
.nav-1 .nav-div:has(.nav-li2:nth-child(11)) .nav-all {
    margin-left: 50%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(21)) .nav-all {
    margin-left: 66.66%;
}
.nav-1 .nav-div:has(.nav-li2:nth-child(31)) .nav-all {
    margin-left: 75%;
}
*/

.nav-1 .nav-ul3 {
    margin: 0 0 0 2rem;
    padding: 0;
    position: relative;
}

.nav-1 .nav-li3 {
    display: block;
    line-height: 2;
    margin: 0.5em 0;
    padding: 0;
    position: relative;
}

.nav-1 .nav-a3 {
    color: var(--black);
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.nav-1 .nav-a3:hover {
    color: var(--primary);
}
.nav-1 .nav-a3:has(.img) {
    padding-left: 5.5rem;
}

.nav-1 .nav-a3 .img {
    bottom: -99%;
    left: 0;
    margin: auto;
    max-height: 4.5rem;
    max-width: 4.5rem;
    position: absolute;
    right: auto;
    top: -99%;
}

.nav .nav-2 {
    background: var(--black);
    left: 1rem;
    position: absolute;
    text-align: left;
    top: -4.1rem;
    z-index: 7;
}

.nav-2 .nav-ul {
    display: table;
    height: 4.1rem;
    margin: 0;
    position: static;
    width: auto;

    align-items: center;
    display: flex;
    justify-content: start;
}

.nav-2 .nav-li {
    align-items: center;
    display: table-cell;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 2.5rem 0 2rem;
    position: relative;
    vertical-align: middle;
    z-index: 1;
}

.nav-2 .nav-li::before {
    border: 0.6rem solid rgba(0, 0, 0, 0);
    border-left: 0.8rem solid #ff531f;
    border-right: 0;
    content: '';
    left: 0;
    margin-top: -0.8rem;
    position: absolute;
    top: 50%;
}

.nav-2 .nav-a {
    color: var(--white);
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: none;
}
.nav-2 .nav-a:hover {
    color: var(--primary);
}

.nav-2 .nav-ul2 {
    background: var(--black);
    -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
    left: 0;
    margin: -1rem auto 0;
    /*max-width: 100%;*/
    opacity: 0;
    padding: 0 2rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    text-align: left;
    top: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    visibility: hidden;
    width: 30rem;
}
.nav-2 .nav-li:hover .nav-ul2 {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    visibility: visible;
}

.nav-2 .nav-li2 {
    margin: 0.5em 0;
}

.nav-2 .nav-a2 {
    color: var(--white);
    font-size: 1.6rem;
    text-decoration: none;
}
.nav-2 .nav-a2:hover {
    color: var(--primary);
}

.c-hamburger {
    display: none;
}
.c-hamburger-bg {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .nofon {
        display: none;
    }

    .c-hamburger {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: var(--black);
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 6rem;
        left: 1rem;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: fixed;
        /*right: 0;*/
        text-indent: -9999px;
        top: 6rem;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        width: 6rem;
        will-change: transform;
        z-index: 1010;
    }
    .c-hamburger.-active {
        background: var(--grey);
        position: fixed;
        -webkit-transform: translate(0, -5rem);
        -moz-transform: translate(0, -5rem);
        -ms-transform: translate(0, -5rem);
        -o-transform: translate(0, -5rem);
        transform: translate(0, -5rem);
    }

    .c-hamburger:focus {
        outline: none;
    }

    .c-hamburger span {
        background: var(--white);
        display: block;
        height: 2px;
        left: 20%;
        margin: -1px auto auto;
        position: absolute;
        right: 20%;
        top: 50%;
        -webkit-transition-duration: 0.5s, 0.5s;
        -moz-transition-duration: 0.5s, 0.5s;
        -o-transition-duration: 0.5s, 0.5s;
        transition-duration: 0.5s, 0.5s;
        will-change: background;
    }

    .c-hamburger.-active span {
        background: rgba(255, 255, 255, 0);
    }

    .c-hamburger span::before,
    .c-hamburger span::after {
        background: var(--white);
        content: '';
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        -webkit-transition-duration: 0.5s, 0.5s;
        -moz-transition-duration: 0.5s, 0.5s;
        -o-transition-duration: 0.5s, 0.5s;
        transition-duration: 0.5s, 0.5s;
        width: 100%;
        will-change: transform;
    }

    .c-hamburger span::before {
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -ms-transform: translateY(-400%);
        -o-transform: translateY(-400%);
        transform: translateY(-400%);
        -webkit-transition-property: top, transform;
        -moz-transition-property: top, transform;
        -o-transition-property: top, transform;
        transition-property: top, transform;
    }

    .c-hamburger span::after {
        -webkit-transform: translateY(400%);
        -moz-transform: translateY(400%);
        -ms-transform: translateY(400%);
        -o-transform: translateY(400%);
        transform: translateY(400%);
        -webkit-transition-property: bottom, transform;
        -moz-transition-property: bottom, transform;
        -o-transition-property: bottom, transform;
        transition-property: bottom, transform;
    }

    .c-hamburger.-active span::before,
    .c-hamburger.-active span::after {
        background: var(--white);
    }

    .c-hamburger.-active span::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .c-hamburger.-active span::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-hamburger-bg {
        background: rgba(255, 255, 255, 0.66);
        display: block;
        height: 120%;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        visibility: hidden;
        will-change: opacity;
        z-index: 1000;
    }

    .c-hamburger.-active + .c-hamburger-bg {
        opacity: 1;
        visibility: visible;
    }

    .nav {
        background: var(--white);
        bottom: 0;
        -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
        clear: both;
        display: block;
        float: none;
        height: 100%;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translateX(-40rem);
        -moz-transform: translateX(-40rem);
        -ms-transform: translateX(-40rem);
        -o-transform: translateX(-40rem);
        transform: translateX(-40rem);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        visibility: hidden;
        width: 40rem;
        will-change: transform;
        z-index: 1005;
    }

    .nav.-active {
        overflow-y: auto;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        visibility: visible;
    }

    .nav .nav-1 {
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-align: left;
    }

    .nav-1 .nav-ul {
        display: block;
        height: auto;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: relative;
        width: auto;
    }

    .nav-1 .nav-li {
        border-top: 1px solid #d9d9d9;
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .nav-1 .nav-li:first-child {
        border-top: 0;
    }

    .nav-1 .nav-li.-nodes::before,
    .nav-1 .nav-li.-nodes:hover::before {
        display: none;
    }

    .nav-1 .nav-li.-nodes::after {
        background: none;
        border: 0;
        border-bottom: 0.4rem solid #d0d0d0;
        border-right: 0.4rem solid #d0d0d0;
        content: '';
        cursor: pointer;
        display: block;
        height: 1.4rem;
        left: auto;
        opacity: 1;
        position: absolute;
        right: 2.5rem;
        top: 1.3rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        visibility: visible;
        width: 1.4rem;
    }
    .nav-1 .nav-li.-nodes.-active::after {
        top: 2rem;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .nav-1 .nav-a {
        display: block;
        margin: 0;
        padding: 1.2rem 2rem;
        position: relative;
        width: auto;
    }
    .nav-1 .nav-li.-nodes .nav-a {
        margin-right: 7rem;
    }

    .nav-1 .nav-div,
    .nav-1 .nav-li:hover .nav-div {
        background: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto;
        left: 0;
        margin: 0;
        max-height: 0;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        visibility: hidden;
        width: auto;
        white-space: normal;
        z-index: 1;
    }
    .nav-1 .nav-li.-active .nav-div {
        max-height: none;
        opacity: 1;
        overflow: visible;
        pointer-events: auto;
        position: relative;
        visibility: visible;
    }

    .nav-1 .nav-image {
        display: none;
        padding: 40% 0 0;
        position: relative;
        width: auto !important;
    }

    .nav-1 .nav-grp {
        margin: 0;
        padding: 0;
        width: auto !important;
    }

    .nav-1 .nav-name {
        display: none;
    }

    .nav-1 .nav-ul2 {
        columns: auto !important;
        display: block;
        margin: 0;
        padding: 0;
    }

    .nav-1 .nav-ul2::before,
    .nav-1 .nav-ul2::after {
        display: none;
    }

    .nav-1 .nav-li2 {
        background: #f5f5f5;
        border-top: 1px solid #d9d9d9;
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width: auto;
    }

    .nav-1 .nav-a2 {
        display: block;
        padding: 0.8rem 2rem 0.8rem 2rem;
        width: auto;
    }

    .nav-1 .nav-all {
        display: none;
    }

    .nav-1 .nav-ul3 {
        display: block;
        padding: 0;
    }
    .nav-1 .nav-ul3::before,
    .nav-1 .nav-ul3::after {
        display: none;
    }
    .nav-1 .nav-li3 {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width: auto;
    }
    .nav-1 .nav-a3 {
        display: block;
        padding: 0.5rem 2rem 0.5rem 5rem;
        width: auto;
    }

    .nav .nav-2 {
        background: #333;
        bottom: auto;
        left: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        right: auto;
        text-align: left;
        top: auto;
    }

    .nav-2 .nav-ul {
        display: block;
        height: auto;
        margin: 0;
        position: relative;
    }

    .nav-2 .nav-li {
        border-top: 1px solid #d9d9d9;
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .nav-2 .nav-li:first-child {
        border-top: 0;
    }

    .nav-2 .nav-li::before {
        display: none;
    }

    .nav-2 .nav-li.-nodes::after {
        background: none;
        border: 0;
        border-bottom: 0.4rem solid #d0d0d0;
        border-right: 0.4rem solid #d0d0d0;
        content: '';
        cursor: pointer;
        display: block;
        height: 1.4rem;
        left: auto;
        opacity: 1;
        position: absolute;
        right: 2.5rem;
        top: 1.3rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        visibility: visible;
        width: 1.4rem;
    }
    .nav-2 .nav-li.-nodes.-active::after {
        top: 2rem;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .nav-2 .nav-a {
        display: block;
        margin: 0;
        padding: 1.3rem 2rem;
        position: relative;
        width: auto;
    }
    .nav-2 .nav-li.-nodes .nav-a {
        margin-right: 7rem;
    }

    .nav-2 .nav-ul2,
    .nav-2 .nav-li:hover .nav-ul2 {
        background: #444;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto;
        left: 0;
        margin: 0;
        max-height: 0;
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: auto;
        transform: none;
        visibility: hidden;
        width: auto;
        white-space: normal;
        z-index: 1;
    }
    .nav-2 .nav-li.-active .nav-ul2 {
        max-height: none;
        opacity: 1;
        overflow: visible;
        pointer-events: auto;
        position: relative;
        visibility: visible;
    }

    .nav-2 .nav-li2 {
        margin: 0;
    }

    .nav-2 .nav-a2 {
        display: block;
        padding: 1.3rem 2rem;
    }
}

/******************************************************************************/

/*
* Infoline
*/
.infoline {
    position: absolute;
    right: 18.5rem;
    right: 11.5%;
    top: 1.4rem;
    z-index: 5;
}

.infoline-text {
    font-size: 1.8rem;
}

.infoline-text .-c2 {
    font-weight: bold;
}

.infoline-a {
    color: var(--black);
    display: block;
    font-size: 3.4rem;
    font-weight: 600;
}
.infoline-a:hover {
    color: var(--primary);
    text-decoration: none;
}

@media only screen and (max-width: 600px) {
    .infoline {
        display: none;
    }
}

/******************************************************************************/

/*
* Search
*/
.searchbg {
    display: none;
}
/*
.search.-focus + .searchbg {
    display: block;
}
.searchbg::before {
    background: rgba(255,255,255,0.66);
    bottom: 0;
    content: '';
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9997;
}
.searchbg-x {
    height: 6rem;
    position: fixed;
    right: 1rem;
    right: 3%;
    top: 2rem;
    width: 6rem;
    z-index: 9999;
}
.-start .searchbg-x {
    top: 6.5rem;
}
.searchbg-x::before,
.searchbg-x::after {
    border-top: 1px solid var(--black);
    bottom: 0;
    content: '';
    cursor: pointer;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
}
.searchbg-x::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.searchbg-x::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
*/

.search {
    background: var(--white);
    left: 0;
    margin: 0 auto;
    max-width: 52.5rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1.9rem;
    z-index: 5;
}
.search.-hover,
.search.-focus {
    max-width: 52.5rem;
    overflow: visible;
    z-index: 9998;
}

.search-form {
    display: block;
    float: none;
    height: 5.3rem;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 5.2rem 0 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.search .lbl-name {
    color: #767676;
    font-size: 1.8rem;
    -webkit-transform: translateY(2.65rem);
    -moz-transform: translateY(2.65rem);
    -ms-transform: translateY(2.65rem);
    -o-transform: translateY(2.65rem);
    transform: translateY(2.65rem);
}
.search .lbl.-focus .lbl-name,
.no-js .search .lbl-name {
    opacity: 0;
}

.search .input {
    background: rgba(242, 242, 242, 0.5);
    border-color: rgba(255, 255, 255, 0);
    color: var(--black);
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 2.3rem;
    padding: 1.4rem 1.9rem;
}

.search-button {
    bottom: 0;
    font-size: 2.8rem;
    height: 5.3rem;
    left: auto;
    line-height: 5.1rem;
    margin: 0;
    max-width: none;
    min-width: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.3rem;
}

.search-button .icon {
    line-height: inherit;
}

@media only screen and (max-width: 1000px) {
    .search {
        -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.25);
        bottom: auto;
        left: auto;
        padding: 1.5rem 1rem 1.5rem 8rem;
        position: relative;
        right: auto;
        top: auto;
    }
}

/******************************************************************************/

/*
* Main
*/
.main {
    clear: both;
    display: block;
    min-height: 50rem;
    min-height: calc(100vh);
    /*overflow: hidden;*/
    padding: 0 0 3rem;
    position: relative;
    width: 100%;
}

/******************************************************************************/

/*
* Section
*/
.section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem 0;
    position: static;
}

.section-h {
    color: var(--black);
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0.3em 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: none;
}

.section-h u {
    color: var(--primary);
    text-decoration: none;
}

.section-h a {
    color: inherit;
}
.section-h a:hover {
    color: var(--primary);
    text-decoration: none;
}

.path + .section-h {
    margin-top: 0.3em;
}

.ib .section-h {
    text-align: left;
}

.section .con {
    text-align: center;
}
.section .con .ib,
.section .ib .con {
    text-align: left;
}

.section .con .button {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.section-more {
    clear: both;
    margin: 2.5rem 0 0;
    text-align: center;
}

.section-more .button {
}

/******************************************************************************/

/*
 * Header and Path
*/
.section--hap {
    margin: 0 auto;
    padding: 2rem 0 2rem;
    position: relative;
    z-index: 3;
}

.section--hap + .section {
    padding-top: 0;
}

.section--hap .section-h {
    text-align: left;
}

/******************************************************************************/

/*
* Banners
*/
.section--banners {
    overflow: visible;
    padding: 0 0 1rem;
    position: relative;
}

.banners {
    background: #eee;
}

.banners-item {
    background: no-repeat center;
    background-size: cover;
    cursor: auto;
    max-height: 34.1rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}

.banners-video {
    display: block;
    height: 34.1rem;
    margin: 0;
    object-fit: cover;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.banners-image {
    display: block;
    height: 34.1rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
}
/*
.banners-image.-txt::after {
    background: rgba(255, 255, 255, 1);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 66.666%,
        rgba(255, 255, 255, 0) 100%
    );
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 63%;
    top: 0;
}
*/

.banners-image .img {
    height: 100%;
    left: -999%;
    margin: auto;
    max-height: none;
    max-width: none;
    position: absolute;
    right: -999%;
    top: 0;
    width: auto;
}

.banners .container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.banners-table {
    display: table;
    height: 100%;
    margin: auto;
    table-layout: fixed;
    width: 100%;
}

.banners-td {
    display: table-cell;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.banners-prefix {
}

.banners-name {
    color: var(--white);
    font-size: 5.6rem;
    font-weight: 600;
    line-height: 1;
    margin: 0.1em auto 0.1em 0;
    max-width: 55rem;
    text-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25);
    text-transform: none;
}

.banners-txt {
    color: var(--white);
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1.2;
    margin: 0.3em 0;
    max-width: 55rem;
}

.banners-a {
    opacity: 1;
}
.banners-a:hover {
    text-decoration: none;
}
.banners-a:first-child {
    bottom: 0;
    font-size: 0.000001px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

.banners-a .button,
.banners-a .button:hover,
.bannes-a:hover .button {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin: 0.5rem auto auto 0;
    padding: 0.9rem 1rem;
    width: 17.5rem;
}

.banners-a:first-child .button {
    display: none;
}

.slider--banners {
    height: auto;
    margin: 0 auto;
    position: relative;
}

.slider--banners .slider-container {
    max-width: 157rem;
}

.slider--banners .slider-container--1 {
    padding: 4rem 1rem;
}

.slider--banners .slider-container--2 {
    display: none;
}

.slider--banners.-active .slider-container--2 {
    display: none;
}

.slider--banners .slider-container--3 {
    bottom: 1.5rem;
    display: none;
}

.slider--banners.-active .slider-container--3 {
    display: block;
}

.slider--banners .swiper-button-next,
.slider--banners .swiper-button-prev {
}
.slider--banners .swiper-button-next:hover,
.slider--banners .swiper-button-prev:hover {
    opacity: 1;
}

.slider--banners .swiper-pagination-bullet {
    opacity: 0.5;
}

.slider--banners .swiper-pagination-bullet:hover,
.slider--banners .swiper-pagination-bullet-active {
    opacity: 1;
}

.slider--banners .swiper-pagination-bullet::before {
    background: var(--white);
    border-color: var(--white);
}

.slider--banners .swiper-pagination-bullet:hover::before {
    background: var(--primary);
    border-color: var(--primary);
}

@media only screen and (max-width: 1000px) {
    .banners-video,
    .banners-image {
        height: 45.3rem;
    }

    .banners-table {
    }

    .banners-name {
        font-size: 4.7rem;
    }

    .banners-txt {
        font-size: 1.4rem;
    }

    .slider--banners .slider-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .slider--banners .slider-container--2,
    .slider--banners.-active .slider-container--2 {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
}

/******************************************************************************/

/*
* Banner
*/
.section--banner {
    padding: 1rem 0;
}

.banner {
    position: relative;
}

.banner-a,
.banner-a:hover {
    color: var(--black);
    display: block;
    text-decoration: none;
}

.banner-image {
    padding: 54.5rem 0 0;
}

.banner-image::after {
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(
        90deg,
        rgba(245, 245, 245, 1) 25%,
        rgba(255, 255, 255, 0) 75%
    );
    background: -moz-linear-gradient(
        90deg,
        rgba(245, 245, 245, 1) 25%,
        rgba(255, 255, 255, 0) 75%
    );
    background: linear-gradient(
        90deg,
        rgba(245, 245, 245, 1) 25%,
        rgba(255, 255, 255, 0) 75%
    );
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.banner-img {
    height: 100%;
    left: -99%;
    max-width: none;
    right: -99%;
}

.banner-con {
    align-content: center;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    margin: auto;
    max-width: 147rem;
    padding: 1rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
}

.banner-name {
    font-size: 6.6rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 0.3em 0;
    width: 100%;
}

.banner-button {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin: 1rem 0;
    padding: 0.9rem 1rem;
    width: 17.5rem;
}

@media only screen and (max-width: 800px) {
    .banner-image {
        padding: 34rem 0 0;
    }

    .banner-name {
        font-size: 4.95rem;
    }
}

@media only screen and (max-width: 480px) {
    .banner-name {
        font-size: 3.3rem;
    }
}

/******************************************************************************/

/*
* News
*/
.section--news {
    padding: 1rem 0;
}

.news {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.news-item {
    position: relative;
}

.news-a {
    color: var(--black);
    display: block;
    margin: 0 auto;
    max-width: 39rem;
    text-align: center;
}
.news-a:hover {
    color: var(--black);
    text-decoration: none;
}

.news-image {
    padding: 53.846% 0 0;
}

.news-time {
    margin: 1em 0;
}

.news-name {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0.5em 0;
    transition: inherit;
}
.news-a:hover .news-name {
    color: var(--primary);
    text-decoration: underline;
}

.news-txt {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 0.5em 0;
}

@media only screen and (max-width: 1200px) {
    .news-item {
        width: 33.33%;
    }
}

@media only screen and (max-width: 800px) {
    .news-item {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .news-item {
        width: 100%;
    }
}

/******************************************************************************/

/*
* Article
*/
.section--article {
    position: relative;
    text-align: center;
}

/*
.section--article .ib {
    bottom: 0;
    position: sticky;
    top: 0;
}
.section--article .ib + .ib {
    text-align: left;
}
*/

.section--article .picture {
    margin: 0 0 2rem;
}

@media only screen and (max-width: 600px) {
    .section--articlel .ib {
        position: relative;
        width: 100%;
    }
}

/******************************************************************************/

/*
* FAQ
*/
.section--faq {
}

.faq {
    margin: 0 auto;
    max-width: 138rem;
    padding: 0;
    position: relative;
}

.faq-details {
    font-size: 1.8rem;
    line-height: 1.4;
    padding: 0 1.5rem;
    position: relative;
}

.faq-summary {
    border-bottom: 1px solid #d9d9d9;
    color: var(--secondary);
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 -1.5rem;
    padding: 1.5rem 6rem 1.5rem 1.5rem;
    position: relative;
}
.faq-summary:hover {
    color: var(--primary);
}
.faq-details[open] .faq-summary {
    color: var(--primary);
    margin-bottom: 2rem;
}

.faq-summary::after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: '\e91c';

    color: #d0d0d0;
    font-size: 3rem;
    position: absolute;
    right: 2rem;
    top: 1.5rem;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.faq-item[open] .faq-summary::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-summary .h {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

/******************************************************************************/

/*
* Features
*/
.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1rem;
    position: relative;
    text-align: center;
}

.features-item {
    align-content: start;
    padding: 2.5rem 1rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 20%;
    z-index: 1;
}

.features-item::after {
    border-right: 1px solid #d0d0d0;
    bottom: 0;
    content: '';
    height: 66%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.features-item:last-child::after {
    display: none;
}

.features-item .icon {
    display: block;
    font-size: 4.8rem;
    margin: 1.5rem 0;
}

.features-text {
    font-size: 1.8rem;
    line-height: 1.1;
    margin: 1.5rem 0;
}

.features-name {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0.5em 0;
}

@media only screen and (max-width: 1000px) {
    .features-item {
        width: 33.33%;
    }
}

@media only screen and (max-width: 600px) {
    .features-item {
        width: 50%;
    }
}

/******************************************************************************/

/*
* Footer
*/
.footer {
    bottom: 0;
    clear: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
}

.footer-1 {
    background: #f5f5f5;
    color: var(--black);
}

.footer-2 {
    background: var(--black);
    color: var(--white);
    padding: 0;
}

.footer-2 .ibs {
    margin: 0 -1rem;
}

.footer-2 .ibs::after {
    border-bottom: 1px solid #434343;
    bottom: 0;
    content: '';
    left: 1rem;
    position: absolute;
    right: 1rem;
}

.footer-2 .ib {
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 3rem 0;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.footer-h {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 1.3em 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.footer-h:not(:first-child) {
    margin-top: 2.6em;
}
.footer-h:not(:first-child)::before {
    border-top: 1px solid #434343;
    content: '';
    left: 0;
    position: absolute;
    top: -1.5em;
    width: 73%;
}

.footer-h a {
    color: inherit;
}
.footer-h a:hover {
    color: var(--primary);
    text-decoration: none;
}

.footer-ul {
    margin: 1.3em 0;
}

.footer-li {
    padding: 0 0 0 2.5rem;
    position: relative;
}
.footer-li::before {
    background: var(--white);
    border-radius: 1px;
    content: '';
    height: 2px;
    left: 1.1rem;
    position: absolute;
    top: 0.6em;
    width: 2px;
}

.footer-columns {
    columns: 4;
    column-gap: 2rem;
}

.footer-a {
    color: var(--white);
    display: block;
    padding: 0 0 0 2.5rem;
    position: relative;
}
.footer-a:hover {
    color: var(--primary);
    text-decoration: none;
}

.footer-a::before {
    background: var(--white);
    border-radius: 1px;
    content: '';
    height: 2px;
    left: 1.1rem;
    position: absolute;
    top: 0.6em;
    width: 2px;
}

.payments {
    margin: 1.3em 0;
    position: relative;
}

.payments-img {
    display: inline-block;
    margin: 0 2rem 1rem 0;
    vertical-align: middle;
}

.address {
    margin: 1.3em 0;
    position: relative;
}

.email {
    color: var(--white);
    display: block;
    font-size: 2.8rem;
    text-decoration: underline;
}
.email:hover {
    color: var(--primary);
}

.phone {
    color: var(--white);
    display: block;
    font-size: 2.8rem;
}
.phone:hover {
    color: var(--primary);
    text-decoration: none;
}

.hours {
    font-size: 2.1rem;
    margin: 1.3em 0;
}

.footer .socials {
    margin-bottom: 0;
}

.copyrights {
    color: var(--white);
    clear: both;
    font-size: 1.8rem;
    margin: 0;
    padding: 2.3rem 0;
    position: relative;
    text-align: center;
    z-index: 1;
}

.copyrights-span {
    display: inline;
    margin: 0;
}

@media only screen and (max-width: 1000px) {
    .footer-2 .ib--3 {
        width: 50%;
    }

    .footer-columns {
        columns: 2;
    }
}

@media only screen and (max-width: 480px) {
    .footer-2 .ib--3 {
        width: 100%;
    }

    .footer-columns {
        columns: auto;
    }
}

/******************************************************************************/

.fonbutton {
    -webkit-transition: all 0.5s ease-out 1s;
    -moz-transition: all 0.5s ease-out 1s;
    -o-transition: all 0.5s ease-out 1s;
    transition: all 0.5s ease-out 1s;
    border-radius: 20px 20px 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f55403;
    z-index: 3000;
    color: #fefcbd;
    padding: 20px;
    font-size: 46px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    border: 5px solid #fefcbd;
}
.fonbutton:hover {
    color: var(--white);
}
.slideDownHide {
    bottom: -155px;
    opacity: 0;
}
.slideDownHide:hover {
    opacity: 1;
    bottom: 0;
}

.ninja {
    position: absolute !important;
    width: 1px;
    height: 1px;
    top: -1px;
    left: -1px;
    text-indent: 1px;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.size {
    width: 980px;
    margin: 0 auto;
}

.orange {
    color: #ff531f !important;
}

.price,
.bigPrice {
    color: #ff531f;
}
.bigPrice {
    font-size: 1.3em;
}

.big {
    font-size: 1.2em;
}

.underline {
    text-decoration: underline;
}

.red {
    color: #d90000;
}

nav ul,
nav li {
    list-style: none;
}

code {
    background: #eee;
    padding: 2px 5px;
    margin: 2px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #666;
}

/* Align */
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}

img.left {
    margin: 10px;
    margin-left: 0;
    float: left;
}
img.right {
    margin: 10px;
    margin-right: 0;
    float: right;
}
img.center {
    display: block;
    margin: 10px auto;
}

table.table-kar-info {
    table-layout: fixed;
}
table.table-kar-info td:first-child {
    width: 25%;
}

.table-codes {
    margin: 0;
}
.table-codes td {
    padding: 5px;
}

.no-border td,
.no-border th {
    border: none;
}

/*   Form   */

label {
    display: block;
    clear: both;
}
label b {
    display: inline-block;
    padding-right: 5px;
    font-weight: normal;
}
.ie label b {
    display: inline;
    zoom: 1;
}

/*
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
textarea {
    border: 1px solid #ccc;
    background: var(--white);
    width: 190px;
    max-width: 100%;
}
textarea {
    width: 280px;
    height: 90px;
}
input.invalid,
textarea.invalid {
    border-color: #e05c5c;
}
*/
.buttonsaction {
    margin: 10px 0 0 0;
    padding: 10px 0;
    text-align: center;
}

input[type='submit'],
input[type='button'],
button {
    background: #4c4c4c;
    border: 0;
    padding: 4px 12px;
    color: #d8d8d8;
    text-decoration: none;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/
    font-size: 13px;
    line-height: 135%;
    vertical-align: middle;
    overflow: visible;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.ie7 input[type='submit'],
.ie7 input[type='button'],
.ie7 button {
    padding: 2px 12px;
}
input[type='submit']:hover,
input[type='button']:hover,
button:hover,
input[type='submit'].main,
input[type='button'].main,
button.main,
a.button.main {
    background-color: #ff531f;
    color: var(--white);
}
input[type='submit'].main,
input[type='button'].main,
button.main,
a.button.main {
    padding: 6px 15px;
    font-weight: bold;
}
input[type='submit'].main:hover,
input[type='button'].main:hover,
button.main:hover,
a.button.main:hover {
    background-color: #c5421a;
}
/*
.button-small {
    padding: 4px 7px 3px !important;
    font-size: 11px !important;
}
*/

a.button.button-orange {
    background: #ff531f;
    border: 1px solid #e41;
    display: inline-block;
    vertical-align: middle;
    color: var(--white);
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.button-orange:hover {
    background-color: #c4431c;
}

a.link-button {
    padding: 3px 7px 2px;
    font-size: 11px;
    background-color: #777;
    color: var(--white);
}

/*#main*/
div.products-akcesoria input[type='submit'] {
    background: #ff531f;
    color: var(--white);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}
/*#main*/
div.products-akcesoria input[type='submit']:hover {
    background: #4c4c4c;
    color: #d8d8d8;
}

/*
 * Box
 */

.dialogbox {
    position: relative;
    margin: 0.9em 0.7em;
    padding: 0.7em 1em;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #f5f5f5;
    color: #666;
    text-align: left;
    line-height: 1.4em;
}
.dialogbox-close {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background-color: #f5f5f5;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}
.dialogbox-close:hover {
    top: -7px;
    right: -7px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
}

.dialogbox--ok,
.dialogbox--ok .dialogbox-close {
    border-color: #78ca52;
    background: #f7ffed;
    color: #4dab01;
}
.dialogbox--error,
.dialogbox--error .dialogbox-close {
    border-color: #ff9494;
    background: #fff0f0;
    color: #d92a2a;
}
.dialogbox--info,
.dialogbox--info .dialogbox-close {
    border-color: #81aeff;
    background: #e9f1ff;
    color: #2f5db3;
}
.dialogbox--alert,
.dialogbox--alert .dialogbox-close {
    border-color: #e1d042;
    background: #ffffde;
    color: #a99b27;
}

.dialogbox--clear,
.dialogbox--clear .dialogbox-close {
    border-color: var(--white);
    background: var(--white);
    color: inherit;
    padding-left: 0;
    padding-right: 0;
}

.all-darck {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--black);
    opacity: 0.5;
    filter: Alpha(opacity=50);
    z-index: 9996;
    display: none;
}
#info-box {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    margin-top: -300px;
    background: var(--white);
    padding: 10px;
    color: #333;
    z-index: 9999;
    border: 5px solid #252525;
    border-radius: 6px;
    display: none;
}
#info-box h3 {
    color: #ff531f;
    padding: 4px 0;
}
#info-box p {
    padding: 3px 0;
}
#info-box div {
    padding: 4px;
    padding-left: 85px;
    min-height: 80px;
    background: url(../images/icon_48h.png) 0 center no-repeat;
    border-bottom: 1px solid #d9d9d9;
}
#info-box div.i_3 {
    background-image: url(../images/icon_3_lata.png);
}
#info-box div.i_10 {
    background-image: url(../images/icon_10_lat.png);
}
#info-box div.p_p {
    background-image: url(../images/produkt_polski.png);
}
#info-box div.p_ssl {
    background-image: url(../images/bezpieczne_zakupy.png);
}

#info-box div.i-top {
    padding: 10px;
    min-height: 50px;
    margin: -10px -10px 10px -10px;
    background: #373737 url(../images/gfx/top.png) no-repeat right top;
}
.ie7 #info-box div.i-top img {
    float: left;
}

#info-box div.i-top span {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    float: right;
    background: var(--white);
    display: block;
    margin-top: -10px;
    margin-right: -10px;
    padding: 0 3px 3px 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#content {
    background: var(--white);
}
#content:before,
#content:after {
    content: '';
    display: block;
}
#content:after {
    clear: both;
}
#left {
    float: left;
    width: 210px;
    padding: 10px 0 20px;
}

#left h4 {
    background: #464646;
    color: #eee;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    font-size: 13px;
}

#left p {
    padding: 10px 0 10px 15px;
    font-size: 12px;
}

#center {
    float: left;
    width: 740px;
    padding: 10px 15px 15px;
}
#center.full {
    width: auto;
    float: none;
}
#center-left {
    float: left;
    width: 570px;
    margin-left: -15px;
    padding-right: 5px;
}
#center-left article {
    padding: 2px 15px 15px;
}
#center-right {
    float: right;
    width: 195px;
    margin-right: -15px;
    font-size: 12px;
}

#center-right h4 {
    background: #464646;
    color: #eee;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    font-size: 13px;
}
#center-right p {
    padding: 10px;
}
#center-right p + p {
    padding-top: 0;
}
#center-right menu {
    padding: 10px;
}
#center-right menu li {
    padding: 1px 0;
}

.products-start {
    padding: 0 0 10px;
    text-align: center;
}
.products-start > div {
    display: inline-block;
    width: 180px;
    margin: 2px 0;
    border: 1px solid #ebebeb;
    position: relative;
    border-top-color: #d9d9d9;
    border: 1px solid #d9d9d9;
}
.ie7 .products-start > div {
    display: inline;
    zoom: 1;
    margin: 0 2px 3px 1px;
}
.products-start > div.empty {
    border: 0;
    padding: 1px;
    min-height: 100px;
}
.products-start > div.empty * {
    display: none !important;
}
.products-start .img {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 180px;
    height: 116px;
    padding-bottom: 10px;
}
.products-start .img img {
    position: absolute;
    right: 3px;
    bottom: 10px;
}
.products-start strong {
    display: block;
    font-size: 13px;
    text-align: left;
    padding: 5px 0 3px;
    background: #f3f3f3;
    padding-top: 0;
}
.products-start strong a {
    color: #444;
    text-decoration: none;
    display: block;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
}
.products-start strong a span {
    vertical-align: middle;
    line-height: 1.3;
    display: inline-block;
    padding: 0 5px;
}
.products-start strong a:hover {
    color: #ff531f;
}
.products-start b {
    display: block;
    padding: 3px 8px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ffd0bd;
    vertical-align: middle;
    margin-bottom: 3px;
}
.ie7 .products-start b {
    padding-bottom: 4px;
}
.products-start b i {
    color: #ff531f;
    font-size: 14px;
}
.products-start a.button {
    background: #ff531f;
    display: inline-block;
    vertical-align: middle;
    color: var(--white);
    padding: 3px 15px 4px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    text-align: center;
    /*width: 140px;*/
    margin: 2px 0 5px -5px;
}
.products-start a.button:hover {
    background: #666;
}

.products-start .color {
    z-index: 50;
    padding: 3px;
    position: absolute;
    top: 100px;
    right: 0;
    top: 139px;
}
.products-start .color i {
    float: left;
    font-size: 11px;
    color: #757575;
    padding: 5px 3px 0 0;
}

.products-akcesoria {
    padding: 20px 0 10px;
    text-align: center;
}
.products-akcesoria > div {
    display: inline-block;
    width: 180px;
    padding: 0 0 10px;
    margin: 2px 0;
    border: 1px solid #ebebeb;
}
.ie7 .products-akcesoria > div {
    display: inline;
    zoom: 1;
    margin-right: 3px;
}
.products-akcesoria > div.empty {
    border-color: var(--white);
    width: 100%;
    height: 30px;
}
.products-akcesoria .img {
    display: block;
    width: 180px;
    height: 125px;
    text-align: center;
}
.products-akcesoria .img img {
    max-width: 180px;
    max-height: 125px;
}

.products-akcesoria .image.img {
    height: auto;
    padding: 69% 0 0;
    width: auto;
}
.products-akcesoria .image.img .image-img {
    max-height: 100%;
    max-width: 100%;
}

.products-akcesoria strong {
    display: block;
    font-size: 13px;
    padding: 5px 0 3px;
}
.products-akcesoria strong a {
    color: #444;
    text-decoration: none;
    display: block;
    min-height: 50px;
    line-height: 50px;
}
.products-akcesoria--name-top {
    text-align: left;
}
.products-akcesoria--name-top strong a {
    line-height: 1.3;
    padding: 0 7px;
}
.products-akcesoria strong a span {
    display: inline-block;
    line-height: 1.3;
    vertical-align: middle;
}
.products-akcesoria strong a:hover {
    color: #666;
    text-decoration: underline;
}
.products-akcesoria b {
    display: block;
    padding: 0 0 4px;
    font-size: 13px;
}
.products-akcesoria b i {
    color: #ff531f;
    font-size: 14px;
}
.products-akcesoria a.button {
    background: #ff531f;
    display: block;
    color: var(--white);
    padding: 4px 0 5px;
    margin: 2px 0;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    text-align: center;
    width: 140px;
    margin: 0 auto;
}
.products-akcesoria a.button:hover {
    background: #666;
}

.products-akcesoria > .textowka,
.textowka {
    width: 100% !important;
    display: block !important;
    text-align: left;
    clear: both;
    border-width: 1px 0 !important;
}

/* Filter */

.filter {
    margin: 0 10px 20px;
    /*text-align: right;*/
    background: #fafafa;
    border: 1px solid #eeeeee;
    padding: 5px;
}
.filter-top {
    margin: 12px 0px 10px 0;
    text-align: right;
}

.filter-section {
    white-space: nowrap;
    padding-left: 10px;
    display: inline-block;
}

.filter-label {
    color: #888;
}

.filter-select {
    display: inline-block;
    padding: 6px 9px;
    /*border: 1px solid #EEE;
		background: #f8f8f8;*/
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #ccc;
    background: #f0f0f0;
    cursor: pointer;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}
.filter-select.active,
.filter-select:focus,
.filter-select:hover {
    border: 1px solid #b5b5b5;
    background: #dcdcdc;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.filter-select-label {
    display: block;
    font-weight: normal;
}
.filter-select-label:after {
    content: '▼';
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #b5b5b5;
    padding-left: 6px;
}

.filter-select-list {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 230px;
    background: #eee;
    border: 1px solid #c7c7c7;
    z-index: 200;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0 2px 2px 2px;
    -moz-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    display: none;
}
.filter-select-list li {
    background: none;
    padding: 0;
}
.filter-select-list a {
    display: block;
    padding: 8px 8px;
    border-top: 1px solid #e6e6e6;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    color: #666;
    width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.filter-select-list li:first-child a {
    border: 0;
}
.filter-select-list a .color-icon {
    /*float: right;*/
}
.filter-select-list a:hover {
    background: var(--white);
}
.filter-select:hover .filter-select-list {
    display: block;
}

.products-list {
    padding: 0 0 10px;
    text-align: center;
    margin: -11px 0 0 0;
}
.products-list > div {
    display: inline-block;
    width: 272px; /*180px;*/
    margin: 8px 1px;
    position: relative;
    border: 1px solid #d5d5d5;
}
.products-list > div.empty {
    border: 0;
    padding: 1px;
    min-height: 100px;
}
.products-list > div.empty * {
    display: none !important;
}

.products-list .img {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 272px;
    height: 152px;
    padding-bottom: 10px;
}
.products-list .img img {
    position: absolute;
    right: 3px;
    bottom: 0;
}
.products-list .img:after {
    content: '';
    position: absolute;
    background: repeat-y
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAABCAYAAADaZ14YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpi/A8EDAwMP4H4BxB/B+JvQPwFij8D8Sc0/BGN/xlJ/TeoGT8AAgwAj6gYBrL3TR4AAAAASUVORK5CYII=);
    width: 22px;
    height: 176px;
    top: 0;
    left: 0;
}
.products-list strong {
    display: block;
    font-size: 13px;
    text-align: left;
    padding: 5px 0 3px;
    background: #f7f7f7;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 0;
}
.products-list strong a {
    color: #808080;
    text-decoration: none;
    display: block;
    height: 26px;
    line-height: 26px;
    font-weight: normal;
    text-align: left;
}
.products-list strong span {
    vertical-align: middle;
    line-height: 1.1;
    display: inline-block;
    padding: 0 5px;
}
.products-list strong a:hover {
    color: #ff531f;
}
.products-list .price {
    padding: 5px 0;
    background: #f7f7f7;
    border-top: 1px solid #e2e2e2;
    display: block;
}
.products-list b {
    display: block;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    min-width: 177px;
    color: #999;
    font-weight: normal;
}
.products-list b i {
    color: #ff531f;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}
.products-list a.button {
    background: #ff531f;
    border: 1px solid #ee4411;
    display: inline-block;
    vertical-align: middle;
    color: var(--white);
    padding: 3px 15px 4px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    text-align: center;
}
.products-list a.button:hover {
    background: #ee4411;
}
.products-list .color {
    z-index: 50;
    padding: 3px;
    position: absolute;
    right: 1px;
    /*top: 100px;*/
    top: 159px;
}
.products-list .color i {
    float: left;
    font-size: 11px;
    color: #a7a7a7;
    padding: 4px 3px 0 0;
}

/*
#pager {
    text-align: center;
    padding: 10px;
}
#pager p {
    color: #ccc;
    font-size: 11px;
}
#pager a,
#pager span {
    font-weight: bold;
    padding: 4px 5px;
    font-size: 14px;
    text-decoration: none;
    color: #ff531f;
}
#pager span {
    color: #999;
}
#pager .next {
    background: url(../images/gfx/arr-orange-right.gif) no-repeat right center;
    padding-right: 10px;
}
#pager .prev {
    background: url(../images/gfx/arr-orange-left.gif) no-repeat left center;
    padding-left: 10px;
}
*/

#add-to-cart {
    width: 290px;
    text-align: center;
    border: 1px solid #bbb;
    padding: 10px 0;
    background: #f5f5f5;
    box-shadow: inset 1px 1px 0 var(--white);
}
#add-to-cart #przyciecie {
    padding-top: 5px;
}
#add-to-cart #przyciecie input {
    width: 40px;
}
#add-to-cart input[type='text'] {
    width: 25px;
    text-align: center;
}
#add-to-cart input[type='submit'] {
    background: #ff531f;
    color: var(--white);
}
#add-to-cart input[type='submit']:hover {
    background: #464646;
}
#add-to-cart #suma {
    padding: 5px 0 10px;
    font-weight: bold;
    font-size: 14px;
}
#suma span {
    font-size: 18px;
}

#item {
    /*overflow: hidden;*/
    padding-bottom: 20px;
}
#item .right-info {
    /*float: left;
		width: 440px;*/
    overflow: hidden;
}
#item h2 {
    font-size: 15px;
}
#item #add-to-cart {
    margin: 10px auto;
}

#item .images {
    float: left;
    width: 300px;
    max-width: 100%;
    text-align: center;
    padding-right: 10px;
}
#item .images a {
    display: inline-block;
    background: var(--white);
    padding: 1px;
    border: 1px solid #eee;
    margin: 0 auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#item .images a img {
    vertical-align: middle;
}
#item .images a > s {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkBJREFUeNpi/P//vxQDjQETAx3ACLNk1qxZyiBMriWMuCL+8OHDvCtWrCj/9u2bH1CNMFT4Lxsb2yElJaVJFRUVpyiyZPr06WqnT59e/u/fPwkQn5mZ+S4jI+OHv3//KgPVC4DEhISEGvv6+maRZcnDhw9Zm5qaDgANVODg4FgfEhJS4+Li8gEmN3HixMT379+XA/VxyMrKpjQ3N28nOU4mTJiQDrVg64wZM3JgFoCAvLz8b5DrgYZngvhPnz5t+fDhAzPJlnz8+DEOFPaOjo51uDQBfboLGDdHQcEJdIgxSZZs3bpVGKhRmoWF5XZ4ePgLfBq5ubkPgeg3b95okGTJ79+/mUlNnsCg5SbJkoCAgFfAVPQZFCd79uwRwKfx+/fveiCah4fnAclxAozw7aCUs3bt2npcmiZPnqzx48cPD6CD3kZEROwn2RITE5OJQM0/gC4Ny8/PLwQlW2R5YOrSO3/+/FJQ9mFiYvo8c+bMHFBckpwZa2trPR8/fjwTatALdnb2/UCL//769Uvnz58/BmCNjIy/gXpZYZnVzc0tDFdiwVmsgHI90MWNQIPtUDQAg0hcXLzp8+fPBl+/fk2EieOziJFQpbVs2TLpmzdvagCDT1JRUfFUZmbmLZD4hg0bxDZv3rwGVNTAw56J6REw84ZERUU9JckSfABq0UqgRWowMWAeuzRnzhxPqtUnoCQfFBQUAjT4KlK+UUMvaiiutLy9vUHJOAxUBYDymLCwcKOAgMBfqgXXaB1PEwAQYAAzdBv4UN4s9AAAAABJRU5ErkJggg==);
    right: -300px;
    bottom: 0;
}
#item .images a:hover > s {
    right: 0;
}
#item .images a:hover {
    border-color: #ff531f;
}
#item .images a.big {
    display: block;
    margin-bottom: 4px;
}

#item .images .image {
    padding: 23% 0 0;
    width: 23%;
}
#item .images .image.big {
    padding: 69% 0 0;
    width: 100%;
}
#item .images .image-img {
    max-height: 96%;
    max-width: 96%;
}

#order-path {
    width: 735px;
    height: 52px;
    padding-left: 3px;
}
#order-path div {
    float: left;
    width: 232px;
    margin-left: -5px;
    height: 52px;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    background: url(../images/gfx/order-path.png) no-repeat;
}
#order-path div span {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 110%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 60px;
    color: #4e4e4e;
}
#order-path .a span {
    color: #b55013;
}
#order-path .ok span {
    color: #5e931f;
}
#order-path div.p1 {
    margin-left: 0;
}
#order-path div.p4 {
    width: 52px;
}

#order-path .p1 {
    background-position: 0 0;
}
#order-path .p2 {
    background-position: 0 -61px;
}
#order-path .p3 {
    background-position: 0 -122px;
}
#order-path .p4 {
    background-position: 0 -183px;
}

#order-path .p1.a {
    background-position: -247px 0;
}
#order-path .p2.a {
    background-position: -247px -61px;
}
#order-path .p3.a {
    background-position: -247px -122px;
}
#order-path .p4.a {
    background-position: -247px -183px;
}

#order-path .p1.ok {
    background-position: -494px 0;
}
#order-path .p2.ok {
    background-position: -494px -61px;
}
#order-path .p3.ok {
    background-position: -494px -122px;
}
#order-path .p4.ok {
    background-position: -494px -183px;
}

/* Classes */

td.foto {
    width: 150px;
    text-align: center;
}
td.nazwa {
    width: 300px;
    padding: 15px 0;
}
td.nazwa a {
    font-size: 14px;
    text-decoration: none;
    color: #ff531f;
    font-weight: bold;
    display: block;
    overflow: hidden;
}
td.nazwa b {
    display: inline;
    font-size: 14px;
    color: #ff531f;
}
td.nazwa span {
    float: left;
    clear: left;
    min-width: 55px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 11px;
    color: #333;
}
td.nazwa i {
    float: left;
    font-size: 11px;
    color: #333;
    font-weight: normal;
    font-style: normal;
}
td.nazwa a:hover,
td.nazwa a:hover b {
    color: #444;
}

td.ilosc {
    text-align: center;
    width: 50px;
}
td.ilosc input {
    width: 25px;
    text-align: center;
}

td.cena {
    text-align: center;
}

td.usun {
    text-align: center;
}
td.usun a {
    color: #c00;
    font-size: 20px;
    text-decoration: none;
}
td.usun a:hover {
    color: #f00;
    font-size: 28px;
}

td.dostawa-nazwa {
    padding-left: 0;
}
.dostawa-nazwa input {
    margin-top: 5px;
}
td.dostawa-koszt {
    width: 130px;
}

.cart-price .przelicz {
    float: right;
}
.cart-price > div {
    padding-bottom: 3px;
}
.cart-price .main-price {
    font-size: 15px;
}
.cart-price .main-price .orange {
    font-size: 19px;
}

.cart-price .sub-price {
    font-size: 13px;
}

#rabat {
    padding: 7px 0;
}

/*
.icon {
    display: inline-block;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px 5px 5px;
    text-decoration: none;
}
.icon:hover {
    border-color: #e9a175;
}
*/

.rr {
    display: inline-block;
    vertical-align: top;
}

.ffsmall {
    font-size: 11px;
}

div.info,
div.alert,
div.error,
div.info-orange {
    border: 1px solid #ff9494;
    background: #ffeded;
    color: #ff2727;
    padding: 8px 10px;
    margin: 5px 0;
    text-align: left;
}
div.info {
    border-color: #81aeff;
    background: #e9f1ff;
    color: #1b4797;
}
div.alert {
    border-color: #e7d648;
    background: #ffffde;
    color: #867c21;
}
div.info-orange {
    border-color: #e24414;
    background: #ffebe5;
    color: #e24414;
}

.user-data-columns {
    padding: 15px 0 0 15px;
}
.user-data-columns > div {
    float: left;
    padding-right: 30px;
}

.preloader {
    background: url(../images/gfx/loading.png) center center no-repeat;
}

.ggImg img {
    cursor: pointer;
}

#darmowa_dostawa_over {
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    cursor: pointer;
}
#darmowa_dostawa {
    background: url(../images/darmowa_dostawa/bg.png);
    height: 237px;
    width: 697px;
    margin-left: -348px;
    margin-top: -118px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 5010;
}
#darmowa_dostawa_close {
    position: absolute;
    right: 17px;
    top: 17px;
}
#darmowa_dostawa .cont {
    padding: 34px 34px 34px 253px;
}
#darmowa_dostawa .cont2 {
    overflow: hidden;
    height: 169px;
    width: 100%;
}
#darmowa_dostawa .s1,
#darmowa_dostawa .s2 {
    height: 169px;
    width: 100%;
    position: relative;
}
#darmowa_dostawa .s1 > div {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 169px;
    width: 100%;
}
#darmowa_dostawa .s1 img {
    display: block;
    margin: 10px auto;
}
#darmowa_dostawa .s1 a {
    padding-top: 15px;
}
#darmowa_dostawa .s1 a img {
    margin-top: 15px;
}
#darmowa_dostawa .s2 p {
    padding: 20px;
    font-size: 16px;
    line-height: 135%;
}

.table-small-header td {
    border-width: 1px 0;
    padding-top: 10px;
}

.tableNoBorder td {
    border: none;
}

.privacy {
    display: block;
    font-size: 1.8rem;
    margin: 0.5em 0;
}

/* GG */

.gg-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 194px;
    height: 101px;
    overflow: hidden;
    z-index: 300;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.gg {
    display: none;
    height: 101px;
    width: 194px;
    background: no-repeat right bottom url(../images/konsultant.png);
    position: absolute;
    bottom: 0;
    right: -194px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 310;
}
.gg-online {
    display: block;
    opacity: 1;
    right: 0;
}
/*.gg-offline {
		display: none;
	}*/
.gg-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    z-index: 320;
}
.gg-hide {
    background: no-repeat right bottom url(../images/konsultant-hide.png);
    width: 33px;
    height: 26px;
}
.gg-hide .gg {
    opacity: 0;
    width: 33px;
    height: 26px;
}
.ie .gg-hide .gg {
    display: none;
}

.img-menu {
    margin: 10px auto;
    padding: 0;
    text-align: center;
    border: 1px solid #e2e2e2;
    width: 552px;
}
.img-menu li {
    display: inline-block;
    /*display: inline;*/
    zoom: 1;
    margin: 0;
    vertical-align: top;
    position: relative;
    width: 138px;
    height: 172px;
    background: none;
    padding: 0;
}

.img-menu li:hover {
    opacity: 0.8;
}

.img-menu li a {
    display: block;
}

.img-menu li span {
    display: block;
    width: 105px;
    font-size: 9px;
    text-transform: uppercase;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: #ff531f;
    padding: 9px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
}

/*
 * Tabs
 */
.tabs {
    border-bottom: 2px solid #464646;
    overflow: hidden;
    height: 28px;
    padding: 0;
    margin: 15px 0;
}
.tab {
    display: inline-block;
    background: none;
    padding: 0 2px 0 0;
}
.tab a {
    display: block;
    height: 28px;
    line-height: 28px;
    background: #eee;
    padding: 0 20px;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.tab a:hover {
    background: #e26314;
    color: var(--white);
}
.tab-active a:hover,
.tab-active a {
    color: #eee;
    background: #464646;
}
.tab-sublink {
    float: right;
    padding: 0 0 0 2px;
}

.label {
    display: block;
    clear: both;
    padding: 5px 0;
}
.label-name {
    display: inline-block;
    font-size: 13px;
    min-width: 200px;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

.form-rabat-add {
    background: #f5f5f5;
    border: 1px solid #eee;
    width: 75%;
    margin: 10px auto;
}

.rabaty-checked td {
    background: #f5f5f5;
}
.rabaty-checked .check {
    display: none;
}

.input-number {
    width: 40px !important;
    text-align: center;
}

.range {
    position: relative;
    background: #eee;
    width: 200px;
    height: 6px;
    border: 1px solid #d4d4d4;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    margin: 0 8px 0 0;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.range-knob {
    position: absolute;
    z-index: 25;
    left: 0%;
    top: 50%;
    background: #808080;
    background: -moz-radial-gradient(center, ellipse cover, #808080 0%, #333333 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #808080 0%, #333333 100%);
    background: -o-radial-gradient(center, ellipse cover, #808080 0%, #333333 100%);
    background: -ms-radial-gradient(center, ellipse cover, #808080 0%, #333333 100%);
    background: radial-gradient(ellipse at center, #808080 0%, #333333 100%);
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 100%;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.range-knob-active,
.range-knob:hover,
.range:hover .range-knob {
    background: #e24414;
    background: -moz-radial-gradient(center, ellipse cover, #ff4d17 0%, #b73c17 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ff4d17 0%, #b73c17 100%);
    background: -o-radial-gradient(center, ellipse cover, #ff4d17 0%, #b73c17 100%);
    background: -ms-radial-gradient(center, ellipse cover, #ff4d17 0%, #b73c17 100%);
    background: radial-gradient(ellipse at center, #ff4d17 0%, #b73c17 100%);
}
.range-input {
    display: none;
}
.range-output {
    z-index: 20;
    position: relative;
    background: #424242;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    padding: 3px 6px;
    min-width: 30px;
    color: #eee;
    text-align: center;
}
.range-output:after {
    z-index: 21;
    right: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(66, 66, 66, 0);
    border-right-color: #424242;
    border-width: 4px;
    top: 50%;
    margin-top: -4px;
}

#range-procent-out {
    display: inline-block;
    text-align: left;
}

.czas {
    display: block;
    color: #888;
    font-size: 12px;
}

.zoom {
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.zoom:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    display: none;
}
.zoom:after {
    z-index: 2;
    content: '';
    position: absolute;
    display: none;
    background: var(--white) no-repeat center center
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAPFBMVEX///+ioqJtbW1gYGBgYGDe3t6xsbFiYmJfX19ycnKEhIRjY2NoaGhkZGSVlZV6enpmZma7u7thYWFfX1+2CM7PAAAAE3RSTlMaNo3o9CAu2/t6VNOmxEBltSrfDunxdwAAAJRJREFUKM+9ksESwyAIRKMkihE1uv//ryFtph1az+GgOzwZcHVZno5ap+kuBHDZ/88PIGYCpx+wDRxdt8Rolng+3qKBLBnsblVgWgXkb3WyJH4I7Azr2m91sB1BIPf0TJshjuGvTCUMHwxqDBLJaoPe2FkTCjSoia7RVi1uT2ppiIqGm1n7Qnnqeri6zd+plzU9+S9OiG4GFAmMKKsAAAAASUVORK5CYII=);
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.zoom:hover:before,
.zoom:hover:after {
    display: block;
}

/*
 * Krenciol
 */
.krenciol {
    overflow: hidden;
    position: relative;
}
.krenciol-image {
    overflow: hidden;
    position: relative;
    background: #eee url(../editor/gfx/loading.gif) no-repeat center center;
}
.krenciol-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.krenciol-controls {
    position: relative;
    background: no-repeat center center
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAApCAYAAABDV7v1AAAC0klEQVR4Ac2YSWobQRSGayXQAQxaBQKB3ECzVJJa8zzPO91Aq4AhNwhkJcgqEPDKJxH4Bn2AQLaBrAKV94EwstIyraSlLsMHdnfV/z5L1a+KVs1m83/Qwr3wKDwJvwUD/M417h3GaK8MY4wv/kXunfBJ+N7tds1wODTT6dTM53OzXq9fwDXuMYaxzGEuGdcUfSM8tNttMx6PzXK5ROYimMNcMsgi07doo9Hww1b4ySezWq0CgSwyyQ5CNCp87ff7ZrFYUCBQyCSbGtR6VbRer58jJuwJ4iu7JtSgFjUvFb0T3MFgQNBNoBY1qe0pWqvVTokI+8PXfVOoSW0c/Ijuer0eE0OB2jj8JVqtVo+pt1ot+l+o4CAurXOiEcGlbcxms1DBARecvEQ3NGIG2gAuOD2LVioVAPewHVoBLjg9i5bLZdDSFsxkMrEKnHA7Ft1xaLBNFCfcDKKO4wDNnQODVeCEm0G0VCrFxNqMRiMrwQ1HRLUsWhavleCGoyoWixvZCfiYrQQ3HBHd8nTZKoobjqpQKHzgDw4ENoKbON4rrfVWdgAOA1aCG44qn89veLLoWTaCG46IalkDptPpWAluOCIa01pbK4objiqXy4HLSwNOLDaBE26GnSmbzcKOxsqB1SZwws0gmslkQMsP/4FV4ITbsSi47AK2SOKCE5Kg0uk0wEYaKy8DrAAXnLxEI4JL32I3CBMccMHJSxRa0gpCF8UBFwQBVCqVOuULi5g1EgbUxgG5Y1QymTwlKuyZwD57S6hJbRz8iMKd4DLxxpKu4P3uKZFInCMm7GVnoPFeFWpQi5pIXSoKUeEbQY7jBC5IJtnUEF5/PxqPx/2wFX7xNNI6goAsMslGBIIQhbfCg6whivBpXCzHHOaSQRaZSAQtCvBe+Cz8kDbCoYEHgZ0EkRdwjXuMYSxzmEsGWRC8qDda+Cg8Ck+COYFr3GOM9pjvW/QP3vhim78jbwkAAAAASUVORK5CYII=);
    width: 94px;
    height: 41px;
    margin: 0 auto;
}
.krenciol-controls--expanded {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAApCAYAAAC89Z4XAAAC+klEQVR4Ae3au0ocURjA8QFbIW8QCAQEwSqgu+o4OhdnvLu63n2EVFYBIVWqgJBnEKy2SpsHsPIZBKtAINWCVeDk+w8TmRURlfO5E/iKH5hxzgf7n72cHRMsLy//DyJxKnriSvwRrsLPHOtV50SseS3OuRdpcuz34kz8XF9fd1tbW253d9ft7++74+PjARzjd5zDuaxhLTMs/NO9FRerq6uu2+26w8ND4j4La1jLDGYxs3Hhl5aWmuRE9HnmHh0decEsZlazA998hf8g3LBsbm66g4MDgnnFTGYP87HRdiB8URR1X3mG8FL1x9BU2p49Fv6GDyqL5RdNaTsQPs9zYILtGS9L/wxtafxQ+E/Ve6wCQ1sa34VfXFwEfmxvb/OyUGBoS+P74UdEny8he3t7CgxtaUzrevjxoigskDIa07oMn2UZOrz5c1X0GBrTugyfpilO+Xq9s7NjFNGY1vXw5xsbGxZHGY1pXYZPkgSXbHe4sWT00JjWZfg4jnHd6XTY8hhFNKZ1PfwtB7mnYPRU4ftl+IWFBXDQKAOt/4Uffd3wFp7mwfz8/Bv+wRu/0UdrmgdRFI3KD2x1jDLQmubB3Nwc+COxUQZa8x5PdNzyrWptbc0oksaE79fDX6+srFgcZTSmdRk+DENccueMK2L00JjWZfjZ2VmcZ1nGFTGKaEzrMvzMzAxO4zjmtqVRRGNa18N32eZYHF3SmPCdMvz09DTGwzBU/g89hsa0rocfEb/zPOcDwCigLY1pXQ+P70mSWCQltKUx0RG0223gYxRFXBmjgLY0vgvfarWACbki/BXcKKAtjR8Kj5s0TS2UZzSlLcGBYGpqqu4LN3HY6PtjaErbx8KPCTckbLf4EPL+wJnJ7GE+NtoOhJ+cnGySE3HLM4SXpw/MYmY1O/CMiC/StPB4Jy5arRbReLY+OzZrWMsMZlUzAwv/NGPim/jVbre5ucSWjK/dhB3AMX7HOZzLmmotMwJY+JeJxGfRE1fC3cOxXnVOVF/b1PB/AUL02OCteWheAAAAAElFTkSuQmCC);
}

.krenciol-controls span {
    position: absolute;
    cursor: pointer;
}
.krenciol-controls-play {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAADvElEQVR42sWYW0sbQRzFldrSqq2CtZSCCIUabzGiRmM03i8xXiEUhBDoB5ASEALSR59E/ABSEHwpFPwIJY99kIIEqrVQKAWhxBdBCgUpbM9v6QZXrayS7AoH1tmZc36Z+e/sJCWhUOhGMgyjVLovVUk1Uq30FHFNG/foQ18HfjbdBOSuVL27u/s8mUy+ikajm8PDwx8ikUg2HA6fIK5p4x596MsYxjoG6unpuU50KuMTr66uhkdHR9/19vaeDgwMGGNjY4aCjVgsZszOziKuaTPv0UeBvxiztrYWwgOvy/7OgehQkclkXkxOTm7q/z8EETw/P+9I9GUMY/HAS56V1wJ1d3dfJW4+3NjYCGopvmoZTPO5ublbibF4yOsbnnhbOY6AmN6lpaWYpjynKce0IMILT7zJcAQEfSqVimo6f1tLVEjhiTcZZF0HRMOD7e1tvz7FTxtMEaDIIItMG1AwGETm/nJ8fFzX19f3cWhoyJiZmSmqyCCLTLLzQF1dXaao/ng8/rq/v9+Ynp52RWSRSbYNyJodTeP38fFx9hNXRBaZh4eH9TCcB6pYWFhIQ0xHN0Um2TCYQJ2dnQDVagfeo9impqbclFXgWRgAAubO+vp6UH9s+56IbBhgAahc23xKM2Roe/dEZMMAi7kr6xHc0pvamJiY8ERkwwALQDXaOTODg4NUvSciGwZYzILWGu7RSIF5IbJhgAWgJ3r0v9DIy88LkQ0DLOYM6dHPcqAaGRnxRGTDYM1QjaYrwwblFRDZMFg1VKWGLW1OHKI8EdkwWE9ZubbwZa0hj54nIhsGax8q0wE+1NbWRnF5IrJhgKWkpaXFLOz29vbPOvNSYK6KTLKtd5kFVKEN6k1HRwe7pqsik+z82765uRmg0oODg3q/33/0r8BcEVlkkp0/DzU1NSGgKvVeWdb0cbR0RWSRaZ0YLwKV5nK5OhVYVptU0WHIIItM25m6sbExLx67dDod0TKe8ihScMUQ3mSQRSYgdiA71KPFxcWXmrUzPgVnlUIKT7zJIOvS9zKfz3dJ7JiJRCKugSesM8VXCOGFJ95kkOUICEG/srIS1tT+CAQCnFduDcJYPOR1hCfeZFwJ1NDQ8F9R/Ts7Oz4ZbmrwGab6hkuAI9GXMYzFAy887RnOgVD+9yE+mdb/versVJsp0089UKB5AK5p4x596MsYxuKBF55OgJyA3ZOq9/f36/U9KqnjwtvW1tZPCs7qvoG4po179KEvYxhr+RQKyNLF3xgfS7XSM8Q1bed/Y3TgZ9NflBExZEc5bHEAAAAASUVORK5CYII=);
    width: 36px;
    height: 37px;
    left: 50%;
    top: 2px;
    margin-left: -18px;
}
.krenciol-controls-play:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAADvUlEQVR42sWYzUtUURjGlSxKLQMzIhAhiFb5Paij4wd+jeO34/gdhriOQMnFgGtdKbiSwJ1BK/+BENy0GpCBQJMgAiHShSBBIMHp+V240nWEZqaZexcP3Dn3fZ/nuee85z33Tk5ra2tKMMbkCreFIqFYKBEeAa4Z4x4xxCbB50AqRm4K92Ox2JP5+fmXg4ODm8Fg8ENHR0e8ra3tDHDNGPeIIZYccjNliKA8nnh1ddXf29v7TsLnPT09RqJmdHTUjI2NmampKcA1Y9Y9YhT7k5y1tbV6OOD6H0MEFOzt7T3lifX7N0IIz8zMJAViySEXDrjEWZiOIW7e3djY8GkZPvf19Vnk09PTaYFcOMT1BU64UzLE9C4uLoY05T8GBgYgzQjgghNuNK411NLS4gDul5aWggr+NTQ0xNNlFHDCjQZaCYaam5ttMHBne3v7uRK+s/aTk5NZAdxooIWmw1AgEABWfzk9PS1tb2//GAqFzMTERFaBBlpoon2doUKt86vu7m4SXAFaaKJtG3LMjgru6/DwsBkfH3cFaKF5dHRUhgfLUFNTk9VvFPCmq6uL5uYq0EQbD5ahxsZGDJWoyPYptkgk4ibsXRfHA4Ywc2N9fd2nXUaAJ0AbD3jBUL6m7LW6KOeQJ0AbD3ixurJO6C3BhMNhT4A2HvCCoWKt4a5OZTMyMuIJ0MYDXqyC1hruc/ixDb0A2njAC4YeqhcdMEjFewG08YAXa4bUi+K0cra9F0AbD/YMFcvdLm2c1wMvgDYe7Boq0rbb0kFn+vv7PQHaeLB3Wb4Ka0FFxVp6ArTxYPehvJWVlfq6ujq2nydAGw94yamtrbUKu6Gh4RMHHQXmJtBE2z7LbEMFWsuoCst1Q2iifXna19TUYCj38PCwzOfzHau4+KZyBWihifbl+1B1dTXAVKG24ILf7+dccQVooYk2Zq4ayj05OSlVgcWpenpDNoEGWmg63qmrqqouwbaLRqMBLeO5PokouKwAbjTQQhMjTkNOU/dmZ2cjmrULErNhBm400Er4LqusrEwAHXNubi6sxDOdMaazszMjgAtOuNFAK8FQRUXFtcD98vKyX7P2TX3Cbu9pgVw4xHUMJ9y2TtKGANW/s7PzTNO8qae50AcB5CkZIYdcOOCCE+60DAH7/yGeTOTv9ZTn6h1sWXYKNYEw4Jox6x4xxJJDLhxwwZmeocTEW8L9g4ODMr2Qv5DwW4nG1Onjum8A14xxjxhiySHX5vmnofLy8lRw9T/GB0KJ8Bhwzdjf/zEmwefAH2k6yfunr786AAAAAElFTkSuQmCC);
}
.krenciol-controls-play:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAADxElEQVR4AcWYS0tUYRzGlSxKrRHsRAQiBNEq7+NldLxfxvHuON6DNiKCRiC0CdyIC8UvIIHugr6AG8NlbgIZCDIJIhAiXQgSBBKcnt/AGRyPxHGYOWfxwzPnvP/neXwv77lklZSUXAvTNLPFbeEThcIQD4FjznGNNrR1oJfEdYLcFAV7e3uPo9Hoi8bGxo2ampoPlZWVsbKyslPgmHNcow1tqaHWcaDS0tL/QaMc4VtaWgrU19e/Ky8vP/P7/WYgEDCDwaDZ1NRktrS0AMeci1+jjUL+pmZlZaUWDbTs+s4D0SBvZ2fniYw29PsvRq2trWZbW5sjaEsNtWigJc38VAJx8e7a2ppfw/C1rq4ubtDe3p4S1KIhrW9oon2tQHTv7OxsWMPzi/8Q0XSAFppo43FlII1zEqSfn58PqfAP86GjoyOtoIk2HnjZAukiACfubG1tPVPX/tRKMTs7OzMC2njgheeVgdgzjo+Pi7RsP2plUJhR8MALT7wTgSoqKoAf+UNDQy+ZfF1dXa6AF554JwWyeqe6uvo7KyIUCrkCXngeHBwUkyEeSGNJoLyBgYHXDQ0NZnd3t6vgiTcZ4oGqqqoIZGhJ7rMKwuGwq8iToYuRgUCEubG+vu5X19HAE/AmA1kIlKuJ9Yr9oaenxxPwJgNZCOTT5NrkvtPb2+sJeJOBLAQqVMJd9oa+vj5PwJsMZCGQoZm+z4zv7+/3BLzJQBYCPdCPLxpLlp8n4E0GshDIUHfFODk4OOgJeJPB6qHC5ubmXS0/Zron4E0Gaw75dF/ZFObw8LAnyBsSqyxXD+SL3FcikYgn4E0GshAoR7tkLc8oIyMjnoA3GciSpecSQhkaw8+aYCR1FTzxtu5lVqA8dd0bNii3A+GJd+Jur/VPoOzDw8Nidd0Rs350dNQV8MIT78TzkNY/ECp/fHx8kRk/NjbmCnjhiTdhLgfKPjk5KdKNLqYbHg0zCh544Ym3LRCw7JaXl4N6yzxjS89UGLTxwAvPpLcOjeFFOHlvbm4uqoJzVsDExERaQRNtPPCyvZfpog12zIWFhYg+IJxyN56cnEwLaKGJNh542QJpD7gS0q+urgY0zj8YbwSnpqZSgVprzhyhiTYe4DgQMPu3t7efasw39J+d6y/d7jgIbamhFg200EQ7pUBgfR/iP9NjwnuJn/FOxVxgL4Hp6WlI/OYabWhLDbVooIVmaoHshbdEAZvYzMzMcz16vtUrzCd91Yjpugkcc45rtKEtNdSiAekKBHD5G+N9YYhHwDHnLn5jdKCXxD+uzcEZtBLhnAAAAABJRU5ErkJggg==);
}
.krenciol-controls-play:after {
    content: '';
    display: block;
    background: no-repeat center center
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAAqklEQVQY02P4X/GfhwET/P7w49W3JAzhbx++/f/2//35b2Yowu8/vP8Pgc9XvJeAiTK++MDAD+P8+/a7i71L4jtQ+AGSMNiuhwzFqmtZfqDZ9YNrry7DURThvz8urKna8PIjAyPLT7jgk4M9C46/ZLjDcI/hL1T4063ls5beYnjKcI0BrJ3lN8Pv9yeWNOxm+MBwGYihgOVPR8rNJ18ZbjA8QveoCgMLuhAAvPpS5OEFbwgAAAAASUVORK5CYII=);
    height: 39px;
    width: 39px;
}
.krenciol-controls-play--pause:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANBAMAAABiGeI2AAAAKlBMVEUAAAAAAAC9vb3CwsLHx8fOzs7V1dXc3Nzj4+Pq6urx8fH29vb7+/v///8Z3ZZpAAAAAnRSTlMATX7+8BUAAAAjSURBVAjXY7p7geHuBab3Hxnef2R6/4Hh/QcyyfsfGO5/AABREzA/r3gxMAAAAABJRU5ErkJggg==);
}

.krenciol-controls-prev {
    left: 2px;
    top: 0;
    bottom: 0;
    display: none;
    background: no-repeat center center;
    width: 31px;
}
.krenciol-controls-prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAACpklEQVR4Ab2XO2uaYRTHTdKUkkBDUpqGQpYugQ65v4mJ9/v9fldw8gNEh1LERVxEEQehkA9hEZ0C/QAOLp2Ke5fq4JJJCqfnT8qL2tdOjxl+yRFf/D//55znnOdVGY1GGSLaYd4/A7vMy1nhjVarJXH8m6FV4na7v2IBs+Lb6XT6E39BmUxmJQSDQbJarcPBYPBh0fkuVhQKhVYinEqlCLtaLBZtMMqoVAaDAUD8wGQy/UokEsQ7IByv10uBQKCFuoIwUOn1egSb5XLZaDabsULhwBAbfGy32x9RW7K4TqdDsJVMJu8cDgfxf9HANfjCOq8huii+w1/eezwerFI4qPBKpaJjnRdz4lqtFsEeV+GD3++neDwuFBQw19J31ngLwTlxjUaDYJ9zMsRRiMViQnG5XMQ72sKWLxM/4O2fhMNhikajQkER53K5DGu8WhTHn7XxeHx4e3tLkUhEOGyK6vW6GvlWEl/v9XpHvAME5yJBvtnUFOZgUkl8o9lsShDHwwJBUyH+3QnSCrGl4th2FJxIfD4fnP9kjXdLxRuNhnRzc0M4aiJBc1Gr1f91vt7tdo+ur6+xUqFAnH93ihm+THxtNBodSpKEh0UD51StVpWr/fLyEsHB1dXV5G9DEAoKOZvNyudcSXyfVzi02+24ZYgE04xsNptyh7u4uECwxz3+Ad0I7kXCMwNbr9zbz8/PEeyw8D3PdnI6ncJBPZVKJXmqLYpvcUO4w3HDTBcNWiyb+3een52dIdgsFApmzj8h74JBzolNPnY6naO5m8zp6al83PiBicViwcOiQafDXJ+/w52cnAB8eMOF8Q15R5GIBqbY6DSfz5txe10U3+bq/MwLWIk4wJnn1P7o9/tP9/YZ8Y1arSZxTCsGKXh6Yzk+PpZ57ne1P+LKSfuRiTl7AAAAAElFTkSuQmCC);
}
.krenciol-controls-prev:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAACpElEQVR42r2Xu2uaURiHTWxKSaCSlqZSyNJF6OD9i/f7Jd7vl6jglD2ZiqBOLqKIg1DIX+DWQXEI9A9wcOlU3LtUB5dMUjh9fxIk2s9MxwxPPNEPn/Oe9z3vOUqUSuUaxpiM+PQCnBKvJSqVCkAsbbVaAo3/EmyfmM3m75jAU/lJJBL5ajAYmNfr3QtWq5XpdLrpeDz+vB35KWZks9n2IvZ4PAyrenNz40OghESiVqsB5HKtVvsHD/l8Pu5QYMzlcvVQVxADiUajweCoUqk49Xo98/v93IGcAnvo9/tfUFtrOb2JwXE8Hr81mUzs8vKSO0il2+3+Rp63kG7LZfThnd1uZ4FAgDuCILBarWYjz6sNOVUfBu+oEu9pAiwYDHIFxWY0Gn+S4wOEG3LKMwZn9MAU+QmFQlxxOBzIeQ9Lvksuv7i4WGCm4XCYKxaLhZXL5RI53mzL8edgNpudIy/UZHiDJWfNZtOIfIvJDweDgQKdLRqNcgVy+t7lfD4/R5Bicmmn0xGwzWKxGFceI18grZCJyrvdroAOlEgkeILo0dl+k+Pjs3IURjKZ5Ao1LhTcs5EfDodDBeSpVIonmAAiX+IM3yU/QEFg2dPpNHfQWtvttni1U8QYyOmhBWabyWS4gq55fX292ue75GfUiaYokmw2y5XHxiXe4ainr3o79eB7bI9cLscT5B3nuHhvp+XGQEZ78g7tMJ/Pc8fpdLJGo7E61cTkx1dXV7c4e+mVOxQY+P88pzMcg6NqterGFapQKHAH0VNNPYxGI8XGTYbeXG83ys0CMy0Wi7xB5Gg6m3c4ygfAP+/p1vEDe7NUKnEHK0DBLev1uhu31235CUVdQdHtQw6wlWlX/ZpMJqt7+1O5tNfrCajMPYMbzuoXC8RrXvq32j/g2EndoRNxlAAAAABJRU5ErkJggg==);
}
.krenciol-controls-prev:after {
    content: '';
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAQAAAB+HTb/AAABIElEQVQY02NgwAr+s/33xi7D8Jft75bPRgzicIHfnL9D4Kztvw8wmDHwQaV+CP04+d6aQRLI4vyx68f/9dUMVlCpr4pfb385zmDLIPiV8+ver/8/vOHyZ5ACS300+/j84/9FTQw2Hzk/Hvj4/+P/rYsZ3BgYgVLvPN59fvf/+TuhQF/Vd4ff/X/3/81v2zgGVbC+V+Evf736//AVl8dlkZdnX/1/9f/5T/MoBnaojeuDH3569n9yPQPjGpGbN579f/Z/9VwGNrg3ltvefnn+MoMEA8MqkStXHv+/+UJIDcnb0zQu3yuMBysUuXj5/v/uWrCDYKBFZE47xNuzBc9dPnYeZA4yYGGQhTAWC5y+mBzGgAtM5Z1Sx8CDU5qBmUEKALmNfPdYqxfWAAAAAElFTkSuQmCC);
    width: 14px;
    height: 15px;
    margin: 13px 0 0 7px;
}

.krenciol-controls-next {
    right: 2px;
    top: 0;
    bottom: 0;
    display: none;
    background: no-repeat center center;
    width: 31px;
}
.krenciol-controls-next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAACtUlEQVR42sWXu0tbURzHb19SKqS0xVaELi5ClzzMyzw05m3M+x0DTv4BmZriZMgSIuJwodA/QgnJVOgf4JDFSdy71AxCccpy+v1eyW0viZ1OWuGDcD34Oef3OvcqQogF8Aqs/ANeAmWCQnEikTgPBAJi3qiq6oDvyZ/yheFwuBoOh6+z2ayo1+tzAQcUe3t7H+Fb1OXYkcIHh4eHke3t7XGtVpuLPJfLCUaYkdblW1tbGsxHJpNRk8kkdyidSqUicLgf8Czr8s3NTQ3m4uzs7AM2cseFiIB0gsGgaLVaAbieaXK/36+DByac/DMQ1WpVOrFYjL8b8LyYJX/abrf9qAOGSTq7u7sCB/syaTnF5/MZwMMl5OaSBVIul6WSTqcFuuorHK81udfrNcDQY4fqzs6OKJVKUmErI6pXcLx9SP784OCgzuIoFotSyefzAum9nVS84vF4DDDvx8fHbiwShUJBOnCI0Wj0Hp5HysbGxhScw1g0Rt65W6kgumIwGKzB8fgh+TIW3WLocDJJhfLT01Ntxitut3sK/OEdTv49lUqxSKTCsOtyp9M5BU+OTdyiJ9keUkFkxcnJyV/lKy6Xa0w5Ti8V/F/R7/fvc+5wOAyw2judjhs/AnLpwCFubm7uq91utxtgn+/v79dRGByHUuHgQmT1Pp8lN0UiERW3G+9fqUSjUYGIXusTbn193QBnOxZcYgZzp1Lh1MT98Q2ON5rcZrPpMN9HR0ce5iUej0sH7w3cgHarzZKbQqGQitHKu1c6bDMMrt/3udVq1WDf9Xq9NWziDjlnfqTDiDYajYj+JmOxWDQYCtzjKicQ5NJhDeFgPydtpsnNZjPFi81mM4BNjBF2LpQO8s1K14tNf2+/uLhYRZtdobfnIgYUs+I/8aCGLxaE+hwREPOm2+0avlj+67faLyxZ3ru4wEYyAAAAAElFTkSuQmCC);
}
.krenciol-controls-next:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAYAAABSZrcyAAACuElEQVR42sWXu2uaURjGv95CacGSlrYh0CVLoIv3eL/FS6JJvF9iBCd3OxUDmVwURRw+KPQvcMtgcCj0D3BwyRSyd2kcAiWTy+nzvqlfv2JCl2Mr/BA+Dz7nvT3nfIoQYgWsgvV/wAugzFFI2O12nxqNRrFsOp2OHXqP9OIr4/F4w2q1Xnq9XhGJRJaCw+EQ+/v7H6H3XBPHjhR6UK/XoyaTaRYOh5ci7vP5BGWYMq2JQ5CheoRCIRULRDQalQ4FZbFYvkNnTRM3m80M1WIwGLzHghtaHIvFpGOz2USj0QhC6wmLQ0wDDwzb29ufKEU7OzvScblcIpVKfYDOs7vEH5+cnPjsdrvY3d2Vjt/vFwju83zkFHT5H+Dha6fTeU5NEo/HpQJhgYn6Ao2XLI466OHUo+ZqIBAQiURCKqg7pf4CGm/uE39arVYrHo9H7O3tyYSj39raup53vIL66uG6t9ttJz5kCtKhfrq6unoHnQcKdrIA+TAcaUaLDw4OZMJONxwON6Hx8D7xNUR+TeLJZFImPG69Xo89XoHIAvjhLZzuG+00nU5LhRy03+/fimMnC1DkaLhrGILIZDJSwf/+VXwdO5zR4mw2KxMWPzs7u605RPRwt3e7XSdZbC6Xkw2nfTqd3nY7dqKH57xWq1XIjfL5vEw4cgSlzfld4gYYgkqGUCgUZMINB+e81BwOXquHvR3n+jnVu1gsyoRHDWfGV2i8YnGkQYPq3Wq13MFgUJRKJekgo+RyfKrdJW7AbKu06PDwUDo40+n793mOM5ahuRuNRpuoyQ3tslwuy4avUsfHx1HtJgMxhlIBU1HJUo+OjmTDkaOXfszHjMVRX769NpvNIH6c0Q4rlYp0MON0m9GaTbu3TyaTDXThBSKXLarxq48aFKhefBW3jFPq8GWjqurCG8t/e1f7CaAj3rs7AXL3AAAAAElFTkSuQmCC);
}
.krenciol-controls-next:after {
    content: '';
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAQAAAB+HTb/AAABGUlEQVQY02P47/2fjQEX+Gvwefc+DpzS34+9OHaOG8L+HfibE0XyR/iP/89O7uIBsy0/nbsqiiT5lfnzy6//n5zeAZb+cOr1k1uqSNLvaz7+//j/4bmtQOmP4R//v357yQ4u+U7i7a93/9/9v3dxH/87tjcv3/1//e1cMFTyleirb6/+v/p/67aVZwr7q4ev/r/4Pa2dQQws+az02f9n/6/f1ghnsLsX8uz/w08VlQzeDFJAqcfMjx8+/n/xujpQioH18YEHT+JyGDwYhMH67vvd/3/+qlo4gw0D632D+5d8/BlcGPigNt7ZdfWkfChICshOyJRksGeAhdhNrZuHNRwZrBlYoAKycBYDw/WQCDEkKQwgycCMXQIA8oN+i1ETi90AAAAASUVORK5CYII=);
    width: 14px;
    height: 15px;
    margin: 13px 0 0 10px;
}

.krenciol-controls--expanded .krenciol-controls-prev,
.krenciol-controls--expanded .krenciol-controls-next {
    display: block;
}

.krenciol-loading {
    background: var(--white) url(../editor/gfx/loading.gif) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
}

.button360 {
    background: url(../images/gfx/button-360.png) no-repeat bottom;
    width: 250px;
    height: 63px;
    display: block;
    margin: 0 0 3px 31px;
    padding-top: 10px;
    overflow: hidden;
    font-size: 0;
    color: rgba(0, 0, 0, 0) !important;
    text-decoration: none !important;
    clear: both;
}

/*
 * Important Alert
 */

.importantAlert {
    border: 4px solid #ff531f;
    background: #f3f3f3;
    background: -moz-radial-gradient(center, ellipse cover, #eee 0%, var(--white) 100%);
    background: -webkit-radial-gradient(
        center,
        ellipse cover,
        #eee 0%,
        var(--white) 100%
    );
    background: -o-radial-gradient(center, ellipse cover, #eee 0%, var(--white) 100%);
    background: -ms-radial-gradient(center, ellipse cover, #eee 0%, var(--white) 100%);
    background: radial-gradient(ellipse at center, #eee 0%, var(--white) 100%);
    border-radius: 5px;
    padding: 10px 15px;
    margin: 10px;
    font-size: 15px;
    text-shadow: 1px 1px 0 var(--white);
}
.importantAlert b {
    color: #e93e0c;
}
.importantAlert img {
    float: left;
    padding: 6px 20px 0 0;
}

.media-product-list {
    margin: 0;
    padding: 0;
}
.media-product-list > li {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 32%;
    background: none;
    vertical-align: top;
}
.media-product-box {
    display: block;
    margin: 5px 5px 15px;
    padding: 10px;
    border: 1px solid #dddddd;
    min-height: 160px;
    border-width: 0 1px 0 0;
    padding-left: 0;
    position: relative;
}

.media-product-spec {
    width: 100% !important;
}

.h240 {
    min-height: 255px;
}

.media-product-img {
    display: block;
    text-align: center;
    margin: 10px 0 0;
    /*min-height: 130px;
	  line-height: 130px;*/
    min-height: 105px;
    line-height: 105px;
    vertical-align: middle;
}
.media-product-img img {
    max-width: 100%;
    display: inline-block;
}

.h240 .media-product-img {
    height: 115px;
    line-height: 115px;
    text-align: left;
}
.h240 .media-product-img img {
    max-height: 100%;
}

.image.media-product-img,
.h240 .image.media-product-img {
    height: auto;
    line-height: inherit;
    min-height: 0;
    padding: 60% 0 0;
}
.image.media-product-img .image-img,
.h240 .image.media-product-img .image-img {
    margin: auto;
}

.media-product-name {
    line-height: 16px;
    min-height: 3em;
    margin-bottom: -35px;
    position: relative;
    z-index: 3;
}

.media-product-name a {
    text-decoration: none;
    font-size: 14px;
    color: #767474;
    font-weight: 400;
    min-height: 2.8em;
    display: inline-block;
}

.blog-cena {
    float: left;
    margin-top: 4px;
}
.blog-cena strong {
    color: #b80a0e;
    font-size: 16px;
}

.cena-absolute {
    float: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/*
 * Ciasteczkowy potwór!
 */

.cookieMonster {
    /* position: fixed; */
    left: 0;
    bottom: 0;
    right: 0;
    color: #707070;
    background: #f3f3f3;
    z-index: 9999;
}
.cookieMonster-info {
    background: var(--white);
    border-top: 1px solid #d9d9d9;
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    padding: 0 0 0 7px;
}
.cookieMonster-more,
.cookieMonster-close {
    border-left: 1px solid #d9d9d9;
    color: #636363;
    cursor: pointer;
    float: right;
    height: 23px;
    text-align: center;
}
.cookieMonster-more {
    padding: 0 9px;
}
.cookieMonster-close {
    width: 23px;
    font-size: 18px;
}
.cookieMonster-more:hover,
.cookieMonster-close:hover {
    background-color: #e6e6e6;
    color: #4e4e4e;
    text-decoration: none;
}

.cookieMonster-description {
    display: none;
    border-top: 1px solid #d1d1d1;
    padding: 20px 40px 40px;
    font-size: 13px;
    line-height: 1.3em;
    color: #333;
    max-height: 320px;
    overflow: auto;
}
.cookieMonster-description p {
    padding: 6px 0;
    margin: 0;
}
.cookieMonster-description ul {
    padding: 6px 0;
    margin: 0 0 0 20px;
}
.cookieMonster-description li {
    background: none;
    padding: 0 0 10px 0;
    list-style-type: square;
}

@media only screen and (min-width: 1280px) {
    .media-product-list > li {
        width: 33%;
    }
    .h240 .media-product-img {
        height: 155px;
        line-height: 155px;
        text-align: left;
    }

    #center {
        width: 1010px;
    }
    #center-left {
        width: 840px;
    }
    /*
    #editor-big {
        width: 970px;
        margin: 0 35px -419px auto !important;
        padding-top: 10px !important;
    }
        */
    #editor-big.wykusz {
        margin: 0 auto !important;
    }
    #editor-big + #left + #center {
        padding-top: 414px;
    }

    #elements {
        /*padding-left: 20px !important;*/
    }

    .size {
        width: 1250px;
    }
    #order-path {
        margin: 0 auto;
    }
}
/*
@media only screen and (max-width: 980px) {
    #main-price div {
        margin-left: -2px !important;
    }

    #info-box {
        top: 3%;
        margin: 0;
        left: 3%;
        right: 3%;
        bottom: 3%;
        width: 94%;
        max-width: 94%;
        overflow-y: auto;
    }

    #order-path {
        width: 100%;
        height: auto;
        margin-bottom: 50px;
        display: block;
        text-align: center;
        position: relative;
    }
    #order-path > div {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        float: none;
        width: 85px;
        margin: 0 -33px 0 20px;
        padding-right: 33px;
    }

    #order-path > div.a:after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #fb6a12;
        top: 40px;
    }

    #order-path > div:last-child {
        margin-right: 0;
    }
    #order-path > div > span {
        background: #f4f4f4;
        border-radius: 10px;
        position: absolute;
        left: 50%;
        width: 300px;
        top: 100%;
        margin-top: 10px;
        margin-left: -150px;
        display: none;
        padding: 10px;
    }
    #order-path > div.a > span {
        display: block;
    }

    .size {
        width: 100%;
        max-width: 980px;
        padding: 0 10px;
        clear: both;
    }

    #center,
    #center-left {
        width: auto;
        float: none;
        overflow: hidden;
        position: relative;
    }

    #center img {
        max-width: 100%;
        height: auto !important;
    }

    #center-right {
        display: none;
    }

    .size {
        clear: both;
    }

    .size:before,
    .size:after {
        content: '';
        display: table;
        clear: both;
    }

    .img-menu {
        display: none !important;
    }

    .products-list {
        clear: both;
    }

    .products-list > div {
        overflow: hidden;
        width: 48%;
        width: calc(50% - 10px);
        margin: 5px;
    }
    .products-list .img img {
        max-width: 95%;
        right: 0;
        left: 0;
    }
    .products-list .img {
        width: 100%;
        height: auto;
        padding-top: 46%;
        margin-bottom: 29px;
    }
    .products-list > div .color {
        top: auto;
        bottom: 38px;
    }

    .products-list b {
        min-width: 41%;
    }
}
    */

/*
@media only screen and (max-width: 980px) {
    iframe {
        max-width: 100%;
        width: 100%;
    }

    #center-left {
        margin-right: -10px;
        margin-left: -10px;
    }
    #left {
        display: none;
    }
}
    */

.span iframe {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 650px) {
    #item .images {
        float: none;
        clear: both;
        margin: 0 auto;
        padding-right: 0;
    }

    .row > .span {
        float: none;
        width: auto;
        clear: both;
        margin-left: 0;
    }
}

@media only screen and (max-width: 410px) {
    .products-list > div {
        overflow: hidden;
        width: 90%;
    }

    .products-akcesoria > div {
        width: 49%;
        padding: 3px;
    }
    .products-akcesoria > div img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .media-product-list > li {
        border-bottom: 1px solid #ccc;
    }
}

.btn-info {
    display: block;
    font-size: 10px;
}

.table-kar-info {
    width: 100%;
}
.table-kar-info td {
    border-width: 1px 0;
    vertical-align: top;
    padding: 2px 6px;
}

/*
 * Media element
 */

.p-unl {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 20px;
}

.media {
    overflow: hidden;
    display: block;
    margin: 0.8em 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.media-image {
    float: left;
    margin-right: 0.8em;
}
.media-content {
    overflow: hidden;
    margin: 0;
}
.media--triple,
.media--double {
    display: inline-block;
    vertical-align: top;
    width: 48.8%;
    margin: 0.8em 0.4%;
}
.media--triple {
    width: 32%;
}

.media2 {
    display: table;
    margin: 0.8em 0;
}
.media2-image,
.media2-content {
    display: table-cell;
    vertical-align: middle;
}
.media2-image {
    padding: 0 0.6em 0 0;
}
.media2-image--after {
    padding-right: 0.6em;
    padding: 0 0 0 0.6em;
}
.media2--double {
    display: inline-block;
    vertical-align: top;
    width: 48.9%;
    margin: 0.4em 0.4% 0.8em;
}
.media2--inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0.8em 0.3em;
}
.alignRight {
    padding: 0;
    margin: 0;
    text-align: right;
}

.starbox {
    display: block;
    text-align: center;
}
.starbox-in {
    display: inline-block;
    font-size: 0.00001em;
}
.starbox-star {
    display: inline-block;
    padding: 10px 8px;
    font-size: 30px;
    color: #d53e08;
}
.starbox-star.active ~ .starbox-star {
    color: #ccc;
}
.starbox-star.active ~ .starbox-star.active {
    color: #d53e08;
}

.starbox-in:hover .starbox-star {
    color: #d53e08;
}
.starbox-in:hover .starbox-star:hover ~ .starbox-star {
    color: #ccc;
}

.starbox-in:hover .starbox-star:hover {
    color: #d53e08 !important;
}
.starbox-star path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.starbox-star.active ~ .starbox-star path {
    fill: var(--white);
}
.starbox-star.active ~ .starbox-star.active path,
.starbox-star.active path {
    fill: #d53e08;
}

.starbox-in:hover .starbox-star path {
    fill: #eb4f20;
}
.starbox-in:hover .starbox-star:hover ~ .starbox-star path {
    fill: var(--white);
}

.starbox-in:hover .starbox-star:hover path {
    fill: #eb4f20 !important;
    stroke-width: 10;
    stroke: #d53e08 !important;
}

.starbox-star:focus {
    -webkit-transform: scale(1.4) rotate(360deg) !important;
    -moz-transform: scale(1.4) rotate(360deg) !important;
    -o-transform: scale(1.4) rotate(360deg) !important;
    transform: scale(1.4) rotate(360deg) !important;
    -webkit-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
    -moz-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
    -o-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
    -ms-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
    transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
}
.starbox-star:focus path {
    fill: #eb4f20 !important;
    stroke-width: 10;
    stroke: #d53e08 !important;
}

.opinBox {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    /*padding: 10px;*/
    margin: 10px 0;
}
.opinBox .opinBox-item,
.opinBox > div {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #eee;
}
.opinBox .opinBox-item:first-child {
    border-top: 1px solid #eee;
}

.likes {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    padding: 0 3px;
    color: rgb(77, 74, 74);
}
.likes img {
    display: inline-block;
    width: 13px;
    vertical-align: middle;
}
.like {
    display: inline-block;
    opacity: 0.6;
    padding: 6px 2px;
}
.like:hover,
.like--active {
    opacity: 1;
}
.like--active {
    pointer-events: none;
}

.projectBox {
    max-width: 730px;
    position: relative;
    border: 3px #373737 solid;
}

.projectBox .i-top {
    background: #373737 url(../images/gfx/top.png) no-repeat right top;
    padding: 15px 10px 5px;
}

.projectBox-content {
    padding: 20px 40px 20px;
}

.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}
.alignCenter {
    text-align: center;
}

.tags {
    margin: 20px 0;
}
@media only screen and (max-width: 700px) {
    .filter-top {
        clear: both;
        float: none;
        margin: 0 0 5px;
        text-align: right;
    }
    .media-product-list > li {
        width: 49%;
    }
}
@media only screen and (max-width: 380px) {
    .media-product-list > li {
        width: 100%;
    }
    .media-product-list .media-product-box {
        border-right: none;
    }
}

/* Small tablets */
/*
@media only screen and (max-width: 980px) {
    #center table {
        max-width: 100%;
        overflow-x: auto;
        height: auto !important;
        display: block;
    }
    #center table > tbody {
        display: table;
        height: auto !important;
    }
    #center img {
        height: auto !important;
    }
    / *#main* /
    #center table .right {
        width: 140px;
    }
    / *#main* /
    #center table .right + td input {
        max-width: 100%;
    }

    .editor-help-tooltip {
        display: none !important;
    }

    .leftBlock {
        padding: 10px;
        background: var(--white);
        
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
        clear: both;
        display: block !important;
        float: none;
        height: 100%;
        left: -210px;
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
        position: fixed;
        top: 0;
        overflow: hidden;
        height: 100%;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        width: 210px !important;
        z-index: 800;
    }
}
*/

/* EDYTOR */

/*
@media only screen and (max-width: 980px) {
    #workspace,
    #workspace .wrapper,
    #editor-big {
        width: 100% !important;
        margin: 0 !important;
        background-size: 100% 100% !important;
    }
    .wykusz #workspace {
        
    }
    #text {
        width: 80% !important;
        margin: 0;
    }
    #elements {
        max-width: 108%;
        max-width: calc(100% + 28px);
        overflow-x: auto !important;
        white-space: nowrap;
        margin: 0 -14px;
        padding: 15px !important;
        position: static;
    }
    #elements .element {
        white-space: normal;
        display: inline-block;
        float: none;
        width: 21%;
        background-size: 100% 100%;
    }
    #text {
        padding: 10px;
        margin-top: -10px;
        margin-bottom: 0;
        position: relative !important;
        left: 0 !important;
        top: 26px !important;
        z-index: 110 !important;
        width: 100% !important;
    }
    #preview {
        max-width: 100% !important;
        z-index: 90 !important;
        overflow: visible !important;
        -webkit-transform-origin: 0% 80%;
        transform-origin: 0% 80%;
        top: 30px;
        margin-top: 0px;
        overflow: hidden !important;
        background: -moz-linear-gradient(
            top,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        background: -webkit-linear-gradient(
            top,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        background: linear-gradient(
            to bottom,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#00e4e4e4',GradientType=0 );
    }

    #workspace {
        overflow: hidden;
    }

    #preview > i {
        opacity: 0;
    }
    #elements > h3 {
        display: none;
    }

    #ctrl,
    #ctrl * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    #ctrl {
        z-index: 111 !important;
    }
}
*/

/* EDYTOR  WYKUSza*/

/*
@media only screen and (max-width: 980px) {
    #center .cart-box table > tbody {
        display: block !important;
    }
    .cart-box .cart-header {
        display: none !important;
    }

    #editor-steps #workspace {
        width: 100%;
        overflow: hidden;
    }
    .overflowHidden {
        width: 100%;
        overflow: hidden;
        max-width: 100%;
        height: 100% !important;
    }
    .wrapper {
        width: 100%;
        max-width: 100%;
        
    }

    #wykusz-type {
        padding: 20px 40px;
        
    }

    #wykusz-types {
        
        width: 100% !important;
        margin-left: 0 !important;
        
        height: 366px !important;
    }
    #wykusz-types ul {
        left: 0 !important;
        width: 100% !important;
        overflow: visible !important;
        height: 366px !important;
        visibility: hidden;
        margin-left: 100% !important;
    }
    @-webkit-keyframes toLeft {
        0% {
            left: 20%;
        }
        100% {
            left: -100%;
        }
    }
    / * Standard syntax * /
    @keyframes toLeft {
        0% {
            left: 20%;
        }
        100% {
            left: -100%;
        }
    }
    #wykusz-types li.open > ul {
        left: -100% !important;
        -webkit-animation: toLeft ease 0.5s;
        animation: toLeft ease 0.5s;
        z-index: 1000 !important;
        
        visibility: visible;
    }

    #wykusz-types ul:after {
        content: '';
        left: 100%;
        position: absolute;
        top: 0;
        height: 10px;
        
        width: 40px;
    }
    #wykusz-types ul li.name {
        color: #ff531f;
        display: block;
        position: relative;
    }
    #wykusz-types ul li.name:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 12%;
        
        margin-top: -7px;
        display: block;
        border: 7px solid transparent;
        border-right-color: #ff531f;
    }

    #workspace .prevworkspace {
        top: 4px !important;
        left: 4px !important;
        bottom: auto !important;
    }
}

@media only screen and (max-width: 750px) {
    #ctrl {
        right: auto !important;
        top: auto !important;
        bottom: 163px;
        left: 50%;
        z-index: 100 !important;
        margin-left: -100px;
    }
    #editor-cart {
        right: auto !important;
        left: 50%;
        margin-left: -100px;
    }

    #workspace,
    #workspace .wrapper,
    #editor-big {
        height: 900px !important;
    }
    .wykusz #workspace {
        height: 760px !important;
    }

    #ctrl div.drop-list ul {
        z-index: 1000;
        position: fixed !important;
        margin-top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        max-height: 260px;
        overflow-y: auto !important;
        z-index: 1000;
    }

    @supports (position: sticky) and (pointer-events: none) {
        @media only screen and (min-height: 380px) {
            #preview {
                pointer-events: none;
                top: -112px !important;
                margin-top: -113px;
                position: sticky !important;
                position: -webkit-sticky !important;
                z-index: 100 !important;
            }
            #workspace {
                overflow: visible;
            }
        }
    }
}

@media only screen and (max-width: 700px) {
    #text {
        background: -moz-linear-gradient(
            top,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        background: -webkit-linear-gradient(
            top,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        background: linear-gradient(
            to bottom,
            rgba(206, 206, 206, 1) 0%,
            rgba(220, 220, 220, 1) 64%,
            rgba(228, 228, 228, 0) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#00e4e4e4',GradientType=0 );
    }
    #preview {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        max-width: 125% !important;
    }
}

@media only screen and (max-width: 480px) {
    #text {
        background: #cfcfcf;
    }
    #preview {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        max-width: 166% !important;
    }
}
*/

.mobilegrid,
table.mobile {
    width: 100%;
}
.mobilegrid img,
table.mobile img {
    max-width: 100%;
}

@media only screen and (max-width: 480px) {
    table.mobilegrid tr,
    table.mobilegrid td,
    table.mobilegrid thead,
    table.mobilegrid tbody,
    table.mobile td,
    table.mobile tr {
        clear: both;
        display: block;
        margin-bottom: 5px;
        width: 100% !important;
        border: none;
    }
    table.mobilegrid--2 tr,
    table.mobilegrid--3 tr,
    table.mobilegrid--4 tr {
        clear: both;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin: 10px -10px;
    }
    table.mobilegrid--2 td {
        width: 50% !important;
        padding: 10px;
    }
    table.mobilegrid--3 td {
        width: 33.3% !important;
        padding: 10px;
    }
    table.mobilegrid--4 td {
        width: 25% !important;
        padding: 10px;
    }
}

/*
@media only screen and (max-width: 750px) {
    #diagram {
        left: calc(50% - 113px);
        right: auto !important;
        top: 384px;
        bottom: auto;
    }
    #diagram .c.c4 {
        max-width: 121px !important;
    }
}
@media only screen and (max-width: 550px) {
    #elements .element {
        width: 38%;
    }
}
*/

/* wykusz */
/*
@media only screen and (max-width: 632px) {
    #wykusz-types-alert-bg {
        top: -77px !important;
    }
    #wykusz-types-alert {
        margin: 0 auto !important;
        width: auto !important;
        left: 0 !important;
        right: 0;
        max-width: 500px;
    }
    #wykusz-diagram-wrapper,
    #wykusz-diagram-hightlight,
    #wykusz-diagram {
        max-width: 100% !important;
    }
    #wykusz-scian {
        padding: 5px !important;
        width: 100% !important;
    }
    #wykusz-scian a .arr {
        display: none !important;
    }
    #wykusz-scian a:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        margin-top: -7px;
        opacity: 0;
        border: 7px solid transparent;
        border-top-color: #ff531f;

        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    #wykusz-scian a.active:after {
        opacity: 1;
        margin-top: 0;
    }
    #wykusz-scian b {
        clear: both;
        display: block;
    }
    #wykusz-diagram {
        width: 100% !important;
        overflow: hidden !important;
        background-size: 400% auto !important;
    }
    #wykusz-diagram.scian-2 {
        background-position: 0 0 !important;
    }
    #wykusz-diagram.scian-3 {
        background-position: 33% 0 !important;
    }
    #wykusz-diagram.scian-4 {
        background-position: 66% 0 !important;
    }
    #wykusz-diagram.scian-5 {
        background-position: 100% 0 !important;
    }
    #wykusz-diagram-hightlight {
        display: none;
    }
    #wykusz-diagram-inputs {
        
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 500px;
        margin: 0 auto;
        left: -400px;
        right: -400px;
    }

    #workspace .nextworkspace {
        width: 203px !important;
    }
}
@media only screen and (max-width: 515px) {
    #wykusz-diagram {
        height: 261px !important;
    }
    #wykusz-diagram-inputs {
        top: -39px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media only screen and (max-width: 380px) {
    #wykusz-diagram {
        height: 215px !important;
    }
    #wykusz-diagram-inputs {
        top: -51px;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}
*/

/* KOSZYK */
/*
@media only screen and (max-width: 600px) {
    .cart-box .line {
        position: relative;
        display: table;
        width: 100%;
    }
    .cart-box .cart-header {
        position: relative;
        display: table;
        width: 100%;
    }

    .cart-box table .line td {
        padding-top: 134px;
        border: none;
    }

    .cart-box td.nazwa {
        width: auto;
        padding: 10px 10px 5px !important;
        position: absolute;
        top: 15px;
        max-height: 126px;
        overflow-y: auto;
        display: block;
        left: 0;
        background: var(--white);
        right: -1px;
        border-top: 1px solid #777 !important;
    }

    .cart-box td.cena + td.cena {
        display: none;
    }
    .cart-price .main-price strong {
        display: block;
    }

    #koszyk-dostawa .dostawa-koszt {
        width: 80px;
    }

    .basket-kasa {
        width: 100% !important;
        display: block;
    }
    .basket-kasa td {
        display: block;
        border: none;
    }
    .basket-kasa td input[type='text'] {
        padding: 4px 10px;
        width: 100%;
    }
    .basket-kasa label {
        text-align: left;
        padding-left: 30px;
        position: relative;
    }
    .basket-kasa label input[type='checkbox'] {
        position: absolute;
        left: 0;
        top: -1px;
        padding: 0px;
    }
    .basket-kasa td input[name='ulica'] {
        width: 71%;
        width: calc(100% - 61px);
    }
    .basket-kasa td:last-child {
        margin-bottom: 10px;
    }
}
*/

/****************************************************************************/

/* fancy BOX  */
@media only screen and (max-width: 980px) {
    #fancybox-wrap {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 0 !important;
        /* margin-top: -15px !important; */
    }
    #fancybox-content {
        width: 100% !important;
        border: none !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        /* margin: auto !important; */
        overflow-y: auto;
    }
    #fancybox-img {
        max-height: 100% !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        right: 0 !important;
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
    }
    #fancybox-close {
        right: 3px;
        top: 3px;
    }
    .projectBox {
        margin: 0 auto;
    }
    .projectBox-content {
        padding: 10px;
        max-width: 100%;
        margin: auto;
    }
    .projectBox-content table {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }
    .projectBox-content table > tbody {
        display: table;
        width: 100%;
    }
}

#___ratingbadge_0 {
    position: static !important;
}

/****************************************************************************/

/* TPAY */
.payment-label {
    display: inline-block;
    margin: 0 -4px 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 16.66%;
}
.payment-label input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.payment-label .img {
    display: block;
    height: 75px;
    opacity: 0.66;
    position: relative;
}
.payment-label:hover .img,
.payment-label input:checked + .img {
    opacity: 1;
}
.payment-label img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.payment-label .name {
    display: block;
    line-height: 16px;
    min-height: 32px;
    padding: 5px 0 0;
}
.payment-label input:checked + .img + .name:before {
    border: 2px solid rgba(0, 0, 0, 0.5);
    bottom: 5px;
    content: '';
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}

@media only screen and (max-width: 1000px) {
    .payment-label {
        width: 25%;
    }
}
@media only screen and (max-width: 480px) {
    .payment-label {
        width: 50%;
    }
}

/****************************************************************************/

.bezLaczen {
    margin-bottom: -5px;
    margin-top: 2px;
}

.bezLaczenHide {
    display: none;
}

.double {
    display: flex;
    border-right: 1px solid #e7d648;
    width: 50%;
    padding-right: 10px;
}

.alert:has(.double) .single {
    width: 50%;
    padding-left: 10px;
}

.alert:has(.double) {
    display: flex;
    flex-direction: row;
}

.double .alert-left {
    width: 50%;
    padding-right: 5px;
}

.double .alert-right {
    width: 50%;
}

.double p {
    display: flex;
    align-items: center;
}

.double .alert-left p {
    justify-content: flex-end;
    text-align: end;
}

.double .alert-right p {
    justify-content: flex-start;
    word-break: break-all;
    text-align: start;
}

@media screen and (max-width: 750px) {
    .alert:has(.double) {
        display: flex;
        flex-direction: column;
    }

    .alert:has(.double) .single {
        width: 100%;
        padding-left: 0;
    }

    .double {
        display: flex;
        border-right: 0;
        border-bottom: 1px solid #e7d648;
        width: 100%;
        padding-right: 10px;
    }

    .double p {
        height: 44px;
    }
}

/******************************************************************************/

/*
 * HR
 */
.hr {
    border: 0 solid #ddd;
    display: block;
    margin: 2rem 0;
    padding: 0;
    position: relative;
}
.hr::before {
    border: inherit;
    border-top-width: 1px;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.hr--txt {
    overflow: hidden;
    text-align: center;
}
.hr--txt::before {
    display: none;
}
.hr-txt {
    border: inherit;
    position: relative;
}
.hr-txt::before,
.hr-txt::after {
    border: inherit;
    border-top-width: 1px;
    content: '';
    margin: 0 2rem;
    position: absolute;
    top: 50%;
    width: 555%;
}
.hr-txt::before {
    right: 100%;
}
.hr-txt::after {
    left: 100%;
}

.hr--left {
    text-align: right;
}

.hr--right {
    text-align: left;
}

/******************************************************************************/

/*
 * Border, Border Before & Border After
 */
.border,
.borderBefore::before,
.borderAfter::after {
    border: 1px solid #ddd;
}
.borderBefore::before,
.borderAfter::after {
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

/******************************************************************************/

/*
 * Progress Bar
 */
.progressBar {
    margin: 2rem 0;
    position: relative;
    text-align: center;
}
.progressBar-desc {
    color: var(--grey);
    margin: 0 0 1rem;
}
.progressBar-progress {
    color: var(--black);
}
.progressBar-stroke {
    background: var(--grey);
    height: 0.4rem;
    overflow: hidden;
    position: relative;
}
.progressBar-fill {
    background: var(--primary);
    bottom: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/******************************************************************************/

/*
 * Popup Info
 */
.popupInfo {
    background: #fff;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    color: #000;
    display: inline-block;
    font-size: 2.1rem;
    font-weight: normal;
    opacity: 0;
    padding: 2rem;
    position: fixed;
    right: 2.5rem;
    top: -25%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 99999;
}
.popupInfo--visible {
    opacity: 1;
    top: 2.5rem;
}

/******************************************************************************/

/*
 * User Box
 */
.userBox {
    margin: 0 auto;
    max-width: 80rem;
    padding: 1.5rem;
    position: relative;
}
.userBox-h {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 1rem 0 2rem;
    padding: 0;
    text-align: center;
}
.userBox-or {
    color: #888;
    font-size: 1.8rem;
    margin: 1rem 0;
}
.userBox-txt {
    font-size: 2.2rem;
    margin: 2rem 0 1rem;
    text-align: center;
}
.userBox-ico {
    color: #888;
    display: block;
    margin: 1rem 0;
    min-height: 4rem;
    padding: 1rem 0 1rem 7rem;
}
.userBox-ico--1 {
    background: url('../images/icons/userbox-ico--1.svg') no-repeat 0 center;
    background-size: 4.9rem auto;
}
.userBox-ico--2 {
    background: url('../images/icons/userbox-ico--2.svg') no-repeat 1.3rem center;
    background-size: 3.2rem auto;
}
.userBox-ico--3 {
    background: url('../images/icons/userbox-ico--3.svg') no-repeat 1.2rem center;
    background-size: 3.3rem auto;
}
.userBox-ico--4 {
    background: url('../images/icons/userbox-ico--4.svg') no-repeat 1.4rem center;
    background-size: 3rem auto;
}
.userBox .formActions {
    margin: 1rem 0;
    padding: 0;
}
.userBox .formActions-a {
    display: inline-block;
    font-size: 1.8rem;
    margin: 1rem 0 0;
}

/******************************************************************************/

.mfp-bg {
    z-index: 21042;
}

.whiteBackground .mfp-content {
    margin: 2rem;
    min-height: 0;
    width: 90%;
    width: calc(100vw - 4rem);
}

.mfp-wrap {
    z-index: 21043;
}



/******************************************************************************/

/*
 * FancyBox - jQuery Plugin
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * Version: 1.3.4 (11/11/2010)
 */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../images/gfx/fancybox/fancybox.png');
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--white);
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid var(--white);
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/gfx/fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('../images/gfx/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0px;
}
#fancybox-right {
    right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -60px;
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../images/gfx/fancybox/fancybox-x.png');
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -162px;
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../images/gfx/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../images/gfx/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../images/gfx/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../images/gfx/fancybox/fancybox.png');
    background-position: -40px -122px;
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: var(--white);
    position: relative;
}
.fancybox-title-outside {
    padding-top: 10px;
    color: var(--white);
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--white);
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url('../images/gfx/fancybox/fancy_title_over.png');
    display: block;
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}
#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../images/gfx/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
    color: var(--white);
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../images/gfx/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../images/gfx/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
    background: transparent !important;
}

/****************************************************************************/