/* addons for pure css */


@media (min-width: 1190px) {
    .pure-g {
        max-width: 1140px;
        margin: 0 auto;
    }
}


@media (max-width: 750px) {
    .u-mobile-hidden {
        display: none;
    }
}

/* em pure-hidden values */

/* pure-hidden-xs */
@media screen and (max-width:567px) {
    .pure-hidden-sm{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:568px) and (max-width:767px) {
    .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:768px) and (max-width:1023px) {
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:1024px) {
    .pure-hidden-lg{display:none}
}





/* 11. Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-hidden, .hidden {display:none !important}

.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-half-width {
    width: 50%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}

.u-border {
    border:1px solid #ccc;
}

.u-border-rounded {
    border-radius: 6px;
}

/* spacing utilities */
.u-margin-top-eight {
    margin-top: 1rem;
}

.u-margin-top-quarter {
    margin-top: 2rem;
}

.u-margin-top-half {
    margin-top: 4rem;
}

.u-margin-top-three-quarters {
    margin-top: 6rem;
}

.u-margin-top {
    margin-top: 8rem;
}

.u-margin-top-five-quarters {
    margin-top: 10rem;
}

.u-margin-top-double {
    margin-top: 16rem;
}

.u-margin-top-tripple {
    margin-top: 24rem;
}

.u-margin-top-quad {
    margin-top: 32rem;
}

.u-margin-bottom-eight {
    margin-bottom: 1rem;
}

.u-margin-bottom-quarter {
    margin-bottom: 2rem;
}

.u-margin-bottom-half {
    margin-bottom: 4rem;
}

.u-margin-bottom-three-quarters {
    margin-bottom: 6rem;
}

.u-margin-bottom {
    margin-bottom: 8rem;
}

.u-margin-bottom-five-quarters {
    margin-bottom: 10rem;
}

.u-margin-bottom-double {
    margin-bottom: 16rem;
}

.u-margin-bottom-tripple {
    margin-bottom: 24rem;
}

.u-margin-bottom-quad {
    margin-bottom: 32rem;
}

.u-margin-left-eight {
    margin-left: 1rem;
}

.u-margin-left-quarter {
    margin-left: 2rem;
}

.u-margin-left-half {
    margin-left: 4rem;
}

.u-margin-left-three-quarters {
    margin-left: 6rem;
}

.u-margin-left {
    margin-left: 8rem;
}

.u-margin-left-five-quarters {
    margin-left: 10rem;
}

.u-margin-left-double {
    margin-left: 16rem;
}

.u-margin-left-tripple {
    margin-left: 24rem;
}

.u-margin-left-quad {
    margin-left: 32rem;
}

.u-margin-right-eight {
    margin-right: 1rem;
}

.u-margin-right-quarter {
    margin-right: 2rem;
}

.u-margin-right-half {
    margin-right: 4rem;
}

.u-margin-right-three-quarters {
    margin-right: 6rem;
}

.u-margin-right {
    margin-right: 8rem;
}

.u-margin-right-five-quarters {
    margin-right: 10rem;
}

.u-margin-right-double {
    margin-right: 16rem;
}

.u-margin-right-tripple {
    margin-right: 24rem;
}

.u-margin-right-quad {
    margin-right: 32rem;
}

.u-margin-none {
    margin: 0 0 0 0;
}

.u-padding-eight {
    padding: 1rem;
}

.u-padding-quarter {
    padding: 2rem;
}

.u-padding-half {
    padding: 4rem;
}

.u-padding-three-quarters {
    padding: 6rem;
}

.u-padding {
    padding: 8rem;
}

.u-padding-five-quarters {
    padding: 10rem;
}

.u-padding-double {
    padding: 16rem;
}

.u-padding-tripple {
    padding: 24rem;
}

.u-padding-quad {
    padding: 32rem;
}

.u-padding-top-eight {
    padding-top: 1rem;
}

.u-padding-top-quarter {
    padding-top: 2rem;
}

.u-padding-top-half {
    padding-top: 4rem;
}

.u-padding-top-three-quarters {
    padding-top: 6rem;
}

.u-padding-top {
    padding-top: 8rem;
}

.u-padding-top-five-quarters {
    padding-top: 10rem;
}

.u-padding-top-double {
    padding-top: 16rem;
}

.u-padding-top-tripple {
    padding-top: 24rem;
}

.u-padding-top-quad {
    padding-top: 32rem;
}

.u-padding-bottom-eight {
    padding-bottom: 1rem;
}

.u-padding-bottom-quarter {
    padding-bottom: 2rem;
}

.u-padding-bottom-half {
    padding-bottom: 4rem;
}

.u-padding-bottom-three-quarters {
    padding-bottom: 6rem;
}

.u-padding-bottom {
    padding-bottom: 8rem;
}

.u-padding-bottom-five-quarters {
    padding-bottom: 10rem;
}

.u-padding-bottom-double {
    padding-bottom: 16rem;
}

.u-padding-bottom-tripple {
    padding-bottom: 24rem;
}

.u-padding-bottom-quad {
    padding-bottom: 32rem;
}

.u-padding-left-eight {
    padding-left: 1rem;
}

.u-padding-left-quarter {
    padding-left: 2rem;
}

.u-padding-left-half {
    padding-left: 4rem;
}

.u-padding-left-three-quarters {
    padding-left: 6rem;
}

.u-padding-left {
    padding-left: 8rem;
}

.u-padding-left-five-quarters {
    padding-left: 10rem;
}

.u-padding-left-double {
    padding-left: 16rem;
}

.u-padding-left-tripple {
    padding-left: 24rem;
}

.u-padding-left-quad {
    padding-left: 32rem;
}

.u-padding-right-eight {
    padding-right: 1rem;
}

.u-padding-right-quarter {
    padding-right: 2rem;
}

.u-padding-right-half {
    padding-right: 4rem;
}

.u-padding-right-three-quarters {
    padding-right: 6rem;
}

.u-padding-right {
    padding-right: 8rem;
}

.u-padding-right-five-quarters {
    padding-right: 10rem;
}

.u-padding-right-double {
    padding-right: 16rem;
}

.u-padding-right-tripple {
    padding-right: 24rem;
}

.u-padding-right-quad {
    padding-right: 32rem;
}
.u-padding-none {
    padding: 0 0 0 0;
}

/* text position */
.u-text-left {
    text-align: left;
}

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

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

/* text color */
.u-text-red {
    color: #ff7300;
}

.u-text-green {
    color: #9ad017;
}

.u-text-blue {
    color: #33a3dc;
}

.u-text-white {
    color: #fff;
}

.u-text-normal {
    color: #6c6c6c;
}

.u-text-black {
    color: #000;
}

.u-text-dark {
    color: #353740;
}

.u-text-lighter {
    color: #ccc;
}

.u-text-light {
    color: #e6e6e6;
}

.u-text-bold {
    font-weight: bold;
}

/* text size */
.u-text-smaller {
    font-size: 85%;
    line-height: 200%;
}

.u-text-larger {
    font-size: 125%;
}

/* overlays */
.u-overlay-light {
    background-color: rgba(0, 0, 0, .2);
}

.u-overlay-lighter {
    background-color: rgba(0, 0, 0, .35);
}

.u-overlay {
    background-color: rgba(0, 0, 0, .5);
}

.u-overlay-darker {
    background-color: rgba(0, 0, 0, .65);
}

.u-overlay-dark {
    background-color: rgba(0, 0, 0, .8)
}

/* backgrounds */
.u-bg-grey {
    background-color: #ccc;
}

.u-bg-light-grey {
    background-color: #f2f2f2;
}
.u-bg-light-blue {
    /*background-color: #d7e6f6;*/
    background-color: #eaf1fa;
}

.u-bg-dark {
    background-color: #4d4d4d;
}

.u-bg-white {
    background-color: #fff;
}

.u-bg-none {
    background-color: transparent;
}