*,
*::before,
*::after{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	text-align: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-shadow: none;
}

img::selection{
    background-color: transparent;
} 

img::-moz-selection{
    background-color: transparent;
}

img{        
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img[src=""]{
	display: none !important;
}

section, article, footer, header, nav, div, main{
	display: block;
}

ol, ul{
    list-style: none outside none;
}

table,
.table{
    display: table;
	border-collapse: collapse;
	border-spacing: 0;
    width: 100%;
}

tr,
.tr{
    display: table-row;
}

th, td,
.th, .td{
    display: table-cell;
	font-weight: normal;
	vertical-align: middle;
}

th.main, td.main,
.th.main, .td.main{
    width: 100%;
}

th.zero, td.zero,
.th.zero, .td.zero{
    width: 0;
}

b,
strong{
	font-weight: bold;
}

i,
em{
	font-style: italic;
}

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
}

i,
em{
	font-style: italic;
}

#page{
    min-width: 320px;
	min-height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.container{
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.container .container{
	width: 100%;
}

.pseudo-container{
	padding: 0 5%;
	position: relative;
}

.grid{
    margin: 0 -10px 0 -10px;
}

.grid.no-space,
.no-space > .grid{
	margin: 0;
}

.g-12{
	width: 100%;
}

.g-10{
    width: 83.333333%;
}

.g-11{
    width: 91.666667%;
}

.g-9{
    width: 75%;
}

.g-8{
	width: 66.66667%;
}

.g-7{
	width: 58.33333%;
}

.g-6{
	width: 50%;
}

.g-5{
	width: 41.66667%;
}

.g-4{
	width: 33.33333%;
}

.g-3{
	width: 25%;
}

.g-2{
    width: 16.666667%;
}

.g-1{
    width: 8.33333%;
}

.g-r{
    float: right !important;
}

.grid > *{
    float: left;
    padding: 0 10px;
}

.grid.no-space > *,
.no-space > .grid > *{
	padding: 0;
}

.grid > *.inverse{
    float: right;
}

.grid > .cleaner,
.grid > .g-cleaner,
.grid > .xl-cleaner,
.grid > .l-cleaner,
.grid > .m-cleaner,
.grid > .s-cleaner,
.grid > .xs-cleaner{
	display: block;
	float: none;
    padding: 0;
    margin: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.cleaner,
.g-cleaner{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.flex{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 0 -10px;
}

.flex.no-space,
.no-space > .flex{
	margin: 0;
}

.flex > *{
	padding: 0 10px;
}

.flex.no-space > *,
.no-space > .flex > *{
	padding: 0;
}


.flex > .flex-align-flex-start{ align-self: flex-start; }
.flex > .flex-align-center{ align-self: center; }
.flex > .flex-align-flex-end{ align-self: flex-end; }
.flex > .flex-align-stretch{ align-self: stretch; }

.image-wrapper img{
    width: auto;
    height: auto;
	max-width: 100%;
	display: block;
    margin: 0 auto;
}

.a-r .image-wrapper img{
    margin: 0 0 0 auto;
}

.a-l .image-wrapper img{
    margin: 0 auto 0 0;
}

.nod,
.g-nod{
	display: none !important;
}

.block{
    display: block !important;
}

.inline-block{
    display: inline-block !important;
}

.inline{
    display: inline !important;
}

.hidden {
	visibility: hidden !important;
}

.relative{
    position: relative !important;
}

.absolute{
    position: absolute !important;
}

.a-r{
    text-align: right !important;
}

.a-l{
    text-align: left !important;
}

.a-j{
	text-align: justify !important;
}

.a-c{
    text-align: center !important;
}

.a-t{
	vertical-align: top !important;
}

.a-m{
    vertical-align: middle !important;
}

.a-b{
	vertical-align: bottom !important;
}

.f-r{
    float: right !important;
}

.f-l{
    float: left !important;
}

.strong{
	font-weight: bold !important;
}

.normal{
	font-weight: normal !important;
}

.underline{
	text-decoration: underline !important;
}

.line-through{
	text-decoration: line-through !important;
}

.uppercase{
	text-transform: uppercase !important;
}
