html, body {
    line-height: 1.3;
    margin: 0;
    overflow-x: hidden;
}

.honi-margin-all {
    margin: 10px;
}
.honi-margin-top {
    margin-top: 10px;
}
.honi-margin-right {
    margin-right: 10px;
}
.honi-margin-bottom {
    margin-bottom: 10px;
}
.honi-margin-left {
    margin-left: 10px;
}
.honi-margin-none {
    margin: 0;
}
.honi-margin-top-none {
    margin-top: 0px;
}
.honi-margin-bottom-none {
    margin-bottom: 0 !important;
}
.honi-margin-right-none {
    margin-right: 0!important;
}
.honi-padding-all {
    padding: 10px;
}
.honi-padding-top {
    padding-top: 10px;
}
.honi-padding-right {
    padding-right: 10px;
}
.honi-padding-left {
    padding-left: 10px;
}
.honi-padding-bottom {
    padding-bottom: 10px;
}
.honi-padding-right {
    padding-right: 10px;
}
.honi-left {
    float: left;
}
.honi-center {
    margin: 0 auto;
}
.honi-right {
    float: right;
}
.honi-top {
    position: absolute; /* requires relative parent */
    top: 0;
}
.honi-bottom {
    position: absolute; /* requires relative parent */
    bottom: 0;
}

/***************************  Grid Layouts  ********************/

.honi-full {
    width: 100%;
    float: left;
}
.honi-half {
    /*width: 48.936249%;*/
    width: 45%;
    float: left;
}
.honi-quarter {
    width: 18%;
    float: left;
}
.honi-third {
    width: 28%;
    float: left;
}
.honi-two-thirds {
    width: 62%;
    float: left;
}
.honi-three-quarter {
    width: 69%;
    float: left;
}


/***************************  Positioning for Modal and Popup Layouts  ********************/

/**NOTE:  These require a parent with relative positioning to work properly ***************/

.honi-top-left {
    position: absolute;
    left: 0;
    top: 0
}
.honi-top-right {
    position: absolute;
    right: 0;
    top: 0
}
.honi-bottom-left {
    position: absolute;
    left: 0;
    bottom: 0
}
.honi-bottom-right {
    position: absolute;
    right: 0;
    bottom: 0
}
.honi-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}
.honi-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}
.honi-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}
.honi-top-middle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}
.honi-bottom-middle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}


/***************************  Rounding and Shadows  ********************/
.honi-round {
    border-radius: 4px
}
.honi-round-top {
    border-radius: 4px 4px 0 0;
}
.honi-round-small {
    border-radius: 2px
}
.honi-round-large {
    border-radius: 8px
}
.honi-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)
}
.honi-shadow-bottom {
    box-shadow: 0px 1px 5px 0px #aca9a9;
}
.honi-card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius: 4px;
}

/***************************  Media Query Section  ********************/
@media (max-width:1205px) {
    .honi-modal {
    }

    .honi-modal-content {
    }
}