:root {
    --size-font: 17px;
    --size-full: 100%;
    --size-ulg: 1441px;
    --size-xlg: 1440px;
    --size-lg: 1280px;
    --size-md: 1068px;
    --size-sm: 734px;
    --size-xsm: 512px;
    --size-usm: 380px;
    --size-nav: 6rem;
    --size-rad-btn: .25rem;
    --size-rad-el: 1rem;
    --size-border: .02rem;
    --size-line-height: 1.5em;
    --size-clear: 3em;
}

*, *::before, *::after, body {
    box-sizing: border-box;
    outline: none;
    padding: 0;
    margin: 0;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: var(--size-font);
    line-height: var(--size-line-height);
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden!important;
    -webkit-text-size-adjust: 100%;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
}

a {
    all: unset;
    cursor: pointer;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hr {
    height: 0.01rem!important;
    background-color: var(--global-dark);
    opacity: .25;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
}
em {
    text-decoration: none;
    font-weight: 700!important;
    color: var(--global-hover);
    font-style: normal;
}

nav, header, section, .container, .container-fs, .container-lg, .row, .clear, .clear-h, .clear-hh {
    display: flex;
    position: relative;
    width: var(--size-full);
    max-width: 100%;
    max-width: 100vw;
}

.clear { height: var(--size-clear);} .clear-h { height: calc(var(--size-clear) / 2);} .clear-hh { height: calc(var(--size-clear) / 3);}

header, section, .container, .container-fs, .container-lg { flex-flow: column;}

.row { flex-flow: wrap; padding: 0 1rem;}
.row .row { padding: 0;}

nav, header, section, .row, .container-fs { margin: 0;}
.container, .container-lg, .container-sm { margin: 0 auto;}
.container, footer .container { /*max-width: 56.941em;*/ max-width: 70.588em;}
.container-lg { /*max-width: 70.588em;*/ max-width: 1632px;}

.col-1 { width: calc(var(--size-full) / 12);}
.col-2 { width: calc(var(--size-full) / 6);}
.col-3 { width: calc(var(--size-full) / 4);}
.col-4 { width: calc(var(--size-full) / 3);}
.col-5 { width: calc(var(--size-full) / 2.4);}
.col-50 { width: calc(var(--size-full) / 5);}
.col-6 { width: calc(var(--size-full) / 2);}
.col-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
.col-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
.col-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
.col-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
.col-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
.col-12 { width: var(--size-full);}
.col-auto { margin: auto;}

.o-1 { order: 1;}
.o-2 { order: 2;}
.o-3 { order: 3;}
.o-4 { order: 4;}
.o-5 { order: 5;}
.o-6 { order: 6;}
.o-7 { order: 7;}
.o-8 { order: 8;}
.o-9 { order: 9;}
.o-10 { order: 10;}
.o-11 { order: 11;}
.o-12 { order: 12;}

div[class^="col-"] { display: flex; flex-flow: wrap; padding: 0 .5em;}

.tx {
    &Sm{font-size: .9em; line-height: 1.15;}
    &Md{font-size: 1rem; line-height: 1.25;}
    &Lg{font-size: 1.25em; line-height: 1.25;}
}





/* GRID MEDIA */
@media screen and (min-width: 1600px) {
    body, html {
        font-size: 106.25%;
    }
}
@media screen and (min-width: 1441px) {
    .xlg-scrn { display: none!important}
    .lg-scrn { display: none!important}
    .md-scrn { display: none!important}
    .sm-scrn { display: none!important}
    .xsm-scrn { display: none!important}

    .ulg-scrn { display: inherit!important}
}

@media screen and (max-width: 1440px) {
    .ulg-scrn { display: none!important}
    .lg-scrn { display: none!important}
    .md-scrn { display: none!important}
    .sm-scrn { display: none!important}
    .xsm-scrn { display: none!important}

    .xlg-scrn { display: inherit!important}

    .col-xlg-1 { width: calc(var(--size-full) / 12);}
    .col-xlg-2 { width: calc(var(--size-full) / 6);}
    .col-xlg-3 { width: calc(var(--size-full) / 4);}
    .col-xlg-4 { width: calc(var(--size-full) / 3);}
    .col-xlg-5 { width: calc(var(--size-full) / 2.4);}
    .col-xlg-50 { width: calc(var(--size-full) / 5);}
    .col-xlg-6 { width: calc(var(--size-full) / 2);}
    .col-xlg-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
    .col-xlg-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
    .col-xlg-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
    .col-xlg-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
    .col-xlg-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
    .col-xlg-12 { width: var(--size-full);}
    .col-xlg-auto { margin: auto;}

    .o-xlg-1 { order: 1;}
    .o-xlg-2 { order: 2;}
    .o-xlg-3 { order: 3;}
    .o-xlg-4 { order: 4;}
    .o-xlg-5 { order: 5;}
    .o-xlg-6 { order: 6;}
    .o-xlg-7 { order: 7;}
    .o-xlg-8 { order: 8;}
    .o-xlg-9 { order: 9;}
    .o-xlg-10 { order: 10;}
    .o-xlg-11 { order: 11;}
    .o-xlg-12 { order: 12;}
}

@media screen and (max-width: 1280px) {
    .ulg-scrn { display: none!important}
    .xlg-scrn { display: none!important}
    .md-scrn { display: none!important}
    .sm-scrn { display: none!important}
    .xsm-scrn { display: none!important}

    .lg-scrn { display: inherit!important}

    .col-lg-1 { width: calc(var(--size-full) / 12);}
    .col-lg-2 { width: calc(var(--size-full) / 6);}
    .col-lg-3 { width: calc(var(--size-full) / 4);}
    .col-lg-4 { width: calc(var(--size-full) / 3);}
    .col-lg-5 { width: calc(var(--size-full) / 2.4);}
    .col-lg-50 { width: calc(var(--size-full) / 5);}
    .col-lg-6 { width: calc(var(--size-full) / 2);}
    .col-lg-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
    .col-lg-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
    .col-lg-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
    .col-lg-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
    .col-lg-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
    .col-lg-12 { width: var(--size-full);}
    .col-lg-auto { margin: auto;}

    .o-lg-1 { order: 1;}
    .o-lg-2 { order: 2;}
    .o-lg-3 { order: 3;}
    .o-lg-4 { order: 4;}
    .o-lg-5 { order: 5;}
    .o-lg-6 { order: 6;}
    .o-lg-7 { order: 7;}
    .o-lg-8 { order: 8;}
    .o-lg-9 { order: 9;}
    .o-lg-10 { order: 10;}
    .o-lg-11 { order: 11;}
    .o-lg-12 { order: 12;}

    .container {padding: 0!important;}
}

@media screen and (max-width: 1068px) {
    .ulg-scrn { display: none!important}
    .xlg-scrn { display: none!important}
    .lg-scrn { display: none!important}
    .sm-scrn { display: none!important}
    .xsm-scrn { display: none!important}

    .md-scrn { display: inherit!important}

    .col-md-1 { width: calc(var(--size-full) / 12);}
    .col-md-2 { width: calc(var(--size-full) / 6);}
    .col-md-3 { width: calc(var(--size-full) / 4);}
    .col-md-4 { width: calc(var(--size-full) / 3);}
    .col-md-5 { width: calc(var(--size-full) / 2.4);}
    .col-md-50 { width: calc(var(--size-full) / 5);}
    .col-md-6 { width: calc(var(--size-full) / 2);}
    .col-md-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
    .col-md-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
    .col-md-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
    .col-md-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
    .col-md-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
    .col-md-12 { width: var(--size-full);}
    .col-md-auto { margin: auto;}

    .o-md-1 { order: 1;}
    .o-md-2 { order: 2;}
    .o-md-3 { order: 3;}
    .o-md-4 { order: 4;}
    .o-md-5 { order: 5;}
    .o-md-6 { order: 6;}
    .o-md-7 { order: 7;}
    .o-md-8 { order: 8;}
    .o-md-9 { order: 9;}
    .o-md-10 { order: 10;}
    .o-md-11 { order: 11;}
    .o-md-12 { order: 12;}
}

@media screen and (max-width: 734px) {
    .ulg-scrn { display: none!important}
    .xlg-scrn { display: none!important}
    .lg-scrn { display: none!important}
    .md-scrn { display: none!important}
    .xsm-scrn { display: none!important}

    .sm-scrn { display: inherit!important}

    .col-sm-1 { width: calc(var(--size-full) / 12);}
    .col-sm-2 { width: calc(var(--size-full) / 6);}
    .col-sm-3 { width: calc(var(--size-full) / 4);}
    .col-sm-4 { width: calc(var(--size-full) / 3);}
    .col-sm-5 { width: calc(var(--size-full) / 2.4);}
    .col-sm-50 { width: calc(var(--size-full) / 5);}
    .col-sm-6 { width: calc(var(--size-full) / 2);}
    .col-sm-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
    .col-sm-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
    .col-sm-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
    .col-sm-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
    .col-sm-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
    .col-sm-12 { width: var(--size-full);}
    .col-sm-auto { margin: auto;}

    .o-sm-1 { order: 1;}
    .o-sm-2 { order: 2;}
    .o-sm-3 { order: 3;}
    .o-sm-4 { order: 4;}
    .o-sm-5 { order: 5;}
    .o-sm-6 { order: 6;}
    .o-sm-7 { order: 7;}
    .o-sm-8 { order: 8;}
    .o-sm-9 { order: 9;}
    .o-sm-10 { order: 10;}
    .o-sm-11 { order: 11;}
    .o-sm-12 { order: 12;}
}

@media screen and (max-width: 512px) {
    .ulg-scrn { display: none!important}
    .xlg-scrn { display: none!important}
    .lg-scrn { display: none!important}
    .md-scrn { display: none!important}
    .sm-scrn { display: none!important}

    .xsm-scrn { display: inherit!important}

    .col-xsm-1 { width: calc(var(--size-full) / 12);}
    .col-xsm-2 { width: calc(var(--size-full) / 6);}
    .col-xsm-3 { width: calc(var(--size-full) / 4);}
    .col-xsm-4 { width: calc(var(--size-full) / 3);}
    .col-xsm-5 { width: calc(var(--size-full) / 2.4);}
    .col-xsm-50 { width: calc(var(--size-full) / 5);}
    .col-xsm-6 { width: calc(var(--size-full) / 2);}
    .col-xsm-7 { width: calc(var(--size-full) - var(--size-full) / 2.4);}
    .col-xsm-8 { width: calc(var(--size-full) - var(--size-full) / 3);}
    .col-xsm-9 { width: calc(var(--size-full) - var(--size-full) / 4);}
    .col-xsm-10 { width: calc(var(--size-full) - var(--size-full) / 6);}
    .col-xsm-11 { width: calc(var(--size-full) - var(--size-full) / 12);}
    .col-xsm-12 { width: var(--size-full);}
    .col-xsm-auto { margin: auto;}

    .o-xsm-1 { order: 1;}
    .o-xsm-2 { order: 2;}
    .o-xsm-3 { order: 3;}
    .o-xsm-4 { order: 4;}
    .o-xsm-5 { order: 5;}
    .o-xsm-6 { order: 6;}
    .o-xsm-7 { order: 7;}
    .o-xsm-8 { order: 8;}
    .o-xsm-9 { order: 9;}
    .o-xsm-10 { order: 10;}
    .o-xsm-11 { order: 11;}
    .o-xsm-12 { order: 12;}
}
@media screen and (max-width: 380px) {

}
