/* Global Sass */
/* Grid system and page structure */
/**
 * Based on Profound Grid by Profound Creative Studio (http://www.profoundgrid.com)
 * Modified by Cindy Lee
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * Profound Creative Studio
 * http://www.profoundgrid.com
 * http://www.weareprofound.com 
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Landing Page Styles
	#Responsive Modules and Media Queries


/* #Site Styles
================================================== */
#fixadent {
  position: relative; }

.fixed {
  position: fixed !important;
  top: 50px;
  white-space: nowrap;
  background: #009add;
  border-bottom: none; }
  .fixed a, .fixed a:visited {
    color: white; }

header {
  width: 100%;
  height: 68px;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: url(../images/nav-back.jpg) repeat-x;
  font-size: 18px; }

#navigation {
  list-style: none;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

#navigation {
  *zoom: 1;
  *zoom: 1; }

#navigation:before,
#navigation:after {
  display: table;
  content: ""; }

#navigation:after {
  clear: both; }

#navigation li {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  height: 68px;
  text-align: center;
  border-right: 1px solid #009add;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s linear, color 0.2s linear;
  -moz-transition: background 0.2s linear, color 0.2s linear;
  -o-transition: background 0.2s linear, color 0.2s linear;
  transition: background 0.2s linear, color 0.2s linear; }

#navigation li:hover {
  background: #009add; }

#navigation li a {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  height: 50px;
  padding: 0 20px;
  white-space: nowrap;
  color: #fff;
  font-size: 21px; }

#navigation li a:hover, #navigation li a:focus {
  color: #fff;
  position: relative;
  top: 1px; }

#navigation li.title {
  border-left: none;
  text-align: left;
  width: auto;
  padding-right: 20px; }

#navigation li.title:hover {
  background: transparent; }

#navigation li.title:active {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#navigation li a h4 {
  color: #fff;
  margin: 0;
  text-transform: none; }

#navigation li a:hover h4 {
  color: #fff; }

#navigation li:last-child {
  border-right: none;
  width: auto; }

#navigation li:first-child {
  border: none;
  background: none; }

#navigation li.cur {
  background: #009add; }

nav {
  width: 100%;
  max-width: 960px;
  height: 50px;
  position: relative;
  margin: auto; }

nav ul {
  list-style: none;
  max-width: 960px;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 15px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

nav ul li {
  float: left;
  display: inline-block;
  margin-right: 0px; }

nav ul li:last-child {
  margin-right: none; }

nav ul li a, nav ul li a:visited {
  color: white;
  padding: 20px 20px;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

nav ul li a:hover, nav ul li a:focus, nav ul li.active a {
  top: 1px;
  background: #0088c4;
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

section {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  position: relative; }

footer {
  position: absolute;
  background: #333;
  border-top: 1px dotted #c1bfb7;
  width: 100%;
  height: 60px;
  color: #5e5e5e !important;
  padding: 20px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.copyright {
  margin-top: 20px; }

.right {
  float: right; }

.left {
  float: left; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.top {
  vertical-align: top; }

.quiet {
  color: #CCC; }

/* #Page Styles
================================================== */
.logos {
  background: #f3f3f3;
  text-align: center;
  padding: 20px;
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.logos .col3:hover {
  cursor: pointer;
  filter: none;
  -webkit-filter: grayscale(0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

#colors {
  margin: 0 auto;
  max-width: 960px; }

#main {
  background: #009ADD;
  color: #FFF;
  padding: 90px 0 30px; }
  #main h1, #main h2, #main h3, #main h4 {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: white; }
  #main .btn {
    border: 1px solid #0088c4;
    border-bottom: 1px solid #0076aa; }

#gridsample {
  background: url(../images/retina_wood.png) repeat fixed;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }

#tables {
  background: url(../images/whitey.png) repeat fixed;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }

#forms {
  background: url(../images/cream_dust.png) repeat fixed;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }

#modals {
  background: url(../images/whitey.png) repeat fixed;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }

.box1 {
  display: inline-block;
  width: 220px;
  padding: 5px 10px;
  background: #eee;
  margin: 5px 12px 5px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* #Responsive Modules and Media Queries
================================================== */
.gridsample > div {
  background: #f4f4f4;
  text-align: center;
  color: #333333;
  line-height: 40px; }

.gridsample:hover > div {
  background: #dadada;
  color: #333333; }

.gridsample .nested {
  background: white !important; }

.row {
  width: 960px;
  margin: 0 auto;
  *zoom: 1; }
  .row:before, .row:after {
    display: table;
    content: "";
    line-height: 0; }
  .row:after {
    clear: both; }

#row1 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row1 > div:nth-child(12n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row1 > div:nth-child(12n+1):before, #row1 > div:nth-child(12n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row1 > div:nth-child(12n+1):after {
      clear: both; }
  #row1 > div:nth-child(12n+2) {
    margin-left: 81.66667px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+3) {
    margin-left: 163.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+4) {
    margin-left: 245px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+5) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+6) {
    margin-left: 408.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+7) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+8) {
    margin-left: 571.66667px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+9) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+10) {
    margin-left: 735px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+11) {
    margin-left: 816.66667px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row1 > div:nth-child(12n+12) {
    margin-left: 898.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }

#row2 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row2 > div:nth-child(6n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row2 > div:nth-child(6n+1):before, #row2 > div:nth-child(6n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row2 > div:nth-child(6n+1):after {
      clear: both; }
  #row2 > div:nth-child(6n+2) {
    margin-left: 163.33333px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  #row2 > div:nth-child(6n+3) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  #row2 > div:nth-child(6n+4) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  #row2 > div:nth-child(6n+5) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  #row2 > div:nth-child(6n+6) {
    margin-left: 816.66667px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }

