html { font-size:15px; line-height: 1.4; }

html,
button,
input,
select,
textarea {
    color:#505458;
	font-size: 14px;
	box-sizing: border-box;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


[disabled], .disabled { cursor: not-allowed !important; background-color: transparent;}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

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

.center { text-align: center; }


.borderless {
    border: 0 !important;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
   	/*visibility: hidden;*/
}
.borderless {
	border:0 !important;	
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

[data-action] {
	cursor: pointer;
}

.clearfix {
    *zoom: 1;
}

.left { 
	float:left; 
}

.right { 
	float:right; 
}

.hidden {
	display:none;	
}
.block { display: block !important; }

.inline-children > * { display: inline-block !important; vertical-align: middle; }

.pointer { cursor: pointer; }

h1,h2,h3,h4,h5,h6 { font-family:inherit; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font: inherit; }
h4, h5, h6 { border-bottom: 1px solid #eee; padding: 15px 0; margin-bottom: 10px; text-transform:uppercase; }
	h1 { font-size:35px; } h2 { font-size:28px; } h3 { font-size:22px; } h4 { font-size:18px; } h5 { font-size:16px; } h6 { font-size:14px; }
	
p { color:inherit; margin-bottom: 30px !important; line-height: 1.6; }
	p.start { font-size:30px; font-family:inherit; line-height:1.4; }
		p.start:first-letter { float: left; margin:0px 10px -10px 0; padding: inherit; font-size:80px; font-family: inherit; line-height:80px; text-indent: 0; background: 0 0; color: #f33; }

code { display: inline-block; border-radius: 5px; padding: 2px 5px; color: #fff; font-size:12px !important; background-color:#444; font-family: monospace;
line-height: 1.5;  }
pre { background-color:#444; padding: 10px; border-radius: 3px; display:block; font-family: monospace; line-height: 1.5; }

img { max-width:100%; } 
	img.left { margin: 15px 15px 15px 0; }

a { color:inherit; }