.mc {
    margin-left: auto;
    margin-right: auto;
}

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

.mr-0 {
    margin-right: 0;
}

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

.ml-0 {
    margin-left: 0;
}

.m-0 {
    margin: 0;
}

.pt-0 {
    padding-top: 0;
}

.pr-0 {
    padding-right: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

.p-0 {
    padding: 0;
}

@media (max-width: 767px) {
    .mc-sm {
        margin-right: auto;
        margin-left: auto;
    }

    .mt-xs {
        margin-top: 4px;
    }

    .mr-xs {
        margin-right: 4px;
    }

    .mb-xs {
        margin-bottom: 4px;
    }

    .ml-xs {
        margin-left: 4px;
    }

    .m-xs {
        margin: 4px;
    }

    .mt-sm {
        margin-top: 8px;
    }

    .mr-sm {
        margin-right: 8px;
    }

    .mb-sm {
        margin-bottom: 8px;
    }

    .ml-sm {
        margin-left: 8px;
    }

    .m-sm {
        margin: 8px;
    }

    .mt-md {
        margin-top: 11px;
    }

    .mr-md {
        margin-right: 11px;
    }

    .mb-md {
        margin-bottom: 11px;
    }

    .ml-md {
        margin-left: 11px;
    }

    .m-md {
        margin: 11px;
    }

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

    .mr-lg {
        margin-right: 23px;
    }

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

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

    .m-lg {
        margin: 23px;
    }

    .mt-xl {
        margin-top: 38px;
    }

    .mr-xl {
        margin-right: 38px;
    }

    .mb-xl {
        margin-bottom: 38px;
    }

    .ml-xl {
        margin-left: 38px;
    }

    .m-xl {
        margin: 38px;
    }

    .pt-xs {
        padding-top: 4px;
    }

    .pr-xs {
        padding-right: 4px;
    }

    .pb-xs {
        padding-bottom: 4px;
    }

    .pl-xs {
        padding-left: 4px;
    }

    .p-xs {
        padding: 4px;
    }

    .pt-sm {
        padding-top: 8px;
    }

    .pr-sm {
        padding-right: 8px;
    }

    .pb-sm {
        padding-bottom: 8px;
    }

    .pl-sm {
        padding-left: 8px;
    }

    .p-sm {
        padding: 8px;
    }

    .pt-md {
        padding-top: 11px;
    }

    .pr-md {
        padding-right: 11px;
    }

    .pb-md {
        padding-bottom: 11px;
    }

    .pl-md {
        padding-left: 11px;
    }

    .p-md {
        padding: 11px;
    }

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

    .pr-lg {
        padding-right: 23px;
    }

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

    .pl-lg {
        padding-left: 23px;
    }

    .p-lg {
        padding: 23px;
    }

    .pt-xl {
        padding-top: 38px;
    }

    .pr-xl {
        padding-right: 38px;
    }

    .pb-xl {
        padding-bottom: 38px;
    }

    .pl-xl {
        padding-left: 38px;
    }

    .p-xl {
        padding: 38px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mc-md {
        margin-right: auto;
        margin-left: auto;
    }

    .mt-xs {
        margin-top: 4px;
    }

    .mr-xs {
        margin-right: 4px;
    }

    .mb-xs {
        margin-bottom: 4px;
    }

    .ml-xs {
        margin-left: 4px;
    }

    .m-xs {
        margin: 4px;
    }

    .mt-sm {
        margin-top: 8px;
    }

    .mr-sm {
        margin-right: 8px;
    }

    .mb-sm {
        margin-bottom: 8px;
    }

    .ml-sm {
        margin-left: 8px;
    }

    .m-sm {
        margin: 8px;
    }

    .mt-md {
        margin-top: 11px;
    }

    .mr-md {
        margin-right: 11px;
    }

    .mb-md {
        margin-bottom: 11px;
    }

    .ml-md {
        margin-left: 11px;
    }

    .m-md {
        margin: 11px;
    }

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

    .mr-lg {
        margin-right: 23px;
    }

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

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

    .m-lg {
        margin: 23px;
    }

    .mt-xl {
        margin-top: 38px;
    }

    .mr-xl {
        margin-right: 38px;
    }

    .mb-xl {
        margin-bottom: 38px;
    }

    .ml-xl {
        margin-left: 38px;
    }

    .m-xl {
        margin: 38px;
    }

    .pt-xs {
        padding-top: 4px;
    }

    .pr-xs {
        padding-right: 4px;
    }

    .pb-xs {
        padding-bottom: 4px;
    }

    .pl-xs {
        padding-left: 4px;
    }

    .p-xs {
        padding: 4px;
    }

    .pt-sm {
        padding-top: 8px;
    }

    .pr-sm {
        padding-right: 8px;
    }

    .pb-sm {
        padding-bottom: 8px;
    }

    .pl-sm {
        padding-left: 8px;
    }

    .p-sm {
        padding: 8px;
    }

    .pt-md {
        padding-top: 11px;
    }

    .pr-md {
        padding-right: 11px;
    }

    .pb-md {
        padding-bottom: 11px;
    }

    .pl-md {
        padding-left: 11px;
    }

    .p-md {
        padding: 11px;
    }

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

    .pr-lg {
        padding-right: 23px;
    }

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

    .pl-lg {
        padding-left: 23px;
    }

    .p-lg {
        padding: 23px;
    }

    .pt-xl {
        padding-top: 38px;
    }

    .pr-xl {
        padding-right: 38px;
    }

    .pb-xl {
        padding-bottom: 38px;
    }

    .pl-xl {
        padding-left: 38px;
    }

    .p-xl {
        padding: 38px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mc-lg {
        margin-right: auto;
        margin-left: auto;
    }

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

    .mr-xs {
        margin-right: 5px;
    }

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

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

    .m-xs {
        margin: 5px;
    }

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

    .mr-sm {
        margin-right: 10px;
    }

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

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

    .m-sm {
        margin: 10px;
    }

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

    .mr-md {
        margin-right: 15px;
    }

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

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

    .m-md {
        margin: 15px;
    }

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

    .mr-lg {
        margin-right: 30px;
    }

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

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

    .m-lg {
        margin: 30px;
    }

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

    .mr-xl {
        margin-right: 50px;
    }

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

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

    .m-xl {
        margin: 50px;
    }

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

    .pr-xs {
        padding-right: 5px;
    }

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

    .pl-xs {
        padding-left: 5px;
    }

    .p-xs {
        padding: 5px;
    }

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

    .pr-sm {
        padding-right: 10px;
    }

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

    .pl-sm {
        padding-left: 10px;
    }

    .p-sm {
        padding: 10px;
    }

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

    .pr-md {
        padding-right: 15px;
    }

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

    .pl-md {
        padding-left: 15px;
    }

    .p-md {
        padding: 15px;
    }

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

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

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

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

    .p-lg {
        padding: 30px;
    }

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

    .pr-xl {
        padding-right: 50px;
    }

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

    .pl-xl {
        padding-left: 50px;
    }

    .p-xl {
        padding: 50px;
    }
}

@media (min-width: 1200px) {
    .mc-xl {
        margin-right: auto;
        margin-left: auto;
    }

    .mt-xs {
        margin-top: 8px;
    }

    .mr-xs {
        margin-right: 8px;
    }

    .mb-xs {
        margin-bottom: 8px;
    }

    .ml-xs {
        margin-left: 8px;
    }

    .m-xs {
        margin: 8px;
    }

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

    .mr-sm {
        margin-right: 15px;
    }

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

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

    .m-sm {
        margin: 15px;
    }

    .mt-md {
        margin-top: 23px;
    }

    .mr-md {
        margin-right: 23px;
    }

    .mb-md {
        margin-bottom: 23px;
    }

    .ml-md {
        margin-left: 23px;
    }

    .m-md {
        margin: 23px;
    }

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

    .mr-lg {
        margin-right: 45px;
    }

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

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

    .m-lg {
        margin: 45px;
    }

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

    .mr-xl {
        margin-right: 75px;
    }

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

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

    .m-xl {
        margin: 75px;
    }

    .pt-xs {
        padding-top: 8px;
    }

    .pr-xs {
        padding-right: 8px;
    }

    .pb-xs {
        padding-bottom: 8px;
    }

    .pl-xs {
        padding-left: 8px;
    }

    .p-xs {
        padding: 8px;
    }

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

    .pr-sm {
        padding-right: 15px;
    }

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

    .pl-sm {
        padding-left: 15px;
    }

    .p-sm {
        padding: 15px;
    }

    .pt-md {
        padding-top: 23px;
    }

    .pr-md {
        padding-right: 23px;
    }

    .pb-md {
        padding-bottom: 23px;
    }

    .pl-md {
        padding-left: 23px;
    }

    .p-md {
        padding: 23px;
    }

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

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

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

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

    .p-lg {
        padding: 45px;
    }

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

    .pr-xl {
        padding-right: 75px;
    }

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

    .pl-xl {
        padding-left: 75px;
    }

    .p-xl {
        padding: 75px;
    }
}



/* BOOTSTRAP 3 - ADDITIONS  */




.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {

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


    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 {
        float: left;
    }

    .col-ms-1 {
        width: 8.33333%;
    }

    .col-ms-2 {
        width: 16.66667%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-4 {
        width: 33.33333%;
    }

    .col-ms-5 {
        width: 41.66667%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-7 {
        width: 58.33333%;
    }

    .col-ms-8 {
        width: 66.66667%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-10 {
        width: 83.33333%;
    }

    .col-ms-11 {
        width: 91.66667%;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-push-1 {
        left: 8.33333%;
    }

    .col-ms-push-2 {
        left: 16.66667%;
    }

    .col-ms-push-3 {
        left: 25%;
    }

    .col-ms-push-4 {
        left: 33.33333%;
    }

    .col-ms-push-5 {
        left: 41.66667%;
    }

    .col-ms-push-6 {
        left: 50%;
    }

    .col-ms-push-7 {
        left: 58.33333%;
    }

    .col-ms-push-8 {
        left: 66.66667%;
    }

    .col-ms-push-9 {
        left: 75%;
    }

    .col-ms-push-10 {
        left: 83.33333%;
    }

    .col-ms-push-11 {
        left: 91.66667%;
    }

    .col-ms-pull-1 {
        right: 8.33333%;
    }

    .col-ms-pull-2 {
        right: 16.66667%;
    }

    .col-ms-pull-3 {
        right: 25%;
    }

    .col-ms-pull-4 {
        right: 33.33333%;
    }

    .col-ms-pull-5 {
        right: 41.66667%;
    }

    .col-ms-pull-6 {
        right: 50%;
    }

    .col-ms-pull-7 {
        right: 58.33333%;
    }

    .col-ms-pull-8 {
        right: 66.66667%;
    }

    .col-ms-pull-9 {
        right: 75%;
    }

    .col-ms-pull-10 {
        right: 83.33333%;
    }

    .col-ms-pull-11 {
        right: 91.66667%;
    }

    .col-ms-offset-1 {
        margin-left: 8.33333%;
    }

    .col-ms-offset-2 {
        margin-left: 16.66667%;
    }

    .col-ms-offset-3 {
        margin-left: 25%;
    }

    .col-ms-offset-4 {
        margin-left: 33.33333%;
    }

    .col-ms-offset-5 {
        margin-left: 41.66667%;
    }

    .col-ms-offset-6 {
        margin-left: 50%;
    }

    .col-ms-offset-7 {
        margin-left: 58.33333%;
    }

    .col-ms-offset-8 {
        margin-left: 66.66667%;
    }

    .col-ms-offset-9 {
        margin-left: 75%;
    }

    .col-ms-offset-10 {
        margin-left: 83.33333%;
    }

    .col-ms-offset-11 {
        margin-left: 91.66667%;
    }
}


.col-mms-1,
.col-mms-2,
.col-mms-3,
.col-mms-4,
.col-mms-5,
.col-mms-6,
.col-mms-7,
.col-mms-8,
.col-mms-9,
.col-mms-10,
.col-mms-11,
.col-mms-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 600px) and (max-width: 767px) {

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

    .col-mms-1,
    .col-mms-2,
    .col-mms-3,
    .col-mms-4,
    .col-mms-5,
    .col-mms-6,
    .col-mms-7,
    .col-mms-8,
    .col-mms-9,
    .col-mms-10,
    .col-mms-11 {
        float: left;
    }

    .col-mms-1 {
        width: 8.33333%;
    }

    .col-mms-2 {
        width: 16.66667%;
    }

    .col-mms-3 {
        width: 25%;
    }

    .col-mms-4 {
        width: 33.33333%;
    }

    .col-mms-5 {
        width: 41.66667%;
    }

    .col-mms-6 {
        width: 50%;
    }

    .col-mms-7 {
        width: 58.33333%;
    }

    .col-mms-8 {
        width: 66.66667%;
    }

    .col-mms-9 {
        width: 75%;
    }

    .col-mms-10 {
        width: 83.33333%;
    }

    .col-mms-11 {
        width: 91.66667%;
    }

    .col-mms-12 {
        width: 100%;
    }

    .col-mms-push-1 {
        left: 8.33333%;
    }

    .col-mms-push-2 {
        left: 16.66667%;
    }

    .col-mms-push-3 {
        left: 25%;
    }

    .col-mms-push-4 {
        left: 33.33333%;
    }

    .col-mms-push-5 {
        left: 41.66667%;
    }

    .col-mms-push-6 {
        left: 50%;
    }

    .col-mms-push-7 {
        left: 58.33333%;
    }

    .col-mms-push-8 {
        left: 66.66667%;
    }

    .col-mms-push-9 {
        left: 75%;
    }

    .col-mms-push-10 {
        left: 83.33333%;
    }

    .col-mms-push-11 {
        left: 91.66667%;
    }

    .col-mms-pull-1 {
        right: 8.33333%;
    }

    .col-mms-pull-2 {
        right: 16.66667%;
    }

    .col-mms-pull-3 {
        right: 25%;
    }

    .col-mms-pull-4 {
        right: 33.33333%;
    }

    .col-mms-pull-5 {
        right: 41.66667%;
    }

    .col-mms-pull-6 {
        right: 50%;
    }

    .col-mms-pull-7 {
        right: 58.33333%;
    }

    .col-mms-pull-8 {
        right: 66.66667%;
    }

    .col-mms-pull-9 {
        right: 75%;
    }

    .col-mms-pull-10 {
        right: 83.33333%;
    }

    .col-mms-pull-11 {
        right: 91.66667%;
    }

    .col-mms-offset-1 {
        margin-left: 8.33333%;
    }

    .col-mms-offset-2 {
        margin-left: 16.66667%;
    }

    .col-mms-offset-3 {
        margin-left: 25%;
    }

    .col-mms-offset-4 {
        margin-left: 33.33333%;
    }

    .col-mms-offset-5 {
        margin-left: 41.66667%;
    }

    .col-mms-offset-6 {
        margin-left: 50%;
    }

    .col-mms-offset-7 {
        margin-left: 58.33333%;
    }

    .col-mms-offset-8 {
        margin-left: 66.66667%;
    }

    .col-mms-offset-9 {
        margin-left: 75%;
    }

    .col-mms-offset-10 {
        margin-left: 83.33333%;
    }

    .col-mms-offset-11 {
        margin-left: 91.66667%;
    }
}


.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1600px) {

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

    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11 {
        float: left;
    }

    .col-xxl-1 {
        width: 8.33333%;
    }

    .col-xxl-2 {
        width: 16.66667%;
    }

    .col-xxl-3 {
        width: 25%;
    }

    .col-xxl-4 {
        width: 33.33333%;
    }

    .col-xxl-5 {
        width: 41.66667%;
    }

    .col-xxl-6 {
        width: 50%;
    }

    .col-xxl-7 {
        width: 58.33333%;
    }

    .col-xxl-8 {
        width: 66.66667%;
    }

    .col-xxl-9 {
        width: 75%;
    }

    .col-xxl-10 {
        width: 83.33333%;
    }

    .col-xxl-11 {
        width: 91.66667%;
    }

    .col-xxl-12 {
        width: 100%;
    }

    .col-xxl-push-1 {
        left: 8.33333%;
    }

    .col-xxl-push-2 {
        left: 16.66667%;
    }

    .col-xxl-push-3 {
        left: 25%;
    }

    .col-xxl-push-4 {
        left: 33.33333%;
    }

    .col-xxl-push-5 {
        left: 41.66667%;
    }

    .col-xxl-push-6 {
        left: 50%;
    }

    .col-xxl-push-7 {
        left: 58.33333%;
    }

    .col-xxl-push-8 {
        left: 66.66667%;
    }

    .col-xxl-push-9 {
        left: 75%;
    }

    .col-xxl-push-10 {
        left: 83.33333%;
    }

    .col-xxl-push-11 {
        left: 91.66667%;
    }

    .col-xxl-pull-1 {
        right: 8.33333%;
    }

    .col-xxl-pull-2 {
        right: 16.66667%;
    }

    .col-xxl-pull-3 {
        right: 25%;
    }

    .col-xxl-pull-4 {
        right: 33.33333%;
    }

    .col-xxl-pull-5 {
        right: 41.66667%;
    }

    .col-xxl-pull-6 {
        right: 50%;
    }

    .col-xxl-pull-7 {
        right: 58.33333%;
    }

    .col-xxl-pull-8 {
        right: 66.66667%;
    }

    .col-xxl-pull-9 {
        right: 75%;
    }

    .col-xxl-pull-10 {
        right: 83.33333%;
    }

    .col-xxl-pull-11 {
        right: 91.66667%;
    }

    .col-xxl-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xxl-offset-2 {
        margin-left: 16.66667%;
    }

    .col-xxl-offset-3 {
        margin-left: 25%;
    }

    .col-xxl-offset-4 {
        margin-left: 33.33333%;
    }

    .col-xxl-offset-5 {
        margin-left: 41.66667%;
    }

    .col-xxl-offset-6 {
        margin-left: 50%;
    }

    .col-xxl-offset-7 {
        margin-left: 58.33333%;
    }

    .col-xxl-offset-8 {
        margin-left: 66.66667%;
    }

    .col-xxl-offset-9 {
        margin-left: 75%;
    }

    .col-xxl-offset-10 {
        margin-left: 83.33333%;
    }

    .col-xxl-offset-11 {
        margin-left: 91.66667%;
    }
}




.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 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media  (max-width: 330px) {
    .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 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.33333%;
    }

    .col-xxs-2 {
        width: 16.66667%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333%;
    }

    .col-xxs-5 {
        width: 41.66667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.33333%;
    }

    .col-xxs-8 {
        width: 66.66667%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333%;
    }

    .col-xxs-11 {
        width: 91.66667%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.33333%;
    }

    .col-xxs-push-2 {
        left: 16.66667%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xxs-push-4 {
        left: 33.33333%;
    }

    .col-xxs-push-5 {
        left: 41.66667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.33333%;
    }

    .col-xxs-push-8 {
        left: 66.66667%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
        left: 83.33333%;
    }

    .col-xxs-push-11 {
        left: 91.66667%;
    }

    .col-xxs-pull-1 {
        right: 8.33333%;
    }

    .col-xxs-pull-2 {
        right: 16.66667%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333%;
    }

    .col-xxs-pull-5 {
        right: 41.66667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.33333%;
    }

    .col-xxs-pull-8 {
        right: 66.66667%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333%;
    }

    .col-xxs-pull-11 {
        right: 91.66667%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.66667%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.33333%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66667%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66667%;
    }

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



.col-xs-25, .col-sm-25, .col-md-25, .col-lg-25 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-25 {
    float: left;
    width: 20%;
}

.col-xs-offset-25 {
    margin-left: 20%;
}

@media (min-width: 768px) {
    .col-sm-25 {
        float: left;
    }

    .col-sm-25 {
        float: left;
        width: 20%;
    }

    .col-sm-offset-25 {
        margin-left: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-25 {
        float: left;
    }

    .col-md-25 {
        float: left;
        width: 20%;
    }

    .col-md-offset-25 {
        margin-left: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-25 {
        float: left;
    }

    .col-lg-25 {
        float: left;
        width: 20%;
    }

    .col-lg-offset-25 {
        margin-left: 20%;
    }
}

@media (min-width: 1600px) {
    .col-xxl-25 {
        float: left;
    }

    .col-xxl-25 {
        float: left;
        width: 20%;
    }

    .col-xxl-offset-25 {
        margin-left: 20%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .col-ms-25 {
        float: left;
    }

    .col-ms-25 {
        float: left;
        width: 20%;
    }

    .col-ms-offset-25 {
        margin-left: 20%;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .col-mms-25 {
        float: left;
    }

    .col-mms-25 {
        float: left;
        width: 20%;
    }

    .col-mms-offset-25 {
        margin-left: 20%;
    }
}

.item-ratio{
    background:#fff;
    overflow:hidden;
    display:block;
    position:relative;
}
.no-bootstrap-grid {
    float:none !important;
    display:block !important;
}


/*
 * Responsive text aligning
 */
.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

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

.text-xs-justify {
    text-align: justify;
}


@media (min-width: 480px) and (max-width: 767px) {
    .text-ms-left {
        text-align: left;
    }

    .text-ms-right {
        text-align: right;
    }

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

    .text-ms-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

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

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width:990px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

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

    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width:1200px) {
    .text-lg-left {
        text-align: left;
    }

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

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

    .text-lg-justify {
        text-align: justify;
    }
}


/* CURSORS */
.cursor-pointer {
    cursor:pointer;
}
.cursor-default {
    cursor:default;
}

/* DISPLAY */
.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}


/* BORDER RADIUS */
.r-1 {
    border-radius: 1px;
}

.r-2 {
    border-radius: 2px;
}

.r-3 {
    border-radius: 3px;
}

.r-4 {
    border-radius: 4px;
}

.r-5 {
    border-radius: 5px;
}

.r-6 {
    border-radius: 6px;
}

.r-7 {
    border-radius: 7px;
}

.r-8 {
    border-radius: 8px;
}

.r-9 {
    border-radius: 9px;
}

.r-10 {
    border-radius: 10px;
}

.r-15 {
    border-radius: 15px;
}

.r-20 {
    border-radius: 20px;
}


/* ADDTIONAL BACKGROUND */
.light-bg {
  
  background: #F8F8F8;
  background-color: #F8F8F8;
}


/* TEXT-CSS */
.normal {
    font-weight:normal;
}




/* wrap & reverse columns */
@media (max-width: 760px) {
    .xs-items-6, .xs-items-5, .xs-items-4, .xs-items-3, .xs-items-2, .xs-items-1 { 
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .xs-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; }
    /* no class (not set) = xs-items-1 */

    .xs-column-reverse { display: flex; flex-direction: column-reverse !important; } 
    .xs-column-reverse.xs-items-1 { flex-direction: column-reverse !important; } 
    .xs-column-reverse.xs-items-2 { flex-direction: row-reverse !important; } 
    .xs-column-reverse.xs-items-3 { flex-direction: row-reverse !important; } 
    .xs-column-reverse.xs-items-4 { flex-direction: row-reverse !important; } 
    .xs-column-reverse.xs-items-5 { flex-direction: row-reverse !important; } 
    .xs-column-reverse.xs-items-6 { flex-direction: row-reverse !important; } 
}
@media (min-width: 761px) and (max-width: 970px) {
    .sm-items-6, .sm-items-5, .sm-items-4, .sm-items-3, .sm-items-2, .sm-items-1 { 
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .sm-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */
    
    .sm-column-reverse { display: flex; flex-direction: row-reverse !important; } 
    .sm-column-reverse.sm-items-1 { flex-direction: column-reverse !important; } 
}
@media (min-width: 971px) and (max-width: 1280px) {
    .md-items-6, .md-items-5, .md-items-4, .md-items-3, .md-items-2, .md-items-1 { 
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .md-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .md-column-reverse { display: flex; flex-direction: row-reverse !important; } 
    .md-column-reverse.md-items-1 { flex-direction: column-reverse !important; } 
}
@media (min-width: 1281px) {
    .desktop-items-6, .desktop-items-5, .desktop-items-4, .desktop-items-3, .desktop-items-2, .desktop-items-1 { 
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .desktop-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .desktop-column-reverse { display: flex; flex-direction: row-reverse !important; } 
    .desktop-column-reverse.desktop-items-1 { flex-direction: column-reverse !important; } 
}