* {
    margin: 0;
    padding: 0;
    ;
}

body {
    width: 100vw;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
label {
    font-family: 'Montserrat';
    text-decoration: none;
    letter-spacing: -0.5px;
    ;
}

h1 {
    font-size: var(--overBig-size);
    ;
}

h2 {
    font-size: var(--extraBig-size);
    ;
}

h3 {
    font-size: var(--big-size);
    ;
}

h4 {
    font-size: var(--middle-size);
    ;
}

a,
p {
    font-size: var(--small-size);
    ;
}

label {
    font-size: var(--extraSmall-size);
    ;
}

.d-none {
    display: none;
    ;
}

.d-flex {
    display: flex;
    ;
}

.d-flex-important {
    display: flex !important;
    ;
}

.d-block {
    display: block;
    ;
}

.d-none {
    display: none;
    ;
}

.flex-wrap {
    flex-wrap: wrap;
    ;
}

.flex-column {
    flex-direction: column;
    ;
}

.justify-content-start {
    display: flex;
    justify-content: start;
    ;
}

.justify-content-center {
    display: flex;
    justify-content: center;
    ;
}

.justify-content-between {
    display: flex;
    justify-content: space-between;
    ;
}

.justify-content-around {
    display: flex;
    justify-content: space-around;
    ;
}

.justify-content-end {
    display: flex;
    justify-content: end;
    ;
}

.align-items-start {
    align-items: start;
    ;
}

.align-items-center {
    align-items: center;
    ;
}

.align-items-end {
    align-items: end;
    ;
}

.align-items-anchor-center {
    align-items: anchor-center;
    ;
}

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: calc(100% - 30px);
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1110px;
    }
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: calc(auto - 2*15px);
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: calc(100% - 2*15px);
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: calc(50% - 2*15px);
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 2*15px);
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: calc(25% - 2*15px);
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: calc(20% - 2*15px);
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: calc(16.6666666667% - 2*15px);
}

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

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: calc(auto - 2*15px);
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: calc(100% - 2*15px);
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: calc(50% - 2*15px);
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2*15px);
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: calc(25% - 2*15px);
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: calc(20% - 2*15px);
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: calc(16.6666666667% - 2*15px);
    }
}

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

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: calc(auto - 2*15px);
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: calc(100% - 2*15px);
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: calc(50% - 2*15px);
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2*15px);
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: calc(25% - 2*15px);
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: calc(20% - 2*15px);
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: calc(16.6666666667% - 2*15px);
    }
}

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

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: calc(auto - 2*15px);
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: calc(100% - 2*15px);
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: calc(50% - 2*15px);
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2*15px);
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: calc(25% - 2*15px);
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: calc(20% - 2*15px);
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: calc(16.6666666667% - 2*15px);
    }
}

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

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: calc(auto - 2*15px);
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: calc(100% - 2*15px);
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: calc(50% - 2*15px);
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2*15px);
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: calc(25% - 2*15px);
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: calc(20% - 2*15px);
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: calc(16.6666666667% - 2*15px);
    }
}

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

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: calc(auto - 2*15px);
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: calc(100% - 2*15px);
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: calc(50% - 2*15px);
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2*15px);
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: calc(25% - 2*15px);
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: calc(20% - 2*15px);
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: calc(16.6666666667% - 2*15px);
    }
}

.col-auto {
    flex: 0 0 auto;
    width: calc(auto - 2*15px);
}

.col-1 {
    flex: 0 0 auto;
    width: calc(8.33333333% - 2*15px);
}

.col-2 {
    flex: 0 0 auto;
    width: calc(16.66666667% - 2*15px);
}

.col-3 {
    flex: 0 0 auto;
    width: calc(25% - 2*15px);
}

.col-4 {
    flex: 0 0 auto;
    width: calc(33.33333333% - 2*15px);
}

.col-5 {
    flex: 0 0 auto;
    width: calc(41.66666667% - 2*15px);
}

.col-6 {
    flex: 0 0 auto;
    width: calc(50% - 2*15px);
}

.col-7 {
    flex: 0 0 auto;
    width: calc(58.33333333% - 2*15px);
}

.col-8 {
    flex: 0 0 auto;
    width: calc(66.66666667% - 2*15px);
}

.col-9 {
    flex: 0 0 auto;
    width: calc(75% - 2*15px);
}

.col-10 {
    flex: 0 0 auto;
    width: calc(83.33333333% - 2*15px);
}

.col-11 {
    flex: 0 0 auto;
    width: calc(91.66666667% - 2*15px);
}

.col-12 {
    flex: 0 0 auto;
    width: calc(100% - 2*15px);
}

.blockId {
    position: absolute;
    top: -100px;
}

.blockId.top-256 {
    position: absolute;
    top: -260px;
}