/* GLOBAL */
html,body {
    min-height: 100%;
    width: 100%;
}

html { 
    overflow-y: scroll;
}

body {
    font-size: 16px;
    font-family: Arial, san-serif;
    padding: 0;
    margin: 0;
}

header,footer,section,nav,time,article { 
    display: block;
}

hr {
    background: #000;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 0.15em 0;
}


div .badge{
	background-color: #fff;
}
.vertical-center {
    height: 100%;
    width:100%;
    display: table;
    table-layout: fixed;
}

.vertical-center .vertical-wrapper {
    display: table-row;
    height: 100%;
}
.vertical-center .vertical-content {
    vertical-align: middle;
    display: table-cell;
}

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

h1,h2,h3,h4,h5,h6 {
}

h6 + ul li, h6 + ol li,
h5 + ul li, h5 + ol li,
h4 + ul li, h4 + ol li,
h3 + ul li, h3 + ol li,
h2 + ul li, h2 + ol li,
h1 + ul li, h1 + ol li,
ol + ul li, ol + ol li,
ul + ul li, ul + ol li,
p + ul li, p + ol li,
p {
    font-size: 1em;
}

p:first-child, ul:first-child, ol:first-child, h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
    margin-top: 0;
}

p:last-child, ul:last-child, ol:last-child, h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child {
    margin-bottom: 0;
}

@media (min-width:768px) {
    .table {
        display:table;
        table-layout: fixed;
        width:100%;
    }

    .table > * {
        display: table-cell;
        vertical-align: top;
        padding:0 1em;
    }

    .table > *:first-child { padding-left:0; }
    .table > *:last-child { padding-right:0; }

    .tbl-4 > * { width:25% }
    .tbl-3 > * { width:33.333% }
    .tbl-2 > * { width:50% }
}

.triple-up {
    padding:0;
    margin:0;
    list-style: none;
}

.triple-up:after {
    content:"";
    display: block;
    width:100%;
    height:0;
    clear: both;
}

.triple-up > li {
    float:left;
    width:33.333%;
}

.triple-up > li:nth-child(3n+1) {
    clear:both;
}

.triple-up > li > .container {
    width:95%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.triple-up > li:nth-child(3n+1) > .container {
    margin-left: 0;
    margin-right: 0;
}

.triple-up > li:nth-child(3n+3) > .container {
    float:right;
}

@media (max-width:768px) {
    .triple-up > li {
        width:100%;
        float:none;
    }

    .triple-up > li > .container {
        width: 100%;
        float:none !important;
    }
}

.four-up {
    padding:0;
    margin:0;
    list-style: none;
}

.four-up:after {
    content:"";
    display: block;
    width:100%;
    height:0;
    clear: both;
}

.four-up > li {
    float:left;
    width:25%;
}

.four-up > li > .container {
    width:95%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.four-up > li:nth-child(4n+1) > .container {
    margin-left: 0;
    margin-right: 0;
}

.four-up > li:nth-child(4n+4) > .container {
    float:right;
}

@media (max-width:768px) {
    .four-up > li {
        width:100%;
        float:none;
    }

    .four-up > li > .container {
        width: 100%;
        float:none !important;
    }
}

/* NOT MOBILE DECALARATION */

.mobile { display: none }
.not-mobile { display: block }

@media (max-width:768px) {
    .mobile { display: block }
    .not-mobile { display: none }
}