.product-intro {
  background: #f4f4f4;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffffff, #f4f4f4);
  /* Safari */
  background: -o-linear-gradient(#ffffff, #f4f4f4);
  /* Opera 11.6 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #f4f4f4);
  /* Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #f4f4f4);
  /* Standard syntax */
  padding: 25px 0px 50px 0px;
  margin: 175px 0px 40px 0px; }
  @media screen and (max-width: 900px) {
    .product-intro {
      margin: 140px 0px 40px 0px; } }
  @media screen and (max-width: 600px) {
    .product-intro {
      margin: 175px 0px 40px 0px; } }

#content {
  padding-top: 20px; }

@font-face {
  font-family: "Icons";
  src: url("../dashboard/fonts/da-dashboard.a11bad666b7e.eot");
  src: url("../dashboard/fonts/da-dashboard.a11bad666b7e.eot?#iefix") format("embedded-opentype"), url("../dashboard/fonts/da-dashboard.10724b71e2ff.woff") format("woff"), url("../dashboard/fonts/da-dashboard.71497334e28f.ttf") format("truetype"), url("../dashboard/fonts/da-dashboard.30b6c8b2291d.svg") format("svg");
  font-style: normal;
  font-weight: normal; }
.icon {
  font-family: 'Icons'; }

ul.product-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.product-list li {
    margin-bottom: 10px;
    float: left;
    box-sizing: border-box;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 0; }
    ul.product-list li:nth-of-type(4n) {
      margin-right: 0%; }
    @media screen and (max-width: 900px) {
      ul.product-list li {
        float: left;
        box-sizing: border-box;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 0; }
        ul.product-list li:nth-of-type(2n) {
          margin-right: 0%; } }
    @media screen and (max-width: 600px) {
      ul.product-list li {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 0; }
        ul.product-list li:nth-of-type(1n) {
          margin-right: 0%; } }
  ul.product-list a.category, ul.product-list div {
    display: block;
    padding: 0px;
    color: #000;
    background: #f8f8f8;
    border-bottom: 2px solid white;
    -webkit-transition: box-shadow 0.3s ease, background 0.3s ease;
    transition: box-shadow 0.3s ease, background 0.3s ease; }
    ul.product-list a.category img, ul.product-list div img {
      display: block;
      width: 100%;
      height: auto; }
    ul.product-list a.category h2, ul.product-list div h2 {
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 0.02em;
      font-weight: 800;
      margin: 20px 20px 0px 20px; }
      ul.product-list a.category h2 span, ul.product-list div h2 span {
        text-transform: none;
        float: right;
        font-size: 16px; }
    ul.product-list a.category p, ul.product-list div p {
      padding: 10px 20px 10px 20px;
      margin: 0; }
      ul.product-list a.category p span, ul.product-list div p span {
        text-transform: none;
        float: right;
        font-size: 16px; }
    ul.product-list a.category a.download, ul.product-list div a.download {
      display: block;
      color: #000;
      border-top: 1px solid #ccc; }
      ul.product-list a.category a.download:hover, ul.product-list div a.download:hover {
        background: #ccc;
        text-decoration: none; }
      ul.product-list a.category a.download p, ul.product-list div a.download p {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 11px; }
        ul.product-list a.category a.download p span, ul.product-list div a.download p span {
          text-transform: none;
          float: right;
          font-size: 16px; }
  ul.product-list a:hover {
    text-decoration: none;
    background: #ccc; }

.product-intro .twocol {
  float: left;
  box-sizing: border-box;
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0;
  padding: 0px;
  margin-bottom: 10px; }
  .product-intro .twocol:nth-of-type(2n) {
    margin-right: 0%; }
  @media screen and (max-width: 640px) {
    .product-intro .twocol {
      float: none;
      box-sizing: border-box;
      width: 100%;
      margin-right: 2%;
      margin-bottom: 2%;
      padding: 0; }
      .product-intro .twocol:nth-of-type(1n) {
        margin-right: 0%; } }

.twocol {
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
  padding: 0;
  padding: 30px;
  margin-bottom: 50px; }
  .twocol:nth-of-type(2n) {
    margin-right: 0%; }
  .twocol blockquote {
    padding: 5%;
    background: #e4e4e4;
    margin: 20px 0px 0px 0px;
    font-style: italic;
    line-height: 130%;
    font-size: 20px; }

#category-dashboard-list {
  list-style: none;
  padding: 0px; }
  #category-dashboard-list li {
    float: left;
    box-sizing: border-box;
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 0;
    padding: 0px; }
    #category-dashboard-list li:nth-of-type(4n) {
      margin-right: 0%; }
    #category-dashboard-list li a.category {
      display: block;
      background: white;
      padding-bottom: 10px; }
      #category-dashboard-list li a.category img {
        display: block;
        width: 100%;
        height: auto; }
      #category-dashboard-list li a.category h4, #category-dashboard-list li a.category p {
        margin: 10px; }
      #category-dashboard-list li a.category:hover {
        text-decoration: none;
        background: #ccc; }

#product-dashboard-list {
  list-style: none;
  padding: 0px; }
  #product-dashboard-list li {
    float: left;
    box-sizing: border-box;
    width: 15.83333%;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 0;
    padding: 0px; }
    #product-dashboard-list li:nth-of-type(6n) {
      margin-right: 0%; }
    #product-dashboard-list li a.product {
      display: block;
      background: white;
      padding-bottom: 10px; }
      #product-dashboard-list li a.product img {
        display: block;
        width: 100%;
        height: auto; }
      #product-dashboard-list li a.product h4, #product-dashboard-list li a.product p {
        margin: 10px; }
      #product-dashboard-list li a.product:hover {
        text-decoration: none;
        background: #ccc; }