/**
*	
*	BASE
*	CSS
*	
*
*	-- Normalize (modified)
*	-- General rules (typography, tables, lists)
*	-- Grid system (custom, inspired by Twitter Bootstrap)
*	-- Responsive grid system
*	
*	
**/

/** ----- ! normalize.css v2.1.3 ----- **/
article, aside, details, figcaption, figure, footer, header, main, nav, section, time, summary { display:block; }
[hidden], template { display:none; }
html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body, figure { margin:0; }
a { background:transparent; }
a:focus { outline:thin dotted; }
a:active, a:hover { outline:0; }
b, strong { font-weight:500; }
dfn { font-style:italic; }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }
mark { background:#ff0; color:#000; }
code, kbd, pre, samp { font-family:monospace, serif; font-size:1em; }
pre { white-space:pre-wrap; }
q { quotes:"\201C" "\201D" "\2018" "\2019"; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; }
fieldset { border:0; padding:0; }
legend { border:0; padding:0; }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; }
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:none; }
label { display:block; margin:0 0 5px; }
label:hover { cursor:pointer; }
table { border-collapse:collapse; border-spacing:0; }

/** ------ GENERAL RULES ------ **/
* { box-sizing:border-box; -moz-box-sizing:border-box; }
*:focus { outline:none; }
.clearfix:after, .container:after, .raw:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
h1, h2, .h2, h3, .h3, h4, .h4 { font-family:'Hind', Arial, sans-serif; }
p, table, ul, ol, blockquote, time, section, article, figure, form, fieldset, address, dl { margin:0 0 15px; }
.img { display:inline-block; }
img { max-width:100%; height:auto; }
.left { float:left !important; }
.right { float:right !important; }
.hidden { display:none; }

/** ------ TYPOGRAPHY ------ **/
body { font:300 14px/20px 'Ubuntu', Arial, sans-serif; background:#fff; color:#666; overflow-x:hidden; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin:0 0 15px; line-height:1.05em; font-weight:500; }
.h1, .h2, .h3, .h4 { display:block; }
h1, .h1 { font-size:60px; }
h2, .h2 { font-size:48px; }
h3, .h3 { font-size:24px; }
h4, .h4 { font-size:20px; }
strong { font-weight:500; }
a { text-decoration:none; }
a:focus { outline:none; }
blockquote { padding:15px 45px; border-left:5px solid #ddd; font-size:1.2em; line-height:1.48em; font-style:italic; color:#666;  }
address { font-style:normal; }
time { display:inline; font-style:normal; }
.text-center { text-align:center; }

/** ------ LISTS ------ **/
ul, ol { padding:0; list-style-position:inside; }
ul li ul, ol li ol { margin:0 0 0 1.2em; }
.unstyled { margin:0; list-style:none; }

/** ------ TABLES ------ **/
table { width:100%; text-align:left; }
table th, table td { padding:5px; }
table th { border-bottom:2px solid #343434; }
table tr { border-bottom:1px solid #ddd; }
table tr:hover { background:#eee; }

/** ------ FORMS ------ **/
input[type="text"], input[type="email"], textarea { width:100%; padding:0.3em 0.6em; border:1px solid #ddd; margin:0 0 0.5em; }
button { background:0; border:0; }

/** ------ GRID ------ **/
.container-full, .container { position:relative; width:100%; margin:0 auto; padding-left:15px; padding-right:15px; }
.container { max-width:1336px; }
.raw { margin-left:-15px; margin-right:-15px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding-left:15px; padding-right:15px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-m1, .grid-m2, .grid-m3, .grid-m4, .grid-m5, .grid-m6, .grid-m7, .grid-m8, .grid-m9, .grid-m10, .grid-m11, .grid-m12, .grid-s1, .grid-s2, .grid-s3, .grid-s4, .grid-s5, .grid-s6, .grid-s7, .grid-s8, .grid-s9, .grid-s10, .grid-s11, .grid-s12 { position:relative; float:left; }
.grid-1 { width:8.333333333333332%; }
.grid-2 { width:16.666666666666664%; }
.grid-3 { width:25%; }
.grid-4 { width:33.33333333333333%; }
.grid-5 { width:41.66666666666667%; }
.grid-6 { width:50%; }
.grid-7 { width:58.333333333333336%; }
.grid-8 { width:66.66666666666666%; }
.grid-9 { width:75%; }
.grid-10 { width:83.33333333333334%; }
.grid-11 { width:91.66666666666666%; }
.grid-12 { width:100%; }

.off-1 { margin-left:8.333333333333332%; }
.off-2 { margin-left:16.666666666666664%; }
.off-3 { margin-left:25%; }
.off-4 { margin-left:33.33333333333333%; }
.off-5 { margin-left:41.66666666666667%; }
.off-6 { margin-left:50%; }
.off-7 { margin-left:58.333333333333336%; }
.off-8 { margin-left:66.66666666666666%; }
.off-9 { margin-left:75%; }
.off-10 { margin-left:83.33333333333334%; }
.off-11 { margin-left:91.66666666666666%; }

/** ---------------------------------- **/
/** ----- RESPONSIVE ----- **/
/** -------------------------------- **/
/** ------ TABLETS ------ **/
@media all and (max-width: 1200px) {

	html, body { overflow-x:hidden; }
	
	.mob-nav { display:inline-block; }
	.nav, .nav li { display:block; }
	.nav { display:none; float:none !important; clear:both; }
	
	.grid-m1 { width:8.333333333333332%; }
	.grid-m2 { width:16.666666666666664%; }
	.grid-m3 { width:25%; }
	.grid-m4 { width:33.33333333333333%; }
	.grid-m5 { width:41.66666666666667%; }
	.grid-m6 { width:50%; }
	.grid-m7 { width:58.333333333333336%; }
	.grid-m8 { width:66.66666666666666%; }
	.grid-m9 { width:75%; }
	.grid-m10 { width:83.33333333333334%; }
	.grid-m11 { width:91.66666666666666%; }
	.grid-m12 { width:100%; }
	
	.hidden-m { display:none; }
	.visible-m { display:block; }

}

/** ------ MOBILE ------ **/
@media all and (max-width: 750px) {

	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-m1, .grid-m2, .grid-m3, .grid-m4, .grid-m5, .grid-m6, .grid-m7, .grid-m8, .grid-m9, .grid-m10, .grid-m11, .grid-m12, .grid-s1, .grid-s2, .grid-s3, .grid-s4, .grid-s5, .grid-s6, .grid-s7, .grid-s8, .grid-s9, .grid-s10, .grid-s11, .grid-s12 { padding-left:0.5em; padding-right:0.5em; }

	.container { padding-left:0.5em; padding-right:0.5em; }
	.raw { margin-left:-0.5em; margin-right:-0.5em; }
	
	.grid-s1 { width:8.333333333333332%; }
	.grid-s2 { width:16.666666666666664%; }
	.grid-s3 { width:25%; }
	.grid-s4 { width:33.33333333333333%; }
	.grid-s5 { width:41.66666666666667%; }
	.grid-s6 { width:50%; }
	.grid-s7 { width:58.333333333333336%; }
	.grid-s8 { width:66.66666666666666%; }
	.grid-s9 { width:75%; }
	.grid-s10 { width:83.33333333333334%; }
	.grid-s11 { width:91.66666666666666%; }
	.grid-s12 { width:100%; }
	
	.hidden-s { display:none; }
	
	.off-1, .off-2, .off-3, .off-4, .off-5, .off-6, .off-7, .off-8, .off-9, .off-10, .off-11 { margin-left:0; }
	
	h1, .h1 { font-size:2.4em; }
}