/************************************************************/
/* 															*/
/*	GRK CMS Responsive Framework 							*/
/*	Version 1.1 http://www.grkcms.com						*/
/*	Created for using with GRK CMS Templates 				*/
/*	Under Unlicense, http://unlicense.org/					*/
/* 															*/
/************************************************************/

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* HTML 5 --------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	zoom: 1;
}
.section:before, .section:after {
	content: "";
	display: table;
}
.section:after {
	clear: both;
}
.section {
	zoom: 1;
}

.container-full {
	max-width: 1400px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* HTML ----------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

html {
	height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* FORM ----------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

button, input, select, textarea {
	font-family: sans-serif;
}
form, fieldset, a img {
	border: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* COMMON --------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

.left {
	float: left;
}
.right {
	float: right !important;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
 	*zoom: 1;
 	*display: inline;
}
.inline {
	display: inline;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: -9999em;
}
.visuallyvisible {
	clip: auto;
	width: auto;
	height: auto;
	overflow: visible;
	left: 0;
}
.strong {
	font-weight: bold;
}
.alert {
	background-color: #E3E6E7;
	display: block;
	padding: 4px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.nolist {
	list-style: none;
}
.nopadding {
	padding: 0;
}
.nomargin {
	margin: 0;
}
.none, .nodesktop {
	display: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* BODY ----------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll; 
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* RESPONSIVE GRID PAGINATION ------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

/*************************************************************/
/*	RESPONSIVE IMAGES 											*/
/*************************************************************/

img {
	width:100%;
	height: auto;
}

/*************************************************************/
/*	PAGINATION 													*/
/*************************************************************/

.section {
	position: relative;
}
.row {
	/*margin-bottom: 1em;*/
}


/*************************************************************/
/*	COLUMNS SYSTEM													*/
/*************************************************************/

.column {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
.column {
	float: left;
}
.row-fluid {
	width: 100%;
	*zoom:1;
}
.row-fluid:before, .row-fluid:after {
	display: table;
	content: "";
	line-height: 0
}
.row-fluid:after {
	clear: both
}
.row, .column:first-child {
	margin-left: 0;
}



/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* AUDIO ---------------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

/*


@media only screen and (min-width: 720px) and (max-width: 959px) {
body, img { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}
html body {
	max-width: 959px;
	padding: 0;
	margin: 0;
}
.container {
	!*width: 700px;*!
}
.notablet {
	display: none;
}
.showtablet {
	display: block;
}
}


@media only screen and (max-width: 719px) {
body, img { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}
body {
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.column {margin-bottom: 12px;}

.container {
	padding-left: 20px;
	padding-right: 20px;
}
table th,  table td {
	padding: 4px;
}

}

@media only screen and (min-width: 720px) and (max-width: 959px) {
.navigation ul li {
	margin-left: 5px;
}
.navigation ul li a {
	padding: 10px 15px;
}
}
@media only screen and (max-width: 719px) {
  .header {
    padding-bottom: 0;
    text-align: center;
  }
  .header .container {
    padding: 0;
  }
  .logo {
    float: none;
    margin: 0 auto;
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  .logo .small {
    font-size: 1em;
    position: static;
  }
  .nav-toggle {
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none;
	line-height: 25px;
  }
  .navigation {
    float: none;
  }
  .navigation ul li {
    float: none;
    margin-left: 0;
	width: 100%;
	clear: both;
  }
  .navigation ul li a {
    padding: 10px;
    line-height: 1em;
    font-size: 1em;
    text-transform: none;
	text-decoration: none;
    border: 0;
  }
  .menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .showmobile.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
}
*/


/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA PRINT ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

@media print {
body {
	font-family: serif;
	/* Serif is easier to read offscreen */
	margin: 0.5cm;
}
}