.d-none {
    display: none;
}
.d-block {
    display: block;
}
.d-flex {
    display: flex;
}
.fw-light {
    font-weight: 300!important;
}

.bg-loaded {
    display: none !important;
}

.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.col {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

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

.align-items-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}


.relative-xs {
    position: relative !important;
}
.absolute-xs {
    position: absolute !important;
}
.fixed-xs {
    position: fixed !important;
}

.flex-column {
    flex-direction: column !important;
}

.container {
    width: 100%
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-stage,
.owl-carousel {
    display: flex;
}

@media all and (min-width: 590px) {
    .relative-sm {
        position: relative !important;
    }
    .absolute-sm {
        position: absolute !important;
    }
    .fixed-sm {
        position: fixed !important;
    }
    flex-sm-column {
        flex-direction: column !important;
    }
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media all and (min-width: 1024px) {
    .relative-md {
        position: relative !important;
    }
    .absolute-md {
        position: absolute !important;
    }
    .fixed-md {
        position: fixed !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .container {
        max-width:1400px
    }
}

@media all and (min-width: 1366px) {
    .relative-lg {
        position: relative !important;
    }
    .absolute-lg {
        position: absolute !important;
    }
    .fixed-lg {
        position: fixed !important;
    }
    .container {
        max-width:1400px !important;
    }
}