* {
    margin: 0;
    padding: 0;
}

*, ::after, ::before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow-x: hidden;
    overflow-y: scroll;
}

a{
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

img{
    user-select: none;
    pointer-events: none;
}

button{
    cursor: pointer;
}

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

.t-decoration-none{
    text-decoration: none;
}

.transition{
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.pointer{
    cursor: pointer;
}

.fullheight{
    height: 100%;
}

.max-fullheight{
    max-height: 100%;
}

.min-fullheight{
    min-height: 100%;
}

.min-fullheight-vh{
    min-height: 100vh;
}

.fullwidth {
    width: 100%;
}

.max-fullwidth {
    max-width: 100%;
}

.min-fullwidth {
    min-width: 100%;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clearleft {
    clear: left;
}

.clearight {
    clear: right;
}

.clearboth {
    clear: both;
}

.half {
    width: 50%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.sticky {
    position: sticky;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.hidden{
    display: none;
}

.active{
    display: block;
    visibility: visible;
}

.inline{
    display: inline;
}

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

.grid{
    display: grid;
}

.inline-g{
    display: inline-grid;
}

.flex{
    display: flex;
}

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

.flex-align-c{
    display: flex;
    align-items: center;
}

.row-n{
    flex-flow: row nowrap;
}

.row-w{
    flex-flow: row wrap;
}

.column-n{
    flex-flow: column nowrap;
}

.column-w{
    flex-flow: column wrap;
}

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

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

.t-bold{
    font-weight: bold;
}

.no-bullets {
    list-style-type: none;
}

.no-borders{
    border: none;
}

.grey-border {
    border: 1px solid rgba(128, 128, 128, 0.23);
}

.b-white{
    background-color: #fff;
}

.t-black{
    color: #000;
}

.t-white{
    color: #fff;
}

.ac-overflow-not{
    overflow: hidden;
}

.ac-overflow-x-not{
    overflow-x: hidden;
}

.ac-overflow-y-not{
    overflow-y: hidden;
}

.ac-overflow-scroll{
    overflow: scroll;
}

.ac-overflow-x-scroll{
    overflow-x: scroll;
}

.ac-overflow-y-scroll{
    overflow-y: scroll;
}