@-webkit-keyframes submenu-show {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0;
        border-color: transparent
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        border-color: rgba(112,112,112,.5)
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Italic.eot);
    src: url(../../fonts/Montserrat-Italic.eot?#iefix) format('embedded-opentype'),url(../../fonts/Montserrat-Italic.woff2) format('woff2'),url(../../fonts/Montserrat-Italic.woff) format('woff'),url(../../fonts/Montserrat-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Regular.eot);
    src: url(../../fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/Montserrat-Regular.woff2) format('woff2'),url(../../fonts/Montserrat-Regular.woff) format('woff'),url(../../fonts/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Bold.eot);
    src: url(../../fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/Montserrat-Bold.woff2) format('woff2'),url(../../fonts/Montserrat-Bold.woff) format('woff'),url(../../fonts/Montserrat-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Medium.eot);
    src: url(../../fonts/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),url(../../fonts/Montserrat-Medium.woff2) format('woff2'),url(../../fonts/Montserrat-Medium.woff) format('woff'),url(../../fonts/Montserrat-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-SemiBold.eot);
    src: url(../../fonts/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'),url(../../fonts/Montserrat-SemiBold.woff2) format('woff2'),url(../../fonts/Montserrat-SemiBold.woff) format('woff'),url(../../fonts/Montserrat-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 10px;
}

*,::after,::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-locale: auto;
}
a {
    color: #0066b2;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #00529b;
    text-decoration: underline;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}
@-ms-viewport {
    width: device-width
}

dialog,footer,header,nav {
    display: block
}

body {
    margin: 0;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    overflow-x: hidden
}

[tabindex="-1"]:focus {
    outline: 0!important
}

img,svg {
    vertical-align: middle
}

img {
    border-style: none
}

svg {
    overflow: hidden
}

[role=button],a,area,button,input,label,select,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
    font-size: 1.4rem
}

@media (min-width: 768px) {
    label {
        font-size:1.6rem
    }
}

@media (min-width: 1200px) {
    label {
        font-size:1.4rem
    }
}

@media (min-width: 1550px) {
    label {
        font-size:1.6rem
    }
}

button {
    border-radius: 0
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: 0;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    line-height: 1.2;
    color: inherit
}

.h4,.h5,.h6,h4,h5,h6 {
    font-weight: 600
}

.h1,.h2,.h3,h1,h2,h3 {
    font-size: 2.6rem;
    font-weight: 500
}

.h2,.h3,h2,h3 {
    font-weight: 700
}

.h3,h3 {
    font-size: 1.6rem
}

@media (min-width: 768px) {
    .h3,h3 {
        font-size:1.8rem
    }
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.6rem
    }
}

@media (min-width: 1550px) {
    .h3,h3 {
        font-size:1.8rem
    }
}

.h4,.h5,h4,h5 {
    font-size: 1.8rem
}

.h6,h6 {
    font-size: 1.6rem
}

