/* Start:/local/templates/stroydvor/css/bootstrap.css?166480623646599*/
.modal-dialog *,
.modal-dialog ::after,
.modal-dialog ::before {
    box-sizing: border-box;
}

.modal-dialog .container,
.modal-dialog .container-fluid,
.modal-dialog .container-lg,
.modal-dialog .container-md,
.modal-dialog .container-sm,
.modal-dialog .container-xl,
.modal-dialog .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .modal-dialog .container,
    .modal-dialog .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .modal-dialog .container,
    .modal-dialog .container-md,
    .modal-dialog .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .modal-dialog .container,
    .modal-dialog .container-lg,
    .modal-dialog .container-md,
    .modal-dialog .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .modal-dialog .container,
    .modal-dialog .container-lg,
    .modal-dialog .container-md,
    .modal-dialog .container-sm,
    .modal-dialog .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .modal-dialog .container,
    .modal-dialog .container-lg,
    .modal-dialog .container-md,
    .modal-dialog .container-sm,
    .modal-dialog .container-xl,
    .modal-dialog .container-xxl {
        max-width: 1320px
    }
}

.modal-dialog button,
.modal-dialog input,
.modal-dialog optgroup,
.modal-dialog select,
.modal-dialog textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.modal-dialog button,
.modal-dialog select {
    text-transform: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

/*ex form-control*/

.modal-dialog .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .modal-dialog .form-control {
        transition: none
    }
}

.modal-dialog .form-control[type=file] {
    overflow: hidden
}

.modal-dialog .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.modal-dialog .form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.modal-dialog .form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.modal-dialog form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.modal-dialog .form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.modal-dialog .form-control:disabled,
.modal-dialog .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.modal-dialog .form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .modal-dialog .form-control::file-selector-button {
        transition: none
    }
}

.modal-dialog .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.modal-dialog .form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .modal-dialog .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.modal-dialog .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.modal-dialog .form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.modal-dialog .form-control-plaintext.form-control-lg,
.modal-dialog .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.modal-dialog .form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.modal-dialog .form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.modal-dialog .form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.modal-dialog .form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.modal-dialog .form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.modal-dialog .form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.modal-dialog textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

.modal-dialog textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

.modal-dialog textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

/* ex-grid */

.modal-dialog .mb-0 {
    margin-bottom: 0 !important
}

.modal-dialog .mb-1 {
    margin-bottom: .25rem !important
}

.modal-dialog .mb-2 {
    margin-bottom: .5rem !important
}

.modal-dialog .mb-3 {
    margin-bottom: 1rem !important
}

.modal-dialog .mb-4 {
    margin-bottom: 1.5rem !important
}

.modal-dialog .mb-5 {
    margin-bottom: 3rem !important
}

.modal-dialog .mb-auto {
    margin-bottom: auto !important
}

.modal-dialog .mt-0 {
    margin-top: 0 !important
}

.modal-dialog .mt-1 {
    margin-top: .25rem !important
}

.modal-dialog .mt-2 {
    margin-top: .5rem !important
}

.modal-dialog .mt-3 {
    margin-top: 1rem !important
}

.modal-dialog .mt-4 {
    margin-top: 1.5rem !important
}

.modal-dialog .mt-5 {
    margin-top: 3rem !important
}


.modal-dialog .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.modal-dialog  > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

.modal-dialog .col {
    flex: 1 0 0%
}

.modal-dialog .col-auto {
    flex: 0 0 auto;
    width: auto
}

.modal-dialog .col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
}

.modal-dialog .col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.modal-dialog .col-3 {
    flex: 0 0 auto;
    width: 25%
}

.modal-dialog .col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.modal-dialog .col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
}

.modal-dialog .col-6 {
    flex: 0 0 auto;
    width: 50%
}

.modal-dialog .col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
}

.modal-dialog .col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
}

.modal-dialog .col-9 {
    flex: 0 0 auto;
    width: 75%
}

.modal-dialog .col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
}

.modal-dialog .col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
}

.modal-dialog .col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .modal-dialog .col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .modal-dialog .col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .modal-dialog .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .modal-dialog .col-sm-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .modal-dialog .col-sm-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .modal-dialog .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .modal-dialog .col-sm-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .modal-dialog .col-sm-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .modal-dialog .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .modal-dialog .col-sm-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .modal-dialog .col-sm-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .modal-dialog .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xxl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xxl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xxl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xxl-11 {
        margin-left: 91.6666666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

/* ex-list-group */

.modal-dialog .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.modal-dialog .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.modal-dialog .list-group-item-action:focus,
.modal-dialog .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.modal-dialog .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.modal-dialog .list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.modal-dialog .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.modal-dialog .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.modal-dialog .list-group-item.disabled,
.modal-dialog .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.modal-dialog .list-group-item + .list-group-item {
    border-top-width: 0
}

.modal-dialog .list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.modal-dialog .list-group-horizontal {
    flex-direction: row
}

.modal-dialog .list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.modal-dialog .list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.modal-dialog .list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.modal-dialog .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.modal-dialog .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush > .list-group-item {
    border-width: 0 0 1px
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0
}

/* ex btn */

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    opacity: 1
}

.btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}


.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

/* ex text */

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

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

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

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

.text-primary {
    color: #0d6efd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    color: inherit !important
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.modal-dialog .col-xs-1,
.modal-dialog .col-sm-1,
.modal-dialog .col-md-1,
.modal-dialog .col-lg-1,
.modal-dialog .col-xs-2,
.modal-dialog .col-sm-2,
.modal-dialog .col-md-2,
.modal-dialog .col-lg-2,
.modal-dialog .col-xs-3,
.modal-dialog .col-sm-3,
.modal-dialog .col-md-3,
.modal-dialog .col-lg-3,
.modal-dialog .col-xs-4,
.modal-dialog .col-sm-4,
.modal-dialog .col-md-4,
.modal-dialog .col-lg-4,
.modal-dialog .col-xs-5,
.modal-dialog .col-sm-5,
.modal-dialog .col-md-5,
.modal-dialog .col-lg-5,
.modal-dialog .col-xs-6,
.modal-dialog .col-sm-6,
.modal-dialog .col-md-6,
.modal-dialog .col-lg-6,
.modal-dialog .col-xs-7,
.modal-dialog .col-sm-7,
.modal-dialog .col-md-7,
.modal-dialog .col-lg-7,
.modal-dialog .col-xs-8,
.modal-dialog .col-sm-8,
.modal-dialog .col-md-8,
.modal-dialog .col-lg-8,
.modal-dialog .col-xs-9,
.modal-dialog .col-sm-9,
.modal-dialog .col-md-9,
.modal-dialog .col-lg-9,
.modal-dialog .col-xs-10,
.modal-dialog .col-sm-10,
.modal-dialog .col-md-10,
.modal-dialog .col-lg-10,
.modal-dialog .col-xs-11,
.modal-dialog .col-sm-11,
.modal-dialog .col-md-11,
.modal-dialog .col-lg-11,
.modal-dialog .col-xs-12,
.modal-dialog .col-sm-12,
.modal-dialog .col-md-12,
.modal-dialog .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* End */


/* Start:/local/templates/stroydvor/css/animate.css?166480623669727*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

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

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

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

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* End */


/* Start:/local/templates/stroydvor/css/owl.carousel.min.css?16648062363351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/stroydvor/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/stroydvor/css/style.css?167829043575216*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ol,
ul,
li,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
textarea,
button {
    border: 0 none;
    margin: 0;
    padding: 0;
    outline: none;
}

ul li {
    list-style-type: none;
}

body {
    background: #fff;
    color: #707070;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

a {
    color: #000;
}

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

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.fcenter {
    text-align: center;
}

.slider-content {
    background: #F6F6F6;
    padding-top: 30px;
    padding-bottom: 30px;
}

.float-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.inner-content {
    width: 1280px;
    padding: 0 15px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
}

.top-nav {
    background: #EAEAEA;
    padding: 7px 0;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
}

.left-menu-top-top li {
    float: left;
    margin-left: 24px;
}

.left-menu-top-top li a {
    color: #0A0A0A;
    text-decoration: none;
    font-size: 14px;
}

.top-phone-num a {
    font-size: 14px;
    color: #0A0A0A;
    text-decoration: none;
}

.top-phone-num .header-drop-phone-block a {
    font-size: 14px;
}

.top-phone-num {
    display: flex;
    margin-left: 14px;
}

.top-phone-num .back-arrow {
    position: relative;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    margin-top: 5px;
}

.headerWorkhours {
    font-size: 14px;
    color: #505050;
    margin-left: 24px;
}

.koler-link {
    margin-left: 24px;
}

.koler-link a {
    font-size: 15px;
    color: #0A0A0A;
    display: block;
    padding: 1px 16px 3px 16px;
    border: 1px solid #0A0A0A;
    text-decoration: none;
}

.main-menu > li > a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #DEDEDE;
    text-decoration: none;
}

.main-menu > li > ul > li > a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    border-bottom: 1px solid #DEDEDE;
}

.main-menu > li > ul > li > a:hover {
    background: #F6F6F6;
}

.main-menu > li > ul > li > a {
    position: relative;
}

.main-menu > li > ul > li > ul {
    position: absolute;
    top: -1px;
    right: -302px;
    background: #fff;
    border: 1px solid #DEDEDE;
    z-index: 20;
    width: 300px;
}

.main-menu > li > ul > li:hover > a .back-arrow {
    transform: rotate(-90deg);
}

.main-menu > li > ul > li > ul > li > a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    border-bottom: 1px solid #DEDEDE !important;
}

.main-menu > li > ul > li:hover ul {
    display: block;
}

.main-menu > li > ul {
    position: relative;
}

.main-menu li a:hover {
    background: #F6F6F6;
}

.main-menu > li:last-child a {
    margin-bottom: 0;
}

.main-menu li {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.main-menu li ul {
    display: none;
}

.main-nav-wrapper {
    background: #fff;
    padding: 17px 0;
}

.main-nav {
    background: #fff;
}

.cat-line {
    position: absolute;
    width: 24px;
    height: 14px;
    top: 15px;
    left: 20px;
}

.cat-line span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    display: block;
}

.cat-line:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
}

.cat-line:after {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: '';
}

.cat-title-sidebar {
    padding: 10px 20px 10px 55px;
    background: #FFC000;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    letter-spacing: 0.2px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}

.footer {
    background: #ECECEC;
    padding: 50px 0 0 0;
}

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

.footer-bottom-row {
    font-size: 16px;
    text-align: center;
    color: #0A0A0A;
    padding: 15px 0;
    background: #CECECE;
}

.footer-logo {
    margin-right: 85px;
    max-width: 200px;
}

.footer-nav {
    margin-right: 135px;
    font-size: 15px;
}

.footer-nav li a {
    text-decoration: none;
}

.footer-nav li {
    margin-bottom: 10px;
}

.footer-nav li:last-child {
    margin-bottom: 0;
}

.footer-contacts {
    font-size: 15px;
    color: #0A0A0A;
}

.f-co-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.f-co-row {
    margin-bottom: 10px;
}

.f-co-row:last-child {
    margin-bottom: 0;
}

.f-co-row a {
    text-decoration: none;
}

.breadcrumb-wrapper {
    background: #ECECEC;
    padding: 12px 0 12px 0;
    font-size: 14px;
}

.breadcrumb-wrappers {
    background: #ECECEC;
}

.cat-inner-block {
    width: 280px;
    margin-right: 30px;
    position: relative;
}

.catalog-menu {
    border-top: 1px solid #DEDEDE;
    background: #fff;
}

.breadcrumbss .breadcrumb-item {
    float: left;
}

.breadcrumbss .breadcrumb-item a {
    margin-right: 3px;
}

.content {
    padding: 40px 0;
}

.content.home-content {
    padding-top: 0;
    padding-bottom: 0;
}

.search-wrapper {
    width: 455px;
    height: 34px;
    background: #e0e0e0;
    box-sizing: border-box;
    margin-right: 40px;
}

.top-user-basket {
    margin-left: 30px;
}

.top-user-profile {
    margin-left: 30px;
}

.logo img {
    line-height: 0;
    width: 300px;
    height: auto;
}

@media screen and (max-width: 475px){
    .logo img{
        max-width: 80%;
    }
}

.top-user-panel-wrapper {
    padding-top: 6px;
}

#title-search input[type="text"] {
    width: 85%;
    height: 34px;
    background: #e0e0e0;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 13px;
}

#title-search form {
    position: relative;
}

#title-search button {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 10px;
    /*background: url(/local/templates/stroydvor/css/../images/search.png) no-repeat scroll;*/
    cursor: pointer;
    background-size: 100%;
}

.section-title {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    color: #0A0A0A;
    text-transform: uppercase;
}

.advantages {
    padding: 50px 0 50px 0;
}
.home-slider-item {
    position: relative;
    height: 347px;
    background: #000;
}
.home-slider-item img {
    height: 100%;
    object-fit: cover;
}

.slider-title {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    color: #0A0A0A;
    margin-bottom: 20px;
}

.slider-text {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    color: #0A0A0A;
    margin-bottom: 20px;
}

.slider-btn {
    display: inline-block;
    padding: 10px 40px;
    background: #0A0A0A;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
}

.slider-btn:hover {
    background: #fff;
    color: #0A0A0A;
}

.home-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.home-slider .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #fff;
    margin: 0 4px;
}

.breadcrumbss {
    font-size: 13px;
}

.home-slider .owl-dots .owl-dot.active:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 6px;
    content: '';
    margin-top: -6px;
    margin-left: -6px;
}

.advantages-item {
    width: 30%;
    text-align: center;
    padding: 20px 0;
    border: 1px solid rgba(236, 236, 236, 1);
    margin-right: 5%;
    box-sizing: border-box;
}

.advantages-item:last-child {
    margin-right: 0;
}

.advantages-inner-item {
    display: inline-block;
    /*padding-left:35px;*/
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0A0A0A;
}

.home-banner-item {
    width: 48%;
    margin-right: 4%;
    position: relative;
    line-height: 0;
}

.home-banner-item:last-child {
    margin-right: 0;
}

.home-banner-item img {
    width: 100%;
    height: auto;
}

.banner-text-wrapper {
    line-height: normal;
}

.home-banner-item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-text-wrapper {
    width: 50%;
    padding: 20px 30px 20px 30px;
    background: rgba(10, 10, 10, 0.4);
}

.banner-title {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    margin-bottom: 15px;
}

.banner-text {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
}

.home-banner {
    padding-bottom: 50px;
}

.brands {
    padding-bottom: 50px;
    margin-top: 70px;
}

.catalog-actions {
    padding-bottom: 70px;
}

.catalog-new {
    padding-bottom: 70px;
}

.catalog-hit {
    padding-bottom: 70px;
}

.articles {
    padding-bottom: 70px;
}

.subscribe-home-wrapper {
    padding: 50px 0;
    background: #FFC000;
}

.subs-title {
    font-size: 18px;
    color: #0A0A0A;
    margin-right: 90px;
    padding-top: 5px;
}

.subs-t1 {
    text-transform: uppercase;
    font-weight: 700;
}

