/* initial settings */
*{
    margin: 0;
    padding: 0;
}

/* Important TAG Settings */
a{
    text-decoration: none;
}


/* Preferred classes */
.boxsize{
    box-sizing: border-box !important;
}
.clearfix{
    clear: both;
}
.font-bold{
    font-weight: bold;
}
.font-normal{
    font-weight: normal !important;
}
.font-italic{
    font-style: italic;
}
.uppercase{
    text-transform: uppercase;
}
.lowercase{
    text-transform: lowercase;
}
.capitalize{
    text-transform: capitalize;
}
.cursor{
    cursor: pointer;
}


/* Theme color settings */
.bg-theme{
    background-color: #ffd24d;
}
.text-theme{
    color: #ffd24d;
}

.bg-theme2{
    background-color: #fce294;
}
.text-theme2{
    color: #fce294;
}


/* Margin classes */
.m-center{
    margin: 0 auto;
}
.m-0{
    margin: 0px;
}
.m-1{
    margin: 1px;
}
.m-2{
    margin: 5px;
}
.m-3{
    margin: 10px;
}
.m-4{
    margin: 15px;
}
.m-5{
    margin: 20px;
}
.m-6{
    margin: 25px;
}
.m-7{
    margin: 30px;
}
.m-8{
    margin: 40px;
}
.m-9{
    margin: 50px;
}

.mt-0{
    margin-top: 0px;
}
.mt-1{
    margin-top: 1px;
}
.mt-2{
    margin-top: 5px;
}
.mt-3{
    margin-top: 10px;
}
.mt-4{
    margin-top: 15px;
}
.mt-5{
    margin-top: 20px;
}
.mt-6{
    margin-top: 25px;
}
.mt-7{
    margin-top: 30px;
}
.mt-8{
    margin-top: 40px;
}
.mt-9{
    margin-top: 50px;
}

.mr-0{
    margin-right: 0px;
}
.mr-1{
    margin-right: 1px;
}
.mr-2{
    margin-right: 5px;
}
.mr-3{
    margin-right: 10px;
}
.mr-4{
    margin-right: 15px;
}
.mr-5{
    margin-right: 20px;
}
.mr-6{
    margin-right: 25px;
}
.mr-7{
    margin-right: 30px;
}
.mr-8{
    margin-right: 40px;
}
.mr-9{
    margin-right: 50px;
}

.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 1px;
}
.mb-2{
    margin-bottom: 5px;
}
.mb-3{
    margin-bottom: 10px;
}
.mb-4{
    margin-bottom: 15px;
}
.mb-5{
    margin-bottom: 20px;
}
.mb-6{
    margin-bottom: 25px;
}
.mb-7{
    margin-bottom: 30px;
}
.mb-8{
    margin-bottom: 40px;
}
.mb-9{
    margin-bottom: 50px;
}

.ml-0{
    margin-left: 0px;
}
.ml-1{
    margin-left: 1px;
}
.ml-2{
    margin-left: 5px;
}
.ml-3{
    margin-left: 10px;
}
.ml-4{
    margin-left: 15px;
}
.ml-5{
    margin-left: 20px;
}
.ml-6{
    margin-left: 25px;
}
.ml-7{
    margin-left: 30px;
}
.ml-8{
    margin-left: 40px;
}
.ml-9{
    margin-left: 50px;
}


/* Padding Classes */
.p-0{
    padding: 0px;
}
.p-1{
    padding: 1px;
}
.p-2{
    padding: 5px;
}
.p-3{
    padding: 10px;
}
.p-4{
    padding: 15px;
}
.p-5{
    padding: 20px;
}
.p-6{
    padding: 25px;
}
.p-7{
    padding: 30px;
}
.p-8{
    padding: 40px;
}
.p-9{
    padding: 50px;
}

.pt-0{
    padding-top: 0px;
}
.pt-1{
    padding-top: 1px;
}
.pt-2{
    padding-top: 5px;
}
.pt-3{
    padding-top: 10px;
}
.pt-4{
    padding-top: 15px;
}
.pt-5{
    padding-top: 20px;
}
.pt-6{
    padding-top: 25px;
}
.pt-7{
    padding-top: 30px;
}
.pt-8{
    padding-top: 40px;
}
.pt-9{
    padding-top: 50px;
}

.pr-0{
    padding-right: 0px;
}
.pr-1{
    padding-right: 1px;
}
.pr-2{
    padding-right: 5px;
}
.pr-3{
    padding-right: 10px;
}
.pr-4{
    padding-right: 15px;
}
.pr-5{
    padding-right: 20px;
}
.pr-6{
    padding-right: 25px;
}
.pr-7{
    padding-right: 30px;
}
.pr-8{
    padding-right: 40px;
}
.pr-9{
    padding-right: 50px;
}

.pb-0{
    padding-bottom: 0px;
}
.pb-1{
    padding-bottom: 1px;
}
.pb-2{
    padding-bottom: 5px;
}
.pb-3{
    padding-bottom: 10px;
}
.pb-4{
    padding-bottom: 15px;
}
.pb-5{
    padding-bottom: 20px;
}
.pb-6{
    padding-bottom: 25px;
}
.pb-7{
    padding-bottom: 30px;
}
.pb-8{
    padding-bottom: 40px;
}
.pb-9{
    padding-bottom: 50px;
}

