/* Originally: .row{margin:0 -.5em;width:auto;box-sizing:content-box;float:none} */
/* box-sizing: border-box; pushes padding and border inside declared width.
 * content-box, adds padding and border to declared width. 
* The URL to the HTC file must be relative to HTML(!) document, not relative to this CSS file. */
body, .row, .rownopad {   min-width: 320px; /* put on body to solve rightscrollnobg problem */   }
.row {  clear: both; border: 0px solid #0000ff;  width: auto;max-width: 990px; padding-left: 0.96%; margin: 0 auto;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*behavior:url(boxsizing.htc); 
}
.rownopad { margin-left: auto; margin-right: auto; padding: 0 0; max-width: 960px; }
/* Add padding to all direct children - not children of children
 .content > * {
  margin:0 20px;
}   */
.g10,.g11,.g12,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g1,
.s-g1,.s-g10,.s-g11,.s-g12,.s-g2,.s-g3,.s-g4,.s-g5,.s-g6,.s-g7,.s-g8,.s-g9,
.m-g1,.m-g10,.m-g11,.m-g12,.m-g2,.m-g3,.m-g4,.m-g5,.m-g6,.m-g7,.m-g8,.m-g9
{ display: inline-block; margin:0 1% 0 0;clear:none;float:left;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*behavior:url(boxsizing.htc);  }

.g1 {  width:7.33333%;  }
.g2 {  width:15.66667%; }
.g3 {  width:24%;  }
.g4 {  width:32.33333%; }
.g5 { width:40.66667% ; }
.g6 {  width:49%;  }
.g7 {  width:57.33333%;  }
.g8 {  width:65.66667%;  }
.g9 { width:74%;  }
.g10 { width:82.33333%;  }
.g11 {  width:90.66667%;  }
.g12 {  width: 99%;  }

.pad{padding:0.5em} .pad-t {padding-top:0.5em} .pad-b {padding-bottom:0.5em} .pad-lr {padding:0 0.5em} .pad-tb {padding:0.5em 0}
.pad-lrb { padding: 0 0.5em 0.5em 0.5em; }  .pad-tlr {  padding:   0.5em 0.5em 0 0.5em; } pad-r {padding-right: 0.5em}
.flow-opposite{float:right}.center{text-align:center}.left{text-align:left}.right{text-align:right}
.onlyshowmobile  {   display: none; }

/* no margins */
.g1nm, .g2nm, .g3nm, .g4nm, .g5nm, .g6nm, .g7nm, .g8nm, .g9nm, .g10nm, .g11nm, .g12nm {
	margin:  0; float: left; display: inline;  min-height: 1px; }
.g2nm { width: 16.6666%; }
.g3nm { width: 25%; }
.g4nm { width: 33.3333%; }
.g6nm  { width: 50%; }
.g8nm {  width: 66.6666%; }
.g9nm  {  width: 75%; }
.g12nm { width: 100%;  }

@media (min-width:521px) and (max-width:800px){
.m-g2 {  width:15.66667%; }
.m-g3 {  width:24%;  }
.m-g4 {  width:32.33333%;  }
.m-g5 { width:40.66667% ; }
.m-g6 {  width:49%;  }
.m-g7 {  width:57.33333%;  }
.m-g8 {  width:65.66667%;  }
.m-g9 { width:74%;  }
.m-g10 { width:82.33333%;  }
.m-g12 {  width: 99%;  }   
    
.m-flow-opposite{float:right}.m-center{text-align:center}.m-left{text-align:left}.m-right{text-align:right}.m-hidden{display:none}
.onlyshowtablet { display: block;  }
}

@media (max-width:520px){
.s-g3 {  width:24%;  }
.s-g4 {  width:32.33333%;  }
.s-g6 {  width:49%;  }
.s-g8 {  width:65.66667%;  }
.s-g9 { width:74%;  }
.s-g12 {  width: 99%;  }   
    
.s-flow-opposite{float:right}.s-center{text-align:center}.s-left{text-align:left}.s-right{text-align:right}.s-hidden{display:none}
.onlyshowmobile  {   display: block; }  .onlyshowtablet { display: block;  }
}

.clearfix:before,     .clearfix:after,      .row:before,     .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
.row:after,     .clearfix:after {       clear: both; }
.row,     .clearfix {       zoom: 1; }
.clearfix { 	display: block; }
.clear { 	display: block; clear: both;  }
.clear10 {	clear: both; display:block; height: 10px;}
.clear15 {	clear:both; display: block; height: 15px;}
.clear20 {	clear:both; display: block; height: 20px;}
.clear40 {	clear:both; display: block; height: 40px;}
/* cols without gutters, i.e. no margin-right:
 * .offset-0{margin-left:0}.g1{width:8.33333%}.offset-1{margin-left:8.33333%}.g2{width:16.66667%}.offset-2{margin-left:16.66667%}.g3{width:25%}.offset-3{margin-left:25%}.g4{width:33.33333%}.offset-4{margin-left:33.33333%}.g5{width:41.66667%}.offset-5{margin-left:41.66667%}.g6{width:50%}.offset-6{margin-left:50%}.g7{width:58.33333%}.offset-7{margin-left:58.33333%}.g8{width:66.66667%}.offset-8{margin-left:66.66667%}.g9{width:75%}.offset-9{margin-left:75%}.g10{width:83.33333%}.offset-10{margin-left:83.33333%}.g11{width:91.66667%}.offset-11{margin-left:91.66667%}.g12{width:100%}.offset-12{margin-left:100%}  */