#row3 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row3 > div:nth-child(4n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row3 > div:nth-child(4n+1):before, #row3 > div:nth-child(4n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row3 > div:nth-child(4n+1):after {
      clear: both; }
  #row3 > div:nth-child(4n+2) {
    margin-left: 245px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }
  #row3 > div:nth-child(4n+3) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }
  #row3 > div:nth-child(4n+4) {
    margin-left: 735px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }

#row4 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row4 > div:nth-child(3n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row4 > div:nth-child(3n+1):before, #row4 > div:nth-child(3n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row4 > div:nth-child(3n+1):after {
      clear: both; }
  #row4 > div:nth-child(3n+2) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row4 > div:nth-child(3n+3) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }

#row5 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row5 > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 470px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row5 > div:nth-child(2n+1):before, #row5 > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row5 > div:nth-child(2n+1):after {
      clear: both; }
  #row5 > div:nth-child(2n+2) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 470px;
    margin-bottom: 20px;
    clear: none; }

#row6 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row6 > div:nth-child(1n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 960px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row6 > div:nth-child(1n+1):before, #row6 > div:nth-child(1n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row6 > div:nth-child(1n+1):after {
      clear: both; }

#row7 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row7 > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 633.33333px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row7 > div:nth-child(2n+1):before, #row7 > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row7 > div:nth-child(2n+1):after {
      clear: both; }
  #row7 > div:nth-child(2n+2) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }

#row8 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row8 > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 715px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row8 > div:nth-child(2n+1):before, #row8 > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row8 > div:nth-child(2n+1):after {
      clear: both; }
  #row8 > div:nth-child(2n+2) {
    margin-left: 735px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }
  #row8 #row9 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/
    *zoom: 1; }
    #row8 #row9 > div:nth-child(2n+1) {
      margin-left: 0px;
      float: left;
      margin-right: -100%;
      width: 470px;
      margin-bottom: 20px;
      clear: both;
      *zoom: 1; }
      #row8 #row9 > div:nth-child(2n+1):before, #row8 #row9 > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row8 #row9 > div:nth-child(2n+1):after {
        clear: both; }
    #row8 #row9 > div:nth-child(2n+2) {
      margin-left: 490px;
      float: left;
      margin-right: -100%;
      width: 225px;
      margin-bottom: 20px;
      clear: none; }
    #row8 #row9:before, #row8 #row9:after {
      display: table;
      content: "";
      line-height: 0; }
    #row8 #row9:after {
      clear: both; }
    #row8 #row9 div:first-child {
      margin-left: 0; }
    #row8 #row9 div:last-child {
      margin-right: 0; }

