@charset "UTF-8";
/*
@ alico
@ Front-end Developer & UI Designer by alico ( http://akman.me ) */
/*
@ Flexbox Grid Version 1.7.0  - https://github.com/thealico/flexboxgrid
@ Front-end Developer by Ali Akman (alico)
@ http://akman.me  */
@import url("font/font.min.css");
@import url("icon/icon.min.css?v=1");
[class*="row"] {
    --rg:1rem;
    --cg:1rem;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    column-gap: var(--cg);
    row-gap: var(--rg); }

[class*="row"] > [class*="col"] {
    flex: 1 1 0%;
    box-sizing: border-box; }

[class*="row"] > [class*="col-"] {
    flex: none; }

[class*="row"] > .col {
    flex: 1 1 0%; }

[class*="row"][class*="col"] {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }

.row-1 > [class*="col"] {
    flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
    max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

.row-2 > [class*="col"] {
    flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
    max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

.row-3 > [class*="col"] {
    flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
    max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

.row-4 > [class*="col"] {
    flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
    max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

.row-5 > [class*="col"] {
    flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
    max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

.row-6 > [class*="col"] {
    flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
    max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

.row-7 > [class*="col"] {
    flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
    max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

.row-8 > [class*="col"] {
    flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
    max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

.row-9 > [class*="col"] {
    flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
    max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

.row-10 > [class*="col"] {
    flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
    max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

.row-11 > [class*="col"] {
    flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
    max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

.row-12 > [class*="col"] {
    flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
    max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

[class*="row"][col='1'] {
    --gp: ( var(--cg) * 0 / 1 ); }

[class*="row"] > .col-1 {
    flex-basis: calc( 8.3333333333% - var(--gp) );
    max-width: calc( 8.3333333333% - var(--gp) ); }

[class*="row"][col='2'] {
    --gp: ( var(--cg) * 1 / 2 ); }

[class*="row"] > .col-2 {
    flex-basis: calc( 16.6666666667% - var(--gp) );
    max-width: calc( 16.6666666667% - var(--gp) ); }

[class*="row"][col='3'] {
    --gp: ( var(--cg) * 2 / 3 ); }

[class*="row"] > .col-3 {
    flex-basis: calc( 25% - var(--gp) );
    max-width: calc( 25% - var(--gp) ); }

[class*="row"][col='4'] {
    --gp: ( var(--cg) * 3 / 4 ); }

[class*="row"] > .col-4 {
    flex-basis: calc( 33.3333333333% - var(--gp) );
    max-width: calc( 33.3333333333% - var(--gp) ); }

[class*="row"][col='5'] {
    --gp: ( var(--cg) * 4 / 5 ); }

[class*="row"] > .col-5 {
    flex-basis: calc( 41.6666666667% - var(--gp) );
    max-width: calc( 41.6666666667% - var(--gp) ); }

[class*="row"][col='6'] {
    --gp: ( var(--cg) * 5 / 6 ); }

[class*="row"] > .col-6 {
    flex-basis: calc( 50% - var(--gp) );
    max-width: calc( 50% - var(--gp) ); }

[class*="row"][col='7'] {
    --gp: ( var(--cg) * 6 / 7 ); }

[class*="row"] > .col-7 {
    flex-basis: calc( 58.3333333333% - var(--gp) );
    max-width: calc( 58.3333333333% - var(--gp) ); }

[class*="row"][col='8'] {
    --gp: ( var(--cg) * 7 / 8 ); }

[class*="row"] > .col-8 {
    flex-basis: calc( 66.6666666667% - var(--gp) );
    max-width: calc( 66.6666666667% - var(--gp) ); }

[class*="row"][col='9'] {
    --gp: ( var(--cg) * 8 / 9 ); }

[class*="row"] > .col-9 {
    flex-basis: calc( 75% - var(--gp) );
    max-width: calc( 75% - var(--gp) ); }

[class*="row"][col='10'] {
    --gp: ( var(--cg) * 9 / 10 ); }

[class*="row"] > .col-10 {
    flex-basis: calc( 83.3333333333% - var(--gp) );
    max-width: calc( 83.3333333333% - var(--gp) ); }

[class*="row"][col='11'] {
    --gp: ( var(--cg) * 10 / 11 ); }

[class*="row"] > .col-11 {
    flex-basis: calc( 91.6666666667% - var(--gp) );
    max-width: calc( 91.6666666667% - var(--gp) ); }

[class*="row"][col='12'] {
    --gp: ( var(--cg) * 11 / 12 ); }

[class*="row"] > .col-12 {
    flex-basis: calc( 100% - var(--gp) );
    max-width: calc( 100% - var(--gp) ); }

[class*="row"].gut-1 {
    --cg:1.5rem;
    --rg:1.5rem; }
[class*="row"].gut-1.c-op {
    --cg:1.5rem; }
[class*="row"].gut-1 .tc-ob {
    padding-bottom: 1.5rem; }

[class*="row"].gut-2 {
    --cg:2.5rem;
    --rg:2.5rem; }
[class*="row"].gut-2.c-op {
    --cg:2.5rem; }
[class*="row"].gut-2 .tc-ob {
    padding-bottom: 2.5rem; }

[class*="row"].-gut-1 {
    --cg:0.6rem;
    --rg:0.6rem; }
[class*="row"].-gut-1.c-op {
    --cg:0.6rem; }
[class*="row"].-gut-1 .tc-ob {
    padding-bottom: 0.6rem; }

[class*="row"].-gut-2 {
    --cg:0.3rem;
    --rg:0.3rem; }
[class*="row"].-gut-2.c-op {
    --cg:0.3rem; }
[class*="row"].-gut-2 .tc-ob {
    padding-bottom: 0.3rem; }

[class*="row"].gut-0 {
    --cg:1rem;
    --rg:1rem; }
[class*="row"].gut-0.c-op {
    --cg:1rem; }
[class*="row"].gut-0 .tc-ob {
    padding-bottom: 1rem; }

[class*="row"].center {
    justify-content: center; }
[class*="row"].end {
    justify-content: flex-end; }
[class*="row"].start {
    justify-content: flex-start; }
[class*="row"].between {
    justify-content: space-between; }
[class*="row"].around {
    justify-content: space-around; }
[class*="row"].top {
    align-items: flex-start; }
[class*="row"].middle {
    align-items: center; }
[class*="row"].bottom {
    align-items: flex-end; }
[class*="row"].stretch {
    align-items: stretch; }
[class*="row"].baseline {
    align-items: baseline; }
[class*="row"].direct-x {
    flex-direction: row; }
[class*="row"].direct-xr {
    flex-direction: row-reverse; }
[class*="row"].direct-yr {
    flex-direction: column-reverse; }
[class*="row"].direct-y {
    flex-direction: column; }
[class*="row"].direct-yr > [class*="col"], [class*="row"].direct-y > [class*="col"] {
    flex-basis: auto;
    width: 100%; }
[class*="row"].c-nf > * {
    flex: none; }
[class*="row"].c-op {
    column-gap: var(--cg); }
[class*="row"].c-nb {
    row-gap: 0; }
[class*="row"].c-ob {
    row-gap: var(--cg); }
[class*="row"].ns, [class*="row"].nsc {
    --rg:0;
    --cg:0 ; }
[class*="row"].nsc {
    margin-left: auto;
    margin-right: auto; }
[class*="row"].c-eh > * > * {
    height: 100%;
    width: 100%;
    display: block; }
[class*="row"].c-eh-2 > * {
    display: flex; }
[class*="row"].c-eh-2 > * > * {
    flex: 1 0 100%; }

[class*="row"] .tc-top {
    align-self: flex-start; }
[class*="row"] .tc-middle {
    align-self: center; }
[class*="row"] .tc-bottom {
    align-self: flex-end; }
[class*="row"] .tc-first {
    order: -1; }
[class*="row"] .tc-last {
    order: 1; }
[class*="row"] .tc-ns {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
[class*="row"] .tc-ob {
    padding-bottom: 1rem; }
[class*="row"] .tc-nb {
    padding-bottom: 0 !important; }

[class*="row"] > *.left-0 {
    margin-left: 0; }
[class*="row"] > *.right-0 {
    margin-right: 0; }
[class*="row"] > *.left-1 {
    margin-left: 8.3333333333%; }
[class*="row"] > *.left-2 {
    margin-left: 16.6666666667%; }
[class*="row"] > *.left-3 {
    margin-left: 25%; }
[class*="row"] > *.left-4 {
    margin-left: 33.3333333333%; }
[class*="row"] > *.left-5 {
    margin-left: 41.6666666667%; }
[class*="row"] > *.left-6 {
    margin-left: 50%; }
[class*="row"] > *.left-7 {
    margin-left: 58.3333333333%; }
[class*="row"] > *.left-8 {
    margin-left: 66.6666666667%; }
[class*="row"] > *.left-9 {
    margin-left: 75%; }
[class*="row"] > *.left-10 {
    margin-left: 83.3333333333%; }
[class*="row"] > *.left-11 {
    margin-left: 91.6666666667%; }
[class*="row"] > *.right-1 {
    margin-right: 8.3333333333%; }
[class*="row"] > *.right-2 {
    margin-right: 16.6666666667%; }
[class*="row"] > *.right-3 {
    margin-right: 25%; }
[class*="row"] > *.right-4 {
    margin-right: 33.3333333333%; }
[class*="row"] > *.right-5 {
    margin-right: 41.6666666667%; }
[class*="row"] > *.right-6 {
    margin-right: 50%; }
[class*="row"] > *.right-7 {
    margin-right: 58.3333333333%; }
[class*="row"] > *.right-8 {
    margin-right: 66.6666666667%; }
[class*="row"] > *.right-9 {
    margin-right: 75%; }
[class*="row"] > *.right-10 {
    margin-right: 83.3333333333%; }
[class*="row"] > *.right-11 {
    margin-right: 91.6666666667%; }

[class*="row"] > .order-1 {
    order: 1; }

[class*="row"] > .order-2 {
    order: 2; }

[class*="row"] > .order-3 {
    order: 3; }

[class*="row"] > .order-4 {
    order: 4; }

[class*="row"] > .order-5 {
    order: 5; }

[class*="row"] > .order-6 {
    order: 6; }

[class*="row"] > .order-7 {
    order: 7; }

[class*="row"] > .order-8 {
    order: 8; }

[class*="row"] > .order-9 {
    order: 9; }

[class*="row"] > .order-10 {
    order: 10; }

[class*="row"] > .order-11 {
    order: 11; }

[class*="row"] > .order-12 {
    order: 12; }

[class*="row"] > .order-13 {
    order: 13; }

[class*="row"] > .order-14 {
    order: 14; }

[class*="row"] > .order-15 {
    order: 15; }

[class*="row"] > .order-16 {
    order: 16; }

[class*="row"] > .order-17 {
    order: 17; }

[class*="row"] > .order-18 {
    order: 18; }

[class*="row"] > .order-19 {
    order: 19; }

[class*="row"] > .order-20 {
    order: 20; }

@media screen and (max-width: 80em) {
    .row-lg-1 > [class*="col"] {
        flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
        max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

    .row-lg-2 > [class*="col"] {
        flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
        max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

    .row-lg-3 > [class*="col"] {
        flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
        max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

    .row-lg-4 > [class*="col"] {
        flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
        max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

    .row-lg-5 > [class*="col"] {
        flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
        max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

    .row-lg-6 > [class*="col"] {
        flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
        max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

    .row-lg-7 > [class*="col"] {
        flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
        max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

    .row-lg-8 > [class*="col"] {
        flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
        max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

    .row-lg-9 > [class*="col"] {
        flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
        max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

    .row-lg-10 > [class*="col"] {
        flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
        max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

    .row-lg-11 > [class*="col"] {
        flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
        max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

    .row-lg-12 > [class*="col"] {
        flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
        max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

    [class*="row"][col='1'] {
        --gp: ( var(--cg) * 0 / 1 ); }

    [class*="row"] > .col-lg-1 {
        flex-basis: calc( 8.3333333333% - var(--gp) );
        max-width: calc( 8.3333333333% - var(--gp) ); }

    [class*="row"][col='2'] {
        --gp: ( var(--cg) * 1 / 2 ); }

    [class*="row"] > .col-lg-2 {
        flex-basis: calc( 16.6666666667% - var(--gp) );
        max-width: calc( 16.6666666667% - var(--gp) ); }

    [class*="row"][col='3'] {
        --gp: ( var(--cg) * 2 / 3 ); }

    [class*="row"] > .col-lg-3 {
        flex-basis: calc( 25% - var(--gp) );
        max-width: calc( 25% - var(--gp) ); }

    [class*="row"][col='4'] {
        --gp: ( var(--cg) * 3 / 4 ); }

    [class*="row"] > .col-lg-4 {
        flex-basis: calc( 33.3333333333% - var(--gp) );
        max-width: calc( 33.3333333333% - var(--gp) ); }

    [class*="row"][col='5'] {
        --gp: ( var(--cg) * 4 / 5 ); }

    [class*="row"] > .col-lg-5 {
        flex-basis: calc( 41.6666666667% - var(--gp) );
        max-width: calc( 41.6666666667% - var(--gp) ); }

    [class*="row"][col='6'] {
        --gp: ( var(--cg) * 5 / 6 ); }

    [class*="row"] > .col-lg-6 {
        flex-basis: calc( 50% - var(--gp) );
        max-width: calc( 50% - var(--gp) ); }

    [class*="row"][col='7'] {
        --gp: ( var(--cg) * 6 / 7 ); }

    [class*="row"] > .col-lg-7 {
        flex-basis: calc( 58.3333333333% - var(--gp) );
        max-width: calc( 58.3333333333% - var(--gp) ); }

    [class*="row"][col='8'] {
        --gp: ( var(--cg) * 7 / 8 ); }

    [class*="row"] > .col-lg-8 {
        flex-basis: calc( 66.6666666667% - var(--gp) );
        max-width: calc( 66.6666666667% - var(--gp) ); }

    [class*="row"][col='9'] {
        --gp: ( var(--cg) * 8 / 9 ); }

    [class*="row"] > .col-lg-9 {
        flex-basis: calc( 75% - var(--gp) );
        max-width: calc( 75% - var(--gp) ); }

    [class*="row"][col='10'] {
        --gp: ( var(--cg) * 9 / 10 ); }

    [class*="row"] > .col-lg-10 {
        flex-basis: calc( 83.3333333333% - var(--gp) );
        max-width: calc( 83.3333333333% - var(--gp) ); }

    [class*="row"][col='11'] {
        --gp: ( var(--cg) * 10 / 11 ); }

    [class*="row"] > .col-lg-11 {
        flex-basis: calc( 91.6666666667% - var(--gp) );
        max-width: calc( 91.6666666667% - var(--gp) ); }

    [class*="row"][col='12'] {
        --gp: ( var(--cg) * 11 / 12 ); }

    [class*="row"] > .col-lg-12 {
        flex-basis: calc( 100% - var(--gp) );
        max-width: calc( 100% - var(--gp) ); }

    [class*="row"].gut-1-lg {
        --cg:1.5rem;
        --rg:1.5rem; }
    [class*="row"].gut-1-lg.c-op {
        --cg:1.5rem; }
    [class*="row"].gut-1-lg.c-ob {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg.c-ob-lg {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg.c-ob-md {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg.c-ob-sm {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg.c-ob-xs {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg.c-ob-ms {
        --rg:1.5rem ; }
    [class*="row"].gut-1-lg .tc-lg-ob {
        padding-bottom: 1.5rem; }

    [class*="row"].gut-2-lg {
        --cg:2.5rem;
        --rg:2.5rem; }
    [class*="row"].gut-2-lg.c-op {
        --cg:2.5rem; }
    [class*="row"].gut-2-lg.c-ob {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg.c-ob-lg {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg.c-ob-md {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg.c-ob-sm {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg.c-ob-xs {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg.c-ob-ms {
        --rg:2.5rem ; }
    [class*="row"].gut-2-lg .tc-lg-ob {
        padding-bottom: 2.5rem; }

    [class*="row"].-gut-1-lg {
        --cg:0.6rem;
        --rg:0.6rem; }
    [class*="row"].-gut-1-lg.c-op {
        --cg:0.6rem; }
    [class*="row"].-gut-1-lg.c-ob {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg.c-ob-lg {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg.c-ob-md {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg.c-ob-sm {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg.c-ob-xs {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg.c-ob-ms {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-lg .tc-lg-ob {
        padding-bottom: 0.6rem; }

    [class*="row"].-gut-2-lg {
        --cg:0.3rem;
        --rg:0.3rem; }
    [class*="row"].-gut-2-lg.c-op {
        --cg:0.3rem; }
    [class*="row"].-gut-2-lg.c-ob {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg.c-ob-lg {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg.c-ob-md {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg.c-ob-sm {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg.c-ob-xs {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg.c-ob-ms {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-lg .tc-lg-ob {
        padding-bottom: 0.3rem; }

    [class*="row"].gut-0-lg {
        --cg:1rem;
        --rg:1rem; }
    [class*="row"].gut-0-lg.c-op {
        --cg:1rem; }
    [class*="row"].gut-0-lg.c-ob {
        --rg:1rem ; }
    [class*="row"].gut-0-lg.c-ob-lg {
        --rg:1rem ; }
    [class*="row"].gut-0-lg.c-ob-md {
        --rg:1rem ; }
    [class*="row"].gut-0-lg.c-ob-sm {
        --rg:1rem ; }
    [class*="row"].gut-0-lg.c-ob-xs {
        --rg:1rem ; }
    [class*="row"].gut-0-lg.c-ob-ms {
        --rg:1rem ; }
    [class*="row"].gut-0-lg .tc-lg-ob {
        padding-bottom: 1rem; }

    [class*="row"].center-lg {
        justify-content: center; }
    [class*="row"].end-lg {
        justify-content: flex-end; }
    [class*="row"].start-lg {
        justify-content: flex-start; }
    [class*="row"].between-lg {
        justify-content: space-between; }
    [class*="row"].around-lg {
        justify-content: space-around; }
    [class*="row"].top-lg {
        align-items: flex-start; }
    [class*="row"].middle-lg {
        align-items: center; }
    [class*="row"].bottom-lg {
        align-items: flex-end; }
    [class*="row"].stretch-lg {
        align-items: stretch; }
    [class*="row"].baseline-lg {
        align-items: baseline; }
    [class*="row"].direct-x-lg {
        flex-direction: row; }
    [class*="row"].direct-xr-lg {
        flex-direction: row-reverse; }
    [class*="row"].direct-yr-lg {
        flex-direction: column-reverse; }
    [class*="row"].direct-y-lg {
        flex-direction: column; }
    [class*="row"].direct-yr-lg > [class*="col"], [class*="row"].direct-y-lg > [class*="col"] {
        flex-basis: auto;
        width: 100%; }
    [class*="row"].c-nf-lg > * {
        flex: none; }
    [class*="row"].c-op-lg {
        column-gap: var(--cg); }
    [class*="row"].c-nb-lg {
        row-gap: 0; }
    [class*="row"].c-ob-lg {
        row-gap: var(--cg); }
    [class*="row"].ns-lg, [class*="row"].nsc-lg {
        --rg:0;
        --cg:0 ; }

    [class*="row"] .tc-lg-top {
        align-self: flex-start; }
    [class*="row"] .tc-lg-middle {
        align-self: center; }
    [class*="row"] .tc-lg-bottom {
        align-self: flex-end; }
    [class*="row"] .tc-lg-first {
        order: -1; }
    [class*="row"] .tc-lg-last {
        order: 1; }
    [class*="row"] .tc-lg-ns {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    [class*="row"] .tc-lg-ob {
        padding-bottom: 1rem; }
    [class*="row"] .tc-lg-nb {
        padding-bottom: 0 !important; }

    [class*="row"] > *.left-lg-0 {
        margin-left: 0; }
    [class*="row"] > *.right-lg-0 {
        margin-right: 0; }
    [class*="row"] > *.left-lg-1 {
        margin-left: 8.3333333333%; }
    [class*="row"] > *.left-lg-2 {
        margin-left: 16.6666666667%; }
    [class*="row"] > *.left-lg-3 {
        margin-left: 25%; }
    [class*="row"] > *.left-lg-4 {
        margin-left: 33.3333333333%; }
    [class*="row"] > *.left-lg-5 {
        margin-left: 41.6666666667%; }
    [class*="row"] > *.left-lg-6 {
        margin-left: 50%; }
    [class*="row"] > *.left-lg-7 {
        margin-left: 58.3333333333%; }
    [class*="row"] > *.left-lg-8 {
        margin-left: 66.6666666667%; }
    [class*="row"] > *.left-lg-9 {
        margin-left: 75%; }
    [class*="row"] > *.left-lg-10 {
        margin-left: 83.3333333333%; }
    [class*="row"] > *.left-lg-11 {
        margin-left: 91.6666666667%; }
    [class*="row"] > *.right-lg-1 {
        margin-right: 8.3333333333%; }
    [class*="row"] > *.right-lg-2 {
        margin-right: 16.6666666667%; }
    [class*="row"] > *.right-lg-3 {
        margin-right: 25%; }
    [class*="row"] > *.right-lg-4 {
        margin-right: 33.3333333333%; }
    [class*="row"] > *.right-lg-5 {
        margin-right: 41.6666666667%; }
    [class*="row"] > *.right-lg-6 {
        margin-right: 50%; }
    [class*="row"] > *.right-lg-7 {
        margin-right: 58.3333333333%; }
    [class*="row"] > *.right-lg-8 {
        margin-right: 66.6666666667%; }
    [class*="row"] > *.right-lg-9 {
        margin-right: 75%; }
    [class*="row"] > *.right-lg-10 {
        margin-right: 83.3333333333%; }
    [class*="row"] > *.right-lg-11 {
        margin-right: 91.6666666667%; }

    [class*="row"] > .order-lg-1 {
        order: 1; }

    [class*="row"] > .order-lg-2 {
        order: 2; }

    [class*="row"] > .order-lg-3 {
        order: 3; }

    [class*="row"] > .order-lg-4 {
        order: 4; }

    [class*="row"] > .order-lg-5 {
        order: 5; }

    [class*="row"] > .order-lg-6 {
        order: 6; }

    [class*="row"] > .order-lg-7 {
        order: 7; }

    [class*="row"] > .order-lg-8 {
        order: 8; }

    [class*="row"] > .order-lg-9 {
        order: 9; }

    [class*="row"] > .order-lg-10 {
        order: 10; }

    [class*="row"] > .order-lg-11 {
        order: 11; }

    [class*="row"] > .order-lg-12 {
        order: 12; }

    [class*="row"] > .order-lg-13 {
        order: 13; }

    [class*="row"] > .order-lg-14 {
        order: 14; }

    [class*="row"] > .order-lg-15 {
        order: 15; }

    [class*="row"] > .order-lg-16 {
        order: 16; }

    [class*="row"] > .order-lg-17 {
        order: 17; }

    [class*="row"] > .order-lg-18 {
        order: 18; }

    [class*="row"] > .order-lg-19 {
        order: 19; }

    [class*="row"] > .order-lg-20 {
        order: 20; } }
@media screen and (max-width: 64em) {
    .row-md-1 > [class*="col"] {
        flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
        max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

    .row-md-2 > [class*="col"] {
        flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
        max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

    .row-md-3 > [class*="col"] {
        flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
        max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

    .row-md-4 > [class*="col"] {
        flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
        max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

    .row-md-5 > [class*="col"] {
        flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
        max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

    .row-md-6 > [class*="col"] {
        flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
        max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

    .row-md-7 > [class*="col"] {
        flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
        max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

    .row-md-8 > [class*="col"] {
        flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
        max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

    .row-md-9 > [class*="col"] {
        flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
        max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

    .row-md-10 > [class*="col"] {
        flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
        max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

    .row-md-11 > [class*="col"] {
        flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
        max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

    .row-md-12 > [class*="col"] {
        flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
        max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

    [class*="row"][col='1'] {
        --gp: ( var(--cg) * 0 / 1 ); }

    [class*="row"] > .col-md-1 {
        flex-basis: calc( 8.3333333333% - var(--gp) );
        max-width: calc( 8.3333333333% - var(--gp) ); }

    [class*="row"][col='2'] {
        --gp: ( var(--cg) * 1 / 2 ); }

    [class*="row"] > .col-md-2 {
        flex-basis: calc( 16.6666666667% - var(--gp) );
        max-width: calc( 16.6666666667% - var(--gp) ); }

    [class*="row"][col='3'] {
        --gp: ( var(--cg) * 2 / 3 ); }

    [class*="row"] > .col-md-3 {
        flex-basis: calc( 25% - var(--gp) );
        max-width: calc( 25% - var(--gp) ); }

    [class*="row"][col='4'] {
        --gp: ( var(--cg) * 3 / 4 ); }

    [class*="row"] > .col-md-4 {
        flex-basis: calc( 33.3333333333% - var(--gp) );
        max-width: calc( 33.3333333333% - var(--gp) ); }

    [class*="row"][col='5'] {
        --gp: ( var(--cg) * 4 / 5 ); }

    [class*="row"] > .col-md-5 {
        flex-basis: calc( 41.6666666667% - var(--gp) );
        max-width: calc( 41.6666666667% - var(--gp) ); }

    [class*="row"][col='6'] {
        --gp: ( var(--cg) * 5 / 6 ); }

    [class*="row"] > .col-md-6 {
        flex-basis: calc( 50% - var(--gp) );
        max-width: calc( 50% - var(--gp) ); }

    [class*="row"][col='7'] {
        --gp: ( var(--cg) * 6 / 7 ); }

    [class*="row"] > .col-md-7 {
        flex-basis: calc( 58.3333333333% - var(--gp) );
        max-width: calc( 58.3333333333% - var(--gp) ); }

    [class*="row"][col='8'] {
        --gp: ( var(--cg) * 7 / 8 ); }

    [class*="row"] > .col-md-8 {
        flex-basis: calc( 66.6666666667% - var(--gp) );
        max-width: calc( 66.6666666667% - var(--gp) ); }

    [class*="row"][col='9'] {
        --gp: ( var(--cg) * 8 / 9 ); }

    [class*="row"] > .col-md-9 {
        flex-basis: calc( 75% - var(--gp) );
        max-width: calc( 75% - var(--gp) ); }

    [class*="row"][col='10'] {
        --gp: ( var(--cg) * 9 / 10 ); }

    [class*="row"] > .col-md-10 {
        flex-basis: calc( 83.3333333333% - var(--gp) );
        max-width: calc( 83.3333333333% - var(--gp) ); }

    [class*="row"][col='11'] {
        --gp: ( var(--cg) * 10 / 11 ); }

    [class*="row"] > .col-md-11 {
        flex-basis: calc( 91.6666666667% - var(--gp) );
        max-width: calc( 91.6666666667% - var(--gp) ); }

    [class*="row"][col='12'] {
        --gp: ( var(--cg) * 11 / 12 ); }

    [class*="row"] > .col-md-12 {
        flex-basis: calc( 100% - var(--gp) );
        max-width: calc( 100% - var(--gp) ); }

    [class*="row"].gut-1-md {
        --cg:1.5rem;
        --rg:1.5rem; }
    [class*="row"].gut-1-md.c-op {
        --cg:1.5rem; }
    [class*="row"].gut-1-md.c-ob {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md.c-ob-lg {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md.c-ob-md {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md.c-ob-sm {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md.c-ob-xs {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md.c-ob-ms {
        --rg:1.5rem ; }
    [class*="row"].gut-1-md .tc-md-ob {
        padding-bottom: 1.5rem; }

    [class*="row"].gut-2-md {
        --cg:2.5rem;
        --rg:2.5rem; }
    [class*="row"].gut-2-md.c-op {
        --cg:2.5rem; }
    [class*="row"].gut-2-md.c-ob {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md.c-ob-lg {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md.c-ob-md {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md.c-ob-sm {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md.c-ob-xs {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md.c-ob-ms {
        --rg:2.5rem ; }
    [class*="row"].gut-2-md .tc-md-ob {
        padding-bottom: 2.5rem; }

    [class*="row"].-gut-1-md {
        --cg:0.6rem;
        --rg:0.6rem; }
    [class*="row"].-gut-1-md.c-op {
        --cg:0.6rem; }
    [class*="row"].-gut-1-md.c-ob {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md.c-ob-lg {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md.c-ob-md {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md.c-ob-sm {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md.c-ob-xs {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md.c-ob-ms {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-md .tc-md-ob {
        padding-bottom: 0.6rem; }

    [class*="row"].-gut-2-md {
        --cg:0.3rem;
        --rg:0.3rem; }
    [class*="row"].-gut-2-md.c-op {
        --cg:0.3rem; }
    [class*="row"].-gut-2-md.c-ob {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md.c-ob-lg {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md.c-ob-md {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md.c-ob-sm {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md.c-ob-xs {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md.c-ob-ms {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-md .tc-md-ob {
        padding-bottom: 0.3rem; }

    [class*="row"].gut-0-md {
        --cg:1rem;
        --rg:1rem; }
    [class*="row"].gut-0-md.c-op {
        --cg:1rem; }
    [class*="row"].gut-0-md.c-ob {
        --rg:1rem ; }
    [class*="row"].gut-0-md.c-ob-lg {
        --rg:1rem ; }
    [class*="row"].gut-0-md.c-ob-md {
        --rg:1rem ; }
    [class*="row"].gut-0-md.c-ob-sm {
        --rg:1rem ; }
    [class*="row"].gut-0-md.c-ob-xs {
        --rg:1rem ; }
    [class*="row"].gut-0-md.c-ob-ms {
        --rg:1rem ; }
    [class*="row"].gut-0-md .tc-md-ob {
        padding-bottom: 1rem; }

    [class*="row"].center-md {
        justify-content: center; }
    [class*="row"].end-md {
        justify-content: flex-end; }
    [class*="row"].start-md {
        justify-content: flex-start; }
    [class*="row"].between-md {
        justify-content: space-between; }
    [class*="row"].around-md {
        justify-content: space-around; }
    [class*="row"].top-md {
        align-items: flex-start; }
    [class*="row"].middle-md {
        align-items: center; }
    [class*="row"].bottom-md {
        align-items: flex-end; }
    [class*="row"].stretch-md {
        align-items: stretch; }
    [class*="row"].baseline-md {
        align-items: baseline; }
    [class*="row"].direct-x-md {
        flex-direction: row; }
    [class*="row"].direct-xr-md {
        flex-direction: row-reverse; }
    [class*="row"].direct-yr-md {
        flex-direction: column-reverse; }
    [class*="row"].direct-y-md {
        flex-direction: column; }
    [class*="row"].direct-yr-md > [class*="col"], [class*="row"].direct-y-md > [class*="col"] {
        flex-basis: auto;
        width: 100%; }
    [class*="row"].c-nf-md > * {
        flex: none; }
    [class*="row"].c-op-md {
        column-gap: var(--cg); }
    [class*="row"].c-nb-md {
        row-gap: 0; }
    [class*="row"].c-ob-md {
        row-gap: var(--cg); }
    [class*="row"].ns-md, [class*="row"].nsc-md {
        --rg:0;
        --cg:0 ; }

    [class*="row"] .tc-md-top {
        align-self: flex-start; }
    [class*="row"] .tc-md-middle {
        align-self: center; }
    [class*="row"] .tc-md-bottom {
        align-self: flex-end; }
    [class*="row"] .tc-md-first {
        order: -1; }
    [class*="row"] .tc-md-last {
        order: 1; }
    [class*="row"] .tc-md-ns {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    [class*="row"] .tc-md-ob {
        padding-bottom: 1rem; }
    [class*="row"] .tc-md-nb {
        padding-bottom: 0 !important; }

    [class*="row"] > *.left-md-0 {
        margin-left: 0; }
    [class*="row"] > *.right-md-0 {
        margin-right: 0; }
    [class*="row"] > *.left-md-1 {
        margin-left: 8.3333333333%; }
    [class*="row"] > *.left-md-2 {
        margin-left: 16.6666666667%; }
    [class*="row"] > *.left-md-3 {
        margin-left: 25%; }
    [class*="row"] > *.left-md-4 {
        margin-left: 33.3333333333%; }
    [class*="row"] > *.left-md-5 {
        margin-left: 41.6666666667%; }
    [class*="row"] > *.left-md-6 {
        margin-left: 50%; }
    [class*="row"] > *.left-md-7 {
        margin-left: 58.3333333333%; }
    [class*="row"] > *.left-md-8 {
        margin-left: 66.6666666667%; }
    [class*="row"] > *.left-md-9 {
        margin-left: 75%; }
    [class*="row"] > *.left-md-10 {
        margin-left: 83.3333333333%; }
    [class*="row"] > *.left-md-11 {
        margin-left: 91.6666666667%; }
    [class*="row"] > *.right-md-1 {
        margin-right: 8.3333333333%; }
    [class*="row"] > *.right-md-2 {
        margin-right: 16.6666666667%; }
    [class*="row"] > *.right-md-3 {
        margin-right: 25%; }
    [class*="row"] > *.right-md-4 {
        margin-right: 33.3333333333%; }
    [class*="row"] > *.right-md-5 {
        margin-right: 41.6666666667%; }
    [class*="row"] > *.right-md-6 {
        margin-right: 50%; }
    [class*="row"] > *.right-md-7 {
        margin-right: 58.3333333333%; }
    [class*="row"] > *.right-md-8 {
        margin-right: 66.6666666667%; }
    [class*="row"] > *.right-md-9 {
        margin-right: 75%; }
    [class*="row"] > *.right-md-10 {
        margin-right: 83.3333333333%; }
    [class*="row"] > *.right-md-11 {
        margin-right: 91.6666666667%; }

    [class*="row"] > .order-md-1 {
        order: 1; }

    [class*="row"] > .order-md-2 {
        order: 2; }

    [class*="row"] > .order-md-3 {
        order: 3; }

    [class*="row"] > .order-md-4 {
        order: 4; }

    [class*="row"] > .order-md-5 {
        order: 5; }

    [class*="row"] > .order-md-6 {
        order: 6; }

    [class*="row"] > .order-md-7 {
        order: 7; }

    [class*="row"] > .order-md-8 {
        order: 8; }

    [class*="row"] > .order-md-9 {
        order: 9; }

    [class*="row"] > .order-md-10 {
        order: 10; }

    [class*="row"] > .order-md-11 {
        order: 11; }

    [class*="row"] > .order-md-12 {
        order: 12; }

    [class*="row"] > .order-md-13 {
        order: 13; }

    [class*="row"] > .order-md-14 {
        order: 14; }

    [class*="row"] > .order-md-15 {
        order: 15; }

    [class*="row"] > .order-md-16 {
        order: 16; }

    [class*="row"] > .order-md-17 {
        order: 17; }

    [class*="row"] > .order-md-18 {
        order: 18; }

    [class*="row"] > .order-md-19 {
        order: 19; }

    [class*="row"] > .order-md-20 {
        order: 20; } }
@media screen and (max-width: 54em) {
    .row-sm-1 > [class*="col"] {
        flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
        max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

    .row-sm-2 > [class*="col"] {
        flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
        max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

    .row-sm-3 > [class*="col"] {
        flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
        max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

    .row-sm-4 > [class*="col"] {
        flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
        max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

    .row-sm-5 > [class*="col"] {
        flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
        max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

    .row-sm-6 > [class*="col"] {
        flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
        max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

    .row-sm-7 > [class*="col"] {
        flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
        max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

    .row-sm-8 > [class*="col"] {
        flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
        max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

    .row-sm-9 > [class*="col"] {
        flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
        max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

    .row-sm-10 > [class*="col"] {
        flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
        max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

    .row-sm-11 > [class*="col"] {
        flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
        max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

    .row-sm-12 > [class*="col"] {
        flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
        max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

    [class*="row"][col='1'] {
        --gp: ( var(--cg) * 0 / 1 ); }

    [class*="row"] > .col-sm-1 {
        flex-basis: calc( 8.3333333333% - var(--gp) );
        max-width: calc( 8.3333333333% - var(--gp) ); }

    [class*="row"][col='2'] {
        --gp: ( var(--cg) * 1 / 2 ); }

    [class*="row"] > .col-sm-2 {
        flex-basis: calc( 16.6666666667% - var(--gp) );
        max-width: calc( 16.6666666667% - var(--gp) ); }

    [class*="row"][col='3'] {
        --gp: ( var(--cg) * 2 / 3 ); }

    [class*="row"] > .col-sm-3 {
        flex-basis: calc( 25% - var(--gp) );
        max-width: calc( 25% - var(--gp) ); }

    [class*="row"][col='4'] {
        --gp: ( var(--cg) * 3 / 4 ); }

    [class*="row"] > .col-sm-4 {
        flex-basis: calc( 33.3333333333% - var(--gp) );
        max-width: calc( 33.3333333333% - var(--gp) ); }

    [class*="row"][col='5'] {
        --gp: ( var(--cg) * 4 / 5 ); }

    [class*="row"] > .col-sm-5 {
        flex-basis: calc( 41.6666666667% - var(--gp) );
        max-width: calc( 41.6666666667% - var(--gp) ); }

    [class*="row"][col='6'] {
        --gp: ( var(--cg) * 5 / 6 ); }

    [class*="row"] > .col-sm-6 {
        flex-basis: calc( 50% - var(--gp) );
        max-width: calc( 50% - var(--gp) ); }

    [class*="row"][col='7'] {
        --gp: ( var(--cg) * 6 / 7 ); }

    [class*="row"] > .col-sm-7 {
        flex-basis: calc( 58.3333333333% - var(--gp) );
        max-width: calc( 58.3333333333% - var(--gp) ); }

    [class*="row"][col='8'] {
        --gp: ( var(--cg) * 7 / 8 ); }

    [class*="row"] > .col-sm-8 {
        flex-basis: calc( 66.6666666667% - var(--gp) );
        max-width: calc( 66.6666666667% - var(--gp) ); }

    [class*="row"][col='9'] {
        --gp: ( var(--cg) * 8 / 9 ); }

    [class*="row"] > .col-sm-9 {
        flex-basis: calc( 75% - var(--gp) );
        max-width: calc( 75% - var(--gp) ); }

    [class*="row"][col='10'] {
        --gp: ( var(--cg) * 9 / 10 ); }

    [class*="row"] > .col-sm-10 {
        flex-basis: calc( 83.3333333333% - var(--gp) );
        max-width: calc( 83.3333333333% - var(--gp) ); }

    [class*="row"][col='11'] {
        --gp: ( var(--cg) * 10 / 11 ); }

    [class*="row"] > .col-sm-11 {
        flex-basis: calc( 91.6666666667% - var(--gp) );
        max-width: calc( 91.6666666667% - var(--gp) ); }

    [class*="row"][col='12'] {
        --gp: ( var(--cg) * 11 / 12 ); }

    [class*="row"] > .col-sm-12 {
        flex-basis: calc( 100% - var(--gp) );
        max-width: calc( 100% - var(--gp) ); }

    [class*="row"].gut-1-sm {
        --cg:1.5rem;
        --rg:1.5rem; }
    [class*="row"].gut-1-sm.c-op {
        --cg:1.5rem; }
    [class*="row"].gut-1-sm.c-ob {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm.c-ob-lg {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm.c-ob-md {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm.c-ob-sm {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm.c-ob-xs {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm.c-ob-ms {
        --rg:1.5rem ; }
    [class*="row"].gut-1-sm .tc-sm-ob {
        padding-bottom: 1.5rem; }

    [class*="row"].gut-2-sm {
        --cg:2.5rem;
        --rg:2.5rem; }
    [class*="row"].gut-2-sm.c-op {
        --cg:2.5rem; }
    [class*="row"].gut-2-sm.c-ob {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm.c-ob-lg {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm.c-ob-md {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm.c-ob-sm {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm.c-ob-xs {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm.c-ob-ms {
        --rg:2.5rem ; }
    [class*="row"].gut-2-sm .tc-sm-ob {
        padding-bottom: 2.5rem; }

    [class*="row"].-gut-1-sm {
        --cg:0.6rem;
        --rg:0.6rem; }
    [class*="row"].-gut-1-sm.c-op {
        --cg:0.6rem; }
    [class*="row"].-gut-1-sm.c-ob {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm.c-ob-lg {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm.c-ob-md {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm.c-ob-sm {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm.c-ob-xs {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm.c-ob-ms {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-sm .tc-sm-ob {
        padding-bottom: 0.6rem; }

    [class*="row"].-gut-2-sm {
        --cg:0.3rem;
        --rg:0.3rem; }
    [class*="row"].-gut-2-sm.c-op {
        --cg:0.3rem; }
    [class*="row"].-gut-2-sm.c-ob {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm.c-ob-lg {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm.c-ob-md {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm.c-ob-sm {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm.c-ob-xs {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm.c-ob-ms {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-sm .tc-sm-ob {
        padding-bottom: 0.3rem; }

    [class*="row"].gut-0-sm {
        --cg:1rem;
        --rg:1rem; }
    [class*="row"].gut-0-sm.c-op {
        --cg:1rem; }
    [class*="row"].gut-0-sm.c-ob {
        --rg:1rem ; }
    [class*="row"].gut-0-sm.c-ob-lg {
        --rg:1rem ; }
    [class*="row"].gut-0-sm.c-ob-md {
        --rg:1rem ; }
    [class*="row"].gut-0-sm.c-ob-sm {
        --rg:1rem ; }
    [class*="row"].gut-0-sm.c-ob-xs {
        --rg:1rem ; }
    [class*="row"].gut-0-sm.c-ob-ms {
        --rg:1rem ; }
    [class*="row"].gut-0-sm .tc-sm-ob {
        padding-bottom: 1rem; }

    [class*="row"].center-sm {
        justify-content: center; }
    [class*="row"].end-sm {
        justify-content: flex-end; }
    [class*="row"].start-sm {
        justify-content: flex-start; }
    [class*="row"].between-sm {
        justify-content: space-between; }
    [class*="row"].around-sm {
        justify-content: space-around; }
    [class*="row"].top-sm {
        align-items: flex-start; }
    [class*="row"].middle-sm {
        align-items: center; }
    [class*="row"].bottom-sm {
        align-items: flex-end; }
    [class*="row"].stretch-sm {
        align-items: stretch; }
    [class*="row"].baseline-sm {
        align-items: baseline; }
    [class*="row"].direct-x-sm {
        flex-direction: row; }
    [class*="row"].direct-xr-sm {
        flex-direction: row-reverse; }
    [class*="row"].direct-yr-sm {
        flex-direction: column-reverse; }
    [class*="row"].direct-y-sm {
        flex-direction: column; }
    [class*="row"].direct-yr-sm > [class*="col"], [class*="row"].direct-y-sm > [class*="col"] {
        flex-basis: auto;
        width: 100%; }
    [class*="row"].c-nf-sm > * {
        flex: none; }
    [class*="row"].c-op-sm {
        column-gap: var(--cg); }
    [class*="row"].c-nb-sm {
        row-gap: 0; }
    [class*="row"].c-ob-sm {
        row-gap: var(--cg); }
    [class*="row"].ns-sm, [class*="row"].nsc-sm {
        --rg:0;
        --cg:0 ; }

    [class*="row"] .tc-sm-top {
        align-self: flex-start; }
    [class*="row"] .tc-sm-middle {
        align-self: center; }
    [class*="row"] .tc-sm-bottom {
        align-self: flex-end; }
    [class*="row"] .tc-sm-first {
        order: -1; }
    [class*="row"] .tc-sm-last {
        order: 1; }
    [class*="row"] .tc-sm-ns {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    [class*="row"] .tc-sm-ob {
        padding-bottom: 1rem; }
    [class*="row"] .tc-sm-nb {
        padding-bottom: 0 !important; }

    [class*="row"] > *.left-sm-0 {
        margin-left: 0; }
    [class*="row"] > *.right-sm-0 {
        margin-right: 0; }
    [class*="row"] > *.left-sm-1 {
        margin-left: 8.3333333333%; }
    [class*="row"] > *.left-sm-2 {
        margin-left: 16.6666666667%; }
    [class*="row"] > *.left-sm-3 {
        margin-left: 25%; }
    [class*="row"] > *.left-sm-4 {
        margin-left: 33.3333333333%; }
    [class*="row"] > *.left-sm-5 {
        margin-left: 41.6666666667%; }
    [class*="row"] > *.left-sm-6 {
        margin-left: 50%; }
    [class*="row"] > *.left-sm-7 {
        margin-left: 58.3333333333%; }
    [class*="row"] > *.left-sm-8 {
        margin-left: 66.6666666667%; }
    [class*="row"] > *.left-sm-9 {
        margin-left: 75%; }
    [class*="row"] > *.left-sm-10 {
        margin-left: 83.3333333333%; }
    [class*="row"] > *.left-sm-11 {
        margin-left: 91.6666666667%; }
    [class*="row"] > *.right-sm-1 {
        margin-right: 8.3333333333%; }
    [class*="row"] > *.right-sm-2 {
        margin-right: 16.6666666667%; }
    [class*="row"] > *.right-sm-3 {
        margin-right: 25%; }
    [class*="row"] > *.right-sm-4 {
        margin-right: 33.3333333333%; }
    [class*="row"] > *.right-sm-5 {
        margin-right: 41.6666666667%; }
    [class*="row"] > *.right-sm-6 {
        margin-right: 50%; }
    [class*="row"] > *.right-sm-7 {
        margin-right: 58.3333333333%; }
    [class*="row"] > *.right-sm-8 {
        margin-right: 66.6666666667%; }
    [class*="row"] > *.right-sm-9 {
        margin-right: 75%; }
    [class*="row"] > *.right-sm-10 {
        margin-right: 83.3333333333%; }
    [class*="row"] > *.right-sm-11 {
        margin-right: 91.6666666667%; }

    [class*="row"] > .order-sm-1 {
        order: 1; }

    [class*="row"] > .order-sm-2 {
        order: 2; }

    [class*="row"] > .order-sm-3 {
        order: 3; }

    [class*="row"] > .order-sm-4 {
        order: 4; }

    [class*="row"] > .order-sm-5 {
        order: 5; }

    [class*="row"] > .order-sm-6 {
        order: 6; }

    [class*="row"] > .order-sm-7 {
        order: 7; }

    [class*="row"] > .order-sm-8 {
        order: 8; }

    [class*="row"] > .order-sm-9 {
        order: 9; }

    [class*="row"] > .order-sm-10 {
        order: 10; }

    [class*="row"] > .order-sm-11 {
        order: 11; }

    [class*="row"] > .order-sm-12 {
        order: 12; }

    [class*="row"] > .order-sm-13 {
        order: 13; }

    [class*="row"] > .order-sm-14 {
        order: 14; }

    [class*="row"] > .order-sm-15 {
        order: 15; }

    [class*="row"] > .order-sm-16 {
        order: 16; }

    [class*="row"] > .order-sm-17 {
        order: 17; }

    [class*="row"] > .order-sm-18 {
        order: 18; }

    [class*="row"] > .order-sm-19 {
        order: 19; }

    [class*="row"] > .order-sm-20 {
        order: 20; } }
@media screen and (max-width: 35.5em) {
    .row-xs-1 > [class*="col"] {
        flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
        max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

    .row-xs-2 > [class*="col"] {
        flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
        max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

    .row-xs-3 > [class*="col"] {
        flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
        max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

    .row-xs-4 > [class*="col"] {
        flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
        max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

    .row-xs-5 > [class*="col"] {
        flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
        max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

    .row-xs-6 > [class*="col"] {
        flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
        max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

    .row-xs-7 > [class*="col"] {
        flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
        max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

    .row-xs-8 > [class*="col"] {
        flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
        max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

    .row-xs-9 > [class*="col"] {
        flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
        max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

    .row-xs-10 > [class*="col"] {
        flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
        max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

    .row-xs-11 > [class*="col"] {
        flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
        max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

    .row-xs-12 > [class*="col"] {
        flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
        max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

    [class*="row"][col='1'] {
        --gp: ( var(--cg) * 0 / 1 ); }

    [class*="row"] > .col-xs-1 {
        flex-basis: calc( 8.3333333333% - var(--gp) );
        max-width: calc( 8.3333333333% - var(--gp) ); }

    [class*="row"][col='2'] {
        --gp: ( var(--cg) * 1 / 2 ); }

    [class*="row"] > .col-xs-2 {
        flex-basis: calc( 16.6666666667% - var(--gp) );
        max-width: calc( 16.6666666667% - var(--gp) ); }

    [class*="row"][col='3'] {
        --gp: ( var(--cg) * 2 / 3 ); }

    [class*="row"] > .col-xs-3 {
        flex-basis: calc( 25% - var(--gp) );
        max-width: calc( 25% - var(--gp) ); }

    [class*="row"][col='4'] {
        --gp: ( var(--cg) * 3 / 4 ); }

    [class*="row"] > .col-xs-4 {
        flex-basis: calc( 33.3333333333% - var(--gp) );
        max-width: calc( 33.3333333333% - var(--gp) ); }

    [class*="row"][col='5'] {
        --gp: ( var(--cg) * 4 / 5 ); }

    [class*="row"] > .col-xs-5 {
        flex-basis: calc( 41.6666666667% - var(--gp) );
        max-width: calc( 41.6666666667% - var(--gp) ); }

    [class*="row"][col='6'] {
        --gp: ( var(--cg) * 5 / 6 ); }

    [class*="row"] > .col-xs-6 {
        flex-basis: calc( 50% - var(--gp) );
        max-width: calc( 50% - var(--gp) ); }

    [class*="row"][col='7'] {
        --gp: ( var(--cg) * 6 / 7 ); }

    [class*="row"] > .col-xs-7 {
        flex-basis: calc( 58.3333333333% - var(--gp) );
        max-width: calc( 58.3333333333% - var(--gp) ); }

    [class*="row"][col='8'] {
        --gp: ( var(--cg) * 7 / 8 ); }

    [class*="row"] > .col-xs-8 {
        flex-basis: calc( 66.6666666667% - var(--gp) );
        max-width: calc( 66.6666666667% - var(--gp) ); }

    [class*="row"][col='9'] {
        --gp: ( var(--cg) * 8 / 9 ); }

    [class*="row"] > .col-xs-9 {
        flex-basis: calc( 75% - var(--gp) );
        max-width: calc( 75% - var(--gp) ); }

    [class*="row"][col='10'] {
        --gp: ( var(--cg) * 9 / 10 ); }

    [class*="row"] > .col-xs-10 {
        flex-basis: calc( 83.3333333333% - var(--gp) );
        max-width: calc( 83.3333333333% - var(--gp) ); }

    [class*="row"][col='11'] {
        --gp: ( var(--cg) * 10 / 11 ); }

    [class*="row"] > .col-xs-11 {
        flex-basis: calc( 91.6666666667% - var(--gp) );
        max-width: calc( 91.6666666667% - var(--gp) ); }

    [class*="row"][col='12'] {
        --gp: ( var(--cg) * 11 / 12 ); }

    [class*="row"] > .col-xs-12 {
        flex-basis: calc( 100% - var(--gp) );
        max-width: calc( 100% - var(--gp) ); }

    [class*="row"].gut-1-xs {
        --cg:1.5rem;
        --rg:1.5rem; }
    [class*="row"].gut-1-xs.c-op {
        --cg:1.5rem; }
    [class*="row"].gut-1-xs.c-ob {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs.c-ob-lg {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs.c-ob-md {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs.c-ob-sm {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs.c-ob-xs {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs.c-ob-ms {
        --rg:1.5rem ; }
    [class*="row"].gut-1-xs .tc-xs-ob {
        padding-bottom: 1.5rem; }

    [class*="row"].gut-2-xs {
        --cg:2.5rem;
        --rg:2.5rem; }
    [class*="row"].gut-2-xs.c-op {
        --cg:2.5rem; }
    [class*="row"].gut-2-xs.c-ob {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs.c-ob-lg {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs.c-ob-md {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs.c-ob-sm {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs.c-ob-xs {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs.c-ob-ms {
        --rg:2.5rem ; }
    [class*="row"].gut-2-xs .tc-xs-ob {
        padding-bottom: 2.5rem; }

    [class*="row"].-gut-1-xs {
        --cg:0.6rem;
        --rg:0.6rem; }
    [class*="row"].-gut-1-xs.c-op {
        --cg:0.6rem; }
    [class*="row"].-gut-1-xs.c-ob {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs.c-ob-lg {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs.c-ob-md {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs.c-ob-sm {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs.c-ob-xs {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs.c-ob-ms {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-xs .tc-xs-ob {
        padding-bottom: 0.6rem; }

    [class*="row"].-gut-2-xs {
        --cg:0.3rem;
        --rg:0.3rem; }
    [class*="row"].-gut-2-xs.c-op {
        --cg:0.3rem; }
    [class*="row"].-gut-2-xs.c-ob {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs.c-ob-lg {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs.c-ob-md {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs.c-ob-sm {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs.c-ob-xs {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs.c-ob-ms {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-xs .tc-xs-ob {
        padding-bottom: 0.3rem; }

    [class*="row"].gut-0-xs {
        --cg:1rem;
        --rg:1rem; }
    [class*="row"].gut-0-xs.c-op {
        --cg:1rem; }
    [class*="row"].gut-0-xs.c-ob {
        --rg:1rem ; }
    [class*="row"].gut-0-xs.c-ob-lg {
        --rg:1rem ; }
    [class*="row"].gut-0-xs.c-ob-md {
        --rg:1rem ; }
    [class*="row"].gut-0-xs.c-ob-sm {
        --rg:1rem ; }
    [class*="row"].gut-0-xs.c-ob-xs {
        --rg:1rem ; }
    [class*="row"].gut-0-xs.c-ob-ms {
        --rg:1rem ; }
    [class*="row"].gut-0-xs .tc-xs-ob {
        padding-bottom: 1rem; }

    [class*="row"].center-xs {
        justify-content: center; }
    [class*="row"].end-xs {
        justify-content: flex-end; }
    [class*="row"].start-xs {
        justify-content: flex-start; }
    [class*="row"].between-xs {
        justify-content: space-between; }
    [class*="row"].around-xs {
        justify-content: space-around; }
    [class*="row"].top-xs {
        align-items: flex-start; }
    [class*="row"].middle-xs {
        align-items: center; }
    [class*="row"].bottom-xs {
        align-items: flex-end; }
    [class*="row"].stretch-xs {
        align-items: stretch; }
    [class*="row"].baseline-xs {
        align-items: baseline; }
    [class*="row"].direct-x-xs {
        flex-direction: row; }
    [class*="row"].direct-xr-xs {
        flex-direction: row-reverse; }
    [class*="row"].direct-yr-xs {
        flex-direction: column-reverse; }
    [class*="row"].direct-y-xs {
        flex-direction: column; }
    [class*="row"].direct-yr-xs > [class*="col"], [class*="row"].direct-y-xs > [class*="col"] {
        flex-basis: auto;
        width: 100%; }
    [class*="row"].c-nf-xs > * {
        flex: none; }
    [class*="row"].c-op-xs {
        column-gap: var(--cg); }
    [class*="row"].c-nb-xs {
        row-gap: 0; }
    [class*="row"].c-ob-xs {
        row-gap: var(--cg); }
    [class*="row"].ns-xs, [class*="row"].nsc-xs {
        --rg:0;
        --cg:0 ; }

    [class*="row"] .tc-xs-top {
        align-self: flex-start; }
    [class*="row"] .tc-xs-middle {
        align-self: center; }
    [class*="row"] .tc-xs-bottom {
        align-self: flex-end; }
    [class*="row"] .tc-xs-first {
        order: -1; }
    [class*="row"] .tc-xs-last {
        order: 1; }
    [class*="row"] .tc-xs-ns {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    [class*="row"] .tc-xs-ob {
        padding-bottom: 1rem; }
    [class*="row"] .tc-xs-nb {
        padding-bottom: 0 !important; }

    [class*="row"] > *.left-xs-0 {
        margin-left: 0; }
    [class*="row"] > *.right-xs-0 {
        margin-right: 0; }
    [class*="row"] > *.left-xs-1 {
        margin-left: 8.3333333333%; }
    [class*="row"] > *.left-xs-2 {
        margin-left: 16.6666666667%; }
    [class*="row"] > *.left-xs-3 {
        margin-left: 25%; }
    [class*="row"] > *.left-xs-4 {
        margin-left: 33.3333333333%; }
    [class*="row"] > *.left-xs-5 {
        margin-left: 41.6666666667%; }
    [class*="row"] > *.left-xs-6 {
        margin-left: 50%; }
    [class*="row"] > *.left-xs-7 {
        margin-left: 58.3333333333%; }
    [class*="row"] > *.left-xs-8 {
        margin-left: 66.6666666667%; }
    [class*="row"] > *.left-xs-9 {
        margin-left: 75%; }
    [class*="row"] > *.left-xs-10 {
        margin-left: 83.3333333333%; }
    [class*="row"] > *.left-xs-11 {
        margin-left: 91.6666666667%; }
    [class*="row"] > *.right-xs-1 {
        margin-right: 8.3333333333%; }
    [class*="row"] > *.right-xs-2 {
        margin-right: 16.6666666667%; }
    [class*="row"] > *.right-xs-3 {
        margin-right: 25%; }
    [class*="row"] > *.right-xs-4 {
        margin-right: 33.3333333333%; }
    [class*="row"] > *.right-xs-5 {
        margin-right: 41.6666666667%; }
    [class*="row"] > *.right-xs-6 {
        margin-right: 50%; }
    [class*="row"] > *.right-xs-7 {
        margin-right: 58.3333333333%; }
    [class*="row"] > *.right-xs-8 {
        margin-right: 66.6666666667%; }
    [class*="row"] > *.right-xs-9 {
        margin-right: 75%; }
    [class*="row"] > *.right-xs-10 {
        margin-right: 83.3333333333%; }
    [class*="row"] > *.right-xs-11 {
        margin-right: 91.6666666667%; }

    [class*="row"] > .order-xs-1 {
        order: 1; }

    [class*="row"] > .order-xs-2 {
        order: 2; }

    [class*="row"] > .order-xs-3 {
        order: 3; }

    [class*="row"] > .order-xs-4 {
        order: 4; }

    [class*="row"] > .order-xs-5 {
        order: 5; }

    [class*="row"] > .order-xs-6 {
        order: 6; }

    [class*="row"] > .order-xs-7 {
        order: 7; }

    [class*="row"] > .order-xs-8 {
        order: 8; }

    [class*="row"] > .order-xs-9 {
        order: 9; }

    [class*="row"] > .order-xs-10 {
        order: 10; }

    [class*="row"] > .order-xs-11 {
        order: 11; }

    [class*="row"] > .order-xs-12 {
        order: 12; }

    [class*="row"] > .order-xs-13 {
        order: 13; }

    [class*="row"] > .order-xs-14 {
        order: 14; }

    [class*="row"] > .order-xs-15 {
        order: 15; }

    [class*="row"] > .order-xs-16 {
        order: 16; }

    [class*="row"] > .order-xs-17 {
        order: 17; }

    [class*="row"] > .order-xs-18 {
        order: 18; }

    [class*="row"] > .order-xs-19 {
        order: 19; }

    [class*="row"] > .order-xs-20 {
        order: 20; } }
@media screen and (max-width: 26em) {
    .row-ms-1 > [class*="col"] {
        flex-basis: calc( 100% - ( var(--cg) * 0 / 1 ) );
        max-width: calc( 100% - ( var(--cg) * 0 / 1 ) ); }

    .row-ms-2 > [class*="col"] {
        flex-basis: calc( 50% - ( var(--cg) * 1 / 2 ) );
        max-width: calc( 50% - ( var(--cg) * 1 / 2 ) ); }

    .row-ms-3 > [class*="col"] {
        flex-basis: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) );
        max-width: calc( 33.3333333333% - ( var(--cg) * 2 / 3 ) ); }

    .row-ms-4 > [class*="col"] {
        flex-basis: calc( 25% - ( var(--cg) * 3 / 4 ) );
        max-width: calc( 25% - ( var(--cg) * 3 / 4 ) ); }

    .row-ms-5 > [class*="col"] {
        flex-basis: calc( 20% - ( var(--cg) * 4 / 5 ) );
        max-width: calc( 20% - ( var(--cg) * 4 / 5 ) ); }

    .row-ms-6 > [class*="col"] {
        flex-basis: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) );
        max-width: calc( 16.6666666667% - ( var(--cg) * 5 / 6 ) ); }

    .row-ms-7 > [class*="col"] {
        flex-basis: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) );
        max-width: calc( 14.2857142857% - ( var(--cg) * 6 / 7 ) ); }

    .row-ms-8 > [class*="col"] {
        flex-basis: calc( 12.5% - ( var(--cg) * 7 / 8 ) );
        max-width: calc( 12.5% - ( var(--cg) * 7 / 8 ) ); }

    .row-ms-9 > [class*="col"] {
        flex-basis: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) );
        max-width: calc( 11.1111111111% - ( var(--cg) * 8 / 9 ) ); }

    .row-ms-10 > [class*="col"] {
        flex-basis: calc( 10% - ( var(--cg) * 9 / 10 ) );
        max-width: calc( 10% - ( var(--cg) * 9 / 10 ) ); }

    .row-ms-11 > [class*="col"] {
        flex-basis: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) );
        max-width: calc( 9.0909090909% - ( var(--cg) * 10 / 11 ) ); }

    .row-ms-12 > [class*="col"] {
        flex-basis: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) );
        max-width: calc( 8.3333333333% - ( var(--cg) * 11 / 12 ) ); }

    [class*="row"][col='1'] {
        --gp: ( var(--cg) * 0 / 1 ); }

    [class*="row"] > .col-ms-1 {
        flex-basis: calc( 8.3333333333% - var(--gp) );
        max-width: calc( 8.3333333333% - var(--gp) ); }

    [class*="row"][col='2'] {
        --gp: ( var(--cg) * 1 / 2 ); }

    [class*="row"] > .col-ms-2 {
        flex-basis: calc( 16.6666666667% - var(--gp) );
        max-width: calc( 16.6666666667% - var(--gp) ); }

    [class*="row"][col='3'] {
        --gp: ( var(--cg) * 2 / 3 ); }

    [class*="row"] > .col-ms-3 {
        flex-basis: calc( 25% - var(--gp) );
        max-width: calc( 25% - var(--gp) ); }

    [class*="row"][col='4'] {
        --gp: ( var(--cg) * 3 / 4 ); }

    [class*="row"] > .col-ms-4 {
        flex-basis: calc( 33.3333333333% - var(--gp) );
        max-width: calc( 33.3333333333% - var(--gp) ); }

    [class*="row"][col='5'] {
        --gp: ( var(--cg) * 4 / 5 ); }

    [class*="row"] > .col-ms-5 {
        flex-basis: calc( 41.6666666667% - var(--gp) );
        max-width: calc( 41.6666666667% - var(--gp) ); }

    [class*="row"][col='6'] {
        --gp: ( var(--cg) * 5 / 6 ); }

    [class*="row"] > .col-ms-6 {
        flex-basis: calc( 50% - var(--gp) );
        max-width: calc( 50% - var(--gp) ); }

    [class*="row"][col='7'] {
        --gp: ( var(--cg) * 6 / 7 ); }

    [class*="row"] > .col-ms-7 {
        flex-basis: calc( 58.3333333333% - var(--gp) );
        max-width: calc( 58.3333333333% - var(--gp) ); }

    [class*="row"][col='8'] {
        --gp: ( var(--cg) * 7 / 8 ); }

    [class*="row"] > .col-ms-8 {
        flex-basis: calc( 66.6666666667% - var(--gp) );
        max-width: calc( 66.6666666667% - var(--gp) ); }

    [class*="row"][col='9'] {
        --gp: ( var(--cg) * 8 / 9 ); }

    [class*="row"] > .col-ms-9 {
        flex-basis: calc( 75% - var(--gp) );
        max-width: calc( 75% - var(--gp) ); }

    [class*="row"][col='10'] {
        --gp: ( var(--cg) * 9 / 10 ); }

    [class*="row"] > .col-ms-10 {
        flex-basis: calc( 83.3333333333% - var(--gp) );
        max-width: calc( 83.3333333333% - var(--gp) ); }

    [class*="row"][col='11'] {
        --gp: ( var(--cg) * 10 / 11 ); }

    [class*="row"] > .col-ms-11 {
        flex-basis: calc( 91.6666666667% - var(--gp) );
        max-width: calc( 91.6666666667% - var(--gp) ); }

    [class*="row"][col='12'] {
        --gp: ( var(--cg) * 11 / 12 ); }

    [class*="row"] > .col-ms-12 {
        flex-basis: calc( 100% - var(--gp) );
        max-width: calc( 100% - var(--gp) ); }

    [class*="row"].gut-1-ms {
        --cg:1.5rem;
        --rg:1.5rem; }
    [class*="row"].gut-1-ms.c-op {
        --cg:1.5rem; }
    [class*="row"].gut-1-ms.c-ob {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms.c-ob-lg {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms.c-ob-md {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms.c-ob-sm {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms.c-ob-xs {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms.c-ob-ms {
        --rg:1.5rem ; }
    [class*="row"].gut-1-ms .tc-ms-ob {
        padding-bottom: 1.5rem; }

    [class*="row"].gut-2-ms {
        --cg:2.5rem;
        --rg:2.5rem; }
    [class*="row"].gut-2-ms.c-op {
        --cg:2.5rem; }
    [class*="row"].gut-2-ms.c-ob {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms.c-ob-lg {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms.c-ob-md {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms.c-ob-sm {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms.c-ob-xs {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms.c-ob-ms {
        --rg:2.5rem ; }
    [class*="row"].gut-2-ms .tc-ms-ob {
        padding-bottom: 2.5rem; }

    [class*="row"].-gut-1-ms {
        --cg:0.6rem;
        --rg:0.6rem; }
    [class*="row"].-gut-1-ms.c-op {
        --cg:0.6rem; }
    [class*="row"].-gut-1-ms.c-ob {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms.c-ob-lg {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms.c-ob-md {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms.c-ob-sm {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms.c-ob-xs {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms.c-ob-ms {
        --rg:0.6rem ; }
    [class*="row"].-gut-1-ms .tc-ms-ob {
        padding-bottom: 0.6rem; }

    [class*="row"].-gut-2-ms {
        --cg:0.3rem;
        --rg:0.3rem; }
    [class*="row"].-gut-2-ms.c-op {
        --cg:0.3rem; }
    [class*="row"].-gut-2-ms.c-ob {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms.c-ob-lg {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms.c-ob-md {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms.c-ob-sm {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms.c-ob-xs {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms.c-ob-ms {
        --rg:0.3rem ; }
    [class*="row"].-gut-2-ms .tc-ms-ob {
        padding-bottom: 0.3rem; }

    [class*="row"].gut-0-ms {
        --cg:1rem;
        --rg:1rem; }
    [class*="row"].gut-0-ms.c-op {
        --cg:1rem; }
    [class*="row"].gut-0-ms.c-ob {
        --rg:1rem ; }
    [class*="row"].gut-0-ms.c-ob-lg {
        --rg:1rem ; }
    [class*="row"].gut-0-ms.c-ob-md {
        --rg:1rem ; }
    [class*="row"].gut-0-ms.c-ob-sm {
        --rg:1rem ; }
    [class*="row"].gut-0-ms.c-ob-xs {
        --rg:1rem ; }
    [class*="row"].gut-0-ms.c-ob-ms {
        --rg:1rem ; }
    [class*="row"].gut-0-ms .tc-ms-ob {
        padding-bottom: 1rem; }

    [class*="row"].center-ms {
        justify-content: center; }
    [class*="row"].end-ms {
        justify-content: flex-end; }
    [class*="row"].start-ms {
        justify-content: flex-start; }
    [class*="row"].between-ms {
        justify-content: space-between; }
    [class*="row"].around-ms {
        justify-content: space-around; }
    [class*="row"].top-ms {
        align-items: flex-start; }
    [class*="row"].middle-ms {
        align-items: center; }
    [class*="row"].bottom-ms {
        align-items: flex-end; }
    [class*="row"].stretch-ms {
        align-items: stretch; }
    [class*="row"].baseline-ms {
        align-items: baseline; }
    [class*="row"].direct-x-ms {
        flex-direction: row; }
    [class*="row"].direct-xr-ms {
        flex-direction: row-reverse; }
    [class*="row"].direct-yr-ms {
        flex-direction: column-reverse; }
    [class*="row"].direct-y-ms {
        flex-direction: column; }
    [class*="row"].direct-yr-ms > [class*="col"], [class*="row"].direct-y-ms > [class*="col"] {
        flex-basis: auto;
        width: 100%; }
    [class*="row"].c-nf-ms > * {
        flex: none; }
    [class*="row"].c-op-ms {
        column-gap: var(--cg); }
    [class*="row"].c-nb-ms {
        row-gap: 0; }
    [class*="row"].c-ob-ms {
        row-gap: var(--cg); }
    [class*="row"].ns-ms, [class*="row"].nsc-ms {
        --rg:0;
        --cg:0 ; }

    [class*="row"] .tc-ms-top {
        align-self: flex-start; }
    [class*="row"] .tc-ms-middle {
        align-self: center; }
    [class*="row"] .tc-ms-bottom {
        align-self: flex-end; }
    [class*="row"] .tc-ms-first {
        order: -1; }
    [class*="row"] .tc-ms-last {
        order: 1; }
    [class*="row"] .tc-ms-ns {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    [class*="row"] .tc-ms-ob {
        padding-bottom: 1rem; }
    [class*="row"] .tc-ms-nb {
        padding-bottom: 0 !important; }

    [class*="row"] > *.left-ms-0 {
        margin-left: 0; }
    [class*="row"] > *.right-ms-0 {
        margin-right: 0; }
    [class*="row"] > *.left-ms-1 {
        margin-left: 8.3333333333%; }
    [class*="row"] > *.left-ms-2 {
        margin-left: 16.6666666667%; }
    [class*="row"] > *.left-ms-3 {
        margin-left: 25%; }
    [class*="row"] > *.left-ms-4 {
        margin-left: 33.3333333333%; }
    [class*="row"] > *.left-ms-5 {
        margin-left: 41.6666666667%; }
    [class*="row"] > *.left-ms-6 {
        margin-left: 50%; }
    [class*="row"] > *.left-ms-7 {
        margin-left: 58.3333333333%; }
    [class*="row"] > *.left-ms-8 {
        margin-left: 66.6666666667%; }
    [class*="row"] > *.left-ms-9 {
        margin-left: 75%; }
    [class*="row"] > *.left-ms-10 {
        margin-left: 83.3333333333%; }
    [class*="row"] > *.left-ms-11 {
        margin-left: 91.6666666667%; }
    [class*="row"] > *.right-ms-1 {
        margin-right: 8.3333333333%; }
    [class*="row"] > *.right-ms-2 {
        margin-right: 16.6666666667%; }
    [class*="row"] > *.right-ms-3 {
        margin-right: 25%; }
    [class*="row"] > *.right-ms-4 {
        margin-right: 33.3333333333%; }
    [class*="row"] > *.right-ms-5 {
        margin-right: 41.6666666667%; }
    [class*="row"] > *.right-ms-6 {
        margin-right: 50%; }
    [class*="row"] > *.right-ms-7 {
        margin-right: 58.3333333333%; }
    [class*="row"] > *.right-ms-8 {
        margin-right: 66.6666666667%; }
    [class*="row"] > *.right-ms-9 {
        margin-right: 75%; }
    [class*="row"] > *.right-ms-10 {
        margin-right: 83.3333333333%; }
    [class*="row"] > *.right-ms-11 {
        margin-right: 91.6666666667%; }

    [class*="row"] > .order-ms-1 {
        order: 1; }

    [class*="row"] > .order-ms-2 {
        order: 2; }

    [class*="row"] > .order-ms-3 {
        order: 3; }

    [class*="row"] > .order-ms-4 {
        order: 4; }

    [class*="row"] > .order-ms-5 {
        order: 5; }

    [class*="row"] > .order-ms-6 {
        order: 6; }

    [class*="row"] > .order-ms-7 {
        order: 7; }

    [class*="row"] > .order-ms-8 {
        order: 8; }

    [class*="row"] > .order-ms-9 {
        order: 9; }

    [class*="row"] > .order-ms-10 {
        order: 10; }

    [class*="row"] > .order-ms-11 {
        order: 11; }

    [class*="row"] > .order-ms-12 {
        order: 12; }

    [class*="row"] > .order-ms-13 {
        order: 13; }

    [class*="row"] > .order-ms-14 {
        order: 14; }

    [class*="row"] > .order-ms-15 {
        order: 15; }

    [class*="row"] > .order-ms-16 {
        order: 16; }

    [class*="row"] > .order-ms-17 {
        order: 17; }

    [class*="row"] > .order-ms-18 {
        order: 18; }

    [class*="row"] > .order-ms-19 {
        order: 19; }

    [class*="row"] > .order-ms-20 {
        order: 20; } }
/*
@  base */
/*
 @ reset */
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    outline-width: 0;
    outline-style: none;
    position: relative;
    box-sizing: border-box; }

i, em {
    font-style: normal; }

u, s {
    text-decoration: none; }

img {
    display: block;
    margin: 0;
    width: 100%; }

a {
    text-decoration: none; }

a img {
    border: 0; }

fieldset {
    border: 0; }

address {
    font-style: normal; }

.hypens {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto; }

/*
 @ html 5 */
section, header, footer, article, time, aside, nav {
    display: block; }

input, textarea {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; }

input, button, select, textarea {
    font: 300 14px 'Open Sans','Arial';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline-width: 0;
    border-radius: 0;
    color: #444;
    border: 0;
    /*

  	&:focus { outline:0!important;}
  	&:active {
  		outline: none!important;
  		border: none;
  	}

  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  */ }

/*
@ relative  */
* {
    position: relative; }

.static-on.this {
    position: static; }

.static-on * {
    position: static; }

.static-off.this,
.static-off * {
    position: relative; }

/*
@ clear */
.c:after {
    content: " ";
    clear: both;
    display: block; }

.h {
    height: 100%; }

#code-builds {
    position: static;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit; }

.load.f-body span {
    position: fixed;
    opacity: 0;
    transition: .3s;
    z-index: 5;
    left: 0;
    top: 50px;
    width: 100%;
    height: var(--app-body);
    overflow: hidden; }
.load.f-body span {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
.load.f-body img {
    height: 85%;
    bottom: -50%;
    max-width: 900px;
    width: auto; }
.load.f-body:not(.on) {
    display: none; }
.load.f-body.show span {
    opacity: 1; }
.load.f-body.f-2 span {
    background: #fff; }
.load.f-body.f-3 span {
    background: #f7f7f7; }

.ob-fade {
    transition: opacity .2s;
    opacity: 1; }

.ob-load .ob-fade {
    opacity: 0; }

/*
@ pointer locked */
.of-point {
    pointer-events: none;
    opacity: 0.7; }

/*
@ perde*/
.ovrly {
    background: rgba(18, 18, 18, 0.8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7; }

.ovrly.tre,
.ovrly.two,
.ovrly.one {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
    z-index: 7; }

.ovrly.two {
    background: rgba(0, 0, 0, 0.09);
    transition: opacity .2s; }

.f-bulur {
    filter: blur(2px); }

html.ovrly-one .ovrly.one {
    visibility: visible;
    opacity: 1; }

html.ovrly-two .ovrly.two {
    visibility: visible;
    opacity: 1; }

html.ovrly-tre .ovrly.tre {
    visibility: visible;
    opacity: 1; }

html.no-scroll,
html.no-scroll body {
    height: 100%;
    width: 100%;
    overflow: hidden; }

html.no-scroll body {
    position: fixed; }

html.un-scr body {
    height: auto !important;
    overflow: hidden; }

.hide-scr::-webkit-scrollbar {
    display: none; }

.scr-y {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden; }

.scr-touch {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -os-overflow-scrolling: touch; }

.cc-click > * > *,
.c-click > *,
.click {
    cursor: pointer; }

/*
@ find key  */
.find-list.iskey > *:not(.onkey) {
    display: none !important; }

/*
@ positions  */
.prt, .prb, .plt,
.plb, .pcx, .pcy, .pcxy {
    position: absolute; }

.prt, .plt {
    top: 0; }

.prb, .plb {
    bottom: 0; }

.prt, .prb {
    right: 0; }

.plt, .plb {
    left: 0; }

.pcx, .pcxy {
    left: 50%;
    right: 50%; }

.pcy, .pcxy {
    top: 50%;
    bottom: 50%; }

.a-lb {
    bottom: 0; }

.a-rt {
    right: 0; }

.a-rb {
    right: 0;
    bottom: 0; }

.span-fix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }

/*
 @ clear groups */
/*
 @ child > left */
/*
 @ child > left */
.c-right > * {
    float: right; }

/*
 @ margin  auto */
.cm {
    margin-left: auto;
    margin-right: auto; }

/*
@ likit img  */
img.iw, .iw img {
    display: block;
    width: 100%; }

/*
@ grid test  */
/*
@ grid's block tanimlari */
[class*="visble"] {
    display: none; }
[class*="visble"].import {
    display: none !important; }

.hidden-import {
    display: none !important; }

.of-event {
    pointer-events: none; }

.on-event {
    pointer-events: all; }

.no-borderbox {
    box-sizing: initial; }

/*
@ top  */
/* @ flex */
.flex {
    display: flex; }

.flex.mc {
    align-items: center;
    justify-content: center; }

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

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

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

.flex.yhc {
    flex: 1 1 0%;
    align-items: center; }

.flex.fit-y {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column; }

/*
@ html swicth global */
.hidden {
    display: none; }
.hidden.import {
    display: none !important; }

.hide {
    display: none; }
.hide.import {
    display: none !important; }

.show {
    display: block; }
.show.inline {
    display: inline; }
.show.row, .show.flex {
    display: flex; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ visible mods */
.visble {
    display: block; }
.visble.import {
    display: block !important; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ text align mods */
.txt-j {
    text-align: justify; }

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

.txt-r {
    text-align: right; }

.txt-l {
    text-align: left; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ gc : grid col unset width size */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ str cut */
.cut {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.cut-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box; }

.cut-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box; }

.cut-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box; }

[style*="--py"] {
    padding-top: var(--py);
    padding-bottom: var(--py); }

[style*="--px"] {
    padding-left: var(--px);
    padding-right: var(--px); }

[style*="--pr"] {
    padding-right: var(--pr); }

[style*="--pl"] {
    padding-left: var(--pl); }

[style*="--pb"] {
    padding-bottom: var(--pb); }

[style*="--pt"] {
    padding-top: var(--pt); }

[style*="--mx"] {
    margin-left: var(--mx);
    margin-right: var(--mx); }

[style*="--my"] {
    margin-top: var(--my);
    margin-bottom: var(--my); }

[style*="--ml"] {
    margin-left: var(--ml); }

[style*="--mr"] {
    margin-right: var(--mr); }

[style*="--mt"] {
    margin-top: var(--mt); }

[style*="--mb"] {
    margin-bottom: var(--mb); }

[style*="--fs:"] {
    font-size: var(--fs) !important; }

.scr-x {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -os-overflow-scrolling: touch; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ widths */
.var.w[style*="-w"] {
    width: var(--w); }

[style*="-w"] {
    width: var(--w); }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ class birim zero */
.pt-0 {
    padding-top: 0; }

.mt-0 {
    margin-top: 0; }

.mb-0 {
    margin-bottom: 0; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ class birim */
.w-5 {
    width: 5%; }

.mt-5 {
    margin-top: 5px; }

.mb-5 {
    margin-bottom: 5px; }

.ml-5 {
    margin-left: 5px; }

.pt-5 {
    padding-top: 5px; }

.pb-5 {
    padding-bottom: 5px; }

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px; }

.px-5 {
    padding-left: 5px;
    padding-right: 5px; }

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px; }

.w-10 {
    width: 10%; }

.mt-10 {
    margin-top: 10px; }

.mb-10 {
    margin-bottom: 10px; }

.ml-10 {
    margin-left: 10px; }

.pt-10 {
    padding-top: 10px; }

.pb-10 {
    padding-bottom: 10px; }

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px; }

.px-10 {
    padding-left: 10px;
    padding-right: 10px; }

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px; }

.w-15 {
    width: 15%; }

.mt-15 {
    margin-top: 15px; }

.mb-15 {
    margin-bottom: 15px; }

.ml-15 {
    margin-left: 15px; }

.pt-15 {
    padding-top: 15px; }

.pb-15 {
    padding-bottom: 15px; }

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px; }

.px-15 {
    padding-left: 15px;
    padding-right: 15px; }

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px; }

.w-20 {
    width: 20%; }

.mt-20 {
    margin-top: 20px; }

.mb-20 {
    margin-bottom: 20px; }

.ml-20 {
    margin-left: 20px; }

.pt-20 {
    padding-top: 20px; }

.pb-20 {
    padding-bottom: 20px; }

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px; }

.px-20 {
    padding-left: 20px;
    padding-right: 20px; }

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px; }

.w-25 {
    width: 25%; }

.mt-25 {
    margin-top: 25px; }

.mb-25 {
    margin-bottom: 25px; }

.ml-25 {
    margin-left: 25px; }

.pt-25 {
    padding-top: 25px; }

.pb-25 {
    padding-bottom: 25px; }

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px; }

.px-25 {
    padding-left: 25px;
    padding-right: 25px; }

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px; }

.w-30 {
    width: 30%; }

.mt-30 {
    margin-top: 30px; }

.mb-30 {
    margin-bottom: 30px; }

.ml-30 {
    margin-left: 30px; }

.pt-30 {
    padding-top: 30px; }

.pb-30 {
    padding-bottom: 30px; }

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px; }

.px-30 {
    padding-left: 30px;
    padding-right: 30px; }

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px; }

.w-35 {
    width: 35%; }

.mt-35 {
    margin-top: 35px; }

.mb-35 {
    margin-bottom: 35px; }

.ml-35 {
    margin-left: 35px; }

.pt-35 {
    padding-top: 35px; }

.pb-35 {
    padding-bottom: 35px; }

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px; }

.px-35 {
    padding-left: 35px;
    padding-right: 35px; }

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px; }

.w-40 {
    width: 40%; }

.mt-40 {
    margin-top: 40px; }

.mb-40 {
    margin-bottom: 40px; }

.ml-40 {
    margin-left: 40px; }

.pt-40 {
    padding-top: 40px; }

.pb-40 {
    padding-bottom: 40px; }

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px; }

.px-40 {
    padding-left: 40px;
    padding-right: 40px; }

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px; }

.w-45 {
    width: 45%; }

.mt-45 {
    margin-top: 45px; }

.mb-45 {
    margin-bottom: 45px; }

.ml-45 {
    margin-left: 45px; }

.pt-45 {
    padding-top: 45px; }

.pb-45 {
    padding-bottom: 45px; }

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px; }

.px-45 {
    padding-left: 45px;
    padding-right: 45px; }

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px; }

.w-50 {
    width: 50%; }

.mt-50 {
    margin-top: 50px; }

.mb-50 {
    margin-bottom: 50px; }

.ml-50 {
    margin-left: 50px; }

.pt-50 {
    padding-top: 50px; }

.pb-50 {
    padding-bottom: 50px; }

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px; }

.px-50 {
    padding-left: 50px;
    padding-right: 50px; }

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px; }

.w-55 {
    width: 55%; }

.mt-55 {
    margin-top: 55px; }

.mb-55 {
    margin-bottom: 55px; }

.ml-55 {
    margin-left: 55px; }

.pt-55 {
    padding-top: 55px; }

.pb-55 {
    padding-bottom: 55px; }

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px; }

.px-55 {
    padding-left: 55px;
    padding-right: 55px; }

.my-55 {
    margin-top: 55px;
    margin-bottom: 55px; }

.w-60 {
    width: 60%; }

.mt-60 {
    margin-top: 60px; }

.mb-60 {
    margin-bottom: 60px; }

.ml-60 {
    margin-left: 60px; }

.pt-60 {
    padding-top: 60px; }

.pb-60 {
    padding-bottom: 60px; }

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px; }

.px-60 {
    padding-left: 60px;
    padding-right: 60px; }

.my-60 {
    margin-top: 60px;
    margin-bottom: 60px; }

.w-65 {
    width: 65%; }

.mt-65 {
    margin-top: 65px; }

.mb-65 {
    margin-bottom: 65px; }

.ml-65 {
    margin-left: 65px; }

.pt-65 {
    padding-top: 65px; }

.pb-65 {
    padding-bottom: 65px; }

.py-65 {
    padding-top: 65px;
    padding-bottom: 65px; }

.px-65 {
    padding-left: 65px;
    padding-right: 65px; }

.my-65 {
    margin-top: 65px;
    margin-bottom: 65px; }

.w-70 {
    width: 70%; }

.mt-70 {
    margin-top: 70px; }

.mb-70 {
    margin-bottom: 70px; }

.ml-70 {
    margin-left: 70px; }

.pt-70 {
    padding-top: 70px; }

.pb-70 {
    padding-bottom: 70px; }

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px; }

.px-70 {
    padding-left: 70px;
    padding-right: 70px; }

.my-70 {
    margin-top: 70px;
    margin-bottom: 70px; }

.w-75 {
    width: 75%; }

.mt-75 {
    margin-top: 75px; }

.mb-75 {
    margin-bottom: 75px; }

.ml-75 {
    margin-left: 75px; }

.pt-75 {
    padding-top: 75px; }

.pb-75 {
    padding-bottom: 75px; }

.py-75 {
    padding-top: 75px;
    padding-bottom: 75px; }

.px-75 {
    padding-left: 75px;
    padding-right: 75px; }

.my-75 {
    margin-top: 75px;
    margin-bottom: 75px; }

.w-80 {
    width: 80%; }

.mt-80 {
    margin-top: 80px; }

.mb-80 {
    margin-bottom: 80px; }

.ml-80 {
    margin-left: 80px; }

.pt-80 {
    padding-top: 80px; }

.pb-80 {
    padding-bottom: 80px; }

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px; }

.px-80 {
    padding-left: 80px;
    padding-right: 80px; }

.my-80 {
    margin-top: 80px;
    margin-bottom: 80px; }

.w-85 {
    width: 85%; }

.mt-85 {
    margin-top: 85px; }

.mb-85 {
    margin-bottom: 85px; }

.ml-85 {
    margin-left: 85px; }

.pt-85 {
    padding-top: 85px; }

.pb-85 {
    padding-bottom: 85px; }

.py-85 {
    padding-top: 85px;
    padding-bottom: 85px; }

.px-85 {
    padding-left: 85px;
    padding-right: 85px; }

.my-85 {
    margin-top: 85px;
    margin-bottom: 85px; }

.w-90 {
    width: 90%; }

.mt-90 {
    margin-top: 90px; }

.mb-90 {
    margin-bottom: 90px; }

.ml-90 {
    margin-left: 90px; }

.pt-90 {
    padding-top: 90px; }

.pb-90 {
    padding-bottom: 90px; }

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px; }

.px-90 {
    padding-left: 90px;
    padding-right: 90px; }

.my-90 {
    margin-top: 90px;
    margin-bottom: 90px; }

.w-95 {
    width: 95%; }

.mt-95 {
    margin-top: 95px; }

.mb-95 {
    margin-bottom: 95px; }

.ml-95 {
    margin-left: 95px; }

.pt-95 {
    padding-top: 95px; }

.pb-95 {
    padding-bottom: 95px; }

.py-95 {
    padding-top: 95px;
    padding-bottom: 95px; }

.px-95 {
    padding-left: 95px;
    padding-right: 95px; }

.my-95 {
    margin-top: 95px;
    margin-bottom: 95px; }

.w-100 {
    width: 100%; }

.mt-100 {
    margin-top: 100px; }

.mb-100 {
    margin-bottom: 100px; }

.ml-100 {
    margin-left: 100px; }

.pt-100 {
    padding-top: 100px; }

.pb-100 {
    padding-bottom: 100px; }

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px; }

.px-100 {
    padding-left: 100px;
    padding-right: 100px; }

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px; }

@media screen and (max-width: 80em) {
    .hidden-lg {
        display: none; }
    .hidden-lg.import {
        display: none !important; }

    .hide-lg {
        display: none; }
    .hide-lg.import {
        display: none !important; }

    .show-lg {
        display: block; }
    .show-lg.inline {
        display: inline; }
    .show-lg.row, .show-lg.flex {
        display: flex; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ visible mods */
    .visble-lg {
        display: block; }
    .visble-lg.import {
        display: block !important; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ text align mods */
    .txt-lg-j {
        text-align: justify; }

    .txt-lg-c {
        text-align: center; }

    .txt-lg-r {
        text-align: right; }

    .txt-lg-l {
        text-align: left; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ gc : grid col unset width size */
    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ str cut */
    [style*="--py-lg"] {
        padding-top: var(--py-lg);
        padding-bottom: var(--py-lg); }

    [style*="--px-lg"] {
        padding-left: var(--px-lg);
        padding-right: var(--px-lg); }

    [style*="--pr-lg"] {
        padding-right: var(--pr-lg); }

    [style*="--pl-lg"] {
        padding-left: var(--pl-lg); }

    [style*="--pb-lg"] {
        padding-bottom: var(--pb-lg); }

    [style*="--pt-lg"] {
        padding-top: var(--pt-lg); }

    [style*="--mx-lg"] {
        margin-left: var(--mx-lg);
        margin-right: var(--mx-lg); }

    [style*="--my-lg"] {
        margin-top: var(--my-lg);
        margin-bottom: var(--my-lg); }

    [style*="--ml-lg"] {
        margin-left: var(--ml-lg); }

    [style*="--mr-lg"] {
        margin-right: var(--mr-lg); }

    [style*="--mt-lg"] {
        margin-top: var(--mt-lg); }

    [style*="--mb-lg"] {
        margin-bottom: var(--mb-lg); }

    [style*="--fs-lg:"] {
        font-size: var(--fs-lg) !important; }

    .scr-x-lg {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -os-overflow-scrolling: touch; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ widths */
    .var.w[style*="-w-lg"] {
        width: var(--w-lg); }

    [style*="-w-lg"] {
        width: var(--w-lg); }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim zero */
    .pt-0-lg {
        padding-top: 0; }

    .mt-0-lg {
        margin-top: 0; }

    .mb-0-lg {
        margin-bottom: 0; }

    .mt-lg {
        margin-top: unset; }

    .mb-lg {
        margin-bottom: unset; }

    .pt-lg {
        padding-top: unset; }

    .pb-lg {
        padding-bottom: unset; }

    .mr-lg {
        margin-right: unset; }

    .ml-lg {
        margin-left: unset; }

    .pr-lg {
        padding-right: unset; }

    .pl-lg {
        padding-left: unset; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim */
    .w-5-lg {
        width: 5%; }

    .mt-5-lg {
        margin-top: 5px; }

    .mb-5-lg {
        margin-bottom: 5px; }

    .ml-5-lg {
        margin-left: 5px; }

    .pt-5-lg {
        padding-top: 5px; }

    .pb-5-lg {
        padding-bottom: 5px; }

    .py-5-lg {
        padding-top: 5px;
        padding-bottom: 5px; }

    .px-5-lg {
        padding-left: 5px;
        padding-right: 5px; }

    .my-5-lg {
        margin-top: 5px;
        margin-bottom: 5px; }

    .w-10-lg {
        width: 10%; }

    .mt-10-lg {
        margin-top: 10px; }

    .mb-10-lg {
        margin-bottom: 10px; }

    .ml-10-lg {
        margin-left: 10px; }

    .pt-10-lg {
        padding-top: 10px; }

    .pb-10-lg {
        padding-bottom: 10px; }

    .py-10-lg {
        padding-top: 10px;
        padding-bottom: 10px; }

    .px-10-lg {
        padding-left: 10px;
        padding-right: 10px; }

    .my-10-lg {
        margin-top: 10px;
        margin-bottom: 10px; }

    .w-15-lg {
        width: 15%; }

    .mt-15-lg {
        margin-top: 15px; }

    .mb-15-lg {
        margin-bottom: 15px; }

    .ml-15-lg {
        margin-left: 15px; }

    .pt-15-lg {
        padding-top: 15px; }

    .pb-15-lg {
        padding-bottom: 15px; }

    .py-15-lg {
        padding-top: 15px;
        padding-bottom: 15px; }

    .px-15-lg {
        padding-left: 15px;
        padding-right: 15px; }

    .my-15-lg {
        margin-top: 15px;
        margin-bottom: 15px; }

    .w-20-lg {
        width: 20%; }

    .mt-20-lg {
        margin-top: 20px; }

    .mb-20-lg {
        margin-bottom: 20px; }

    .ml-20-lg {
        margin-left: 20px; }

    .pt-20-lg {
        padding-top: 20px; }

    .pb-20-lg {
        padding-bottom: 20px; }

    .py-20-lg {
        padding-top: 20px;
        padding-bottom: 20px; }

    .px-20-lg {
        padding-left: 20px;
        padding-right: 20px; }

    .my-20-lg {
        margin-top: 20px;
        margin-bottom: 20px; }

    .w-25-lg {
        width: 25%; }

    .mt-25-lg {
        margin-top: 25px; }

    .mb-25-lg {
        margin-bottom: 25px; }

    .ml-25-lg {
        margin-left: 25px; }

    .pt-25-lg {
        padding-top: 25px; }

    .pb-25-lg {
        padding-bottom: 25px; }

    .py-25-lg {
        padding-top: 25px;
        padding-bottom: 25px; }

    .px-25-lg {
        padding-left: 25px;
        padding-right: 25px; }

    .my-25-lg {
        margin-top: 25px;
        margin-bottom: 25px; }

    .w-30-lg {
        width: 30%; }

    .mt-30-lg {
        margin-top: 30px; }

    .mb-30-lg {
        margin-bottom: 30px; }

    .ml-30-lg {
        margin-left: 30px; }

    .pt-30-lg {
        padding-top: 30px; }

    .pb-30-lg {
        padding-bottom: 30px; }

    .py-30-lg {
        padding-top: 30px;
        padding-bottom: 30px; }

    .px-30-lg {
        padding-left: 30px;
        padding-right: 30px; }

    .my-30-lg {
        margin-top: 30px;
        margin-bottom: 30px; }

    .w-35-lg {
        width: 35%; }

    .mt-35-lg {
        margin-top: 35px; }

    .mb-35-lg {
        margin-bottom: 35px; }

    .ml-35-lg {
        margin-left: 35px; }

    .pt-35-lg {
        padding-top: 35px; }

    .pb-35-lg {
        padding-bottom: 35px; }

    .py-35-lg {
        padding-top: 35px;
        padding-bottom: 35px; }

    .px-35-lg {
        padding-left: 35px;
        padding-right: 35px; }

    .my-35-lg {
        margin-top: 35px;
        margin-bottom: 35px; }

    .w-40-lg {
        width: 40%; }

    .mt-40-lg {
        margin-top: 40px; }

    .mb-40-lg {
        margin-bottom: 40px; }

    .ml-40-lg {
        margin-left: 40px; }

    .pt-40-lg {
        padding-top: 40px; }

    .pb-40-lg {
        padding-bottom: 40px; }

    .py-40-lg {
        padding-top: 40px;
        padding-bottom: 40px; }

    .px-40-lg {
        padding-left: 40px;
        padding-right: 40px; }

    .my-40-lg {
        margin-top: 40px;
        margin-bottom: 40px; }

    .w-45-lg {
        width: 45%; }

    .mt-45-lg {
        margin-top: 45px; }

    .mb-45-lg {
        margin-bottom: 45px; }

    .ml-45-lg {
        margin-left: 45px; }

    .pt-45-lg {
        padding-top: 45px; }

    .pb-45-lg {
        padding-bottom: 45px; }

    .py-45-lg {
        padding-top: 45px;
        padding-bottom: 45px; }

    .px-45-lg {
        padding-left: 45px;
        padding-right: 45px; }

    .my-45-lg {
        margin-top: 45px;
        margin-bottom: 45px; }

    .w-50-lg {
        width: 50%; }

    .mt-50-lg {
        margin-top: 50px; }

    .mb-50-lg {
        margin-bottom: 50px; }

    .ml-50-lg {
        margin-left: 50px; }

    .pt-50-lg {
        padding-top: 50px; }

    .pb-50-lg {
        padding-bottom: 50px; }

    .py-50-lg {
        padding-top: 50px;
        padding-bottom: 50px; }

    .px-50-lg {
        padding-left: 50px;
        padding-right: 50px; }

    .my-50-lg {
        margin-top: 50px;
        margin-bottom: 50px; }

    .w-55-lg {
        width: 55%; }

    .mt-55-lg {
        margin-top: 55px; }

    .mb-55-lg {
        margin-bottom: 55px; }

    .ml-55-lg {
        margin-left: 55px; }

    .pt-55-lg {
        padding-top: 55px; }

    .pb-55-lg {
        padding-bottom: 55px; }

    .py-55-lg {
        padding-top: 55px;
        padding-bottom: 55px; }

    .px-55-lg {
        padding-left: 55px;
        padding-right: 55px; }

    .my-55-lg {
        margin-top: 55px;
        margin-bottom: 55px; }

    .w-60-lg {
        width: 60%; }

    .mt-60-lg {
        margin-top: 60px; }

    .mb-60-lg {
        margin-bottom: 60px; }

    .ml-60-lg {
        margin-left: 60px; }

    .pt-60-lg {
        padding-top: 60px; }

    .pb-60-lg {
        padding-bottom: 60px; }

    .py-60-lg {
        padding-top: 60px;
        padding-bottom: 60px; }

    .px-60-lg {
        padding-left: 60px;
        padding-right: 60px; }

    .my-60-lg {
        margin-top: 60px;
        margin-bottom: 60px; }

    .w-65-lg {
        width: 65%; }

    .mt-65-lg {
        margin-top: 65px; }

    .mb-65-lg {
        margin-bottom: 65px; }

    .ml-65-lg {
        margin-left: 65px; }

    .pt-65-lg {
        padding-top: 65px; }

    .pb-65-lg {
        padding-bottom: 65px; }

    .py-65-lg {
        padding-top: 65px;
        padding-bottom: 65px; }

    .px-65-lg {
        padding-left: 65px;
        padding-right: 65px; }

    .my-65-lg {
        margin-top: 65px;
        margin-bottom: 65px; }

    .w-70-lg {
        width: 70%; }

    .mt-70-lg {
        margin-top: 70px; }

    .mb-70-lg {
        margin-bottom: 70px; }

    .ml-70-lg {
        margin-left: 70px; }

    .pt-70-lg {
        padding-top: 70px; }

    .pb-70-lg {
        padding-bottom: 70px; }

    .py-70-lg {
        padding-top: 70px;
        padding-bottom: 70px; }

    .px-70-lg {
        padding-left: 70px;
        padding-right: 70px; }

    .my-70-lg {
        margin-top: 70px;
        margin-bottom: 70px; }

    .w-75-lg {
        width: 75%; }

    .mt-75-lg {
        margin-top: 75px; }

    .mb-75-lg {
        margin-bottom: 75px; }

    .ml-75-lg {
        margin-left: 75px; }

    .pt-75-lg {
        padding-top: 75px; }

    .pb-75-lg {
        padding-bottom: 75px; }

    .py-75-lg {
        padding-top: 75px;
        padding-bottom: 75px; }

    .px-75-lg {
        padding-left: 75px;
        padding-right: 75px; }

    .my-75-lg {
        margin-top: 75px;
        margin-bottom: 75px; }

    .w-80-lg {
        width: 80%; }

    .mt-80-lg {
        margin-top: 80px; }

    .mb-80-lg {
        margin-bottom: 80px; }

    .ml-80-lg {
        margin-left: 80px; }

    .pt-80-lg {
        padding-top: 80px; }

    .pb-80-lg {
        padding-bottom: 80px; }

    .py-80-lg {
        padding-top: 80px;
        padding-bottom: 80px; }

    .px-80-lg {
        padding-left: 80px;
        padding-right: 80px; }

    .my-80-lg {
        margin-top: 80px;
        margin-bottom: 80px; }

    .w-85-lg {
        width: 85%; }

    .mt-85-lg {
        margin-top: 85px; }

    .mb-85-lg {
        margin-bottom: 85px; }

    .ml-85-lg {
        margin-left: 85px; }

    .pt-85-lg {
        padding-top: 85px; }

    .pb-85-lg {
        padding-bottom: 85px; }

    .py-85-lg {
        padding-top: 85px;
        padding-bottom: 85px; }

    .px-85-lg {
        padding-left: 85px;
        padding-right: 85px; }

    .my-85-lg {
        margin-top: 85px;
        margin-bottom: 85px; }

    .w-90-lg {
        width: 90%; }

    .mt-90-lg {
        margin-top: 90px; }

    .mb-90-lg {
        margin-bottom: 90px; }

    .ml-90-lg {
        margin-left: 90px; }

    .pt-90-lg {
        padding-top: 90px; }

    .pb-90-lg {
        padding-bottom: 90px; }

    .py-90-lg {
        padding-top: 90px;
        padding-bottom: 90px; }

    .px-90-lg {
        padding-left: 90px;
        padding-right: 90px; }

    .my-90-lg {
        margin-top: 90px;
        margin-bottom: 90px; }

    .w-95-lg {
        width: 95%; }

    .mt-95-lg {
        margin-top: 95px; }

    .mb-95-lg {
        margin-bottom: 95px; }

    .ml-95-lg {
        margin-left: 95px; }

    .pt-95-lg {
        padding-top: 95px; }

    .pb-95-lg {
        padding-bottom: 95px; }

    .py-95-lg {
        padding-top: 95px;
        padding-bottom: 95px; }

    .px-95-lg {
        padding-left: 95px;
        padding-right: 95px; }

    .my-95-lg {
        margin-top: 95px;
        margin-bottom: 95px; }

    .w-100-lg {
        width: 100%; }

    .mt-100-lg {
        margin-top: 100px; }

    .mb-100-lg {
        margin-bottom: 100px; }

    .ml-100-lg {
        margin-left: 100px; }

    .pt-100-lg {
        padding-top: 100px; }

    .pb-100-lg {
        padding-bottom: 100px; }

    .py-100-lg {
        padding-top: 100px;
        padding-bottom: 100px; }

    .px-100-lg {
        padding-left: 100px;
        padding-right: 100px; }

    .my-100-lg {
        margin-top: 100px;
        margin-bottom: 100px; } }
@media screen and (max-width: 64em) {
    .hidden-md {
        display: none; }
    .hidden-md.import {
        display: none !important; }

    .hide-md {
        display: none; }
    .hide-md.import {
        display: none !important; }

    .show-md {
        display: block; }
    .show-md.inline {
        display: inline; }
    .show-md.row, .show-md.flex {
        display: flex; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ visible mods */
    .visble-md {
        display: block; }
    .visble-md.import {
        display: block !important; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ text align mods */
    .txt-md-j {
        text-align: justify; }

    .txt-md-c {
        text-align: center; }

    .txt-md-r {
        text-align: right; }

    .txt-md-l {
        text-align: left; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ gc : grid col unset width size */
    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ str cut */
    [style*="--py-md"] {
        padding-top: var(--py-md);
        padding-bottom: var(--py-md); }

    [style*="--px-md"] {
        padding-left: var(--px-md);
        padding-right: var(--px-md); }

    [style*="--pr-md"] {
        padding-right: var(--pr-md); }

    [style*="--pl-md"] {
        padding-left: var(--pl-md); }

    [style*="--pb-md"] {
        padding-bottom: var(--pb-md); }

    [style*="--pt-md"] {
        padding-top: var(--pt-md); }

    [style*="--mx-md"] {
        margin-left: var(--mx-md);
        margin-right: var(--mx-md); }

    [style*="--my-md"] {
        margin-top: var(--my-md);
        margin-bottom: var(--my-md); }

    [style*="--ml-md"] {
        margin-left: var(--ml-md); }

    [style*="--mr-md"] {
        margin-right: var(--mr-md); }

    [style*="--mt-md"] {
        margin-top: var(--mt-md); }

    [style*="--mb-md"] {
        margin-bottom: var(--mb-md); }

    [style*="--fs-md:"] {
        font-size: var(--fs-md) !important; }

    .scr-x-md {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -os-overflow-scrolling: touch; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ widths */
    .var.w[style*="-w-md"] {
        width: var(--w-md); }

    [style*="-w-md"] {
        width: var(--w-md); }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim zero */
    .pt-0-md {
        padding-top: 0; }

    .mt-0-md {
        margin-top: 0; }

    .mb-0-md {
        margin-bottom: 0; }

    .mt-md {
        margin-top: unset; }

    .mb-md {
        margin-bottom: unset; }

    .pt-md {
        padding-top: unset; }

    .pb-md {
        padding-bottom: unset; }

    .mr-md {
        margin-right: unset; }

    .ml-md {
        margin-left: unset; }

    .pr-md {
        padding-right: unset; }

    .pl-md {
        padding-left: unset; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim */
    .w-5-md {
        width: 5%; }

    .mt-5-md {
        margin-top: 5px; }

    .mb-5-md {
        margin-bottom: 5px; }

    .ml-5-md {
        margin-left: 5px; }

    .pt-5-md {
        padding-top: 5px; }

    .pb-5-md {
        padding-bottom: 5px; }

    .py-5-md {
        padding-top: 5px;
        padding-bottom: 5px; }

    .px-5-md {
        padding-left: 5px;
        padding-right: 5px; }

    .my-5-md {
        margin-top: 5px;
        margin-bottom: 5px; }

    .w-10-md {
        width: 10%; }

    .mt-10-md {
        margin-top: 10px; }

    .mb-10-md {
        margin-bottom: 10px; }

    .ml-10-md {
        margin-left: 10px; }

    .pt-10-md {
        padding-top: 10px; }

    .pb-10-md {
        padding-bottom: 10px; }

    .py-10-md {
        padding-top: 10px;
        padding-bottom: 10px; }

    .px-10-md {
        padding-left: 10px;
        padding-right: 10px; }

    .my-10-md {
        margin-top: 10px;
        margin-bottom: 10px; }

    .w-15-md {
        width: 15%; }

    .mt-15-md {
        margin-top: 15px; }

    .mb-15-md {
        margin-bottom: 15px; }

    .ml-15-md {
        margin-left: 15px; }

    .pt-15-md {
        padding-top: 15px; }

    .pb-15-md {
        padding-bottom: 15px; }

    .py-15-md {
        padding-top: 15px;
        padding-bottom: 15px; }

    .px-15-md {
        padding-left: 15px;
        padding-right: 15px; }

    .my-15-md {
        margin-top: 15px;
        margin-bottom: 15px; }

    .w-20-md {
        width: 20%; }

    .mt-20-md {
        margin-top: 20px; }

    .mb-20-md {
        margin-bottom: 20px; }

    .ml-20-md {
        margin-left: 20px; }

    .pt-20-md {
        padding-top: 20px; }

    .pb-20-md {
        padding-bottom: 20px; }

    .py-20-md {
        padding-top: 20px;
        padding-bottom: 20px; }

    .px-20-md {
        padding-left: 20px;
        padding-right: 20px; }

    .my-20-md {
        margin-top: 20px;
        margin-bottom: 20px; }

    .w-25-md {
        width: 25%; }

    .mt-25-md {
        margin-top: 25px; }

    .mb-25-md {
        margin-bottom: 25px; }

    .ml-25-md {
        margin-left: 25px; }

    .pt-25-md {
        padding-top: 25px; }

    .pb-25-md {
        padding-bottom: 25px; }

    .py-25-md {
        padding-top: 25px;
        padding-bottom: 25px; }

    .px-25-md {
        padding-left: 25px;
        padding-right: 25px; }

    .my-25-md {
        margin-top: 25px;
        margin-bottom: 25px; }

    .w-30-md {
        width: 30%; }

    .mt-30-md {
        margin-top: 30px; }

    .mb-30-md {
        margin-bottom: 30px; }

    .ml-30-md {
        margin-left: 30px; }

    .pt-30-md {
        padding-top: 30px; }

    .pb-30-md {
        padding-bottom: 30px; }

    .py-30-md {
        padding-top: 30px;
        padding-bottom: 30px; }

    .px-30-md {
        padding-left: 30px;
        padding-right: 30px; }

    .my-30-md {
        margin-top: 30px;
        margin-bottom: 30px; }

    .w-35-md {
        width: 35%; }

    .mt-35-md {
        margin-top: 35px; }

    .mb-35-md {
        margin-bottom: 35px; }

    .ml-35-md {
        margin-left: 35px; }

    .pt-35-md {
        padding-top: 35px; }

    .pb-35-md {
        padding-bottom: 35px; }

    .py-35-md {
        padding-top: 35px;
        padding-bottom: 35px; }

    .px-35-md {
        padding-left: 35px;
        padding-right: 35px; }

    .my-35-md {
        margin-top: 35px;
        margin-bottom: 35px; }

    .w-40-md {
        width: 40%; }

    .mt-40-md {
        margin-top: 40px; }

    .mb-40-md {
        margin-bottom: 40px; }

    .ml-40-md {
        margin-left: 40px; }

    .pt-40-md {
        padding-top: 40px; }

    .pb-40-md {
        padding-bottom: 40px; }

    .py-40-md {
        padding-top: 40px;
        padding-bottom: 40px; }

    .px-40-md {
        padding-left: 40px;
        padding-right: 40px; }

    .my-40-md {
        margin-top: 40px;
        margin-bottom: 40px; }

    .w-45-md {
        width: 45%; }

    .mt-45-md {
        margin-top: 45px; }

    .mb-45-md {
        margin-bottom: 45px; }

    .ml-45-md {
        margin-left: 45px; }

    .pt-45-md {
        padding-top: 45px; }

    .pb-45-md {
        padding-bottom: 45px; }

    .py-45-md {
        padding-top: 45px;
        padding-bottom: 45px; }

    .px-45-md {
        padding-left: 45px;
        padding-right: 45px; }

    .my-45-md {
        margin-top: 45px;
        margin-bottom: 45px; }

    .w-50-md {
        width: 50%; }

    .mt-50-md {
        margin-top: 50px; }

    .mb-50-md {
        margin-bottom: 50px; }

    .ml-50-md {
        margin-left: 50px; }

    .pt-50-md {
        padding-top: 50px; }

    .pb-50-md {
        padding-bottom: 50px; }

    .py-50-md {
        padding-top: 50px;
        padding-bottom: 50px; }

    .px-50-md {
        padding-left: 50px;
        padding-right: 50px; }

    .my-50-md {
        margin-top: 50px;
        margin-bottom: 50px; }

    .w-55-md {
        width: 55%; }

    .mt-55-md {
        margin-top: 55px; }

    .mb-55-md {
        margin-bottom: 55px; }

    .ml-55-md {
        margin-left: 55px; }

    .pt-55-md {
        padding-top: 55px; }

    .pb-55-md {
        padding-bottom: 55px; }

    .py-55-md {
        padding-top: 55px;
        padding-bottom: 55px; }

    .px-55-md {
        padding-left: 55px;
        padding-right: 55px; }

    .my-55-md {
        margin-top: 55px;
        margin-bottom: 55px; }

    .w-60-md {
        width: 60%; }

    .mt-60-md {
        margin-top: 60px; }

    .mb-60-md {
        margin-bottom: 60px; }

    .ml-60-md {
        margin-left: 60px; }

    .pt-60-md {
        padding-top: 60px; }

    .pb-60-md {
        padding-bottom: 60px; }

    .py-60-md {
        padding-top: 60px;
        padding-bottom: 60px; }

    .px-60-md {
        padding-left: 60px;
        padding-right: 60px; }

    .my-60-md {
        margin-top: 60px;
        margin-bottom: 60px; }

    .w-65-md {
        width: 65%; }

    .mt-65-md {
        margin-top: 65px; }

    .mb-65-md {
        margin-bottom: 65px; }

    .ml-65-md {
        margin-left: 65px; }

    .pt-65-md {
        padding-top: 65px; }

    .pb-65-md {
        padding-bottom: 65px; }

    .py-65-md {
        padding-top: 65px;
        padding-bottom: 65px; }

    .px-65-md {
        padding-left: 65px;
        padding-right: 65px; }

    .my-65-md {
        margin-top: 65px;
        margin-bottom: 65px; }

    .w-70-md {
        width: 70%; }

    .mt-70-md {
        margin-top: 70px; }

    .mb-70-md {
        margin-bottom: 70px; }

    .ml-70-md {
        margin-left: 70px; }

    .pt-70-md {
        padding-top: 70px; }

    .pb-70-md {
        padding-bottom: 70px; }

    .py-70-md {
        padding-top: 70px;
        padding-bottom: 70px; }

    .px-70-md {
        padding-left: 70px;
        padding-right: 70px; }

    .my-70-md {
        margin-top: 70px;
        margin-bottom: 70px; }

    .w-75-md {
        width: 75%; }

    .mt-75-md {
        margin-top: 75px; }

    .mb-75-md {
        margin-bottom: 75px; }

    .ml-75-md {
        margin-left: 75px; }

    .pt-75-md {
        padding-top: 75px; }

    .pb-75-md {
        padding-bottom: 75px; }

    .py-75-md {
        padding-top: 75px;
        padding-bottom: 75px; }

    .px-75-md {
        padding-left: 75px;
        padding-right: 75px; }

    .my-75-md {
        margin-top: 75px;
        margin-bottom: 75px; }

    .w-80-md {
        width: 80%; }

    .mt-80-md {
        margin-top: 80px; }

    .mb-80-md {
        margin-bottom: 80px; }

    .ml-80-md {
        margin-left: 80px; }

    .pt-80-md {
        padding-top: 80px; }

    .pb-80-md {
        padding-bottom: 80px; }

    .py-80-md {
        padding-top: 80px;
        padding-bottom: 80px; }

    .px-80-md {
        padding-left: 80px;
        padding-right: 80px; }

    .my-80-md {
        margin-top: 80px;
        margin-bottom: 80px; }

    .w-85-md {
        width: 85%; }

    .mt-85-md {
        margin-top: 85px; }

    .mb-85-md {
        margin-bottom: 85px; }

    .ml-85-md {
        margin-left: 85px; }

    .pt-85-md {
        padding-top: 85px; }

    .pb-85-md {
        padding-bottom: 85px; }

    .py-85-md {
        padding-top: 85px;
        padding-bottom: 85px; }

    .px-85-md {
        padding-left: 85px;
        padding-right: 85px; }

    .my-85-md {
        margin-top: 85px;
        margin-bottom: 85px; }

    .w-90-md {
        width: 90%; }

    .mt-90-md {
        margin-top: 90px; }

    .mb-90-md {
        margin-bottom: 90px; }

    .ml-90-md {
        margin-left: 90px; }

    .pt-90-md {
        padding-top: 90px; }

    .pb-90-md {
        padding-bottom: 90px; }

    .py-90-md {
        padding-top: 90px;
        padding-bottom: 90px; }

    .px-90-md {
        padding-left: 90px;
        padding-right: 90px; }

    .my-90-md {
        margin-top: 90px;
        margin-bottom: 90px; }

    .w-95-md {
        width: 95%; }

    .mt-95-md {
        margin-top: 95px; }

    .mb-95-md {
        margin-bottom: 95px; }

    .ml-95-md {
        margin-left: 95px; }

    .pt-95-md {
        padding-top: 95px; }

    .pb-95-md {
        padding-bottom: 95px; }

    .py-95-md {
        padding-top: 95px;
        padding-bottom: 95px; }

    .px-95-md {
        padding-left: 95px;
        padding-right: 95px; }

    .my-95-md {
        margin-top: 95px;
        margin-bottom: 95px; }

    .w-100-md {
        width: 100%; }

    .mt-100-md {
        margin-top: 100px; }

    .mb-100-md {
        margin-bottom: 100px; }

    .ml-100-md {
        margin-left: 100px; }

    .pt-100-md {
        padding-top: 100px; }

    .pb-100-md {
        padding-bottom: 100px; }

    .py-100-md {
        padding-top: 100px;
        padding-bottom: 100px; }

    .px-100-md {
        padding-left: 100px;
        padding-right: 100px; }

    .my-100-md {
        margin-top: 100px;
        margin-bottom: 100px; } }
@media screen and (max-width: 54em) {
    .hidden-sm {
        display: none; }
    .hidden-sm.import {
        display: none !important; }

    .hide-sm {
        display: none; }
    .hide-sm.import {
        display: none !important; }

    .show-sm {
        display: block; }
    .show-sm.inline {
        display: inline; }
    .show-sm.row, .show-sm.flex {
        display: flex; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ visible mods */
    .visble-sm {
        display: block; }
    .visble-sm.import {
        display: block !important; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ text align mods */
    .txt-sm-j {
        text-align: justify; }

    .txt-sm-c {
        text-align: center; }

    .txt-sm-r {
        text-align: right; }

    .txt-sm-l {
        text-align: left; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ gc : grid col unset width size */
    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ str cut */
    [style*="--py-sm"] {
        padding-top: var(--py-sm);
        padding-bottom: var(--py-sm); }

    [style*="--px-sm"] {
        padding-left: var(--px-sm);
        padding-right: var(--px-sm); }

    [style*="--pr-sm"] {
        padding-right: var(--pr-sm); }

    [style*="--pl-sm"] {
        padding-left: var(--pl-sm); }

    [style*="--pb-sm"] {
        padding-bottom: var(--pb-sm); }

    [style*="--pt-sm"] {
        padding-top: var(--pt-sm); }

    [style*="--mx-sm"] {
        margin-left: var(--mx-sm);
        margin-right: var(--mx-sm); }

    [style*="--my-sm"] {
        margin-top: var(--my-sm);
        margin-bottom: var(--my-sm); }

    [style*="--ml-sm"] {
        margin-left: var(--ml-sm); }

    [style*="--mr-sm"] {
        margin-right: var(--mr-sm); }

    [style*="--mt-sm"] {
        margin-top: var(--mt-sm); }

    [style*="--mb-sm"] {
        margin-bottom: var(--mb-sm); }

    [style*="--fs-sm:"] {
        font-size: var(--fs-sm) !important; }

    .scr-x-sm {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -os-overflow-scrolling: touch; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ widths */
    .var.w[style*="-w-sm"] {
        width: var(--w-sm); }

    [style*="-w-sm"] {
        width: var(--w-sm); }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim zero */
    .pt-0-sm {
        padding-top: 0; }

    .mt-0-sm {
        margin-top: 0; }

    .mb-0-sm {
        margin-bottom: 0; }

    .mt-sm {
        margin-top: unset; }

    .mb-sm {
        margin-bottom: unset; }

    .pt-sm {
        padding-top: unset; }

    .pb-sm {
        padding-bottom: unset; }

    .mr-sm {
        margin-right: unset; }

    .ml-sm {
        margin-left: unset; }

    .pr-sm {
        padding-right: unset; }

    .pl-sm {
        padding-left: unset; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim */
    .w-5-sm {
        width: 5%; }

    .mt-5-sm {
        margin-top: 5px; }

    .mb-5-sm {
        margin-bottom: 5px; }

    .ml-5-sm {
        margin-left: 5px; }

    .pt-5-sm {
        padding-top: 5px; }

    .pb-5-sm {
        padding-bottom: 5px; }

    .py-5-sm {
        padding-top: 5px;
        padding-bottom: 5px; }

    .px-5-sm {
        padding-left: 5px;
        padding-right: 5px; }

    .my-5-sm {
        margin-top: 5px;
        margin-bottom: 5px; }

    .w-10-sm {
        width: 10%; }

    .mt-10-sm {
        margin-top: 10px; }

    .mb-10-sm {
        margin-bottom: 10px; }

    .ml-10-sm {
        margin-left: 10px; }

    .pt-10-sm {
        padding-top: 10px; }

    .pb-10-sm {
        padding-bottom: 10px; }

    .py-10-sm {
        padding-top: 10px;
        padding-bottom: 10px; }

    .px-10-sm {
        padding-left: 10px;
        padding-right: 10px; }

    .my-10-sm {
        margin-top: 10px;
        margin-bottom: 10px; }

    .w-15-sm {
        width: 15%; }

    .mt-15-sm {
        margin-top: 15px; }

    .mb-15-sm {
        margin-bottom: 15px; }

    .ml-15-sm {
        margin-left: 15px; }

    .pt-15-sm {
        padding-top: 15px; }

    .pb-15-sm {
        padding-bottom: 15px; }

    .py-15-sm {
        padding-top: 15px;
        padding-bottom: 15px; }

    .px-15-sm {
        padding-left: 15px;
        padding-right: 15px; }

    .my-15-sm {
        margin-top: 15px;
        margin-bottom: 15px; }

    .w-20-sm {
        width: 20%; }

    .mt-20-sm {
        margin-top: 20px; }

    .mb-20-sm {
        margin-bottom: 20px; }

    .ml-20-sm {
        margin-left: 20px; }

    .pt-20-sm {
        padding-top: 20px; }

    .pb-20-sm {
        padding-bottom: 20px; }

    .py-20-sm {
        padding-top: 20px;
        padding-bottom: 20px; }

    .px-20-sm {
        padding-left: 20px;
        padding-right: 20px; }

    .my-20-sm {
        margin-top: 20px;
        margin-bottom: 20px; }

    .w-25-sm {
        width: 25%; }

    .mt-25-sm {
        margin-top: 25px; }

    .mb-25-sm {
        margin-bottom: 25px; }

    .ml-25-sm {
        margin-left: 25px; }

    .pt-25-sm {
        padding-top: 25px; }

    .pb-25-sm {
        padding-bottom: 25px; }

    .py-25-sm {
        padding-top: 25px;
        padding-bottom: 25px; }

    .px-25-sm {
        padding-left: 25px;
        padding-right: 25px; }

    .my-25-sm {
        margin-top: 25px;
        margin-bottom: 25px; }

    .w-30-sm {
        width: 30%; }

    .mt-30-sm {
        margin-top: 30px; }

    .mb-30-sm {
        margin-bottom: 30px; }

    .ml-30-sm {
        margin-left: 30px; }

    .pt-30-sm {
        padding-top: 30px; }

    .pb-30-sm {
        padding-bottom: 30px; }

    .py-30-sm {
        padding-top: 30px;
        padding-bottom: 30px; }

    .px-30-sm {
        padding-left: 30px;
        padding-right: 30px; }

    .my-30-sm {
        margin-top: 30px;
        margin-bottom: 30px; }

    .w-35-sm {
        width: 35%; }

    .mt-35-sm {
        margin-top: 35px; }

    .mb-35-sm {
        margin-bottom: 35px; }

    .ml-35-sm {
        margin-left: 35px; }

    .pt-35-sm {
        padding-top: 35px; }

    .pb-35-sm {
        padding-bottom: 35px; }

    .py-35-sm {
        padding-top: 35px;
        padding-bottom: 35px; }

    .px-35-sm {
        padding-left: 35px;
        padding-right: 35px; }

    .my-35-sm {
        margin-top: 35px;
        margin-bottom: 35px; }

    .w-40-sm {
        width: 40%; }

    .mt-40-sm {
        margin-top: 40px; }

    .mb-40-sm {
        margin-bottom: 40px; }

    .ml-40-sm {
        margin-left: 40px; }

    .pt-40-sm {
        padding-top: 40px; }

    .pb-40-sm {
        padding-bottom: 40px; }

    .py-40-sm {
        padding-top: 40px;
        padding-bottom: 40px; }

    .px-40-sm {
        padding-left: 40px;
        padding-right: 40px; }

    .my-40-sm {
        margin-top: 40px;
        margin-bottom: 40px; }

    .w-45-sm {
        width: 45%; }

    .mt-45-sm {
        margin-top: 45px; }

    .mb-45-sm {
        margin-bottom: 45px; }

    .ml-45-sm {
        margin-left: 45px; }

    .pt-45-sm {
        padding-top: 45px; }

    .pb-45-sm {
        padding-bottom: 45px; }

    .py-45-sm {
        padding-top: 45px;
        padding-bottom: 45px; }

    .px-45-sm {
        padding-left: 45px;
        padding-right: 45px; }

    .my-45-sm {
        margin-top: 45px;
        margin-bottom: 45px; }

    .w-50-sm {
        width: 50%; }

    .mt-50-sm {
        margin-top: 50px; }

    .mb-50-sm {
        margin-bottom: 50px; }

    .ml-50-sm {
        margin-left: 50px; }

    .pt-50-sm {
        padding-top: 50px; }

    .pb-50-sm {
        padding-bottom: 50px; }

    .py-50-sm {
        padding-top: 50px;
        padding-bottom: 50px; }

    .px-50-sm {
        padding-left: 50px;
        padding-right: 50px; }

    .my-50-sm {
        margin-top: 50px;
        margin-bottom: 50px; }

    .w-55-sm {
        width: 55%; }

    .mt-55-sm {
        margin-top: 55px; }

    .mb-55-sm {
        margin-bottom: 55px; }

    .ml-55-sm {
        margin-left: 55px; }

    .pt-55-sm {
        padding-top: 55px; }

    .pb-55-sm {
        padding-bottom: 55px; }

    .py-55-sm {
        padding-top: 55px;
        padding-bottom: 55px; }

    .px-55-sm {
        padding-left: 55px;
        padding-right: 55px; }

    .my-55-sm {
        margin-top: 55px;
        margin-bottom: 55px; }

    .w-60-sm {
        width: 60%; }

    .mt-60-sm {
        margin-top: 60px; }

    .mb-60-sm {
        margin-bottom: 60px; }

    .ml-60-sm {
        margin-left: 60px; }

    .pt-60-sm {
        padding-top: 60px; }

    .pb-60-sm {
        padding-bottom: 60px; }

    .py-60-sm {
        padding-top: 60px;
        padding-bottom: 60px; }

    .px-60-sm {
        padding-left: 60px;
        padding-right: 60px; }

    .my-60-sm {
        margin-top: 60px;
        margin-bottom: 60px; }

    .w-65-sm {
        width: 65%; }

    .mt-65-sm {
        margin-top: 65px; }

    .mb-65-sm {
        margin-bottom: 65px; }

    .ml-65-sm {
        margin-left: 65px; }

    .pt-65-sm {
        padding-top: 65px; }

    .pb-65-sm {
        padding-bottom: 65px; }

    .py-65-sm {
        padding-top: 65px;
        padding-bottom: 65px; }

    .px-65-sm {
        padding-left: 65px;
        padding-right: 65px; }

    .my-65-sm {
        margin-top: 65px;
        margin-bottom: 65px; }

    .w-70-sm {
        width: 70%; }

    .mt-70-sm {
        margin-top: 70px; }

    .mb-70-sm {
        margin-bottom: 70px; }

    .ml-70-sm {
        margin-left: 70px; }

    .pt-70-sm {
        padding-top: 70px; }

    .pb-70-sm {
        padding-bottom: 70px; }

    .py-70-sm {
        padding-top: 70px;
        padding-bottom: 70px; }

    .px-70-sm {
        padding-left: 70px;
        padding-right: 70px; }

    .my-70-sm {
        margin-top: 70px;
        margin-bottom: 70px; }

    .w-75-sm {
        width: 75%; }

    .mt-75-sm {
        margin-top: 75px; }

    .mb-75-sm {
        margin-bottom: 75px; }

    .ml-75-sm {
        margin-left: 75px; }

    .pt-75-sm {
        padding-top: 75px; }

    .pb-75-sm {
        padding-bottom: 75px; }

    .py-75-sm {
        padding-top: 75px;
        padding-bottom: 75px; }

    .px-75-sm {
        padding-left: 75px;
        padding-right: 75px; }

    .my-75-sm {
        margin-top: 75px;
        margin-bottom: 75px; }

    .w-80-sm {
        width: 80%; }

    .mt-80-sm {
        margin-top: 80px; }

    .mb-80-sm {
        margin-bottom: 80px; }

    .ml-80-sm {
        margin-left: 80px; }

    .pt-80-sm {
        padding-top: 80px; }

    .pb-80-sm {
        padding-bottom: 80px; }

    .py-80-sm {
        padding-top: 80px;
        padding-bottom: 80px; }

    .px-80-sm {
        padding-left: 80px;
        padding-right: 80px; }

    .my-80-sm {
        margin-top: 80px;
        margin-bottom: 80px; }

    .w-85-sm {
        width: 85%; }

    .mt-85-sm {
        margin-top: 85px; }

    .mb-85-sm {
        margin-bottom: 85px; }

    .ml-85-sm {
        margin-left: 85px; }

    .pt-85-sm {
        padding-top: 85px; }

    .pb-85-sm {
        padding-bottom: 85px; }

    .py-85-sm {
        padding-top: 85px;
        padding-bottom: 85px; }

    .px-85-sm {
        padding-left: 85px;
        padding-right: 85px; }

    .my-85-sm {
        margin-top: 85px;
        margin-bottom: 85px; }

    .w-90-sm {
        width: 90%; }

    .mt-90-sm {
        margin-top: 90px; }

    .mb-90-sm {
        margin-bottom: 90px; }

    .ml-90-sm {
        margin-left: 90px; }

    .pt-90-sm {
        padding-top: 90px; }

    .pb-90-sm {
        padding-bottom: 90px; }

    .py-90-sm {
        padding-top: 90px;
        padding-bottom: 90px; }

    .px-90-sm {
        padding-left: 90px;
        padding-right: 90px; }

    .my-90-sm {
        margin-top: 90px;
        margin-bottom: 90px; }

    .w-95-sm {
        width: 95%; }

    .mt-95-sm {
        margin-top: 95px; }

    .mb-95-sm {
        margin-bottom: 95px; }

    .ml-95-sm {
        margin-left: 95px; }

    .pt-95-sm {
        padding-top: 95px; }

    .pb-95-sm {
        padding-bottom: 95px; }

    .py-95-sm {
        padding-top: 95px;
        padding-bottom: 95px; }

    .px-95-sm {
        padding-left: 95px;
        padding-right: 95px; }

    .my-95-sm {
        margin-top: 95px;
        margin-bottom: 95px; }

    .w-100-sm {
        width: 100%; }

    .mt-100-sm {
        margin-top: 100px; }

    .mb-100-sm {
        margin-bottom: 100px; }

    .ml-100-sm {
        margin-left: 100px; }

    .pt-100-sm {
        padding-top: 100px; }

    .pb-100-sm {
        padding-bottom: 100px; }

    .py-100-sm {
        padding-top: 100px;
        padding-bottom: 100px; }

    .px-100-sm {
        padding-left: 100px;
        padding-right: 100px; }

    .my-100-sm {
        margin-top: 100px;
        margin-bottom: 100px; } }
@media screen and (max-width: 35.5em) {
    .hidden-xs {
        display: none; }
    .hidden-xs.import {
        display: none !important; }

    .hide-xs {
        display: none; }
    .hide-xs.import {
        display: none !important; }

    .show-xs {
        display: block; }
    .show-xs.inline {
        display: inline; }
    .show-xs.row, .show-xs.flex {
        display: flex; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ visible mods */
    .visble-xs {
        display: block; }
    .visble-xs.import {
        display: block !important; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ text align mods */
    .txt-xs-j {
        text-align: justify; }

    .txt-xs-c {
        text-align: center; }

    .txt-xs-r {
        text-align: right; }

    .txt-xs-l {
        text-align: left; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ gc : grid col unset width size */
    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ str cut */
    [style*="--py-xs"] {
        padding-top: var(--py-xs);
        padding-bottom: var(--py-xs); }

    [style*="--px-xs"] {
        padding-left: var(--px-xs);
        padding-right: var(--px-xs); }

    [style*="--pr-xs"] {
        padding-right: var(--pr-xs); }

    [style*="--pl-xs"] {
        padding-left: var(--pl-xs); }

    [style*="--pb-xs"] {
        padding-bottom: var(--pb-xs); }

    [style*="--pt-xs"] {
        padding-top: var(--pt-xs); }

    [style*="--mx-xs"] {
        margin-left: var(--mx-xs);
        margin-right: var(--mx-xs); }

    [style*="--my-xs"] {
        margin-top: var(--my-xs);
        margin-bottom: var(--my-xs); }

    [style*="--ml-xs"] {
        margin-left: var(--ml-xs); }

    [style*="--mr-xs"] {
        margin-right: var(--mr-xs); }

    [style*="--mt-xs"] {
        margin-top: var(--mt-xs); }

    [style*="--mb-xs"] {
        margin-bottom: var(--mb-xs); }

    [style*="--fs-xs:"] {
        font-size: var(--fs-xs) !important; }

    .scr-x-xs {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -os-overflow-scrolling: touch; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ widths */
    .var.w[style*="-w-xs"] {
        width: var(--w-xs); }

    [style*="-w-xs"] {
        width: var(--w-xs); }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim zero */
    .pt-0-xs {
        padding-top: 0; }

    .mt-0-xs {
        margin-top: 0; }

    .mb-0-xs {
        margin-bottom: 0; }

    .mt-xs {
        margin-top: unset; }

    .mb-xs {
        margin-bottom: unset; }

    .pt-xs {
        padding-top: unset; }

    .pb-xs {
        padding-bottom: unset; }

    .mr-xs {
        margin-right: unset; }

    .ml-xs {
        margin-left: unset; }

    .pr-xs {
        padding-right: unset; }

    .pl-xs {
        padding-left: unset; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim */
    .w-5-xs {
        width: 5%; }

    .mt-5-xs {
        margin-top: 5px; }

    .mb-5-xs {
        margin-bottom: 5px; }

    .ml-5-xs {
        margin-left: 5px; }

    .pt-5-xs {
        padding-top: 5px; }

    .pb-5-xs {
        padding-bottom: 5px; }

    .py-5-xs {
        padding-top: 5px;
        padding-bottom: 5px; }

    .px-5-xs {
        padding-left: 5px;
        padding-right: 5px; }

    .my-5-xs {
        margin-top: 5px;
        margin-bottom: 5px; }

    .w-10-xs {
        width: 10%; }

    .mt-10-xs {
        margin-top: 10px; }

    .mb-10-xs {
        margin-bottom: 10px; }

    .ml-10-xs {
        margin-left: 10px; }

    .pt-10-xs {
        padding-top: 10px; }

    .pb-10-xs {
        padding-bottom: 10px; }

    .py-10-xs {
        padding-top: 10px;
        padding-bottom: 10px; }

    .px-10-xs {
        padding-left: 10px;
        padding-right: 10px; }

    .my-10-xs {
        margin-top: 10px;
        margin-bottom: 10px; }

    .w-15-xs {
        width: 15%; }

    .mt-15-xs {
        margin-top: 15px; }

    .mb-15-xs {
        margin-bottom: 15px; }

    .ml-15-xs {
        margin-left: 15px; }

    .pt-15-xs {
        padding-top: 15px; }

    .pb-15-xs {
        padding-bottom: 15px; }

    .py-15-xs {
        padding-top: 15px;
        padding-bottom: 15px; }

    .px-15-xs {
        padding-left: 15px;
        padding-right: 15px; }

    .my-15-xs {
        margin-top: 15px;
        margin-bottom: 15px; }

    .w-20-xs {
        width: 20%; }

    .mt-20-xs {
        margin-top: 20px; }

    .mb-20-xs {
        margin-bottom: 20px; }

    .ml-20-xs {
        margin-left: 20px; }

    .pt-20-xs {
        padding-top: 20px; }

    .pb-20-xs {
        padding-bottom: 20px; }

    .py-20-xs {
        padding-top: 20px;
        padding-bottom: 20px; }

    .px-20-xs {
        padding-left: 20px;
        padding-right: 20px; }

    .my-20-xs {
        margin-top: 20px;
        margin-bottom: 20px; }

    .w-25-xs {
        width: 25%; }

    .mt-25-xs {
        margin-top: 25px; }

    .mb-25-xs {
        margin-bottom: 25px; }

    .ml-25-xs {
        margin-left: 25px; }

    .pt-25-xs {
        padding-top: 25px; }

    .pb-25-xs {
        padding-bottom: 25px; }

    .py-25-xs {
        padding-top: 25px;
        padding-bottom: 25px; }

    .px-25-xs {
        padding-left: 25px;
        padding-right: 25px; }

    .my-25-xs {
        margin-top: 25px;
        margin-bottom: 25px; }

    .w-30-xs {
        width: 30%; }

    .mt-30-xs {
        margin-top: 30px; }

    .mb-30-xs {
        margin-bottom: 30px; }

    .ml-30-xs {
        margin-left: 30px; }

    .pt-30-xs {
        padding-top: 30px; }

    .pb-30-xs {
        padding-bottom: 30px; }

    .py-30-xs {
        padding-top: 30px;
        padding-bottom: 30px; }

    .px-30-xs {
        padding-left: 30px;
        padding-right: 30px; }

    .my-30-xs {
        margin-top: 30px;
        margin-bottom: 30px; }

    .w-35-xs {
        width: 35%; }

    .mt-35-xs {
        margin-top: 35px; }

    .mb-35-xs {
        margin-bottom: 35px; }

    .ml-35-xs {
        margin-left: 35px; }

    .pt-35-xs {
        padding-top: 35px; }

    .pb-35-xs {
        padding-bottom: 35px; }

    .py-35-xs {
        padding-top: 35px;
        padding-bottom: 35px; }

    .px-35-xs {
        padding-left: 35px;
        padding-right: 35px; }

    .my-35-xs {
        margin-top: 35px;
        margin-bottom: 35px; }

    .w-40-xs {
        width: 40%; }

    .mt-40-xs {
        margin-top: 40px; }

    .mb-40-xs {
        margin-bottom: 40px; }

    .ml-40-xs {
        margin-left: 40px; }

    .pt-40-xs {
        padding-top: 40px; }

    .pb-40-xs {
        padding-bottom: 40px; }

    .py-40-xs {
        padding-top: 40px;
        padding-bottom: 40px; }

    .px-40-xs {
        padding-left: 40px;
        padding-right: 40px; }

    .my-40-xs {
        margin-top: 40px;
        margin-bottom: 40px; }

    .w-45-xs {
        width: 45%; }

    .mt-45-xs {
        margin-top: 45px; }

    .mb-45-xs {
        margin-bottom: 45px; }

    .ml-45-xs {
        margin-left: 45px; }

    .pt-45-xs {
        padding-top: 45px; }

    .pb-45-xs {
        padding-bottom: 45px; }

    .py-45-xs {
        padding-top: 45px;
        padding-bottom: 45px; }

    .px-45-xs {
        padding-left: 45px;
        padding-right: 45px; }

    .my-45-xs {
        margin-top: 45px;
        margin-bottom: 45px; }

    .w-50-xs {
        width: 50%; }

    .mt-50-xs {
        margin-top: 50px; }

    .mb-50-xs {
        margin-bottom: 50px; }

    .ml-50-xs {
        margin-left: 50px; }

    .pt-50-xs {
        padding-top: 50px; }

    .pb-50-xs {
        padding-bottom: 50px; }

    .py-50-xs {
        padding-top: 50px;
        padding-bottom: 50px; }

    .px-50-xs {
        padding-left: 50px;
        padding-right: 50px; }

    .my-50-xs {
        margin-top: 50px;
        margin-bottom: 50px; }

    .w-55-xs {
        width: 55%; }

    .mt-55-xs {
        margin-top: 55px; }

    .mb-55-xs {
        margin-bottom: 55px; }

    .ml-55-xs {
        margin-left: 55px; }

    .pt-55-xs {
        padding-top: 55px; }

    .pb-55-xs {
        padding-bottom: 55px; }

    .py-55-xs {
        padding-top: 55px;
        padding-bottom: 55px; }

    .px-55-xs {
        padding-left: 55px;
        padding-right: 55px; }

    .my-55-xs {
        margin-top: 55px;
        margin-bottom: 55px; }

    .w-60-xs {
        width: 60%; }

    .mt-60-xs {
        margin-top: 60px; }

    .mb-60-xs {
        margin-bottom: 60px; }

    .ml-60-xs {
        margin-left: 60px; }

    .pt-60-xs {
        padding-top: 60px; }

    .pb-60-xs {
        padding-bottom: 60px; }

    .py-60-xs {
        padding-top: 60px;
        padding-bottom: 60px; }

    .px-60-xs {
        padding-left: 60px;
        padding-right: 60px; }

    .my-60-xs {
        margin-top: 60px;
        margin-bottom: 60px; }

    .w-65-xs {
        width: 65%; }

    .mt-65-xs {
        margin-top: 65px; }

    .mb-65-xs {
        margin-bottom: 65px; }

    .ml-65-xs {
        margin-left: 65px; }

    .pt-65-xs {
        padding-top: 65px; }

    .pb-65-xs {
        padding-bottom: 65px; }

    .py-65-xs {
        padding-top: 65px;
        padding-bottom: 65px; }

    .px-65-xs {
        padding-left: 65px;
        padding-right: 65px; }

    .my-65-xs {
        margin-top: 65px;
        margin-bottom: 65px; }

    .w-70-xs {
        width: 70%; }

    .mt-70-xs {
        margin-top: 70px; }

    .mb-70-xs {
        margin-bottom: 70px; }

    .ml-70-xs {
        margin-left: 70px; }

    .pt-70-xs {
        padding-top: 70px; }

    .pb-70-xs {
        padding-bottom: 70px; }

    .py-70-xs {
        padding-top: 70px;
        padding-bottom: 70px; }

    .px-70-xs {
        padding-left: 70px;
        padding-right: 70px; }

    .my-70-xs {
        margin-top: 70px;
        margin-bottom: 70px; }

    .w-75-xs {
        width: 75%; }

    .mt-75-xs {
        margin-top: 75px; }

    .mb-75-xs {
        margin-bottom: 75px; }

    .ml-75-xs {
        margin-left: 75px; }

    .pt-75-xs {
        padding-top: 75px; }

    .pb-75-xs {
        padding-bottom: 75px; }

    .py-75-xs {
        padding-top: 75px;
        padding-bottom: 75px; }

    .px-75-xs {
        padding-left: 75px;
        padding-right: 75px; }

    .my-75-xs {
        margin-top: 75px;
        margin-bottom: 75px; }

    .w-80-xs {
        width: 80%; }

    .mt-80-xs {
        margin-top: 80px; }

    .mb-80-xs {
        margin-bottom: 80px; }

    .ml-80-xs {
        margin-left: 80px; }

    .pt-80-xs {
        padding-top: 80px; }

    .pb-80-xs {
        padding-bottom: 80px; }

    .py-80-xs {
        padding-top: 80px;
        padding-bottom: 80px; }

    .px-80-xs {
        padding-left: 80px;
        padding-right: 80px; }

    .my-80-xs {
        margin-top: 80px;
        margin-bottom: 80px; }

    .w-85-xs {
        width: 85%; }

    .mt-85-xs {
        margin-top: 85px; }

    .mb-85-xs {
        margin-bottom: 85px; }

    .ml-85-xs {
        margin-left: 85px; }

    .pt-85-xs {
        padding-top: 85px; }

    .pb-85-xs {
        padding-bottom: 85px; }

    .py-85-xs {
        padding-top: 85px;
        padding-bottom: 85px; }

    .px-85-xs {
        padding-left: 85px;
        padding-right: 85px; }

    .my-85-xs {
        margin-top: 85px;
        margin-bottom: 85px; }

    .w-90-xs {
        width: 90%; }

    .mt-90-xs {
        margin-top: 90px; }

    .mb-90-xs {
        margin-bottom: 90px; }

    .ml-90-xs {
        margin-left: 90px; }

    .pt-90-xs {
        padding-top: 90px; }

    .pb-90-xs {
        padding-bottom: 90px; }

    .py-90-xs {
        padding-top: 90px;
        padding-bottom: 90px; }

    .px-90-xs {
        padding-left: 90px;
        padding-right: 90px; }

    .my-90-xs {
        margin-top: 90px;
        margin-bottom: 90px; }

    .w-95-xs {
        width: 95%; }

    .mt-95-xs {
        margin-top: 95px; }

    .mb-95-xs {
        margin-bottom: 95px; }

    .ml-95-xs {
        margin-left: 95px; }

    .pt-95-xs {
        padding-top: 95px; }

    .pb-95-xs {
        padding-bottom: 95px; }

    .py-95-xs {
        padding-top: 95px;
        padding-bottom: 95px; }

    .px-95-xs {
        padding-left: 95px;
        padding-right: 95px; }

    .my-95-xs {
        margin-top: 95px;
        margin-bottom: 95px; }

    .w-100-xs {
        width: 100%; }

    .mt-100-xs {
        margin-top: 100px; }

    .mb-100-xs {
        margin-bottom: 100px; }

    .ml-100-xs {
        margin-left: 100px; }

    .pt-100-xs {
        padding-top: 100px; }

    .pb-100-xs {
        padding-bottom: 100px; }

    .py-100-xs {
        padding-top: 100px;
        padding-bottom: 100px; }

    .px-100-xs {
        padding-left: 100px;
        padding-right: 100px; }

    .my-100-xs {
        margin-top: 100px;
        margin-bottom: 100px; } }
@media screen and (max-width: 26em) {
    .hidden-ms {
        display: none; }
    .hidden-ms.import {
        display: none !important; }

    .hide-ms {
        display: none; }
    .hide-ms.import {
        display: none !important; }

    .show-ms {
        display: block; }
    .show-ms.inline {
        display: inline; }
    .show-ms.row, .show-ms.flex {
        display: flex; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ visible mods */
    .visble-ms {
        display: block; }
    .visble-ms.import {
        display: block !important; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ text align mods */
    .txt-ms-j {
        text-align: justify; }

    .txt-ms-c {
        text-align: center; }

    .txt-ms-r {
        text-align: right; }

    .txt-ms-l {
        text-align: left; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ gc : grid col unset width size */
    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ str cut */
    [style*="--py-ms"] {
        padding-top: var(--py-ms);
        padding-bottom: var(--py-ms); }

    [style*="--px-ms"] {
        padding-left: var(--px-ms);
        padding-right: var(--px-ms); }

    [style*="--pr-ms"] {
        padding-right: var(--pr-ms); }

    [style*="--pl-ms"] {
        padding-left: var(--pl-ms); }

    [style*="--pb-ms"] {
        padding-bottom: var(--pb-ms); }

    [style*="--pt-ms"] {
        padding-top: var(--pt-ms); }

    [style*="--mx-ms"] {
        margin-left: var(--mx-ms);
        margin-right: var(--mx-ms); }

    [style*="--my-ms"] {
        margin-top: var(--my-ms);
        margin-bottom: var(--my-ms); }

    [style*="--ml-ms"] {
        margin-left: var(--ml-ms); }

    [style*="--mr-ms"] {
        margin-right: var(--mr-ms); }

    [style*="--mt-ms"] {
        margin-top: var(--mt-ms); }

    [style*="--mb-ms"] {
        margin-bottom: var(--mb-ms); }

    [style*="--fs-ms:"] {
        font-size: var(--fs-ms) !important; }

    .scr-x-ms {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -os-overflow-scrolling: touch; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ widths */
    .var.w[style*="-w-ms"] {
        width: var(--w-ms); }

    [style*="-w-ms"] {
        width: var(--w-ms); }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim zero */
    .pt-0-ms {
        padding-top: 0; }

    .mt-0-ms {
        margin-top: 0; }

    .mb-0-ms {
        margin-bottom: 0; }

    .mt-ms {
        margin-top: unset; }

    .mb-ms {
        margin-bottom: unset; }

    .pt-ms {
        padding-top: unset; }

    .pb-ms {
        padding-bottom: unset; }

    .mr-ms {
        margin-right: unset; }

    .ml-ms {
        margin-left: unset; }

    .pr-ms {
        padding-right: unset; }

    .pl-ms {
        padding-left: unset; }

    /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
  @ class birim */
    .w-5-ms {
        width: 5%; }

    .mt-5-ms {
        margin-top: 5px; }

    .mb-5-ms {
        margin-bottom: 5px; }

    .ml-5-ms {
        margin-left: 5px; }

    .pt-5-ms {
        padding-top: 5px; }

    .pb-5-ms {
        padding-bottom: 5px; }

    .py-5-ms {
        padding-top: 5px;
        padding-bottom: 5px; }

    .px-5-ms {
        padding-left: 5px;
        padding-right: 5px; }

    .my-5-ms {
        margin-top: 5px;
        margin-bottom: 5px; }

    .w-10-ms {
        width: 10%; }

    .mt-10-ms {
        margin-top: 10px; }

    .mb-10-ms {
        margin-bottom: 10px; }

    .ml-10-ms {
        margin-left: 10px; }

    .pt-10-ms {
        padding-top: 10px; }

    .pb-10-ms {
        padding-bottom: 10px; }

    .py-10-ms {
        padding-top: 10px;
        padding-bottom: 10px; }

    .px-10-ms {
        padding-left: 10px;
        padding-right: 10px; }

    .my-10-ms {
        margin-top: 10px;
        margin-bottom: 10px; }

    .w-15-ms {
        width: 15%; }

    .mt-15-ms {
        margin-top: 15px; }

    .mb-15-ms {
        margin-bottom: 15px; }

    .ml-15-ms {
        margin-left: 15px; }

    .pt-15-ms {
        padding-top: 15px; }

    .pb-15-ms {
        padding-bottom: 15px; }

    .py-15-ms {
        padding-top: 15px;
        padding-bottom: 15px; }

    .px-15-ms {
        padding-left: 15px;
        padding-right: 15px; }

    .my-15-ms {
        margin-top: 15px;
        margin-bottom: 15px; }

    .w-20-ms {
        width: 20%; }

    .mt-20-ms {
        margin-top: 20px; }

    .mb-20-ms {
        margin-bottom: 20px; }

    .ml-20-ms {
        margin-left: 20px; }

    .pt-20-ms {
        padding-top: 20px; }

    .pb-20-ms {
        padding-bottom: 20px; }

    .py-20-ms {
        padding-top: 20px;
        padding-bottom: 20px; }

    .px-20-ms {
        padding-left: 20px;
        padding-right: 20px; }

    .my-20-ms {
        margin-top: 20px;
        margin-bottom: 20px; }

    .w-25-ms {
        width: 25%; }

    .mt-25-ms {
        margin-top: 25px; }

    .mb-25-ms {
        margin-bottom: 25px; }

    .ml-25-ms {
        margin-left: 25px; }

    .pt-25-ms {
        padding-top: 25px; }

    .pb-25-ms {
        padding-bottom: 25px; }

    .py-25-ms {
        padding-top: 25px;
        padding-bottom: 25px; }

    .px-25-ms {
        padding-left: 25px;
        padding-right: 25px; }

    .my-25-ms {
        margin-top: 25px;
        margin-bottom: 25px; }

    .w-30-ms {
        width: 30%; }

    .mt-30-ms {
        margin-top: 30px; }

    .mb-30-ms {
        margin-bottom: 30px; }

    .ml-30-ms {
        margin-left: 30px; }

    .pt-30-ms {
        padding-top: 30px; }

    .pb-30-ms {
        padding-bottom: 30px; }

    .py-30-ms {
        padding-top: 30px;
        padding-bottom: 30px; }

    .px-30-ms {
        padding-left: 30px;
        padding-right: 30px; }

    .my-30-ms {
        margin-top: 30px;
        margin-bottom: 30px; }

    .w-35-ms {
        width: 35%; }

    .mt-35-ms {
        margin-top: 35px; }

    .mb-35-ms {
        margin-bottom: 35px; }

    .ml-35-ms {
        margin-left: 35px; }

    .pt-35-ms {
        padding-top: 35px; }

    .pb-35-ms {
        padding-bottom: 35px; }

    .py-35-ms {
        padding-top: 35px;
        padding-bottom: 35px; }

    .px-35-ms {
        padding-left: 35px;
        padding-right: 35px; }

    .my-35-ms {
        margin-top: 35px;
        margin-bottom: 35px; }

    .w-40-ms {
        width: 40%; }

    .mt-40-ms {
        margin-top: 40px; }

    .mb-40-ms {
        margin-bottom: 40px; }

    .ml-40-ms {
        margin-left: 40px; }

    .pt-40-ms {
        padding-top: 40px; }

    .pb-40-ms {
        padding-bottom: 40px; }

    .py-40-ms {
        padding-top: 40px;
        padding-bottom: 40px; }

    .px-40-ms {
        padding-left: 40px;
        padding-right: 40px; }

    .my-40-ms {
        margin-top: 40px;
        margin-bottom: 40px; }

    .w-45-ms {
        width: 45%; }

    .mt-45-ms {
        margin-top: 45px; }

    .mb-45-ms {
        margin-bottom: 45px; }

    .ml-45-ms {
        margin-left: 45px; }

    .pt-45-ms {
        padding-top: 45px; }

    .pb-45-ms {
        padding-bottom: 45px; }

    .py-45-ms {
        padding-top: 45px;
        padding-bottom: 45px; }

    .px-45-ms {
        padding-left: 45px;
        padding-right: 45px; }

    .my-45-ms {
        margin-top: 45px;
        margin-bottom: 45px; }

    .w-50-ms {
        width: 50%; }

    .mt-50-ms {
        margin-top: 50px; }

    .mb-50-ms {
        margin-bottom: 50px; }

    .ml-50-ms {
        margin-left: 50px; }

    .pt-50-ms {
        padding-top: 50px; }

    .pb-50-ms {
        padding-bottom: 50px; }

    .py-50-ms {
        padding-top: 50px;
        padding-bottom: 50px; }

    .px-50-ms {
        padding-left: 50px;
        padding-right: 50px; }

    .my-50-ms {
        margin-top: 50px;
        margin-bottom: 50px; }

    .w-55-ms {
        width: 55%; }

    .mt-55-ms {
        margin-top: 55px; }

    .mb-55-ms {
        margin-bottom: 55px; }

    .ml-55-ms {
        margin-left: 55px; }

    .pt-55-ms {
        padding-top: 55px; }

    .pb-55-ms {
        padding-bottom: 55px; }

    .py-55-ms {
        padding-top: 55px;
        padding-bottom: 55px; }

    .px-55-ms {
        padding-left: 55px;
        padding-right: 55px; }

    .my-55-ms {
        margin-top: 55px;
        margin-bottom: 55px; }

    .w-60-ms {
        width: 60%; }

    .mt-60-ms {
        margin-top: 60px; }

    .mb-60-ms {
        margin-bottom: 60px; }

    .ml-60-ms {
        margin-left: 60px; }

    .pt-60-ms {
        padding-top: 60px; }

    .pb-60-ms {
        padding-bottom: 60px; }

    .py-60-ms {
        padding-top: 60px;
        padding-bottom: 60px; }

    .px-60-ms {
        padding-left: 60px;
        padding-right: 60px; }

    .my-60-ms {
        margin-top: 60px;
        margin-bottom: 60px; }

    .w-65-ms {
        width: 65%; }

    .mt-65-ms {
        margin-top: 65px; }

    .mb-65-ms {
        margin-bottom: 65px; }

    .ml-65-ms {
        margin-left: 65px; }

    .pt-65-ms {
        padding-top: 65px; }

    .pb-65-ms {
        padding-bottom: 65px; }

    .py-65-ms {
        padding-top: 65px;
        padding-bottom: 65px; }

    .px-65-ms {
        padding-left: 65px;
        padding-right: 65px; }

    .my-65-ms {
        margin-top: 65px;
        margin-bottom: 65px; }

    .w-70-ms {
        width: 70%; }

    .mt-70-ms {
        margin-top: 70px; }

    .mb-70-ms {
        margin-bottom: 70px; }

    .ml-70-ms {
        margin-left: 70px; }

    .pt-70-ms {
        padding-top: 70px; }

    .pb-70-ms {
        padding-bottom: 70px; }

    .py-70-ms {
        padding-top: 70px;
        padding-bottom: 70px; }

    .px-70-ms {
        padding-left: 70px;
        padding-right: 70px; }

    .my-70-ms {
        margin-top: 70px;
        margin-bottom: 70px; }

    .w-75-ms {
        width: 75%; }

    .mt-75-ms {
        margin-top: 75px; }

    .mb-75-ms {
        margin-bottom: 75px; }

    .ml-75-ms {
        margin-left: 75px; }

    .pt-75-ms {
        padding-top: 75px; }

    .pb-75-ms {
        padding-bottom: 75px; }

    .py-75-ms {
        padding-top: 75px;
        padding-bottom: 75px; }

    .px-75-ms {
        padding-left: 75px;
        padding-right: 75px; }

    .my-75-ms {
        margin-top: 75px;
        margin-bottom: 75px; }

    .w-80-ms {
        width: 80%; }

    .mt-80-ms {
        margin-top: 80px; }

    .mb-80-ms {
        margin-bottom: 80px; }

    .ml-80-ms {
        margin-left: 80px; }

    .pt-80-ms {
        padding-top: 80px; }

    .pb-80-ms {
        padding-bottom: 80px; }

    .py-80-ms {
        padding-top: 80px;
        padding-bottom: 80px; }

    .px-80-ms {
        padding-left: 80px;
        padding-right: 80px; }

    .my-80-ms {
        margin-top: 80px;
        margin-bottom: 80px; }

    .w-85-ms {
        width: 85%; }

    .mt-85-ms {
        margin-top: 85px; }

    .mb-85-ms {
        margin-bottom: 85px; }

    .ml-85-ms {
        margin-left: 85px; }

    .pt-85-ms {
        padding-top: 85px; }

    .pb-85-ms {
        padding-bottom: 85px; }

    .py-85-ms {
        padding-top: 85px;
        padding-bottom: 85px; }

    .px-85-ms {
        padding-left: 85px;
        padding-right: 85px; }

    .my-85-ms {
        margin-top: 85px;
        margin-bottom: 85px; }

    .w-90-ms {
        width: 90%; }

    .mt-90-ms {
        margin-top: 90px; }

    .mb-90-ms {
        margin-bottom: 90px; }

    .ml-90-ms {
        margin-left: 90px; }

    .pt-90-ms {
        padding-top: 90px; }

    .pb-90-ms {
        padding-bottom: 90px; }

    .py-90-ms {
        padding-top: 90px;
        padding-bottom: 90px; }

    .px-90-ms {
        padding-left: 90px;
        padding-right: 90px; }

    .my-90-ms {
        margin-top: 90px;
        margin-bottom: 90px; }

    .w-95-ms {
        width: 95%; }

    .mt-95-ms {
        margin-top: 95px; }

    .mb-95-ms {
        margin-bottom: 95px; }

    .ml-95-ms {
        margin-left: 95px; }

    .pt-95-ms {
        padding-top: 95px; }

    .pb-95-ms {
        padding-bottom: 95px; }

    .py-95-ms {
        padding-top: 95px;
        padding-bottom: 95px; }

    .px-95-ms {
        padding-left: 95px;
        padding-right: 95px; }

    .my-95-ms {
        margin-top: 95px;
        margin-bottom: 95px; }

    .w-100-ms {
        width: 100%; }

    .mt-100-ms {
        margin-top: 100px; }

    .mb-100-ms {
        margin-bottom: 100px; }

    .ml-100-ms {
        margin-left: 100px; }

    .pt-100-ms {
        padding-top: 100px; }

    .pb-100-ms {
        padding-bottom: 100px; }

    .py-100-ms {
        padding-top: 100px;
        padding-bottom: 100px; }

    .px-100-ms {
        padding-left: 100px;
        padding-right: 100px; }

    .my-100-ms {
        margin-top: 100px;
        margin-bottom: 100px; } }
/*
@  font */
/*
@  Libs  */
.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: 0.625em;
    overflow-y: hidden;
    box-shadow: 0 0 0.625em #d9d9d9; }
.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row; }
.swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 0.6em;
    font-size: 1em; }
.swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em; }
.swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8; }
.swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    font-size: 1em; }
.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0; }
.swal2-popup.swal2-toast .swal2-icon::before {
    display: flex;
    align-items: center;
    font-size: 2em;
    font-weight: bold; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-popup.swal2-toast .swal2-icon::before {
        font-size: .25em; } }
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    top: .875em;
    width: 1.375em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: .3125em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: .3125em; }
.swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em; }
.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em; }
.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em none; }
.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
    height: .3125em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
    top: 1.125em;
    left: .1875em;
    width: .75em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
    top: .9375em;
    right: .1875em;
    width: 1.375em; }
.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show 0.5s; }
.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide 0.1s forwards; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip 0.75s; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long 0.75s; }

.swal2-container {
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.625em;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-overflow-scrolling: touch; }
.swal2-container.swal2-top {
    align-items: flex-start; }
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
.swal2-container.swal2-center {
    align-items: center; }
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
    align-items: center;
    justify-content: flex-start; }
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end; }
.swal2-container.swal2-bottom {
    align-items: flex-end; }
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto; }
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center; }
.swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center; }
.swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column; }
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
    align-items: center; }
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
    align-items: flex-start; }
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
    align-items: flex-end; }
.swal2-container.swal2-grow-column > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center; }
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
        margin: 0 !important; } }
.swal2-container.swal2-fade {
    transition: background-color 0.1s; }
.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.4); }

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 0.3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem; }
.swal2-popup:focus {
    outline: none; }
.swal2-popup.swal2-loading {
    overflow-y: hidden; }

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center; }

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 9px;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word; }

.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0; }
.swal2-actions:not(.swal2-loading) .swal2-styled {
    /*
      &:hover {
        background-image: linear-gradient($swal2-button-darken-hover, $swal2-button-darken-hover);
      }

      &:active {
        background-image: linear-gradient($swal2-button-darken-active, $swal2-button-darken-active);
      }*/ }
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4; }
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    user-select: none; }
.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px; }
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: 3px solid #999999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff; }

.swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500; }
.swal2-styled:not([disabled]) {
    cursor: pointer; }
.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em; }
.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em; }
.swal2-styled:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px none; }
.swal2-styled::-moz-focus-inner {
    border: 0; }

.swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em; }

.swal2-image {
    max-width: 100%;
    margin: 1.25em auto; }

.swal2-close {
    position: absolute;
    z-index: 2;
    /* 1617 */
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color 0.1s ease-out;
    border: none;
    border-radius: 0;
    outline: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
    /*
  &:hover {
    transform: $swal2-close-button-hover-transform;
    background: $swal2-close-button-hover-background;
    color: $swal2-close-button-hover-color;
  }*/ }

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word; }

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
    margin: 1em auto; }

.swal2-input,
.swal2-file,
.swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color 0.3s, box-shadow 0.3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    color: inherit;
    font-size: 1.125em; }
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important; }
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: 0 0 3px #c4e6f5; }
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
    color: #cccccc; }

.swal2-range {
    margin: 1em auto;
    background: inherit; }
.swal2-range input {
    width: 80%; }
.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center; }
.swal2-range input,
.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em; }

.swal2-input {
    height: 2.625em;
    padding: 0 0.75em; }
.swal2-input[type='number'] {
    max-width: 10em; }

.swal2-file {
    background: inherit;
    font-size: 1.125em; }

.swal2-textarea {
    height: 6.75em;
    padding: 0.75em; }

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em; }

.swal2-radio,
.swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: inherit;
    color: inherit; }
.swal2-radio label,
.swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em; }
.swal2-radio input,
.swal2-checkbox input {
    margin: 0 .4em; }

.swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666666;
    font-size: 1em;
    font-weight: 300; }
.swal2-validation-message::before {
    content: '!';
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center; }

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 0 15px 0;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 60px;
    cursor: default;
    user-select: none; }
.swal2-icon::before {
    display: flex;
    align-items: center;
    height: 92%;
    font-size: 3.75em; }
.swal2-icon.swal2-error {
    border-color: #f27474; }
.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: 1.0625em;
    transform: rotate(45deg); }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: 1em;
    transform: rotate(-45deg); }
.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86; }
.swal2-icon.swal2-warning::before {
    content: '!'; }
.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee; }
.swal2-icon.swal2-info::before {
    content: 'i'; }
.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd; }
.swal2-icon.swal2-question::before {
    content: '?'; }
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
    content: '؟'; }
.swal2-icon.swal2-success {
    border-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 60px;
    height: 100px;
    transform: rotate(45deg);
    border-radius: 50%; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -14px;
    left: -36px;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 60px 0 0 60px; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -16px;
    left: 26px;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 60px 60px 0; }
.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165, 220, 134, 0.3);
    border-radius: 50%; }
.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 22px;
    width: 4px;
    height: 85px;
    transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
    visibility: hidden;
    top: 32px;
    left: 18px;
    width: 15px;
    transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
    visibility: hidden;
    top: 28px;
    right: 9px;
    width: 27px;
    transform: rotate(-45deg); }

.swal2-progress-steps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600; }
.swal2-progress-steps li {
    display: inline-block;
    position: relative; }
.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #3085d6; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #add8e6;
    color: #fff; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #add8e6; }
.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6; }

[class^='swal2'] {
    -webkit-tap-highlight-color: transparent; }

.swal2-show {
    animation: swal2-show 0.3s; }
.swal2-show.swal2-noanimation {
    animation: none; }

.swal2-hide {
    animation: swal2-hide 0.15s forwards; }
.swal2-hide.swal2-noanimation {
    animation: none; }

.swal2-rtl .swal2-close {
    right: auto;
    left: 0; }

.swal2-animate-success-icon .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip 0.4s linear 0.6s;
    animation-fill-mode: forwards; }
.swal2-animate-success-icon .swal2-success-line-long {
    animation: swal2-animate-success-line-long 0.4s linear 0.97s;
    animation-fill-mode: forwards; }
.swal2-animate-success-icon .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 0.8s ease-in; }

.swal2-animate-error-icon {
    animation: swal2-animate-error-icon 0.5s; }
.swal2-animate-error-icon .swal2-x-mark {
    animation: swal2-animate-error-x-mark 0.5s; }

@supports (-ms-accelerator: true) {
    .swal2-range input {
        width: 100% !important; }
    .swal2-range output {
        display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-range input {
        width: 100% !important; }
    .swal2-range output {
        display: none; } }
@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid none; } }
@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg); }
    33% {
        transform: translateY(0) rotateZ(-2deg); }
    66% {
        transform: translateY(0.3125em) rotateZ(2deg); }
    100% {
        transform: translateY(0) rotateZ(0deg); } }
@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0; } }
@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0; }
    54% {
        top: .125em;
        left: .125em;
        width: 0; }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em; }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em; }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em; } }
@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0; }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0; }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em; }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em; } }
@keyframes swal2-show {
    0% {
        opacity: 0; }
    100% {
        opactiy: 1;
        transform: scale(1); } }
@keyframes swal2-hide {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
@keyframes swal2-animate-success-line-tip {
    0% {
        top: 10px;
        left: 4px;
        width: 5px;
        visibility: hidden; }
    38% {
        visibility: visible;
        top: 16px;
        left: 2px;
        width: 21px; }
    100% {
        visibility: visible;
        top: 32px;
        left: 18px;
        width: 13px; } }
@keyframes swal2-animate-success-line-long {
    0% {
        visibility: hidden;
        top: 36px;
        right: 31px;
        width: 2px; }
    100% {
        visibility: visible;
        top: 28px;
        right: 11px;
        width: 26px; } }
@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg); }
    /*5% {
    transform: rotate(-45deg);
  }

  12% {
    transform: rotate(-405deg);
  }*/
    100% {
        transform: rotate(-405deg); } }
@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0; }
    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0; }
    80% {
        margin-top: -.375em;
        transform: scale(1.15); }
    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1; } }
@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0; }
    100% {
        transform: rotateX(0deg);
        opacity: 1; } }
@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden; }
body.swal2-height-auto {
    height: auto !important; }
body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - 0.625em * 2);
    background-color: transparent; }
body.swal2-no-backdrop .swal2-shown > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
body.swal2-no-backdrop .swal2-shown.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
    top: 0;
    left: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
    top: 0;
    right: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
    bottom: 0;
    left: 0; }
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
    right: 0;
    bottom: 0; }
@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
        display: none; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important; } }
body.swal2-toast-shown .swal2-container {
    background-color: transparent; }
body.swal2-toast-shown .swal2-container.swal2-shown {
    background-color: transparent; }
body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto; }
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%); }
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch; }
body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em; }
body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center; }
body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em; }
body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em; }

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0); } }
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); } }
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0); } }
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }

@-webkit-keyframes zoomOut {
    from {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    to {
        opacity: 0; } }
@keyframes zoomOut {
    from {
        opacity: 1; }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    to {
        opacity: 0; } }
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); }
    50% {
        opacity: 1; } }
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }

@-webkit-keyframes fadeOut {
    from {
        opacity: 1; }
    to {
        opacity: 0; } }
@keyframes fadeOut {
    from {
        opacity: 1; }
    to {
        opacity: 0; } }
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
@keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible; }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1; }
    25%,
    75% {
        opacity: 0; } }
.flash {
    -webkit-animation-name: flash;
    animation-name: flash; }

/*
@  Build */
.frm {
    width: 100%;
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ err  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ indent's  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ boylar */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ textarea  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ input's  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ mask-check */
    /*
  .mask-switch 					{ background:#fff; z-index:1; width:70px; height:26px; position:relative;overflow:hidden;box-sizing:border-box;border-radius:4px;border:1px solid #e0dede;font:normal 10px Arial;cursor:pointer;
  	&:hover 					{ background:#f8f8f8 }
  	s 							{ width:50%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;background:#d6d6d6;transition:left .3s,border-radius .3s;border-radius:4px 0 0 4px;color:#666; font-weight:bold }
  	&.on 						{ border-color:#70d274;
  		s 						{ left:50%;background:#70d274;color:white;border-radius:0 4px 4px 0 }
  	}
  	input 						{ visibility:hidden }
  }
  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ mask-radio */
    /*
  		.mask-radio						{ box-sizing:border-box; border:1px solid #dcdcdc; background:#fff; padding: 2px; border-radius: 18px;min-width:18px; width: 18px; height: 18px; display: inline-block;
  			i							{ visibility: hidden; position: absolute;top:4px; left:4px;  transition:.2s; opacity: 0; background:$color-3; width: 8px; height: 8px; border-radius: 8px }
  			&.on i						{ visibility: visible; opacity: 1 }
  			input						{ position:absolute; width:100%; height:100%; opacity:0; left:0; top:0 }

  			&.t-2 						{ border-width:1px;width:20px;height:20px;border-radius:20px;background:white;
  				i 						{ font-size:16px; left:3.5px;top:3px; z-index:0; background:none; width:auto; height:auto}
  				input 					{ width:100%; height:100%; z-index:1; position:absolute; left:0; top:0 }
  				&.on 					{ background:#222; border-color:#222;
  					i 					{ color:#fff }
  				}
  			}
  		}
  		*/
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ mask-attach  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ bw : border width   */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @  br : border radius  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ fe icon */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @  select fi down */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ line bottom gutter size  */
    /*
  		.ln 							{ border-bottom: 1px solid #e6e6e6; align-items:center; height:54px; display: flex;

  			> * 						{ height: 100% }
  			> label 					{ padding-left:3px; @include flex_yc(); color:#777; font:600 14px 'Source Sans Pro'; width:30%; min-width:120px }

  			.fe 						{ width: 100% }

  			.fe .fi						{
   				&:not(.left)			{ right: 0 ;background:white  }
  			}

  			input.ft,select,textarea 	{ height: 100%; text-indent:1px; font-weight:600; letter-spacing:.3px; font-size:13px;
  				@include placeholder(#8d8c8c,1,'600 14px Source Sans Pro',1px 0 0 0);
  			}


  			&.no-br 					{ border: 0 }

  		}
  		*/
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @ f4  */
    /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
  @  */ }
.frm textarea:focus::-webkit-input-placeholder,
.frm input:focus::-webkit-input-placeholder {
    color: transparent !important; }
.frm textarea::-webkit-input-placeholder,
.frm input::-webkit-input-placeholder {
    transition: color 0.15s; }
.frm textarea:-webkit-autofill,
.frm select:-webkit-autofill,
.frm input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 64px white inset !important; }
.frm input.ft, .frm select, .frm textarea {
    background: white;
    font: 400 14px "Open Sans";
    color: black;
    border: 2px solid #e8e8e8;
    z-index: 1;
    width: 100%;
    letter-spacing: 0.3px;
    border-radius: 6px; }
.frm input.ft::placeholder, .frm select::placeholder, .frm textarea::placeholder {
    color: #b7b7b7;
    opacity: 1;
    font: 400 14px "Ubuntu"; }
.frm input.ft, .frm select {
    padding-top: 1px; }
.frm .err.ln {
    /*input.ft,select,textarea 	{
    	//&:not(:focus) 		{ background:map-get($set,back-color-err);  border-color:map-deep-get($set,border-color,error) }
    	//&:not(:focus) 		{ background:map-get($set,back-color-err);  border-color:map-deep-get($set,border-color,error) }
    }*/ }
.frm .err.ln > label {
    color: #e68686; }
.frm .err.ln input.ft::placeholder, .frm .err.ln select::placeholder, .frm .err.ln textarea::placeholder {
    color: #e68686;
    opacity: 1;
    font: "600 14px Source Sans Pro";
    padding: 1px 0 0 0; }
.frm textarea {
    padding: 12px;
    padding-left: 12px; }
.frm select {
    text-indent: 11px; }
.frm input.ft {
    text-indent: 12px; }
.frm input.ft, .frm select {
    height: 56px; }
.frm[style*='-punt'] input.ft, .frm[style*='-punt'] select, .frm[style*='-punt'] textarea {
    font-size: var(--punt); }
.frm[style*='-line'] input.ft, .frm[style*='-line'] select {
    height: var(--punt); }
.frm textarea {
    display: block;
    font-size: 13px; }
.frm textarea.rows {
    margin-left: 0;
    margin-right: 0; }
.frm textarea:not(.rows) {
    height: 140px; }
.frm textarea.percent-height {
    min-height: 100%; }
.frm textarea.locked {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%; }
.frm textarea.locked:not(.rows) {
    min-height: 140px; }
.frm textarea.locked:not(.rows).percent-height {
    min-height: 100%; }
.frm textarea.focus-open {
    height: 50px;
    min-height: 50px; }
.frm textarea.focus-open.on {
    height: 140px;
    min-height: 140px; }
.frm input.capitalize {
    text-transform: capitalize; }
.frm input.upper {
    text-transform: uppercase; }
.frm input.lower {
    text-transform: lowercase; }
.frm input[type="number"], .frm input.no-navnumber::-webkit-outer-spin-button, .frm input[type="number"], .frm input.no-navnumber::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
.frm input.numeric.ltr {
    text-align: left !important; }
.frm input[type="range"].r-1 {
    -webkit-appearance: none;
    width: 100%;
    margin: 5.85px 0; }
.frm input[type="range"].r-1:focus {
    outline: none; }
.frm input[type="range"].r-1::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.3px;
    cursor: pointer;
    box-shadow: 0.2px 0.2px 0 rgba(0, 0, 0, 0), 0 0 0.2px rgba(13, 13, 13, 0);
    background: #e6e6e6;
    border-radius: 6.7px;
    border: 0 solid rgba(0, 0, 0, 0); }
.frm input[type="range"].r-1::-webkit-slider-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 87, 0.21), 0 0 0 rgba(0, 0, 113, 0.21);
    border: 0 solid rgba(0, 0, 30, 0);
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #1b95e0;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5.85px; }
.frm input[type="range"].r-1:focus::-webkit-slider-runnable-track {
    background: #e6e6e6; }
.frm input[type="range"].r-1::-moz-range-track {
    width: 100%;
    height: 8.3px;
    cursor: pointer;
    box-shadow: 0.2px 0.2px 0 rgba(0, 0, 0, 0), 0 0 0.2px rgba(13, 13, 13, 0);
    background: #e6e6e6;
    border-radius: 6.7px;
    border: 0 solid rgba(0, 0, 0, 0); }
.frm input[type="range"].r-1::-moz-range-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 87, 0.21), 0 0 0 rgba(0, 0, 113, 0.21);
    border: 0 solid rgba(0, 0, 30, 0);
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #1b95e0;
    cursor: pointer; }
.frm input[type="range"].r-1::-ms-track {
    width: 100%;
    height: 8.3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
.frm input[type="range"].r-1::-ms-fill-lower {
    background: #e6e6e6;
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 13.4px;
    box-shadow: 0.2px 0.2px 0 rgba(0, 0, 0, 0), 0 0 0.2px rgba(13, 13, 13, 0); }
.frm input[type="range"].r-1::-ms-fill-upper {
    background: #e6e6e6;
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 13.4px;
    box-shadow: 0.2px 0.2px 0 rgba(0, 0, 0, 0), 0 0 0.2px rgba(13, 13, 13, 0); }
.frm input[type="range"].r-1::-ms-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 87, 0.21), 0 0 0 rgba(0, 0, 113, 0.21);
    border: 0 solid rgba(0, 0, 30, 0);
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #1b95e0;
    cursor: pointer;
    height: 8.3px; }
.frm input[type="range"].r-1:focus::-ms-fill-lower {
    background: #e6e6e6; }
.frm input[type="range"].r-1:focus::-ms-fill-upper {
    background: #e6e6e6; }
.frm .mask-check {
    border: 1px solid #D8D5D1;
    background: #fcfaf8;
    font-size: 18px;
    width: 1em;
    min-width: 1em;
    max-width: 1em;
    height: 1em;
    display: block;
    box-sizing: border-box; }
.frm .mask-check i {
    visibility: hidden;
    transition: .1s;
    opacity: 0;
    color: #484747;
    position: absolute;
    font-size: 10px;
    left: 1.2px;
    top: 1px; }
.frm .mask-check.on i {
    visibility: visible;
    opacity: 1; }
.frm .mask-check input {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
.frm .mask-check.oval.min {
    width: 18px;
    height: 18px;
    border-radius: 18px; }
.frm .mask-check.oval.min i {
    top: 3px;
    left: 3.6px; }
.frm .mask-check.t-2 {
    border-width: 1px;
    width: 20px;
    height: 20px;
    background: white; }
.frm .mask-check.t-2 i {
    font-size: 16px;
    left: 3.5px;
    top: 3px; }
.frm .mask-check.t-3 {
    border-width: 2px !important;
    border-color: rgba(183, 244, 255, 0.6);
    border-radius: 28px;
    min-width: 28px;
    max-width: 28px;
    width: 28px;
    height: 28px;
    background: none; }
.frm .mask-check.t-3 i {
    font-size: 16px;
    left: 3.5px;
    top: 3px; }
.frm .mask-check.t-4 {
    font-size: 16px;
    color: #d8d8d8;
    border-radius: 2px; }
.frm .mask-check.t-4 i {
    font-size: 9px;
    left: 2.8px;
    top: 3px; }
.frm .mask-check.t-4.on i {
    color: #ddd; }
.frm .mask-attach.t-3 input::-webkit-file-upload-button {
    visibility: hidden;
    padding-top: 10px;
    text-indent: 48px; }
.frm .mask-attach.t-3 input {
    z-index: 1;
    max-width: 150px;
    opacity: 0;
    width: 100%;
    font-size: 12px;
    top: -1px; }
.frm .mask-attach.t-3.on input {
    opacity: 1; }
.frm .mask-attach.t-3 span {
    pointer-events: none;
    color: #888;
    position: absolute;
    border: 0;
    padding: 0;
    top: 9px;
    font-size: 13px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center; }
.frm .mask-attach.t-3 span i {
    color: #60ad3b;
    line-height: 17px;
    font-size: 16px;
    height: 12px;
    margin-right: 6px;
    left: -5px; }
.frm .mask-attach.t-2 input::-webkit-file-upload-button {
    visibility: hidden;
    padding-top: 10px;
    text-indent: 48px; }
.frm .mask-attach.t-2 input {
    z-index: 1;
    width: 100%;
    font-size: 12px; }
.frm .mask-attach.t-2 span {
    pointer-events: none;
    position: absolute;
    border: 1px solid #ececec;
    padding: 8px 14px 8px 15px;
    font-size: 13px;
    background: #f7f7f7;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center; }
.frm .mask-attach.t-2 span i {
    line-height: 17px;
    font-size: 16px;
    height: 12px;
    margin-right: 6px;
    left: -5px; }
.frm .mask-attach.t-2 span {
    background: #e8e8e8;
    border-radius: 4px;
    padding: 9px 14px 9px 15px; }
.frm[style*='--bw'] .mask-radio, .frm[style*='--bw'] .mask-check, .frm[style*='--bw'] input.ft, .frm[style*='--bw'] select, .frm[style*='--bw'] textarea {
    border-radius: calc( var(--bw) * 1px ); }
.frm[style*='--bw'] .fi-down {
    border-radius: 0 calc( var(--bw) * 1px ) calc( var(--bw) * 1px ) 0; }
.frm[style*='--br'] .mask-radio, .frm[style*='--br'] .mask-check, .frm[style*='--br'] input.ft, .frm[style*='--br'] select, .frm[style*='--br'] textarea {
    border-radius: calc( var(--br) * 1px ); }
.frm[style*='--br'] .fi-down {
    border-radius: 0 calc( var(--br) * 1px ) calc( var(--br) * 1px ) 0; }
.frm .fe .fi {
    position: absolute;
    background: white;
    color: #999;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
.frm .fe .fi:not(.left) {
    right: 2px;
    width: 40px; }
.frm .fe .fi i.ss-gizmo {
    line-height: 16px;
    font-size: 15px;
    height: 11px; }
.frm .fe .fi .c-1 {
    color: #febd57; }
.frm .fe .fi i.fs-9 {
    font-size: 9px; }
.frm .fe .fi i.fs-10 {
    font-size: 10px; }
.frm .fe .fi i.fs-11 {
    font-size: 11px; }
.frm .fe .fi i.fs-12 {
    font-size: 12px; }
.frm .fe .fi i.fs-13 {
    font-size: 13px; }
.frm .fe .fi i.fs-14 {
    font-size: 14px; }
.frm .fe .fi i.fs-15 {
    font-size: 15px; }
.frm .fe .fi i.fs-16 {
    font-size: 16px; }
.frm .fe .fi i.fs-17 {
    font-size: 17px; }
.frm .fe .fi i.fs-18 {
    font-size: 18px; }
.frm .fe .fi i.fs-19 {
    font-size: 19px; }
.frm .fe .fi i.fs-20 {
    font-size: 20px; }
.frm .fe .fi i.fs-21 {
    font-size: 21px; }
.frm .fe .fi i.fs-22 {
    font-size: 22px; }
.frm .fe .fi i.tp-1 {
    top: 1px; }
.frm .fe .fi i.tp-2 {
    top: 2px; }
.frm .fe .fi i.tp-3 {
    top: 3px; }
.frm .fe .fi i.tp-4 {
    top: 4px; }
.frm .fe .fi i.tp-5 {
    top: 5px; }
.frm .fe .fi i.tp-6 {
    top: 6px; }
.frm .fe .fi i.tp-7 {
    top: 7px; }
.frm .fe .fi i.tp-8 {
    top: 8px; }
.frm[border='1'] .fe .fi {
    top: 1px;
    height: calc( 100% - 2px ); }
.frm[border='2'] .fe .fi {
    top: 2px;
    height: calc( 100% - 4px ); }
.frm .fi-down {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 4px;
    right: 2px;
    position: absolute;
    top: 2px;
    background: #fff;
    width: 32px;
    height: calc(100% - 4px);
    pointer-events: none; }
.frm .fi-down i {
    color: #fbaf00;
    font-size: 18px;
    top: 4px; }
.frm .ln {
    margin-bottom: 1.5rem; }
.frm.fb-4 .ln {
    margin-bottom: 20px; }
.frm.fb-5 .ln {
    margin-bottom: 25px; }
.frm.fb-6 .ln {
    margin-bottom: 30px; }
.frm .ln.no-mb,
.frm .fg > li.ln:last-child {
    margin-bottom: 0; }
.frm .ln {
    align-items: center;
    display: flex; }
.frm .ln > * {
    height: 100%; }
.frm .ln > label {
    padding-left: 3px;
    display: flex;
    align-items: center;
    color: #777;
    font: 600 14px 'Source Sans Pro';
    width: 30%;
    min-width: 120px; }
.frm .ln .fe {
    width: 100%; }
.frm.ft-2 .ln {
    height: 64px; }
.frm.ft-2 .ln input.ft, .frm.ft-2 .ln select, .frm.ft-2 .ln textarea {
    text-transform: unset; }
.frm.ft-2 .ln input.ft::placeholder, .frm.ft-2 .ln select::placeholder, .frm.ft-2 .ln textarea::placeholder {
    font-weight: 400; }
.frm.ft-2 .ln.err input.ft::placeholder, .frm.ft-2 .ln.err select::placeholder, .frm.ft-2 .ln.err textarea::placeholder {
    color: #8d8c8c; }
.frm .fe {
    display: block; }
.frm .fe.fe-attach {
    margin-top: -22px;
    background: #fbfbfb;
    border: 2px solid #e8e8e8;
    border-top: 1px dashed #e8e8e8;
    border-radius: 0 0 3px 3px;
    padding: 13px 13px 15px 13px;
    margin-top: -10px;
    z-index: 1;
    border-radius: 0 0 8px 8px; }
.frm .fe.fe-attach input {
    top: -3px;
    left: -13px; }
.frm .fe.h input, .frm .fe.h select {
    height: 100%; }
.frm .fe.fe-check {
    display: flex;
    align-items: center; }
.frm .fe.fe-check label {
    padding-left: 4px;
    font-size: 14px;
    line-height: 1; }
.frm .fe.fe-radio {
    display: flex;
    align-items: center; }
.frm .fe.fe-radio label {
    padding-left: 4px;
    font-size: 14px;
    line-height: 1; }
.frm .fe.fe-ico {
    display: flex; }
.frm .fe.fe-ico span {
    width: 38px;
    background: #e4e2e2;
    display: flex;
    align-items: center;
    justify-content: center; }
.frm .fe.fe-ico span i {
    line-height: 22px;
    font-size: 16px;
    height: 17px;
    color: #777; }
.frm .fe.fe-ico input,
.frm .fe.fe-ico select {
    border-left: 0; }
.frm .fe nav.count {
    z-index: 1; }
.frm nav.f-submit .btn:not(.r) {
    border-radius: 3px;
    padding: 9px 16px;
    min-height: 43px;
    min-width: 90px;
    font-weight: 300;
    font-size: 14px; }
.frm nav.f-submit .btn.f1 {
    background: #a7d690;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: .4px;
    min-height: 48px;
    font-size: 15px;
    color: white;
    min-width: 148px; }
.frm nav.f-submit .btn.f1:hover {
    background: #99c782; }

nav.count, nav.select {
    display: flex;
    height: 100%; }
nav.count > *, nav.select > * {
    margin-left: 9px; }
nav.count > *:first-child, nav.select > *:first-child {
    margin-left: 0; }
nav.count > *.onda, nav.select > *.onda {
    margin-right: 5px; }
nav.count button, nav.select button {
    height: 100%;
    background: none;
    border: 0; }
nav.count button span, nav.select button span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 30px;
    border-radius: 5px; }
nav.count button, nav.select button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
nav.count button > *, nav.select button > * {
    background: #e4e3e3 radial-gradient(circle, transparent 1%, #e4e3e3 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
nav.count button.active > *, nav.count button:active > *, nav.select button.active > *, nav.select button:active > * {
    background-color: #999;
    background-size: 100%;
    transition: background 0s; }
nav.count button, nav.select button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
nav.count i, nav.select i {
    font: 600 18px 'Gotham Rounded';
    top: 1px;
    left: 1px; }
nav.count .eksi i, nav.select .eksi i {
    font-size: 20px; }
nav.count .onda.on span, nav.select .onda.on span {
    background: #1081eb;
    color: white; }
nav.count .onda i, nav.select .onda i {
    top: -4px; }
nav.count button.pause span, nav.select button.pause span {
    background: #eae9e9; }
nav.count button.pause span i, nav.select button.pause span i {
    color: #c3c3c3; }
nav.count.t-2 > *, nav.count.t-5 > *, nav.select.t-2 > *, nav.select.t-5 > * {
    margin-left: 0; }
nav.count.t-2 button, nav.count.t-5 button, nav.select.t-2 button, nav.select.t-5 button {
    color: white;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
nav.count.t-2 button > *, nav.count.t-5 button > *, nav.select.t-2 button > *, nav.select.t-5 button > * {
    background: #cecdcd radial-gradient(circle, transparent 1%, #cecdcd 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
nav.count.t-2 button.active > *, nav.count.t-2 button:active > *, nav.count.t-5 button.active > *, nav.count.t-5 button:active > *, nav.select.t-2 button.active > *, nav.select.t-2 button:active > *, nav.select.t-5 button.active > *, nav.select.t-5 button:active > * {
    background-color: #e0e0e0;
    background-size: 100%;
    transition: background 0s; }
nav.count.t-2 button span, nav.count.t-5 button span, nav.select.t-2 button span, nav.select.t-5 button span {
    width: 34px;
    height: 34px; }
nav.count.t-2 button:first-child, nav.count.t-5 button:first-child, nav.select.t-2 button:first-child, nav.select.t-5 button:first-child {
    margin-right: 1px; }
nav.count.t-2 button:first-child span, nav.count.t-5 button:first-child span, nav.select.t-2 button:first-child span, nav.select.t-5 button:first-child span {
    border-radius: 5px 0 0 5px; }
nav.count.t-2 button:last-child span, nav.count.t-5 button:last-child span, nav.select.t-2 button:last-child span, nav.select.t-5 button:last-child span {
    border-radius: 0 5px 5px 0; }
nav.count.t-5 button span, nav.select.t-5 button span {
    height: 32px; }
nav.count.t-3 button span, nav.select.t-3 button span {
    height: 24px;
    border-radius: 12px; }
nav.count.t-3 i, nav.select.t-3 i {
    top: 0px; }
nav.count.t-3 .onda i, nav.select.t-3 .onda i {
    top: -5px; }
nav.count.t-4, nav.select.t-4 {
    display: block; }
nav.count.t-4 > *, nav.select.t-4 > * {
    margin-left: 0; }
nav.count.t-4 button, nav.select.t-4 button {
    color: white;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
nav.count.t-4 button > *, nav.select.t-4 button > * {
    background: #cecdcd radial-gradient(circle, transparent 1%, #cecdcd 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
nav.count.t-4 button.active > *, nav.count.t-4 button:active > *, nav.select.t-4 button.active > *, nav.select.t-4 button:active > * {
    background-color: #e0e0e0;
    background-size: 100%;
    transition: background 0s; }
nav.count.t-4 button span, nav.select.t-4 button span {
    width: 34px;
    height: 28px; }
nav.count.t-4 button:first-child, nav.select.t-4 button:first-child {
    margin-bottom: 1px; }
nav.count.t-4 button:first-child span, nav.select.t-4 button:first-child span {
    border-radius: 5px 5px 0 0; }
nav.count.t-4 button:last-child span, nav.select.t-4 button:last-child span {
    border-radius: 0 0 5px 5px; }
nav.select i {
    font-size: 8px;
    top: 2px; }
nav.select .prev i {
    left: 0; }
nav.count-range .onda {
    display: none; }
nav.count-range.onda input:not(.onda) {
    display: none; }
nav.count-range.onda .onda {
    display: block; }

/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -
@ response  */
/*
@ layout */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
 @ temel layout olcu etikleri */
html {
    font: 300 14px 'Ubuntu';
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%; }

html, body {
    min-height: 100%;
    width: 100%; }

body {
    min-width: 360px; }

body::-webkit-scrollbar {
    display: none; }

body .app-box {
    min-height: calc(100vh - 135px);
    display: flex;
    flex-direction: column;
    transition: opacity .3s;
    opacity: 1;
    /*min-width:1024px; min-height:768px*/ }

body main {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
 @ temel layout olcu etikleri */
.con {
    width: 100%;
    max-width: 1170px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto; }
.con.np {
    padding-left: 0;
    padding-right: 0; }

.e {
    padding-left: 1rem;
    padding-right: 1rem; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
 @ temel layout olcu etikleri */
main {
    padding-top: 4.8rem; }

main .body-as:not(.no) {
    display: flex;
    flex: 1 1 0%; }

body.nav-typ-of main .body-as:not(.no) {
    align-items: center; }

main .body-us blockquote {
    text-align: center;
    font: 200 16px 'Poppins';
    letter-spacing: .2px;
    color: #555;
    margin-left: auto;
    margin-right: auto; }
main .body-us blockquote.md {
    font-size: 18px; }

main .body-us blockquote.of {
    display: none; }

main .body-us:not(.on) .head-text {
    display: none; }

main .body-us.on .head-root {
    display: none; }

body.app .mod-sys {
    display: none; }

body.sys .mod-app {
    display: none; }

body.nav.on .body-us:not(.on) {
    display: none; }

body.nav:not(.on) .nav-back:not(.on),
body:not(.nav) .nav-back:not(.on) {
    display: none; }

main .body-as .remind-sum {
    font-size: 13px;
    color: #777;
    letter-spacing: .3px;
    line-height: 22px; }
main .body-as .remind-sum i.ss-index {
    font-size: 12px;
    color: #444;
    margin-left: 3px;
    top: 2px; }

main .not.f-1 {
    text-align: justify;
    font-size: 12px;
    color: #666;
    line-height: 21px; }

@media screen and (max-width: 35.5em) {
    main .body-as:not(.no) {
        align-items: flex-start; }

    main .body-us blockquote {
        font-size: 15px; }
    main .body-us blockquote.md {
        font-size: 16px; } }
header {
    height: 135px;
    position: sticky;
    color: #52585f;
    z-index: 3;
    top: 0;
    background: #e8eff1; }
header .con {
    z-index: 1;
    color: #52585f;
    padding-top: 18px;
    position: static; }
header .sag, header .sol {
    padding-top: 2px; }
header .path {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80%;
    max-height: 83px;
    width: 100%;
    transform: rotateX(180deg);
    z-index: 1; }
header .path svg {
    fill: #FFFFFF;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg); }
header .cen {
    text-align: center;
    z-index: 2; }
header .cen figure {
    background: url("img/cric.png") no-repeat 0 0;
    width: 129px;
    margin: 0 auto;
    height: 113px;
    color: white;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center; }
header .cen figure.img img {
    border-radius: 50%;
    width: 81%; }
header .cen figure.ico img, header .cen figure.img i {
    display: none; }
header .cen figure i {
    --f:56;
    --l:0;
    --t:-2;
    font-size: calc(var(--f) * 1px );
    left: calc(var(--l) * 1px );
    top: calc(var(--t) * 1px ); }
header .cen figure .icon-layer {
    --l:6 ; }
header .cen figure .icon-bib {
    --f:55;
    --l:5 ; }
header .cen figure .icon-cbn {
    --t:-4;
    --l:5 ; }
header .cen figure .icon-mer {
    --f:52;
    --l:5;
    --t:-2; }
header .cen figure .icon-ptk {
    --f:57;
    --l:4;
    --t:-0; }
header .cen figure .icon-mrk {
    --f:49;
    --l:4;
    --t:0; }
header .cen figure .icon-slf {
    --f:49;
    --l:4;
    --t:0; }
header .cen figure .icon-ihk {
    --f:58;
    --l:1;
    --t:-1; }
header .cen figure .icon-thm {
    --f:58;
    --l:1;
    --t:-1; }
header .cen figure .icon-spc {
    --f:51;
    --l:0;
    --t:-2; }
header .cen figure .icon-loj {
    --f:59;
    --l:2;
    --t:0; }
header .cen figure .icon-met {
    --f:54;
    --l:3;
    --t:-2; }
header .cen figure .icon-rpr {
    --f:50;
    --l:5;
    --t:0; }
header .cen figure .icon-gmk {
    --f:53;
    --l:3;
    --t:-4; }
header .cen figure .icon-vfm {
    --f:60;
    --l:2;
    --t:-3; }
header .cen figure .icon-dep {
    --f:51;
    --l:3;
    --t:-3; }
header .cen figure .icon-mbv {
    --f:48;
    --l:7;
    --t:-2; }
header .cen figure .fi-rr-building {
    --f:54;
    --l:5;
    --t:3; }
header .cen figure .icon-talep {
    --f:49;
    --l:4;
    --t:1; }
header .cen figure .icon-tatil {
    --f:59;
    --l:0;
    --t:-6; }
header .cen figure .icon-sup-b {
    --f:60;
    --l:3;
    --t:-0; }
header .cen figure .icon-ffc {
    --f:46;
    --l:3;
    --t:-2; }
header .cen figure .icon-wallet {
    --f:54;
    --l:4;
    --t:-4; }
header .cen h1 {
    font-size: 22px;
    letter-spacing: .7px;
    margin-bottom: 15px; }
header nav a {
    font-size: 14.5px;
    color: #2c9ece;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: .6px;
    display: flex;
    align-items: center; }
header nav a i {
    color: #52585f;
    line-height: 0;
    font-size: 17px; }
header .sag nav a {
    min-height: 16px; }
header .sag nav a i {
    margin-left: 10px; }
header .sag nav a.mod-app i {
    top: 1px; }
header .sag nav a.add {
    color: #49a922; }
header .sag nav a.lst i {
    top: 3px;
    font-size: 15px; }
header .sol nav a {
    min-height: 16px; }
header .sol nav a i {
    margin-right: 6px; }
header .sol nav a.nav-back i {
    top: 3px;
    font-size: 15px; }

@media screen and (max-width: 54em) {
    main {
        padding-top: 3.8rem; }

    header {
        height: 120px; }
    header .path {
        max-height: 60px; }
    header .cen figure {
        width: 110px;
        height: 98px; }
    header .cen h1 {
        font-size: 21px; } }
@media screen and (max-width: 35.5em) {
    main {
        padding-top: 3rem; }

    header {
        height: 120px; }
    header .path {
        height: 100%;
        max-height: 56px; }
    header .cen figure {
        width: 100px;
        height: 89px; }
    header .cen figure i {
        --f: 48 !important;
        --l:2 !important; }
    header .cen figure .icon-layer {
        --l:4 ; }
    header .cen h1 {
        font-size: 17px; } }
@media screen and (max-width: 26em) {
    header .path {
        overflow: hidden; }
    header .path svg {
        width: 135%; }
    header .cen figure {
        width: 90px;
        height: 80px; }
    header .cen figure i {
        --f: 43 !important; }
    header .cen figure .icon-layer {
        --l:4 ; }

    main .body-us blockquote {
        font-size: 14px; } }
footer {
    height: 100px; }

@media screen and (max-width: 35.5em) {
    footer {
        height: 30px; } }
/*
@  responsive  */
/*
@ Include > Ayrik yapi olmayanlar */
.nav-typ {
    position: absolute;
    right: 0;
    top: -15px;
    width: 100%; }
.nav-typ .n {
    display: flex;
    gap: 1px; }
.nav-typ .n button {
    background: #efefef;
    display: flex;
    cursor: pointer;
    padding: 8px 12px 8px 12px;
    color: #62636a; }
.nav-typ .n button span {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.8px;
    font-family: 'Ubuntu'; }
.nav-typ .n button.on {
    background: #b3a8db;
    color: white; }
.nav-typ .n button:not(.on):hover {
    background: #c7c7c7;
    color: white; }
.nav-typ .n button.xs {
    border-radius: 6px 0 0 6px; }
.nav-typ .n button.xl {
    border-radius: 0 6px 6px 0; }

.nav-typ-of .nav-typ {
    display: none; }

.list-find {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
.list-find i {
    position: absolute;
    z-index: 1;
    color: #ffc44f;
    font-size: 16px;
    top: 19px;
    left: 14px; }
.list-find input {
    border: 2px solid #ededed;
    height: 55px;
    width: 100%;
    border-radius: 10px;
    padding: 0 10px 0 36px;
    letter-spacing: .3px;
    font-size: 14px; }

.menu {
    margin-left: auto;
    margin-right: auto; }
.menu.f-1 {
    display: flex;
    flex-direction: column;
    justify-content: center; }
.menu.start {
    justify-content: flex-start; }
.menu > blockquote {
    font: 300 17px Open Sans;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
.menu.row-1 {
    max-width: 450px;
    margin: 0 auto; }
.menu .go {
    font-size: 15px;
    right: 14px;
    top: 14px; }
.menu .go.ss-upright {
    color: #acdcf9; }
.menu .go.ss-downleft {
    color: #fbdb8d; }
.menu a {
    color: #1b1b1b;
    border: 1px solid #f1f1f1;
    padding: 14px 11px 14px 14px;
    border-radius: 10px;
    height: 148px;
    display: flex;
    align-items: center; }
.menu a > .go {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    transform: translate(12px, -12px); }
.menu a:hover {
    background: #f8ffff; }
.menu a:hover > .go {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0); }
.menu a.under {
    opacity: 1; }
.menu .e {
    flex: 1 1 0%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
.menu .e span {
    position: absolute;
    width: 100px;
    right: 3px;
    top: 68px;
    font-size: 11px;
    color: #555;
    letter-spacing: .3px; }
.menu .e h4 {
    font-size: 22px;
    letter-spacing: .5px;
    margin-bottom: 6px;
    font-weight: 400; }
.menu .e p {
    font-size: 13.5px;
    max-width: 260px;
    line-height: 17px;
    color: #888; }
.menu.hide-sum .e p {
    display: none; }
.menu.hide-sum li a {
    height: 130px; }
.menu .s {
    width: 78px;
    text-align: center; }
.menu .on-sub > li:not(.on),
.menu li.on > a,
.menu li > ul.itm {
    display: none; }
.menu li.on {
    width: 100%;
    flex-basis: unset;
    max-width: unset;
    flex: unset; }
.menu li.on > ul.itm {
    display: flex; }
.menu li.on > ul.itm.body,
.menu li.on > ul.itm.basic {
    display: block; }
.menu.color-short li:nth-child(1) .s i {
    color: #e63816; }
.menu.color-short li:nth-child(2) .s i {
    color: #6aa4ec; }
.menu.color-short li:nth-child(3) .s i {
    color: #96b46f; }
.menu.color-short li:nth-child(4) .s i {
    color: #efb952; }
.menu.color-short li:nth-child(5) .s i {
    color: #e0533c; }
.menu.color-short li:nth-child(6) .s i {
    color: #43c8e5; }
.menu.color-short li:nth-child(7) .s i {
    color: #9758a2; }
.menu.color-short li:nth-child(8) .s i {
    color: #77aa6f; }
.menu.color-short li:nth-child(9) .s i {
    color: #e23b63; }
.menu.color-short li:nth-child(10) .s i {
    color: #e1a924; }
.menu.color-short li:nth-child(11) .s i {
    color: #7157b4; }
.menu.color-short li:nth-child(12) .s i {
    color: #77aa6f; }
.menu.color-short li:nth-child(13) .s i {
    color: #e23b63; }
.menu.color-short li:nth-child(14) .s i {
    color: #7157b4; }
.menu.color-short li:nth-child(15) .s i {
    color: #b67862; }
.menu.color-short li:nth-child(16) .s i {
    color: #2dd5ff; }
.menu li .s {
    display: flex;
    align-items: center;
    justify-content: center;
    --s:56;
    --l:0;
    --t:0;
    --c:#333; }
.menu li .s img[src*='.svg'], .menu li .s i {
    color: var(--c);
    font-size: calc(var(--s) * 1px );
    left: calc(var(--l) * 1px );
    top: calc(var(--t) * 1px ); }
.menu li .s img[src*='.svg'] {
    width: calc(var(--s, 56) * 1px);
    height: calc(var(--s, 56) * 1px);
    object-fit: contain; }
.menu li .s i[class*='img-'] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 1em;
    height: 1em; }
.menu li .s svg {
    shape-rendering: geometricprecision;
    stroke: white;
    stroke-width: 8px; }
.menu li[rel='bib'] > a .s i {
    color: #e63816; }
.menu li[rel='8k'] > a .s i {
    color: #877140;
    --s:56; }
.menu li[rel='cbn'] > a .s i {
    color: #6aa4ec; }
.menu li[rel='mer'] > a .s i {
    color: #96b46f; }
.menu li[rel='ptk'] > a .s i {
    color: #efb952;
    --s:56; }
.menu li[rel='mrk'] > a .s i {
    color: #e0533c; }
.menu li[rel='slf'] > a .s i {
    color: #43c8e5; }
.menu li[rel='ihk'] > a .s, .menu li[rel='thm'] > a .s {
    --s:56;
    --l:5 ; }
.menu li[rel='gmk'] > a .s {
    --s:56; }
.menu li[rel='rpr'] > a .s {
    --s:56; }
.menu li[rel='mrk'] > a .s {
    --s:50; }
.menu li[rel='spc'] > a .s i {
    color: #9758a2; }
.menu li[rel='met'] > a .s i {
    color: #77aa6f; }
.menu li[rel='rpr'] > a .s i {
    color: #e23b63; }
.menu li[rel='gmk'] > a .s i {
    color: #5e97dd; }
.menu li[rel='vfm'] > a .s i {
    color: #7157b4;
    --s:56 ; }
.menu li[rel='dep'] > a .s i {
    color: #b67862;
    --s:56; }
.menu li[rel='mbv'] > a .s i {
    color: #2dd5ff;
    --s:56 ; }
.menu li[rel='avs'] > a .s i {
    color: #d92b22;
    --s:56;
    --l:1;
    --t:-1 ; }
.menu li[rel='loj'] > a .s i {
    color: #e1a924; }
.menu li[rel='kub'] > a .s i {
    color: #bc6cc8; }
.menu li[rel='srk'] > a .s i {
    color: #e63e3e; }
.menu li[rel='grv'] > a .s i {
    color: #5ee78c; }
.menu li[rel='ozl'] > a .s i {
    color: #e6a94d; }
.menu li[rel='org'] > a .s i {
    color: #f3625d; }
.menu li[rel='cek'] > a .s i {
    color: #65db96; }
.menu li .s .icon-dash {
    color: #84b077; }
.menu li .s .icon-talep {
    color: #efb952; }
.menu li .s .icon-sup-b {
    color: #e54b22; }
.menu li .s .icon-hesap {
    color: #61d6f3; }
.menu li .s .icon-logout {
    color: #9e8ab4; }
.menu li .s .icon-envanter {
    color: #6fae37; }
.menu li .s .icon-hap {
    color: #1ac4ca; }
.menu li .s .icon-tatil {
    color: #f29840;
    transform: rotateY(180deg); }
.menu li .s .icon-dogum {
    color: #83b2fe; }
.menu li .s .icon-yuzuk {
    color: #bc6cc8; }
.menu li .s .icon-cenaze {
    color: #a36262; }

.menu ul.basic {
    border-radius: 10px;
    max-width: 700px;
    margin: 0 auto;
    zoom: 1.03; }
.menu ul.basic.f-fig .fig {
    position: absolute;
    right: 80px;
    color: #888;
    top: calc(50% + 2px);
    transform: translate(0, -50%); }
.menu ul.basic.xs {
    max-width: 480px; }
.menu ul.basic.sm {
    max-width: 600px; width:100%}
.menu ul.basic .go {
    line-height: 1;
    height: 11px;
    top: calc(50% + 1px);
    transform: translate(16px, -50%); }
.menu ul.basic a:hover .go {
    transform: translate(0, -50%); }
.menu ul.basic a {
    height: auto;
    min-height: 70px;
    padding: .8rem .6rem;
    border: 0;
    border-radius: 0; }
.menu ul.basic s {
    color: #6e86ab;
    font-weight: 400;
    margin-right: 15px; }
.menu ul.basic h4 {
    font-size: 14px;
    letter-spacing: .5px;
    margin: 0;
    font-weight: 400; }
.menu ul.basic > li {
    border-bottom: 1px dashed #e8e8e8; }
.menu ul.basic > li:first-child > a {
    border-radius: 10px 10px 0 0; }
.menu ul.basic > li:last-child > a {
    border-radius: 0 0 10px 10px; }
.menu ul.basic > li:last-child {
    border-bottom: 0; }
.menu ul.basic-sum {
    border-radius: 10px;
    max-width: 700px;
    margin: 0 auto;
    zoom: 1.03; }
.menu ul.basic-sum.f-fig .fig {
    position: absolute;
    right: 80px;
    color: #cacaca;
    top: calc(50% + 2px);
    transform: translate(0, -50%); }
.menu ul.basic-sum.xs {
    max-width: 480px; }
.menu ul.basic-sum.sm {
    max-width: 600px; }
.menu ul.basic-sum .go {
    line-height: 1;
    height: 11px;
    top: calc(50% + 1px);
    transform: translate(16px, -50%); }
.menu ul.basic-sum a:hover .go {
    transform: translate(0, -50%); }
.menu ul.basic-sum a {
    align-items: inherit;
    gap: 15px;
    height: auto;
    min-height: 80px;
    padding: 1rem .6rem;
    border: 0;
    border-radius: 0; }
.menu ul.basic-sum h4 {
    font-size: 14px;
    letter-spacing: .5px;
    margin: 0;
    padding-left: 1px;
    font-weight: 400; }
.menu ul.basic-sum .sol s {
    border-radius: 8px;
    font-weight: 400;
    width: 62px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #4d7cad;
    background: #f5f5f5; }
.menu ul.basic-sum summary {
    font-size: 11.5px;
    padding-top: 4px;
    font-weight: 300;
    color: #666;
    letter-spacing: .5px; }
.menu ul.basic-sum summary .ss-businessuser {
    color: #5d6484;
    font-size: 10px;
    top: 1px; }
.menu ul.basic-sum summary .a {
    color: #555;
    font-weight: 400;
    letter-spacing: .8px;
    padding: 0 0 0 4px; }
.menu ul.basic-sum summary em {
    padding: 0 5px; }
.menu ul.basic-sum summary span {
    padding-left: 5px; }
.menu ul.basic-sum summary span i {
    color: #ecb14b;
    top: 2px;
    font-size: 11px;
    margin-right: 2px; }
.menu ul.basic-sum > li {
    border-bottom: 1px dashed #e8e8e8; }
.menu ul.basic-sum > li:first-child > a {
    border-radius: 10px 10px 0 0; }
.menu ul.basic-sum > li:last-child > a {
    border-radius: 0 0 10px 10px; }
.menu ul.basic-sum > li:last-child {
    border-bottom: 0; }

body:not(.nav-typ-of) .menu.f-1 {
    display: flex;
    flex-direction: column;
    justify-content: center; }
body:not(.nav-typ-of) .menu.f-1.start {
    justify-content: flex-start; }

.menu.f-min ul.itm:not(.basic) > li > a {
    height: 134px;
    flex-direction: column; }
.menu.f-min ul.itm:not(.basic) > li > a .s {
    --l:0!important;
    --t:0!important;
    padding: 5px 0 14px 0; }
.menu.f-min ul.itm:not(.basic) > li > a .go {
    font-size: 12px;
    right: 8px;
    top: 8px; }
.menu.f-min ul.itm:not(.basic) > li > a .e p {
    display: none; }
.menu.f-min ul.itm:not(.basic) > li > a .e h4 {
    font-size: 13px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-align: center; }

@media screen and (max-width: 54em) {
    .menu.f-min ul.itm:not(.basic) > li > a {
        padding: 12px 11px 7px 14px;
        height: 115px; }
    .menu.f-min ul.itm:not(.basic) > li > a .s {
        padding: 5px 0 14px 0; }
    .menu.f-min ul.itm:not(.basic) > li > a .e h4 {
        font-size: 13px; }

    .nav-min .menu li .s {
        --s:52; }
    .nav-min .menu li[rel='8k'] > a .s i {
        color: #877140;
        --s:52; }
    .nav-min .menu li[rel='ptk'] > a .s i {
        color: #efb952;
        --s:52 ; }
    .nav-min .menu li[rel='thm'] .s {
        --s:52;
        --l:5 ; }
    .nav-min .menu li[rel='gmk'] .s {
        --s:52; }
    .nav-min .menu li[rel='rpr'] .s {
        --s:52; }
    .nav-min .menu li[rel='mbv'] .s {
        --s:52; }
    .nav-min .menu li[rel='mrk'] .s {
        --s:47; }
    .nav-min .menu li[rel='vfm'] > a .s i {
        color: #7157b4;
        --s:52; }
    .nav-min .menu li[rel='mbv'] > a .s i {
        color: #2dd5ff;
        --s:52 ; }
    .nav-min .menu li[rel='avs'] > a .s i {
        color: #d92b22;
        --s:52;
        --l:1;
        --t:-1 ; } }
@media screen and (max-width: 26em) {
    .menu.f-min ul.itm:not(.basic) > li > a {
        zoom: 1 !important;
        padding: 12px 11px 7px 14px;
        height: 115px; }
    .menu.f-min ul.itm:not(.basic) > li > a .s {
        padding: 5px 0 14px 0; }
    .menu.f-min ul.itm:not(.basic) > li > a .e h4 {
        font-size: 13px; }

    .nav-min .menu li .s {
        --s:45 !important; }
    .nav-min .menu li[rel='8k'] > a .s i {
        color: #877140;
        --s:45 !important; }
    .nav-min .menu li[rel='ptk'] > a .s i {
        color: #efb952;
        --s:45 !important ; }
    .nav-min .menu li[rel='thm'] .s {
        --s:45 !important;
        --l:5 ; }
    .nav-min .menu li[rel='gmk'] .s {
        --s:45 !important; }
    .nav-min .menu li[rel='rpr'] .s {
        --s:45 !important; }
    .nav-min .menu li[rel='mbv'] .s {
        --s:45 !important; }
    .nav-min .menu li[rel='mrk'] .s {
        --s:41 !important; }
    .nav-min .menu li[rel='vfm'] > a .s i {
        color: #7157b4;
        --s:45 !important; }
    .nav-min .menu li[rel='mbv'] > a .s i {
        color: #2dd5ff;
        --s:45 !important ; }
    .nav-min .menu li[rel='avs'] > a .s i {
        color: #d92b22;
        --s:45 !important;
        --l:1;
        --t:-1 ; } }
@media screen and (max-width: 35.5em) {
    .menu.f-min ul:not(.basic) > li > a {
        zoom: 1 !important;
        padding: 12px 11px 7px 14px;
        height: 115px; }
    .menu.f-min ul:not(.basic) > li > a .s {
        padding: 5px 0 14px 0; }
    .menu.f-min ul:not(.basic) > li > a .e h4 {
        font-size: 13px; }

    .nav-min .menu li .s {
        --s:50; }
    .nav-min .menu li[rel='8k'] > a .s i {
        color: #877140;
        --s:50; }
    .nav-min .menu li[rel='ptk'] > a .s i {
        color: #efb952;
        --s:50 ; }
    .nav-min .menu li[rel='thm'] .s {
        --s:50;
        --l:5 ; }
    .nav-min .menu li[rel='gmk'] .s {
        --s:50; }
    .nav-min .menu li[rel='rpr'] .s {
        --s:50; }
    .nav-min .menu li[rel='mbv'] .s {
        --s:50; }
    .nav-min .menu li[rel='mrk'] .s {
        --s:45; }
    .nav-min .menu li[rel='vfm'] > a .s i {
        color: #7157b4;
        --s:50 ; }
    .nav-min .menu li[rel='mbv'] > a .s i {
        color: #2dd5ff;
        --s:50 ; }
    .nav-min .menu li[rel='avs'] > a .s i {
        color: #d92b22;
        --s:50;
        --l:1;
        --t:-1 ; } }
.context .cxt-o {
    z-index: 5;
    background: rgba(0, 0, 0, 0.12);
    transition: opacity .2s;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    position: fixed; }
.context .cxt-o[style] {
    top: var(--t); }
.context .cxt-o.f-1 {
    top: 0; }
.context.f-1 .cxt-o {
    top: 0; }
.context .cxt-b {
    position: absolute;
    z-index: 6;
    padding-right: var(--pr);
    padding-top: var(--pt);
    width: var(--w);
    display: none; }
.context .cxt-b:not(.xl):not(.xr) {
    transform: translate(-50%, 0%);
    left: 50%; }
.context .cxt-b:not(.yb) {
    top: var(--t); }
.context .cxt-b.xl {
    left: var(--l); }
.context .cxt-b.xr {
    right: var(--r); }
.context .cxt-b.yt {
    top: var(--t); }
.context .cxt-b.yb {
    bottom: var(--b); }
.context .cxt-b s.ok {
    background: url("img/cxt.png") no-repeat 0 0;
    position: absolute;
    background-size: 100% auto;
    width: 29px;
    height: 20px; }
.context .cxt-b svg.ok path {
    fill: #fff;
    fill-rule: evenodd; }
.context .cxt-b .ok {
    z-index: 2;
    position: absolute; }
.context .cxt-b .ok.yb {
    transform: rotate(180deg); }
.context .cxt-b .ok:not(.xl):not(.xr) {
    transform: translate(-50%, 0%);
    left: 50%;
    margin-left: -2px; }
.context .cxt-b .ok:not(.xl):not(.xr):not(.yb) {
    transform: translate(-50%, 0%); }
.context .cxt-b .ok:not(.xl):not(.xr).yb {
    transform: translate(-50%, 0%) rotate(180deg); }
.context .cxt-b .ok.x.xr {
    transform: rotate(90deg); }
.context .cxt-b .ok.x.xl {
    transform: rotate(-90deg); }
.context .cxt-b .ok:not(.yb) {
    top: -12px; }
.context .cxt-b .ok.xl {
    left: var(--l); }
.context .cxt-b .ok.xr {
    right: var(--r); }
.context .cxt-b .ok.yt {
    top: var(--t); }
.context .cxt-b .ok.yb {
    bottom: var(--b); }
.context .cxt-b > div {
    animation-fill-mode: both;
    animation-duration: .2s;
    animation-name: fadeOut; }
.context .cxt-b > div > ul,
.context .cxt-b > div > div {
    background: white;
    border-radius: 12px; }
.context .cxt-u {
    /*
  		.dtc_checkeds 				{
  			span a 					{ margin-left:3px; color: white;font-size: 11px; border-radius: 3px;text-align: center;padding: 2px 6px;font: 400 10px 'Open sans';letter-spacing: .5px;}
  			.dtc_remove 			{ background: #f24e15; width: 40px; }
  			.v						{ background: #c7c7c7; width: 24px;
  				i 					{ top:3px; font-size: 12px; position: absolute; left: 6px }
  				s 					{ width: 14px;height: 2px; background: #d4d1d1;transform: rotate(-45deg);position: absolute;top: 6px;z-index: 1;left: 7px }
  				&.dtc_no_publish	{ background:#d4d1d1; &:hover{ background:#c3c3c3; s{ background:#c3c3c3 }}}
  				&.dtc_on_publish	{ background:#d4d1d1; &:hover{ background:#c3c3c3 }}
  			}
  		}

  		.dtc_view 						{
  			a 						{ background:white; border:1px solid #f3f3f3;margin-left:4px; height:20px; width:24px; color:#444; font-size:9px; border-radius: 3px;text-align: center;padding: 2px 6px; }
  			&:hover a 				{ border-color:#e6e6e6 }
  			a:hover 				{ color:#3eb3d1; }
  			a.off  					{ color:#bfbfbf ; pointer-events: none; }
  			a i 					{ position:absolute }
  			a.prev i				{ left:7px; top:5px }
  			a.next i				{ left:7px; top:5px }
  		}
  		*/ }
.context .cxt-u ul li {
    border-top: 1px solid #f0f0f0;
    /*
    &:hover 				{ background:#f9f9f9;
    	> .in 				{ }
    }*/ }
.context .cxt-u ul li:first-child {
    border-top: 0; }
.context .cxt-u ul li > a {
    height: 48px;
    color: #222;
    display: flex;
    align-items: center;
    padding: 0 13px;
    font: 400 13px 'Open Sans'; }
.context .cxt-u ul li > a.of-point {
    opacity: 1;
    color: #999; }
.context .cxt-u ul li > a > i {
    position: absolute;
    right: 0;
    top: 0; }
.context .cxt-u ul li > a > i.ss-check {
    color: #37b1d0;
    right: 10px;
    top: 16px;
    font-size: 10px; }
.context .cxt-u ul li:last-child {
    border-radius: 0 0 5px 5px; }
.context .cxt-u ul li:first-child {
    border-radius: 5px 5px 0 0; }
.context .cxt-u ul li.t-iade {
    background: #fff6f2; }
.context .cxt-u ul li.t-iade a {
    color: #f1371e; }
.context .cxt-u ul li.t-iade i {
    right: 9px;
    top: 14px;
    font-size: 17px; }
.context .cxt-u ul li.lorem {
    height: 48px;
    padding: 0 13px; }
.context .cxt-u ul li.lorem i {
    background: #ececec;
    border-radius: 8px;
    height: 8px;
    width: 55%;
    top: 18px;
    display: block; }
.context .cxt-u ul li.lorem.one i {
    width: 50%; }
.context .cxt-u ul li.lorem.two i {
    width: 30%; }
.context .cxt-u ul.f-1 li > a {
    font-weight: 600; }
.context .cxt-u li > a > s {
    position: absolute;
    right: 11px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: #999; }
.context .cxt-u.xs ul li > a {
    height: 38px; }
.context .cxt-u.xs .icon-reload {
    font-size: 16px; }
.context .cxt-u.xs .icon-power2 {
    font-size: 16px; }
.context .cxt-u.xs .icon-power2.of {
    color: #ef9494; }
.context .cxt-u.xs .icon-power2.on {
    color: #5cdc96; }
.context .cxt-u.xs .ss-ban {
    color: #f95d5d;
    top: 3px;
    left: 1px;
    font-size: 18px; }
.context.cxt-on .cxt-o {
    visibility: visible;
    opacity: 1; }
.context.cxt-on .cxt-b {
    display: block; }
.context.cxt-on .cxt-b > div {
    animation-name: zoomIn;
    animation-duration: .15s; }

html[cxt='1'] .f-cxt-1,
html[cxt='2'] .f-cxt-2,
html[cxt='3'] .f-cxt-3,
html[cxt='4'] .f-cxt-4,
html[cxt='5'] .f-cxt-5,
html.cxt .f-cxt {
    filter: blur(2px); }

html.cxt .app-menu, html.cxt .app-head {
    /*pointer-events: none;*/
    border-color: white; }

.cxt-urun-filter .cxt-b .ok {
    z-index: 0; }
.cxt-urun-filter .cxt-in {
    padding: 0;
    overflow: hidden;
    height: calc( var(--app-body) - 120px ); }
.cxt-urun-filter .cxt-r .ia {
    color: #888;
    font-size: 12px;
    top: 1px;
    margin-right: 5px; }
.cxt-urun-filter .cxt-r summary {
    margin-left: 5px;
    position: absolute;
    white-space: nowrap;
    left: 92px;
    font-size: 11px;
    color: #555;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s; }
.cxt-urun-filter .cxt-b > div {
    border-radius: 12px; }
.cxt-urun-filter .f-groups {
    height: calc(100% - 70px);
    padding: 0 8px 3px 8px;
    transition: .3s; }
.cxt-urun-filter .f-groups li a {
    color: #222;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    padding: 0 8px;
    font: 400 13px 'Open Sans';
    border-top: 1px solid #e8e8e8;
    height: 43px;
    display: flex;
    align-items: center; }
.cxt-urun-filter .f-groups li a i.ia {
    font-size: 11px;
    color: #999;
    top: 2px;
    margin-right: 5px; }
.cxt-urun-filter .f-groups li a i.ib {
    color: #1081eb;
    font-size: 11px;
    right: 7px;
    display: flex;
    align-items: center;
    top: 16px;
    visibility: hidden; }
.cxt-urun-filter .f-groups > ul > li:first-child > a {
    border: 0; }
.cxt-urun-filter .f-groups li li a {
    padding-left: 5px; }
.cxt-urun-filter .f-groups li li li a {
    padding-left: 16px; }
.cxt-urun-filter .f-groups li li li li a {
    padding-left: 22px; }
.cxt-urun-filter .f-groups li.on > a i.ib {
    visibility: visible; }
.cxt-urun-filter .f-groups li.on ul .ib {
    visibility: visible;
    color: #999; }
.cxt-urun-filter .f-groups li.on ul a {
    pointer-events: none; }
.cxt-urun-filter .f-footer {
    background: #f9f9f9;
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #dcdcdc;
    position: absolute;
    bottom: 0;
    transition: .3s;
    transform: translate(0, 48px);
    width: 100%; }
.cxt-urun-filter .f-footer ul li {
    font: 600 15px 'Source Sans Pro';
    height: 48px; }
.cxt-urun-filter .f-footer ul li:first-child {
    border-top: 0; }
.cxt-urun-filter .f-footer ul li a {
    padding: 0 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.cxt-urun-filter .f-footer ul li a i {
    color: #333;
    font-size: 17px; }
.cxt-urun-filter .f-footer ul li.f-idm i {
    top: 3px;
    font-size: 16px; }
.cxt-urun-filter .f-footer ul li.f-rst i {
    top: 3px;
    font-size: 15px; }
.cxt-urun-filter .f-footer ul li.f-rst a {
    color: #ddd; }
.cxt-urun-filter.on-filter .f-groups {
    padding-bottom: 50px; }
.cxt-urun-filter.on-filter .f-footer {
    transform: translate(0, 0); }
.cxt-urun-filter.on-filter .cxt-r i {
    color: #ec462a; }
.cxt-urun-filter.on-filter .cxt-r summary {
    visibility: visible;
    opacity: 1;
    left: 82px; }
.cxt-urun-filter .f-search {
    padding: 11px 11px 15px 11px; }
.cxt-urun-filter .f-search div {
    border-radius: 6px;
    background: #f3f3f3;
    height: 44px; }
.cxt-urun-filter .f-search input {
    z-index: 0;
    background: none;
    padding: 0 0 0 32px;
    height: 100%;
    width: calc(100% - 35px); }
.cxt-urun-filter .f-search input::placeholder {
    color: #444;
    opacity: 1; }
.cxt-urun-filter .f-search .plt {
    z-index: 1;
    color: #f99500;
    width: 34px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.cxt-urun-filter .f-search .plt i {
    top: 2px; }

.cxt-market .cxt-u ul li > a {
    padding-left: 35px; }
.cxt-market .cxt-u ul li > a > i.ss-check {
    color: #1081eb;
    right: 12px;
    top: 20px; }
.cxt-market .cxt-u ul li > a > i.s {
    position: absolute;
    color: #9fa1a3;
    left: 12px;
    top: 17px;
    font-size: 15px; }
.cxt-market .cxt-u ul li:not(.on) .ss-check {
    display: none;
    color: #1081eb; }
.cxt-market .cxt-u ul li.on i.s {
    color: #1081eb; }

.cxt-info .cxt-r i {
    font-size: 13px;
    margin-right: 6px !important;
    top: 1px; }

.field-find .find-reset {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
.field-find .find-reset b {
    background: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    display: flex;
    border-radius: 1em;
    height: 1em;
    width: 1em; }
.field-find .find-reset i {
    font-size: 13px;
    top: 1px; }
.field-find:not(.on) .find-reset {
    display: none; }
.field-find.f1 {
    border-radius: 9px;
    width: 220px;
    height: 44px; }
.field-find.f1 input {
    z-index: 0;
    background: none;
    font-size: 15px;
    padding: 0 0 0 22px;
    height: 100%;
    width: calc(100% - 45px); }
.field-find.f1 input::placeholder {
    color: #444;
    opacity: 1; }
.field-find.f1 .plt {
    z-index: 1;
    color: #f99500;
    width: 17px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.field-find.f1 .plt i {
    top: 2px;
    font-size: 13px; }
.field-find.f1 .prt {
    width: 40px;
    z-index: 2;
    cursor: pointer; }
.field-find.f1.f2.on, .field-find.f1.focus {
    background: #f3f3f3; }
.field-find.f1.f2.on .plt, .field-find.f1.focus .plt {
    width: 34px; }
.field-find.f1.f2.on input, .field-find.f1.focus input {
    padding-left: 31px;
    padding-bottom: 1px;
    width: calc(100% - 45px); }
.field-find.f1.on:not(.focus):not(.f2) .plt {
    display: none; }
.field-find.f1.on:not(.focus):not(.f2) .prt {
    right: unset;
    width: 52px;
    left: -14px; }
.field-find.f1.on:not(.focus):not(.f2) .prt b {
    font-size: 17px;
    left: -4px; }
.field-find.f1.on:not(.focus):not(.f2) input {
    left: 25px;
    padding-left: 0; }
.field-find.f1.f2 {
    height: 40px;
    border-radius: 6px; }
.field-find.f1.f2 input {
    font-family: 'Source Sans Pro'; }

.c-mask-ratio .real, .mask-ratio .real {
    width: 100%;
    object-fit: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
.c-mask-ratio .real.dk, .mask-ratio .real.dk {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%; }
.c-mask-ratio .mask, .mask-ratio .mask {
    width: 100%;
    display: block; }

.c-mask-ratio.crop figure,
.mask-ratio.crop {
    overflow: hidden !important;
    display: block; }

a {
    text-decoration: none;
    color: #222; }
a:visited, a:active, a:focus {
    text-decoration: none; }
a:hover {
    text-decoration: none;
    color: black; }
a.underline:hover {
    text-decoration: underline; }

.uf-1 a, a.uf-1 {
    color: #1081eb; }

.uf-2 a, a.uf-2 {
    color: #1081eb;
    font-weight: 400;
    font-size: 15px;
    display: inline-flex;
    align-items: center; }
.uf-2 a i, a.uf-2 i {
    color: #444; }
.uf-2 a i:not(.r), a.uf-2 i:not(.r) {
    margin-right: 8px; }

.uf-3 a, a.uf-3 {
    color: #1081eb;
    font: 600 14px 'Source Sans Pro';
    display: inline-flex;
    align-items: center; }
.uf-3 a i, a.uf-3 i {
    color: #444; }
.uf-3 a i:not(.r), a.uf-3 i:not(.r) {
    margin-right: 5px; }
.uf-3 a i.ss-trash, a.uf-3 i.ss-trash {
    top: 2px; }
.uf-3 a i.ss-user, a.uf-3 i.ss-user {
    top: 1px;
    font-size: 13px; }

.uf-4 a, a.uf-4 {
    color: white; }
.uf-4 a:hover, a.uf-4:hover {
    color: #fda83b; }

.uf-5 a, a.uf-5 {
    color: #14729a; }
.uf-5 a:hover, a.uf-5:hover {
    color: #e48139; }

/*
@ unset tab-color   */
.no-tabcolor:not(.all) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
.no-tabcolor.all input, .no-tabcolor.all select, .no-tabcolor.all label, .no-tabcolor.all a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

/*
@ click-ripple */
.ripple {
    background: var(--normal) radial-gradient(circle, transparent 1%, var(--normal) 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
.ripple:active {
    background-color: var(--active);
    background-size: 100%;
    transition: background 0s; }

dd.chf {
    display: inline; }
dd.chf i {
    position: absolute;
    transform: translate(-50%, -1%);
    left: 50%; }

body.swal2-shown {
    padding-right: 0 !important; }

.sw-money {
    width: 365px;
    border-radius: 10px;
    background: #f8f8f8;
    font: 300 13px 'Gotham'; }
.sw-money .swal2-title {
    font-size: 18px; }
.sw-money #swal2-content {
    color: #7b7a7a;
    text-align: center;
    font-size: 11px;
    padding: 0 8px 4px 8px; }
.sw-money .swal2-input {
    border: 0;
    box-shadow: unset;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100px;
    font: 300 40px 'Gotham'; }
.sw-money .swal2-confirm {
    background: #258ecf;
    padding: 16px 24px;
    color: white;
    width: 100%; }
.sw-money .swal2-actions {
    margin: 0; }

.sw-kasa #swal2-content {
    text-align: justify; }

.sw-just #swal2-content {
    text-align: justify; }

html.swal2-shown .modal,
html.swal2-shown main {
    filter: blur(3.5px); }

.sw-toast.t-3 {
    top: 6% !important;
    right: 3% !important; }
.sw-toast.t-3 .swal2-popup {
    background: #f3f3f3;
    animation-duration: .3s;
    animation-fill-mode: both !important;
    padding: 16px 15px;
    border-radius: 34px; }
.sw-toast.t-3 .swal2-popup.swal2-toast.swal2-show {
    animation-duration: .8s;
    animation-name: bounceIn; }
.sw-toast.t-3 .swal2-popup.swal2-toast.swal2-hide {
    animation-name: fadeOut; }
.sw-toast.t-3 .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 28px;
    height: 28px; }
.sw-toast.t-3 .swal2-icon.swal2-success .swal2-success-ring {
    top: -4px;
    left: -4px; }
.sw-toast.t-3 .swal2-icon.swal2-error .swal2-x-mark {
    left: -0.5px; }

.sw-fatura button.text {
    background: none;
    border: 0 !important;
    font-size: 12px;
    color: #555; }
.sw-fatura button.text:hover {
    background: none !important;
    border: 0; }
.sw-fatura .swal2-styled.swal2-cancel {
    background-color: #7cd1f9;
    color: #fff; }
.sw-fatura .swal2-actions {
    justify-content: flex-start; }

.sw-err .swal2-confirm {
    color: #ff8383;
    background: #ffefef; }
.sw-err .swal2-popup {
    background: #ff8383;
    color: white; }
.sw-err #swal2-content {
    color: white;
    font-size: 14px; }

/*
@ swal ios
*/
.sw-ios {
    overflow: hidden;
    width: 280px;
    height: auto;
    justify-content: normal;
    background: #f9f9f9;
    border-radius: 18px;
    padding: 19px 0 0 0; }
.sw-ios .swal2-styled.swal2-confirm,
.sw-ios input, .sw-ios textarea, .sw-ios select {
    border: none;
    outline-width: 0;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.sw-ios .swal2-styled.swal2-confirm:focus,
.sw-ios input:focus, .sw-ios textarea:focus, .sw-ios select:focus {
    outline: none;
    box-shadow: none !important; }
.sw-ios .swal2-styled.swal2-confirm:hover,
.sw-ios input:hover, .sw-ios textarea:hover, .sw-ios select:hover {
    background: none;
    border: none; }
.sw-ios .swal2-actions {
    padding: 0; }
.sw-ios .swal2-content {
    padding: 0 20px;
    font: normal 11.5px 'Gotham';
    text-align: center;
    color: black; }
.sw-ios .swal2-html-container,
.sw-ios #swal2-content {
    text-align: center;
    color: #222; }
.sw-ios .swal2-header {
    padding: 7px 20px 0 20px; }
.sw-ios .swal2-actions {
    margin: 0;
    height: 32px;
    border-top: 1px solid #d9d9d9; }
.sw-ios .swal2-actions {
    height: 50px; }
.sw-ios .swal2-actions button {
    padding: 0;
    width: 100%;
    margin: 0;
    border: 0;
    height: 100%;
    border-radius: 0;
    background: none;
    font: bold 14px "Open Sans"; }
.sw-ios .swal2-actions button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    background: #f9f9f9 radial-gradient(circle, transparent 1%, #f9f9f9 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
.sw-ios .swal2-actions button.active, .sw-ios .swal2-actions button:active {
    background-color: #e8e8e8;
    background-size: 100%;
    transition: background 0s; }
.sw-ios .swal2-actions button:nth-child(1) {
    border-radius: 0 0 0 18px; }
.sw-ios .swal2-actions button:nth-child(2) {
    border-left: 1px solid #d9d9d9 !important;
    border-radius: 0 0 18px 0; }
.sw-ios .swal2-actions .swal2-confirm {
    color: #258ecf; }
.sw-ios .swal2-actions .swal2-confirm.remove {
    color: #ec602a; }
.sw-ios .swal2-actions .swal2-cancel {
    color: #767676; }
.sw-ios .swal2-actions .swal2-cancel.remove {
    color: #ec602a; }
.sw-ios .swal2-actions button.blue {
    color: #258ecf; }
.sw-ios .swal2-actions button.blue.remove {
    color: #ec602a; }
.sw-ios .swal2-actions button.gray {
    color: #767676; }
.sw-ios .swal2-actions button.gray.remove {
    color: #ec602a; }
.sw-ios.sw-confirm .swal2-actions {
    justify-content: space-between; }
.sw-ios.sw-confirm .swal2-actions button {
    width: 50%; }
.sw-ios .swal2-input {
    box-shadow: unset;
    margin: 0; }
.sw-ios.sw-login .swal2-input {
    border: 0;
    margin: 4px 0 12px 0;
    text-align: center;
    letter-spacing: 3px;
    font: bold 24px "Arial" !important;
    height: 60px; }
.sw-ios.sw-login .swal2-input::placeholder {
    color: #999;
    opacity: 1;
    font: bold 30px "Arial"; }
.sw-ios.sw-login-note .swal2-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74%;
    margin: 0 auto;
    padding: 30px 0; }
.sw-ios.sw-note .swal2-html-container,
.sw-ios.sw-note .swal2-content {
    width: 100%;
    margin: 0 auto;
    padding: 6px 25px 25px 25px;
    font-size: 13px; }
.sw-ios .swal2-title {
    color: #111;
    font: 700 15px 'Gotham';
    margin-bottom: 2px; }

.ptr--ptr {
    background: #555;
    z-index: 10;
    overflow: unset !important; }

.ptr--box {
    background: #555;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    height: 80px; }

.ptr--icon {
    color: rgba(255, 255, 255, 0.7) !important; }

.ptr--text {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 18px;
    font-family: gotham !important;
    font-weight: 300 !important; }

#code-builds #reload {
    position: fixed;
    top: 0;
    left: 30%;
    width: 40%;
    z-index: 5;
    height: var(--app-head); }

.trin s {
    position: relative;
    display: block;
    background-color: orange;
    text-align: left; }
.trin s:before, .trin s:after {
    content: '';
    position: absolute;
    background-color: inherit; }

.trin s, .trin s:before,
.trin s:after {
    border-top-right-radius: 30%;
    width: 1em;
    height: 1em; }

.trin[style*="--w"] s {
    width: var(--w);
    height: var(--w); }
.trin[style*="--w"] s:before, .trin[style*="--w"] s:after {
    width: var(--w);
    height: var(--w); }

.trin[style*="--c"] s {
    background-color: var(--c); }

.trin s {
    transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866); }

.trin s:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }

.trin s:after {
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); }

.trin {
    width: 1em;
    height: 1em;
    display: block;
    position: absolute; }
.trin[style*="--w"] {
    width: var(--w);
    height: var(--w); }
.trin.xl {
    transform: rotate(-90deg); }
.trin.xr {
    transform: rotate(90deg); }
.trin.yb {
    transform: rotate(180deg); }

[tip]::before,
[tip]::after {
    text-transform: none;
    font-size: 10px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0; }

[tip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1000; }

[tip]::after:hover {
    color: #fff; }

[tip]::after {
    content: attr(tip);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    vertical-align: super;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .8em;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    z-index: 1000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; }

[tip]:hover::before,
[tip]:hover::after {
    display: block; }

[ntt='']::before,
[ntt='']::after {
    display: none !important; }

[tip]:not([flow])::before,
[tip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.85);
    margin-bottom: 5px; }

[tip]:not([flow])::after,
[tip][flow^="up"]::after {
    bottom: calc(100% + 10px); }

[tip]:not([flow])::before,
[tip]:not([flow])::after,
[tip][flow^="up"]::before,
[tip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -0.6em); }

[tip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.9);
    margin-top: 5px; }

[tip][flow^="down"]::after {
    top: calc(100% + 10px); }

[tip][flow^="down"]::before,
[tip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, 0.6em); }

[tip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.9);
    left: calc(0em - 10px);
    transform: translate(-0.6em, -50%); }

[tip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 10px);
    transform: translate(-0.6em, -50%); }

[tip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.9);
    right: calc(0em - 10px);
    transform: translate(0.6em, -50%); }

[tip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 10px);
    transform: translate(0.6em, -50%); }

@keyframes ntts-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0); } }
@keyframes ntts-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%); } }
[tip]:not([flow]):hover::before,
[tip]:not([flow]):hover::after,
[tip][flow^="up"]:hover::before,
[tip][flow^="up"]:hover::after,
[tip][flow^="down"]:hover::before,
[tip][flow^="down"]:hover::after {
    animation: ntts-vert 400ms ease-out forwards; }

[tip][flow^="left"]:hover::before,
[tip][flow^="left"]:hover::after,
[tip][flow^="right"]:hover::before,
[tip][flow^="right"]:hover::after {
    animation: ntts-horz 400ms ease-out forwards; }

/*
 @ table reset and default params */
table {
    border-spacing: 0;
    border-collapse: collapse; }
table thead.c th {
    text-align: center; }
table tbody.c td {
    text-align: center; }
table tbody td, table tbody th, table thead td, table thead th {
    text-align: left; }
table tbody td.l, table tbody th.l, table thead td.l, table thead th.l {
    text-align: left; }
table tbody td.c, table tbody th.c, table thead td.c, table thead th.c {
    text-align: center; }
table tbody td.r, table tbody th.r, table thead td.r, table thead th.r {
    text-align: right; }
table tbody td.b, table tbody th.b, table thead td.b, table thead th.b {
    font-weight: bold; }
table tbody td.w-4, table tbody th.w-4, table thead td.w-4, table thead th.w-4 {
    font-weight: 400; }
table tbody td.w-6, table tbody th.w-6, table thead td.w-6, table thead th.w-6 {
    font-weight: 600; }
table tbody td.w-5, table tbody th.w-5, table thead td.w-5, table thead th.w-5 {
    font-weight: 500; }
table tbody td.f-12, table tbody th.f-12, table thead td.f-12, table thead th.f-12 {
    font-size: 12px; }
table tbody td.f-11, table tbody th.f-11, table thead td.f-11, table thead th.f-11 {
    font-size: 11px; }
table tbody td .icon-franc {
    font-size: 9px;
    top: -0.5px; }
table .t-val.eksi {
    color: #ff6035; }
table .td-vb {
    color: #ff6035; }
table .td-vb .count {
    color: #fff;
    background: #a0a0a0;
    padding: 3px 2px 0 2px;
    min-width: 15px;
    text-align: center;
    height: 12px;
    border-radius: 3px;
    position: absolute;
    transform: translate(3px, -10px);
    font: 500 8px/1 Gotham;
    letter-spacing: .5px; }
table .td-vb .count s {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #a0a0a0 transparent transparent;
    transform: rotate(18deg);
    position: absolute;
    left: 5px;
    bottom: -5px;
    z-index: -1; }
table .td-id {
    color: #7b7b7b; }
table .f-end {
    display: flex;
    justify-content: flex-end; }
table .f-end span {
    top: 1px; }
table .in.end {
    display: flex;
    justify-content: flex-end;
    align-items: center; }

table.f {
    width: 100%;
    font-size: 13px;
    min-width: var(--tw); }
table.f th {
    font-size: 12px; }
table.f th, table.f td {
    padding: 0 3px; }
table.f tbody tr {
    border-bottom: 1px solid #e8e7e7;
    cursor: pointer; }
table.f tbody tr:last-child {
    border-bottom: 0; }
table.f tbody:not(.v) tr {
    height: 50px; }
table.f tbody.v tr {
    height: var(--tr); }
table.f tr > *:first-child {
    padding-left: 1rem; }
table.f tr > *:last-child {
    padding-right: 1rem; }
table.f.mw tr > *:nth-child(1) {
    min-width: var(--t1); }
table.f.mw tr > *:nth-child(2) {
    min-width: var(--t2); }
table.f.mw tr > *:nth-child(3) {
    min-width: var(--t3); }
table.f.mw tr > *:nth-child(4) {
    min-width: var(--t4); }
table.f:not(.mw) tr > *:nth-child(1) {
    width: var(--t1); }
table.f:not(.mw) tr > *:nth-child(2) {
    width: var(--t2); }
table.f:not(.mw) tr > *:nth-child(3) {
    width: var(--t3); }
table.f:not(.mw) tr > *:nth-child(4) {
    width: var(--t4); }
table.f:not(.mw) tr > *:nth-child(5) {
    width: var(--t5); }
table.f:not(.mw) tr > *:nth-child(6) {
    width: var(--t6); }
table.f:not(.mw) tr > *:nth-child(7) {
    width: var(--t7); }
table.f:not(.mw) tr > *:nth-child(8) {
    width: var(--t8); }
table.f:not(.mw) tr > *:nth-child(9) {
    width: var(--t9); }
table.f:not(.mw) tr > *:nth-child(10) {
    width: var(--t10); }
table.f:not(.mw) tr > *:nth-child(11) {
    width: var(--t11); }
table.f:not(.mw) tr > *:nth-child(12) {
    width: var(--t12); }
table.f:not(.mw) tr > *:nth-child(13) {
    width: var(--t13); }
table.f:not(.mw) tr > *:nth-child(14) {
    width: var(--t14); }
table.f:not(.mw) tr > *:nth-child(15) {
    width: var(--t15); }

table.f-1 {
    color: #333; }
table.f-1 td, table.f-1 th {
    padding: 0 6px; }
table.f-1 th {
    font-size: 13px; }
table.f-1 thead tr {
    height: 50px;
    color: #50585c; }
table.f-1 thead tr th {
    background: #f5f5f5; }
table.f-1 thead tr th:first-child {
    border-radius: 6px 0 0 6px; }
table.f-1 thead tr th:last-child {
    border-radius: 0 6px 6px 0; }
table.f-1 thead tr:nth-child(2) {
    color: unset;
    height: 20px; }
table.f-1 thead tr:nth-child(2) th {
    background: none; }
table.f-1 tbody tr td:first-child {
    padding-left: 2px; }
table.f-1 tbody td > span {
    display: block;
    height: 35px; }
table.f-1 .crt {
    display: flex;
    letter-spacing: .6px;
    align-items: center;
    height: auto; }
table.f-1 .crt .s {
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 6px;
    width: 46px;
    height: 46px;
    border-radius: 4px;
    color: #777;
    margin-right: 14px; }
table.f-1 .crt .t > * {
    display: block; }
table.f-1 .crt b {
    margin-bottom: 7px; }
table.f-1 .crt .t span i {
    color: #f4c50b;
    top: 2px;
    margin-right: 3px; }
table.f-1 .crt .t span {
    font-size: 12px;
    color: #595656; }
table.f-1 .crt .s i.icon-envanter {
    font-size: 29px; }
table.f-1 .crt .t span i {
    font-size: 14px; }
table.f-1 .crt .t span i.fi-rr-comment {
    margin-left: -2px; }
table.f-1 .drm {
    color: #585959;
    font-weight: 400; }
table.f-1 .drm i {
    margin-left: 7px;
    font-size: 16px; }
table.f-1 .drm .ss-clockwise {
    color: #6dc4da;
    top: 4px; }
table.f-1 .drm .icon-chk {
    top: 2px; }
table.f-1 .drm .ss-ban {
    top: 2px;
    font-size: 14px; }
table.f-1 .drm.ok {
    color: #7aa734; }
table.f-1 .drm.no {
    color: #d12929; }

.tr-table.f-1 {
    border-radius: 10px; }
.tr-table.f-1:not(.scr-x) {
    overflow: hidden; }
.tr-table.f-1 tbody tr {
    border-bottom: 1px solid #e6e6e6; }
.tr-table.f-1 thead tr {
    background: #fcfcfc;
    height: 50px;
    color: #555;
    border-bottom: 1px solid #e6e6e6; }

/*
.tablo 								{ width:100%; font-family:$font-2;
	tr 								{ border-bottom: 1px solid #e8e7e7; height:42px }
	tbody tr:last-child 			{ border-bottom:0 }

	th,td 							{ border-left: 1px solid #e8e7e7; padding:0 10px }
	tr > *:first-child 				{ border-left: 0  }
 	thead th 						{ font-weight: normal }
 	&.head-top thead th 			{ font-weight: bold; color:#22568c }
	&.head-sid tr > *:first-child 	{ font-weight: bold; color:#22568c }

	thead tr th						{ background: #f5f5f5  	}
	thead tr th:first-child			{ border-radius: 6px 0 0 0 	}
	thead tr th:last-child			{ border-radius: 0 6px 0 0 	}
	tbody tr:nth-child(2n+0) td		{ background: #f7f7f7  	}
	td i 							{ display: none }
}

*/
/*

@media screen and (max-width: 35.5em) 							{

	.tablo-mobil-xs 						{ overflow:hidden;
		.tablo-in 							{ min-width: unset!important }
	}
	.tablo-mobil-xs table 	 			{ display:block;

		tbody,tfoot,thead,tr,td,th  	{ display:block }

		thead                     		{ display:none }
		tbody tr                  		{ height:auto; padding:0 0 4px 0;
			td,
			&:nth-child(2n+0) td 		{ background: none; border-left:0; }
			&:nth-child(2n+0) 			{ background: #f7f7f7 }

			td.head 							{ background: #f1f1f1;  border-bottom:1px solid #e8e7e7; margin-bottom: 4px; height: 38px; display: flex; align-items: center;
				i 								{ display: none; }
			}

			td:not(.head)					{ padding-left:45%; border-bottom:1px solid #e8e7e7;	padding-top: 10px; padding-bottom: 10px;
				&:last-child         		{ margin-bottom:0; border-bottom:0 }
				&:before             		{
					position:absolute;
					font-weight:700;
					width:40%;
					left:10px;
					top:0;
					padding-top: 10px;
					padding-bottom: 10px;
					content:attr(data-title);
				}
				i 								{ display: inline;  margin-right: 6px }
			}
		}
	}
}

@media screen and (max-width: 26em) 							{

	.tablo-mobil-ms 						{overflow:hidden;
		.tablo-in 							{ min-width: unset!important  }
	}
	.tablo-mobil-ms table 	 			{ display:block;

		tbody,tfoot,thead,tr,td,th  	{ display:block }

		thead                     		{ display:none }
		tbody tr                  		{ height:auto; padding:0 0 4px 0;
			td,
			&:nth-child(2n+0) td 		{ background: none; border-left:0; }
			&:nth-child(2n+0) 			{ background: #f7f7f7 }

			td.head 							{ background: #f1f1f1;  border-bottom:1px solid #e8e7e7; margin-bottom: 4px; height: 38px; display: flex; align-items: center;
				i 								{ display: none; }
			}


		}

		&.head-sid.head-top  					{
			tbody tr  								{
				td:not(.head)						{ border-bottom:1px solid #e8e7e7;	padding-top: 7px; padding-bottom: 7px;
					&:last-child         		{ border-bottom:0 }
				}
			}
		}

		&.head-sid:not(.head-top)  			{
			tbody tr  								{
				td:not(.head)						{ padding-top: 7px; padding-bottom: 7px;
				}
			}
		}

		&.head-top 									{

			tbody tr  								{
				td:not(.head)						{ padding-left:45%; 	padding-top: 10px; padding-bottom: 10px;
					&:last-child         		{ margin-bottom:0; }
					&:before             		{
						position:absolute;
						font-weight:700;
						width:40%;
						left:10px;
						top:0;
						padding-top: 10px;
						padding-bottom: 10px;
						content:attr(data-title);
					}
					i 									{ display: inline; margin-right: 6px }
				}
			}
		}


		&:not(.head-sid) 							{
			tbody tr  								{ padding:8px 0;
				td:not(.head) 						{ padding-top: 6px; padding-bottom: 6px  }
			}
		}
	}
}
*/
/*
@ Include > Build's  */
/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ Modal Default Layout  */
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none; }
.modal .modal-back, .modal .modal-anim {
    width: 100%;
    height: 100%; }
.modal .modal-back {
    transition: background .5s;
    background: rgba(0, 0, 0, 0); }
.modal .modal-anim {
    display: flex;
    align-items: center;
    justify-content: center; }
.modal .modal-content {
    max-width: 80%;
    width: 90%;
    max-height: 90%;
    overflow: hidden; }
.modal .modal-close.t1 {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 10; }
.modal .modal-close.t1 a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
.modal .modal-close.t1 i {
    line-height: 21px;
    font-size: 24px;
    height: 14px;
    display: block; }
.modal .modal-close.t1.out span {
    font-size: 9px;
    top: -2px;
    color: white;
    letter-spacing: 0.8px; }
.modal .modal-body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
.modal[index='10'] {
    z-index: 10; }
.modal[index='11'] {
    z-index: 11; }
.modal[index='12'] {
    z-index: 12; }
.modal[index='13'] {
    z-index: 13; }
.modal[index='14'] {
    z-index: 14; }
.modal[index='15'] {
    z-index: 15; }

.modal.on {
    display: block; }
.modal.on[efek='1'] .modal-anim {
    transition: .5s;
    transform: translate(0, 100%); }
.modal.on.on-start {
    visibility: visible; }
.modal.on.on-start[efek='1'] .modal-back {
    background: rgba(0, 0, 0, 0.4); }
.modal.on.on-start[efek='1'] .modal-anim {
    transform: translate(0, 0%); }
.modal.on.on-start[efek='2'] {
    background: rgba(30, 30, 30, 0.8); }
.modal.on.on-start[efek='2'] .modal-content {
    animation: zoomIn 0.6s; }
.modal.on.on-close .modal-back {
    background: rgba(0, 0, 0, 0) !important; }
.modal.on.on-close[efek='1'] .modal-anim {
    transform: translate(0, 100%); }
.modal.on.on-close[efek='2'] .modal-content {
    animation: zoomOut 0.6s; }

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ Modal Httml On  */
html.on-modal:not(.m-in) .app-load, html.on-modal:not(.m-in) .app-menu {
    filter: blur(3px); }

html.on-modal {
    -webkit-tap-highlight-color: transparent; }

html.on-modal body {
    height: auto !important;
    overflow: hidden; }

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ Modal > Ajax  */
.modal.ajax.in {
    display: flex !important;
    align-items: center;
    justify-content: center; }
.modal.ajax .modal-content {
    min-height: 200px;
    background: white;
    background-repeat: no-repeat;
    background-position: center center; }
.modal.ajax.load .data {
    opacity: 0; }
.modal.ajax.load .modal-content {
    background-image: url("img/loader.gif"); }

.modal.f-nav .modal-head .a, .modal.f-nav .modal-head .c,
.modal.f-cek-banka .modal-head .a,
.modal.f-cek-banka .modal-head .c {
    height: 100%; }
.modal.f-nav .modal-head .a > *, .modal.f-nav .modal-head .c > *,
.modal.f-cek-banka .modal-head .a > *,
.modal.f-cek-banka .modal-head .c > * {
    height: 100%; }
.modal.f-nav .modal-head .b,
.modal.f-cek-banka .modal-head .b {
    font-weight: bold;
    text-align: center; }
.modal.f-nav .modal-head a,
.modal.f-cek-banka .modal-head a {
    color: #1081eb; }
.modal.f-nav .modal-head button,
.modal.f-cek-banka .modal-head button {
    color: #1081eb;
    font-size: 13px;
    background: none;
    font-weight: 400; }
.modal.f-nav .modal-head button.gray,
.modal.f-cek-banka .modal-head button.gray {
    color: #888; }
.modal.f-nav .modal-head button.orange,
.modal.f-cek-banka .modal-head button.orange {
    color: #f1371e; }
.modal.f-nav .modal-head button.flue,
.modal.f-cek-banka .modal-head button.flue {
    color: #d28181; }
.modal.f-nav .modal-head .buton,
.modal.f-cek-banka .modal-head .buton {
    color: #1081eb;
    font: 700 15px "Source Sans Pro";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px; }
.modal.f-nav .modal-head .buton.gray,
.modal.f-cek-banka .modal-head .buton.gray {
    color: #888; }
.modal.f-nav .modal-head .buton.orange,
.modal.f-cek-banka .modal-head .buton.orange {
    color: #e35a2b; }
.modal.f-nav .modal-head .f-back i,
.modal.f-nav .modal-head .b-back i,
.modal.f-cek-banka .modal-head .f-back i,
.modal.f-cek-banka .modal-head .b-back i {
    top: 1px;
    font-size: 15px; }
.modal.f-nav.f-prev .a .modal-close, .modal.f-nav:not(.f-prev) .a .modal-prev,
.modal.f-cek-banka.f-prev .a .modal-close,
.modal.f-cek-banka:not(.f-prev) .a .modal-prev {
    display: none; }
.modal.f-nav:not(.f-prev) .on-prev,
.modal.f-cek-banka:not(.f-prev) .on-prev {
    display: none; }
.modal.f-nav.f-prev .of-prev,
.modal.f-cek-banka.f-prev .of-prev {
    display: none; }
.modal.f-nav nav.foto .b,
.modal.f-cek-banka nav.foto .b {
    font-size: 90px;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    border: 1px solid #1081eb;
    display: flex;
    align-items: center;
    justify-content: center; }
.modal.f-nav nav.foto .b input,
.modal.f-cek-banka nav.foto .b input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1; }
.modal.f-nav nav.foto .b i,
.modal.f-cek-banka nav.foto .b i {
    color: #1081eb;
    font-size: 28px;
    top: 2px;
    left: -0.5px; }
.modal.f-nav nav.foto .b span,
.modal.f-cek-banka nav.foto .b span {
    position: absolute;
    width: 100%;
    pletter-spacing: .8px;
    font: 300 11px 'Brandon';
    text-align: center;
    bottom: 14px; }
.modal.f-nav nav.foto .n,
.modal.f-cek-banka nav.foto .n {
    display: block;
    height: 22px; }
.modal.f-nav nav.foto .n > span,
.modal.f-cek-banka nav.foto .n > span {
    left: 16px;
    font: 600 13px 'Source Sans Pro';
    position: absolute;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s; }
.modal.f-nav nav.foto .e-remove i,
.modal.f-cek-banka nav.foto .e-remove i {
    color: #b2b2b2;
    margin-right: 5px;
    font-size: 10px; }
.modal.f-nav nav.foto .e-remove span,
.modal.f-cek-banka nav.foto .e-remove span {
    color: #f26b6b; }
.modal.f-nav nav.foto .one,
.modal.f-cek-banka nav.foto .one {
    color: #888; }
.modal.f-nav nav.foto .one i,
.modal.f-cek-banka nav.foto .one i {
    color: #222;
    font-size: 15px;
    top: 3px;
    margin-right: 4px; }
.modal.f-nav nav.foto.on .n .two,
.modal.f-cek-banka nav.foto.on .n .two {
    left: 0;
    opacity: 1;
    visibility: visible; }
.modal.f-nav nav.foto:not(.on) .n .one,
.modal.f-cek-banka nav.foto:not(.on) .n .one {
    left: 0;
    opacity: 1;
    visibility: visible; }

.modal.f-nav {
    /*  top: var(--app-head);  height: calc( 100% - calc(var(--app-menu) + var(--app-head ) );  */ }
.modal.f-nav[rel='buy'] .rel:not(.rel-buy) {
    display: none; }
.modal.f-nav[rel='cek'] .rel:not(.rel-cek) {
    display: none; }
.modal.f-nav .modal-content {
    background: white;
    max-width: 430px;
    height: 90%;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.modal.f-nav .modal-body {
    height: calc(100% - 49px); }
.modal.f-nav .modal-head {
    background: #f5f5f5;
    height: 49px;
    border-bottom: 1px solid #efefef; }
.modal.f-nav .list-1 li > a {
    border-bottom: 1px solid #efefef;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 400;
    height: 50px;
    display: flex;
    align-items: center; }
.modal.f-nav .list-1 li:last-child a {
    border-bottom: 0; }
.modal.f-nav .list-1.xl li > a {
    height: 68px;
    font-size: 16px;
    font-weight: 300;
    padding: 8px 14px; }
.modal.f-nav .field-find {
    border-bottom: 1px solid #efefef;
    background: #fdfdfd;
    height: 50px; }
.modal.f-nav .field-find input {
    height: 100%;
    width: 100%;
    padding: 0 10px;
    z-index: 0; }
.modal.f-nav .field-find input {
    z-index: 0;
    background: none;
    font: 400 13px 'Ubuntu';
    letter-spacing: .3px;
    padding: 1px 0 0 37px;
    height: 100%;
    width: calc(100% - 45px); }
.modal.f-nav .field-find input::placeholder {
    color: #999;
    opacity: 1;
    font: 300 14px "Ubuntu"; }
.modal.f-nav .field-find .z-name {
    right: 12px;
    font: 400 10px Ubuntu;
    top: 19px;
    color: #b9b8b8;
    letter-spacing: 1px; }
.modal.f-nav .field-find .plt {
    z-index: 2;
    color: #e8bc13;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
.modal.f-nav .field-find .plt i {
    top: 3px;
    font-size: 12px; }

.modal.f-cek.blur .modal-content .data {
    filter: blur(3px); }
.modal.f-cek .modal-content {
    background: white;
    max-width: 700px;
    max-height: 478px;
    height: 90%;
    border-radius: 14px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.modal.f-cek .us {
    background: #f5f4f4;
    padding: 20px;
    border-radius: 14px 14px 0 0;
    font-family: 'Ubuntu','Gotham'; }
.modal.f-cek .us label {
    font-weight: 500;
    color: #333; }
.modal.f-cek .us .sag {
    width: 180px;
    top: -5px;
    font-size: 12px; }
.modal.f-cek .us .sag li {
    display: flex;
    padding: 0 3px;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e1e1; }
.modal.f-cek .us .sag label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .7px;
    color: #888; }
.modal.f-cek .us .sag span {
    font-weight: 300;
    font-size: 13px; }
.modal.f-cek .us .sag .cek-tut span {
    font-size: 17px;
    font-weight: 400; }
.modal.f-cek .us .sag .cek-trh em {
    padding: 0 5px;
    font-size: 9px;
    top: -1px;
    color: #999; }
.modal.f-cek .us .sag > figure.b {
    font-size: 78px;
    width: 1em;
    height: 1em;
    margin: 0 auto;
    left: 2px; }
.modal.f-cek .us .sag > figure.b a {
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply;
    width: 100%;
    color: #ffb454;
    height: 100%;
    font-size: 18px;
    z-index: 2; }
.modal.f-cek .us .sag > figure.b a img {
    mix-blend-mode: multiply; }
.modal.f-cek .us .sag > figure.b span {
    position: static; }
.modal.f-cek .us .sag > figure.b span s {
    position: absolute;
    left: 0;
    top: 0;
    background: #f5f4f4; }
.modal.f-cek .us .sag > figure.b span s:nth-child(1) {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 2px dashed #dcd6d6;
    z-index: 0;
    transition: 0.2s; }
.modal.f-cek .us .sag > figure.b span s:nth-child(2) {
    height: 110%;
    top: -5%;
    width: 70%;
    left: 15%;
    z-index: 1; }
.modal.f-cek .us .sag > figure.b span s:nth-child(3) {
    width: 110%;
    left: -5%;
    height: 70%;
    top: 15%;
    z-index: 1; }
.modal.f-cek .us .sag > figure.b:hover span s:nth-child(1) {
    border-color: #ffb454; }
.modal.f-cek .us .sag > figure.a {
    width: 100%;
    height: 120px;
    overflow: hidden;
    top: 15px; }
.modal.f-cek .us .sag > figure.a a {
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply;
    height: 100%;
    color: #ffb454;
    z-index: 2; }
.modal.f-cek .us .sag > figure.a a img {
    mix-blend-mode: multiply;
    transform: scale(1.2);
    transition: .3s;
    image-rendering: -webkit-optimize-contrast;
    height: 140%;
    left: 0;
    top: 0; }
.modal.f-cek .us .sag > figure.a:hover a img {
    transform: scale(1.4); }
.modal.f-cek .cek-one {
    font-size: 12px;
    font-weight: 400;
    padding-left: 3px; }
.modal.f-cek .cek-one h2 {
    font-weight: 400;
    left: -1px;
    margin-bottom: 6px;
    font-size: 17px;
    letter-spacing: .3px; }
.modal.f-cek .cek-one div {
    letter-spacing: .5px; }
.modal.f-cek .cek-one div label {
    color: #888; }
.modal.f-cek .cek-one div span {
    font-weight: 300; }
.modal.f-cek .cek-one em {
    font-weight: 300;
    padding: 0 5px; }
.modal.f-cek .cek-two {
    border-bottom: 1px solid #e2e1e1; }
.modal.f-cek .cek-two span {
    height: 43px;
    letter-spacing: .9px;
    padding: 0 3px;
    font-size: 12px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    border-top: 1px solid #e2e1e1; }
.modal.f-cek .cek-two em {
    letter-spacing: 2.2px;
    margin: 0 6px; }
.modal.f-cek .cek-two b {
    font-weight: 400; }
.modal.f-cek .cek-tre {
    font: bold 13px 'Courier New';
    padding-left: 3px; }
.modal.f-cek .cek-tre label {
    font-weight: bold;
    margin-right: 15px; }
.modal.f-cek .cek-tre span {
    color: #b94d4d; }
.modal.f-cek .cek-tre figure {
    left: 150px;
    color: #c5c5c5;
    display: flex;
    align-items: center; }
.modal.f-cek .cek-tre figure s {
    background: #ececec;
    border-radius: 8px;
    height: 13px; }
.modal.f-cek .cek-tre figure s:nth-child(1) {
    width: 30px;
    margin-left: 9px; }
.modal.f-cek .cek-tre figure s:nth-child(2) {
    width: 104px;
    margin-left: 8px; }
.modal.f-cek .as {
    padding: 35px 20px 20px 20px; }
.modal.f-cek .as ul {
    font-size: 12px; }
.modal.f-cek .as li {
    margin-bottom: 13px;
    display: flex; }
.modal.f-cek .as li span {
    letter-spacing: .5px;
    max-width: 90%; }
.modal.f-cek .as li.num span {
    letter-spacing: 1px; }
.modal.f-cek .as label {
    width: 80px;
    min-width: 80px;
    color: #333;
    font: 600 13px "Source Sans Pro"; }
.modal.f-cek .as .imza i {
    font-size: 10px;
    top: 1px;
    color: #ddd; }
.modal.f-cek .as .row .sag {
    width: 300px; }
.modal.f-cek .as .stat {
    font-weight: 400; }
.modal.f-cek .as .stat i {
    position: absolute;
    left: -18px;
    top: 2px;
    font-size: 11px; }
.modal.f-cek .as .stat.f-2 {
    color: #118ae2; }
.modal.f-cek .as .stat.f-3 {
    color: #f97357; }
.modal.f-cek nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-cek nav input:first-child {
    margin-left: 0; }
.modal.f-cek nav .sol a {
    font: 500 13px 'Ubuntu';
    top: 7px; }
.modal.f-cek nav .sol a i.a {
    top: 2px;
    font-size: 11px; }
.modal.f-cek nav .sol a i.b {
    top: 3px;
    font-size: 15px;
    color: #9c9696; }
.modal.f-cek:not([mod='view']) .mod-view, .modal.f-cek[mod='view'] .mod-add {
    display: none; }

.modal.f-prms {
    /*
  .form 								{
  	li 								{
  	 	input,select 				{ border: 0 ; background: white; height: 100%; font: 300 16px 'Gotham'; padding-left: 38px }
  	}
  	ul 								{ background:white; border: 1px solid #e8e7e7; border-radius: 10px; overflow: hidden;
  		li 							{ height: 65px }
  	}

  	.fe .fi 						{ width: 50px }
  	.f-bank .icon i 				{ font-size: 15px; color: #f5af2d; }
  	.f-date 						{ border-top: 1px solid #e8e7e7;
  		i 							{ font-size: 20px; color: #888; top: 1.5px }
  	}
  	.f-date input 					{ padding-left: 37px; width: 98% }
  	.dropdown 						{ width: 35px }
  }
  */ }
.modal.f-prms .modal-head {
    border-bottom: 1px solid #e2e2e2;
    height: 50px; }
.modal.f-prms .modal-head .a, .modal.f-prms .modal-head .c {
    height: 100%; }
.modal.f-prms .modal-head .a > *, .modal.f-prms .modal-head .c > * {
    height: 100%; }
.modal.f-prms .modal-head .b {
    font-weight: bold;
    text-align: center; }
.modal.f-prms .modal-content {
    background: #fff;
    max-width: 510px;
    max-height: 435px;
    height: 90%;
    border-radius: 14px; }
.modal.f-prms .modal-body {
    padding: 24px 0;
    /*
    .f-bordro 						{ font: 300 12px 'Ubuntu'; color:#444; right:3px;
    	b 							{ font-weight:300; font-size:12px; letter-spacing:.5px; color:black; margin-right:10px }
    }
    */ }
.modal.f-prms .modal-body .step {
    padding: 0 16px; }
.modal.f-prms .modal-body p {
    color: #444;
    font: 300 13px 'Ubuntu';
    line-height: 18px; }
.modal.f-prms .modal-body .step.two .us h4 {
    padding-bottom: 2px;
    font-weight: 400;
    color: #f15a1f; }
.modal.f-prms .modal-body .step.two .us h3 {
    font-size: 18px;
    line-height: 28px; }
.modal.f-prms nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-prms nav input:first-child {
    margin-left: 0; }
.modal.f-prms nav .e-transfer {
    font: 500 13px 'Ubuntu'; }
.modal.f-prms nav .e-transfer i {
    top: 1px;
    font-size: 11px; }

.modal.f-5 {
    /*
  .form 								{
  	li 								{
  	 	input,select 				{ border: 0 ; background: white; height: 100%; font: 300 16px 'Gotham'; padding-left: 38px }
  	}
  	ul 								{ background:white; border: 1px solid #e8e7e7; border-radius: 10px; overflow: hidden;
  		li 							{ height: 65px }
  	}

  	.fe .fi 						{ width: 50px }
  	.f-bank .icon i 				{ font-size: 15px; color: #f5af2d; }
  	.f-date 						{ border-top: 1px solid #e8e7e7;
  		i 							{ font-size: 20px; color: #888; top: 1.5px }
  	}
  	.f-date input 					{ padding-left: 37px; width: 98% }
  	.dropdown 						{ width: 35px }
  }
  */ }
.modal.f-5 .modal-head {
    border-bottom: 1px solid #e2e2e2;
    height: 50px; }
.modal.f-5 .modal-head .a, .modal.f-5 .modal-head .c {
    height: 100%; }
.modal.f-5 .modal-head .a > *, .modal.f-5 .modal-head .c > * {
    height: 100%; }
.modal.f-5 .modal-head .b {
    font-weight: bold;
    text-align: center; }
.modal.f-5 .modal-content {
    background: #fff;
    max-width: 560px;
    max-height: 540px;
    height: 90%;
    border-radius: 14px; }
.modal.f-5 .modal-body {
    padding: 0;
    /*
    .f-bordro 						{ font: 300 12px 'Ubuntu'; color:#444; right:3px;
    	b 							{ font-weight:300; font-size:12px; letter-spacing:.5px; color:black; margin-right:10px }
    }
    */ }
.modal.f-5 .modal-body .step {
    padding: 20px 16px; }
.modal.f-5 .modal-body p {
    color: #444;
    font: 300 13px 'Ubuntu';
    line-height: 18px; }
.modal.f-5 .modal-body .step.two .us h4 {
    padding-bottom: 2px;
    font-weight: 400;
    color: #f15a1f; }
.modal.f-5 .modal-body .step.two .us h3 {
    font-size: 18px;
    line-height: 28px; }
.modal.f-5 .modal-body .step.fit {
    padding: 0; }
.modal.f-5 .modal-body .step.fit .us {
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 1; }
.modal.f-5 .urn ul li {
    border-bottom: 1px solid #e2e2e2;
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.modal.f-5 .urn ul li.hide {
    display: none !important; }
.modal.f-5 .urn ul li:last-child {
    border-bottom: 0; }
.modal.f-5 .urn ul li > div:nth-child(1) {
    padding: 0 16px; }
.modal.f-5 .urn ul li > div:nth-child(1) b {
    font-size: 10.5px;
    font-family: ubuntu;
    letter-spacing: .5px;
    color: #999;
    font-weight: 400; }
.modal.f-5 .urn ul li > div:nth-child(1) p b {
    text-transform: uppercase;
    margin-left: 5px; }
.modal.f-5 .urn ul li > div:nth-child(1) p b i {
    top: .5px;
    margin-right: 3px;
    font-size: 8px; }
.modal.f-5 .urn ul li > div:nth-child(2) {
    height: 100%; }
.modal.f-5 .urn ul li > div:nth-child(2) > a {
    color: #bcbcbc;
    font-size: 13px;
    letter-spacing: .5px;
    font-family: ubuntu;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 14px; }
.modal.f-5 .urn ul li > div:nth-child(2) > a i {
    color: #e68a1e;
    font-size: 13px;
    top: 3px;
    margin-left: 5px; }
.modal.f-5 .urn ul li.on div > a, .modal.f-5 .urn ul li:not(.on) div div {
    display: none; }
.modal.f-5 .urn ul li div div {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 0 12px 0 0; }
.modal.f-5 .urn ul li div div input {
    width: 28px;
    text-align: center;
    border: 0;
    border-right: 1px solid #edecec;
    background: #fdfafa;
    border-radius: 4px 0 0 4px;
    color: #e58c19; }
.modal.f-5 .urn ul li div div > button {
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-right: 15px;
    background: none; }
.modal.f-5 .urn ul li div div > button i {
    color: #a4a7a8;
    font-size: 13px;
    top: 2px; }
.modal.f-5 .urn ul li div div > span {
    border: 1px solid #edecec;
    display: flex;
    border-radius: 4px;
    margin-right: 15px;
    height: 30px; }
.modal.f-5 .urn ul li div div > span span {
    width: 60px; }
.modal.f-5 .urn ul li div div > span span i {
    font-size: 8px;
    top: 11px;
    right: 6px;
    color: #74abde; }
.modal.f-5 .urn ul li div div > span select {
    text-align: center;
    width: 100%;
    height: 100%;
    border: 0;
    text-indent: 9px;
    font-size: 12px;
    background: none; }
.modal.f-5 .urn ul li nav button span {
    width: 30px; }
.modal.f-5 .urn ul li.car div > button i {
    color: #0a9fe5; }
.modal.f-5 nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-5 nav input:first-child {
    margin-left: 0; }
.modal.f-5 nav .e-transfer {
    font: 500 13px 'Ubuntu'; }
.modal.f-5 nav .e-transfer i {
    top: 1px;
    font-size: 11px; }

.modal.f-cek-banka.f-cok .tek {
    display: none; }
.modal.f-cek-banka.f-tek .cok {
    display: none; }
.modal.f-cek-banka .modal-head {
    background: white;
    border-bottom: 1px solid #e2e2e2;
    height: 50px; }
.modal.f-cek-banka .modal-head .a, .modal.f-cek-banka .modal-head .c {
    height: 100%; }
.modal.f-cek-banka .modal-head .a > *, .modal.f-cek-banka .modal-head .c > * {
    height: 100%; }
.modal.f-cek-banka .modal-head .b {
    font-weight: bold;
    text-align: center; }
.modal.f-cek-banka .modal-content {
    background: #f5f5f5;
    max-width: 510px;
    max-height: 455px;
    /*470*/
    height: 90%;
    border-radius: 14px; }
.modal.f-cek-banka .modal-body {
    padding: 24px 20px; }
.modal.f-cek-banka .modal-body p {
    text-align: center;
    color: #444;
    font: 300 13px 'Ubuntu';
    line-height: 22px; }
.modal.f-cek-banka .modal-body .f-bordro {
    font: 300 12px 'Ubuntu';
    color: #444;
    right: 3px; }
.modal.f-cek-banka .modal-body .f-bordro b {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .5px;
    color: black;
    margin-right: 10px; }
.modal.f-cek-banka .frm li input, .modal.f-cek-banka .frm li select {
    border: 0;
    background: white;
    height: 100%;
    font: 300 16px 'Gotham';
    padding-left: 38px; }
.modal.f-cek-banka .frm ul {
    background: white;
    border: 1px solid #e8e7e7;
    border-radius: 10px;
    overflow: hidden; }
.modal.f-cek-banka .frm ul li {
    height: 65px; }
.modal.f-cek-banka .frm .fe .fi {
    width: 50px; }
.modal.f-cek-banka .frm .f-bank .fi i {
    font-size: 15px;
    color: #f5af2d; }
.modal.f-cek-banka .frm .f-date {
    border-top: 1px solid #e8e7e7; }
.modal.f-cek-banka .frm .f-date i {
    font-size: 20px;
    color: #888;
    top: 1.5px; }
.modal.f-cek-banka .frm .f-date .r {
    background: white;
    z-index: 2;
    right: 0px;
    width: 34px;
    pointer-events: none; }
.modal.f-cek-banka .frm .f-date input {
    padding-left: 37px;
    width: 98%; }
.modal.f-cek-banka .frm .fi-down {
    width: 35px; }
.modal.f-cek-banka nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-cek-banka nav input:first-child {
    margin-left: 0; }
.modal.f-cek-banka nav .e-transfer {
    font: 500 13px 'Ubuntu'; }
.modal.f-cek-banka nav .e-transfer i {
    top: 1px;
    font-size: 11px; }

.modal.f-cek-trans {
    /*
  .form 								{
  	li 								{
  	 	input,select 				{ border: 0 ; background: white; height: 100%; font: 300 16px 'Gotham'; padding-left: 38px }
  	}
  	ul 								{ background:white; border: 1px solid #e8e7e7; border-radius: 10px; overflow: hidden;
  		li 							{ height: 65px }
  	}

  	.fe .fi 						{ width: 50px }
  	.f-bank .icon i 				{ font-size: 15px; color: #f5af2d; }
  	.f-date 						{ border-top: 1px solid #e8e7e7;
  		i 							{ font-size: 20px; color: #888; top: 1.5px }
  	}
  	.f-date input 					{ padding-left: 37px; width: 98% }
  	.dropdown 						{ width: 35px }
  }
  */ }
.modal.f-cek-trans.f-cok .tek {
    display: none; }
.modal.f-cek-trans.f-tek .cok {
    display: none; }
.modal.f-cek-trans .modal-head {
    border-bottom: 1px solid #e2e2e2;
    height: 50px; }
.modal.f-cek-trans .modal-head .a, .modal.f-cek-trans .modal-head .c {
    height: 100%; }
.modal.f-cek-trans .modal-head .a > *, .modal.f-cek-trans .modal-head .c > * {
    height: 100%; }
.modal.f-cek-trans .modal-head .b {
    font-weight: bold;
    text-align: center; }
.modal.f-cek-trans .modal-content {
    background: #fff;
    max-width: 510px;
    max-height: 435px;
    height: 90%;
    border-radius: 14px; }
.modal.f-cek-trans .modal-body {
    padding: 24px 0;
    /*
    .f-bordro 						{ font: 300 12px 'Ubuntu'; color:#444; right:3px;
    	b 							{ font-weight:300; font-size:12px; letter-spacing:.5px; color:black; margin-right:10px }
    }
    */ }
.modal.f-cek-trans .modal-body .step {
    padding: 0 16px; }
.modal.f-cek-trans .modal-body p {
    text-align: center;
    color: #444;
    font: 300 13px 'Ubuntu';
    line-height: 18px; }
.modal.f-cek-trans .modal-body .step.tre {
    font-family: 'Gotham';
    font-weight: 400; }
.modal.f-cek-trans .modal-body .step.tre .txt h4 {
    font-weight: 300;
    margin-bottom: 7px;
    letter-spacing: 0.6px; }
.modal.f-cek-trans .modal-body .step.tre .txt h3 {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 300; }
.modal.f-cek-trans .modal-body .step.tre .txt h3 span {
    font-size: 14px;
    position: absolute;
    color: #555; }
.modal.f-cek-trans .modal-body .step.tre .txt .buy {
    color: #45abf3;
    display: block;
    font: 300 40px 'Open Sans'; }
.modal.f-cek-trans .modal-body .step.tre .txt p {
    font: 300 15px/24px 'Gotham'; }
.modal.f-cek-trans .modal-body .step.tre .txt p span {
    font-weight: 400; }
.modal.f-cek-trans nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-cek-trans nav input:first-child {
    margin-left: 0; }
.modal.f-cek-trans nav .e-transfer {
    font: 500 13px 'Ubuntu'; }
.modal.f-cek-trans nav .e-transfer i {
    top: 1px;
    font-size: 11px; }

.modal.f-cek-add .modal-content {
    max-width: 540px;
    max-height: 500px;
    height: 90%;
    border-radius: 14px; }
.modal.f-cek-add .modal-body {
    padding: 12px; }

.modal.f-cari .modal-content {
    height: 420px; }
.modal.f-cari .modal-content {
    max-width: 480px; }
.modal.f-cari .modal-head {
    border-color: #e8e8e8; }
.modal.f-cari .modal-head button {
    height: 100%;
    padding: 0 14px;
    font: 700 14px "Source Sans Pro"; }
.modal.f-cari .modal-head .f-hesap i {
    color: #444;
    font-size: 12px;
    top: 1px;
    margin-right: 6px; }
.modal.f-cari .modal-head > .b {
    transition: .5s;
    opacity: 1; }
.modal.f-cari .list-1.iskey li:not(.onkey) {
    display: none; }
.modal.f-cari .list-1 a {
    color: #555; }
.modal.f-cari .list-1 a span {
    color: #333;
    margin-right: 5px; }
.modal.f-cari .list-1 a i {
    position: absolute;
    color: #1081eb;
    font-size: 10px;
    right: 12px;
    top: 20px;
    visibility: hidden;
    animation-duration: .2s; }
.modal.f-cari .list-1 li.on a {
    font-weight: bold; }
.modal.f-cari .list-1 li.on a i {
    animation-name: zoomIn;
    visibility: visible; }
.modal.f-cari .list-1.xl li.on a {
    font-weight: 400;
    color: #333; }
.modal.f-cari .list-1.xl li.on a span {
    color: #111; }
.modal.f-cari .list-1.xl li i {
    font-size: 14px;
    top: 26px;
    right: 16px; }
.modal.f-cari[mod='z'] .mod-c, .modal.f-cari[mod='c'] .mod-z {
    display: none; }
.modal.f-cari.mod-open .mod-of {
    display: none; }
.modal.f-cari .mod-fade {
    transition: .4s;
    opacity: 1; }
.modal.f-cari.mod-load .mod-fade {
    opacity: 0; }
.modal.f-cari .modal-body .mod {
    transition: .6s;
    transform: translate(0, 0); }
.modal.f-cari[mod='c'].mod-load .modal-body .mod-c {
    transform: translate(-100%, 0); }
.modal.f-cari[mod='z'].mod-load .modal-body .mod-z {
    transform: translate(100%, 0); }
.modal.f-cari.f-z .z-of, .modal.f-cari:not(.f-z) .z-on {
    display: none; }
.modal.f-cari:not(.fc-tum) .list-tum, .modal.f-cari.fc-tum .list-tur {
    display: none; }
.modal.f-cari.fc-tum .modal-head .of-cari {
    display: none; }

.modal.f-imza .modal-content {
    height: 520px;
    max-width: 530px; }
.modal.f-imza .modal-head button {
    height: 100%;
    padding: 0 12px;
    font: 600 14px "Source Sans Pro"; }
.modal.f-imza .mb-one {
    padding-top: 18px;
    text-align: justify;
    line-height: 19px; }
.modal.f-imza .mb-one b {
    font-weight: 600; }
.modal.f-imza .mb-one span {
    color: #ddd; }
.modal.f-imza .mb-one .on-sum .sum:not(.on) {
    display: none; }
.modal.f-imza .mb-two {
    height: calc( 100% - 56px ); }
.modal.f-imza .mb-two canvas {
    width: 100%;
    height: 100%;
    z-index: 1; }
.modal.f-imza .mb-two canvas {
    width: 340px;
    height: 340px; }
.modal.f-imza .mb-two nav {
    padding: 12px 0; }
.modal.f-imza .mb-two nav a {
    font-size: 12px;
    color: #ddd; }
.modal.f-imza .mb-two nav span {
    font-size: 11px;
    letter-spacing: .5px;
    margin-left: 15px; }
.modal.f-imza .mb-two div {
    height: calc( 100% - 43px );
    display: flex;
    align-items: center;
    justify-content: center; }
.modal.f-imza .mb-two .focus {
    z-index: 2;
    opacity: 1;
    transition: .3s;
    background: url("img/focus.png");
    width: 1em;
    height: 1em;
    font-size: 200px;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
.modal.f-imza .mb-two div:hover .focus {
    opacity: 0; }
.modal.f-imza .mb-tre {
    border-top: 1px solid #ddd;
    padding-top: 12px; }
.modal.f-imza .mb-tre textarea {
    width: 100%;
    max-height: 58px;
    min-height: 58px;
    height: 58x;
    font-size: 13px;
    max-width: 100%;
    min-width: 100%; }

.modal.f-dekont {
    font-family: Gotham; }
.modal.f-dekont .modal-content {
    height: 430px;
    max-width: 530px; }
.modal.f-dekont .f-txt {
    display: none; }
.modal.f-dekont .modal-head button {
    height: 100%;
    padding: 0 12px;
    font: 600 14px "Source Sans Pro"; }
.modal.f-dekont .buton .b {
    width: 160px;
    height: 130px;
    border: 1px dashed #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
.modal.f-dekont .buton .b input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1; }
.modal.f-dekont .buton .b i {
    color: #1081eb;
    font-size: 34px;
    top: -5px; }
.modal.f-dekont .buton .b span {
    position: absolute;
    width: 100%;
    pletter-spacing: .8px;
    font: 300 11px 'Brandon';
    text-align: center;
    bottom: 14px; }
.modal.f-dekont .e-note {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 12px; }
.modal.f-dekont .mb-one {
    padding-top: 18px;
    font-size: 13px;
    text-align: justify;
    line-height: 19px; }
.modal.f-dekont .mb-one b {
    font-weight: 600; }
.modal.f-dekont .mb-one span {
    color: #ddd; }
.modal.f-dekont .e-note .on {
    visibility: hidden;
    display: block;
    animation-duration: .3s;
    animation-name: zoomOut;
    color: #555; }
.modal.f-dekont .e-note .on i {
    display: block;
    color: #80ae30;
    top: 4px;
    font-size: 26px;
    margin: 0; }
.modal.f-dekont .e-remove {
    left: 150x;
    bottom: 16px;
    visibility: hidden;
    opacity: 0;
    transition: .3s; }
.modal.f-dekont .e-remove i {
    color: #c3c3c3;
    margin-right: 5px;
    font-size: 10px; }
.modal.f-dekont .e-remove span {
    font-size: 12px;
    color: #cecdcd;
    font-weight: 700; }
.modal.f-dekont.t-add .e-note .on {
    visibility: visible;
    animation-name: zoomIn; }
.modal.f-dekont.t-add .e-remove {
    left: 16px;
    opacity: 1;
    visibility: visible; }
.modal.f-dekont.t-add .e-remove i {
    color: #b2b2b2; }
.modal.f-dekont.t-add .e-remove span {
    color: #f26b6b; }

.modal.f-urun {
    /*
  .slide 								{ height:261px }
  .slide .list, .slide a 				{ height:100%  }
  .u-foto img 						{ width:auto; height:100% }
  */
    /*
  	.modal-content 	 					{ transition: max-height .5s, height .5s; }

  	.modal-body .in 					{
  		.slide 							{ transition: height .5s;   }
  		> .sol 							{ transition: .5s; }
  		> .col 							{ transition: .5s; }
  	}

  	&.on-foto .modal-body .in 			{

  		.sol 							{ width:100% ;height:100%;}
  		.u-foto 						{ margin-bottom:0; height:100%;   }
  		.slide 							{ height:100%; }
  		.slide a						{ @include flex_mc(); height:100%; }
  		.sol > :not(.u-foto)			{ display: none }
  		.col  							{ transform: translate(100%, 0) }
  	}


  	&.on-foto .modal-content 			{ max-height:1024px; height:96% }
  	*/ }
.modal.f-urun .modal-body {
    border-radius: 8px; }
.modal.f-urun.blur .modal-content .data {
    filter: blur(3px); }
.modal.f-urun.on-start {
    visibility: visible; }
.modal.f-urun.on-start[efek='1'] .modal-back {
    background: rgba(0, 0, 0, 0.65); }
.modal.f-urun .m-top {
    position: absolute;
    height: 30px;
    top: -60px;
    left: 0;
    width: 100%;
    color: white; }
.modal.f-urun .m-top h3 {
    text-align: center;
    font: 300 16px Brandon;
    letter-spacing: 0.5px; }
.modal.f-urun .m-top .cari-link {
    color: white;
    top: 5px;
    font-size: 15px; }
.modal.f-urun .m-top .cari-link i.sag {
    font: 500 18px 'Gotham Rounded';
    top: 2px; }
.modal.f-urun .m-top .cari-link i.sol {
    color: #f6dd77;
    margin-right: 8px;
    font-size: 12px; }
.modal.f-urun .modal-content {
    max-width: 920px;
    overflow: visible;
    max-height: 580px;
    width: 90%;
    height: 90%;
    background: white;
    border-radius: 8px; }
.modal.f-urun .modal-content .in {
    height: 100%; }
.modal.f-urun .modal-content .in > .col {
    background: #fbfbfb;
    padding: 22px;
    border-left: 1px solid #e7e7e7;
    z-index: 1;
    overflow: hidden;
    border-radius: 0 8px 8px 0; }
.modal.f-urun .modal-content .in > .sol {
    padding: 10px 12px;
    width: 30%;
    min-width: 243px;
    max-width: 285px;
    z-index: 0;
    border-radius: 8px 0 0 0;
    overflow: hidden; }
.modal.f-urun .u-olcu {
    border-top: 1px solid #f1f0f0;
    font-size: 13px;
    padding: 20px 0 1px 0; }
.modal.f-urun .u-olcu li {
    margin-bottom: 10px; }
.modal.f-urun .u-olcu li:not(.hide) {
    display: flex; }
.modal.f-urun .u-olcu b {
    font-weight: 400; }
.modal.f-urun .u-olcu i {
    color: #ef7b7b;
    width: 18px;
    margin-right: 4px; }
.modal.f-urun .u-olcu i.ss-forklift {
    font-size: 13px;
    top: .5px; }
.modal.f-urun .u-olcu i.ss-box {
    font-size: 11px;
    top: 2.5px; }
.modal.f-urun .u-olcu i.ss-crop {
    font-size: 12px;
    top: 2px; }
.modal.f-urun .u-foto {
    z-index: 1;
    overflow: hidden; }
.modal.f-urun .u-bant {
    z-index: 5; }
.modal.f-urun .u-bant .bant {
    background-repeat: no-repeat;
    background-position: 0 0;
    left: -12px;
    top: -12px;
    background-size: 100% auto;
    position: absolute;
    display: none;
    font-size: 80px;
    height: 1em;
    width: 1em;
    z-index: 1; }
.modal.f-urun .u-bant .t-idm {
    background-image: url("img/kusak-idm.png"); }
.modal.f-urun .u-bant .t-fyt {
    background-image: url("img/kusak-fyt.png"); }
.modal.f-urun .u-bant .t-iade {
    background-image: url("img/kusak-iade.png"); }
.modal.f-urun .u-bant .t-oneri {
    background-image: url("img/kusak-oneri-n.png");
    font-size: 90px; }
.modal.f-urun.on-basket .u-bant .t-oneri {
    background-image: url("img/kusak-oneri-y.png"); }
.modal.f-urun:not(.oneri) .ut-rst, .modal.f-urun:not(.on-basket) .ut-rst {
    display: none; }
.modal.f-urun.idm:not([idm='COF']) .u-bant .t-idm, .modal.f-urun[idm='COF'] .u-bant .t-fyt, .modal.f-urun.oneri .u-bant .t-oneri, .modal.f-urun.iade .u-bant .t-iade {
    display: block; }
.modal.f-urun .u-idm {
    font-size: 13px;
    color: #444;
    display: none; }
.modal.f-urun .u-idm li {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
.modal.f-urun .u-idm .idm-label i {
    color: #579a21;
    font-size: 11px;
    top: 3px;
    right: 2px; }
.modal.f-urun .u-idm .idm-cdown i {
    color: #fcb816;
    font-size: 11px;
    top: 2px; }
.modal.f-urun .price.val i {
    display: none; }
.modal.f-urun .u-title {
    margin-bottom: 30px; }
.modal.f-urun .u-title h2 {
    font-weight: 400;
    margin-right: 12px;
    font-size: 17px;
    margin-bottom: 2px; }
.modal.f-urun .u-title div {
    display: flex;
    align-items: center; }
.modal.f-urun .u-title div > span {
    font: 300 13px 'Ubuntu';
    color: #8a8a8a;
    top: 2px; }
.modal.f-urun .u-title div > span i {
    font-size: 11px;
    margin-right: 4px;
    top: 1px;
    color: #6dc58d; }
.modal.f-urun .u-title div > span span {
    text-transform: uppercase; }
.modal.f-urun .u-title .price {
    font-size: 15px; }
.modal.f-urun .u-title .price.val {
    font-weight: 600;
    color: #e74646; }
.modal.f-urun .u-title .price .el-kur {
    margin-right: 3px; }
.modal.f-urun .u-title .price b {
    font-weight: 600; }
.modal.f-urun .u-title .price.val i {
    color: #579a21;
    font-size: 11px;
    margin-left: 4px; }
.modal.f-urun .u-title .price.idm {
    display: none;
    margin-left: 13px;
    font-weight: 600; }
.modal.f-urun .u-title .price.idm .a {
    color: #f99898;
    text-decoration: line-through; }
.modal.f-urun .u-title .price.idm .b {
    color: #555;
    font-size: 10px;
    font-family: 'Gotham';
    font-weight: 300;
    top: -2px;
    letter-spacing: .5px;
    margin-left: 3px; }
.modal.f-urun .u-title .price.val .pv-iade {
    font-size: 11px;
    display: none;
    font-weight: 400;
    color: #777;
    top: -2px;
    margin-left: 9px;
    letter-spacing: .3px; }
.modal.f-urun .u-title .price.idm .b span {
    display: none; }
.modal.f-urun .u-kunye {
    font: 400 13px 'Source Sans Pro'; }
.modal.f-urun .u-kunye li {
    display: flex; }
.modal.f-urun .u-kunye li label {
    width: 108px;
    font-weight: 600;
    color: #444; }
.modal.f-urun .u-kunye li span {
    color: #555;
    padding-left: 18px; }
.modal.f-urun .u-kunye li span b {
    font-weight: 400; }
.modal.f-urun .u-kunye li span em {
    color: #888;
    font-size: 12px;
    padding: 0 3px;
    top: -1px; }
.modal.f-urun .u-kunye li span i {
    font-size: 13px;
    position: absolute;
    color: #a2a1a1;
    left: -10px; }
.modal.f-urun .u-kunye li .ss-creditcard {
    font-size: 16px; }
.modal.f-urun .u-kunye .for span ol {
    display: flex;
    font: normal 11px Ubuntu;
    top: 3px; }
.modal.f-urun .u-kunye .for span ol li {
    letter-spacing: -.3px;
    display: flex;
    /*flex: 1 1 0%; */ }
.modal.f-urun .u-kunye .for span ol li:first-child {
    padding-left: 0; }
.modal.f-urun .u-kunye .for span ol li:first-child b {
    padding-left: 0;
    color: #20ad4c; }
.modal.f-urun .u-kunye .for span ol span {
    padding: 0 0 0 4px;
    color: #8e8e8e; }
.modal.f-urun .u-kunye .for span ol b {
    color: #555;
    letter-spacing: -.4px;
    /* width:25px; */ }
.modal.f-urun .u-kunye .for span ol u {
    padding-left: 1.5px; }
.modal.f-urun .u-kunye .for span ol i {
    margin: 0 3px 0 1px;
    top: -1px;
    display: none; }
.modal.f-urun .u-kunye .for span ol s {
    padding: 0 6px;
    color: #d0d0d0;
    font-size: 8px;
    top: 2px; }
.modal.f-urun nav.count button span, .modal.f-urun nav.select button span {
    width: 34px; }
.modal.f-urun .fe summary {
    position: absolute;
    left: 59px;
    width: 260px;
    font-size: 11px;
    color: #333;
    font-family: 'Open Sans';
    top: 21px;
    z-index: 0; }
.modal.f-urun .fe summary > span {
    display: none;
    animation-fill-mode: both;
    animation-duration: .5s; }
.modal.f-urun .fe summary b {
    font-weight: 400; }
.modal.f-urun .fe summary u, .modal.f-urun .fe summary s {
    font-style: normal;
    text-decoration: none; }
.modal.f-urun .fe summary .el-carpan s:nth-child(1) {
    margin: 0 5px; }
.modal.f-urun .fe summary .el-carpan u:nth-child(3) {
    margin-left: 2px; }
.modal.f-urun .fe summary .el-carpan s:nth-child(4) {
    margin: 0 3px;
    font-size: 9px;
    top: -1px; }
.modal.f-urun .fe summary .el-carpan s:nth-child(6) {
    margin: 0 2px; }
.modal.f-urun .fe summary .el-carpan b:nth-child(7) {
    margin-right: 3px; }
.modal.f-urun .u-list {
    font: 400 14px 'Source Sans Pro';
    padding-top: 50px; }
.modal.f-urun .u-list li {
    height: 60px;
    align-items: center; }
.modal.f-urun .u-list li:not(.n) {
    border-top: 1px solid #e7e7e7; }
.modal.f-urun .u-list .line {
    border-bottom: 1px solid #e7e7e7; }
.modal.f-urun .u-list.f2 .line {
    padding: 0 2px; }
.modal.f-urun .u-list.f2 .val, .modal.f-urun .u-list.f2 input, .modal.f-urun .u-list.f2 select {
    font-size: 14px; }
.modal.f-urun .u-list.f2 input {
    padding-top: 0px; }
.modal.f-urun .u-list li.locked div.nav nav {
    opacity: .4;
    pointer-events: none; }
.modal.f-urun .u-list .field-ripple {
    font-size: 48px;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 7px; }
.modal.f-urun .u-list .f-fiyat .field-ripple {
    left: -2px; }
.modal.f-urun .u-list .f-birim .field-ripple {
    left: -9px; }
.modal.f-urun .u-list .f-adet .field-ripple {
    left: -19px; }
.modal.f-urun .u-list > li .field-ripple {
    background: #fbfbfb radial-gradient(circle, transparent 1%, #fbfbfb 1%) center/15000%;
    background-position: center;
    transition: background 0.6s; }
.modal.f-urun .u-list > li:active .field-ripple {
    background-color: #ccf0ff;
    background-size: 100%;
    transition: background 0s; }
.modal.f-urun .u-list label {
    font-weight: 600;
    z-index: 1;
    width: 114px;
    color: #111; }
.modal.f-urun .u-list label i {
    position: absolute;
    right: 0;
    font-weight: 400;
    top: -1px; }
.modal.f-urun .u-list input {
    padding-top: 4px; }
.modal.f-urun .u-list input, .modal.f-urun .u-list select {
    border: 0;
    width: 100%;
    z-index: 1;
    background: none; }
.modal.f-urun .u-list input, .modal.f-urun .u-list select, .modal.f-urun .u-list .val {
    font: 300 15px 'Gotham';
    color: black; }
.modal.f-urun .u-list li > .col {
    padding-left: 13px;
    height: 100%; }
.modal.f-urun .u-list .f-fiyat .fe .fi {
    color: #000;
    top: 1px;
    font-size: 15px;
    font-family: "Ubuntu"; }
.modal.f-urun .u-list .f-fiyat .fe input {
    text-indent: 13px; }
.modal.f-urun .u-list .f-fiyat .count {
    margin-left: 25px; }
.modal.f-urun .u-list .f-fiyat a.uf-1 {
    font-size: 13px; }
.modal.f-urun .u-list .f-birim .fi-down {
    background: none; }
.modal.f-urun .u-list .f-birim .fi-down i {
    color: #111; }
.modal.f-urun .u-list .fe select {
    z-index: 1;
    text-indent: 0; }
.modal.f-urun .u-list .f-birim .fe[val='PK'] summary .s-2 {
    display: inline-block;
    animation-name: zoomIn; }
.modal.f-urun .u-list .f-birim .fe[val='KA'] summary .s-3 {
    display: inline-block;
    animation-name: zoomIn; }
.modal.f-urun .u-list .f-birim .fe[val='PL'] summary .s-4 {
    display: inline-block;
    animation-name: zoomIn; }
.modal.f-urun .u-list .f-birim .fe[val='YP'] summary .s-5 {
    display: inline-block;
    animation-name: zoomIn; }
.modal.f-urun .u-list .f-adet input {
    z-index: 1; }
.modal.f-urun .u-list .f-adet .net em {
    padding: 0 3px; }
.modal.f-urun .u-list .f-adet .net .nv {
    font-weight: 400; }
.modal.f-urun .u-list .f-adet .net .nt {
    padding-left: 3px;
    text-transform: uppercase; }
.modal.f-urun .u-list .f-tutar .price > span:first-child {
    color: #e74646;
    font-weight: 400;
    margin-right: 2px; }
.modal.f-urun .u-list .f-tutar .price > span:last-child {
    color: #555;
    padding-left: 7px; }
.modal.f-urun .u-list .f-tutar .price b {
    color: #e74646;
    font-weight: 400; }
.modal.f-urun #mu-50 {
    display: none; }
.modal.f-urun #mu-50 .net em {
    display: none; }
.modal.f-urun:not([birim='ST']) #mu-50, .modal.f-urun:not([adet='1']) #mu-50 {
    display: inline-block;
    animation-name: zoomIn; }
.modal.f-urun[adet='1']:not([birim='ST']) #mu-50 .urn, .modal.f-urun[birim='ST'] #mu-50 .urn {
    display: none; }
.modal.f-urun:not([birim='ST']) #mu-50 .net em {
    display: inline; }
.modal.f-urun[adet='1']:not([birim='ST']) #mu-50 .net em {
    display: none; }
.modal.f-urun[birim='YP'] .fe summary {
    left: 70px; }
.modal.f-urun.idm .u-idm {
    display: block; }
.modal.f-urun.idm:not(.zam) .price.val i {
    display: inline; }
.modal.f-urun.idm:not(.zam) .price.idm {
    display: inline; }
.modal.f-urun.idm[idm='CFI'] .price.idm .b span {
    display: inline; }
.modal.f-urun.iade {
    /*

    		.u-list 						{

    			.f-fiyat div.nav 			{ opacity: .4; pointer-events: none }
    			.f-fiyat div.nav .on-price	{ display: none   }
    		}
    		*/ }
.modal.f-urun .ff-iade {
    display: none; }
.modal.f-urun:not(.iade) .on-iade, .modal.f-urun.iade .of-iade {
    display: none; }
.modal.f-urun.iade .price.val .pv-iade {
    display: inline; }
.modal.f-urun.iade .ff-iade {
    display: inline; }
.modal.f-urun.iade .ff-satis {
    display: none; }
.modal.f-urun.iade .u-send > span a {
    display: none; }
.modal.f-urun .u-send .uf-1 {
    font-weight: 400;
    font-size: 13px; }
.modal.f-urun .u-send .uf-1 i {
    color: #4d4e4d;
    top: 2px;
    margin-right: 5px; }
.modal.f-urun .u-send nav input {
    min-width: 120px;
    border-radius: 4px;
    height: 46px;
    padding: 2px 16px 0 15px;
    font: 300 14px 'Gotham';
    margin-left: 10px; }
.modal.f-urun .u-send nav input:first-child {
    margin-left: 0; }
.modal.f-urun .u-send input.b-del {
    display: none; }
.modal.f-urun .u-send input.b-edit {
    display: none; }
.modal.f-urun .u-send input.b-cari {
    display: none; }
.modal.f-urun.on-basket .u-send input.b-off {
    display: none; }
.modal.f-urun.on-basket .u-send input.b-add {
    display: none; }
.modal.f-urun.on-basket .u-send input.b-del {
    display: block; }
.modal.f-urun.on-basket .u-send input.b-edit {
    display: block; }
.modal.f-urun .f-birim option em {
    font-size: 12px; }
.modal.f-urun .mb-order {
    z-index: 0; }
.modal.f-urun .mb-1 {
    z-index: -1;
    width: 100%;
    visible: hidden;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
.modal.f-urun .mb-1 > .in {
    transition: .5s;
    transform: translate(100%, 0);
    background: white; }
.modal.f-urun .mb-1 .mb-head {
    background: #f5f5f5;
    height: 50px;
    border-bottom: 1px solid #dddbdb;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0; }
.modal.f-urun .mb-1 .mb-head h3 {
    font: 700 14px 'Brandon';
    letter-spacing: 1.2px;
    text-transform: uppercase; }
.modal.f-urun .mb-1 .mb-head .one a {
    padding: 0 14px;
    font-size: 13px; }
.modal.f-urun .mb-1 .mb-head .one span {
    font-weight: 400; }
.modal.f-urun .mb-1 .mb-head .one i {
    margin-right: 7px;
    top: 1px; }
.modal.f-urun .mb-1 .mb-body {
    z-index: 0;
    padding-top: 80px; }
.modal.f-urun .mb-iade .in {
    background: #fbfbfb; }
.modal.f-urun .mb-iade .mb-body {
    padding: 72px 22px 22px 22px; }
.modal.f-urun .mb-iade .u-list {
    padding-top: 0;
    height: calc(100% - 46px); }
.modal.f-urun .mb-iade .u-list label {
    width: 100px; }
.modal.f-urun .mb-iade .f-iade-not {
    height: calc(100% - 60px); }
.modal.f-urun .mb-iade .f-iade-not .fe {
    padding: 28px 1px; }
.modal.f-urun .mb-iade .f-iade-not textarea {
    background: none;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    padding: 0;
    font: 300 15px Gotham; }
.modal.f-urun .mb-iade .f-iade-not textarea::placeholder {
    color: #555; }
.modal.f-urun .mb-iade .line > .col {
    padding-left: 13px; }
.modal.f-urun .mb-iade nav.select button span {
    width: 30px;
    height: 28px; }
.modal.f-urun .mb-iade nav.select button span i {
    color: #555; }
.modal.f-urun .mb-price .table-v .td-4, .modal.f-urun .mb-price .table-v .td-5 {
    width: 120px; }
.modal.f-urun .mb-price .table-v .td-4 {
    margin-left: 25px;
    color: #777; }
.modal.f-urun .mb-price .table-v .td-3 {
    width: 90px; }
.modal.f-urun .mb-price .table-v .td-2 {
    width: 120px; }
.modal.f-urun .mb-price .table-v .r {
    text-align: right; }
.modal.f-urun .mb-price .table-v .td {
    padding: 0 12px; }
.modal.f-urun .mb-price .table-v .tr {
    padding: 0 12px 0 5px; }
.modal.f-urun .mb-price .table-v .thead .tr-end .td {
    font-size: 12px;
    color: #555; }
.modal.f-urun .mb-price .table-v .thead .tr-end .td b {
    background: #f2f2f2;
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 15px;
    height: 30px;
    padding: 0 12px 1px 12px; }
.modal.f-urun .mb-price .table-v .td {
    padding: 0 9px; }
.modal.f-urun .mb-price .table-v .tbody .tr {
    border-bottom: 1px solid #f3f3f3;
    font-size: 13px;
    height: 54px;
    display: flex;
    align-items: center;
    font-weight: 300; }
.modal.f-urun .mb-price .table-v .tbody .tr:last-child {
    border: 0; }
.modal.f-urun .mb-price .table-v .tbody .tr .check {
    visibility: hidden; }
.modal.f-urun .mb-price .table-v .tbody .tr.on {
    color: #317fe0;
    background: #fafdff;
    font-weight: 600; }
.modal.f-urun .mb-price .table-v .tbody .tr.on .check {
    visibility: visible; }
.modal.f-urun .mb-price .table-v .tbody .tr .td-1 {
    letter-spacing: .7px; }
.modal.f-urun .mb-price .table-v .tbody .tr .td-1 .ss-clock {
    color: #f2bd55;
    font-size: 13px;
    top: 2px;
    margin-right: 6px; }
.modal.f-urun .mb-price .table-v .tbody .tr .td-1 .check {
    margin-left: 45px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    letter-spacing: .5px; }
.modal.f-urun .mb-price .table-v .tbody .tr .td-1 .check i {
    font-size: 11px;
    color: #317fe0;
    top: 1px; }
.modal.f-urun .mb-price .table-v .tbody .tr .tr-end .td {
    padding-right: 20px; }
.modal.f-urun.on-price .mb-price {
    visibility: visible;
    z-index: 1; }
.modal.f-urun.on-price .mb-price > .in {
    transform: translate(0, 0); }
.modal.f-urun.on-price.of-mb .mb-price > .in {
    transform: translate(100%, 0); }
.modal.f-urun.on-iade .mb-iade {
    visibility: visible;
    z-index: 1; }
.modal.f-urun.on-iade .mb-iade > .in {
    transform: translate(0, 0); }
.modal.f-urun.on-iade.of-mb .mb-iade > .in {
    transform: translate(100%, 0); }
.modal.f-urun .m-end {
    position: absolute;
    overflow: hidden;
    bottom: -35px;
    left: 0;
    width: 100%;
    color: white;
    color: white; }
.modal.f-urun .m-end i.ss-help {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -3px;
    color: #ffbd23; }
.modal.f-urun .m-end p {
    font-size: 12px;
    letter-spacing: .5px;
    padding-left: 26px; }
.modal.f-urun .m-end .note > div {
    animation-duration: 1s;
    animation-fill-mode: both; }
.modal.f-urun.on-price .note-order {
    display: none; }
.modal.f-urun.on-price .note-price > div {
    animation-name: slideInLeft; }
.modal.f-urun:not(.on-price) .note-price {
    display: none; }
.modal.f-urun:not(.on-price) .note-order > div {
    animation-name: slideInLeft; }
.modal.f-urun.on .note-order > div {
    animation-name: slideInLeft; }
.modal.f-urun[kur='CHF'] .el-kur {
    font-family: "Arial"; }
.modal.f-urun[kur='CHF'] .u-list .f-fiyat .fe .icon {
    font-size: 14px;
    top: 2px; }
.modal.f-urun[kur='CHF'] .u-list .f-tutar .price > span:first-child {
    font-weight: 700; }
.modal.f-urun[mod="read"] .of-read {
    display: none; }
.modal.f-urun[mod="read"] .on-read {
    display: block !important; }
.modal.f-urun[mod="read"] .of-read-point {
    pointer-events: none; }
.modal.f-urun[mod="read"].iade .of-read-iade {
    display: none; }
.modal.f-urun[mod="read"]:not(.iade) .on-read-iade {
    display: none; }
.modal.f-urun:not([mod="read"]) .on-read-iade {
    display: none; }
.modal.f-urun:not([mod="read"]) .on-read {
    display: none; }
.modal.f-urun:not([buy="AD"]) .f-adet .urn,
.modal.f-urun:not([buy="AD"]) .f-adet .net em {
    display: none !important; }

html[mod='4'] .modal.f-urun .u-kunye .col-7 label {
    width: 86px; }

@media screen and (min-width: 35.5em) {
    .modal.f-urun .mob, .modal.f-urun .m {
        display: none; } }
@media screen and (max-width: 920px) {
    .modal.f-urun .u-olcu {
        font-size: 12px; } }
@media screen and (max-width: 54em) {
    .modal.f-urun .modal-back {
        padding: 0; }
    .modal.f-urun .modal-content {
        overflow: hidden;
        max-height: unset;
        height: 90%;
        width: 90%;
        max-height: 782px;
        max-width: 600px; }
    .modal.f-urun .modal-content .in {
        height: unset;
        min-height: 100%; }
    .modal.f-urun .modal-content .in > .sol {
        width: unset;
        padding: 0;
        min-width: unset;
        max-width: unset; }
    .modal.f-urun .modal-content .in > .col {
        border-left: 0;
        border-radius: 0 0 8px 8px;
        border-top: 1px solid #efefef; }
    .modal.f-urun .modal-content .u-foto .list {
        width: 230px;
        height: 230px;
        margin: 0 auto; }
    .modal.f-urun.idm .u-foto {
        padding-bottom: 5px; }
    .modal.f-urun .u-foto i {
        color: #b7b7b7;
        top: 10px;
        right: 10px; }
    .modal.f-urun .u-list {
        padding-top: 25px; }
    .modal.f-urun .u-list li input {
        min-width: 80px;
        width: 100%; }
    .modal.f-urun .u-send .uf-1 {
        font: 500 11px "Ubuntu"; }
    .modal.f-urun .u-send nav input {
        min-width: 110px; }
    .modal.f-urun .u-info {
        z-index: 1;
        font: 400 10px 'Ubuntu';
        color: #555;
        position: absolute;
        left: 0;
        bottom: 7px;
        width: 100%;
        padding: 0 18px;
        display: flex;
        align-items: center; }
    .modal.f-urun .u-info .el-id {
        letter-spacing: 0.5px; }
    .modal.f-urun.idm .u-idm {
        font-size: inherit;
        padding: 0;
        display: flex;
        align-items: center; }
    .modal.f-urun.idm .u-idm i {
        order: -1; }
    .modal.f-urun.idm .u-idm em {
        padding: 0 4px; }
    .modal.f-urun.idm .u-idm li {
        margin-bottom: 0; }
    .modal.f-urun.idm .u-idm .idm-cdown i {
        font-size: 9px;
        margin-right: 3px; }
    .modal.f-urun.idm .u-idm .idm-label i {
        display: none; }
    .modal.f-urun .u-bant .bant {
        left: 0;
        top: 0;
        font-size: 68px; }
    .modal.f-urun .dots {
        bottom: 13px;
        right: 14px; }
    .modal.f-urun .u-title h2 {
        font-size: 16px; }
    .modal.f-urun .u-title .price {
        font-size: 14px; }
    .modal.f-urun .u-title .price.idm .b {
        font-size: 9px; }
    .modal.f-urun .u-title div > span {
        font-size: 12px;
        top: 0px; }
    .modal.f-urun .u-title div > span i {
        font-size: 9px; } }
@media screen and (max-width: 35.5em) {
    .modal.f-urun {
        margin-bottom: 0; }
    .modal.f-urun .web, .modal.f-urun .w {
        display: none; }
    .modal.f-urun .modal-content {
        border-radius: 0px;
        width: 100%;
        height: 100%;
        max-height: unset;
        max-width: unset; }
    .modal.f-urun .modal-content .u-foto .list {
        margin: 0 auto; }
    .modal.f-urun .modal-content .u-foto .list {
        --s: calc(( var(--app-body) + 112px) - 460px);
        width: var(--s);
        height: var(--s); }
    .modal.f-urun .modal-content .in > .col {
        padding: 18px 15px; }
    .modal.f-urun .modal-content .u-list .f-fiyat .count {
        margin-left: 0; }
    .modal.f-urun .modal-content .u-list .f-fiyat a.uf-1 {
        position: absolute;
        right: 0;
        top: -40px; }
    .modal.f-urun .modal-content .u-list .f-fiyat a.uf-1 .mob {
        font: 500 11px 'Ubuntu'; }
    .modal.f-urun .fe summary {
        left: 40px;
        top: 24px;
        font-family: Ubuntu;
        font-size: 9.5px; }
    .modal.f-urun .fe summary .el-carpan s:nth-child(1) {
        display: none; }
    .modal.f-urun .fe summary .el-carpan s:nth-child(4) {
        margin: 0 2px; }
    .modal.f-urun .fe summary .el-carpan b:nth-child(7) {
        margin-right: 2px; }
    .modal.f-urun .fe[val='PK'] summary {
        left: 48px; }
    .modal.f-urun .u-list {
        padding-top: 24px; }
    .modal.f-urun .u-list .f-fiyat {
        border-top: 0; }
    .modal.f-urun .u-list label {
        width: 78px;
        font-size: 13px; }
    .modal.f-urun .u-list input, .modal.f-urun .u-list select, .modal.f-urun .u-list .val {
        font-size: 14px; } }
body:not(.market) .modal.f-urun .m-top, body:not(.market) .modal.f-urun .m-end {
    display: none; }

html[cari='not'] .modal.f-urun .u-send input.b-cari,
html[cari='tum'] .modal.f-urun .u-send input.b-cari {
    display: block; }
html[cari='not'] .modal.f-urun .u-send input:not(.b-cari),
html[cari='tum'] .modal.f-urun .u-send input:not(.b-cari) {
    display: none; }

/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
@ Modal > Format Ilan  */
/*
.modal.format-ilan						{
	.modal-content 						{ max-width:580px; height:90%; }
	.modal-inner 						{ padding:22px }
	.data 								{ height:100%; width:100%; overflow:hidden }
	.modal-close.in 					{ display:none;
		a 								{ background: #fd5858;   width: 36px;  height: 36px; border-radius: 0 0 0 8px; border-left: 1px solid rgba(0,0,0,.5); border-bottom: 1px solid rgba(0,0,0,.5)}
	}
} */
/*
.modal.format-mesaj 					{
	.modal-content 						{ max-width:520px; max-height:350px; height:90% }
	.modal-content .data 				{ overflow:auto }
	.modal-mesaj 						{ min-height:350px }
	section 							{ padding:20px }
	.modal-close.out 					{ display:none }
	blockquote 							{ font:normal 15px $font-3; color:#565555 }

	.modal-close.in 					{ z-index:2;
		a  								{ width:32px; height:38px; display:block; @include flex_mc();  color:#c9c8c8;
			i 							{ @include icon_fit(16px,'pika')}
			&:hover 					{ color:#777 }
		}
	}
	.form 								{
		textarea 						{ padding-left:8px }
	}
	h3 									{ font-weight:900 }
} */
/*
.modal.format-dropdown					{
	&.in 								{ display:flex!important; align-items:center; justify-content:center;}
	.modal-content 						{ min-height:200px; background:white; background-repeat:no-repeat; background-position:center center; }

	.data 								{ display:none; opacity:1; transition:opacity .3s; }
	&.load .data						{ opacity:0  }
	&.load .modal-content 				{ background-image:url('img/loader.gif') }
} */
button.btn, input.btn {
    padding: 0;
    text-align: center;
    display: block; }

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    /*
  	&.b-5						{ color:white; height:54px; background:#2b99df; border-radius:6px; font-size:15px; font-weight:600; padding:0 12px; min-width:180px   }
  	&.b-9						{ color:white; height:50px; background:#66adf0; border-radius:25px; font-size:22px; padding:0 12px; min-width:180px  }
  	&.b-8						{ color:white; height:50px; border-radius:25px; font-size:17px; padding:0 12px; min-width:180px;
  		i.ss-gizmo 				{ top:2px; margin-right:4px;}

  	}

  	&.b-4 						{ color:white; height:48px; border-radius:24px; font-size:16px; padding:0 12px; min-width:130px;}


  	&.b-7 						{ border:1px solid #ddd; font-size:11px; padding:0 12px; height:32px; border-radius: 16px; color:$color-1;
  		span 					{ top:1px; left:1px }
  	}
  	*/
    /*
  &.-h 						{ height: var(--h) }
  &.-bc 						{ background-color: var(--bc); &:hover{ background-color: var(--bco) } }
  &.-r 						{ border-radius: var(--r) }
  &.-ov 						{ border-radius: calc( var(--h) / 2 ) }
  &.-c 						{ color: var(--c) ; &:hover{ color: var(--co) } }
  &.-w 						{ width: var(--w) }
  */
    /*
  	&.t-4 						{ font-size:15px; height: 42px; min-height:auto; min-width:auto; padding:8px 14px;  border-radius: 4px; border-width:1px; border-style:solid }




  	&.t-del,&.t-drk 			{ font-size:14px }

  	&.t-del 					{ background:#fb7957; color:white;
  		&:hover  				{ background:#ec6644 }
  		span 					{ font-weight:300 }
  		i 						{ right:7px; top:13px; opacity:.8; font-size:16px  }
  	}



  	&.t-drk 					{ background:#686868; color:white;
  		&:hover  				{ background:#404040 }
  		span 					{ font-weight:300 }
  	}
  	*/
    /*

  	&.t-1 						{ background:#3cd458; height:32px; border-radius:16px; color:white; padding:0 18px;
  		&:hover 				{ background:#4deb6a }
  	}


  	&.t-2						{ border:1px dashed #dadada;  height:38px; border-radius:4px; color:white; padding:0 22px 0 28px;
  		&:hover 				{ background:#6ed28d; border-color:#81e4a0; color:white;  }
  		b 						{ font-weight:300; font-size:16px; position:absolute; left:11px}
  		span 					{ top:0; font:300 12px Brandon}
  	}

  	&.t-3						{ border: 1px solid #b8babb; background: 0 0; height: 26px; color: #fffefe; padding: 2px 9px 3px 9px; border-radius: 14px;
  		&:hover 				{ border-color:#fff; color:white }
  		span 					{ top:1px; font:300 10px Brandon }
  	}

  	&.t-5						{ border: 1px solid #47c6fb;  height: 37px; color: #333; padding: 4px 14px; border-radius: 3px;
  		&:hover 				{ background-color:#47c6fb; color:white }
  		span 					{ top:0; font-weight:300; font-size:14px; }
  	}

  	*/
    /*
  	&.t-8 						{ color:#38393a; border-color:#a0a0a0;  background:#f9f9f9;
  		&:hover 				{ background-color:#fff; color:#000  }
  	}

  	&.t-9 						{ color:#e83609; border-color:#f99c84;  background:#f9f9f9;
  		&:hover 				{ background-color:#fff; color:#292929   }
  	}

  	&.t-7 						{ border:1px solid #e2e2e1; color:#8d8b8b;  background:#fff; height:26px; min-width:72px; border-radius:13px;
  		span 					{ font:300 10px 'Gotham'; top:0;  letter-spacing:-.7px }
  		&:hover 				{ background-color:#f9f9f9; color:#000   }
  	}

  	*/
    /*

  	&.t-2						{ background:#e5e7e7; height:38px; border-radius:19px; color:#3f3d3d; padding:0 22px 0 28px;
  		&:hover 				{ background:#a3ef90; color:white; }
  		b 						{ font-weight:300; font-size:17px; position:absolute; left:14px}
  		span 					{ top:-1px;}
  	}



  	&.t-6						{ border: 1px solid #8b8b8b;  height: 46px; color: black; padding: 4px 14px; border-radius: 3px;
  		&:hover 				{ background-color:#414243; border-color:#414243; color:white }
  		span 					{ top:1px; font:300 14px 'Brandon' }
  		&.off 					{ color:#989898; border-color:#e4e4e4; cursor:default;
  			&:hover 			{ background:none; border-color:#e4e4e4; color:3989898 }
  		}
  	}


  	&.t-7 						{

  		&.t-inr					{ color:white ;  border-color: $color-1;   background:$color-1;
  			&:hover 			{ background:$color-3;   border-color:$color-3;   }
  		}
  		&.t-out 				{ color:$color-3; border-color: $color-1;  background:#f9f9f9;
  			&:hover 			{ background-color:#25a5da; border-color:#25a5da; color:white    }
  		}
  	}
  	*/
    /*

  	&.t2 					{ background:none; font-weight:800; font-size:15px; border:1px solid #5d5d5d; text-align:center; height:42px; font-family:$font-2; color:#e5e5e5;
  		&:hover 				{ color:white }
  	}

  	&.t3 						{ background:#fff; height:26px; border:1px solid #d6d6d6; border-radius:4px; color:#444141; padding:0 5px;
  		span 					{ font-size:12px; font-weight:400 }
  		i 						{ color:#242423; margin-right:4px; top:1px; font-size:10px}
  		&:hover 				{ border-color:#f5d183; background:#ffe6b0 }
  	}

  	&.t4 						{ background:#3d8cec; height:28px; border:1px solid #3d8cec; border-radius:4px; color:#fff; padding:0 9px;
  		span 					{ font-size:13px; font-weight:400 }
  		i 						{  margin-right:6px; top:2px; font-size:13px}
  		&:hover 				{ border-color:#55a2ff; background:#55a2ff }
  	}

  	&.t5 						{ background:#7ba938; height:28px; border:1px solid #7ba938; border-radius:4px; color:#fff; padding:0 9px;
  		span 					{ font-size:13px; font-weight:400 }
  		i 						{  margin-right:6px; top:1px;  font-size:12px}
  		&:hover 				{ border-color:#8abf3b; background:#8abf3b }
  	}
  	*/ }
.btn.d {
    color: white;
    min-width: 100px;
    background: #333;
    height: 42px;
    font-size: 16px;
    padding-left: 18px;
    padding-right: 18px; }
.btn.d:hover {
    background: black; }
.btn.t-in {
    display: inline-flex; }
.btn.b-2, .btn.b-1 {
    color: white;
    height: 52px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    padding: 0 12px;
    min-width: 180px; }
.btn.b-1 {
    background: #3f4863; }
.btn.b-1:hover {
    background: #4f5b79; }
.btn.b-2 {
    background: #187b49; }
.btn.b-2:hover {
    background: #278e5a; }
.btn[style] {
    background-color: var(--bc);
    border-radius: var(--r);
    color: var(--c);
    height: var(--h);
    border: 1px solid var(--br);
    min-width: var(--mw);
    padding: var(--pw); }
.btn[style]:hover {
    background-color: var(--ov-bc);
    border-color: var(--ov-br);
    color: var(--ov-ch); }
.btn.r-0 {
    border-radius: 0; }
.btn.r-2 {
    border-radius: 2px; }
.btn.r-3 {
    border-radius: 3px; }
.btn.r-4 {
    border-radius: 4px; }
.btn.r-6 {
    border-radius: 4px; }
.btn.r-8 {
    border-radius: 8px; }
.btn.h-32 {
    height: 32px; }
.btn.h-32.ov {
    border-radius: 16px; }
.btn.h-38 {
    height: 38px; }
.btn.h-38.ov {
    border-radius: 19px; }
.btn.h-40 {
    height: 40px; }
.btn.h-40.ov {
    border-radius: 20px; }
.btn.h-46 {
    height: 46px; }
.btn.h-46.ov {
    border-radius: 23px; }
.btn.h-48 {
    height: 48px; }
.btn.h-48.ov {
    border-radius: 24px; }
.btn.h-50 {
    height: 50px; }
.btn.h-50.ov {
    border-radius: 25px; }
.btn.h-54 {
    height: 54px; }
.btn.h-54.ov {
    border-radius: 27px; }
.btn.h-60 {
    height: 60px; }
.btn.h-60.ov {
    border-radius: 30px; }
.btn.-ha {
    height: auto; }
.btn.-wf {
    width: 100%; }
.btn.p-28 {
    padding-left: 28px;
    padding-right: 28px; }
.btn.p-24 {
    padding-left: 24px;
    padding-right: 24px; }
.btn.p-20 {
    padding-left: 20px;
    padding-right: 20px; }

/*
.btn-mod 						{ @include flex_yc();
	.bm-send 					{

	}
	.trin 						{ @include triangle('cust',10px); left:-5px; top:19px;}
	.bm-menu 					{ margin-right:30px;
		b 						{ font:300 15px Gotham }

		.cxt-r span i 			{ font-size:12px; position:asbolute; right:0; top:2px; margin-left:5px }
	}
}

body.BM1-1 .bm:not([bm='11']) 	{ display: none }
body.BM1-2 .bm:not([bm='12']) 	{ display: none }
body.BM1-3 .bm:not([bm='13']) 	{ display: none }


.sepet 							{

	.btn-mod 					{
		.cxt-r 					{ display:flex; }
	}

	.btn-mod[mod='1'] 			{
		.btn 					{ background:#00ad60}
		.cxt-r  > i 			{ color:#00ad60; font-size: 13px; top:2.5px;margin-right:4px}
		.trin s 				{ background-color:#00ad60 }
	}

	.btn-mod[mod='2'] 			{
		.btn 					{ background:#51a0d8}
		.cxt-r > i 				{ color:#51a0d8; font-size: 15px; top: 3px;margin-right: 3px}
		.trin s 				{ background-color:#51a0d8 }
	}

	.btn-mod[mod='3'] 			{
		.btn 					{ background:#f3b668}
		.cxt-r > i 				{ color:#f3b668; font-size: 14px; top: 2px;margin-right: 3px }
		.trin s 				{ background-color:#f3b668 }
	}

	.bm-menu  					{

	}
}

html[ua*='ipad'] .sepet			{

	.btn-mod[mod='1'] 			{
		.cxt-r  > i 			{ font-size: 13px; top:1.5px; margin-right: 3px}
	}

	.btn-mod[mod='2'] 			{
		.cxt-r  > i 			{ top:2px;}
	}

	.btn-mod[mod='3'] 			{
		.cxt-r  > i 			{ top:1.5px }
	}
}

*/
.capa {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    border: 0;
    background: none; }

.under {
    opacity: 0.5; }

.under-text {
    text-align: center; }
.under-text i {
    font-size: 70px;
    color: #ff862d;
    display: block;
    margin-bottom: 18px; }
.under-text p {
    font: 300 20px 'Gotham'; }

blockquote.t-1 {
    background: #aee8db;
    color: #2f4861;
    font-weight: 600;
    line-height: 1.6;
    font-size: 14px;
    padding: 22px 0 18px 0;
    border-radius: 6px;
    text-align: center; }
blockquote.t-2 {
    font: normal 24px/1.3 "Georgia";
    color: #8e8d8f;
    text-align: center; }
blockquote.t-2 s {
    position: absolute;
    font-size: 36px;
    color: #1081eb;
    line-height: .9;
    display: block;
    height: 14px; }
blockquote.t-2 .a {
    left: -25px;
    top: -15px; }
blockquote.t-2 .b {
    right: -25px;
    bottom: -15px; }

figure.t-1 img {
    border-radius: 6px; }

/*
.breadcrumb  					{ font-size:12.5px;

	&:not(.t-1) 				{ position: absolute; left:0; width:100%; top:20px }
	&.t-1 						{ padding:0; }

	ol li 						{
		&:not(:first-child):before { padding-right: .5rem; padding-left: .5rem; color: #888; font-size:11px; content: "/" }
		a 						{ color:#adc4dd; &:hover{ color:#86aad0 }  }
		&.on,&.on a 			{ color:#999 }
		&:last-child 			{ color:#999;
			a 					{ color:#999}
		}
	}

}
*/
blockquote.record {
    display: flex;
    align-items: center;
    padding: 20px 10px 20px 0;
    font-size: 19px;
    color: #909090;
    font-weight: 300; }
blockquote.record i {
    color: orange;
    display: block;
    font-size: 30px; }

/*
@ Unders, Gecici Kodlar
@ Gelistirmesi deam eden sayfalar icin atlama ve ayar blockları */
.unders .tt {
    padding: 40px 0 0 20px;
    width: 480px;
    font: 400 13px 'Ubuntu'; }
.unders .tt li {
    display: block; }
.unders .tt ul {
    border: 1px solid #ddd;
    border-radius: 12px; }
.unders .tt ul li {
    border-bottom: 1px solid #ddd; }
.unders .tt ul li a {
    font: 500 14px 'Ubuntu';
    color: #333;
    display: block;
    padding: 16px 12px; }
.unders .tt ul li a i.prt {
    top: 16px;
    right: 12px;
    color: #1081eb; }
.unders .tt ul li:last-child {
    border-bottom: 0; }
.unders .tt h4 {
    color: red;
    margin-top: 60px;
    margin-bottom: 20px; }
.unders .tt summary {
    display: inline;
    padding-left: 10px;
    font-size: 12px; }
.unders ul.set li {
    height: 56px;
    display: flex;
    justify-content: space-between; }
.unders ul.set label {
    display: flex;
    align-items: center;
    padding: 0 10px; }
.unders ul.set li > div {
    width: 100px; }
.unders ul.set select {
    background: none; }
.unders .frm .fi-down {
    background: none;
    width: 30px; }
.unders .under-block {
    bottom: 17%;
    right: 4%;
    width: 60%;
    max-width: 510px; }
.unders .under-block h4 {
    font: 400 16px gotham; }
.unders .under-block p {
    font-size: 13px;
    line-height: 24px; }
.unders .under-block p b {
    font-weight: 400; }
.unders .under-block figure {
    font-size: 120px;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    background: #FCB82E; }
.unders .under-block figure i {
    color: black;
    font-size: 54px; }
.unders .under-block figure s {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0;
    border-color: #FCB82E transparent transparent;
    position: absolute;
    right: 37px;
    bottom: -9px;
    transform: rotate(19deg); }

/*

@media screen and (max-width: 1022px) and (orientation:landscape) {

	main  { display: none }
	code  {

		> *:not(.screen-lock)  		{ display: none  }
		.screen-lock .f-phone  		{ display: flex  }
		.screen-lock 				{ display: block }
	}
}
*/
/*
@ main > response */
/*
@ layout */
/*
@ pages  */
body.usr .body-us h5, body.usr .body-us h4 {
    font-weight: 200; }
body.usr .body-us h4 {
    font-size: 20px; }
body.usr .body-us h5 {
    font-size: 15px; }




body.nav-min .menu.f-min ul.itm:not(.basic)>li>a .s { flex: 1 1 0%; }
body.nav-min .menu .e { flex:unset }

body.nav.on .body-us:not(.on){ display: none }




.swal2-popup{ border-radius: 10px;    font: 400 12px 'Open Sans','Ubuntu'; }
.sw-ios.sw-note  .swal2-html-container{ font-size:13px; letter-spacing: .2px;}
.sw-ios .swal2-actions{background:white}
.swal2-container{background-color: rgba(0, 0, 0, .4);}