/************ CMS FRAMEWORK **********/




/************** COLORS ***************/



/* ======================================================= */
/* ====================== MAX WIDTH  ===================== */
/* ======================================================= */

.fw-max-width-x-small {
    max-width: 520px;
}

.fw-max-width-small {
    max-width: 768px;
}

.fw-max-width-medium {
    max-width: 1024px;
}

.fw-max-width-large {
    max-width: 1200px;
}

.fw-max-width-xlarge {
    max-width: 1400px;
}

.fw-centered {
    margin-left: auto;
    margin-right: auto;
}



/* ======================================================= */
/* ======================  WIDTH  ===================== */
/* ======================================================= */

.fw-width-x-small {
   width: 520px;
}

.fw-width-small {
    width: 768px;
}

.fw-width-medium {
    width: 1024px;
}

.fw-width-large {
    width: 1200px;
}

.fw-width-xlarge {
   width: 1400px;
}

.fw-centered {
    margin-left: auto;
    margin-right: auto;
}


/************* BACKGROUNDS **************/


/* ======================================================= */
/* ====================== GUI FORMS  ===================== */
/* ======================================================= */




/* ======================================================= */
/* ====================== BORDER     ===================== */
/* ======================================================= */




/* ======================================================= */
/* ====================== COLUMNS ======================== */
/* ======================================================= */

.fw-clearfix:after {
    content: "";
    display: table;
    clear: both;
}




.fw-cols > .fw-col {
    float: left;
    box-sizing: border-box;
}

.fw-cols > .fw-col {
    padding: 0 5px;
}


/* ------- COLUMNS SIZES -------*/

.fw-cols > .fw-col-2 {
    width: 16.66666%;
}

.fw-cols > .fw-col-3 {
    width: 25%;

}

.fw-cols > .fw-col-4 {
        width: 33.33333%;
}

.fw-cols > .fw-col-6 {
    width: 50%;

}

.fw-cols > .fw-col-6 {
    width: 50%;

}

.fw-cols > .fw-col-12 {
    width: 100%;
}

@media screen and (max-width: 1200px) {

    .fw-cols-md-none > .fw-col {
        float: none;
        clear: both;
        width: auto;
    }


    .fw-cols > .fw-col-md-2 {
        width: 16.66666%;
    }

    .fw-cols > .fw-col-md-3 {
        width: 25%;

    }

    .fw-cols > .fw-col-md-4 {
          width: 33.33333%;
    }

    .fw-cols > .fw-col-md-6 {
        width: 50%;

    }

    .fw-cols > .fw-col-md-6 {
        width: 50%;

    }

    .fw-cols > .fw-col-md-12 {
        width: 100%;
    }


}



@media screen and (max-width: 768px) {
    .fw-cols-sm-none > .fw-col {
        float: none;
        clear: both;
        width: auto;
    }


    .fw-cols > .fw-col-sm-2 {
        width: 16.66666%;
    }

    .fw-cols > .fw-col-sm-3 {
        width: 25%;

    }

    .fw-cols > .fw-col-sm-4 {
           width: 33.33333%;
    }

    .fw-cols > .fw-col-sm-6 {
        width: 50%;

    }

    .fw-cols > .fw-col-sm-6 {
        width: 50%;

    }

    .fw-cols > .fw-col-sm-12 {
        width: 100%;
    }

}

/* -------- COLUMN GAPS --------*/

.fw-cols.fw-cols-gaps-none {
    margin: 0;
}

.fw-cols.fw-cols-gaps-none > .fw-col {
    padding: 0 0;
}

.fw-cols.fw-cols-gaps-xxsmall{
    margin: 0 -5px;
}

.fw-cols.fw-cols-gaps-xxsmall > .fw-col {
    padding: 0 5px;
}

.fw-cols.fw-cols-gaps-small{
    margin: 0 -10px;
}

.fw-cols.fw-cols-gaps-small > .fw-col {
    padding: 0 10px;
}

.fw-cols.fw-cols-gaps-normal{
    margin: 0 -20px;
}

.fw-cols.fw-cols-gaps-normal > .fw-col {
    padding: 0 20px;
}

.fw-cols.fw-cols-gaps-large {
    margin: 0 -30px;
}

.fw-cols.fw-cols-gaps-large > .fw-col {
    padding: 0 30px;
}

.fw-cols.fw-cols-gaps-xlarge {
    margin: 0 -40px;
}

.fw-cols.fw-cols-gaps-xlarge > .fw-col {
    padding: 0 40px;
}

.fw-cols.fw-cols-gaps-xxlarge {
    margin: 0 -50px;
}

.fw-cols.fw-cols-gaps-xxlarge > .fw-col {
    padding: 0 50px;
}