#row10 {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  #row10 > div:nth-child(3n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    #row10 > div:nth-child(3n+1):before, #row10 > div:nth-child(3n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    #row10 > div:nth-child(3n+1):after {
      clear: both; }
  #row10 > div:nth-child(3n+2) {
    margin-left: 81.66667px;
    float: left;
    margin-right: -100%;
    width: 796.66667px;
    margin-bottom: 20px;
    clear: none; }
  #row10 > div:nth-child(3n+3) {
    margin-left: 898.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }

.colors {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .colors > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 470px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .colors > div:nth-child(2n+1):before, .colors > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .colors > div:nth-child(2n+1):after {
      clear: both; }
  .colors > div:nth-child(2n+2) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 470px;
    margin-bottom: 20px;
    clear: none; }

.altcolors {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .altcolors > div:nth-child(3n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .altcolors > div:nth-child(3n+1):before, .altcolors > div:nth-child(3n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .altcolors > div:nth-child(3n+1):after {
      clear: both; }
  .altcolors > div:nth-child(3n+2) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }
  .altcolors > div:nth-child(3n+3) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }

.greyscale {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .greyscale > div:nth-child(7n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .greyscale > div:nth-child(7n+1):before, .greyscale > div:nth-child(7n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .greyscale > div:nth-child(7n+1):after {
      clear: both; }
  .greyscale > div:nth-child(7n+2) {
    margin-left: 81.66667px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  .greyscale > div:nth-child(7n+3) {
    margin-left: 245px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  .greyscale > div:nth-child(7n+4) {
    margin-left: 408.33333px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  .greyscale > div:nth-child(7n+5) {
    margin-left: 571.66667px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  .greyscale > div:nth-child(7n+6) {
    margin-left: 735px;
    float: left;
    margin-right: -100%;
    width: 143.33333px;
    margin-bottom: 20px;
    clear: none; }
  .greyscale > div:nth-child(7n+7) {
    margin-left: 898.33333px;
    float: left;
    margin-right: -100%;
    width: 61.66667px;
    margin-bottom: 20px;
    clear: none; }

.explanation {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .explanation > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .explanation > div:nth-child(2n+1):before, .explanation > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .explanation > div:nth-child(2n+1):after {
      clear: both; }
  .explanation > div:nth-child(2n+2) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 633.33333px;
    margin-bottom: 20px;
    clear: none; }

.explanation-reverse {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .explanation-reverse > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 633.33333px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .explanation-reverse > div:nth-child(2n+1):before, .explanation-reverse > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .explanation-reverse > div:nth-child(2n+1):after {
      clear: both; }
  .explanation-reverse > div:nth-child(2n+2) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }

.typography-scale {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .typography-scale > div:nth-child(3n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .typography-scale > div:nth-child(3n+1):before, .typography-scale > div:nth-child(3n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .typography-scale > div:nth-child(3n+1):after {
      clear: both; }
  .typography-scale > div:nth-child(3n+2) {
    margin-left: 326.66667px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }
  .typography-scale > div:nth-child(3n+3) {
    margin-left: 653.33333px;
    float: left;
    margin-right: -100%;
    width: 306.66667px;
    margin-bottom: 20px;
    clear: none; }

.typography-lists {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .typography-lists > div:nth-child(4n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .typography-lists > div:nth-child(4n+1):before, .typography-lists > div:nth-child(4n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .typography-lists > div:nth-child(4n+1):after {
      clear: both; }
  .typography-lists > div:nth-child(4n+2) {
    margin-left: 245px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }
  .typography-lists > div:nth-child(4n+3) {
    margin-left: 490px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }
  .typography-lists > div:nth-child(4n+4) {
    margin-left: 735px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: none; }

.divisions {
  /*$total_columns: 0;
    @each $width in $_element_widths{
  	$total_columns: $total_columns + $width;
  }*/ }
  .divisions > div:nth-child(2n+1) {
    margin-left: 0px;
    float: left;
    margin-right: -100%;
    width: 225px;
    margin-bottom: 20px;
    clear: both;
    *zoom: 1; }
    .divisions > div:nth-child(2n+1):before, .divisions > div:nth-child(2n+1):after {
      display: table;
      content: "";
      line-height: 0; }
    .divisions > div:nth-child(2n+1):after {
      clear: both; }
  .divisions > div:nth-child(2n+2) {
    margin-left: 245px;
    float: left;
    margin-right: -100%;
    width: 715px;
    margin-bottom: 20px;
    clear: none; }
  .divisions div:first-child {
    background: #f4f4f4;
    text-align: center;
    vertical-align: middle;
    height: 110px;
    cursor: pointer;
    -webkit-box-sizing: border-radius;
    -moz-box-sizing: border-radius;
    box-sizing: border-radius;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .divisions div:first-child img {
      padding-top: 30px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .divisions div:first-child:hover {
      -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
      -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
      box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3); }

/* Huy Custom Styles ===================================================================================
======================================================================================================*/
img.auto-header-logo {
  float: left;
  margin: 10px 60px 0 15px; }

a.logo-li-fix {
  padding: 0px; }

li.nav-contact-li-fix {
  margin-right: 20px; }

a.social-header-icons {
  padding: 20px 10px 20px 10px; }

.mobile-on {
  display: none; }

#home-top-campaign {
  width: 100%;
  height: 440px;
  margin: 0px 0px 0px 0px;
  background: url(../images/home-top-image.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.tv-scanline {
  height: 440px;
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 0px;
  left: 0;
  background: url(../images/tv-scanline.png) repeat; }

.topcampaign-block {
  position: absolute;
  z-index: 3;
  top: 140px;
  width: 100%;
  text-align: center;
  color: #fff; }

h1.topcampaign-headline {
  color: #fff; }

p.topcampaign-headline-smtxt {
  color: #fff;
  font-size: 24px;
  max-width: 960px;
  width: 100%;
  margin: auto; }

span.bold-white {
  font-weight: bold;
  color: #fff; }

.top-rquest-info-btn {
  margin: 40px 0px 0px 0px; }

#credit-graph-block {
  width: 100%;
  min-height: 400px;
  height: auto;
  margin: auto; }

/*
.credit-graph { $sizes: 4, 8; @include generate_cell_format(div, $sizes); }*/
img.graph-circle {
  width: 100%;
  max-width: 318px;
  float: left;
  margin: 40px 60px 30px 0px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */ }

.credit-text-block {
  padding: 150px 0px 20px 0px;
  width: auto;
  font-size: 18px; }

#convertible-contentchunk {
  height: 440px;
  width: 100%;
  background: url(../images/convertible-sunset-image.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#leading-industry-txt {
  font-size: 30px;
  font-family: "Times New Roman", serif;
  text-align: center;
  max-width: 800px;
  width: 100%;
  width: auto;
  color: #fff;
  margin: 150px auto 0;
  font-style: italic; }

.diag-whiteline {
  height: 440px;
  width: 100%;
  background: url(../images/diag-whiteline.png) repeat;
  position: absolute;
  top: 0px;
  z-index: 2;
  overflow: hidden; }

#convertible-toplayer-wrapper {
  position: absolute;
  z-index: 3;
  top: 0px;
  margin: auto;
  width: 100%;
  text-align: center; }

#auto-dealer-requestinfo-block {
  width: 100%;
  height: auto;
  min-height: 420px;
  padding: 0px 0 0 0; }

.auto-dealer-requestinfo-block-wrapper {
  width: 100%;
  max-width: 960px;
  margin: 90px auto 0; }

img.requestinfo-img {
  float: right;
  margin-right: 20px; }

.autodealer-txt-block {
  width: 90%;
  max-width: 500px;
  font-size: 18px;
  margin: 0px 30px 30px 30px; }

.rquest-info-btn {
  float: left;
  margin: 0px 15px 0px 30px; }

#openroad-fullwidthimage {
  height: 300px;
  width: 100%;
  background: url(../images/road-image.jpg) no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.clearfix {
  width: 100%; }

#homepg-contact-block {
  width: 100%;
  height: 600px;
  max-width: 960px;
  margin: auto;
  padding: 40px 0 0 0; }

#homepg-contact-block h2 {
  margin: 0px 0px 15px 35px; }

.contact-toptext-wrapper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0px 30px 0px;
  font-size: 18px;
  text-align: center; }

.contact-toptext {
  max-width: 900px;
  width: 100%;
  margin: auto; }

.segmentblock-wrapper {
  max-width: 780px;
  width: 100%;
  margin: auto;
  text-align: center; }

.contact-segment-block {
  width: 220px;
  float: left;
  text-align: center;
  margin: 40px 20px 40px 20px; }

#contact-bottom-left-block {
  max-width: 450px;
  width: 46%;
  text-align: right;
  float: left;
  padding: 40px auto 0;
  border-right: 1px solid #ccc; }

#contact-bottom-left-block p {
  padding: 0px 40px 0px 0px; }

#contact-bottom-right-block {
  max-width: 450px;
  width: 46%;
  text-align: left;
  float: left;
  padding: 40px auto 0; }

#contact-bottom-right-block span {
  padding: 0px 0px 0px 40px; }

span.contact-serif-font {
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  font-style: italic;
  font-size: 18px; }

span.contact-hours {
  font-size: 12px;
  font-weight: bold; }

.footer-insidewrapper {
  padding: 20px 0 0 0; }

.footer-copyright {
  text-align: left;
  color: #fff; }

.footer-icon-wrapper {
  float: right;
  width: 200px; }

.footer-social-icons {
  padding: 10px 10px; }

/*------About page--------*/
#about-top-campaign {
  width: 100%;
  height: 440px;
  margin: 0px 0px 0px 0px;
  background: url(../images/about-top-image.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#about-block {
  width: 100%;
  max-width: 960px;
  min-height: 580px;
  height: auto;
  margin: auto; }

#about-block h1 {
  margin: 40px 0px 20px 0px; }

img.about-circleimg {
  float: left;
  width: 159px;
  height: auto;
  margin: 20px 20px 20px 20px; }

#about-block h3 {
  margin: 40px 0px 20px 0px; }

@media screen and (min-width: 720px) and (max-width: 959px) {
  a.logo-li-fix {
    padding: 0px;
    margin: 0px 0px 0px 20px; }

  a.social-header-icons {
    padding: 20px 5px 20px 5px; }

  .topcampaign-block {
    top: 100px; }

  .row {
    width: 98%;
    margin: 0 1%;
    *zoom: 1; }
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    .row:after {
      clear: both; }

  #row1 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row1 > div:nth-child(6n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row1 > div:nth-child(6n+1):before, #row1 > div:nth-child(6n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row1 > div:nth-child(6n+1):after {
        clear: both; }
    #row1 > div:nth-child(6n+2) {
      margin-left: 17%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row1 > div:nth-child(6n+3) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row1 > div:nth-child(6n+4) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row1 > div:nth-child(6n+5) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row1 > div:nth-child(6n+6) {
      margin-left: 85%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }

  #row2 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row2 > div:nth-child(6n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row2 > div:nth-child(6n+1):before, #row2 > div:nth-child(6n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row2 > div:nth-child(6n+1):after {
        clear: both; }
    #row2 > div:nth-child(6n+2) {
      margin-left: 17%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row2 > div:nth-child(6n+3) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row2 > div:nth-child(6n+4) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row2 > div:nth-child(6n+5) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    #row2 > div:nth-child(6n+6) {
      margin-left: 85%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }

  #row3 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row3 > div:nth-child(4n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row3 > div:nth-child(4n+1):before, #row3 > div:nth-child(4n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row3 > div:nth-child(4n+1):after {
        clear: both; }
    #row3 > div:nth-child(4n+2) {
      margin-left: 25.5%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }
    #row3 > div:nth-child(4n+3) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }
    #row3 > div:nth-child(4n+4) {
      margin-left: 76.5%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }

  #row4 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row4 > div:nth-child(3n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row4 > div:nth-child(3n+1):before, #row4 > div:nth-child(3n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row4 > div:nth-child(3n+1):after {
        clear: both; }
    #row4 > div:nth-child(3n+2) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }
    #row4 > div:nth-child(3n+3) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }

  #row5 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row5 > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 49%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row5 > div:nth-child(2n+1):before, #row5 > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row5 > div:nth-child(2n+1):after {
        clear: both; }
    #row5 > div:nth-child(2n+2) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 49%;
      margin-bottom: 2%;
      clear: none; }

  #row6 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row6 > div:nth-child(1n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 100%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row6 > div:nth-child(1n+1):before, #row6 > div:nth-child(1n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row6 > div:nth-child(1n+1):after {
        clear: both; }

  #row7 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row7 > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 66%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row7 > div:nth-child(2n+1):before, #row7 > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row7 > div:nth-child(2n+1):after {
        clear: both; }
    #row7 > div:nth-child(2n+2) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }

  #row8 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row8 > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 74.5%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row8 > div:nth-child(2n+1):before, #row8 > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row8 > div:nth-child(2n+1):after {
        clear: both; }
    #row8 > div:nth-child(2n+2) {
      margin-left: 76.5%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }
    #row8 #row9 {
      /*$total_columns: 0;
        @each $width in $_element_widths{
      	$total_columns: $total_columns + $width;
      }*/
      *zoom: 1;
      width: 100% !important; }
      #row8 #row9 > div:nth-child(2n+1) {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 74.5%;
        margin-bottom: 2%;
        clear: both;
        *zoom: 1; }
        #row8 #row9 > div:nth-child(2n+1):before, #row8 #row9 > div:nth-child(2n+1):after {
          display: table;
          content: "";
          line-height: 0; }
        #row8 #row9 > div:nth-child(2n+1):after {
          clear: both; }
      #row8 #row9 > div:nth-child(2n+2) {
        margin-left: 76.5%;
        float: left;
        margin-right: -100%;
        width: 23.5%;
        margin-bottom: 2%;
        clear: none; }
      #row8 #row9:before, #row8 #row9:after {
        display: table;
        content: "";
        line-height: 0; }
      #row8 #row9:after {
        clear: both; }

  #row10 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row10 > div:nth-child(3n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 6.5%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row10 > div:nth-child(3n+1):before, #row10 > div:nth-child(3n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row10 > div:nth-child(3n+1):after {
        clear: both; }
    #row10 > div:nth-child(3n+2) {
      margin-left: 8.5%;
      float: left;
      margin-right: -100%;
      width: 83%;
      margin-bottom: 2%;
      clear: none; }
    #row10 > div:nth-child(3n+3) {
      margin-left: 93.5%;
      float: left;
      margin-right: -100%;
      width: 6.5%;
      margin-bottom: 2%;
      clear: none; }

  .colors {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .colors > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 49%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .colors > div:nth-child(2n+1):before, .colors > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .colors > div:nth-child(2n+1):after {
        clear: both; }
    .colors > div:nth-child(2n+2) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 49%;
      margin-bottom: 2%;
      clear: none; }

  .altcolors {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .altcolors > div:nth-child(3n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .altcolors > div:nth-child(3n+1):before, .altcolors > div:nth-child(3n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .altcolors > div:nth-child(3n+1):after {
        clear: both; }
    .altcolors > div:nth-child(3n+2) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }
    .altcolors > div:nth-child(3n+3) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }

  .greyscale {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .greyscale > div:nth-child(7n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 6.5%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .greyscale > div:nth-child(7n+1):before, .greyscale > div:nth-child(7n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .greyscale > div:nth-child(7n+1):after {
        clear: both; }
    .greyscale > div:nth-child(7n+2) {
      margin-left: 8.5%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    .greyscale > div:nth-child(7n+3) {
      margin-left: 25.5%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    .greyscale > div:nth-child(7n+4) {
      margin-left: 42.5%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    .greyscale > div:nth-child(7n+5) {
      margin-left: 59.5%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    .greyscale > div:nth-child(7n+6) {
      margin-left: 76.5%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: none; }
    .greyscale > div:nth-child(7n+7) {
      margin-left: 93.5%;
      float: left;
      margin-right: -100%;
      width: 6.5%;
      margin-bottom: 2%;
      clear: none; }

  .explanation {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .explanation > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .explanation > div:nth-child(2n+1):before, .explanation > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .explanation > div:nth-child(2n+1):after {
        clear: both; }
    .explanation > div:nth-child(2n+2) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 66%;
      margin-bottom: 2%;
      clear: none; }

  .explanation-reverse {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .explanation-reverse > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 66%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .explanation-reverse > div:nth-child(2n+1):before, .explanation-reverse > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .explanation-reverse > div:nth-child(2n+1):after {
        clear: both; }
    .explanation-reverse > div:nth-child(2n+2) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }

  .typography-scale {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .typography-scale > div:nth-child(3n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .typography-scale > div:nth-child(3n+1):before, .typography-scale > div:nth-child(3n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .typography-scale > div:nth-child(3n+1):after {
        clear: both; }
    .typography-scale > div:nth-child(3n+2) {
      margin-left: 34%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }
    .typography-scale > div:nth-child(3n+3) {
      margin-left: 68%;
      float: left;
      margin-right: -100%;
      width: 32%;
      margin-bottom: 2%;
      clear: none; }

  .typography-lists {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .typography-lists > div:nth-child(4n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .typography-lists > div:nth-child(4n+1):before, .typography-lists > div:nth-child(4n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .typography-lists > div:nth-child(4n+1):after {
        clear: both; }
    .typography-lists > div:nth-child(4n+2) {
      margin-left: 25.5%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }
    .typography-lists > div:nth-child(4n+3) {
      margin-left: 51%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }
    .typography-lists > div:nth-child(4n+4) {
      margin-left: 76.5%;
      float: left;
      margin-right: -100%;
      width: 23.5%;
      margin-bottom: 2%;
      clear: none; }

  .divisions {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .divisions > div:nth-child(2n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 15%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .divisions > div:nth-child(2n+1):before, .divisions > div:nth-child(2n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .divisions > div:nth-child(2n+1):after {
        clear: both; }
    .divisions > div:nth-child(2n+2) {
      margin-left: 17%;
      float: left;
      margin-right: -100%;
      width: 83%;
      margin-bottom: 2%;
      clear: none; }
    .divisions div:first-child {
      background: #f4f4f4;
      text-align: center;
      vertical-align: middle;
      height: 110px;
      cursor: pointer;
      -webkit-box-sizing: border-radius;
      -moz-box-sizing: border-radius;
      box-sizing: border-radius;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .divisions div:first-child img {
        padding-top: 30px; }
      .divisions div:first-child:hover {
        -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3); } }
@media screen and (max-width: 720px) {
  .contact-segment-block {
    width: 100%;
    text-align: left;
    margin: 20px 0px 20px 20px; }

  .topcampaign-block {
    top: 100px; }

  .hamburger {
    margin: -15px 0 0 0;
    padding: 18px 18px 16px 18px;
    float: right; }

  a.logo-li-fix {
    padding: 0px;
    margin-right: 20px; }

  a.social-header-icons {
    padding: 20px 5px 20px 5px; }

  .row {
    width: 98%;
    margin: 0 1%;
    *zoom: 1; }
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    .row:after {
      clear: both; }

  #row1, #row2, #row3, #row4, #row5, #row6, #row7, #row8, #row9, #row10 {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    #row1 > div:nth-child(1n+1), #row2 > div:nth-child(1n+1), #row3 > div:nth-child(1n+1), #row4 > div:nth-child(1n+1), #row5 > div:nth-child(1n+1), #row6 > div:nth-child(1n+1), #row7 > div:nth-child(1n+1), #row8 > div:nth-child(1n+1), #row9 > div:nth-child(1n+1), #row10 > div:nth-child(1n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 100%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      #row1 > div:nth-child(1n+1):before, #row1 > div:nth-child(1n+1):after, #row2 > div:nth-child(1n+1):before, #row2 > div:nth-child(1n+1):after, #row3 > div:nth-child(1n+1):before, #row3 > div:nth-child(1n+1):after, #row4 > div:nth-child(1n+1):before, #row4 > div:nth-child(1n+1):after, #row5 > div:nth-child(1n+1):before, #row5 > div:nth-child(1n+1):after, #row6 > div:nth-child(1n+1):before, #row6 > div:nth-child(1n+1):after, #row7 > div:nth-child(1n+1):before, #row7 > div:nth-child(1n+1):after, #row8 > div:nth-child(1n+1):before, #row8 > div:nth-child(1n+1):after, #row9 > div:nth-child(1n+1):before, #row9 > div:nth-child(1n+1):after, #row10 > div:nth-child(1n+1):before, #row10 > div:nth-child(1n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      #row1 > div:nth-child(1n+1):after, #row2 > div:nth-child(1n+1):after, #row3 > div:nth-child(1n+1):after, #row4 > div:nth-child(1n+1):after, #row5 > div:nth-child(1n+1):after, #row6 > div:nth-child(1n+1):after, #row7 > div:nth-child(1n+1):after, #row8 > div:nth-child(1n+1):after, #row9 > div:nth-child(1n+1):after, #row10 > div:nth-child(1n+1):after {
        clear: both; }

  .divisions {
    /*$total_columns: 0;
      @each $width in $_element_widths{
    	$total_columns: $total_columns + $width;
    }*/ }
    .divisions > div:nth-child(1n+1) {
      margin-left: 0%;
      float: left;
      margin-right: -100%;
      width: 100%;
      margin-bottom: 2%;
      clear: both;
      *zoom: 1; }
      .divisions > div:nth-child(1n+1):before, .divisions > div:nth-child(1n+1):after {
        display: table;
        content: "";
        line-height: 0; }
      .divisions > div:nth-child(1n+1):after {
        clear: both; }
    .divisions div:first-child {
      background: #f4f4f4;
      text-align: center;
      vertical-align: middle;
      height: 60px;
      cursor: pointer;
      -webkit-box-sizing: border-radius;
      -moz-box-sizing: border-radius;
      box-sizing: border-radius;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .divisions div:first-child img {
        padding-top: 10px; }
      .divisions div:first-child:hover {
        -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3); }
      .divisions div:first-child a.logo-li-fix {
        padding: 0px;
        margin-right: 0px; }
      .divisions div:first-child a.social-header-icons {
        padding: 10px 10px 10px 10px; } }
@media screen and (max-width: 480px) {
  img.auto-header-logo {
    position: fixed;
    margin: -55px 0 0 10px; }

  a.social-header-icons {
    width: 35px;
    float: left; }

  .row {
    width: 98%;
    margin: 0 1%;
    *zoom: 1; }
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    .row:after {
      clear: both; }

  img.graph-circle {
    width: 75%;
    float: right;
    margin-left: 20px; }

  .credit-text-block {
    margin: 10px 20px 10px 20px; }

  h1.topcampaign-headline {
    font-size: 28px;
    line-height: 32px; }

  .topcampaign-block {
    top: 80px; }

  p.topcampaign-headline-smtxt {
    font-size: 18px; }

  #homepg-contact-block {
    height: 970px; }

  #leading-industry-txt {
    font-size: 24px;
    font-family: "Times New Roman", serif;
    text-align: center;
    max-width: 960px;
    width: 100%;
    width: auto;
    color: #fff;
    margin: 100px 15px 0 15px;
    font-style: italic; }

  .contact-segment-block {
    width: 100%;
    text-align: left;
    margin: 20px 0px 20px 20px; }

  #about-top-campaign {
    width: 100%;
    height: 240px; }

  .about-tv-scanline {
    height: 240px; } }