main, .row{
  max-width: 1236px;
  width: 100%;
  margin: 0 auto;
}.c2, .c4, .c5, .c7, .c6, .c8, .c10, .c12{
  margin:3% 1.618122977346278%; /* 20/1236 */
  float:left;
}.slim{
  margin:0 1.618122977346278%; /* 20/1236 */
}.c12{
  width: 96.763754045307443%; /* 1196/1236 */
}.c10{
  width: 80.097087378640777%; /* 990/1236 */
}.c8{
  width: 63.43042071197411%; /* 784/1236 */
}.c7{
  width: 55.097087378640777%; /* 681/1236 */ /*MAY BE INCORRECT*/
}.c6{
  width: 46.763754045307443%; /* 578/1236 */
}.c5{
  width: 36.812297734627832%; /* 455/1236 */ /*MAY BE INCORRECT*/
}.c4{
  width: 30.097087378640777%; /* 372/1236 */
}.c2{
  width: 13.43042071197411%; /* 166/1236 */
}.s66, .s50, .s33{
  float: left;
}.s50{
  width: 50%;
}.s66{
  width: 66%;
}.s33{
  width: 34%;
}.c8 .s50{
  width: 47.448979591836735%;
  margin:0 2.551020408163265%; /* 20/784*/
}.c8 .s50.or1{
  margin-left:0;
}.c8 .s50.or2{
  margin-right:0;
}.o2{
  margin-left: 16.666666666666667%  /* 206/1236*/
}.o3{
  margin-left: 25%  /* 309/1236 could been wrong*/
}.row + .row{
  margin: 3.236245954692556% 0 0 0;
}

.c2.nml{
  margin-left: -80px;
  width:21.521035598705502%;  /* 266/1236 - 166+20+80 */
}.c4.nmr{
  margin-right: -80px;
  width:38.187702265372168%;  /* 472/1236 - 372+20+80 */
}

.ip{
  padding: 1.5em 3.5em; /* can we use this for banners inner padding too? */
  box-sizing: border-box;
}


body{
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size:13px;
  font-weight: 400; /* Regular */
   /*
  line-height: 1.6;
  color: #2a2929;*/
}p{
  font-size: 1.15em;
}h1, h2, h3, h4{
  font-weight: 600;
  /*text-transform: uppercase;
  /*letter-spacing: 0;
  line-height: 1.2;*/
}a{
  text-decoration: none;
  color: #000000;
}p a, ul a{
  border-bottom: dotted 1px #000000;
}p a{
  font-weight: 600;
}h1{
  font-size:2.6em;
  margin-top: 0;
}h2{
  font-size: 1.9em;
  letter-spacing: 0.04em;
}.tc{
  text-align: center;
}.tr{
  text-align: right;
}
ul.dis{
  margin:0; padding: 0;
  list-style-type: none;
}ul.dis.vert{
  margin:1em 0 0 0;
}ul.dis li{
  display: inline-block;
  margin: 0.75em 0;
}ul.dis.vert li{
  display: block;
}.dot{
  text-align: center;
  clear: both;
}.dot ul{
  margin: 0 0 0 0;
}.dot li{
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #bfbfbf;
  border-radius: 50%;
  margin: 1em 0.5em;
  cursor: pointer;
  box-sizing: border-box;
}.dot li.active{
  background-color: #404040;
}img{
  max-width: 100%;
}.mo{
  display: none;
}

.row:after, .cf:after{
  content: "";
  display: table;
  clear: both;
}