.sbs-field {
    width: 520px;
    height: 54px;
    margin-right: 30px;
}
.sbs-field input[type="email"],
.sbs-field input[type="text"] {
    width: 100%;
    height: 54px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 18px;
}
.sbs-submit button,
.sbs-submit input[type="submit"] {
    height: 54px;
    background: #fff;
    padding: 0 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.sbs-submit button:hover,
.sbs-submit input[type="submit"]:hover {
    color: #fff;
    background: #0A0A0A;
}

.articles-left {
    width: 48%;
    line-height: 0;
}

.articles-left img {
    width: 100%;
    height: auto;
}

.articles-right {
    overflow: hidden;
    padding: 20px 20px 0 20px;
}

.articles-item {
    border: 1px solid #ECECEC;
}

.articles-list-title {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.arts-title {
    margin-bottom: 10px;
}

.arts-text {
    font-size: 15px;
    line-height: 20px;
    color: #0A0A0A;
    margin-bottom: 15px;
}

.arts-date-time {
    font-size: 16px;
    color: #0A0A0A;
}

.sidebar-site {
    width: 280px;
    margin-right: 30px;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}

.sidebar-site-brands {
    width: 280px;
    margin-right: 30px;
}

.sidebar-site-favorites {
    width: 280px;
    margin-right: 30px;
}

.right-content {
    overflow: hidden;
}

.right-content .home-slider {
    height: 100%;
}

.slider-text-wrapper {
    padding: 0 40px;
}

.header {
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 10;
}

.favor-icon {
    width: 23px;
    height: 21px;
    background: url(/local/templates/stroydvor/css/../images/favorite-icon.png) no-repeat scroll;
    position: relative;
    background-size: 100%;
}

.profile-icon {
    width: 19px;
    height: 22px;
    background: url(/local/templates/stroydvor/css/../images/avatar.png) no-repeat scroll;
    background-size: 100%;
}

.basket-icon {
    width: 25px;
    height: 22px;
    background: url(/local/templates/stroydvor/css/../images/shopping-cart.png) no-repeat scroll;
    position: relative;
    background-size: 100%;
}

.favor-name,
.basket-name,
.profile-name {
    font-size: 14px;
    padding-left: 7px;
    padding-top: 3px;
}

.favor-count {
    position: absolute;
    top: -7px;
    right: -6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #081439;
}

.basket-count {
    position: absolute;
    top: -7px;
    right: -6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #081439;
}

/*.product-item-container-inner {
    width: 220px;
    background: #fff;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    border: 0px solid #DEDEDE;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    position: relative;
}*/

.product-item-container-inner {
    width: 220px;
    background: #fff;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    border: 0px solid #DEDEDE;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
}

.product-item-container-inner .inner-content-custom .favor {
    top: 0;
    right: 0;
}

.product-item {
    position: relative;
}

.favor {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 27px;
    height: 24px;
    background: url(/local/templates/stroydvor/css/../images/fav-icon.png) no-repeat scroll;
    display: block;
    z-index: 100;
}

.favor.active {
    background-position: 0 -24px;
}

.product-item-container-inner:nth-child(4n+4) {
    margin-right: 0;
}

.col-xs-12 .product-item-container-inner:nth-child(4n+4) {
    margin-right: 20px;
}

.product-item-image-wrapper {
    padding-top: 100%;
}

.product-item-title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.product-item-title a {
    font-size: 18px;
}

.product-item-info-container {
    text-align: center;
}

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

.btn-yellow {
    background: #FFC000;
    text-transform: uppercase;
    font-weight: 700;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    color: #fff;
    padding: 12px 12px;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.btn-middle {
    padding-left: 30px;
    padding-right: 30px;
}

.btn-yellow-buy {
    padding-left: 30px;
    padding-right: 30px;
}

.btn-yellow:hover {
    background: #FFC000;
    color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.btn-empty {
    border: 1px solid #DEDEDE;
    text-transform: uppercase;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 0;
    color: #3f3f3f;
    padding: 11px 11px;
    text-decoration: none;
    box-sizing: border-box;
}

.btn-empty:hover {
    text-decoration: none;
    border: 1px solid #DEDEDE;
    color: #3f3f3f;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.full-width-btn-yellow {
    width: 100%;
    display: block;
    text-align: center;
}

.full-width-btn-empty {
    width: 100%;
}

.btn-empty-buy {
    padding-left: 30px;
    padding-right: 30px;
}

.product-type-wr {
    font-size: 12px;
    color: #0A0A0A;
    width: 45%;
}

.product-code-wr {
    font-size: 12px;
    color: #0A0A0A;
    width: 45%;
    text-align: right;
}

.product-props-wrapper {
    margin-bottom: 15px;
    min-height: 34px;
}

.not-has-product {
    font-size: 14px;
    font-weight: normal;
}

.product-item-price-container {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

.nav-inner-nav {
    display: none;
}

.nav-inner-nav.active {
    display: block;
}

.cts-inner {
    cursor: pointer;
}

.inner-sdb {
    cursor: pointer;
}

.brands-wrapper .slide-item {
    float: left;
    width: 149px;
    margin-right: 6px;
    border: 1px solid #D1D1D1;
    margin-bottom: 6px;
    line-height: 0;
}

.brands-wrapper .sli-wrapp:nth-child(8n+8) .slide-item {
    margin-right: 0;
}

.brands-wrapper .sli-wrapp .slide-item img {
    width: 100%;
    height: auto;
}

.product-item-title-name {
    text-align: center;
    font-size: 15px;
    height: 63px;
    overflow: hidden;
	margin-bottom: 8px;
    position: relative;
}

.product-item-title-name:after {
    content: '';
    position: absolute;
    left: 0;
    height: 25px;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(rgba(255,255,255,0), rgb(255,255,255));
    z-index: 2;
    pointer-events: none;
}

.cat-bar-site {
    border: none;
}

.cat-bar-site li {
    position: relative;
}

.back-arrow {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px;
    cursor: pointer;
    background-image: url(/local/templates/stroydvor/css/../images/back.png);
    background-position: center 50%;
    display: block;
    background-repeat: no-repeat;
}

.catalog-menu .back-arrow {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url(/local/templates/stroydvor/css/../images/cat-pm.png);
    background-position: center top;
    display: block;
    background-repeat: no-repeat;
	background-size: 28px auto;
}

.catalog-menu li.active > ul {
    display: block;
}

.cat-bar-site li.active > .back-arrow {
    transform: rotate(180deg);
}

.catalog-menu li.active > .back-arrow {
    background-position: 0 -27px;
}

.cat-bar-site li ul {
    margin-left: 20px;
}

.catalog-menu li.active > a {
    border-bottom: none;
}

.catalog-menu > li.hover > ul a{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.main-menu.catalog-menu > li > ul > li {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.main-menu.catalog-menu > li > ul > li > ul > li {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.main-menu.catalog-menu > li > ul > li > ul {
    margin-left: 40px;
}

.main-menu.catalog-menu > li > ul > li > ul > li a {
    border-bottom: none;
}

.main-menu.catalog-menu > li > ul > li > a {
    border-bottom: none;
}

.main-menu.catalog-menu > li > ul > li > ul > li a:hover {
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.cat-bar-site li.root-item-selected.active > ul {
    display: block;
}

.cat-bar-site li.root-item-selected.active > ul > li > ul .catalog-menu > li > ul {
    padding-top: 5px;
}

.menu-cat {
    margin-bottom: 30px;
}

.catalog-menu li:last-child a {
    border-bottom: 1px solid #DEDEDE;
}

.col-element-left {
    width: 40%;
}

.col-element-right {
    width: 60%;
}

.main-catalog-item {
    width: 220px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    min-height: 405px;
}

.mci-name {
    text-align: center;
    font-size: 15px;
    height: 95px;
    overflow: hidden;
}

.mci-name a {
    text-decoration: none;
}

.product-item-image-original {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 300ms linear;
}

.product-item-image-original {
    z-index: 1;
}

.product-item-image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-top: 100%;
    width: 100%;
    transition: all 300ms ease;
}

.main-menu > li > a {
    position: relative;
}

.main-menu {
    position: relative;
}

.main-menu > li > ul {
    position: absolute;
    width: 300px;
    right: -302px;
    background: #fff;
    border: 1px solid #DEDEDE;
    z-index: 20;
    top: -1px;
}

.main-menu > li:hover > ul {
    display: block;
}

.main-menu > li:hover > a .back-arrow {
    transform: rotate(-90deg);
}

.main-menu > li:last-child > a {
    border-bottom: none;
}

.catalog-menu > li {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.catalog-menu > li > a {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #DEDEDE;
    text-decoration: none;
    width:auto;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.catalog-menu > li > ul {
    margin-left: 40px;
    padding-top: 10px;
    display: none;
}

.catalog-menu > li > ul > li > ul {
    display: none;
    margin: 0 0 0 20px;
}

.catalog-menu > li > ul > li {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    position: relative;
}

.catalog-menu > li > ul > li > a {
    padding: 4px 0;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.catalog-menu > li > ul > li .back-arrow {
    height: 26px;
    top: -5px;
}

.catalog-menu li > ul > li.root-item-selected.active .back-arrow {
    /*background-position: 0px -48px;*/
    background-position: 0px -27px;
}

.catalog-menu li > ul > li.active .back-arrow {
    /*background-position: 0px -48px;*/
    background-position: 0px -27px;
}

.catalog-menu > li > ul > li > ul > li > a {
    padding: 4px 35px 4px 0;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.bx-filter.bx-green .bx-filter-section {
    background: #fff;
}

/*.bx-filter .bx-filter-block {*/
/*    display: block;*/
/*}*/

.bx-filter .bx-filter-title {
    font-family: 'Oswald', sans-serif;
}

.bx-filter .bx-filter-section > .row {
    padding: 0;
}

.bx-filter .bx-filter-param-label {
    font-size: 14px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 2px 0 2px 0;
}

.bx-filter .bx-filter-parameters-box-title span {
    border: none;
    text-transform: uppercase;
    color: #000;
}

.smartfilter {
    padding-left: 20px;
}

.more-list-cat-fl {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 15px;
}

.news-item-brands {
    float: left;
    width: 187px;
    margin-bottom: 25px;
    margin-right: 25px;
    font-size: 13px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
}

.img-wr {
    height: 77px;
    overflow: hidden;
    margin-bottom: 10px;
}

.img-wrs {
    padding: 5px;
    height: 70px;
    overflow: hidden;
}

.img-wrs a {
    line-height: 0;
}

.news-item-brands img {
    width: 100%;
    height: auto;
}

.news-item-brands:nth-child(6n+6) {
    margin-right: 0;
}

.br-title {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    letter-spacing: 0.2px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #0A0A0A;
}

.product-item-image-alternative {
    opacity: inherit;
}

.brands-menu li {
    position: relative;
}

.catalog-menu > li.root-item-selected > a {
    color: #039BE5;
}

.catalog-menu > li > ul > li.item-selected > a {
    color: #039BE5;
}

.catalog-menu > li > ul > li.root-item-selected > a {
    color: #039BE5;
}

.catalog-menu > li > ul > li > ul > li.item-selected > a {
    color: #039BE5;
}

.footer-copy-link {
    font-size: 12px;
    padding-top: 10px;
}

.prhr-name {
    width: 50%;
}

.prhr-name h1 {
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    font-weight: 700;
}

.product-header-row {
    margin-bottom: 15px;
}

.prhr-now-price {
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    font-weight: 700;
}

.prhr-code {
    font-size: 13px;
    color: #444444;
    margin-bottom: 5px;
}

.prhr-category {
    font-size: 13px;
    color: #444444;
    margin-bottom: 5px;
}

.prhr-oblast {
    margin-bottom: 20px;
}

.prhr-oblast-text {
    font-size: 13px;
    color: #444444;
}

.qps-sale-price {
    width: 240px;
    margin-right: 30px;
    border: 1px solid #ECECEC;
}

.prhr-sku-prop-wrapper {
    width: 50%;
}

.prhr-total-block {
    width: 50%;
}

.tb-name {
    text-align: right;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.product-item-detail-price-current {
    text-align: right;
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.btn-right-pos {
    text-align: right;
}

.dynamic-price-total {
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
    text-align: right;
    z-index: 5;
}

.price-total-wrapper {
    position: relative;
}

.qps-wrapper {
    margin-bottom: 20px;
}

.product-item-container-inner-favorites {
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #DEDEDE;
}

.fv-image {
    width: 100px;
    margin-right: 30px;
    position: relative;
}

.fv-content {
    overflow: hidden;
}

.product-item-title-favorites {
    font-size: 15px;
}

.basket-left {
    width: 75%;
}

.basket-right {
    width: 23%;
}

.order-left {
    width: 75%;
}

.order-right {
    width: 23%;
}

.basket-items-list {
    padding: 0;
}

.mb-remove {
    display: none;
}

.basket-item-block-image {
    max-width: 60px;
    padding-bottom: 0;
}

.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
    border: none;
}

.basket-row-item {
    margin-bottom: 10px;
    border: 1px solid #DEDEDE;
 /*   display: block;
    padding: 10px;*/
}

.bs-edit-product {
    font-size: 13px;
    color: #039BE5;
    cursor: pointer;
}

.prop-wr {
    display: none;
    padding-top: 10px;
}

.prop-wr.active {
    display: block;
}

.basket-item-info-name {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.basket-item-price-current-text {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.basket-items-list-item-descriptions {
    padding-top: 0;
}

.basket-item-block-price {
    padding-top: 20px;
}

.basket-items-list-item-amount {
    padding-top: 20px;
}

.basket-item-property-name {
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.basket-item-price-title {
    font-size: 11px;
    display: none;
}

.basket-item-amount-filed {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    width: 40px;
    border: none;
}

.basket-item-scu-item.selected {
    border-color: #FFC000;
}

.basket-item-block-info {
    padding-top: 10px;
}

.basket-items-list-item-remove {
    padding-top: 20px !important;
}

.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus {
    background: #EFEFEF;
}

.basket-item-block-price {
    width: 100px;
    padding-right: 20px;
}

.basket-checkout-section-inner {
    display: block;
}

.basket-checkout-container {
    padding: 15px;
}

.bs-total-title {
    font-weight: 700;
    color: #0A0A0A;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

.total-bar-wr {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DEDEDE;
}

.basket-checkout-block-total {
    padding: 0;
    height: 0;
}

.basket-checkout-block-total-price {
    padding: 0;
}

.basket-coupon-block-total-price-current {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #0A0A0A;
}

.basket-checkout-block-total-price-inner {
    display: block;
    padding-top: 15px;
    text-align: left;
}

.btn-font {
    font-family: 'Roboto', sans-serif;
}

.basket-checkout-block-btn {
    padding: 0;
    text-align: center;
}

.total-bar-wrs {
    margin-bottom: 20px;
}

#bx-soa-total-mobile {
    display: none;
}

.alert-success {
    color: #0A0A0A !important;
    background-color: #ECECEC !important;
    font-size: 13px !important;
}

.icon-success {
    display: none !important;
}

.inner-page-title {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    color: #0A0A0A;
    text-transform: uppercase;
}

.contact-map {
    height: 400px;
}

.contact-map {
    margin-bottom: 50px;
}

.middle-title {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    color: #0A0A0A;
    text-transform: uppercase;
}

.feed-field {
    float: left;
    width: 401px;
    margin-right: 20px;
    border: 1px solid #DEDEDE;
    height: 38px;
}

.feed-field input[type="text"] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.feed-field:nth-child(3) {
    margin-right: 0;
}

.feed-row {
    margin-bottom: 30px;
}

.feed-text {
    border: 1px solid #DEDEDE;
}

.feed-text textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    resize: none;
}

.feed-text {
    margin-bottom: 20px;
}

.feed-submit {
    text-align: center;
}

label.error {
    display: block;
    font-size: 13px;
    color: #ff0000;
    padding-top: 5px;
}

.cw-col-row {
    margin-bottom: 30px;
    font-size: 15px;
    color: #0A0A0A;
    position: relative;
    box-sizing: border-box;
}

.cw-col-row:nth-child(3) {
    margin-right: 0;
}

.contact-wrapper-inc {
    margin-bottom: 40px;
}

.ccr-phone {
    padding-left: 30px;
}

.ccr-phone:before {
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background: url(/local/templates/stroydvor/css/../images/phone.png) no-repeat scroll;
}

.ccr-email {
    padding-left: 34px;
}

.ccr-email:before {
    position: absolute;
    top: 0px;
    left: 0;
    width: 24px;
    height: 18px;
    content: '';
    background: url(/local/templates/stroydvor/css/../images/mail.png) no-repeat scroll;
}

.ccr-address {padding-left: 24px;}
.ccr-address:before {
    position: absolute;
    top: -4px;
    left: 0;
    width: 16px;
    height: 24px;
    content: '';
    background: url(/local/templates/stroydvor/css/../images/pin.png) no-repeat scroll;
}

.sku-itm-row {margin-bottom: 20px;}
.product-item-scu-item-text-block {padding: 5px 7px 1px 7px;}
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {outline-color: #FFC000;}
.sale-curr {width: 50%;}
.price-curr {width: 50%;text-align: right;}
.sale-curr-price {
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    font-weight: 600;
}
.scurr-price {padding: 5px 10px;border-bottom: 1px solid #ECECEC;}
.scurr-price.active {position: relative;}
.scurr-price.active:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -120px;
    z-index: 2;
    width: 240px;
    height: 100%;
    border: 1px solid #FFC000;
}
.scurr-data {
    padding: 5px 10px;
    border-bottom: 1px solid #CDCDCD;
    background: #ECECEC;
}
.scurr-price:last-child,
.scurr-data:last-child {
    border-bottom: none;
}
.qps-sale-price-quantity .product-item-detail-info-container-title {margin-bottom: 0;}
.info-price-sale {margin-left: 10px;}

.ips-icon {
    width: 28px;
    height: 28px;
    border-radius: 16px;
    border: 1px solid #CDCDCD;
    background: #ECECEC;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.popup-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 8888;
    display: none;
}

.sale-info-popup {
    width: 600px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    z-index: 9999;
    display: none;
    margin-top: -140px;
}

.sip-content {
    padding: 30px;
}

.sip-title {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
    color: #0A0A0A;
}

.sip-price b {
    font-size: 15px;
    color: #039BE5;
}

.sip-row p {
    font-size: 15px;
    color: #0A0A0A;
}

.sip-row {
    margin-bottom: 20px;
}

.sip-row:last-child {
    margin-bottom: 0;
}

.sip-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 17px;
    height: 17px;
    background: url(/local/templates/stroydvor/css/../images/remove.png) no-repeat scroll;
    opacity: 0.8;
}

.sip-close:hover {
    opacity: 1;
}

/* ==== Responsive ==== */

@media (min-width: 1170px) and (max-width:1639px) {}

@media (min-width: 479px) and (max-width:767px) {}

@media (min-width: 299px) and (max-width:478px) {}

/* ==== New Responsive ==== */

.text p {
    margin-bottom: 20px;
}
.text-red {
    color: #FB1515;
}

.page-tabs {
    
}
.page-tabs-radio {
    display: none;
}

.page-tabs-content {
    display: none;
    float: left;
    width: 100%;
    padding: 60px 0;
}

.page-tabs-title {
    font-family: 'Oswald', sans-serif;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid #ECECEC;
    padding: 5px 30px;
    transition: all .3s;
    cursor: pointer;
}

.page-tabs-title:hover {
    box-shadow: 10px 6px 20px #00000029;
}

.page-tabs-radio:checked + .page-tabs-title {
    box-shadow: 10px 6px 20px #00000029;
}

.page-tabs-radio:checked + .page-tabs-title + .page-tabs-content {
    display: block;
}

.coler {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.coler-img {
    width: 80px;
    text-align: center;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 40px;
}
.coler-img img {
    width: 100%;
}

.coler-img > span {
    display: block;
    margin-top: 10px;
}

img {
    max-width: 100%;
    height: auto;
}
.header-mobile {
    display: none;
}

.nav-label {
    width: 28px;
    height: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.nav-button {
    position: relative;
    border-top: 2px solid #585858;
    border-bottom: 2px solid #585858;
    transition: all .3s;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}

.nav-button:before,
.nav-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #585858;
    transition: all .3s;
    display: block;
}

#navToggle {
    display: none;
}

#navToggle:checked ~ .nav-label .nav-button {
    border-color: transparent;
}

#navToggle:checked ~ .nav-label .nav-button:before {
    transform: rotate(45deg);
    width: 34px;
}
#navToggle:checked ~ .nav-label .nav-button:after {
    transform: rotate(-45deg);
    width: 34px;
}

.payment-section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 20px;
}
.payment-col {
    flex: 0 0 50%;
    padding-right: 30px;
    box-sizing: border-box;
}
.payment-col + .payment-col {
    padding-right: 0;
    padding-left: 30px;
    border-left: 1px solid #ECECEC;
}
.payment-col-title {
    color: #FFC000;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}

.payment-block {
    padding-left: 50px;
    margin-bottom: 20px;
    position: relative;
}
.payment-block-title {
    position: relative;
    color: #0A0A0A;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: bold;
}
.payment-block p {
    margin-bottom: 12px;
}
.payment-block-img {
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 1280px) {
    img {
        max-width: 100%;
        height: auto;
    }
    .inner-content {
        width: 100%;
    }

    .search-wrapper {
        width: auto;
        margin-right: 30px;
    }
    .footer-nav {
        margin-right: 60px;
    }
}
@media (max-width: 1100px) {
    .top-phone-num {
        display: block;
    }
    .headerWorkhours {
        margin-left: 0;
    }
}
@media (max-width: 980px) {
    .payment-section {
        display: block;
        border-bottom: 1px solid #ECECEC; 
        margin-bottom: 20px;
    }
    .payment-col {
        padding-right: 0;
    }
    .payment-col + .payment-col {
        border-left: none;
        padding-left: 0;
    }
    .header {
        transition: all .3s;
        overflow: hidden;
        max-height: 0;
        z-index: 1;
    }
    
    .header .logo {
        display: none;
    }
    
    .header .floatleft, .header .floatright {
        float: none;
    }
    
    .top-phone-num {
        padding: 0;
        display: block;
        margin-left: 0;
    }

    .headerWorkhours {
        margin-left: 0;
    }
    
    .left-menu-top-top li, .koler-link, .top-user-basket, .top-user-profile, .top-user-favorite, .top-phone, .top-user-compare {
        float: none;
        border-bottom: 1px solid #DEDEDE;
        margin-left: 0;
        min-height: 36px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }
    
    .search-wrapper {
        margin: 0;
    }
    
    .top-user-favorite a, .top-user-basket a, .top-user-profile a {
        display: inline-flex;
        -ms-align-items: center;
        align-items: center;
    }

    .header-mobile {
        display: flex;
        -ms-align-items: center;
        align-items: center;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.14);
        height: 70px;
        padding: 15px;
        position: relative;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sidebar-site.floatleft, .articles-left.floatleft, .subscribe-form.floatleft {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    .advantages-item.floatleft, .home-banner-item.floatleft, .sbs-field.floatleft, .sbs-submit.floatleft {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .subs-title.floatleft {
        float: none;
    }
    
    .main-menu > li > ul, .main-menu > li > ul > li > ul {
        position: static;
        width: 100%;
        height: auto !important;
    }
    
    .footer-logo, .footer-nav {
        margin: 0; 
        float: none;
    }
    .footer-contacts, .footer-nav + .footer-nav {
        float: none;
        width: 100%;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #0A0A0A;
    }
    .home-slider .owl-dots {
        bottom: 10px;
    }
     
    .home-banner .float-content {
        position: static;
        transform: none;
    }
    .banner-text-wrapper.floatright {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .articles-right {
        padding: 15px;
    }
    
    .brands-wrapper {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .brands-wrapper .slide-item {
        float: none;
        width: 100%;
    }
    .home-slider .owl-stage {
        display: flex;
        align-items: stretch;
    }
    .home-slider-item {
        height: 100%;
    }

    #navToggle:checked ~ .header {
        max-height: 100vh;
        overflow: auto;
    }
    
    .subscribe-home-wrapper {
        padding: 20px 0;
    }
    
    .subs-title {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .product-item-list-col-4 {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .col-element-left, .col-element-right {
        float: none;
        width: 100%;
    }
    .product-item-detail-slider-block {
        padding-top: 50%;
        margin-bottom: 20px;
    }
    .footer {
        padding-top: 20px;
    }
    .footer-nav, .footer-logo {
        margin-bottom: 20px;
    }
    .product-item-container-inner-favorites {
        width: 280px;
        height: auto;
    }
    .basket-left, .basket-right  {
        float: none;
        width: 100%;
    }
    .basket-item-block-image {
        max-width: inherit;
    }
    .basket-item-info-name, .basket-item-info-name-link {
        padding: 0;
    }
    .bx-soa-pp-price {
        padding-right: 20px;
    }
    
    .brands-wrapper-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .news-item-brands {
        float: none;
        margin: 0 20px 20px;
        flex: 0 0 260px;
    }
    .img-wr {
        height: auto;
    }
    .sidebar-site-brands {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }
    .product-item-container-inner {
        /*margin: 0 20px 20px;*/
    }
    .product-item-container-inner:nth-child(4n+4), .news-item-brands:nth-child(6n+6) {
        margin-right: 20px;
    }
    .inner-content iframe {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .prhr-name, .prhr-price, .prhr-sku-prop-wrapper, .prhr-total-block, .detail_picture {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .prhr-price {
        margin-bottom: 0;
    }
    .qps-sale-price {
        margin-bottom: 20px;
    }
    .tb-name, .product-item-detail-price-current, .btn-right-pos {
        text-align: left;
    }
    .detail_picture {
        width: 100%;
    }
    .news-item {
        display: block;
    }
    .news-item-img {
        height: auto;
    }
				.sale-info-popup {
								width: 100%;
								margin-left: 0;
								left: 0;
								top: 0;
								margin-top: 0;
								overflow: auto;
								max-height: 100vh;
				}
}

.bx-ui-slider-track-container{
    margin-top: 20px;
}
.product-item-detail-slider-image img{
    /*width: 80%;*/
    /*height: 100%;*/
}

.sticky.stick{
    position: relative;
    top: unset;
}

.favorites-page.favor {
    width: 18px;
    height: 18px;
    background: url(/images/x.png) no-repeat scroll !important;
}

.favorites-page.favor:hover {
    width: 18px;
    height: 18px;
    background: url(/images/x-gray.png) no-repeat scroll !important;
}

.product-item-detail-slider-block{
    height: 300px;
}


.product-item-detail-slider-controls-image {
    margin-right: 18px!important;
}
.cat-element-inner .product-item-detail-slider-controls-image {
    display: inline-block!important;
}
@media (min-width: 992px) {
    .sticky.stick{
        position: sticky;
        top: 10px;
    }

    .product-item-detail-slider-controls-image {
        /*margin-right: 30px!important;*/
    }

    .product-item-detail-slider-block{
        height: 500px;
    }

    #lz-box img{
        min-width: 600px;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image img{
        /*min-width: 600px!important;*/
    }
}

.compare-icon-custom{
    cursor: pointer;
}

.complectation-item .compl-col-img img.horizontal{
    width: 100%;
}

img.zoom{
    cursor: pointer;
}

.catalog-menu .root-item{
    display: block;
}

.catalog-page .catalog-menu .root-item{
    display: block;
}

.catalog-menu > .root-item{
    border-bottom: 1px solid #DEDEDE;
}
.catalog-menu .root-item .back-arrow{
    display: inline-table;
}

@media (max-width: 992px) {
    .catalog-menu .root-item.active{
        display: block;
    }
    .catalog-menu .root-item.active .back-arrow{
        position: initial;
        margin: 0;
        float:right;
        margin-top:-10px;
    }
    .catalog-menu .root-item.active > .back-arrow{
        display: none;
    }
    .home-content .cat-line{
        top: 0;
    }

    .bx_pagination_bottom .bx_pagination_page ul{
        display: inline-flex;
    }
}
/* menu */

/* header callback form */
.popup-header-form{
    font-size: 19px;
    color: #0094ce;
    line-height: 1;
    margin-right: 10px;
    width: 26px;
    height: 23px;
    vertical-align: middle;
    cursor: pointer;
}
.popup-header-form svg {
    fill: #fec100;
}

.header-callback-form-container {
    display: none;

}
.header-callback-form-container.active{
    display: block;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 980px;
        margin: 1.75rem auto;
    }
}

.btn-primary {
    color: #fff;
    background-color: #FFC000;
    border-color: #FFC000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #fbcf48;
    border-color: #fbcf48;
}

.btn-secondary {
    color: #fff;
    background-color: #bdbcbc;
    border-color: #bebcbc;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #dad8d8;
    border-color: #dad8d8;
}

#exampleModalLongTitle {
    color: black;
}

.text-black{
    color: black;
}

.modal-dialog .list-group{
    font-size: 16px;
}

.modal-dialog .list-group li{
    cursor: pointer;
}

.modal-dialog .list-group li.active{
    cursor: default;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #FFC000;
    border-color: #FFC000;
}

.form-tab{
    display: none;
}

.form-tab.active{
    display: block;
}

.modal-dialog input,
.modal-dialog button
{
    outline-color: unset!important;
    outline: none!important;
    outline-width: 0!important;
}

.btn:focus,
a:focus
{
    outline-color: unset!important;
    outline: 0!important;
    outline-width: 0!important;
}

.modal-dialog{
    line-height: 1.5rem;
}

.modal-dialog .headerH4,
.modal-dialog h4 {
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
    font-size: calc(1.275rem + .3vw);
}
.modal-dialog .headerH4 {
    font-size: calc(2rem + .3vw);
}
.m-auto {
    margin: 0 auto!important;
}

.form-message.error {
    font-size: 15px;
    color: #ff3333;
}
.form-control.error{
    border-color: #ff3333;
}
.form-message.success{
    font-size: 16px;
    color: #1c7430;
}
.form-message li{
    list-style: none;
}

.favor, .compare-icon-custom {
    z-index: 4;
}

.pos-rel {
    position: relative;
}
a.show-all-a {
    position: absolute;
    right: 15px;
    bottom: 0;
    z-index: 99;
}

.o-page .inner-content-custom .product-item-container-inner, .o-page .inner-content-custom .product-item-container-inner:nth-child(3n+3) {
    margin-right: 22px;
}
.o-page .inner-content-custom .product-item-container-inner:nth-child(4n+4) {
    /*margin-right: 0;*/
}

@media (max-width: 991px) {
    .product-item-detail-info-container .one-click-order-container {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
}


h1.title {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    /* identical to box height, or 110% */

    letter-spacing: 0.2px;

    margin-bottom: 21px;
    color: #0A0A0A;
}

p.sub-title {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    /* identical to box height, or 119% */

    letter-spacing: 0.2px;

    color: #0A0A0A;

    margin-bottom: 21px;
}

.row.elems-container {
    width: 100%;
    position: relative;
}
.elems-container .card-element {
    width: 24%;
    display: inline-block;
    height: 126px;
    text-align: center;
}
.elems-container .card-element img {
    /*width: 120px;*/
    /*height: 77px;*/
}
.elems-container .card-element p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    /* identical to box height, or 143% */

    text-align: center;

    color: #0A0A0A;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item a {
    /* Text */

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    /* identical to box height, or 143% */
    text-decoration: none;

    text-align: center;

    color: #0A0A0A;
    padding-top: 25px;
    display: block;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item {
    width: 290px;
    display: inline-block;
    height: 70px;
    text-align: center;
}
.deliv-tabs-menu.nav.nav-tabs {
    width: 100%;
    position: relative;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item.active {
    background: #FFC000;
}
ul.main-list {
    margin-top: 32px;
}

ul.main-list li::before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 10px;
    width: 10px;
    margin-right: 0.5rem;
    background-color: #FFC000;
}
ul.main-list li {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    /* identical to box height, or 143% */


    color: #0A0A0A;
}
p.simple {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    /* identical to box height, or 143% */


    color: #0A0A0A;
    margin-bottom: 24px;
    margin-top: 24px;
}
p.sub-text {
    /* Text */

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    /* or 176% */
    padding: 4px 0;

    color: #0A0A0A;

}
p.sub-text span {
    font-weight: bold;
    color: #FFC000;
}

ul.sub-list li::before {
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    margin-left: 16px;
    height: 8px;
    width: 8px;
    margin-right: 0.5rem;
    background-color: #FFC000;
}
ul.sub-list li {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    /* or 176% */


    color: #0A0A0A;
}

.deliv-table {
    width: 100%;
    position: relative;
    display: table-row;
}
.deliv-table .table-item {
    padding: 4px 0;
    width: 100%;
    display: inline-table;
}
.deliv-table p {
    display: table-cell;
    vertical-align: middle;
}
.deliv-table p:first-child {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    /* or 19px */
    width: 50%;

    text-transform: lowercase;


    color: #0A0A0A;
}
.deliv-table p:last-child {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 150%;
    /* or 19px */
    width: 49%;

    /* #8D8D8D */

    color: #8D8D8D;
}

@media (max-width: 908px) {
    .deliv-tabs-menu.nav.nav-tabs .menu-item {
        width: 240px;
    }
}
@media (max-width: 768px) {
    .deliv-tabs-menu.nav.nav-tabs .menu-item {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .deliv-table .table-item p {
        display: block;
        width: 100%;
    }
    .deliv-table .table-item {
        display: block;
    }
    .elems-container .card-element {
        width: 49%;
    }
}
.deliv-tab-content .tab-pane {display: none;}
.deliv-tab-content .tab-pane.active {display: block;opacity: 1;}
.deliv-tab-content .tab-pane.show:not(.active) {display: none !important;}

.section-content-row p.content-title {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    /* identical to box height, or 110% */

    letter-spacing: 0.2px;

    color: #0A0A0A;
    margin-bottom: 21px;
}
.section-content-row .content-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    /* or 176% */

    text-align: justify;

    color: #000000;
}
.section-content-row .content-r p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    /* or 176% */


    /* #8D8D8D */

    color: #8D8D8D;
}
.section-content-row .content-r .item-title {
    font-weight: 600;
    color: #0a0a0a;
    font-family: Roboto;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
}
.section-content-row .content-r .item-text {
    color: #0a0a0a;
}
.section-content-row .top-content-container {
    position: relative;
    width: 100%;
    margin-bottom: 26px;
}
.section-content-row .left-content-container {
    display: inline-block;
    width: 65%;
    padding-right: 30px;
}
.section-content-row .right-content-container {
    display: inline-block;
    width: 34%;

    vertical-align: top;
}
.section-content-row .content-item {
    margin-bottom: 16px;
}
.section-content-row a.all-content-link {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 30px;
    text-align: right;
    color: #8D8D8D;
    width: 100%;
    display: block;
}
.section-content-row a.all-works-link {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 30px;
    text-align: right;
    color: #8D8D8D;
    position: absolute;
    top: 0;
    right: 0;
}
.section-content-row .bottom-content-container {
    position: relative;
    width: 100%;
}
.section-content-row .img-item img {
    max-height: 100%;
}
.section-content-row .img-item {
    display: inline-block;
    width: 33%;
}

.section-content-row .content-f {
    text-align: center;
}

@media (max-width: 1229px) {
    .section-content-row .img-item img {
        max-height: 300px;
    }
    .section-content-row .img-item {
        display: block;
        width: 100%;
        max-height: 300px;
        margin-bottom: 15px;
    }
}
@media (max-width: 612px) {
    .section-content-row .left-content-container, .section-content-row .right-content-container {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .section-content-row .right-content-container {
        margin-top: 21px
    }
}

.brand-title {
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    margin-bottom: 21px;
}
.description-block {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
    color: #000000;
    display: inline-block;
    width: calc(100% - 320px);
    vertical-align: top;
}
.image-block {
    max-width: 280px;
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 100%;
    vertical-align: top;
}
.brand-description-container {
    margin-bottom: 30px;
    height: 100%;
    min-height: 200px;
}
/*.image-block img {*/
/*    display: block;*/
/*}*/
@media (max-width: 768px) {
    .description-block {
        display: block;
        width: 100%;
    }
    .image-block {
        max-width: 100%;
    }
}

#notAvailProductModal .modal-dialog {
    max-width: 400px;
}

#notAvailProductSuccessModal .modal-dialog {
    max-width: 400px;
}

span.response-block.active {
    color: #029400;
    font-family: Oswald;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.2px;
    margin-bottom: 16px;
    display: block;
}

#polo-block-mobile {
    display: none;
}
@media (min-width: 981px) {
    .home-content .sidebar-site .catalog-menu .root-item.active:not(.hover) ul {
        display: none;
    }
}
@media (max-width: 980px) {
    .top-user-panel-wrapper .top-user-favorite {
        margin-left: 0;
    }
    a#compare {
        display: inline-flex;
    }
    #polo-block-mobile {
        display: block;
    }

}

.works .work-item {
    text-align: center;
}
.works .work-item img {
    height: 100%;
}
.works .work-item .img {
    height: 150px;
}
.col-lg-12.bx-filter-parameters-box:not(.bx-active) {
    height: auto !important;
    margin-bottom: 0 !important;
}





/* change colors on site*/
/*#0E1339 */
.cat-title-sidebar {
    background: #0E1339;
    color: #fff;
}
.cat-line span {
    background: #fff;
}
.cat-line::before,
.cat-line::after {
    background: #fff;
}
.root-item.hover {
    background: #0E1339;
}
.catalog-menu li.hover a, .catalog-menu > li.hover a {
    background: #0E1339;
    border-color: #fff;
    color: #fff;
}
.catalog-menu > li.hover > ul {
    background: #0E1339;
}
.catalog-menu > li.hover > ul > li > a {
    border-color: #0E1339;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
.slider-btn {
    background: #fff;
    color: #000;
}
.slider-btn:hover {
    background: #0E1339;
    color: #fff;
}
.btn-yellow {
    background: #0E1339;
    color: #fff;
    border: 1px solid transparent;
}
.btn-yellow:hover {
    background: #fff;
    color: #000;
    border-color: #0E1339;
}
.btn-empty {
    border-color: #0E1339;
}
.main-catalog-item-inner .product-item-label-custom .p-i-l-c-novinki {
    background: #0E1339;
    color: #fff;
}
.subscribe-home-wrapper {
    background: #0E1339;
}
.subscribe-home-wrapper .subs-title {
    color: #fff;
}
.sale-personal-section-index-block.bx-theme-green {
    background: #0E1339;
    opacity: 1;
}
.sale-personal-section-index-block:hover {
    opacity: .8;
}
.sale-personal-section-index-block {
    margin: 15px 1px;
}
@media (max-width: 992px) {
    .sale-personal-section-index-block {
        margin: 8px 1px;
    }
}
.deliv-tabs-menu.nav.nav-tabs .menu-item {
    cursor: pointer;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item.active {
    background: #0E1339;
    color: #fff;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item a {
    color: #000;
}
.deliv-tabs-menu.nav.nav-tabs .menu-item.active a {
    color: #fff;
}
ul.main-list li::before {
    background: #0E1339;
}
p.sub-text span {
    color: #0E1339;
}
ul.sub-list li::before {
    background: #0E1339;
}
.account-dropdown-item .account-dropdown-link.current {
    color: #0E1339;
}
.account-dropdown-item .account-dropdown-link:hover {
    color: #0E1339;
}
.sale-order-list-container .sale-order-list-title-container {
    background:rgba(14, 19, 57, .9);
}
.sale-order-list-container .sale-order-list-title-container .sale-order-list-title {
    color: #fff;
    margin: 0;
    padding: 10px 0;
}
.main-profile-form-buttons-block .btn-default.main-profile-submit {
    background-color: #0E1339;
}
#user_div_reg .form-group .main-profile-form-label {
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 10px;
}
.inner-content-custom .product-item-container-inner .product-item .btn {
    background: #0E1339 !important;
    color: #fff;
}
.bx-filter.bx-green .btn-themes.bx-active, .bx-filter.bx-green .btn-themes.focus, .bx-filter.bx-green .btn-themes:active, .bx-filter.bx-green .btn-themes:focus, .bx-filter.bx-green .btn-themes:hover {
    background: #0E1339;
    color: #fff;
    border-color: #0E1339;
}
.bx-filter.bx-green .btn-themes {
    background: #0E1339;
    color: #fff;
    border-color: #0E1339;
}
.catalog-page .inner-content-custom .catalog-menu > li.root-item-selected > a {
    color: #0E1339;
}
.left-control-block-code {
    background: #0E1339;
    color: #fff;
}
.main-control-block-cust {padding: 30px 0 30px 30px;}
.buy-line-custom {width: 100%;}
.buy-line-custom > .product-buy-button-container {float: right;}
.buy-line-custom .btn-yellow-buy {background: #f28b48 !important;color: #fff;}
.product-item-detail-info-container .one-click-order-container {
    background: #0E1339 !important;
    color: #fff;
}
.props-right-block .props-right-block-str-value a {color: #0E1339;}
.props-sale-block-description a:hover {color: #f28b48;}
.props-sale-block-description .city-block-user {color: #0E1339;}
.product-item-detail-tab-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link {
    border-color: #0E1339;
}
.p-s-p-h-selector-item.p-s-p-h-active .p-s-p-h-text {
    color: #0E1339;
}
.modal-footer .btn-primary.js-one-click-order-btn {
    background: #0E1339;
    color: #fff;
    border-color: #0E1339;
}
.popup-window .popup-window-buttons .btn.btn-default {
    background: #0E1339;
    color: #fff;
    border-color: #0E1339;
}
.ajax-pager-container .js-ajax-load-more {
    background: #0E1339 !important;
    color: #fff;
    border-color: #0E1339;
}
.ajax-pager-container .js-ajax-load-more:hover {
    color: #fff;
}
.product-item .product-item-label-custom .p-i-l-c-novinki {
    background: #0E1339;
    color: #fff;
    border-color: #0E1339;
    z-index: 5;
}
/*
.inner-content-custom .catalog-menu > li > ul > li.item-selected > a {
    color: #0E1339 !important;
}
*/
.inner-content-custom .catalog-menu > li > ul > li.root-item-selected > a {
    color: #0E1339 !important;
}
.filters-parametr-string > div {
    border: none;
    padding: 0;
    margin: 0;
}
.filters-parametr-string {
    position: relative;
    font-size: 16px;
    display: inline-block;
}
.filters-parametr-string i.sort-pic {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #0E1339;
    cursor: pointer;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    transition: .3s;
    margin-left: 6px;
}
.filters-parametr-string i.sort-pic.up {
    transform: rotate(180deg);
}
.filters-parametr-string strong {
    margin-right: 10px;
}
.filters-parametr-string .sub-nav {
    position: absolute;
    z-index: 999;
    top: 100%;
    right: 0;
    padding: 10px 13px 10px 10px;
    background: #fff;
    border: 1px solid #0E1339;
    display: none;
    margin: 0;
    z-index: 9999;
}
.filters-parametr-string .sub-nav a {
    font-size: 16px;
    display: block;
}
.bx-filter .bx-ui-slider-handle {
    border-color: #0E1339;
}
.bx-filter.bx-green .bx-ui-slider-pricebar-v {
    background: #0E1339;
}
.bx-filter .bx-filter-popup-result a {
    color: #0E1339;
}
.bx-filter .bx-filter-popup-result.right {
    border-color: #0E1339;
    border-left: none;
}
.bx-filter .bx-filter-popup-result.right:before {
    content: '';
    background: none;
    display: block;
    left: -21px;
    position: absolute;
    top: 8px;
    width: 42px;
    height: 42px;
    border-top: 1px solid #0E1339;
    border-right: 1px solid #0E1339;
    margin-right: 0;
    transform: rotate(-135deg);
}
.slider-title {
    color: #fff;
}
@media (max-width: 767px) {
    .header-mobile {
        overflow: hidden;
    }
}


.hijack {
    padding: 20px 0 0;
}
.hijack__title {
    margin-bottom: 15px;
}
.hijack__wrap {
    display: flex;
    flex-wrap: wrap;
}
.hijack__item {
    display: flex;
    text-decoration: none;
    max-width: 240px;
    margin-right: 16px;
    margin-bottom: 16px;
}
.hijack__img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 10px;
}
.hijack__name {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hijack__price {
    font-size: 12px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.basket-items-list-item-container>td {
    border-top: none;
}
.hijack__btn {
    background-color: #0E1339;
    color: #fff;
    padding: 4px 10px;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    border: 1px solid #0E1339;
    transition: .3s;
    margin-top: 5px;
    display: none;
}
.hijack__btn:hover {
    background-color: #fff;
    color: #000;
}

/* 09.09.2021 */
.logo.new img {
    max-width: 280px;
}
.popup-header-form {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}
.popup-header-form:after {
    content: "";
    display: block;
    width: 24px;
    height: 18px;
    background: url("/local/templates/stroydvor/css/../images/mail-blue.png") center center no-repeat;
    background-size: contain;
}

.right-content .home-slider {
    height: auto;
}

.content {
    padding: 0;
}
.white-back-and-lr .favor {
    top: 0;
    right: 10px;
}
.catalog-menu > .root-item {
    /*display: flex;*/
    display:block;
    align-items: center;
    justify-content: space-between;
}

.catalog-menu-side > .root-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.catalog-menu .root-item .back-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;
}
.catalog-menu li.hover a, .catalog-menu > li.hover a {
    border: none;
}

.compare-sec {
    min-height: calc(100% - 530px);
}
.legal-sec {
    min-height: calc(100% - 530px);
}




.sale-personal-account-wallet-title {
    background-color: #fff;
    color: #0E1339;
    border: 1px solid #0E1339;
}

.sale-personal-account-wallet-list-item {
    background-color: #0E1339;
}

.sale-personal-account-wallet-currency-item {
    color: #fff;
}

input:checked+.slider {
    background-color: #0E1339;
}


@media (max-width: 767px) {
    .catalog-menu-side > li > ul > li {
        display: flex!important;
        align-items: center;
        justify-content: space-between;
    }
    .catalog-menu-side > li > ul > li > ul > li {
        display: flex!important;
        align-items: center;
        justify-content: space-between;
    }
    .catalog-menu-cat li.root-item.active {
        display: block!important;
    }
    .catalog-menu-side .root-item.active {
        display: block!important;
    }
    .catalog-menu-cat > li > ul > li {
        display: flex!important;
        align-items: center;
        justify-content: space-between;
    }
    .catalog-menu-cat > li > ul > li span.back-arrow {
        position:absolute!important;
    }
    #addressMap {
        display: none;
    }
    .delivery-items-container .bx-soa-pp-company.rise-floor.switch {
        width: 38px;
    }

    .product-item-detail-properties-custom > dl {
        display: flex !important;
        align-items: center;
        border-bottom: 1px solid #f2f4fa;
        padding-bottom: 10px;
    }

    .product-item-detail-properties-custom > dl:after {
        display: none;
    }

    .white-description-block .product-item-detail-tab-content {
        padding: 20px 0;
    }
}

@media (max-width: 480px) {
	.home-slider-item {
        max-height: 380px;
    }
    .home-slider .owl-carousel .owl-item img {
        height: auto;
        min-height: 230px;
    }
    .catalog-actions a.show-all-a {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .catalog-actions .owl-nav {
        margin-top: 0;
    }

    .catalog-new a.show-all-a {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .catalog-new .owl-nav {
        margin-top: 20px;
    }

    .catalog-hit a.show-all-a {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .catalog-hit .owl-nav {
        margin-top: 0;
    }

    .articles a.show-all-a {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .articles .owl-nav {
        margin-top: 0;
    }

    .basket-item-block-price {
        padding-top: 0;
    }
    .basket-items-list-item-amount {
        padding-bottom: 0;
    }

    .basket-item-amount-filed-block {
        width: 150px;
        text-align: center;
        border: 1px solid #EFEFEF;
    }


    .coler {
        margin-top: 30px;
    }

    .coler-img {
        margin: 0 10px;
        margin-bottom: 30px;
    }

    .product-item-detail-tabs-list {
        display: flex;
        flex-wrap: wrap;
    }
    .product-item-detail-tabs-list .product-item-detail-tab {
        float: none;
    }
    .product-item-detail-tab-link {
        transition: 0s;
    }
} 

.catalog-menu .back-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
}

/*.catalog-menu .back-arrow::before {
    content: "";
    width: 28px;
    height: 28px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.086 14-5.793 5.793a1 1 0 1 0 1.414 1.414l6.5-6.5a1 1 0 0 0 0-1.414l-6.5-6.5a1 1 0 1 0-1.414 1.414L16.086 14Z' fill='%230A0A0A'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.086 14-5.793 5.793a1 1 0 1 0 1.414 1.414l6.5-6.5a1 1 0 0 0 0-1.414l-6.5-6.5a1 1 0 1 0-1.414 1.414L16.086 14Z' fill='%230A0A0A'/%3E%3C/svg%3E");
    background-color: #000;
}*/

.catalog-menu > .root-item:hover .back-arrow::before {
    background-color: #fff;
}

/*.catalog-menu > li.hover > ul > li::before {
    content: "";
    width: 28px;
    height: 28px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.086 14-5.793 5.793a1 1 0 1 0 1.414 1.414l6.5-6.5a1 1 0 0 0 0-1.414l-6.5-6.5a1 1 0 1 0-1.414 1.414L16.086 14Z' fill='%230A0A0A'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.086 14-5.793 5.793a1 1 0 1 0 1.414 1.414l6.5-6.5a1 1 0 0 0 0-1.414l-6.5-6.5a1 1 0 1 0-1.414 1.414L16.086 14Z' fill='%230A0A0A'/%3E%3C/svg%3E");
    background-color: #fff;
    position: absolute;
}*/

.catalog-menu > li.hover > ul > li.root-item::before {
    display: none;
}

.catalog-menu > li.hover > ul > li:hover::before {
    transform: rotate(-90deg);
    top: 2px;
}

.cat-bar-site .catalog-menu .back-arrow::before {
    display: none;
}


.cat-bar-site .catalog-menu .back-arrow {
    background-image: url(/local/templates/stroydvor/css/../images/cat-pm.png) !important;
}

.cat-bar-site .catalog-menu li.active > .back-arrow {
    background-position: 0 -27px
}

.cat-bar-site li.active > .back-arrow {
    transform: rotate(180deg);
}

.inner-content-custom .catalog-menu > li > ul > li.root-item-selected > a{color: #039BE5 !important;}

.inner-content-custom .catalog-menu > li.root-item-selected > a {color: #039BE5 !important;}

.inner-content-custom .catalog-menu > li.root-item.active > a, 
.inner-content-custom .catalog-menu > li.root-item-selected.active > a,
.inner-content-custom .catalog-menu > li > ul > li.root-item.active > a, 
.inner-content-custom .catalog-menu > li > ul > li.root-item-selected.active > a {font-weight: 700;}

.popup-window.popup-window-with-titlebar {width: 470px;}
.popup-window.popup-window-with-titlebar p {font-size: 18px;margin-bottom: 10px;}
.popup-window .popup-window-buttons .btn.btn-default {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0px 12px;
}

.popup-window.popup-window-with-titlebar img {margin-bottom: 10px;}
.cat-bar-site .catalog-menu li:last-child a {border: none;}

@media (max-width: 480px) {
    .popup-window.popup-window-with-titlebar {
        width: 90%;
    }
}

.boldText {
    font-weight: 700;
}

/* top-phone-num phoneStyles*/
.js-show-phones.open{
    transform: rotate(180deg);
}
.header-drop-phone-block{
    display: none;
    position: absolute;
    background: #eaeaea;
    z-index: 99;
    padding-top: 5px;
    padding-bottom: 8px;
    width: 160px;
    top: 32px;
    text-align: center;
    margin-left: -6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.header-drop-phone-block.open{
    display: block;
}

.popup-window-titlebar-text {
    padding-top: 20px;
    line-height: 16px;
    overflow: visible;
    white-space: normal;
}

.bx-soa-more-btn .btn {
    font-size: 1.4rem;
}

/*Карта сайта*/
.map-level-1 {
    padding-left: 10px
}
.map-level-2 {
    padding-left: 20px;
}
.map-level-3 {
    padding-left: 30px;
}
.map-level-4 {
    padding-left: 40px;
}
@media (max-width: 500px) {
    .map-level-1 {
        padding-left: 10px
    }
    .map-level-2 {
        padding-left: 15px;
    }
    .map-level-3 {
        padding-left: 20px;
    }
    .map-level-4 {
        padding-left: 25px;
    }
}

.catalog-menu > li.hover > ul li .dl-4~.back-arrow,
.catalog-menu > li.hover > ul li .dl-5~.back-arrow {
    left: 0;
}
.catalog-menu li.hover a, .catalog-menu > li.hover a {
    border: 1px solid #0E1339;
}

.main-nav .dl-3, .dl-4, .dl-5 {
    display: none;
}
.btnSubscribe {
    padding-left: 6px;
    padding-right: 6px;
}

.formNotice {
    font-size: 12px;
    line-height: 16px;
}
.red {
    color: #ff3333;
}

.scrollToTopBtn {
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 60px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all .5s ease;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='23' viewBox='0 0 12 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.53033 0.469669C6.23744 0.176777 5.76256 0.176777 5.46967 0.469669L0.6967 5.24264C0.403806 5.53553 0.403806 6.01041 0.6967 6.3033C0.989593 6.59619 1.46447 6.59619 1.75736 6.3033L6 2.06066L10.2426 6.3033C10.5355 6.59619 11.0104 6.59619 11.3033 6.3033C11.5962 6.01041 11.5962 5.53553 11.3033 5.24264L6.53033 0.469669ZM6.75 23L6.75 1L5.25 1L5.25 23L6.75 23Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 23px;
    border-radius: 6px;
    background-color: #0E1339;
}
.scrollToTopBtn:hover {
    background-color: #444;
}
.showBtn {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 700px) {
    .scrollToTopBtn {bottom: 120px;right: 24px;}
    .wrap_fec1 {bottom: 53px !important;}
    .globalClass_bdf2 .button_e61e {margin-bottom: 0 !important;}
}
/* End */


/* Start:/local/templates/stroydvor/css/style_new.css?167852797644366*/
@font-face {
    font-family: 'SFUIDisplay-Thin';
    src: url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.eot');
    src: url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.svg#SFUIDisplay-Thin') format('svg'),
         url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.ttf') format('truetype'),
         url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.woff') format('woff'),
         url('/local/templates/stroydvor/css/../fonts/SFUIDisplay-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  /*HEADER*/
  .display_type{
    position: relative;
    font-size: 16px;
    display: inline-block;
    float: right;
  }
  .display_type a svg path{
    fill: #999;
    padding: 0px 3px;
  }
  .display_type a.current svg path{
    fill: #000;
    padding: 0px 3px;
  }   
  .one-click-mess-thank-you{
        font-size: 16px;
        line-height: 1.3;
     color: #000;
    }
    .collers-name{
        color:#fff;
        padding-top: 5px;
        padding-right: 15px;
    }
  .style-new-top-top-nav-wrapper{
      width:100%;
  }
  .site-new-catalog-menu > li.hover > ul > li {
    clear: none!important;
}
  .catalog-menu-side .back-arrow {
    background: url(/images/chevron_right_outline_28.svg)no-repeat right center!important;
    }
  .style-new-top-nav{
      background: #13465b;
      width:100%;
      padding: 0;
  }
  .style-new-left-block{
      display: block;
      line-height: 1;
  }
  .style-new-floatleft a{
      display: block;
      overflow: hidden;
      padding: 0;
      margin: 0;
      line-height: 1;
  }
  .style-new-floatleft img{
      width:25px;
  }
  .style-new-popup-header-form {
      width: 25px;
      height: 25px;
  }
  .style-new-top-phone-num a{
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: normal;
      line-height: 1.4;
  }
  .style-new-top-phone-num .back-arrow {
      background-image: url(/images/arrow_down_new.png);
      background-size: 100%;
      width: 20px;
      height: 20px;
      margin-left: 6px;
      margin-top: 0px;
  }
  .style-new-headerWorkhours{
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: normal;
      line-height: 1.4;
  }
  .style-new-left-menu-top-top li{
      float: left;
      margin-left: 3px;
      display: flex;
      flex-direction: row;
      line-height: 1;
      padding: 15px 10px;
      position: relative;
  }
  .style-new-left-menu-top-top li:hover{
      float: left;
      margin-left: 3px;
      display: flex;
      flex-direction: row;
      line-height: 1;
      padding: 15px 10px;
      background-color: #0f3849;
  }
  .style-new-left-menu-top-top li a{
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
      font-size: 14px;
      color: #fff;
      line-height: 0.9;
  }
  .style-new-left-menu-top-top li span.dropdown-menu-item {
      font-family: 'Roboto', sans-serif;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
  }
  .style-new-top-top-nav{
      margin: auto 9px auto 9px;
  }
  .style-new-left-menu-top-top li ul.dropdown-menu-ul {
      font-family: 'Roboto', sans-serif;
      position: absolute;
      background: #13465b;
      z-index: 99;
      padding-top: 10px;
      margin-top: 29px;
      width: 300px;
      margin-left: 0;
      box-shadow: none;
      left:0;
  }
  .style-new-left-menu-top-top li ul.dropdown-menu-ul li:first-child {
      border-top: 0px #a5a5a5 solid;
  }
  .style-new-left-menu-top-top li:last-child a {
      color: #f88840;
  }
  .style-new-left-menu-top-top ul.dropdown-menu-ul li:last-child a {
      color:#fff;
  }
  .style-new-left-menu-top-top li ul.dropdown-menu-ul li {
      border-bottom: 0px #a5a5a5 solid;
      padding: 5px 10px 10px 10px;
      margin: 0;
  }
  .style-new-left-menu-top-top li.koler-link a {
      font-family: 'Roboto', sans-serif;
      border: 0px solid #0A0A0A;
      text-decoration: none;
      color: #f88840;
      text-decoration: none;
      font-size: 14px;
      padding: 0;
  }
  .style-new-top-user-profile{
      margin: auto;
      margin-right: 0;
      float: right;
  }
  .style-new-top-user-profile a{
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
      font-size: 14px;
      color: #fff;
  }
  .style-new-top-user-profile div.profile-name{
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
  }
  .style-new-top-user-profile div.profile-icon {
      width: 25px;
      height: 25px;
      background: url(/images/private_photo_new.png) no-repeat scroll;
      background-size: 100%;
  }
  .style-new-popup-header-form{
  
  }
  .style-new-popup-header-form:after{
      display: none;
  }
  .style-new-logo{
      width: 245px;
  }
  .site-header-header-drop-phone-block {
      background: #13465b;
  }
  .site-new-cat-title-sidebar {
      display: flex!important;
  }
  .dropdown-menu-item-li:hover .dropdown-menu-ul {
      display: grid;
  }
  /*HEADER*/
  
  /*COMPARE FAVORITE CART*/
  .site-new-top-phone{
      height: 44px;
  }
  .style-new-top-phone-num{
      height: 44px;
  }
  .line-back-new-site{
      display: inline-flex;
      padding-top: 11px;
      height: 33px;
  }
  .line-back-new-site-phone{
      padding-left: 5px;
      padding-right: 5px;
  }
  .line-back-new-site-phone:hover{
      background-color: #0f3849;
  }
  .style-new-compare-icon {
      width: 25px;
      height: 25px;
      background: url(/images/compare-icon-new5.png) no-repeat scroll;
      background-size: auto;
      position: relative;
      background-position: 100% -4%;
  }
  .style-new-compare-icon:hover {
      background-position: 100% 110%;
  }
  .style-new-basket-icon {
      width: 25px;
      height: 25px;
      background: url(/images/cart-icon-new3.png) no-repeat scroll;
      position: relative;
      background-size: 100%;
      margin-top:3px;
  }
  .style-new-basket-icon:hover {
      background-position: 100% 110%;
  }
  .style-new-basket-name{
      font-family: 'Roboto', sans-serif;
      color: #031837;
      font-size:18px;
  }
  .site-new-top-user-favorite {
      margin-left: 20px!important;
      margin: auto;
  }
  .site-new-top-user-compare{
      margin: auto;
      margin-left: 20px;
  }
  .site-new-top-user-basket{
      margin: auto;
      margin-left: 20px;
  }
  .favor-icon {
      width: 23px;
      height: 21px;
      background: url(/images/love-icon-new.png) no-repeat scroll;
      position: relative;
      background-size: 100%;
  }
  .favor-icon:hover {
      background-position: 100% 100%;
  }
  /*COMPARE FAVORITE CART*/
  
  /*SEARCH*/
  .site-new-search{
      width: 555px;
      margin: auto;
  }
  .site-new-search .search-item{
      border: 1px solid #031837;
  }
  .site-new-search{
      background: #ffffff;
  }
  .site-new-search-form-block input{
      background: #ffffff!important;
      height:30px;
  }
  .site-new-search-button {
      width: 27px!important;
      height: 27px!important;
      position: absolute;
      top: 4px!important;
      right: 2px!important;
      background: url(/images/search_new.png) no-repeat scroll;
      cursor: pointer;
      background-size: 100%;
  }
  .site-new-search-catalog-button {
    width: 27px!important;
    height: 27px!important;
    position: absolute;
    top: 7px!important;
    right: 7px!important;
    background: url(/images/search_new.png) no-repeat scroll;
    cursor: pointer;
    background-size: 100%;
}
  /*SEARCH*/
  
  /*CATALOG*/
  .site-new-catalog{
      flex-direction: row;
      display: flex;
      margin: auto;
      margin-left: 30px;
      margin-right: 5px;
      margin-top: 10px;
      position:relative;
  }
  .site-new-catalog-block{
      display:flex;
      background:#f28b48;
      color:#fff !important;
      padding: 6px 20px 6px 6px;
      cursor:pointer;
      height: 37px;
	  min-width: 120px;
	  box-sizing: border-box;
	  text-decoration: none;
  }
  .site-new-catalog-block:hover{
      background:#13465b;
  }
  .site-new-catalog:hover div.site-new-main-nav{
    display:block;
  }
  
  .site-new-catalog-block img{
      width: 25px;
      height: 25px;
  }
  .site-new-catalog-block span{
      margin:auto;
      margin-left: 10px;
      line-height:1
  }
  .site-new-logo-search-cart{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: stretch;
  }
  .site-new-right-block{
      margin: 10px 0 auto 0;
      width:68%;
     
      display: flex;
  }
  .site-new-top-user-panel-wrapper{
      display:flex;
  
  }
  .site-new-bx-hdr-profile{
      padding-bottom: 0!important;
  }
  .site-new-main-nav{
      display:none;
      position: absolute;
      top: 100%;
      z-index:100;
  }
  .catalog-menu img{
      width:25px;
  }
  .site-new-catalog-menu img{
      width:100%;
  }
  .site-new-catalog-menu{
      display: flex;
      border-top: 0px solid #DEDEDE;
      padding: 0px 0px 10px 10px;
  }
  .site-new-catalog-menu li {
      display: flex;
      position: relative;
      width: 130px;
      height: auto;
      margin-right: 10px;
      margin-bottom:10px;
      float: left;
  }
  .site-new-catalog-menu li.hover a, .site-new-catalog-menu > li.hover a {
    border: 0px solid #0e133900!important;
    }
  .site-new-catalog-menu > li > a.acc {
      border-bottom: 0px solid #DEDEDE!important;
      position: absolute;
      width: 86%;
      padding-top: 4%;;
      padding-bottom: 4%;
      padding-left: 4%;
      padding-right: 4%;
      bottom: 0;
      color: #fff;
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      line-height: 1.2;
      z-index: 99;
  }
  .site-new-catalog-menu > li > a.acc-top {
    border-bottom: 0px solid #DEDEDE!important;
    position: relative;
    width: 100%;
    padding-top: 0%;;
    padding-bottom:0%;
    padding-left: 0%;
    padding-right: 0%;
}
  .site-new-catalog-menu .back-arrow:before {
      display:none!important;
  }
  .site-new-catalog-menu .site-new-back-arrow {
      width: 20px;
      height: 20px;
      left: auto!important;
      margin: auto;
      top: auto;
      position: absolute!important;
      bottom: 0;
      right: 0;
      cursor:pointer;
  }
  .site-new-catalog-menu > li:first-child {
      border-top: 0px solid #F6F6F6;
  }
  .site-new-catalog-menu > .root-item {
      border-bottom: 0px solid #DEDEDE;
  }
  .site-new-catalog-menu li.active > ul {
      display: block;
      width: 990px;
      position: absolute;
      top: 108%;
      z-index: 999;
      padding: 5px 0px 10px 10px;
      background: #fff;
      margin-left: -10px;
  }
  .site-new-catalog-menu li.activiti > ul {
    display: block;
    width: 990px;
    position: absolute;
    top: 100%;
    z-index: 999;
    padding: 5px 0px 10px 10px;
    background: #fff;
    margin-left: -10px;
}
  .site-new-catalog-menu li.hover > ul {
      display: block;
      width: 990px;
      position: absolute;
      top: 100%;
      z-index: 999;
      padding: 5px 0px 10px 10px;
      margin-left: -10px;
      background: #fff!important;
	  min-height: unset;
  }
  .site-new-catalog-menu li > ul li a.acc {
    border:0px solid rgba(255, 255, 255, 0)!important;
    color: #000;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    bottom: 0;
    padding-top: 4%;
    padding-bottom: 8%;
    padding-left: 4%;
    padding-right: 4%;
    left: 0;
    width: 100%;
	text-decoration: none;
}
  .site-new-catalog-menu li.hover > ul li a.acc {
      border:0px solid rgba(255, 255, 255, 0)!important;
      color: #000;
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      position: absolute;
      bottom: 0;
      padding-top: 4%;
      padding-bottom: 8%;
      padding-left: 4%;
      padding-right: 4%;
      left: 0;
      width: 100%;
  }
  .site-new-catalog-menu li:hover a{
    color: #f28b48;
  }
  .site-new-catalog-menu li.hover > ul li:hover a.acc{
    color: #f28b48;
  }
  .site-new-catalog-menu li > ul li a.acc-top {
    border:0px solid rgba(255, 255, 255, 0)!important;
    color: #fff;
    position: relative;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
}
  .site-new-catalog-menu li.hover > ul li a.acc-top {
    border:0px solid rgba(255, 255, 255, 0)!important;
    color: #fff;
    position: relative;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
}
  .site-new-catalog-menu li.active > ul li ul li {
      position: static;
  }
  .site-new-catalog-menu li.active > ul li a {
      color: #fff;
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      position: absolute;
      bottom: 0;
      padding-top: 4%;
      padding-bottom: 4%;
      padding-left: 4%;
      padding-right: 4%;
      left: 0;
  }

  .site-new-catalog-menu > li > ul > li {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      position: relative;
      float: left;
      padding: 0px;
      width:130px !important;
      max-width:130px !important;
      padding-left: 0 !important;
  }
  .site-new-catalog-menu > li > ul > li > ul > li{
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      position: relative;
      float: left;
      padding: 0 10px;
  }
  .site-new-catalog-menu .root-item ul li span.site-new-back-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      width: 20px;
      height: 20px;
      cursor:pointer;
  }
  .catalog-menu-side > li.root-item ul li.activitis ul{
    display: block;
    position: absolute;
    left: 100%;
    top: 0px!important;
    z-index: 99;
    top: 0;
    margin: 0 0 15px 0;
    padding-left: 0;
    padding-top: 12px;
    background-color: #0e1339;
    width: 250px;
    padding-bottom:17px;
    min-height: 320px;
  }
  .site-new-catalog-menu .root-item ul li span.site-new-back-arrow-ar {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      width: 20px;
      height: 20px;
      cursor:pointer;
  }
  .site-new-catalog-menu li:last-child a {border-bottom: 0px solid #DEDEDE!important;}
  .site-new-catalog-menu li ul {width: 990px !important;}
  .site-new-catalog-menu li:nth-child(1) ul{left: 0;}
  .site-new-catalog-menu li:nth-child(2) ul{left: -140px;}
  .site-new-catalog-menu li:nth-child(3) ul{left: -280px;}
  .site-new-catalog-menu li:nth-child(4) ul{left: -420px;}
  .site-new-catalog-menu li:nth-child(5) ul{left: -560px;}
  .site-new-catalog-menu li:nth-child(6) ul{left: -700px;}
  .site-new-catalog-menu li:nth-child(7) ul{left: -840px;padding: 5px 0px 10px 10px!important;}
  
  .site-new-catalog-menu > li > ul > li > a {
      border-bottom: 0px solid #DEDEDE!important;
      position: absolute;
      width: 86%;
      padding-top: 4%;
      padding-bottom: 4%;
      padding-left: 4%;
      padding-right: 4%;
      bottom: 0;
      color: #fff;
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      line-height: 1.2;
  }
  .site-new-catalog-menu li .site-new-up-arrow {
      display: none;
  }
  .site-new-catalog-menu li .site-new-down-arrow {
      display: block;
  }
  .site-new-catalog-menu li.active .site-new-up-arrow {
      display: block;
  }
  .site-new-catalog-menu li.active .site-new-down-arrow {
      display: none;
  }
  .site-new-close{
      width: 15px!important;
      position: absolute;
      right: 10px;
      top: 11px;
      cursor: pointer;
      z-index:999;
  }
  .site-new-catalog-menu .root-item {
      position:relative;
  }
  .site-new-catalog-menu .root-item.hover {
      background: #0e133900;
  }
  .site-new-catalog-menu li.hover a, .site-new-catalog-menu > li.hover a {
      border: 1px solid #0e133900;
  }
  .site-new-catalog-menu li.hover a, .site-new-catalog-menu > li.hover a {
      background: #0e133900;;
  }
  .site-new-catalog-menu > li.hover > ul {
      background: #0e133900;
  }
  /*CATALOG*/
  
  /*NAV MOBILE*/
  .mobile-search-item{
      display:none;
      height: 36px;
      margin-top: 25px;
  }
  .nav-label-new {
      width: 25px;
      max-width: 25px;
      min-width: 25px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      position: relative;
      right: 0px;
      top: 0px;
      z-index: 2;
      margin: auto;
  }
  
  .nav-button-new {
      position: relative;
      border-top: 3px solid #93b7bd;
      border-bottom: 3px solid #93b7bd;
      transition: all .3s;
      cursor: pointer;
      display: block;
      width: 100%;
      height: 100%;
  }
  
  .nav-button-new:before{
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      height: 3px;
      background-color: #93b7bd;
      transition: all .3s;
      display: block;
  }
  .nav-button-new:after{
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      height: 3px;
      background-color: #93b7bd;
      transition: all .3s;
      display: block;
  }
  
  #navToggle-new {
      display: none;
  }
  
  #navToggle-new:checked ~ .nav-label-new .nav-button-new {
      border-color: transparent;
  }
  
  #navToggle-new:checked ~ .nav-label-new .nav-button-new:before {
      transform: rotate(45deg);
      width: 34px;
  }
  #navToggle-new:checked ~ .nav-label-new .nav-button-new:after {
      transform: rotate(-45deg);
      width: 34px;
  }
  .new-site-search-mobile-block{
      margin: auto auto auto 5%;
      width: 25px;
      max-width: 25px;
      min-width: 25px;
  }
  .new-site-search-mobile-block img{
      width:100%;
      margin-top: 5px;
  }
  .new-site-love-mobile-block{
      margin: auto 5% auto auto;
      width: 25px;
      max-width: 25px;
      min-width: 25px;
  }
  .new-site-love-mobile-block img{
      width:100%;
  }
  .new-site-compare-mobile-block{
      margin: auto;
      width: 25px;
      max-width: 25px;
      min-width: 25px;
  }
  .new-site-compare-mobile-block img{
      width:100%;
  }
  .logo-new-site{
      margin: auto 5%;
      width: 50%;
  }
  .logo-new-site img {
      max-width: 100%;
  }
  .template-top-search-mobile-new{
      border: 1px solid #000;
      border-bottom: 1px #000000 solid!important;
  }
  .template-top-search-mobile-new input[type="text"]{
      background: #ffffff!important;
  }
  
  .template-top-search-mobile-new button {
      background: url(/images/search-mobile-blue.png) no-repeat scroll;
      cursor: pointer;
      background-size: 100%;
      width: 27px!important;
      height: 27px!important;
      top: 4px!important;
      right: 2px!important;
  }
  .site-new-sidebar-site{
      border-left: 0px solid #DEDEDE;
      border-right: 0px solid #DEDEDE;
      border-bottom: 0px solid #DEDEDE
  }
  .cat-title-sidebar{
      display:flex;
  }
  .header-mobile-new{
      display: none;
  }
  .desctop-block{
      display:block;
  }
  .desctop-mobile{
      display:none;
  }
  .footer-block-menu{
      display:none;  
  }

  /*CATALOG*/

  .catalog-section div.catalog_list {
        width: 100%;
        background: #fff;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
        border: 0px solid #DEDEDE;
        box-sizing: border-box;
        padding: 20px 20px 0px 20px;
        position: relative;
    }
    .catalog-section div.catalog_list a.product-item-image-wrapper {
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-top: 25%;
        width: 23%;
        transition: all 300ms ease;
        float: left;
        margin-right: 3%;
    }
    .catalog-section div.catalog_list .product-item .product-item-title-name {
        height: 30px;
        width: auto;
        text-align: left;
    }
    .catalog-section div.catalog_list .product-item .product-item-code-product {
        text-align: left;
        width: 50%;
        position: relative;
        overflow: hidden;
    }
    .catalog-section div.catalog_list .product-item .product-item-price-container {
        margin-left: 0;
        width: 72%;
        margin-bottom: 0;
        margin-top: 0;
        margin-right: 0;
        padding-top: 5px;
        float: left;
        display: block;
        text-align: right;
    }
    .catalog-section div.catalog_list .product-item-button-container {
        text-align: center;
        width: 25%;
        float: right;
        display: block;
    }
    .full-image{
        width:100%;
    }
    /*.catalog-section div.catalog_list .product-item .favor {
        top: 25px;
        right: 10px;
        left: 0;
 
    }*/
    .product-item .compare-icon-custom {
        right: 0px;
        top: auto;
        bottom:52%;
    }
    .catalog-section div.catalog_list .product-item .compare-icon-custom {
        right: 0px;
        top: 42px;
        bottom: auto;
    }
    .section-under{
        clear: both;
        width: 100%;
        overflow: hidden;
    }
    .row-under-category{
        clear: both;
        width: 100%;
        overflow: hidden;
    }
    .under-category-item-index{
        width: 13.88%;
        margin: 1% 0.2%;
        float: left;
        position: relative;
        background-color: #f0f0f0;
    }
    .under-category-item-index p{
        position: absolute;
        bottom: 10px;
        left: 10px;
        right:10px;
        font-size: 14px;
        color: #000;
        line-height: 1.2;
    }
    .under-category-item{
        width:18%;
        margin:1% 1%;
        float:left;
        position: relative;
    }
    .under-category-item p{
        position: absolute;
        bottom: 10px;
        left: 10px;
        right:10px;
        font-size: 14px;
        color: #000;
        line-height: 1.2;
    }
    .more-categories{
        text-align:center;
        display:none;
    }
    .more-categories-open{
        text-align:center;
        display:none;
    }

    .else-category{
        text-align: center;
        width: 100%;
        display: block;
        color: #fff;
        padding: 5px;
        text-decoration: underline;
        cursor:pointer;
    }
    .else-category-hide{
        text-align: center;
        width: 100%;
        display: block;
        color: #fff;
        padding: 5px;
        text-decoration: underline;
        cursor:pointer;
    }

  /*CATALOG*/

    .banner-text-wrapper {
        display: none;
    }
    .brands-wrapper .slide-item {
        border: 1px solid #d1d1d100!important;
    }
    .owl-nav {
        position:relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        width: 32px;
        height: 32px;
        cursor: pointer;
        display: inline-block;
        margin: 0px 5px;
        left: -4%;
        position: absolute;
        top: -131px;
        background-color: #fff!important;
        border: 1px solid #ececec00!important;
    }
    .owl-carousel .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
        cursor: pointer;
        display: inline-block;
        margin: 0px 5px;
        right: -4%;
        position: absolute;
        top: -131px;
        background-color: #fff!important;
        border: 1px solid #ececec00!important;
    }
    .inner-content-custom .favor {
        top: 0px;
        right: 0px;
    }




  /*NAV MOBILE*/

  @media (max-width: 980px) {
    .catalog-menu-side > li.root-item ul li.activitis ul{
        display:block;
        position: relative;
        left: 0;
        z-index: 99;
        top: 0;
        margin: 10px 0 0 20px;
        width: auto;
        background-color: #ffffff;
        padding-bottom:0px;
      }
      .catalog-menu li.hover a, .catalog-menu > li.hover a {
        background: #fff;
        border-color: #fff;
        color: #000;
      }
    
  /*CATALOG*/
      .site-new-catalog-menu li {margin-bottom: 0;}
      .under-category-item-index:nth-child(even) {
      width: 49%;
      margin: 1% 0 1% 1%;
      float: left;
      position: relative;
      }
  .under-category-item-index:nth-child(odd) {
    width: 49%;
    margin: 1% 1% 1% 0;
    float: left;
    position: relative;
  }
  .under-category-item-index:last-child {
    width: 49%;
    margin: 1% 25.5% 1% 25.5%;
    float: left;
    position: relative;
  }
  .else-category {
    color: rgb(0, 0, 0);
  }
  .else-category-hide {
    color: rgb(0, 0, 0);
  }
  .hidden-podcategory li a{
    padding: 4px 35px 4px 0;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
  }
  .product-item .compare-icon-custom {
    right: 0px;
    top: 15%;
    bottom: auto;
    }
  .row {
    margin-right: 0;
    margin-left: 0;
    }
  .row-under-category {
    clear: both;
    width: 100%;
    overflow: hidden;
    display: block;
  }
  .more-categories{
    display:block;
    margin: 17px 0;
  }
  .more-categories-open{
    display:none;
    margin: 17px 0;
  }
  .under-category-item{
    width:31%;
    margin:1% 1%;
  }
  .under-category-item p {
    font-size: 9px;
  }
  .hidden-category{
    /*display: none;*/
  }

  .catalog-section div.catalog_list {
    width: 50%;
    padding: 10px 10px 10px 10px;
    margin-left: 0;
    margin-right: 0;
}
.catalog-section div.catalog_list a.product-item-image-wrapper {
    padding-top: 100%;
    width: 100%;
    float: none;
    margin-right: 0;
}
.catalog-section div.catalog_list .product-item .product-item-title-name {
    height: 63px;
    width: 100%;
    text-align: left;
}
.catalog-section div.catalog_list .product-item .product-item-code-product {
    text-align: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.catalog-section div.catalog_list .product-item .product-item-price-container {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    padding-top: 5px;
    float: left;
    display: block;
    text-align: center;
}
.catalog-section div.catalog_list .product-item-button-container {
    text-align: center;
    width: 100%;
    float: right;
    display: block;
}

/*CATALOG*/
    .display_type{
        display:none;
    }
    body{
        margin-top: 95px;
    }
    .mobile-search-item {
        margin-bottom: 25px;
    }
    .open-burger-menu{
        height:25px;
    }
    .close-menu-burder{
          display:none;
          height:25px;
    }
      .style-new-left-menu-top-top li {
          padding: 0;
      }
      .style-new-left-menu-top-top li:hover {
          padding: 0;
          background-color: #0f384900;
      }
      .header-mobile-new{
          display:none;
          position: fixed;
          z-index: 999;
          background-color: #fff;
          height: calc(100% - 125px);
          overflow-y: scroll;
          top: 69px;
      }
      .header-mobile {
          overflow: visible;
          position: fixed;
          top: 0;
          z-index: 999;
      }
      .desctop-block{
          display:none;
      }
      .desctop-mobile{
          display:block;
      }
      .site-new-catalog-menu > li > a {
          display: block!important;
          line-height: 1.2!important;
          width:92%;
      }
      .mobile-top-menu{
          margin-top: 25px;
      }
      .mobile-top-menu ul li{
          float: left;
          margin-left: 0px;
          
          flex-direction: row;
          line-height: 1;
          width: 100%;
          position:relative;
          background: #fff;
      }
      .mobile-top-menu ul li a{
          color: #000;
      }
      .mobile-menu-top-top{
          display:block!important;
      }
      /*.mobile-menu-top-top ul.site-new-catalog-menu li.root-item{
          display: block!important;
          width: 46%;
          float: left;
      }*/
      /*меню пока так*/
      .mobile-top-menu ul.left-menu-top-top li{
          display:flex;
      }
      .mobile-top-menu ul{
          /*overflow: hidden;*/
          width: 100%;
          height: auto;
      }
      .mobile-menu-top-top ul.site-new-catalog-menu{
          display:block!important;
      }
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item{
          display: flex!important;
          width: 100%;
          float: left;
          border-bottom: 1px solid #DEDEDE;
      }
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item img{
          width: 12%;
          margin: auto;
          display: none;
      }
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item a{
          position: relative;
          color:#000!important;
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          line-height: 1.5!important;
          font-size:14px;
          padding-top: 2%;
          padding-bottom: 2%;
      }
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item a span.site-new-back-arrow {
          width: 20px;
          height: 20px;
          left: 0;
          margin: auto;
          top: auto;
          position: relative!important;
          bottom: 0;
          right: 0;
          cursor: pointer;
          z-index: 9999;
          display: block;
          right: 0;
          float: right;
      }
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item a img.site-new-down-arrow{
          /* position: absolute; */
          /* margin-top: 9px!important; */
          z-index: 2;
          top: 0px;
          right: 0;
          width: 20px;
          height: 20px;
          cursor: pointer;
          /* background: url(/images/chevron_right_outline_28.svg)!important; */
          /* background-position: center top; */
          display: block;
          /* background-repeat: no-repeat; */
          /* background-size: 100%!important; */
          right: 0;
          float: right;
          text-align: right;
      }
      .dropdown-menu-ul-catalog{
          display: block;
          position: absolute;
          left: -1000px;
          z-index: 999;
          height: auto;
          overflow-y: scroll;
          background-color: #fff;
          top: 55px;
          padding: 0 15px;
          max-width: 100%;
          transition: all .3s ease;
          transform: translateX(0);
          height: calc(100vh - 100px);
          overflow-y: scroll;
      }
      .dropdown-menu-ul-catalog ul{
          display: block;
          width: 100%;
          padding: 0;
      }
      .root-item-lower-floor-block{
          display: block;
          position: absolute;
          left: -1000px;
          z-index: 999;
          height: auto;
          overflow-y: scroll;
          background-color: #fff;
          top: 55px;
          padding: 0 15px;
          max-width: 100%;
          transition: all .3s ease;
          transform: translateX(0);
          height: calc(100vh - 100px);
          overflow-y: scroll;
          right: 0;
      }
      .root-item-lower-floor-block ul{
          display: block;
          width: 100%;
          padding: 0;
          height: calc(100vh - 160px);
          overflow-y: auto;
      }
      
      .root-item-lower-floor-item{
          display:none;
      }
      /*меню пока так*/
      .style-new-left-menu-top-top li a, .style-new-left-menu-top-top li span{
          font-family: 'Roboto', sans-serif;
          font-size: 14px;
          line-height: 0.9;
          color:#000000;
      }
      .site-new-top-phone {
          min-height: 85px;
          display: block;
      }
      .style-new-left-menu-top-top li span.dropdown-menu-item-catalog{
          margin-top: 14px;
          display: block;
      }
      .style-new-left-menu-top-top li span.dropdown-menu-items{
          margin-top: 14px;
          display: block;
      }
      .mobile-menu-top-top::after{
          position:relative;
          float:right;
      }
      .site-new-cat-title-sidebar {
          display: none!important;
      }
      .back-arrow-catalog-mobile{
          position: absolute;
          margin-top: 9px!important;
          z-index: 2;
          top: 0px;
          right: 0;
          width: 20px;
          height: 20px;
          cursor: pointer;
          background: url(/images/chevron_right_outline_28.svg)!important;
          background-position: center top;
          display: block;
          background-repeat: no-repeat;
          background-size: 100%!important;
      }
      .dropdown-menu-ul-s{
          display:none;
          border-top: 1px solid rgb(222, 222, 222);
      }
      .drop-down-ul{
          margin: 0px 15px;
      }
      .drop-down-ul li:last-child{
          border-bottom: 0px solid #DEDEDE;
      }
      .footer-header-mobile{
          background: #13465b;
          width: 100%;
          padding: 15px 0;
      }
      .footer-header-mobile .links-block a {
          display: inline-block;
          width: 50%;
          font-size: 16px;
          color: #fff;
          text-decoration: none;
          margin: 10px 0;
		  vertical-align: top;
      }
      .footer-header-mobile .links-block a img {height: 34px;vertical-align: middle;}	  
      .footer-header-mobile .links-block a span {display: inline-block;vertical-align: middle;padding-left: 10px;max-width: calc(100% - 50px);}	  
      .footer-header-mobile hr {margin: 20px 0;border: 1px solid #fff;}
	  
      .dropdown-menu-ul-catalog ul.site-new-catalog-menu li.root-item a span.site-new-back-arrow-left {
          width: 25px;
          height: 25px;
          left: 0;
          margin: auto;
          top: 4px;
          position: relative!important;
          /* bottom: 0; */
          right: 0;
          cursor: pointer;
          z-index: 9999;
          display: block;
          left: 0;
          float: left;
          background: url(/images/chevron_right_outline_28.svg)!important;
          -webkit-transform: rotate(180deg);
          background-position: center center;
          display: block;
          background-repeat: no-repeat;
      }
      .dropdown-menu-ul-catalog li.root-item-catalog a{
          position: relative;
          color: #000!important;
          padding-left: 0;
          padding-right: 0;
          width: 100%;
          line-height: 1.2!important;
          font-size: 20px!important;
          text-align: center;
      }
      /* top-phone-num phoneStyles*/
      .js-show-phones-footer.open{
          transform: rotate(180deg);
      }
      .header-drop-phone-block-footer{
          display: none;
          position: absolute;
          background: #13465b;
          z-index: 99;
          padding-top: 5px;
          padding-bottom: 8px;
          width: 160px;
          top: 40px;
          text-align: center;
          margin-left: -6px;
          box-shadow: 0 0 10px rgb(0 0 0 / 50%);
      }
      .header-drop-phone-block-footer.open{
          display: block;
      }
      .site-new-top-phone{
          border-bottom: 0px solid #DEDEDE;
      }
      .footer-header-mobile .style-new-top-phone-num a {
          font-size: 16px!important;
          margin: 10px 0!important;
      }
      .footer-header-mobile .style-new-top-phone-num .back-arrow {
          margin-top: 11px!important;
      }
      .footer-header-mobile .style-new-headerWorkhours {
          font-size: 16px!important;
      }
      .mobile-top-menu ul li ul.site-new-catalog-menu li a {
          color: #fff!important;
      }
      .mobile-top-menu li:last-child a {
          color: #000000;
      }
      .sidebar-site .search-item{
          display:none!important;
      }
      .footer-block-menu{
          display: block;
          position: fixed;
          bottom: 0;
          z-index: 99999;
          background-color: #031837;
          padding: 10px 0 10px 0;
      }
      .footer-block-menu div.f-cart-t{
          width:25%;
          float:left;
          text-align:center;
      }
      .footer-block-menu div img{
          width: 24%;
      }
      .footer-block-menu div p{
          font-family: 'Roboto', sans-serif;
          font-size: 11px;
          color: #fff!important;
      }
      .footer-block-menu div a{
          font-family: 'Roboto', sans-serif;
          font-size: 11px;
          color: #fff!important;
          text-decoration: none;
          width: 96px;
          display: block;
      }
      .footer-block-menu .basket-count {
        right: unset;
        left: 52px;
        top: -3px;
        color: #081439;
        background: #fff;
      }

      .wrap_af1e {bottom: 11%!important;}
      .style-new-left-menu-top-top li:hover {margin-left: 0px;}
      .site-new-pod-catalog-menu li a {
        position: relative;
        font-family: 'Roboto', sans-serif;
        color: #000!important;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        line-height: 1.5!important;
        font-size: 20px!important;
        padding-top: 2%;
        padding-bottom: 2%;
        text-align: center;
    }
    .site-new-pod-catalog-menu a span.site-new-back-arrow-left {
        width: 25px;
        height: 25px;
        left: 0;
        margin: auto;
        top: 4px;
        position: relative!important;
        /* bottom: 0; */
        right: 0;
        cursor: pointer;
        z-index: 9999;
        display: block;
        left: 0;
        float: left;
        background: url(/images/chevron_right_outline_28.svg)!important;
        -webkit-transform: rotate(180deg);
        background-position: center center;
        display: block;
        background-repeat: no-repeat;
    }
    .site-new-pod-catalog-menu li ul.root-item-lower-floor-list li  {
        display: flex!important;
        width: 100%;
        float: left;
        border-bottom: 1px solid #DEDEDE;
        position: relative;
        align-items: center;
        justify-content: space-between;
    }
    .site-new-pod-catalog-menu li ul.root-item-lower-floor-list li a {
        position: relative;
        color: #000!important;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        line-height: 1.5!important;
        font-size: 14px;
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 14px!important;
        text-align:left;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }
    .site-new-pod-catalog-menu li ul.root-item-lower-floor-list li a span.site-new-back-arrow {
        width: 20px;
        height: 20px;
        left: 0;
        margin: auto;
        top: auto;
        position: relative!important;
        bottom: 0;
        right: 0;
        cursor: pointer;
        z-index: 9999;
        display: block;
        right: 0;
        float: right;
    }
    .root-item-lower-floor-list{
        margin-left: 0!important;
    }
    .catalog-menu {
        border-top: 0px solid #DEDEDE!important;
    }
    .catalog-menu > li:first-child {
        border-top: 0px solid #F6F6F6!important;
    }
    .catalog-menu li:last-child a {
        border-bottom: 0px solid #DEDEDE!important;
    }
    .catalog-menu > li > ul {
        padding-top: 0;
    }
    .root-item-lower-floor-list li{
        display: flex!important;
        width: 100%;
        float: left;
        border-bottom: 1px solid #DEDEDE;
        align-items: center;
        justify-content: space-between;
    }
    .root-item-lower-floor-list li a{
        position: relative;
        color: #000!important;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        line-height: 1.5!important;
        font-size: 14px;
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 14px!important;
        text-align:left;
        font-family: 'Roboto', sans-serif;
        text-decoration: none;
    }
    .site-new-catalog-menu li.activiti > ul {
        display: none;
    }
    .header-mobile-new{
        width: 100%;
    }
    .footer-block-menu {
        width: 100%;
    }
    .logo img {
        line-height: 0;
        width: 158px;
        margin: auto;
        height: auto;
        display: block;
    }
  }

  @media (max-width: 980px) and (orientation:landscape) {
    .logo img {
        line-height: 0;
        width: 44%;
        margin: auto 28%;
        height: auto;
    }
  }

  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .header-mobile {
        height: 115px;
    }
    .close-menu-burder{
        display:none;
        height:25px;
    }
    .header-mobile-new{
        width: 100%;
    }
    .footer-block-menu {
        width: 100%;
    }
    .logo img {
        line-height: 0;
        width: 76%;
        margin: auto 13%;
        height: auto;
    }
  }

/* iPads (landscape) -----------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .logo img {
        line-height: 0;
        width: 100%;
        margin: auto;
        height: auto;
    }
    .profile-name{
        display:none;
    }
    .basket-name{
        display:none;
    }
    .site-new-search {
        width: 400px;
        margin: auto;
    }
    .style-new-top-top-nav {
        margin: auto 0px auto -10px;
    }
    .site-new-main-nav {width: 710px;}
    .site-new-catalog-menu > li > a {
        font-size: 9px;
    }
    .site-new-catalog-menu li.active > ul li a {
        font-size: 9px;
    }
    .site-new-catalog-menu li ul {width: 710px !important;}
    .site-new-catalog-menu > li > ul > li {
        font-size: 9px;
        width: 90px !important;
        max-width:90px !important;
    }

    .site-new-catalog-menu li:nth-child(2) ul {left: -100px;}
    .site-new-catalog-menu li:nth-child(3) ul {left: -200px;}
    .site-new-catalog-menu li:nth-child(4) ul {left: -300px;}
    .site-new-catalog-menu li:nth-child(5) ul {left: -400px;}
    .site-new-catalog-menu li:nth-child(6) ul {left: -500px;}
    .site-new-catalog-menu li:nth-child(7) ul {left: -600px;}
  }
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : landscape) {
    .logo img {
        line-height: 0;
        width: 100%;
        margin: auto;
        height: auto;
    }
    .profile-name{
        display:none;
    }
    .basket-name{display:none;}
	
    .site-new-main-nav {width: 809px;}
    .site-new-main-nav *{box-sizing: border-box;}
	
    .site-new-catalog-menu > li > a {font-size: 9px;}
    .site-new-catalog-menu li.active > ul li a {
        font-size: 9px;
    }
    .site-new-catalog-menu li ul {width: 809px !important;}
    .site-new-catalog-menu > li > ul > li {
        font-size: 9px;
        width: 104px !important;
        max-width:104px !important;
    }

    .site-new-catalog-menu li:nth-child(2) ul {left: -114px;}
    .site-new-catalog-menu li:nth-child(3) ul {left: -228.5px;}
    .site-new-catalog-menu li:nth-child(4) ul {left: -342.5px;}
    .site-new-catalog-menu li:nth-child(5) ul {left: -456.5px;}
    .site-new-catalog-menu li:nth-child(6) ul {left: -571px;}
    .site-new-catalog-menu li:nth-child(7) ul {left: -685px;}
  }

  
  /*NAV MOBILE*/
  
  /* -------------------------------------------- */
  
  h1.title-center {text-align: center;text-transform: uppercase;}
  .catalog-section-list.list-tiles h2 {font-size: 24px;}
  .catalog-section-list.list-tiles > ul > li {margin-bottom: 40px;}
  .list-tiles .under-category-item {width: 14.5%;}

  @media (max-width: 1100px) {
    .cat-main .list-tiles .under-category-item {width: 18%;}
  }  
  @media (max-width: 980px) {
    .cat-main .under-category-item p {font-size: 14px;}
    .cat-main .list-tiles .under-category-item {width: 23%;}
  }
  @media (max-width: 767px) {
    .cat-main .catalog-section-list ul ul {margin-left: 0;}
    .cat-main .list-tiles .under-category-item {width: 31%;}
  }
  @media (max-width: 520px) { 
    .cat-main .under-category-item p {font-size: 13px;}
  }
  @media (max-width: 480px) {
    .cat-main .under-category-item p {font-size: 12px;}
    .cat-main .list-tiles .under-category-item {width: 48%;}
  }
  @media (max-width: 319px) {
    .footer-header-mobile .links-block a {font-size: 14px;}
    .cat-main .under-category-item p {font-size: 11px;}
  }
/* End */


/* Start:/local/templates/stroydvor/css/new-home.css?1666856090310*/
.catalog-menu-side > li.hover ul > li:hover > .back-arrow{
    background: url(/images/chevron_right_outline_white_28.svg)no-repeat right center!important;
}

.catalog-menu-side > li.hover ul > li > .back-arrow{
    background: url(/images/chevron_right_white_outline_28.svg)no-repeat right center!important;
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/search.title/template_top_search_mobile_new/style.css?16667735252108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/stroydvor/components/bitrix/search.title/template_top_search_mobile_new/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/menu/template_top_mobile_new/style.css?1666773383791*/
/* Left menu*/

.dropdown-menu-item{
    color: #0A0A0A;
    text-decoration: none;
    font-size: 14px;
}
.dropdown-menu-ul{
    display: none;
    position: absolute;
    background: #eaeaea;
    z-index: 99;
    /*padding-top: 9px;*/
    width: 105px;
    margin-left: -6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    /*box-shadow: 0px 4px 0px 1px rgba(0,0,0,0.5);*/
}

.dropdown-menu-ul li{
    border-bottom: 1px #a5a5a5 solid;
    padding: 5px 10px 10px 10px;
    margin: 0;
}

.dropdown-menu-ul li:first-child{
    border-top: 1px #a5a5a5 solid;
}

.dropdown-menu-item:hover ~ .dropdown-menu-ul {
    display: grid;
}

.dropdown-menu-ul:hover {
    display: grid;
}

@media screen and (max-width: 980px){
    .dropdown-menu-ul{
        width: 94%;
        max-width: 350px;
    }
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/menu/template_top_top_new/style.css?1666773384794*/
/* Left menu*/

.dropdown-menu-item{
    color: #0A0A0A;
    text-decoration: none;
    font-size: 14px;
}
.dropdown-menu-ul{
    display: none;
    position: absolute;
    background: #eaeaea;
    z-index: 99;
    /*padding-top: 9px;*/
    width: 105px;
    margin-left: -6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    /*box-shadow: 0px 4px 0px 1px rgba(0,0,0,0.5);*/
}

.dropdown-menu-ul li{
    border-bottom: 1px #a5a5a5 solid;
    padding: 5px 10px 10px 10px;
    margin: 0;
}

.dropdown-menu-ul li:first-child{
    border-top: 1px #a5a5a5 solid;
}

.dropdown-menu-item-li:hover ~ .dropdown-menu-ul {
    display: grid;
}

.dropdown-menu-ul:hover {
    display: grid;
}

@media screen and (max-width: 980px){
    .dropdown-menu-ul{
        width: 94%;
        max-width: 350px;
    }
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/search.title/template_top_search_new/style.css?16667735262108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/stroydvor/components/bitrix/search.title/template_top_search_new/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/catalog.compare.list/cust_new/style.css?16667735891265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/sale.basket.basket.line/template_top_basket_new/style.css?16667744377990*/
.bx-basket { }

.bx-basket-block {
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }
.basketRelative {
	position: relative;
}
.basketItemListWrapper {
	max-height: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
	overflow: hidden;
	padding-top: 8px;
	background-color: #ffffff;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 450px;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	color: #000000;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}

@media (min-width: 981px) {
	.bx-hdr-profile {
		padding-bottom: 20px;
	}
	.active,
	.basketItemListWrapper:hover,
	.bx-hdr-profile:hover + .basketItemListWrapper {
		display: block;
		max-height: 10000px;
		opacity: 1;
	}
}
.basketItemsList {
	margin-bottom: 15px;
}
.basketItem {
	padding: 8px 27px 15px 12px;
	border-bottom: 1px solid #F2F2F2;
	display: flex;
	align-items: flex-start;
}
.basketItemImage {
	margin-right: 9px;
	max-width: 92px;
}
.basketItemDescription {
	position: relative;
	padding-top: 4px;
	display: flex;
	flex-wrap: wrap;
}
.basketItemName {
	width: 100%;
	padding-right: 30px;
	margin-bottom: 15px;
	text-decoration: none;
}
.basketItemName:hover {
	text-decoration: underline;
}
.basketItemDeleteButton {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.25 2H10.5v-.5C10.5.673 9.827 0 9 0H7c-.827 0-1.5.673-1.5 1.5V2H2.75c-.69 0-1.25.56-1.25 1.25V5a.5.5 0 0 0 .5.5h.273l.432 9.071A1.498 1.498 0 0 0 4.203 16h7.593c.803 0 1.46-.627 1.499-1.429l.432-9.071H14a.5.5 0 0 0 .5-.5V3.25c0-.69-.56-1.25-1.25-1.25ZM6.5 1.5A.5.5 0 0 1 7 1h2a.5.5 0 0 1 .5.5V2h-3v-.5Zm-4 1.75A.25.25 0 0 1 2.75 3h10.5a.25.25 0 0 1 .25.25V4.5h-11V3.25Zm9.796 11.274a.5.5 0 0 1-.5.476H4.205a.5.5 0 0 1-.5-.476L3.274 5.5h9.452l-.43 9.024Z' fill='%23AFAFAF'/%3E%3Cpath d='M8 14a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Zm2.5 0a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Zm-5 0a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 4px;
	background-color: transparent;
	cursor: pointer;
}
.basketItemDeleteButton:hover {
	opacity: 0.6;
}
.basketItemPriceInfoBlock {
	display: flex;
	align-items: center;
	width: 100%;
}
.basketItemQantityBlock {
	font-size: 15px;
	line-height: 1.2;
	color: #AFAFAF;
	font-weight: 400;
}
.basketItemPriceBlock {
	margin-left: auto;
	display: flex;
}
.basketItemPriceOld {
	text-decoration: line-through;
	color: #AFAFAF;
	font-size: 13px;
	line-height: 1.2;
	margin-right: 10px;
}
.basketItemInput {
	display: flex;
	max-width: 105px;
	height: 35px;
}
.buttonPlus,
.buttonMinus {
	border: none;
	background-color: #F2F2F2;
	font-size: 23px;
	line-height: 28px;
	color: #737A83;
	text-align: center;
}
.buttonPlus,
.buttonMinus,
.basketInputField {
	width: 35px;
	height: 35px;
	text-align: center;
}
.buttonPlus,
.buttonMinus {
	cursor: pointer;
}
.basketInputField {
	font-size: 15px;
	line-height: 120%;
	color: #000000;
}
.basketTotalBlock {
	padding: 15px 27px 8px;
	display: flex;
	justify-content: flex-end;
}
.backetBottomBlock {
	padding: 8px 27px 0;
}
.basketTotal {
	margin-right: 13px;
}
.basketTotalPrice {
	font-weight: 500;
	font-size: 19px;
	color: #0E1339;
}
.backetBottomBlock {
	display: flex;
	justify-content: flex-end;
}
.basketLinkButton {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	background: #0E1339;
    color: #fff;
    border: 1px solid transparent;
	border-radius: 0;
	padding: 10px 20px;
}
.basketLinkButton:hover {
	background: #fff;
    color: #000;
    border-color: #0E1339;
}
/* End */


/* Start:/local/templates/stroydvor/components/bitrix/menu/template_footer_menu_catalog/style.css?1664806236581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/stroydvor/components/bitrix/menu/template_footer_menu_catalog/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/stroydvor/components/bitrix/menu/template_footer_menu/style.css?166480623619*/
/* Left menu*/





/* End */


/* Start:/local/templates/stroydvor/components/bitrix/sale.basket.basket.line/template_top_basket_footer_new/style.css?16691920597990*/
.bx-basket { }

.bx-basket-block {
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }
.basketRelative {
	position: relative;
}
.basketItemListWrapper {
	max-height: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
	overflow: hidden;
	padding-top: 8px;
	background-color: #ffffff;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 450px;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	color: #000000;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}

@media (min-width: 981px) {
	.bx-hdr-profile {
		padding-bottom: 20px;
	}
	.active,
	.basketItemListWrapper:hover,
	.bx-hdr-profile:hover + .basketItemListWrapper {
		display: block;
		max-height: 10000px;
		opacity: 1;
	}
}
.basketItemsList {
	margin-bottom: 15px;
}
.basketItem {
	padding: 8px 27px 15px 12px;
	border-bottom: 1px solid #F2F2F2;
	display: flex;
	align-items: flex-start;
}
.basketItemImage {
	margin-right: 9px;
	max-width: 92px;
}
.basketItemDescription {
	position: relative;
	padding-top: 4px;
	display: flex;
	flex-wrap: wrap;
}
.basketItemName {
	width: 100%;
	padding-right: 30px;
	margin-bottom: 15px;
	text-decoration: none;
}
.basketItemName:hover {
	text-decoration: underline;
}
.basketItemDeleteButton {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.25 2H10.5v-.5C10.5.673 9.827 0 9 0H7c-.827 0-1.5.673-1.5 1.5V2H2.75c-.69 0-1.25.56-1.25 1.25V5a.5.5 0 0 0 .5.5h.273l.432 9.071A1.498 1.498 0 0 0 4.203 16h7.593c.803 0 1.46-.627 1.499-1.429l.432-9.071H14a.5.5 0 0 0 .5-.5V3.25c0-.69-.56-1.25-1.25-1.25ZM6.5 1.5A.5.5 0 0 1 7 1h2a.5.5 0 0 1 .5.5V2h-3v-.5Zm-4 1.75A.25.25 0 0 1 2.75 3h10.5a.25.25 0 0 1 .25.25V4.5h-11V3.25Zm9.796 11.274a.5.5 0 0 1-.5.476H4.205a.5.5 0 0 1-.5-.476L3.274 5.5h9.452l-.43 9.024Z' fill='%23AFAFAF'/%3E%3Cpath d='M8 14a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Zm2.5 0a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Zm-5 0a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-1 0v6.5a.5.5 0 0 0 .5.5Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 4px;
	background-color: transparent;
	cursor: pointer;
}
.basketItemDeleteButton:hover {
	opacity: 0.6;
}
.basketItemPriceInfoBlock {
	display: flex;
	align-items: center;
	width: 100%;
}
.basketItemQantityBlock {
	font-size: 15px;
	line-height: 1.2;
	color: #AFAFAF;
	font-weight: 400;
}
.basketItemPriceBlock {
	margin-left: auto;
	display: flex;
}
.basketItemPriceOld {
	text-decoration: line-through;
	color: #AFAFAF;
	font-size: 13px;
	line-height: 1.2;
	margin-right: 10px;
}
.basketItemInput {
	display: flex;
	max-width: 105px;
	height: 35px;
}
.buttonPlus,
.buttonMinus {
	border: none;
	background-color: #F2F2F2;
	font-size: 23px;
	line-height: 28px;
	color: #737A83;
	text-align: center;
}
.buttonPlus,
.buttonMinus,
.basketInputField {
	width: 35px;
	height: 35px;
	text-align: center;
}
.buttonPlus,
.buttonMinus {
	cursor: pointer;
}
.basketInputField {
	font-size: 15px;
	line-height: 120%;
	color: #000000;
}
.basketTotalBlock {
	padding: 15px 27px 8px;
	display: flex;
	justify-content: flex-end;
}
.backetBottomBlock {
	padding: 8px 27px 0;
}
.basketTotal {
	margin-right: 13px;
}
.basketTotalPrice {
	font-weight: 500;
	font-size: 19px;
	color: #0E1339;
}
.backetBottomBlock {
	display: flex;
	justify-content: flex-end;
}
.basketLinkButton {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	background: #0E1339;
    color: #fff;
    border: 1px solid transparent;
	border-radius: 0;
	padding: 10px 20px;
}
.basketLinkButton:hover {
	background: #fff;
    color: #000;
    border-color: #0E1339;
}
/* End */


/* Start:/local/templates/stroydvor/template_styles.css?166480623614372*/
.compare-icon {
    width: 23px;
    height: 21px;
    background: url(/local/templates/stroydvor/images/compare-head.svg) no-repeat scroll;
        background-size: auto;
    position: relative;
    background-size: 100%;
}
.top-user-favorite {
    margin-left: 30px;
}
.compare-name {
    font-size: 14px;
    padding-left: 7px;
    padding-top: 3px;
}
.compare-count {
    position: absolute;
    top: -7px;
    right: -6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #081439;
}

.advantages-item {
	position:relative;	
}

.advantages-item:before {
	content:'';
	position:absolute;
	top:16px;
	left:24px;
	width:64px;
	height:36px;
	background:url(/local/templates/stroydvor/images/pr1.png) 0 0 no-repeat;
}


.advantages-item-1:before {
	background:url(/local/templates/stroydvor/images/pr1.png) 0 0 no-repeat;
}
.advantages-item-2:before {
	background:url(/local/templates/stroydvor/images/pr2.png) 0 0 no-repeat;
}
.advantages-item-3:before {
	background:url(/local/templates/stroydvor/images/pr3.png) 0 0 no-repeat;
}
.advantages-inner-item {
    padding: 0 90px;
}

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

.arrow_slide {
	width:32px;
	height:32px;
	border: 1px solid #ECECEC;
	cursor:pointer;	
	display:inline-block;
	margin:0px 5px;
}

.arrow_left {
	background:url(/local/templates/stroydvor/images/arrow_left.png) center center no-repeat;	
}

.arrow_right {
	background:url(/local/templates/stroydvor/images/arrow_right.png) center center no-repeat;	
}

.arrow_slide:hover {
	box-shadow: 0px 3px 6px #00000029;
}

/*
	Кастомизируем цвета в ЛК
*/
.sale-order-list-title-container{
	background: rgba(255,192,0, .5);
}
.sale-order-list-button{
	background: #FFC000;
}
.sale-order-detail-general-head{
	background: #FFC000;
}
.sale-order-detail-about-order-inner-container-repeat-button{
	background: #FFC000;
}
.sale-order-detail-general {
    border: 1px solid #FFC000;
}
.btn.sale-account-pay-button{
	background: #FFC000;
}
/*****************************/
.owl-nav{
	text-align: center;
	margin-top:20px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	width: 32px;
height: 32px;
border: 1px solid #ECECEC;
cursor: pointer;
display: inline-block;
margin: 0px 5px;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{
	box-shadow: 0px 3px 6px #00000029;
}
.owl-carousel .owl-nav button.owl-next{
	background: url(/local/templates/stroydvor/images/arrow_right.png) center center no-repeat;
}
.owl-carousel .owl-nav button.owl-prev{
	background: url(/local/templates/stroydvor/images/arrow_left.png) center center no-repeat;
}
.collers-available a{
	display: flex;
}
.collers-available-icon{
width: 35px;
height: 35px;
background-image: url(/local/templates/stroydvor/images/kolirovka.svg);
margin-right: 5px;
background-repeat: no-repeat;
background-position: 10px 10px;
}
.filters-parametr-string{
	margin-bottom: 15px;
}
/* .filters-parametr-string > div{
	border: 1px solid #dedede;
	display: inline-block;
padding: 1px 5px;
margin: 0 10px 0 0;
} */
.account * {
	box-sizing: border-box;
}

.account {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
}
.account a {
	text-decoration: none;
}
.account-sidebar {
	flex: 0 0 33%;
	
}
.account-list {
	list-style-type: none;
	
}
.account-item {
	margin-bottom: 20px;
	border-top: 1px solid #ECECEC;
	padding-top: 15px;
}
.account-item:first-child {
	padding-top: 0;
	border-top: none;
}
.account-link {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 16px;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	transition: all .3s;
}

.account-link .back-arrow {
	position: static;
	margin-left: auto;
	transition: all .3s;
}

.account-link.active {
	margin-bottom: 20px;
}

.account-link.active .back-arrow {
	transform: rotate(180deg);
}

.account-dropdown {
	padding-left: 30px;
	transition: all .3s;
	overflow: hidden;
	max-height: 0;
}
.account-link.active + .account-dropdown {
	max-height: 9999px;
}
.account-dropdown-item {
	margin-bottom: 15px;
}
.account-dropdown-link {
	font-size: 16px;
	transition: all .3s;
}
.account-dropdown-link:hover {
	color: #FFC000;
}
.account-dropdown-link.current {
	color: #FFC000;
	font-weight: bold;
}

.account-content {
	padding-left: 30px;
	flex: 1;
}
.account-text a {
	text-decoration: underline;
}
.account-text h3 {
	margin-bottom: 15px;
}

.account-form-inline {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.account-form-inline .form-item {
	padding-right: 30px;
	flex: 0 0 400px;
	max-width: 400px;
}
.account-form-inline .form-button {
	flex: 0 0 400px;
	max-width: 400px;
	padding-right: 30px;
}

.form {
	
}
.form-item {
	margin-bottom: 20px;
	max-width: 375px;
}
.form-button {
	margin-top: 30px;
	max-width: 375px;
}
.form-label {
	color: #081439;
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
}

.form-item input, .form-item select {
	border: 1px solid #ECECEC;
	height: 50px;
	font: normal 14px/17px Roboto;
	width: 100%;
	padding: 10px;
	display: block;
}

.btn-form {
	background-color: #FFC000;
	font: Bold 18px/22px Roboto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	height: 50px;
	cursor: pointer;
	width: 100%;
	color: #fff;
}

/*                checkbox*/

.checkbox-styled {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
}

.checkbox-styled input {
	display: none;
}

.checkbox-styled-input {
	width: 14px;
	height: 14px;
	border: 1px solid #CECECE;
	transition: all .3s;
	display: block;
	margin-right: 10px;
	position: relative;
}

.checkbox-styled-input:before {
	content: '';
	width: 8px;
	height: 4px;
	border-left: 1px solid #FFC000;
	border-bottom: 1px solid #FFC000;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	left: 2px;
	top: 3px;
	transition: all .3s;
	opacity: 0;
}

.checkbox-styled-text {
	color: #0A0A0A;
	transition: all .3s;
}

.checkbox-styled input:checked ~ .checkbox-styled-input {
	border-color: #FFC000;
}

.checkbox-styled input:checked ~ .checkbox-styled-input:before {
	opacity: 1;
}

.checkbox-styled input:checked ~ .checkbox-styled-text {
	color: #FFC000;
}


/*                filter selected*/

.filter-selected {
	height: 37px;
	padding: 0 15px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
	border: 1px solid #ECECEC;
	margin-right: 10px;
	margin-bottom: 10px;
}

.filter-selected-text {
	color: #0A0A0A;
	font-size: 14px;
	padding-right: 10px;
}
.filter-selected-button {
	width: 10px;
	height: 10px;
	position: relative;
	cursor: pointer;
}
.filter-selected-button:after, .filter-selected-button:before {
	content: '';
	width: 125%;
	height: 1px;
	background-color: #444;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.filter-selected-button:after {
	transform: rotate(45deg);
}

.filter-selected-button:before {
	transform: rotate(-45deg);
}

.filter-remove {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #FB1515;
	text-transform: uppercase;
}

.product-item-price-current span{
	font-size: 16px;
}
@media (max-width: 980px) {
	.account {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.account-sidebar {
		flex: 0 0 100%;
	}
}

.bx_profile input[type="text"],.bx_profile [type="password"]{
	border: 1px solid #ECECEC;
	height: 50px;
	font: normal 14px/17px Roboto;
	width: 100%;
	padding: 10px;
	display: block;
}
.news-item-head h3 a{
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}
.news-item-text{
	font-size: 15px;
line-height: 20px;
color: #0A0A0A;
margin-bottom: 15px;
}
.news-item-date {
    font-size: 16px;
    color: #0A0A0A;
}
.bx-blue .btn.btn-default, .bx-green .btn.btn-default{
	    background: #FFC000;
	    border-color: #FFC000;
}
.stock-value{
	padding: 10px 25px;
	background-color: #ff0000;
	color: #fff;
	position: absolute;
	font-weight: 700;

margin-top: 40px;
right: 15px;
}
.main-catalog-item-inner{
	position: relative;
}
.product-item-label-custom{
	position: absolute;
	z-index: 100;
}
.product-item-label-custom > div{
	text-transform: uppercase;
	font-size: 12px;
font-weight: 600;
padding: 2px 10px;
text-align: center;
margin-bottom:5px;
display: inline-block;
}

.product-item-label-custom .p-i-l-c-aktsiya{
	background-color: #fb1515;
	color: #fff;
}
.product-item-label-custom .p-i-l-c-khit-prodazh{
	background-color: #0d35d2;
	color: #fff;
}
.product-item-label-custom .p-i-l-c-novinki{
	background-color: #ffe81c;
	color: #000;
}
.collers-available{
	display:flex;
}

.collers-input input{
	width: 280px;
	    padding: 0 15px;
	border: 1px solid #ECECEC;
	height: 35px;
	font-size: 14px;
}
.bx-soa-cart-descrur{
	width: 100%;
	display: none;
	text-align: right;
}
#bx-soa-total.bx-s-c-d-active .bx-soa-cart-descrur{
	display: inline-block;
}
#bx-soa-commentBlock{
	display: inline-block;
    width: 100%;
}
.delivery-description-block{
	color: #111;
	font-size: 11px;
}
.bx-soa-pp-item-container .delivery-items-container{
	display: flex;
}

.white-description-block .product-item-detail-tab-content.preview-text-prod {
	-webkit-column-count: unset;
	-moz-column-count: unset;
	column-count: unset;
}

.dl-4{
	list-style-type: disc!important;
}


.catalog-section-list > ul > li {
	margin-bottom: 20px;
}

.catalog-section-list ul ul {
	margin-left: 40px;
	margin-bottom: 6px;
}
.catalog-section-list > ul > li {
	margin-bottom: 20px;
}

.favorites-sec .product-item-button-container .btn {
	width: 100%;
}

.contacts-page .feedback-form {
	margin-bottom: 50px;
}

.favorites-sec .fv-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.modal-dialog .list-group .list-group-item.active {
	background-color: #0E1339;
	border-color: #0E1339;
}
.modal-dialog .modal-footer .btn.btn-primary {
	background-color: #0E1339;
	border-color: #0E1339;
}
.modal-dialog .modal-footer .btn.btn-primary:hover {
	background-color: #fff;
	color: #0E1339;
}

.brands .brand-description-container {
	height: auto;
	margin-bottom: 50px;
}
.brands .brand-description-container .image-block {
	height: auto;
}
.brands .brand-description-container .description-block {
	padding-left: 50px;
}
.description-block {
	width: calc(100% - 285px);
}
@media (max-width: 991px) {
	.brands .brand-description-container .description-block {
		padding-left: 30px;
	}
}
@media (max-width: 768px) {
	.brands .brand-description-container .description-block {
		padding-left: 0;
	}
	.description-block {
		width: 100%;
	}
}


.top-top-nav-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.top-top-nav-wrapper .topline-wrap {
	display: flex;
	align-items: center;
}

.buy-line-custom > .product-buy-button-container {
	display: flex;
	flex-wrap: wrap;
}


.inner-content-custom .product-item-container-inner .product-item .btn {
	border-color: #fff;
}

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
	outline-color: #0E1339;
}

.collers-available a {
	background-color: #0E1339;
}

.buy-line-custom .product-item-amount-field-container {
	justify-content: space-between;
}

.bx-authform .btn-primary {
	background: #0E1339 !important;
    color: #fff;
    border: 1px solid #0E1339 !important;
}

.bx-authform .btn-primary:hover {
	background: #fff !important;
    color: #000;
    border: 1px solid #0E1339 !important;
}

.btn.sale-account-pay-button {
	background: #0E1339;
    color: #fff;
    border: 1px solid #0E1339;
}

.btn.sale-account-pay-button:hover {
	background: #fff;
    color: #000;
    border: 1px solid #0E1339;
}

@media (max-width: 980px) {
	.top-top-nav-wrapper .topline-wrap {
		width: 100%;
		justify-content: space-between;
	}
	.top-top-nav-wrapper .topline-wrap .left {
		display: flex;
		align-items: center;
	}
	.top-top-nav-wrapper .top-top-nav {
		width: 100%;
		margin-bottom: 10px;
	}
	#bx-soa-orderSave .checkbox + a.d-none {
		display: none;
	}
	.bx_pagination_bottom {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.bx_pagination_bottom .ajax-pager-container {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		display: flex;
	}

	.sale-acountpay-block.form-horizontal .sale-acountpay-title + div {
		max-width: 100% !important;
	}
	.sale-acountpay-block.form-horizontal .sale-acountpay-title + div .form-group {
		display: flex;
		align-items: center;
	}
}

@media (max-width: 620px) {
	.product-item-container-inner {
		float: none;
		margin: 0 auto;
	}
	.sale-personal-section-row-flex > div {
		width: 50%;
	}
}

@media (max-width: 580px) {
	.delivery-items-container {
		flex-wrap: wrap;
	}
	.delivery-items-container .bx-soa-pp-company {
		width: 100%;
		margin-bottom: 20px;
	}

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

	.buy-line-custom > .product-buy-button-container > div {
		width: 100%;
	}
}


@media (max-width: 480px) {
	.total-block-count .product-item-detail-price-current {
		font-size: 22px !important;
	}
	.total-block-count .count-product {
		margin-left: 15px;
	}
	.props-sale-block-description {
		padding: 0;
	}

	.props-sale-block-description > p.delivery-info-button {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.props-sale-block-description > p.delivery-selfish-button {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.props-sale-block-description > p.delivery-selfish-button .props-sale-popup-open {
		display: flex;
		align-items: center;
	}

	.props-sale-block-description .delivery-info-button > span {
		margin-left: auto;
		font-size: 13px;
	}

	.props-sale-block-description .delivery-selfish-button > span {
		margin-left: auto;
		font-size: 13px;
	}
	.product-item-detail-properties-custom dd {
		text-align: right;
		max-width: 35%;
	}
}


@media (max-width: 414px) {
	.product-item-detail-properties-custom dd {
		max-width: 50%;
	}
}


/* End */
/* /local/templates/stroydvor/css/bootstrap.css?166480623646599 */
/* /local/templates/stroydvor/css/animate.css?166480623669727 */
/* /local/templates/stroydvor/css/owl.carousel.min.css?16648062363351 */
/* /local/templates/stroydvor/css/style.css?167829043575216 */
/* /local/templates/stroydvor/css/style_new.css?167852797644366 */
/* /local/templates/stroydvor/css/new-home.css?1666856090310 */
/* /local/templates/stroydvor/components/bitrix/search.title/template_top_search_mobile_new/style.css?16667735252108 */
/* /local/templates/stroydvor/components/bitrix/menu/template_top_mobile_new/style.css?1666773383791 */
/* /local/templates/stroydvor/components/bitrix/menu/template_top_top_new/style.css?1666773384794 */
/* /local/templates/stroydvor/components/bitrix/search.title/template_top_search_new/style.css?16667735262108 */
/* /local/templates/stroydvor/components/bitrix/catalog.compare.list/cust_new/style.css?16667735891265 */
/* /local/templates/stroydvor/components/bitrix/sale.basket.basket.line/template_top_basket_new/style.css?16667744377990 */
/* /local/templates/stroydvor/components/bitrix/menu/template_footer_menu_catalog/style.css?1664806236581 */
/* /local/templates/stroydvor/components/bitrix/menu/template_footer_menu/style.css?166480623619 */
/* /local/templates/stroydvor/components/bitrix/sale.basket.basket.line/template_top_basket_footer_new/style.css?16691920597990 */
/* /local/templates/stroydvor/template_styles.css?166480623614372 */