/*Font-Family*/
.h-90 {
    height: 90% !important;
}

.w-90 {
    width: 90% !important;
}

.border-none {
    border: none;
}

/* GRID */

.twelve {
    width: 100%;
}

.eleven {
    width: 91.53%;
}

.ten {
    width: 83.06%;
}

.nine {
    width: 74.6%;
}

.eight {
    width: 66.13%;
}

.seven {
    width: 57.66%;
}

.six {
    width: 49.2%;
}

.five {
    width: 40.73%;
}

.four {
    width: 32.26%;
}

.three {
    width: 23.8%;
}

.two {
    width: 15.33%;
}

.one {
    width: 6.866%;
}

/* COLUMNS */
/*Colors*/
.white-text {
    color: #fff;
}

/*Containers*/
.container-95 {
    max-width: 95%;
    width: 100%;
}
.container-85 {
    max-width: 85%;
    width: 100%;
}
.container-90 {
    max-width: 90%;
    width: 100%;
}

.container-80 {
    max-width: 80%;
    width: 100%;
}
.container-75 {
    max-width: 75%;
    width: 100%;
}
.container-70 {
    max-width: 70%;
    width: 100%;
}
.container-60 {
    max-width: 60%;
    width: 100%;
}

/*Cursor Pointer*/
.pointer {
    cursor: pointer;
}

/*Transition*/
.transition-5s {
    -webkit-transition: top 1s ease-out 0.5s;
    -moz-transition: top 1s ease-out 0.5s;
    -o-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
}

.transition-7s {
    -webkit-transition: top 1s ease-out 0.7s;
    -moz-transition: top 1s ease-out 0.7s;
    -o-transition: top 1s ease-out 0.7s;
    transition: top 1s ease-out 0.7s;
}

.transition-3s {
    -webkit-transition: top 1s ease-out 0.3s;
    -moz-transition: top 1s ease-out 0.3s;
    -o-transition: top 1s ease-out 0.3s;
    transition: top 1s ease-out 0.3s;
}

/*Style: None*/
.field-0 {
    margin: 0;
    padding: 0;
}

/*Box-shadow*/
.box-shadow-light {
    -webkit-box-shadow: 0px 0px 116px -50px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 116px -50px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 116px -50px rgba(0, 0, 0, 1);
}

.box-shadow-medium {
    -webkit-box-shadow: 0px 0px 80px -17px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 80px -17px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 80px -17px rgba(0, 0, 0, 1);
}

.box-shadow-high {
    -webkit-box-shadow: 0px 0px 119px 2px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 119px 2px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 119px 2px rgba(0, 0, 0, 1);
}

.z-10 {
    position: relative;
    z-index: 10;
}

/*Font Size*/

.display-4 {
    font-size: 112px;
}

.display-3 {
    font-size: 56px;
}

.display-2 {
    font-size: 45px;
}

.display-1 {
    font-size: 34px;
}

.headline {
    font-size: 24px;
}

.title {
    font-size: 20px;
}

.subheading {
    font-size: 16px;
}

.body-2 {
    font-size: 14px;
}

.body-1 {
    font-size: 12px;
}

.caption {
    font-size: 10px;
}

/*Font Weight*/
.font-weight-bold {
    font-weight: bold;
}

.font-weight-bolder {
    font-weight: bolder;
}

.font-weight-lighter {
    font-weight: lighter;
}

.font-weight-normal {
    font-weight: normal;
}

/*Font Position*/
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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

/*Text Decoration*/
.text-decoraton-default {
    text-decoration: none;
}

.list-style-default {
    list-style: none;
}

/*Display Flex*/
.display-none {
    display: none;
}

.d-flex {
    display: flex;
}

.flex-end {
    justify-content: flex-end;
}

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

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

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

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

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

.d-block {
    display: block;
}

/*Justify content*/
.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: start;
}

.justify-end {
    justify-content: end;
}

.justify-space-around {
    justify-content: space-around;
}

.justify-space-between {
    justify-content: space-between;
}

/*Align Items*/
.align-start {
    align-items: start;
}

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

.align-end {
    align-items: end;
}

/*Background */
.bg-white {
    background: #fff;
}

/* Margin */
.mg-auto-horizontal {
    margin: 0 auto;
}

.mg-auto {
    margin: auto;
}

.ma-0 {
    margin: 0;
}

/* Margin All sides */
.ma-1 {
    margin: 10px;
}

.ma-2 {
    margin: 20px;
}

.ma-3 {
    margin: 30px;
}

.ma-4 {
    margin: 40px;
}

.ma-5 {
    margin: 50px;
}

/* Margin Top and Bottom */

.mh-1 {
    margin: 10px 0;
}

.mh-2 {
    margin: 20px 0;
}

.mh-3 {
    margin: 30px 0;
}

.mh-4 {
    margin: 40px 0;
}

.mh-5 {
    margin: 50px 0;
}

/* Margin Top*/
.mtop-1 {
    margin-top: 10px;
}

.mtop-2 {
    margin-top: 20px;
}

.mtop-3 {
    margin-top: 30px;
}

.mtop-4 {
    margin-top: 40px;
}

.mtop-5 {
    margin-top: 50px;
}

/* Margin bottom*/
.mbottom-1 {
    margin-bottom: 10px;
}

.mbottom-2 {
    margin-bottom: 20px;
}

.mbottom-3 {
    margin-bottom: 30px;
}

.mbottom-4 {
    margin-bottom: 40px;
}

.mbottom-5 {
    margin-bottom: 50px;
}
/* Margin right*/
.mright-1 {
    margin-right: 10px;
}

.mright-2 {
    margin-right: 20px;
}

.mright-3 {
    margin-right: 30px;
}

.mright-4 {
    margin-right: 40px;
}

.mright-5 {
    margin-right: 50px;
}
/* Margin Left*/
.mleft-1 {
    margin-left: 10px;
}

.mleft-2 {
    margin-left: 20px;
}

.mleft-3 {
    margin-left: 30px;
}

.mleft-4 {
    margin-left: 40px;
}

.mleft-5 {
    margin-left: 50px;
}
/* Margin Right and Left Side */

.mx-1 {
    margin: 0 10px;
}

.mx-2 {
    margin: 0 20px;
}

.mx-3 {
    margin: 0 30px;
}

.mx-4 {
    margin: 0 40px;
}

.mx-5 {
    margin: 0 50px;
}

/* Padding */

.pa-0 {
    padding: 0;
}


/*Padding All Sides*/

.pa-1 {
    padding: 10px;
}

.pa-2 {
    padding: 20px;
}

.pa-3 {
    padding: 30px;
}

.pa-4 {
    padding: 40px;
}

.pa-5 {
    padding: 50px;
}

/*Padding Top and Bottom*/

.py-1 {
    padding: 10px 0;
}

.py-2 {
    padding: 20px 0;
}

.py-3 {
    padding: 30px 0;
}

.py-4 {
    padding: 40px 0;
}

.py-5 {
    padding: 50px 0;
}

/*Padding Right and Left*/

.px-1 {
    margin: 0 10px;
}

.px-2 {
    margin: 0 20px;
}

.px-3 {
    margin: 0 30px;
}

.px-4 {
    margin: 0 40px;
}

.px-5 {
    margin: 0 50px;
}



@media(max-width: 969px) {
    .justify-space-between{
        justify-content: stretch;
    }
}