a,
a :link,
a :visited,
a :hover,
a :active {
    text-decoration: none;
}

/* Box Sizing */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* Text align */
.text-center {
    text-align:center;
}

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

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

/* Width */
.width-100per {
    width:100%;
}

/* float */
.float-right {
    float:right;
}

/* flex */
.flex {
    display: flex;
}
.inline-flex{
    display:inline-flex;
}
.flex-wrap-wrap {
    flex-wrap:wrap;
}
ul.flex,
ul.inline-flex {
    list-style: none;
    padding-left:0px;
}

/* flex direction */
.flex-direction-column {
    flex-direction:column;
}
.flex-direction-row {
    flex-direction:row;
}
.flex-direction-row-rev {
    flex-direction:row-reverse;
}


/* flex justfy content  */
.flex-justify-content-space-between {
    justify-content: space-between;    
}

/* list style */
.list-style-none {
    list-style: none;
    padding:0;
}

/* clear float */
.clearboth {
    clear: both;
}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

/* Display */
.inline-block {
    display: inline-block;
}

/* Position */
.position-fixed {
    position:fixed;
}

/* Margin */
.margin-0 {
    margin:0;
}
.margin-top-1_8_em {
    margin-top:1.8em;
}
.margin-bottom-0_8_em {
    margin-bottom:0.8em;
}
.margin-bottom-1_2_em {
    margin-bottom:0.8em;
}

/* Centering */
.center-block {
    top: 50%;
    left: 50%;
    position: relative;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.horizontal-center-block {
    left: 50%;
    position: relative;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.horizontal-right-block {
    left: 100%;
    position: relative;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.vertical-center-block {
    top: 50%;
    position: relative;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Overflow */
.overflow-hidden {
    overflow: hidden;
}

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

/* Tablet */
@media screen and (min-width:768px) and (max-width:991px) {
    /* flex direction */
    .flex-direction-column-on-tablet {
        flex-direction:column;
    }
}

/* Smart Phone */
@media only screen and (max-width: 767px) {
    /* flex direction */
    .flex-direction-column-on-smartphone {
        flex-direction:column;
    }
    /* width */
    .sp-width-100per {
        width:100%!important;
    }

    .center-block-on-smartphone {
        left: 50%;
        position: relative;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}