* {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
}

img {
	max-width: 100%;
	border: none;
}

main {
	display: block;
}

html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	max-height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	min-width: 320px;
}

*, *:before, *:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

.cf:before,
.cf:after,
.container:before,
.container:after,
main:before,
main:after{
	content: "";
	display: table;
}

.cf:after,
.container:after,
main:after{
	clear: both;
}

input[type="submit"],
button{
	cursor: pointer;
}

input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
textarea,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.dbl {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.dblr {
	display: table-row;
}

.dblc {
	display: table-cell;
}

.dbl-centered {
	vertical-align: middle;	
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.align-middle {
	vertical-align: middle;
	margin: 0 0 .25em 0;
}

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

.margin-center{
	margin: 0 auto!important;
}

.margin-zero{
	margin: 0!important;
}

.padding-zero{
	padding: 0!important;
}

.uppercase {
	text-transform: uppercase;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;     
}

.segment-10,
.segment-20,
.segment-25,
.segment-30,
.segment-33,
.segment-40,
.segment-50,
.segment-60,
.segment-66,
.segment-70,
.segment-75,
.segment-80,
.segment-90,
.segment-100 {
    float: left;
}

.segment-10 {
    width: 10%;
}

.segment-20 {
    width: 20%;
}

.segment-25 {
    width: 25%;
}

.segment-30 {
    width: 30%;
}

.segment-33 {
    width: 33.333333333%;
}

.segment-40 {
    width: 40%;
}

.segment-50 {
    width: 50%;
}

.segment-60 {
    width: 60%;
}

.segment-66 {
    width: 66.66666666%;
}

.segment-70 {
    width: 70%;
}

.segment-75 {
    width: 75%;
}

.segment-80 {
    width: 80%;
}

.segment-90 {
    width: 90%;
}

.segment-100 {
    width: 100%;
}