.pl-0{
    padding-left: 0px;
}
.pl-1{
    padding-left: 1px;
}
.pl-2{
    padding-left: 5px;
}
.pl-3{
    padding-left: 10px;
}
.pl-4{
    padding-left: 15px;
}
.pl-5{
    padding-left: 20px;
}
.pl-6{
    padding-left: 25px;
}
.pl-7{
    padding-left: 30px;
}
.pl-8{
    padding-left: 40px;
}
.pl-9{
    padding-left: 50px;
}


/* Display Classes */
.d-block{
    display: block;
}
.d-none{
    display: none;
}
.d-inline-block{
    display: inline-block;
}
.d-flex{
    display: flex;
}
.d-inline-flex{
    display: inline-flex;
}


/* Alignment classes */
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-justify{
    text-align: justify;
}


/* Font Sizes */
.font-0{
    font-size: 0.8rem;
}
.font-1{
    font-size: 1rem;
}
.font-2{
    font-size: 1.2rem;
}
.font-3{
    font-size: 1.5rem;
}
.font-4{
    font-size: 2rem;
}
.font-5{
    font-size: 2.2rem;
}
.font-6{
    font-size: 2.5rem;
}
.font-7{
    font-size: 3rem;
}


/* Background Classes */
.bg-dark{
    background-color: #111 !important;
}
.bg-warning{
    background-color: #700 !important;
}
.bg-danger{
    background-color: #D00 !important;
}
.bg-success{
    background-color: #070 !important;
}
.bg-light{
    background-color: #FFF !important;
}
.bg-white{
    background-color: #FFF !important;
}
.bg-grey{
    background-color: #222 !important;
}
.bg-info{
    background-color: #077 !important;
}
.nobg{
    background-color: transparent !important;
    background: none !important;
}


/* Text color classes */
.text-light{
    color: #FFF !important;
}
.text-dark{
    color: #111 !important;
}
.text-danger{
    color: #D00 !important;
}
.text-warning{
    color: #700 !important;
}
.text-info{
    color: #077 !important;
}
.text-success{
    color: #070 !important;
}
.text-grey{
    color: #333 !important;
}


/* Float Classes */
.fleft{
    float: left;
}
.fright{
    float: right;
}


/* Width-Height classes */
.w-1{
    width: 10%;
}
.w-2{
    width: 20%;
}
.w-3{
    width: 30%;
}
.w-25{
    width: 25%;
}
.w-50{
    width: 50%;
}
.w-75{
    width: 75%;
}
.w-100{
    width: 100%;
}

.h-1{
    min-height: 10vh;
}
.h-2{
    min-height: 20vh;
}
.h-3{
    min-height: 30vh;
}
.h-25{
    min-height: 25vh;
}
.h-50{
    min-height: 50vh;
}
.h-75{
    min-height: 75vh;
}
.h-100{
    min-height: 100vh;
}


/* Letter Spacing Classes */
.ls-1{
    letter-spacing: 1px;
}
.ls-2{
    letter-spacing: 2px;
}
.ls-3{
    letter-spacing: 3px;
}


/* Hover Classes */
.hover-dark:hover{
    background-color: #111 !important;
    color: #FFF !important;
}
.hover-light:hover{
    background-color: #FFF !important;
    color: #111 !important;
}
.hover-danger:hover{
    background-color: #A00 !important;
    color: #FFF !important;
}
.hover-warning:hover{
    background-color: #700 !important;
    color: #FFF !important;
}
.hover-success:hover{
    background-color: #070 !important;
    color: #FFF !important;
}
.hover-info:hover{
    background-color: #077 !important;
    color: #FFF !important;
}
.hover-uppercase:hover{
    text-transform: uppercase;
}


/* Border Radius Classes */
.radiuspx{
    border-radius: 100px;
}
.radius50{
    border-radius: 50%;
}
.radius1{
    border-radius: 3px;
}
.radius2{
    border-radius: 10px;
}
.radius3{
    border-radius: 50px;
}

.border-none{
    border-width: 0px !important;
}
.border-normal{
    border-width: 1px !important;
}
.border-big{
    border-width: 2px !important;
}
.border-bigger{
    border-width: 3px !important;
}
.border-biggest{
    border-width: 7px !important;
}

.border-solid{
    border-style: solid;
}
.border-dashed{
    border-style: dashed;
}
.border-dotted{
    border-style: dotted;
}
.border-double{
    border-style: double;
}

.border-light{
    border-color: #FFF !important;
}
.border-grey{
    border-color: #333 !important;
}
.border-dark{
    border-color: #111 !important;
}
.border-danger{
    border-color: #D00 !important;
}
.border-warning{
    border-color: #700 !important;
}
.border-info{
    border-color: #077 !important;
}
.border-success{
    border-color: #070 !important;
}

.hborder-top{
    border-top: none !important;
}
.hborder-right{
    border-right: none !important;
}
.hborder-bottom{
    border-bottom: none !important;
}
.hborder-left{
    border-left: none !important;
}


/* Flex Properties settings */
.flexwrap{
    flex-wrap: wrap;
}
.flexcol{
    flex-direction: column;
}
.flex-center{
    align-items: center;
    justify-content: center;
    align-content: center;
}
.flex-start{
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}
.flex-space-around{
    align-items: center;
    justify-content: space-around;
    align-content: space-around;
}
.flex-grow{
    flex-grow: 1;
}
.flex-order-1{
    order: 1;
}
.flex-order-2{
    order: 2;
}
.flex-order-3{
    order: 3;
}
.flex-order-4{
    order: 4;
}
.flex-order-5{
    order: 5;
}
.flex-order-6{
    order: 6;
}