@media screen and (max-width: 1200px) {

    .fw-cols.fw-cols-md-gaps-none{
        margin: 0 0;
    }
    
    
    .fw-cols.fw-cols-md-gaps-none > .fw-col {
        padding: 0 0;
    }
    
    .fw-cols.fw-cols-md-gaps-xxsmall{
        margin: 0 -5px;
    }

    .fw-cols.fw-cols-md-gaps-xxsmall > .fw-col {
        padding: 0 5px;
    }

    .fw-cols.fw-cols-md-gaps-small{
        margin: 0 -10px;
    }
    
    .fw-cols.fw-cols-md-gaps-small > .fw-col {
        padding: 0 10px;
    }


    .fw-cols.fw-cols-md-gaps-normal > .fw-col {
        padding: 0 20px;
    }
    
    .fw-cols.fw-cols-md-gaps-large{
        margin: 0 -30px;
    }

    .fw-cols.fw-cols-md-gaps-large > .fw-col {
        padding: 0 30px;
    }

    .fw-cols.fw-cols-md-gaps-xlarge{
        margin: 0 -40px;
    }
    
    .fw-cols.fw-cols-md-gaps-xlarge > .fw-col {
        padding: 0 40px;
    }
    
    .fw-cols.fw-cols-md-gaps-xxlarge{
        margin: 0 -50px;
    }

    .fw-cols.fw-cols-md-gaps-xxlarge > .fw-col {
        padding: 0 50px;
    }

}



@media screen and (max-width: 768px) {

    .fw-cols.fw-cols-sm-gaps-none > .fw-col {
        padding: 0 0;
    }
    
    .fw-cols.fw-cols-sm-gaps-xxsmall{
        margin: 0 -5px;
    }

    .fw-cols.fw-cols-sm-gaps-xxsmall > .fw-col {
        padding: 0 5px;
    }
    
    .fw-cols.fw-cols-sm-gaps-small {
        margin: 0 -10px;
    }

    .fw-cols.fw-cols-sm-gaps-small > .fw-col {
        padding: 0 10px;
    }

    
    .fw-cols.fw-cols-sm-gaps-normal{
        margin: 0 -20px;
    }

    .fw-cols.fw-cols-sm-gaps-normal > .fw-col {
        padding: 0 20px;
    }
    
    .fw-cols.fw-cols-sm-gaps-large {
        margin: 0 -30px;
    }

    .fw-cols.fw-cols-sm-gaps-large > .fw-col {
        padding: 0 30px;
    }

    .fw-cols.fw-cols-sm-gaps-xlarge > .fw-col {
        padding: 0 40px;
    }
    
    .fw-cols.fw-cols-sm-gaps-xxlarge{
        margin: 0 -50px;
    }

    .fw-cols.fw-cols-sm-gaps-xxlarge > .fw-col {
        padding: 0 50px;
    }

}



/* ======================================================= */
/* ====================== DISPLAY ======================== */
/* ======================================================= */


.fw-display-block {
    display: block;
}

.fw-display-inline-block {
    display: inline-block;
}

.fw-display-inline {
    display: inline;
}

.fw-display-inline-flex {
    display: inline-flex;
}




@media screen and (max-width: 1200px) {
    .fw-display-md-block {
        display: block;
    }

    .fw-display-md-inline-block {
        display: inline-block;
    }

    .fw-display-md-inline {
        display: inline;
    }

    .fw-display-md-inline-flex {
        display: inline-flex;
    }


}



@media screen and (max-width: 768px) {

    .fw-display-sm-block {
        display: block;
    }

    .fw-display-sm-inline-block {
        display: inline-block;
    }

    .fw-display-sm-inline {
        display: inline;
    }

    .fw-display-sm-inline-flex {
        display: inline-flex;
    }

}


/* ======================================================= */
/* ====================== FLEXFORMS ======================== */
/* ======================================================= */




.fw-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}

/* ----- DIRECTION ---------*/

.fw-flex.fw-flex-dir-row {
    flex-direction: row;
}

.fw-flex.fw-flex-dir-row-reverse {
    flex-direction: row-reverse;
}


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

.fw-flex.fw-flex-dir-column-reverse {
    flex-direction: column-reverse;

}


@media screen and (max-width: 1200px) {

    .fw-flex.fw-flex-md-dir-row {
        flex-direction: row;
    }

    .fw-flex.fw-flex-md-dir-row-reverse {
        flex-direction: row-reverse;
    }


    .fw-flex.fw-flex-md-dir-column {
        flex-direction: column;
    }

    .fw-flex.fw-flex-md-dir-column-reverse {
        flex-direction: column-reverse;

    }

}



@media screen and (max-width: 768px) {

    .fw-flex.fw-flex-sm-dir-row {
        flex-direction: row;
    }

    .fw-flex.fw-flex-sm-dir-row-reverse {
        flex-direction: row-reverse;
    }


    .fw-flex.fw-flex-sm-dir-column {
        flex-direction: column;
    }

    .fw-flex.fw-flex-sm-dir-column-reverse {
        flex-direction: column-reverse;

    }
}



/* ----- WRAP ---------*/

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

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

@media screen and (max-width: 1200px) {

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

    .fw-flex.fw-flex-md-nowrap {
        flex-wrap: nowrap;
    }


}



@media screen and (max-width: 768px) {


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

    .fw-flex.fw-flex-sm-nowrap {
        flex-wrap: nowrap;
    }
}


/* ----- JUSTYFY ---------*/

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

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

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

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

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


@media screen and (max-width: 1200px) {

    .fw-flex.fw-flex-md-justify-start {
        justify-content: flex-start;
    }

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

    .fw-flex.fw-flex-md-justify-center {
        justify-content: center;
    }

    .fw-flex.fw-flex-md-justify-between {
        justify-content: space-between;
    }

    .fw-flex.fw-flex-md-justify-around {
        justify-content: space-around;
    }


}



