/*
	.fitgrd - responsive grid system
	open http://www.fitgrd.com for more information
	download at https://github.com/jayalai/fitgrd
	Licensed under GPL and MIT.
*/


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; vertical-align: top; }
.center { max-width: 85em; margin: 0 auto; }
.row { margin: 0 .5em; /*padding: 2% 1em 0;*/
padding: 0 1em 0; overflow: hidden; height: 1%;  *zoom: 1;
min-height: 1%; }
/*.clearfix {
	height:0;
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}*/
.clearFix { zoom: 100%; min-height: 1px; }
.clearFix:after { content: ".";  /* ﾃｩﾅ｡ﾂｴﾃｯﾂｿﾂｽﾃｯﾂｽﾂｽﾃｯﾂｽﾂｰﾃｩ窶堋ｵﾃｯﾂｽﾂｺﾃｨﾅ凪€ｰﾃｯﾂｽﾂｱﾃｯﾂｿﾂｽﾃｦﾂｨﾂ｣ﾃ･窶ｺﾅｽﾃｧﾂｫﾂ湘ｯﾂｽﾂｫﾃｯﾂｿﾂｽﾃｯﾂｽﾂｴﾃｩﾆ陳｢ﾃｯﾂｽﾂｧﾃｨﾅ凪€佚ｯﾂｿﾂｽﾃｯﾂｽﾂｽﾃｯﾂｽﾂｽﾃｨﾂｫ窶ｺﾃ･ﾂ･窶｡ﾃｯﾂｽﾂｽﾃｯﾂｿﾂｽ */ display: block;  /* ﾃｩﾆ陳｢ﾃｦ邃｢窶榲｣ﾂ⇒愿ｯﾂｾﾅｽﾃｦﾂｺﾂｽﾃｯﾂｽﾂｹﾃｦ邃｢ﾂ｢ﾃｯﾂｽﾂｿﾃｯﾂｽﾂｽﾃｧﾂｸﾂｺﾃｩ窶�ﾂ催ｯﾂｽﾂｹﾃｦ邃｢ﾂ｢ﾃｯﾂｽﾂｽﾃｯﾂｽﾂｬﾃｩﾆ陳｢ﾃｦ邃｢ﾂ湘ｧ窶敘ｸﾃｯﾂｾﾅｽﾃｦ邃｢ﾅｾﾃ･窶ｺﾅｽﾃｧﾂｫﾂ湘ｯﾂｽﾂｫﾃｯﾂｿﾂｽﾃｯﾂｽﾂｴﾃｩ窶堋ｵﾃｯﾂｽﾂｺﾃｯﾂｿﾂｽﾃｯﾂｽﾂｫ */ clear: both; height: 0; visibility: hidden; }
/* ======================================= 
   columns w/ margin
   ======================================= */
.fg1,
.fg2,
.fg3,
.fg4,
.fg5,
.fg6,
.fg7,
.fg8,
.fg9,
.fg10,
.fg11,
.fg12 { margin: 0 2%; padding: 0; float: left; position: relative; }
.fg12 { width: 96%; }
.fg11 { width: 87.66%; }
.fg10 { width: 79.33%; }
.fg9 { width: 71%; }
.fg8 { width: 62.66%; }
.fg7 { width: 54.33%; }
.fg6 { width: 46%; }
.fg5 { width: 37.66%; }
.fg4 { width: 29.33%; }
.fg3 { width: 21%; }
.fg2 { width: 12.66%; }
.fg1 { width: 4.33%; }
/* ======================================= 
   push w/ columns
   ======================================= */
   
.push12 { margin-left: 100%; }
.push11 { margin-left: 93.66%; }
.push10 { margin-left: 85.33%; }
.push9 { margin-left: 77%; }
.push8 { margin-left: 68.66%; }
.push7 { margin-left: 60.33%; }
.push6 { margin-left: 52%; }
.push5 { margin-left: 43.66%; }
.push4 { margin-left: 35.33%; }
.push3 { margin-left: 27%; }
.push2 { margin-left: 18.66%; }
.push1 { margin-left: 10.33%; }
/* ======================================= 
   columns w/o margin
   ======================================= */
  
.fg-no-gutter { padding: 0 2.5em; margin-top: 0; margin-bottom: 0; }
.fg-no-gutter > [class*="fg"] { margin: 0; padding: 0; float: left; position: relative; }
.fg-no-gutter .fg12 { width: 100%; }
.fg-no-gutter .fg11 { width: 91.66%; }
.fg-no-gutter .fg10 { width: 83.33%; }
.fg-no-gutter .fg9 { width: 75%; }
.fg-no-gutter .fg8 { width: 66.66%; }
.fg-no-gutter .fg7 { width: 58.33%; }
.fg-no-gutter .fg6 { width: 50%; }
.fg-no-gutter .fg5 { width: 41.66%; }
.fg-no-gutter .fg4 { width: 33.33%; }
.fg-no-gutter .fg3 { width: 25%; }
.fg-no-gutter .fg2 { width: 16.66%; }
.fg-no-gutter .fg1 { width: 8.33%; }
/* ======================================= 
   push columns w/o margin
   ======================================= */
   
.fg-no-gutter .push12 { margin-left: 100%; }
.fg-no-gutter .push11 { margin-left: 91.66%; }
.fg-no-gutter .push10 { margin-left: 83.33%; }
.fg-no-gutter .push9 { margin-left: 75%; }
.fg-no-gutter .push8 { margin-left: 66.66%; }
.fg-no-gutter .push7 { margin-left: 58.33%; }
.fg-no-gutter .push6 { margin-left: 50%; }
.fg12 .push5 { margin-left: 41.66%; }
.fg-no-gutter .push4 { margin-left: 33.33%; }
.fg-no-gutter .push3 { margin-left: 25%; }
.fg-no-gutter .push2 { margin-left: 16.66%; }
.fg-no-gutter .push1 { margin-left: 8.33%; }
.fg-no-mobile { display: block; }
.fg-no-desktop { display: none; }

/* ======================================= 
   media queries
   ======================================= */
   
/* smartphone size */
@media screen and (max-width: 767px) {
.row { padding: 0 1em; margin: 0; }
.fg1,
.fg2 { width: 46%; margin-bottom: 1em; }
.fg3,
.fg4,
.fg5,
.fg6,
.fg7,
.fg8,
.fg9,
.fg10,
.fg11,
.fg12 { /*margin:0 2% 1em;*/
margin: 0 2% 1em; padding: 0; width: 96%; }
.fg-no-gutter > [class*="fg"] { /*width: 50%;*/
width: 100%; }
.fg-no-mobile { display: none; }
.fg-no-desktop { display: block; }
}