.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.flex-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.flex-same-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    ;
    -webkit-box-flex: 1;
    ;
    -webkit-flex: 1 0 auto;
    ;
    -moz-box-flex: 1;
    ;
    -ms-flex: 1 0 auto;
    ;
    flex: 1 0 auto;
}

/*============================================================*/

.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0 !important;
}
.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;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 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;
    }
    .mt-sm {
        margin-top: 8px;
    }
    .mr-sm {
        margin-right: 8px;
    }
    .mb-sm {
        margin-bottom: 8px;
    }
    .ml-sm {
        margin-left: 8px;
    }
    .mt-md {
        margin-top: 11px;
    }
    .mr-md {
        margin-right: 11px;
    }
    .mb-md {
        margin-bottom: 11px;
    }
    .ml-md {
        margin-left: 11px;
    }
    .mt-lg {
        margin-top: 23px;
    }
    .mr-lg {
        margin-right: 23px;
    }
    .mb-lg {
        margin-bottom: 23px;
    }
    .ml-lg {
        margin-left: 23px;
    }
    .mt-xl {
        margin-top: 38px;
    }
    .mr-xl {
        margin-right: 38px;
    }
    .mb-xl {
        margin-bottom: 38px;
    }
    .ml-xl {
        margin-left: 38px;
    }
    .pt-xs {
        padding-top: 4px;
    }
    .pr-xs {
        padding-right: 4px;
    }
    .pb-xs {
        padding-bottom: 4px;
    }
    .pl-xs {
        padding-left: 4px;
    }
    .pt-sm {
        padding-top: 8px;
    }
    .pr-sm {
        padding-right: 8px;
    }
    .pb-sm {
        padding-bottom: 8px;
    }
    .pl-sm {
        padding-left: 8px;
    }
    .pt-md {
        padding-top: 11px;
    }
    .pr-md {
        padding-right: 11px;
    }
    .pb-md {
        padding-bottom: 11px;
    }
    .pl-md {
        padding-left: 11px;
    }
    .pt-lg {
        padding-top: 23px;
    }
    .pr-lg {
        padding-right: 23px;
    }
    .pb-lg {
        padding-bottom: 23px;
    }
    .pl-lg {
        padding-left: 23px;
    }
    .pt-xl {
        padding-top: 38px;
    }
    .pr-xl {
        padding-right: 38px;
    }
    .pb-xl {
        padding-bottom: 38px;
    }
    .pl-xl {
        padding-left: 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;
    }
    .mt-sm {
        margin-top: 8px;
    }
    .mr-sm {
        margin-right: 8px;
    }
    .mb-sm {
        margin-bottom: 8px;
    }
    .ml-sm {
        margin-left: 8px;
    }
    .mt-md {
        margin-top: 11px;
    }
    .mr-md {
        margin-right: 11px;
    }
    .mb-md {
        margin-bottom: 11px;
    }
    .ml-md {
        margin-left: 11px;
    }
    .mt-lg {
        margin-top: 23px;
    }
    .mr-lg {
        margin-right: 23px;
    }
    .mb-lg {
        margin-bottom: 23px;
    }
    .ml-lg {
        margin-left: 23px;
    }
    .mt-xl {
        margin-top: 38px;
    }
    .mr-xl {
        margin-right: 38px;
    }
    .mb-xl {
        margin-bottom: 38px;
    }
    .ml-xl {
        margin-left: 38px;
    }
    .pt-xs {
        padding-top: 4px;
    }
    .pr-xs {
        padding-right: 4px;
    }
    .pb-xs {
        padding-bottom: 4px;
    }
    .pl-xs {
        padding-left: 4px;
    }
    .pt-sm {
        padding-top: 8px;
    }
    .pr-sm {
        padding-right: 8px;
    }
    .pb-sm {
        padding-bottom: 8px;
    }
    .pl-sm {
        padding-left: 8px;
    }
    .pt-md {
        padding-top: 11px;
    }
    .pr-md {
        padding-right: 11px;
    }
    .pb-md {
        padding-bottom: 11px;
    }
    .pl-md {
        padding-left: 11px;
    }
    .pt-lg {
        padding-top: 23px;
    }
    .pr-lg {
        padding-right: 23px;
    }
    .pb-lg {
        padding-bottom: 23px;
    }
    .pl-lg {
        padding-left: 23px;
    }
    .pt-xl {
        padding-top: 38px;
    }
    .pr-xl {
        padding-right: 38px;
    }
    .pb-xl {
        padding-bottom: 38px;
    }
    .pl-xl {
        padding-left: 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;
    }
    .mt-sm {
        margin-top: 10px;
    }
    .mr-sm {
        margin-right: 10px;
    }
    .mb-sm {
        margin-bottom: 10px;
    }
    .ml-sm {
        margin-left: 10px;
    }
    .mt-md {
        margin-top: 15px;
    }
    .mr-md {
        margin-right: 15px;
    }
    .mb-md {
        margin-bottom: 15px;
    }
    .ml-md {
        margin-left: 15px;
    }
    .mt-lg {
        margin-top: 30px;
    }
    .mr-lg {
        margin-right: 30px;
    }
    .mb-lg {
        margin-bottom: 30px;
    }
    .ml-lg {
        margin-left: 30px;
    }
    .mt-xl {
        margin-top: 50px;
    }
    .mr-xl {
        margin-right: 50px;
    }
    .mb-xl {
        margin-bottom: 50px;
    }
    .ml-xl {
        margin-left: 50px;
    }
    .pt-xs {
        padding-top: 5px;
    }
    .pr-xs {
        padding-right: 5px;
    }
    .pb-xs {
        padding-bottom: 5px;
    }
    .pl-xs {
        padding-left: 5px;
    }
    .pt-sm {
        padding-top: 10px;
    }
    .pr-sm {
        padding-right: 10px;
    }
    .pb-sm {
        padding-bottom: 10px;
    }
    .pl-sm {
        padding-left: 10px;
    }
    .pt-md {
        padding-top: 15px;
    }
    .pr-md {
        padding-right: 15px;
    }
    .pb-md {
        padding-bottom: 15px;
    }
    .pl-md {
        padding-left: 15px;
    }
    .pt-lg {
        padding-top: 30px;
    }
    .pr-lg {
        padding-right: 30px;
    }
    .pb-lg {
        padding-bottom: 30px;
    }
    .pl-lg {
        padding-left: 30px;
    }
    .pt-xl {
        padding-top: 50px;
    }
    .pr-xl {
        padding-right: 50px;
    }
    .pb-xl {
        padding-bottom: 50px;
    }
    .pl-xl {
        padding-left: 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;
    }
    .mt-sm {
        margin-top: 15px;
    }
    .mr-sm {
        margin-right: 15px;
    }
    .mb-sm {
        margin-bottom: 15px;
    }
    .ml-sm {
        margin-left: 15px;
    }
    .mt-md {
        margin-top: 23px;
    }
    .mr-md {
        margin-right: 23px;
    }
    .mb-md {
        margin-bottom: 23px;
    }
    .ml-md {
        margin-left: 23px;
    }
    .mt-lg {
        margin-top: 45px;
    }
    .mr-lg {
        margin-right: 45px;
    }
    .mb-lg {
        margin-bottom: 45px;
    }
    .ml-lg {
        margin-left: 45px;
    }
    .mt-xl {
        margin-top: 75px;
    }
    .mr-xl {
        margin-right: 75px;
    }
    .mb-xl {
        margin-bottom: 75px;
    }
    .ml-xl {
        margin-left: 75px;
    }
    .pt-xs {
        padding-top: 8px;
    }
    .pr-xs {
        padding-right: 8px;
    }
    .pb-xs {
        padding-bottom: 8px;
    }
    .pl-xs {
        padding-left: 8px;
    }
    .pt-sm {
        padding-top: 15px;
    }
    .pr-sm {
        padding-right: 15px;
    }
    .pb-sm {
        padding-bottom: 15px;
    }
    .pl-sm {
        padding-left: 15px;
    }
    .pt-md {
        padding-top: 23px;
    }
    .pr-md {
        padding-right: 23px;
    }
    .pb-md {
        padding-bottom: 23px;
    }
    .pl-md {
        padding-left: 23px;
    }
    .pt-lg {
        padding-top: 45px;
    }
    .pr-lg {
        padding-right: 45px;
    }
    .pb-lg {
        padding-bottom: 45px;
    }
    .pl-lg {
        padding-left: 45px;
    }
    .pt-xl {
        padding-top: 75px;
    }
    .pr-xl {
        padding-right: 75px;
    }
    .pb-xl {
        padding-bottom: 75px;
    }
    .pl-xl {
        padding-left: 75px;
    }
}
bottom: 45px;

}
.ml-lg {
    margin-left: 45px;
}
.mt-xl {
    margin-top: 75px;
}
.mr-xl {
    margin-right: 75px;
}
.mb-xl {
    margin-bottom: 75px;
}
.ml-xl {
    margin-left: 75px;
}
.pt-xs {
    padding-top: 8px;
}
.pr-xs {
    padding-right: 8px;
}
.pb-xs {
    padding-bottom: 8px;
}
.pl-xs {
    padding-left: 8px;
}
.pt-sm {
    padding-top: 15px;
}
.pr-sm {
    padding-right: 15px;
}
.pb-sm {
    padding-bottom: 15px;
}
.pl-sm {
    padding-left: 15px;
}
.pt-md {
    padding-top: 23px;
}
.pr-md {
    padding-right: 23px;
}
.pb-md {
    padding-bottom: 23px;
}
.pl-md {
    padding-left: 23px;
}
.pt-lg {
    padding-top: 45px;
}
.pr-lg {
    padding-right: 45px;
}
.pb-lg {
    padding-bottom: 45px;
}
.pl-lg {
    padding-left: 45px;
}
.pt-xl {
    padding-top: 75px;
}
.pr-xl {
    padding-right: 75px;
}
.pb-xl {
    padding-bottom: 75px;
}
.pl-xl {
    padding-left: 75px;
}

}