.small,small {
    font-size: 80%;
    font-weight: 400
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.img-fluid {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,.col-12,.col-6,.col-md-4,.col-md-6,.col-sm-12,.col-xl-3,.col-xl-4,.col-xl-6,.col-xl-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-12,.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {
    .col-sm-12 {
        -ms-flex:0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-md-4,.col-md-6 {
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .col-xl-3,.col-xl-4 {
        -ms-flex:0 0 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-6,.col-xl-8 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

.order-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13
}

@media (min-width: 768px) {
    .order-md-0 {
        -ms-flex-order:0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }
}

@media (min-width: 1200px) {
    .order-xl-0 {
        -ms-flex-order:0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #202427;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .5rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

@media (min-width: 1550px) {
    .form-control {
        padding:1.2rem 2rem
    }
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #202427;
    background-color: #fff;
    border-color: #707070;
    outline: 0;
    font-size: 1.6rem
}

.form-control::-webkit-input-placeholder {
    color: rgba(32,36,39,.5);
    opacity: 1
}

.form-control::-moz-placeholder {
    color: rgba(32,36,39,.5);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: rgba(32,36,39,.5);
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: rgba(32,36,39,.5);
    opacity: 1
}

.form-control::placeholder {
    color: rgba(32,36,39,.5);
    opacity: 1
}

.form-group {
    margin-bottom: 2rem;
    position: relative
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-control.is-valid {
    border-color: #28b352!important
}

.form-control.is-valid:focus {
    border-color: #28b352!important;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25);
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1.15rem 2rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: .5rem;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

@media (min-width: 1550px) {
    .btn {
        padding:1.4rem 2rem;
        font-size: 1.6rem
    }
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    cursor: not-allowed
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #00ADEF;
    border-color: #00ADEF
}

.btn-primary.focus,.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .4rem rgba(239,34,59,.25);
    box-shadow: 0 0 0 .4rem rgba(239,34,59,.25)
}

a.btn-primary:hover {
    color: #fff
}

.btn-primary.disabled,.btn-primary:disabled {
    color: rgba(0,0,0,.4);
    background-color: #d2d2d2;
    border-color: #d2d2d2
}

.btn-secondary,.btn-secondary:hover {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

.btn-secondary.focus,.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary {
    color: #1f1f1f;
    background-color: transparent;
    background-image: none;
    border-color: #1f1f1f
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #1f1f1f;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-light {
    color: #f8f7f9;
    background-color: transparent;
    background-image: none;
    border-color: #f8f7f9
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f7f9;
    border-color: #f8f7f9
}

.btn-outline-light.focus,.btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

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

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f7f9;
    border-color: #f8f7f9
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.input-group-append .btn {
    position: relative;
    z-index: 1
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #1f1f1f
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .3rem rgba(31,31,31,.25);
    box-shadow: 0 0 0 1px #fff,0 0 0 .3rem rgba(31,31,31,.25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    padding-left: 3rem
}

.custom-control-label::after,.custom-control-label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1.9rem;
    height: 1.9rem;
    content: ""
}

.custom-control-label::before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #202427
}

.custom-control-label::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .5rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #1f1f1f
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.442' height='8.341' viewBox='0 0 9.442 8.341'%3E%3Cg id='check-mark' transform='translate(-0.001 -20.566)'%3E%3Cpath id='Path_381' data-name='Path 381' d='M9.03,20.63c-.426-.229-.9.213-1.18.475-.639.623-1.18,1.344-1.786,2-.672.721-1.295,1.442-1.983,2.147A5.912,5.912,0,0,0,3,26.562a21.51,21.51,0,0,0-1.753-1.7C.771,24.5-.016,24.235,0,25.1a5.555,5.555,0,0,0,1.77,3.114,1.872,1.872,0,0,0,1.2.688c.574.033,1.163-.655,1.508-1.032.606-.655,1.1-1.393,1.655-2.065.721-.885,1.458-1.753,2.163-2.655C8.735,22.6,10.128,21.22,9.03,20.63ZM.722,25.038a.124.124,0,0,0-.066.016.8.8,0,0,1-.18-.066h0Q.55,24.94.722,25.038Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #1f1f1f
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-control-label::before {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-control-label::before {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #1f1f1f;
    font-weight: 500;
    /*letter-spacing: .5px*/
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none;
    color: #1f1f1f
}

.nav-link.disabled {
    color: #1f1f1f
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.navbar,.navbar>.container,.navbar>.container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .navbar>.container,.navbar>.container-fluid {
        padding-left:1rem;
        padding-right: 1rem
    }
}

.navbar-brand {
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

@media (min-width: 768px) {
    .navbar-brand {
        margin-right:1rem
    }
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .5rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox!important;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .5rem
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.media {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.close {
    float: right;
    font-size: 4rem;
    font-weight: 400;
    line-height: 2rem;
    color: #000;
    opacity: .3;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    text-decoration: none;
    color: #00ADEF;
    opacity: 1
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal,.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

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

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog-centered,.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

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

.modal-dialog-scrollable .modal-content {
    max-height: -webkit-calc(100vh - 1rem);
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

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

.modal-dialog-centered {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: -webkit-calc(100% - (.5rem*2));
    min-height: calc(100% - (.5rem*2))
}

.modal-dialog-centered:before {
    display: block;
    height: -webkit-calc(100vh - (.5rem*2));
    height: calc(100vh - (.5rem*2));
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-content,.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    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;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

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

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

.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 {
        max-height: -webkit-calc(100% - 3.5rem);
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: -webkit-calc(100vh - 3.5rem);
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: -webkit-calc(100% - (1.75rem*2));
        min-height: calc(100% - (1.75rem*2))
    }

    .modal-dialog-centered::before {
        height: -webkit-calc(100vh - (1.75rem*2));
        height: calc(100vh - (1.75rem*2));
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
}

.bg-white {
    background-color: #fff!important
}

.border {
    border: 1px solid rgba(112,112,112,.18)!important
}

.border-top {
    border-top: 1px solid rgba(112,112,112,.18)!important
}

.border-0 {
    border: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.rounded-circle {
    border-radius: 50%!important
}

.d-none {
    display: none!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-flex {
        display: -ms-flexbox!important;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-flex {
        display: -ms-flexbox!important;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important
    }
}

.flex-column {
    -ms-flex-direction: column!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    flex-direction: column!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    -webkit-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    -webkit-box-flex: 0!important;
    -webkit-flex-grow: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    -webkit-box-flex: 1!important;
    -webkit-flex-grow: 1!important;
    flex-grow: 1!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    justify-content: space-between!important
}

.align-items-end {
    -ms-flex-align: end!important;
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    align-items: center!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    -webkit-box-align: stretch!important;
    -webkit-align-items: stretch!important;
    align-items: stretch!important
}

@media (min-width: 768px) {
    .flex-md-wrap {
        -ms-flex-wrap:wrap!important;
        -webkit-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        -webkit-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .justify-content-md-start {
        -ms-flex-pack: start!important;
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -ms-flex-pack: end!important;
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        justify-content: flex-end!important
    }

    .align-items-md-center {
        -ms-flex-align: center!important;
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        align-items: center!important
    }
}

@media (min-width: 1200px) {
    .justify-content-xl-start {
        -ms-flex-pack:start!important;
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        justify-content: flex-start!important
    }

    .align-items-xl-start {
        -ms-flex-align: start!important;
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        align-items: flex-start!important
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}


@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.w-50 {
    width: 50%!important
}

.w-100 {
    width: 100%!important
}

.h-100 {
    height: 100%!important
}

.mr-0 {
    margin-right: 0!important
}

.mx-2 {
    margin-right: .5rem!important
}

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

.mx-2 {
    margin-left: .5rem!important
}

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

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

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

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

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

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

.ml-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.px-4 {
    padding-left: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.px-5 {
    padding-right: 3rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mr-auto {
    margin-right: auto!important
}

.ml-auto {
    margin-left: auto!important
}

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top:0!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

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

    .mr-md-3 {
        margin-right: 1rem!important
    }

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

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

    .mr-md-4 {
        margin-right: 1.5rem!important
    }

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

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

    .mx-md-5 {
        margin-right: 3rem!important
    }

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

    .mx-md-5 {
        margin-left: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }
}

@media (min-width: 992px) {
    .pl-lg-2 {
        padding-left:.5rem!important
    }

    .pr-lg-3 {
        padding-right: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

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

    .mr-xl-4 {
        margin-right: 1.5rem!important
    }

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

    .ml-xl-5 {
        margin-left: 3rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }
}

.text-nowrap {
    white-space: nowrap!important
}

.text-wrap {
    white-space: normal!important
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }
}

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

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-medium {
    font-weight: 500!important
}

.font-weight-bold {
    font-weight: 700!important
}

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

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    pre {
        white-space: pre-wrap!important;
        border: 1px solid #adb5bd
    }

    thead {
        display: table-header-group
    }

    img,pre,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container,body {
        min-width: 992px!important
    }

    .navbar {
        display: none
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }
}

.main-block {
    min-height: -webkit-calc(100vh - 10rem);
    min-height: calc(100vh - 10rem);
    overflow-x: hidden !important;
}

@media (min-width: 768px) {
    .main-block {
        min-height:-webkit-calc(100vh - 10.5rem);
        min-height: calc(100vh - 10.5rem)
    }
}

@media (min-width: 1200px) {
    .main-block {
        min-height:-webkit-calc(100vh - 5.4rem);
        min-height: calc(100vh - 5.4rem)
    }
}

@media (min-width: 1550px) {
    .main-block {
        min-height:-webkit-calc(100vh - 7.2rem);
        min-height: calc(100vh - 7.2rem)
    }
}

.main-block.spinner {
    z-index: 9999
}

.item-del {
    font-size: 2.5rem;
    font-weight: 500;
    cursor: pointer;
    width: 3rem;
    min-width: 3rem;
    line-height: 3rem;
    text-align: center;
    position: absolute;
    color: #00ADEF;
    right: 0;
    top: 0
}

@media (min-width: 768px) {
    .item-del {
        position:static;
        color: rgba(112,112,112,.25);
        margin-right: 1rem
    }
}

.item-del:hover,.popup-header .close:hover {
    color: #00ADEF
}

.transition-all {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}


.with-backdrop {
    -webkit-box-shadow: 0 0 0 9999px rgba(0,0,0,.3);
    box-shadow: 0 0 0 9999px rgba(0,0,0,.3);
    background-color: #fff
}

.popup-header {
    background-color: #f4f4f4;
    font-weight: 500;
    font-size: 1.6rem
}

@media (min-width: 768px) {
    .popup-header {
        font-size:1.8rem
    }
}

.custom-scroll {
    overflow-y: auto
}

.custom-scroll::-webkit-scrollbar {
    width: .5rem
}

.custom-scroll::-webkit-scrollbar-track {
    background: #d2d2d2;
    border-radius: .3rem
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #1f1f1f;
    border-radius: .3rem;
    -webkit-box-shadow: 0 3px 1px rgba(0,0,0,.161);
    box-shadow: 0 3px 1px rgba(0,0,0,.161)
}

.is-invalid~.input-group-append,.is-valid~.input-group-append {
    z-index: 3
}

.is-invalid~.input-group-append .btn {
    border-color: #00ADEF
}

.is-valid~.input-group-append .btn {
    border-color: #28b352
}

select.form-control {
    height: 5rem;
    line-height: 2.4rem
}

@media (min-width: 768px) {
    select.form-control {
        height:5.3rem;
        line-height: 2.7rem
    }
}

.hide-pass,.show-pass {
    position: absolute;
    right: 1rem;
    bottom: 1.25rem;
    z-index: 1
}

@media (min-width: 1550px) {
    .hide-pass,.show-pass {
        bottom:1.5rem
    }
}

.pass-input {
    padding-right: 4.5rem
}

.slick-slider {
    overflow-x: hidden
}

select.form-control {
    background-image: -o-linear-gradient(45deg,transparent 50%,gray 50%),-o-linear-gradient(315deg,gray 50%,transparent 50%),-o-linear-gradient(left,#ccc,#ccc);
    background-image: linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);
    background-position: -webkit-calc(100% - 1.5rem) -webkit-calc(2rem + 3px),-webkit-calc(100% - 1rem) -webkit-calc(2rem + 3px),-webkit-calc(100% - 3rem) 1rem;
    background-position: calc(100% - 1.5rem) calc(2rem + 3px),calc(100% - 1rem) calc(2rem + 3px),calc(100% - 3rem) 1rem;
    background-size: 5px 5px,5px 5px,1px 3rem;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3rem
}

.btn.add-blur,.spinner,.toast-parent.add-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.spinner {
    position: relative
}

.spinner:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    margin-top: -3rem;
    margin-left: -3rem;
    background-color: rgba(51,51,51,.65);
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out
}

body.spinner:after,body.spinner:before {
    position: fixed;
    z-index: 10
}

.form-login {
    background-color: #fff
}

.form-login label,.form-register label {
    font-weight: 400;
    color: rgba(31,31,31,.9)
}

.form-login .btn {
    font-weight: 500
}

.board a,.form-login small {
    text-decoration: underline
}

.form-register .register-btns .btn {
    background-color: #fff;
    color: #202427;
    border: 1px solid #202427
}

.form-register .register-btns .btn.active {
    background-color: #202427;
    color: #fff
}

.sign-forms.modal-dialog {
    max-width: 47rem
}

#nav-personal-tab {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#nav-company-tab {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.register-header {
    font-size: 1.8rem;
    font-weight: 500
}

@media (min-width: 1550px) {
    .register-header {
        font-size:2rem
    }
}

.form-check-sm {
    font-size: 1.2rem;
    color: #1f1f1f
}

.board {
    color: #fff;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

@media (min-width: 768px) {
    .board {
        height:50vh;
        padding-top: 0;
        padding-bottom: 0
    }
}

.board a {
    font-size: 1.4rem;
    color: #fff
}

@media (min-width: 1550px) {
    .board a {
        font-size:1.6rem
    }
}

.board .btn {
    color: #fff;
    background-color: #d03c4e;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.board .btn span:first-child {
    display: none!important
}

@media (min-width: 768px) {
    .board .btn span:first-child {
        display:inline!important
    }
}

.board .btn span:last-child {
    display: inline!important
}

@media (min-width: 768px) {
    .board .btn span:last-child {
        display:none!important
    }

    .board .btn {
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 576px) {
    .board-form {
        max-width:48rem
    }
}

@media (min-width: 1200px) {
    .board-form {
        max-width:65rem
    }
}

.brands {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.brands .row {
    margin-left: -.2rem;
    margin-right: -.2rem
}

@media (min-width: 768px) {
    .brands .row {
        margin-left:-.5rem;
        margin-right: -.5rem
    }
}

@media (max-width: 1549px) {
    .brands h2 {
        font-size:2.2rem
    }
}

@media (max-width: 767px) {
    .brands h2 {
        font-size:1.8rem
    }
}

.all-brands-btn {
    border-color: rgba(31,31,31,.3)
}

.all-brands-btn:active,.all-brands-btn:hover {
    border-color: rgba(31,31,31,.6)!important;
    background-color: rgba(232,232,232,.3)!important;
    color: #1f1f1f!important
}

@media (min-width: 768px) {
    .all-brands-btn {
        width:33.33%
    }
}

@media (min-width: 1200px) {
    .all-brands-btn {
        width:20%
    }
}

.brand-item-lnk {
    padding: 1.65rem 1rem;
    font-size: 1.4rem;
    background-color: #f7f7f7;
    letter-spacing: .23px;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.15;
    text-decoration: none
}

@media (min-width: 768px) {
    .brand-item-lnk {
        padding-top:2rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .brand-item-lnk {
        padding-left:3.5rem;
        padding-right: 3.5rem;
        font-size: 1.3rem
    }
}

@media (min-width: 1550px) {
    .brand-item-lnk {
        font-size:1.6rem;
        padding-left: 5.5rem;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (min-width: 1838px) {
    .brand-item-lnk {
        padding-left:-webkit-calc((100vw - 1720px)/2);
        padding-left: calc((100vw - 1720px)/2)
    }
}

@media (min-width: 1921px) {
    .brand-item-lnk {
        padding-left:10rem
    }
}

.brand-item-lnk:hover {
    background-color: #f1f1f1;
    color: #1f1f1f;
    text-decoration: none
}

@media (min-width: 992px) {
    .brand-item-lnk:hover .brand-item-arrow {
        right:4rem;
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .brand-item-lnk:hover .brand-item-arrow {
        right:3rem
    }
}

@media (min-width: 1550px) {
    .brand-item-lnk:hover .brand-item-arrow {
        right:4rem
    }
}

.brand-item-arrow {
    position: absolute;
    right: 8rem;
    opacity: 0;
    top: 50%;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    -ms-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

.advantages-wrap {
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.advantages>.row {
    margin-left: -4px;
    margin-right: -4px
}

@media (max-width: 767px) {
    .advantages img {
        width:100%
    }
}

@media (max-width: 400px) {
    .advantages img {
        height:19rem;
        width: auto;
        max-width: none
    }
}

.advantage-item {
    border: 2px solid #fff;
    position: relative
}

.advantage-item:hover .advantage-img:before {
    background-color: rgba(23,23,23,.4)
}

.advantage-data {
    position: absolute;
    overflow: hidden;
    top: 4rem;
    bottom: 3rem;
    left: 1.5rem;
    color: #fff;
    z-index: 1;
    font-size: 1.4rem
}

@media (max-width: 575px) {
    .advantage-data {
        width:25rem
    }

    .advantage-data br {
        display: none
    }
}

@media (min-width: 576px) {
    .advantage-data {
        top:6rem;
        left: 6rem;
        right: 6rem;
        bottom: 6rem
    }
}

@media (min-width: 768px) {
    .advantage-data {
        top:3rem;
        left: 3rem;
        right: 3rem;
        bottom: 3rem
    }
}

@media (min-width: 992px) {
    .advantage-data {
        top:5rem;
        bottom: 5rem;
        left: 5rem;
        right: 5rem
    }
}

@media (min-width: 1200px) {
    .advantage-data {
        bottom:3rem;
        left: 3.5rem;
        right: 3.5rem
    }
}

@media (min-width: 1550px) {
    .advantage-data {
        font-size:1.6rem;
        top: 6rem;
        bottom: 5rem;
        left: 5.5rem;
        right: 5.5rem
    }
}

@media (min-width: 1820px) {
    .advantage-data {
        left:-webkit-calc((100vw - 1720px)/2);
        left: calc((100vw - 1720px)/2)
    }
}

@media (min-width: 1921px) {
    .advantage-data {
        left:10rem;
        right: 10rem
    }
}

.advantage-title {
    font-weight: 500;
    font-size: 1.8rem
}

@media (min-width: 768px) {
    .advantage-title {
        font-size:2rem
    }
}

@media (min-width: 1200px) {
    .advantage-title {
        font-size:1.6rem
    }
}

@media (min-width: 1550px) {
    .advantage-title {
        font-size:2.2rem
    }
}

.advantage-img {
    position: relative
}

@media (max-width: 400px) {
    .advantage-img {
        overflow:hidden
    }
}

.advantage-img:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(23,23,23,.86);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.advantages .slick-initialized .slick-slide {
    padding-left: 0;
    padding-right: 0
}

.advantages .slick-initialized .slick-slide:focus {
    outline: 0
}

.advantages .slick-list {
    width: 84%;
    overflow: visible
}

.find-banner {
    background-color: #000;
    color: #fff;
    padding-top: 5rem;
    padding-bottom: 5rem;
    z-index: 1;
    position: relative;
}

@media (min-width: 768px) {
    .find-banner {
        padding-top:6rem;
        padding-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .find-banner {
        padding-top:0;
        padding-bottom: 0
    }
}

.find-banner-txt {
    max-width: 23rem;
    font-size: 1.4rem;
    color: rgba(223,223,223,.7)
}

@media (min-width: 768px) {
    .find-banner-txt {
        max-width:36.5rem;
        color: #fff
    }
}

@media (min-width: 1200px) {
    .find-banner-txt {
        max-width:37.5rem
    }
}

@media (min-width: 1550px) {
    .find-banner-txt {
        font-size:1.6rem;
        max-width: 46.5rem;
        padding-left: 9rem
    }
}

.find-banner-title {
    font-size: 2rem;
    font-weight: 500
}

@media (min-width: 1200px) {
    .find-banner-title {
        font-size:2.2rem
    }
}

@media (min-width: 1550px) {
    .find-banner-title {
        padding-left:9rem;
        font-size: 2.2rem
    }
}

@media (max-width: 991px) {
    .find-banner-content {
        max-width:40rem;
        margin: 0 auto
    }
}

.parameter-title {
    color: #828282;
    font-weight: 500;
    font-size: 1rem
}

@media (min-width: 992px) {
    .parameter-title {
        font-size:1.4rem
    }
}

.add-to-cart-price {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 2.7rem;
    line-height: 1;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .add-to-cart-price {
        font-size:4rem;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .add-to-cart-price {
        font-size:3rem
    }
}

@media (min-width: 1550px) {
    .add-to-cart-price {
        font-size:4rem
    }
}

@media (max-width: 767px) {
    .add-to-cart-price>div:last-child {
        line-height:3rem
    }
}

.warehouse-name {
    width: 100%;
    min-width: 100%
}

@media (min-width: 1200px) {
    .warehouse-name {
        width:40%;
        min-width: 40%
    }
}

@media (min-width: 1400px) {
    .warehouse-name {
        width:27%;
        min-width: 27%
    }
}

.warehouse-api {
    color: #28b352;
    font-size: 1rem
}

.number-input {
    margin: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.copyright {
    color: #565f68;
    background-color: #f5f4f7;
    font-size: 1.2rem
}

@media (min-width: 1200px) {
    .copyright {
        font-size:1.4rem
    }
}

.copyright a {
    color: #565f68
}

.footer-intro {
    max-width: 55rem;
    margin: 0 auto;
    color: #202427;
    font-size: 1.4rem;
}

@media (min-width: 1200px) {
    .footer-intro {
        max-width:31rem;
        margin: 0;
        font-size: 1.2rem
    }
}

@media (min-width: 1550px) {
    .footer-intro {
        font-size:1.4rem
    }
}

.social-item {
    width: 3.8rem;
    height: 3.8rem;
    position: relative
}

.social-item svg:last-child {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.social-item:hover svg:last-child {
    z-index: 1;
    opacity: 1
}

.footer-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 3rem
}

@media (min-width: 768px) {
    .footer-title {
        margin-bottom:2.5rem;
        font-size: 1.6rem
    }
}

@media (min-width: 1200px) {
    .footer-title {
        font-weight:600
    }
}

@media (min-width: 1550px) {
    .footer-title {
        font-size:1.8rem
    }
}

.footer-additional .footer-title {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .footer-additional .footer-title {
        margin-bottom:.3rem
    }
}

@media (min-width: 1200px) {
    .footer-additional .footer-title {
        margin-bottom:0
    }
}

.footer-data {
    font-size: 1.4rem;
    text-align: center
}

@media (min-width: 768px) {
    .footer-data {
        text-align:left
    }
}

.footer-data a {
    color: rgba(31,31,31,.7);
    text-decoration: none
}

@media (min-width: 768px) {
    .footer-data a {
        font-size:1.4rem
    }
}

.footer-data:hover {
    color: #1f1f1f;
    text-decoration: none
}

.footer-additional-imgs {
    height: 4rem
}

.footer-additional-imgs img+img {
    margin-left: 1.5rem
}

.footer-logo,.footer-logo svg {
    width: 15.5rem;
    height: auto
}

@media (min-width: 768px) {
    .footer-logo,.footer-logo svg {
        width:18rem
    }
}

@media (min-width: 1550px) {
    .footer-logo,.footer-logo svg {
        width:23.8rem
    }
}

#ask-question {
    background-color: #fff
}

.ask-question {
    z-index: 2;
    max-width: 47.8rem;
    position: fixed;
    bottom: 0
}

@media (max-width: 500px) {
    .ask-question {
        max-width:-webkit-calc(100% - 30px);
        max-width: calc(100% - 30px)
    }
}

.ask-question>.btn {
    border-radius: 0;
    background-color: #d2d2d2;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.6rem;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 767px) {
    .ask-question>.btn {
        padding:1.15rem 1.75rem
    }

    .ask-question>.btn:not(.collapsed) {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }
}

@media (min-width: 1550px) {
    .ask-question>.btn {
        font-size:1.8rem
    }
}

.ask-question>.btn.collapsed {
    width: auto
}

@media (max-width: 767px) {
    .ask-question>.btn.collapsed {
        width:5.75rem
    }

    .ask-question>.btn.collapsed .ml-3 {
        display: none
    }
}

.ask-question>.btn.collapsed .close,.slick-slide.slick-loading img {
    display: none
}

@media (min-width: 768px) {
    .ask-question>.btn.collapsed {
        font-size:1rem;
        padding: 1rem 1.5rem
    }

    .ask-question>.btn.collapsed svg {
        width: 17px;
        height: 14px
    }
}

.ask-question-form {
    padding: 1.4rem 2.5rem;
    border: 1px solid #d2d2d2
}

.ask-question-form .form-control {
    font-size: 1.4rem
}

@media (max-width: 767px) {
    .ask-question-form .form-group {
        margin-bottom:1rem
    }

    .ask-question-form .form-control {
        padding: .5rem 2rem;
        max-height: 9rem
    }
}

@media (min-width: 768px) {
    .ask-question-form {
        padding:2rem 5rem 3rem
    }
}

.leave-question {
    color: #000
}

@media (max-width: 1199px) {
    .leave-question {
        font-size:1.4rem
    }
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #575757;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
    z-index: 11;
    color: #fff;
    font-size: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1550px) {
    .cookie-banner {
        padding-top:3rem;
        padding-bottom: 3rem;
        font-size: 1.4rem
    }
}

.cookie-banner a {
    color: #fff;
    text-decoration: underline
}


.btn-close-cookie {
    color: #fff;
    border-color: #fff;
    padding: .5rem 2rem
}
.search-btn-new {
    padding: 1.25rem 1.5rem;
}