@media screen and (max-width: 768px) {

    .fw-flex.fw-flex-sm-justify-start {
        justify-content: flex-start;
    }

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

    .fw-flex.fw-flex-sm-justify-center {
        justify-content: center;
    }

    .fw-flex.fw-flex-sm-justify-between {
        justify-content: space-between;
    }

    .fw-flex.fw-flex-sm-justify-around {
        justify-content: space-around;
    }
}

/* ----- ALIGN ITEMS---------*/

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

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

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

.fw-flex.fw-flex-align-baseline {
    justify-content: baseline;
}

.fw-flex.fw-flex-align-stretch {
    align-items: space-around;
}

@media screen and (max-width: 1200px) {

    .fw-flex.fw-flex-md-align-start {
        align-items: flex-start;
    }

    .fw-flex.fw-flex-md-align-end {
        align-items: flex-end;
    }

    .fw-flex.fw-flex-md-align-center {
        align-items: center;
    }

    .fw-flex.fw-flex-md-align-baseline {
        justify-content: baseline;
    }

    .fw-flex.fw-flex-md-align-stretch {
        align-items: space-around;
    }

}



@media screen and (max-width: 768px) {


    .fw-flex.fw-flex-sm-align-start {
        align-items: flex-start;
    }

    .fw-flex.fw-flex-sm-align-end {
        align-items: flex-end;
    }

    .fw-flex.fw-flex-sm-align-center {
        align-items: center;
    }

    .fw-flex.fw-flex-sm-align-baseline {
        justify-content: baseline;
    }

    .fw-flex.fw-flex-sm-align-stretch {
        align-items: space-around;
    }
}

/* ----- ALIGN CONTENT ---------*/

.fw-flex.fw-flex-align-content-start {
    align-content: flex-start;
}

.fw-flex.fw-flex-align-content-end {
    align-content: flex-end;
}

.fw-flex.fw-flex-align-content-center {
    align-content: center;
}

.fw-flex.fw-flex-align-content-around {
    align-content: space-around;
}

.fw-flex.fw-flex-align-content-between {
    align-content: space-between;
}

.fw-flex.fw-flex-align-content-stretch {
    align-content: space-around;
}


@media screen and (max-width: 1200px) {

    .fw-flex.fw-flex-md-align-content-start {
        align-content: flex-start;
    }

    .fw-flex.fw-flex-md-align-content-end {
        align-content: flex-end;
    }

    .fw-flex.fw-flex-md-align-content-center {
        align-content: center;
    }

    .fw-flex.fw-flex-md-align-content-around {
        align-content: space-around;
    }

    .fw-flex.fw-flex-md-align-content-between {
        align-content: space-between;
    }

    .fw-flex.fw-flex-md-align-content-stretch {
        align-content: space-around;
    }
}



@media screen and (max-width: 768px) {

    .fw-flex.fw-flex-sm-align-content-start {
        align-content: flex-start;
    }

    .fw-flex.fw-flex-sm-align-content-end {
        align-content: flex-end;
    }

    .fw-flex.fw-flex-sm-align-content-center {
        align-content: center;
    }

    .fw-flex.fw-flex-sm-align-content-around {
        align-content: space-around;
    }

    .fw-flex.fw-flex-sm-align-content-between {
        align-content: space-between;
    }

    .fw-flex.fw-flex-sm-align-content-stretch {
        align-content: space-around;
    }
}

/* ------------  FLEX ORDER --------------*/

.fw-flex > .fw-flex-child.fw-flex-order-1 {
    order: 1;
}

.fw-flex > .fw-flex-child.fw-flex-order-2 {
    order: 2;
}

.fw-flex > .fw-flex-child.fw-flex-order-3 {
    order: 3;
}

.fw-flex > .fw-flex-child.fw-flex-order-4 {
    order: 4;
}

.fw-flex > .fw-flex-child.fw-flex-order-5 {
    order: 5;
}

.fw-flex > .fw-flex-child.fw-flex-order-6 {
    order: 6;
}

.fw-flex > .fw-flex-child.fw-flex-order-7 {
    order: 7;
}

.fw-flex > .fw-flex-child.fw-flex-order-8 {
    order: 8;
}

.fw-flex > .fw-flex-child.fw-flex-order-9 {
    order: 9;
}

