/*Grid - START*/
:root {
    --grid-container-padding: 0 45px;
    --grid-col-gap: 20px;
}
.global-wrapper {
    overflow: hidden;
}
.container {
    margin: 0 auto;
    max-width: 1410px;
    padding: var(--grid-container-padding);
}
.flex-row .container {
    padding: 0;
}
.container-fluid {
    width: 100%;
    padding: var(--grid-container-padding);
    box-sizing: border-box;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--grid-col-gap)/2 * -1);
}
.flex-direction-column {
    flex-direction: column;
}
.row-gap {
    row-gap: var(--grid-col-gap);
}
.col-gap {
    column-gap: var(--grid-col-gap);
}
.justify-content-s-between {
    justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-flex-end {
    justify-content: flex-end;
}

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

.text-align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.text-align-right {
    text-align: right;
}

.position-relative {
    position: relative;
}

.separator-line {
    height: 1px;
    width: 100%;
    background: var(--color-grey);
}
.separator-line.dotted {
    background: none;
    height: 0;
    border-bottom: 1px dashed var(--color-grey);;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    padding: 0 calc(var(--grid-col-gap) / 2);
    box-sizing: border-box;
}
.col-1 {
    width: calc(100% / 12);
}
.col-2 {
    width: calc(100% / 12 * 2);
}
.col-3 {
    width: calc(100% / 12 * 3);
}
.col-4 {
    width: calc(100% / 12 * 4);
}
.col-5 {
    width: calc(100% / 12 * 5);
}
.col-6 {
    width: calc(100% / 2);
}
.col-7 {
    width: calc(100% / 12 * 7);
}
.col-8 {
    width: calc(100% / 12 * 8);
}
.col-9 {
    width: calc(100% / 12 * 9);
}
.col-10 {
    width: calc(100% / 12 * 10);
}
.col-11 {
    width: calc(100% / 12 * 11);
}
.col-12 {
    width: 100%;
}

/*.no-grid-padding > *:first-child {
    padding-right: 0;
}
.no-grid-padding > *:last-child {
    padding-left: 0;
}
.no-grid-padding > *:not(:first-child):not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}*/

.show-sm,
.show-md,
.show-xxs {
    display: none;
}

/*Mixins START*/
.m-no {
    margin: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-small {
    margin-bottom: 20px !important;
}
.mb-medium {
    margin-bottom: 50px !important;
}
.mt-medium {
    margin-top: 50px !important;
}
/*Mixins END*/

/*Media queries - START*/
@media (max-width: 1365px) {
    .hide-md {
        display: none;
    }
    .show-md {
        display: block;
    }
    .no-scroll-md {
        overflow: hidden;
    }
}/*max-width: 1366px END*/


/*Media queries - START*/
@media (max-width: 1279px) {
    :root{
        --grid-container-padding: 0 30px;
    }

    .col-sm-1 {
        width: calc(100% / 12);
    }
    .col-sm-2 {
        width: calc(100% / 12 * 2);
    }
    .col-sm-3 {
        width: calc(100% / 12 * 3);
    }
    .col-sm-4 {
        width: calc(100% / 12 * 4);
    }
    .col-sm-5 {
        width: calc(100% / 12 * 5);
    }
    .col-sm-6 {
        width: calc(100% / 2);
    }
    .col-sm-7 {
        width: calc(100% / 12 * 7);
    }
    .col-sm-8 {
        width: calc(100% / 12 * 8);
    }
    .col-sm-9 {
        width: calc(100% / 12 * 9);
    }
    .col-sm-10 {
        width: calc(100% / 12 * 10);
    }
    .col-sm-11 {
        width: calc(100% / 12 * 11);
    }
    .col-sm-12 {
        width: 100%;
    }


    .hide-sm {
        display: none;
    }
    .show-sm {
        display: block;
    }
    .no-scroll-sm {
        overflow: hidden;
    }
    .no-row-gap {
        row-gap: 0;
    }
    .no-row-gap > * {
        padding: 0;
    }
}
/*max-width: 1279px END*/

/*max-width: 1023px START*/
@media (max-width: 1023px) {
    .flex-row {
        row-gap: var(--grid-col-gap);
    }

    .col-xs-1 {
        width: calc(100% / 12);
    }
    .col-xs-2 {
        width: calc(100% / 12 * 2);
    }
    .col-xs-3 {
        width: calc(100% / 12 * 3);
    }
    .col-xs-4 {
        width: calc(100% / 12 * 4);
    }
    .col-xs-5 {
        width: calc(100% / 12 * 5);
    }
    .col-xs-6 {
        width: calc(100% / 2);
    }
    .col-xs-7 {
        width: calc(100% / 12 * 7);
    }
    .col-xs-8 {
        width: calc(100% / 12 * 8);
    }
    .col-xs-9 {
        width: calc(100% / 12 * 9);
    }
    .col-xs-10 {
        width: calc(100% / 12 * 10);
    }
    .col-xs-11 {
        width: calc(100% / 12 * 11);
    }
    .col-xs-12 {
        width: 100%;
    }

    .hide-xs {
        display: none;
    }
}
/*max-width: 1023px END*/

/*max-width: 799px START*/
@media (max-width: 799px) {
    :root {
        --grid-container-padding: 0 20px;
        --grid-col-gap: 15px;
    }
    .flex-row {
        row-gap: var(--grid-col-gap);
    }
    .col-xxs-1 {
        width: calc(100% / 12);
    }
    .col-xxs-2 {
        width: calc(100% / 12 * 2);
    }
    .col-xxs-3 {
        width: calc(100% / 12 * 3);
    }
    .col-xxs-4 {
        width: calc(100% / 12 * 4);
    }
    .col-xxs-5 {
        width: calc(100% / 12 * 5);
    }
    .col-xxs-6 {
        width: calc(100% / 2);
    }
    .col-xxs-7 {
        width: calc(100% / 12 * 7);
    }
    .col-xxs-8 {
        width: calc(100% / 12 * 8);
    }
    .col-xxs-9 {
        width: calc(100% / 12 * 9);
    }
    .col-xxs-10 {
        width: calc(100% / 12 * 10);
    }
    .col-xxs-11 {
        width: calc(100% / 12 * 11);
    }
    .col-xxs-12 {
        width: 100%;
    }

    .hide-xxs {
        display: none !important;
    }
    .show-xxs {
        display: block;
    }

    /*Mixins START*/
    .mb-medium {
        margin-bottom: 30px !important;
    }
    .mt-medium {
        margin-top: 30px !important;
    }
    /*Mixins END*/
}
/*max-width: 799px END*/

@media (max-width: 479px) {
    :root {
        --grid-container-padding: 0 18px;
    }
    .flex-row {
        row-gap: var(--grid-col-gap);
    }
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12{
        width: 100%;
    }

    .col-mini-1 {
        width: calc(100% / 12);
    }
    .col-mini-2 {
        width: calc(100% / 12 * 2);
    }
    .col-mini-3 {
        width: calc(100% / 12 * 3);
    }
    .col-mini-4 {
        width: calc(100% / 12 * 4);
    }
    .col-mini-5 {
        width: calc(100% / 12 * 5);
    }
    .col-mini-6 {
        width: calc(100% / 2);
    }
    .col-mini-7 {
        width: calc(100% / 12 * 7);
    }
    .col-mini-8 {
        width: calc(100% / 12 * 8);
    }
    .col-mini-9 {
        width: calc(100% / 12 * 9);
    }
    .col-mini-10 {
        width: calc(100% / 12 * 10);
    }
    .col-mini-11 {
        width: calc(100% / 12 * 11);
    }
    .col-mini-12 {
        width: 100%;
    }
}
/*max-width: 479px END*/
/*Media queries - END*/

/*Grid - END*/