@media screen and (max-width: 1200px) {

    .fw-flex > .fw-flex-child.fw-flex-md-order-1 {
        order: 1;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-2 {
        order: 2;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-3 {
        order: 3;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-4 {
        order: 4;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-5 {
        order: 5;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-6 {
        order: 6;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-7 {
        order: 7;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-8 {
        order: 8;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-order-9 {
        order: 9;
    }

}



@media screen and (max-width: 768px) {

    .fw-flex > .fw-flex-child.fw-flex-sm-order-1 {
        order: 1;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-2 {
        order: 2;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-3 {
        order: 3;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-4 {
        order: 4;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-5 {
        order: 5;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-6 {
        order: 6;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-7 {
        order: 7;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-8 {
        order: 8;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-order-9 {
        order: 9;
    }

}

/* -------- OTER --------*/


.fw-flex.fw-flex-shrink {
    flex-shrink: 1;
}


.fw-flex.fw-flex-shrink {
    flex-shrink: 1;
}

.fw-flex.fw-flex-grow {
    flex-grow: 1;
}


/* --------- FLEX BASIS -------- */

.fw-flex > .fw-flex-child.fw-flex-basis-12 {
    flex-basis: 100%;
}

.fw-flex > .fw-flex-child.fw-flex-basis-6 {
    flex-basis: 50%;
}

fw-flex > .fw-flex-child.fw-flex-basis-4 {
    flex-basis: 33.33333%;
}

.fw-flex > .fw-flex-child.fw-flex-basis-3 {
    flex-basis: 25%;
}


.fw-flex > .fw-flex-child.fw-flex-basis-2 {
    flex-basis: 16.6666667%;
}


@media screen and (max-width: 1200px) {


    .fw-flex > .fw-flex-child.fw-flex-md-basis-12 {
        flex-basis: 100%;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-basis-6 {
        flex-basis: 50%;
    }

    fw-flex > .fw-flex-child.fw-flex-md-basis-4 {
        flex-basis: 33.33333%;
    }

    .fw-flex > .fw-flex-child.fw-flex-md-basis-3 {
        flex-basis: 25%;
    }


    .fw-flex > .fw-flex-child.fw-flex-md-basis-2 {
        flex-basis: 16.6666667%;
    }
}



@media screen and (max-width: 1200px) {


    .fw-flex > .fw-flex-child.fw-flex-sm-basis-12 {
        flex-basis: 100%;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-basis-6 {
        flex-basis: 50%;
    }

    fw-flex > .fw-flex-child.fw-flex-sm-basis-4 {
        flex-basis: 33.33333%;
    }

    .fw-flex > .fw-flex-child.fw-flex-sm-basis-3 {
        flex-basis: 25%;
    }


    .fw-flex > .fw-flex-child.fw-flex-sm-basis-2 {
        flex-basis: 16.6666667%;
    }
}



/* ======================================================= */
/* ====================== MARGIN ======================== */
/* ======================================================= */


.fw-margin-none {
    margin: 0px;
}

.fw-margin-xxsmall {
    margin: 5px;

}

.fw-margin-xsmall {
    margin: 10px;
}

.fw-margin-small {
    margin: 20px;
}

.fw-margin-normal {
    margin: 40px;
}

.fw-margin-large {
    margin: 60px;
}

.fw-margin-xlarge {
    margin: 80px;
}

.fw-margin-xxlarge {
    margin: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-md-none {
        margin: 0px;
    }

    .fw-margin-md-xxsmall {
        margin: 5px;
    }

    .fw-margin-md-xsmall {
        margin: 10px;
    }

    .fw-margin-md-small {
        margin: 20px;

    }

    .fw-margin-md-normal {
        margin: 40px;
    }

    .fw-margin-md-large {
        margin: 60px;
    }

    .fw-margin-md-xlarge {
        margin: 80px;
    }

    .fw-margin-md-xxlarge {
        margin: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-sm-none {
        margin: 0px;
    }

    .fw-margin-sm-xxsmall {
        margin: 5px;
    }

    .fw-margin-sm-xsmall {
        margin: 10px;
    }

    .fw-margin-sm-small {
        margin: 20px;
    }

    .fw-margin-sm-normal {
        margin: 40px;
    }

    .fw-margin-sm-large {
        margin: 60px;
    }

    .fw-margin-sm-xlarge {
        margin: 80px;
    }

    .fw-margin-sm-xxlarge {
        margin: 100px;
    }
}


/* ---- MARGIN HORIZONTAL ---- */

.fw-margin-v-auto {
    margin-left: auto;
    margin-right: auto;
}

.fw-margin-h-none {
    margin-left: 0px;
    margin-right: 0px;
}

.fw-margin-h-xxsmall {
    margin-left: 5px;
    margin-right: 5px;
}

.fw-margin-h-xsmall {
    margin-left: 10px;
    margin-right: 10px;
}

.fw-margin-h-small {
    margin-left: 20px;
    margin-right: 20px;
}

.fw-margin-h-normal {
    margin-left: 40px;
    margin-right: 40px;
}

.fw-margin-h-large {
    margin-left: 60px;
    margin-right: 60px;
}

.fw-margin-h-xlarge {
    margin-left: 80px;
    margin-right: 80px;
}

.fw-margin-h-xxlarge {
    margin-left: 100px;
    margin-right: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-h-md-none {
        margin-left: 0px;
        margin-right: 0px;
    }

    .fw-margin-h-md-xxsmall {
        margin-left: 5px;
        margin-right: 5px;
    }

    .fw-margin-h-md-xsmall {
        margin-left: 10px;
        margin-right: 10px;
    }

    .fw-margin-h-md-small {
        margin-left: 20px;
        margin-right: 20px;
    }

    .fw-margin-h-md-normal {
        margin-left: 40px;
        margin-right: 40px;
    }

    .fw-margin-h-md-large {
        margin-left: 60px;
        margin-right: 60px;
    }

    .fw-margin-h-md-xlarge {
        margin-left: 80px;
        margin-right: 80px;
    }

    .fw-margin-h-md-xxlarge {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-h-sm-none {
        margin-left: 0px;
        margin-right: 0px;
    }

    .fw-margin-h-sm-xxsmall {
        margin-left: 5px;
        margin-right: 5px;
    }

    .fw-margin-h-sm-xsmall {
        margin-left: 10px;
        margin-right: 10px;
    }

    .fw-margin-h-sm-small {
        margin-left: 20px;
        margin-right: 20px;
    }

    .fw-margin-h-sm-normal {
        margin-left: 40px;
        margin-right: 40px;
    }

    .fw-margin-h-sm-large {
        margin-left: 60px;
        margin-right: 60px;
    }

    .fw-margin-h-sm-xlarge {
        margin-left: 80px;
        margin-right: 80px;
    }

    .fw-margin-h-sm-xxlarge {
        margin-left: 100px;
        margin-right: 100px;
    }
}

/* ---- MARGIN VERTICAL ---- */



.fw-margin-v-none {
    margin-top: 0px;
    margin-bottom: 0px;
}

.fw-margin-v-xxsmall {
    margin-top: 5px;
    margin-bottom: 5px;
}

.fw-margin-v-xsmall {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fw-margin-v-small {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fw-margin-v-normal {
    margin-top: 40px;
    margin-bottom: 40px;
}

.fw-margin-v-large {
    margin-top: 60px;
    margin-bottom: 60px;
}

.fw-margin-v-xlarge {
    margin-top: 80px;
    margin-bottom: 80px;
}

.fw-margin-v-xxlarge {
    margin-top: 100px;
    margin-bottom: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-v-md-none {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .fw-margin-v-md-xxsmall {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .fw-margin-v-md-xsmall {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .fw-margin-v-md-small {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .fw-margin-v-md-normal {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .fw-margin-v-md-large {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .fw-margin-v-md-xlarge {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .fw-margin-v-md-xxlarge {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-v-sm-none {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .fw-margin-v-sm-xxsmall {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .fw-margin-v-sm-xsmall {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .fw-margin-v-sm-small {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .fw-margin-v-sm-normal {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .fw-margin-v-sm-large {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .fw-margin-v-sm-xlarge {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .fw-margin-v-sm-xxlarge {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}


/* ---- MARGIN BOTTOM ---- */

.fw-margin-b-none {
    margin-bottom: 0px;
}

.fw-margin-b-xxsmall {
    margin-bottom: 5px;
}

.fw-margin-b-xsmall {
    margin-bottom: 10px;
}

.fw-margin-b-small {
    margin-bottom: 20px;
}

.fw-margin-b-normal {
    margin-bottom: 40px;
}

.fw-margin-b-large {
    margin-bottom: 60px;
}

.fw-margin-b-xlarge {
    margin-bottom: 80px;
}

.fw-margin-b-xxlarge {
    margin-bottom: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-b-md-none {
        margin-bottom: 0px;
    }

    .fw-margin-b-md-xxsmall {
        margin-bottom: 5px;
    }

    .fw-margin-b-md-xsmall {
        margin-bottom: 10px;
    }

    .fw-margin-b-md-small {
        margin-bottom: 20px;
    }

    .fw-margin-b-md-normal {
        margin-bottom: 40px;
    }

    .fw-margin-b-md-large {
        margin-bottom: 60px;
    }

    .fw-margin-b-md-xlarge {
        margin-bottom: 80px;
    }

    .fw-margin-b-md-xxlarge {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-b-sm-none {
        margin-bottom: 0px;
    }

    .fw-margin-b-sm-xxsmall {
        margin-bottom: 5px;
    }

    .fw-margin-b-sm-xsmall {
        margin-bottom: 10px;
    }

    .fw-margin-b-sm-small {
        margin-bottom: 20px;
    }

    .fw-margin-b-sm-normal {
        margin-bottom: 40px;
    }

    .fw-margin-b-sm-large {
        margin-bottom: 60px;
    }

    .fw-margin-b-sm-xlarge {
        margin-bottom: 80px;
    }

    .fw-margin-b-sm-xxlarge {
        margin-bottom: 100px;
    }
}

/* ---- MARGIN TOP ---- */


.fw-margin-t-none {
    margin-top: 0px;
}

.fw-margin-t-xxsmall {
    margin-top: 5px;
}

.fw-margin-t-xsmall {
    margin-top: 10px;
}

.fw-margin-t-small {
    margin-top: 20px;
}

.fw-margin-t-normal {
    margin-top: 40px;
}

.fw-margin-t-large {
    margin-top: 60px;
}

.fw-margin-t-xlarge {
    margin-top: 80px;
}

.fw-margin-t-xxlarge {
    margin-top: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-t-md-none {
        margin-top: 0px;
    }

    .fw-margin-t-md-xxsmall {
        margin-top: 5px;
    }

    .fw-margin-t-md-xsmall {
        margin-top: 10px;
    }

    .fw-margin-t-md-small {
        margin-top: 20px;
    }

    .fw-margin-t-md-normal {
        margin-top: 40px;
    }

    .fw-margin-t-md-large {
        margin-top: 60px;
    }

    .fw-margin-t-md-xlarge {
        margin-top: 80px;
    }

    .fw-margin-t-md-xxlarge {
        margin-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-t-sm-none {
        margin-top: 0px;
    }

    .fw-margin-t-sm-xxsmall {
        margin-top: 5px;
    }

    .fw-margin-t-sm-xsmall {
        margin-top: 10px;
    }

    .fw-margin-t-sm-small {
        margin-top: 20px;
    }

    .fw-margin-t-sm-normal {
        margin-top: 40px;
    }

    .fw-margin-t-sm-large {
        margin-top: 60px;
    }

    .fw-margin-t-sm-xlarge {
        margin-top: 80px;
    }

    .fw-margin-t-sm-xxlarge {
        margin-top: 100px;
    }
}


/* ---- MARGIN LEFT ---- */


.fw-margin-l-none {
    margin-left: 0px;
}

.fw-margin-l-xxsmall {
    margin-left: 5px;
}

.fw-margin-l-xsmall {
    margin-left: 10px;
}

.fw-margin-l-small {
    margin-left: 20px;
}

.fw-margin-l-normal {
    margin-left: 40px;
}

.fw-margin-l-large {
    margin-left: 60px;
}

.fw-margin-l-xlarge {
    margin-left: 80px;
}

.fw-margin-l-xxlarge {
    margin-left: 100px;
}

@media screen and (max-width: 1200px) {
    .fw-margin-l-md-none {
        margin-left: 0px;
    }

    .fw-margin-l-md-xxsmall {
        margin-left: 5px;
    }

    .fw-margin-l-md-xsmall {
        margin-left: 10px;
    }

    .fw-margin-l-md-small {
        margin-left: 20px;
    }

    .fw-margin-l-md-normal {
        margin-left: 40px;
    }

    .fw-margin-l-md-large {
        margin-left: 60px;
    }

    .fw-margin-l-md-xlarge {
        margin-left: 80px;
    }

    .fw-margin-l-md-xxlarge {
        margin-left: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-l-sm-none {
        margin-left: 0px;
    }

    .fw-margin-l-sm-xxsmall {
        margin-left: 5px;
    }

    .fw-margin-l-sm-xsmall {
        margin-left: 10px;
    }

    .fw-margin-l-sm-small {
        margin-left: 20px;
    }

    .fw-margin-l-sm-normal {
        margin-left: 40px;
    }

    .fw-margin-l-sm-large {
        margin-left: 60px;
    }

    .fw-margin-l-sm-xlarge {
        margin-left: 80px;
    }

    .fw-margin-l-sm-xxlarge {
        margin-left: 100px;
    }
}


/* ---- MARGIN RIGHT ---- */


.fw-margin-r-none {
    margin-right: 0px;
}

.fw-margin-r-xxsmall {
    margin-right: 5px;
}

.fw-margin-r-xsmall {
    margin-right: 10px;
}

.fw-margin-r-small {
    margin-right: 20px;
}

.fw-margin-r-normal {
    margin-right: 40px;
}

.fw-margin-r-large {
    margin-right: 60px;
}

.fw-margin-r-xlarge {
    margin-right: 80px;
}

.fw-margin-r-xxlarge {
    margin-right: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-margin-r-md-none {
        margin-right: 0px;
    }

    .fw-margin-r-md-xxsmall {
        margin-right: 5px;
    }

    .fw-margin-r-md-xsmall {
        margin-right: 10px;
    }

    .fw-margin-r-md-small {
        margin-right: 20px;
    }

    .fw-margin-r-md-normal {
        margin-right: 40px;
    }

    .fw-margin-r-md-large {
        margin-right: 60px;
    }

    .fw-margin-r-md-xlarge {
        margin-right: 80px;
    }

    .fw-margin-r-md-xxlarge {
        margin-right: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-margin-r-sm-none {
        margin-right: 0px;
    }

    .fw-margin-r-sm-xxsmall {
        margin-right: 5px;
    }

    .fw-margin-r-sm-xsmall {
        margin-right: 10px;
    }

    .fw-margin-r-sm-small {
        margin-right: 20px;
    }

    .fw-margin-r-sm-normal {
        margin-right: 40px;
    }

    .fw-margin-r-sm-large {
        margin-right: 60px;
    }

    .fw-margin-r-sm-xlarge {
        margin-right: 80px;
    }

    .fw-margin-r-sm-xxlarge {
        margin-right: 100px;
    }
}


/* ======================================================= */
/* ====================== PADDING ======================== */
/* ======================================================= */


.fw-padding-none {
    padding: 0px;
}

.fw-padding-xxsmall {
    padding: 5px;

}

.fw-padding-xsmall {
    padding: 10px;
}

.fw-padding-small {
    padding: 20px;
}

.fw-padding-normal {
    padding: 40px;
}

.fw-padding-large {
    padding: 60px;
}

.fw-padding-xlarge {
    padding: 80px;
}

.fw-padding-xxlarge {
    padding: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-md-none {
        padding: 0px;
    }

    .fw-padding-md-xxsmall {
        padding: 5px;
    }

    .fw-padding-md-xsmall {
        padding: 10px;
    }

    .fw-padding-md-small {
        padding: 20px;

    }

    .fw-padding-md-normal {
        padding: 40px;
    }

    .fw-padding-md-large {
        padding: 60px;
    }

    .fw-padding-md-xlarge {
        padding: 80px;
    }

    .fw-padding-md-xxlarge {
        padding: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-sm-none {
        padding: 0px;
    }

    .fw-padding-sm-xxsmall {
        padding: 5px;
    }

    .fw-padding-sm-xsmall {
        padding: 10px;
    }

    .fw-padding-sm-small {
        padding: 20px;
    }

    .fw-padding-sm-normal {
        padding: 40px;
    }

    .fw-padding-sm-large {
        padding: 60px;
    }

    .fw-padding-sm-xlarge {
        padding: 80px;
    }

    .fw-padding-sm-xxlarge {
        padding: 100px;
    }
}


/* ---- MARGIN HORIZONTAL ---- */


.fw-padding-h-none {
    padding-left: 0px;
    padding-right: 0px;
}

.fw-padding-h-xxsmall {
    padding-left: 5px;
    padding-right: 5px;
}

.fw-padding-h-xsmall {
    padding-left: 10px;
    padding-right: 10px;
}

.fw-padding-h-small {
    padding-left: 20px;
    padding-right: 20px;
}

.fw-padding-h-normal {
    padding-left: 40px;
    padding-right: 40px;
}

.fw-padding-h-large {
    padding-left: 60px;
    padding-right: 60px;
}

.fw-padding-h-xlarge {
    padding-left: 80px;
    padding-right: 80px;
}

.fw-padding-h-xxlarge {
    padding-left: 100px;
    padding-right: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-h-md-none {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fw-padding-h-md-xxsmall {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fw-padding-h-md-xsmall {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fw-padding-h-md-small {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fw-padding-h-md-normal {
        padding-left: 40px;
        padding-right: 40px;
    }

    .fw-padding-h-md-large {
        padding-left: 60px;
        padding-right: 60px;
    }

    .fw-padding-h-md-xlarge {
        padding-left: 80px;
        padding-right: 80px;
    }

    .fw-padding-h-md-xxlarge {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-h-sm-none {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fw-padding-h-sm-xxsmall {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fw-padding-h-sm-xsmall {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fw-padding-h-sm-small {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fw-padding-h-sm-normal {
        padding-left: 40px;
        padding-right: 40px;
    }

    .fw-padding-h-sm-large {
        padding-left: 60px;
        padding-right: 60px;
    }

    .fw-padding-h-sm-xlarge {
        padding-left: 80px;
        padding-right: 80px;
    }

    .fw-padding-h-sm-xxlarge {
        padding-left: 100px;
        padding-right: 100px;
    }
}

/* ---- MARGIN VERTICAL ---- */


.fw-padding-v-none {
    padding-top: 0px;
    padding-bottom: 0px;
}

.fw-padding-v-xxsmall {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fw-padding-v-xsmall {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fw-padding-v-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.fw-padding-v-normal {
    padding-top: 40px;
    padding-bottom: 40px;
}

.fw-padding-v-large {
    padding-top: 60px;
    padding-bottom: 60px;
}

.fw-padding-v-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
}

.fw-padding-v-xxlarge {
    padding-top: 100px;
    padding-bottom: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-v-md-none {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .fw-padding-v-md-xxsmall {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .fw-padding-v-md-xsmall {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .fw-padding-v-md-small {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fw-padding-v-md-normal {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .fw-padding-v-md-large {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .fw-padding-v-md-xlarge {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .fw-padding-v-md-xxlarge {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-v-sm-none {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .fw-padding-v-sm-xxsmall {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .fw-padding-v-sm-xsmall {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .fw-padding-v-sm-small {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fw-padding-v-sm-normal {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .fw-padding-v-sm-large {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .fw-padding-v-sm-xlarge {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .fw-padding-v-sm-xxlarge {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}


/* ---- MARGIN BOTTOM ---- */

.fw-padding-b-none {
    padding-bottom: 0px;
}

.fw-padding-b-xxsmall {
    padding-bottom: 5px;
}

.fw-padding-b-xsmall {
    padding-bottom: 10px;
}

.fw-padding-b-small {
    padding-bottom: 20px;
}

.fw-padding-b-normal {
    padding-bottom: 40px;
}

.fw-padding-b-large {
    padding-bottom: 60px;
}

.fw-padding-b-xlarge {
    padding-bottom: 80px;
}

.fw-padding-b-xxlarge {
    padding-bottom: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-b-md-none {
        padding-bottom: 0px;
    }

    .fw-padding-b-md-xxsmall {
        padding-bottom: 5px;
    }

    .fw-padding-b-md-xsmall {
        padding-bottom: 10px;
    }

    .fw-padding-b-md-small {
        padding-bottom: 20px;
    }

    .fw-padding-b-md-normal {
        padding-bottom: 40px;
    }

    .fw-padding-b-md-large {
        padding-bottom: 60px;
    }

    .fw-padding-b-md-xlarge {
        padding-bottom: 80px;
    }

    .fw-padding-b-md-xxlarge {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-b-sm-none {
        padding-bottom: 0px;
    }

    .fw-padding-b-sm-xxsmall {
        padding-bottom: 5px;
    }

    .fw-padding-b-sm-xsmall {
        padding-bottom: 10px;
    }

    .fw-padding-b-sm-small {
        padding-bottom: 20px;
    }

    .fw-padding-b-sm-normal {
        padding-bottom: 40px;
    }

    .fw-padding-b-sm-large {
        padding-bottom: 60px;
    }

    .fw-padding-b-sm-xlarge {
        padding-bottom: 80px;
    }

    .fw-padding-b-sm-xxlarge {
        padding-bottom: 100px;
    }
}

/* ---- MARGIN TOP ---- */


.fw-padding-t-none {
    padding-top: 0px;
}

.fw-padding-t-xxsmall {
    padding-top: 5px;
}

.fw-padding-t-xsmall {
    padding-top: 10px;
}

.fw-padding-t-small {
    padding-top: 20px;
}

.fw-padding-t-normal {
    padding-top: 40px;
}

.fw-padding-t-large {
    padding-top: 60px;
}

.fw-padding-t-xlarge {
    padding-top: 80px;
}

.fw-padding-t-xxlarge {
    padding-top: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-t-md-none {
        padding-top: 0px;
    }

    .fw-padding-t-md-xxsmall {
        padding-top: 5px;
    }

    .fw-padding-t-md-xsmall {
        padding-top: 10px;
    }

    .fw-padding-t-md-small {
        padding-top: 20px;
    }

    .fw-padding-t-md-normal {
        padding-top: 40px;
    }

    .fw-padding-t-md-large {
        padding-top: 60px;
    }

    .fw-padding-t-md-xlarge {
        padding-top: 80px;
    }

    .fw-padding-t-md-xxlarge {
        padding-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-t-sm-none {
        padding-top: 0px;
    }

    .fw-padding-t-sm-xxsmall {
        padding-top: 5px;
    }

    .fw-padding-t-sm-xsmall {
        padding-top: 10px;
    }

    .fw-padding-t-sm-small {
        padding-top: 20px;
    }

    .fw-padding-t-sm-normal {
        padding-top: 40px;
    }

    .fw-padding-t-sm-large {
        padding-top: 60px;
    }

    .fw-padding-t-sm-xlarge {
        padding-top: 80px;
    }

    .fw-padding-t-sm-xxlarge {
        padding-top: 100px;
    }
}


/* ---- MARGIN LEFT ---- */


.fw-padding-l-none {
    padding-left: 0px;
}

.fw-padding-l-xxsmall {
    padding-left: 5px;
}

.fw-padding-l-xsmall {
    padding-left: 10px;
}

.fw-padding-l-small {
    padding-left: 20px;
}

.fw-padding-l-normal {
    padding-left: 40px;
}

.fw-padding-l-large {
    padding-left: 60px;
}

.fw-padding-l-xlarge {
    padding-left: 80px;
}

.fw-padding-l-xxlarge {
    padding-left: 100px;
}

@media screen and (max-width: 1200px) {
    .fw-padding-l-md-none {
        padding-left: 0px;
    }

    .fw-padding-l-md-xxsmall {
        padding-left: 5px;
    }

    .fw-padding-l-md-xsmall {
        padding-left: 10px;
    }

    .fw-padding-l-md-small {
        padding-left: 20px;
    }

    .fw-padding-l-md-normal {
        padding-left: 40px;
    }

    .fw-padding-l-md-large {
        padding-left: 60px;
    }

    .fw-padding-l-md-xlarge {
        padding-left: 80px;
    }

    .fw-padding-l-md-xxlarge {
        padding-left: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-l-sm-none {
        padding-left: 0px;
    }

    .fw-padding-l-sm-xxsmall {
        padding-left: 5px;
    }

    .fw-padding-l-sm-xsmall {
        padding-left: 10px;
    }

    .fw-padding-l-sm-small {
        padding-left: 20px;
    }

    .fw-padding-l-sm-normal {
        padding-left: 40px;
    }

    .fw-padding-l-sm-large {
        padding-left: 60px;
    }

    .fw-padding-l-sm-xlarge {
        padding-left: 80px;
    }

    .fw-padding-l-sm-xxlarge {
        padding-left: 100px;
    }
}


/* ---- MARGIN RIGHT ---- */


.fw-padding-r-none {
    padding-right: 0px;
}

.fw-padding-r-xxsmall {
    padding-right: 5px;
}

.fw-padding-r-xsmall {
    padding-right: 10px;
}

.fw-padding-r-small {
    padding-right: 20px;
}

.fw-padding-r-normal {
    padding-right: 40px;
}

.fw-padding-r-large {
    padding-right: 60px;
}

.fw-padding-r-xlarge {
    padding-right: 80px;
}

.fw-padding-r-xxlarge {
    padding-right: 100px;
}


@media screen and (max-width: 1200px) {
    .fw-padding-r-md-none {
        padding-right: 0px;
    }

    .fw-padding-r-md-xxsmall {
        padding-right: 5px;
    }

    .fw-padding-r-md-xsmall {
        padding-right: 10px;
    }

    .fw-padding-r-md-small {
        padding-right: 20px;
    }

    .fw-padding-r-md-normal {
        padding-right: 40px;
    }

    .fw-padding-r-md-large {
        padding-right: 60px;
    }

    .fw-padding-r-md-xlarge {
        padding-right: 80px;
    }

    .fw-padding-r-md-xxlarge {
        padding-right: 100px;
    }
}

@media screen and (max-width: 768px) {
    .fw-padding-r-sm-none {
        padding-right: 0px;
    }

    .fw-padding-r-sm-xxsmall {
        padding-right: 5px;
    }

    .fw-padding-r-sm-xsmall {
        padding-right: 10px;
    }

    .fw-padding-r-sm-small {
        padding-right: 20px;
    }

    .fw-padding-r-sm-normal {
        padding-right: 40px;
    }

    .fw-padding-r-sm-large {
        padding-right: 60px;
    }

    .fw-padding-r-sm-xlarge {
        padding-right: 80px;
    }

    .fw-padding-r-sm-xxlarge {
        padding-right: 100px;
    }
}