/* base shades */
/* primary/branding colors */
/* accent colors */
/* icons */
/* block accents */
@import url(fonts/ionicons.min.css);
.grid-wrap-18, .grid-18 {
  /*@include grid-visual;*/
  padding-left: 0px; }
  .grid-wrap-18::after, .grid-18::after {
    clear: both;
    content: "";
    display: block; }
  .grid-wrap-18.spaced, .grid-18.spaced {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

.grid-wrap-18-small {
  /*@include grid-visual;*/
  padding-left: 0px; }
  .grid-wrap-18-small::after {
    clear: both;
    content: "";
    display: block; }
  .grid-wrap-18-small.spaced {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

.grid-wrap-12 {
  list-style-type: none;
  text-indent: 0px;
  padding-left: 0px; }
  .grid-wrap-12::after {
    clear: both;
    content: "";
    display: block; }
  .grid-wrap-12.spaced {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }

.grid-wrap-18-small > .span-1 {
  width: calc(5.5555555556%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-1.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-1 {
  width: calc(5.5555555556% - 21.1111111111px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-1.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-2 {
  width: calc(11.1111111111%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-2.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-2 {
  width: calc(11.1111111111% - 22.2222222222px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-2.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-3 {
  width: calc(16.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-3.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-3 {
  width: calc(16.6666666667% - 23.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-3.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-4 {
  width: calc(22.2222222222%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-4.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-4 {
  width: calc(22.2222222222% - 24.4444444444px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-4.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-5 {
  width: calc(27.7777777778%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-5.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-5 {
  width: calc(27.7777777778% - 25.5555555556px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-5.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-6 {
  width: calc(33.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-6.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-6 {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-6.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-7 {
  width: calc(38.8888888889%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-7.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-7 {
  width: calc(38.8888888889% - 27.7777777778px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-7.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-8 {
  width: calc(44.4444444444%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-8.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-8 {
  width: calc(44.4444444444% - 28.8888888889px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-8.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-9 {
  width: calc(50%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-9.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-9 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-9.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-10 {
  width: calc(55.5555555556%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-10.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-10 {
  width: calc(55.5555555556% - 31.1111111111px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-10.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-11 {
  width: calc(61.1111111111%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-11.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-11 {
  width: calc(61.1111111111% - 32.2222222222px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-11.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-12 {
  width: calc(66.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-12.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-12 {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-12.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-13 {
  width: calc(72.2222222222%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-13.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-13.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-13 {
  width: calc(72.2222222222% - 34.4444444444px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-13.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-13.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-14 {
  width: calc(77.7777777778%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-14.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-14.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-14 {
  width: calc(77.7777777778% - 35.5555555556px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-14.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-14.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-15 {
  width: calc(83.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-15.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-15.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-15 {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-15.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-15.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-16 {
  width: calc(88.8888888889%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-16.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-16.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-16 {
  width: calc(88.8888888889% - 37.7777777778px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-16.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-16.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-17 {
  width: calc(94.4444444444%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-17.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-17.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-17 {
  width: calc(94.4444444444% - 38.8888888889px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-17.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-17.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small > .span-18 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small > .span-18.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small > .span-18.pad-left {
    padding-left: 3%; }

.grid-wrap-18-small.spaced .span-18 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18-small.spaced .span-18.pad-right {
    padding-right: 3%; }
  .grid-wrap-18-small.spaced .span-18.pad-left {
    padding-left: 3%; }

/* 18 grid loop */
.grid-wrap-18 > .span-1, .grid-18 > .span-1 {
  width: calc(5.5555555556%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-1.pad-right, .grid-18 > .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-1.pad-left, .grid-18 > .span-1.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-1, .grid-18 > .span-1 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-1, .grid-18.spaced .span-1 {
  width: calc(5.5555555556% - 21.1111111111px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-1.pad-right, .grid-18.spaced .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-1.pad-left, .grid-18.spaced .span-1.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-1, .grid-18.spaced .span-1 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-2, .grid-18 > .span-2 {
  width: calc(11.1111111111%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-2.pad-right, .grid-18 > .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-2.pad-left, .grid-18 > .span-2.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-2, .grid-18 > .span-2 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-2, .grid-18.spaced .span-2 {
  width: calc(11.1111111111% - 22.2222222222px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-2.pad-right, .grid-18.spaced .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-2.pad-left, .grid-18.spaced .span-2.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-2, .grid-18.spaced .span-2 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-3, .grid-18 > .span-3 {
  width: calc(16.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-3.pad-right, .grid-18 > .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-3.pad-left, .grid-18 > .span-3.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-3, .grid-18 > .span-3 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-3, .grid-18.spaced .span-3 {
  width: calc(16.6666666667% - 23.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-3.pad-right, .grid-18.spaced .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-3.pad-left, .grid-18.spaced .span-3.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-3, .grid-18.spaced .span-3 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-4, .grid-18 > .span-4 {
  width: calc(22.2222222222%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-4.pad-right, .grid-18 > .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-4.pad-left, .grid-18 > .span-4.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-4, .grid-18 > .span-4 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-4, .grid-18.spaced .span-4 {
  width: calc(22.2222222222% - 24.4444444444px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-4.pad-right, .grid-18.spaced .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-4.pad-left, .grid-18.spaced .span-4.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-4, .grid-18.spaced .span-4 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-5, .grid-18 > .span-5 {
  width: calc(27.7777777778%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-5.pad-right, .grid-18 > .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-5.pad-left, .grid-18 > .span-5.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-5, .grid-18 > .span-5 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-5, .grid-18.spaced .span-5 {
  width: calc(27.7777777778% - 25.5555555556px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-5.pad-right, .grid-18.spaced .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-5.pad-left, .grid-18.spaced .span-5.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-5, .grid-18.spaced .span-5 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-6, .grid-18 > .span-6 {
  width: calc(33.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-6.pad-right, .grid-18 > .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-6.pad-left, .grid-18 > .span-6.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-6, .grid-18 > .span-6 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-6, .grid-18.spaced .span-6 {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-6.pad-right, .grid-18.spaced .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-6.pad-left, .grid-18.spaced .span-6.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-6, .grid-18.spaced .span-6 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-7, .grid-18 > .span-7 {
  width: calc(38.8888888889%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-7.pad-right, .grid-18 > .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-7.pad-left, .grid-18 > .span-7.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-7, .grid-18 > .span-7 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-7, .grid-18.spaced .span-7 {
  width: calc(38.8888888889% - 27.7777777778px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-7.pad-right, .grid-18.spaced .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-7.pad-left, .grid-18.spaced .span-7.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-7, .grid-18.spaced .span-7 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-8, .grid-18 > .span-8 {
  width: calc(44.4444444444%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-8.pad-right, .grid-18 > .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-8.pad-left, .grid-18 > .span-8.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-8, .grid-18 > .span-8 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-8, .grid-18.spaced .span-8 {
  width: calc(44.4444444444% - 28.8888888889px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-8.pad-right, .grid-18.spaced .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-8.pad-left, .grid-18.spaced .span-8.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-8, .grid-18.spaced .span-8 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-9, .grid-18 > .span-9 {
  width: calc(50%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-9.pad-right, .grid-18 > .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-9.pad-left, .grid-18 > .span-9.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-9, .grid-18 > .span-9 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-9, .grid-18.spaced .span-9 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-9.pad-right, .grid-18.spaced .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-9.pad-left, .grid-18.spaced .span-9.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-9, .grid-18.spaced .span-9 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-10, .grid-18 > .span-10 {
  width: calc(55.5555555556%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-10.pad-right, .grid-18 > .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-10.pad-left, .grid-18 > .span-10.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-10, .grid-18 > .span-10 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-10, .grid-18.spaced .span-10 {
  width: calc(55.5555555556% - 31.1111111111px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-10.pad-right, .grid-18.spaced .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-10.pad-left, .grid-18.spaced .span-10.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-10, .grid-18.spaced .span-10 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-11, .grid-18 > .span-11 {
  width: calc(61.1111111111%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-11.pad-right, .grid-18 > .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-11.pad-left, .grid-18 > .span-11.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-11, .grid-18 > .span-11 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-11, .grid-18.spaced .span-11 {
  width: calc(61.1111111111% - 32.2222222222px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-11.pad-right, .grid-18.spaced .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-11.pad-left, .grid-18.spaced .span-11.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-11, .grid-18.spaced .span-11 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-12, .grid-18 > .span-12 {
  width: calc(66.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-12.pad-right, .grid-18 > .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-12.pad-left, .grid-18 > .span-12.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-12, .grid-18 > .span-12 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-12, .grid-18.spaced .span-12 {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-12.pad-right, .grid-18.spaced .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-12.pad-left, .grid-18.spaced .span-12.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-12, .grid-18.spaced .span-12 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-13, .grid-18 > .span-13 {
  width: calc(72.2222222222%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-13.pad-right, .grid-18 > .span-13.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-13.pad-left, .grid-18 > .span-13.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-13, .grid-18 > .span-13 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-13, .grid-18.spaced .span-13 {
  width: calc(72.2222222222% - 34.4444444444px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-13.pad-right, .grid-18.spaced .span-13.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-13.pad-left, .grid-18.spaced .span-13.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-13, .grid-18.spaced .span-13 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-14, .grid-18 > .span-14 {
  width: calc(77.7777777778%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-14.pad-right, .grid-18 > .span-14.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-14.pad-left, .grid-18 > .span-14.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-14, .grid-18 > .span-14 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-14, .grid-18.spaced .span-14 {
  width: calc(77.7777777778% - 35.5555555556px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-14.pad-right, .grid-18.spaced .span-14.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-14.pad-left, .grid-18.spaced .span-14.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-14, .grid-18.spaced .span-14 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-15, .grid-18 > .span-15 {
  width: calc(83.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-15.pad-right, .grid-18 > .span-15.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-15.pad-left, .grid-18 > .span-15.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-15, .grid-18 > .span-15 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-15, .grid-18.spaced .span-15 {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-15.pad-right, .grid-18.spaced .span-15.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-15.pad-left, .grid-18.spaced .span-15.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-15, .grid-18.spaced .span-15 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-16, .grid-18 > .span-16 {
  width: calc(88.8888888889%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-16.pad-right, .grid-18 > .span-16.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-16.pad-left, .grid-18 > .span-16.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-16, .grid-18 > .span-16 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-16, .grid-18.spaced .span-16 {
  width: calc(88.8888888889% - 37.7777777778px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-16.pad-right, .grid-18.spaced .span-16.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-16.pad-left, .grid-18.spaced .span-16.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-16, .grid-18.spaced .span-16 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-17, .grid-18 > .span-17 {
  width: calc(94.4444444444%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-17.pad-right, .grid-18 > .span-17.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-17.pad-left, .grid-18 > .span-17.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-17, .grid-18 > .span-17 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-17, .grid-18.spaced .span-17 {
  width: calc(94.4444444444% - 38.8888888889px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-17.pad-right, .grid-18.spaced .span-17.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-17.pad-left, .grid-18.spaced .span-17.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-17, .grid-18.spaced .span-17 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-18 > .span-18, .grid-18 > .span-18 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18 > .span-18.pad-right, .grid-18 > .span-18.pad-right {
    padding-right: 3%; }
  .grid-wrap-18 > .span-18.pad-left, .grid-18 > .span-18.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18 > .span-18, .grid-18 > .span-18 {
      width: calc(100%);
      float: left;
      margin-left: 0px; } }

.grid-wrap-18.spaced .span-18, .grid-18.spaced .span-18 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-18.spaced .span-18.pad-right, .grid-18.spaced .span-18.pad-right {
    padding-right: 3%; }
  .grid-wrap-18.spaced .span-18.pad-left, .grid-18.spaced .span-18.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-18.spaced .span-18, .grid-18.spaced .span-18 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

/* 12 grid loop */
.grid-wrap-12 .span-1 {
  width: calc(8.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-1.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-1 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-1.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-1.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-1 {
  width: calc(8.3333333333% - 21.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-1.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-1.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-1 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-2 {
  width: calc(16.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-2.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-2 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-2.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-2.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-2 {
  width: calc(16.6666666667% - 23.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-2.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-2.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-2 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-3 {
  width: calc(25%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-3.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-3 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-3.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-3.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-3 {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-3.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-3.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-3 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-4 {
  width: calc(33.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-4.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-4 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-4.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-4.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-4 {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-4.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-4.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-4 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-5 {
  width: calc(41.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-5.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-5 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-5.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-5.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-5 {
  width: calc(41.6666666667% - 28.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-5.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-5.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-5 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-6 {
  width: calc(50%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-6.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-6 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-6.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-6.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-6 {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-6.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-6.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-6 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-7 {
  width: calc(58.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-7.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-7 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-7.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-7.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-7 {
  width: calc(58.3333333333% - 31.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-7.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-7.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-7 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-8 {
  width: calc(66.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-8.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-8 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-8.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-8.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-8 {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-8.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-8.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-8 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-9 {
  width: calc(75%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-9.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-9 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-9.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-9.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-9 {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-9.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-9.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-9 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-10 {
  width: calc(83.3333333333%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-10.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-10 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-10.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-10.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-10 {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-10.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-10.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-10 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-11 {
  width: calc(91.6666666667%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-11.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-11 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-11.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-11.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-11 {
  width: calc(91.6666666667% - 38.3333333333px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-11.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-11.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-11 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

.grid-wrap-12 .span-12 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .grid-wrap-12 .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-12 .span-12.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12 .span-12 {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      .grid-wrap-12 .span-12.pad-right {
        padding-right: 0px; }
      .grid-wrap-12 .span-12.pad-left {
        padding-left: 0px; } }

.grid-wrap-12.spaced .span-12 {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  text-indent: 0px; }
  .grid-wrap-12.spaced .span-12.pad-right {
    padding-right: 3%; }
  .grid-wrap-12.spaced .span-12.pad-left {
    padding-left: 3%; }
  @media (max-width: 768px) {
    .grid-wrap-12.spaced .span-12 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

/* positioning -- 
-- this can be used with the grid to align sections on window resize */
@media (min-width: 1px) {
  .left-to-center {
    text-align: center; } }

@media (min-width: 768px) {
  .left-to-center {
    text-align: left; } }

@media (min-width: 1px) {
  .right-to-center {
    text-align: center; } }

@media (min-width: 768px) {
  .right-to-center {
    text-align: right; } }

@media (min-width: 1px) {
  .right-to-left {
    text-align: left; } }

@media (min-width: 768px) {
  .right-to-left {
    text-align: right; } }

@media (min-width: 1px) {
  .left-to-right {
    text-align: right; } }

@media (min-width: 768px) {
  .left-to-right {
    text-align: left; } }

@media (min-width: 1px) {
  .center-to-left {
    text-align: left; } }

@media (min-width: 768px) {
  .center-to-left {
    text-align: center; } }

@media (min-width: 1px) {
  .center-to-right {
    text-align: right; } }

@media (min-width: 768px) {
  .center-to-right {
    text-align: center; } }

/* flexbox properties */
.flex-row {
  list-style-type: none;
  text-indent: 0px;
  padding-left: 0px; }
  .flex-row.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  @media (min-width: 1px) {
    .flex-row {
      /*width:100%;*/ }
      .flex-row.reverse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
      .flex-row .flex-item:last-child {
        margin-bottom: 0px; }
      .flex-row .flex-span-1 {
        width: 100%; }
      .flex-row .flex-span-2 {
        width: 100%; }
      .flex-row .flex-span-3 {
        width: 100%; }
      .flex-row .flex-span-4 {
        width: 100%; }
      .flex-row .flex-span-5 {
        width: 100%; }
      .flex-row .flex-span-6 {
        width: 100%; }
      .flex-row .flex-span-7 {
        width: 100%; }
      .flex-row .flex-span-8 {
        width: 100%; }
      .flex-row .flex-span-9 {
        width: 100%; }
      .flex-row .flex-span-10 {
        width: 100%; }
      .flex-row .flex-span-11 {
        width: 100%; }
      .flex-row .flex-span-12 {
        width: 100%; }
      .flex-row .flex-span-13 {
        width: 100%; }
      .flex-row .flex-span-14 {
        width: 100%; }
      .flex-row .flex-span-15 {
        width: 100%; }
      .flex-row .flex-span-16 {
        width: 100%; }
      .flex-row .flex-span-17 {
        width: 100%; }
      .flex-row .flex-span-18 {
        width: 100%; } }
  @media (min-width: 1024px) {
    .flex-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      float: none; }
      .flex-row.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      .flex-row.spaced {
        -ms-flex-pack: distribute;
            justify-content: space-around; }
      .flex-row.left.spaced {
        -ms-flex-line-pack: start;
            align-content: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .flex-row.center {
        -ms-flex-line-pack: center;
            align-content: center; }
      .flex-row .flex-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
                flex: 1 0 0;
        -ms-flex: 1;
            flex: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 0px;
        /*margin-right:5%;*/ }
        .flex-row .flex-item:last-child {
          margin-right: 0px; }
        .flex-row .flex-item.flex-column {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .flex-row .flex-item.flex-column *:last-child {
            margin-top: auto; }
      .flex-row .flex-span-1 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 5.5555555556%;
                flex: 0 0 5.5555555556%; }
      .flex-row .flex-span-2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 11.1111111111%;
                flex: 0 0 11.1111111111%; }
      .flex-row .flex-span-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 16.6666666667%;
                flex: 0 0 16.6666666667%; }
      .flex-row .flex-span-4 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22.2222222222%;
                flex: 0 0 22.2222222222%; }
      .flex-row .flex-span-5 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 27.7777777778%;
                flex: 0 0 27.7777777778%; }
      .flex-row .flex-span-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333333333%;
                flex: 0 0 33.3333333333%; }
      .flex-row .flex-span-7 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 38.8888888889%;
                flex: 0 0 38.8888888889%; }
      .flex-row .flex-span-8 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 44.4444444444%;
                flex: 0 0 44.4444444444%; }
      .flex-row .flex-span-9 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
      .flex-row .flex-span-10 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 55.5555555556%;
                flex: 0 0 55.5555555556%; }
      .flex-row .flex-span-11 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 61.1111111111%;
                flex: 0 0 61.1111111111%; }
      .flex-row .flex-span-12 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 66.6666666667%;
                flex: 0 0 66.6666666667%; }
      .flex-row .flex-span-13 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 72.2222222222%;
                flex: 0 0 72.2222222222%; }
      .flex-row .flex-span-14 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 77.7777777778%;
                flex: 0 0 77.7777777778%; }
      .flex-row .flex-span-15 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 83.3333333333%;
                flex: 0 0 83.3333333333%; }
      .flex-row .flex-span-16 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 88.8888888889%;
                flex: 0 0 88.8888888889%; }
      .flex-row .flex-span-17 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 94.4444444444%;
                flex: 0 0 94.4444444444%; }
      .flex-row .flex-span-18 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }

.flex-space-between, .space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.space-evenly {
  -ms-flex-line-pack: space-evenly;
      align-content: space-evenly; }

.space-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around; }

.flex-row-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  list-style-type: none;
  text-indent: 0px;
  padding-left: 0px; }
  .flex-row-small.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex-row-small .flex-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0px; }

.primary-color {
  color: #3e3e3e; }

.secondary-color {
  color: #ed1a21; }

.tertiary-color {
  color: #1c48b1; }

.base-background {
  background-color: #fff; }

.primary-background, .grey-background {
  background-color: #e2e2e2; }

.primary-background-dark {
  background-color: #3e3e3e; }

.primary-background-darker {
  background-color: #c9c8c8; }

.primary-background-lighter, .ui-dropdown .ui-dropdown-options .dropdown-option.selected {
  background-color: #f6f6f6; }

.striped > *:nth-child(odd) {
  background-color: #fafafa; }

@font-face {
  font-family: "Open Sans";
  src: url(/Content/css/fonts/OpenSans-Regular.eot), url(/Content/css/fonts/OpenSans-Regular.ttf); }

@font-face {
  font-family: "Open Sans Bold";
  src: url(/Content/css/fonts/OpenSans-Bold.eot), url(/Content/css/fonts/OpenSans-Bold.ttf); }

@font-face {
  font-family: "Open Sans Semibold";
  src: url(/Content/css/fonts/OpenSans-Semibold.eot), url(/Content/css/fonts/OpenSans-Semibold.ttf); }

@font-face {
  font-family: "PT Sans";
  src: url(/Content/css/fonts/PT_Sans-Web-Regular.ttf); }

@font-face {
  font-family: "PT Sans Bold";
  src: url(/Content/css/fonts/PT_Sans-Web-Bold.ttf); }

h1, h2, h3 {
  font-family: "PT Sans Bold", sans-serif; }

h4, h5 {
  font-family: "Open Sans Semibold", sans-serif, "PT Sans Bold", sans-serif; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

p, span, ul, li, ol, div, select, option, input {
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  line-height: 19px; }

a {
  font-size: 13px;
  font-family: "Open Sans Semibold", "Open Sans", "PT Sans", sans-serif;
  color: #1845ab;
  font-weight: normal; }
  a:hover {
    color: #2a6496;
    text-decoration: none; }

.text.headline {
  font-family: "PT Sans Bold", sans-serif;
  color: #3e3e3e;
  font-size: 1.50rem;
  font-weight: 700;
  text-transform: uppercase; }

.text.small-headline {
  font-family: "PT Sans Bold", sans-serif;
  color: #3e3e3e;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase; }

.text.body {
  font-family: "PT Sans", sans-serif;
  color: #000;
  font-size: 1.25rem; }

img {
  display: block;
  width: 100%;
  margin: 0px; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

@media (min-width: 1px) and (max-width: 768px) {
  .center-left {
    text-align: left; } }

@media (min-width: 1024px) {
  .center-left {
    text-align: center; } }

.bold {
  font-weight: 500; }

/* Solidify, Inc 2017 */
#Solidify, footer, header, section {
  padding: 0px;
  margin: 0px auto; }

#Solidify, footer, header, section, div {
  display: block;
  width: 100%; }
  #Solidify.wrapper, footer.wrapper, header.wrapper, section.wrapper, div.wrapper {
    display: block;
    margin: 0px auto;
    padding: 0px; }
    #Solidify.wrapper:after, footer.wrapper:after, header.wrapper:after, section.wrapper:after, div.wrapper:after {
      clear: both;
      display: block;
      content: " "; }
    @media (min-width: 1px) {
      #Solidify.wrapper, footer.wrapper, header.wrapper, section.wrapper, div.wrapper {
        width: 100%; } }
    @media (min-width: 768px) {
      #Solidify.wrapper, footer.wrapper, header.wrapper, section.wrapper, div.wrapper {
        width: 96%; } }
    @media (min-width: 1024px) {
      #Solidify.wrapper, footer.wrapper, header.wrapper, section.wrapper, div.wrapper {
        width: 98%;
        max-width: 1400px !important; } }

section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0px;
  padding-bottom: 0px; }

#Solidify {
  width: 98%;
  max-width: 1400px; }
  @media (min-width: 1px) {
    #Solidify {
      width: 92%; } }
  @media (min-width: 768px) {
    #Solidify {
      width: 96%; } }
  @media (min-width: 1024px) {
    #Solidify {
      width: 98%;
      max-width: 1400px !important; } }

@media (min-width: 1px) {
  .desktop {
    display: none; } }

@media (min-width: 1024px) {
  .desktop {
    display: inherit; } }

@media (min-width: 1px) {
  .small-screen {
    display: block; } }

@media (min-width: 1024px) {
  .small-screen {
    display: inherit; } }

@media (min-width: 1px) {
  .medium-screen {
    display: none; } }

@media (min-width: 768px) {
  .medium-screen {
    display: inherit; } }

@media (min-width: 1024px) {
  .medium-screen {
    display: inherit; } }

@media (min-width: 1px) {
  .large-screen {
    display: none; } }

@media (min-width: 768px) {
  .large-screen {
    display: none; } }

@media (min-width: 1024px) {
  .large-screen {
    display: inherit; } }

input.search {
  display: inline-block;
  width: 100%;
  max-width: 420px;
  padding: 15px 7px;
  border-radius: 2px;
  border: solid 1px #cecece; }

.resource {
  width: 100%;
  max-width: 200px; }

.ui-dropdown {
  position: relative; }
  .ui-dropdown .ui-dropdown-select {
    cursor: pointer;
    position: relative; }
    .ui-dropdown .ui-dropdown-select.family-select {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: auto;
      padding: 12px 10px;
      margin: 10px auto;
      border: none;
      border-bottom: 2px solid #d9d6d9; }
      .ui-dropdown .ui-dropdown-select.family-select .ui-dropdown-select-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 36px;
                flex: 0 0 36px;
        color: #ed1a21;
        margin-top: 8px;
        margin-bottom: 8px;
        position: relative; }
        .ui-dropdown .ui-dropdown-select.family-select .ui-dropdown-select-icon:after {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          margin: 0px;
          padding: 0px;
          line-height: 16px;
          font-size: 14px;
          content: '\f123';
          font-family: "Ionicons"; }
      .ui-dropdown .ui-dropdown-select.family-select .ui-dropdown-select-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 20px;
        font-weight: 600;
        color: #3e3e3e;
        line-height: 125%;
        font-family: "PT Sans", "PT Sans Bold", sans-serif; }
  .ui-dropdown .ui-dropdown-options {
    position: absolute;
    top: 0px;
    z-index: 1000;
    width: 100%;
    -webkit-transform-origin: 0% 0px;
            transform-origin: 0% 0px;
    background-color: #fff;
    border: solid 1px #e2e2e2;
    border-radius: 2px;
    max-height: 300px;
    overflow-y: scroll;
    -webkit-transition: all 0.15s 0s linear;
    transition: all 0.15s 0s linear; }
    .ui-dropdown .ui-dropdown-options.open {
      opacity: 1.00;
      -webkit-transform: translate(0, -25%) scale(1, 1);
              transform: translate(0, -25%) scale(1, 1);
      -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
      padding-top: 10px;
      padding-bottom: 10px; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option {
        -webkit-transform: translate(0px, 0px);
                transform: translate(0px, 0px);
        opacity: 1.00; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(1) {
        -webkit-transition-delay: 0.025s;
                transition-delay: 0.025s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(2) {
        -webkit-transition-delay: 0.05s;
                transition-delay: 0.05s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(3) {
        -webkit-transition-delay: 0.075s;
                transition-delay: 0.075s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(4) {
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(5) {
        -webkit-transition-delay: 0.125s;
                transition-delay: 0.125s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(6) {
        -webkit-transition-delay: 0.15s;
                transition-delay: 0.15s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(7) {
        -webkit-transition-delay: 0.175s;
                transition-delay: 0.175s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(8) {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(9) {
        -webkit-transition-delay: 0.225s;
                transition-delay: 0.225s; }
      .ui-dropdown .ui-dropdown-options.open .dropdown-option:nth-child(10) {
        -webkit-transition-delay: 0.25s;
                transition-delay: 0.25s; }
    .ui-dropdown .ui-dropdown-options.closed {
      opacity: 0.00;
      -webkit-transform: translate(0, 0px) scale(1, 0.2);
              transform: translate(0, 0px) scale(1, 0.2); }
      .ui-dropdown .ui-dropdown-options.closed .dropdown-option {
        -webkit-transform: translate(0px, 100%);
                transform: translate(0px, 100%);
        opacity: 0.00;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
    .ui-dropdown .ui-dropdown-options .dropdown-option {
      display: block;
      font-size: 18px;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 0px;
      padding: 8px 15px;
      color: #3e3e3e;
      -webkit-transition: all 0.25s 0s ease-in-out;
      transition: all 0.25s 0s ease-in-out;
      cursor: pointer; }
      .ui-dropdown .ui-dropdown-options .dropdown-option.selected {
        color: #3e3e3e; }
      .ui-dropdown .ui-dropdown-options .dropdown-option:hover {
        color: #ed1a21; }

.label {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.00rem; }

.select {
  display: block;
  padding: 8px;
  width: 100%; }

/* modal window styles */
body.popeye-modal-open {
  overflow: hidden; }

.popeye-modal-container {
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 5;
  overflow-y: auto;
  text-align: center;
  background-color: rgba(235, 235, 235, 0.85); }
  .popeye-modal-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .popeye-modal-container.ng-enter {
    -webkit-animation: modal-fade-in;
            animation: modal-fade-in;
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s; }
    .popeye-modal-container.ng-enter .popeye-modal {
      -webkit-transform: rotateX(-30deg) translateY(100%);
              transform: rotateX(-30deg) translateY(100%);
      -webkit-filter: blur(3px);
              filter: blur(3px);
      opacity: 0.00; }
  .popeye-modal-container.ng-enter-active .popeye-modal {
    -webkit-transition: all 0.25s 0.25s ease-in-out;
    transition: all 0.25s 0.25s ease-in-out;
    -webkit-transform: rotateY(0deg) translateY(0%);
            transform: rotateY(0deg) translateY(0%);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1.00; }
  .popeye-modal-container.ng-leave {
    -webkit-animation: modal-fade-out;
            animation: modal-fade-out;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s; }
    .popeye-modal-container.ng-leave .popeye-modal {
      -webkit-transition: all 0.25s 0s ease-in-out;
      transition: all 0.25s 0s ease-in-out;
      -webkit-transform: rotateX(-30deg) translateY(100%);
              transform: rotateX(-30deg) translateY(100%);
      -webkit-filter: blur(3px);
              filter: blur(3px);
      opacity: 0.00; }
  .popeye-modal-container .popeye-modal {
    display: inline-block;
    position: relative;
    width: 90%;
    max-width: 768px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    border-radius: 2px;
    border: none;
    z-index: 6;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px -2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 30px -2px rgba(0, 0, 0, 0.25);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
  .popeye-modal-container .popeye-close-modal {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 65px;
    height: 65px;
    text-align: center; }
  .popeye-modal-container .popeye-close-modal:after {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    content: '\f12a';
    font-family: "Ionicons";
    color: #3e3e3e;
    font-size: 30px; }

@-webkit-keyframes modal-fade-in {
  0% {
    opacity: 0.00; }
  100% {
    opacity: 1.00; } }

@keyframes modal-fade-in {
  0% {
    opacity: 0.00; }
  100% {
    opacity: 1.00; } }

@-webkit-keyframes modal-fade-out {
  0% {
    opacity: 1.00; }
  100% {
    opacity: 0.00; } }

@keyframes modal-fade-out {
  0% {
    opacity: 1.00; }
  100% {
    opacity: 0.00; } }

#email-details-form, #email-details-form-feedback {
  display: inline-block;
  width: 100%;
  padding: 0px;
  margin: 0px; }
  #email-details-form .title, #email-details-form .body, #email-details-form-feedback .title, #email-details-form-feedback .body {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 40px; }
  #email-details-form .title, #email-details-form-feedback .title {
    border-bottom: solid 1px #e2e2e2;
    margin: 0px;
    padding-right: 20%; }
  #email-details-form .body, #email-details-form-feedback .body {
    margin: 10px 0px; }
    #email-details-form .body .input--label, #email-details-form-feedback .body .input--label {
      font-weight: bold;
      margin: 0px; }
    #email-details-form .body .field input, #email-details-form-feedback .body .field input {
      width: 100%;
      padding: 8px;
      margin: 2px 0px; }
    #email-details-form .body .field textarea, #email-details-form-feedback .body .field textarea {
      width: 100%;
      padding: 8px;
      margin: 2px 0px;
      height: 100px; }
    #email-details-form .body .button--primary, #email-details-form-feedback .body .button--primary {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #email-details-form .body .required, #email-details-form-feedback .body .required {
      color: red; }

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 6px 10px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-family: "PT Sans Bold", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  /*&:after {flex-grow:1; text-align:right;}
     &:before {flex-grow:1; text-align:left;}*/
  width: 100%;
  max-width: 700px; }

.button.primary, .button--primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 6px 10px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-family: "PT Sans Bold", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  /*&:after {flex-grow:1; text-align:right;}
     &:before {flex-grow:1; text-align:left;}*/
  background-color: #ed1a21;
  color: #fff; }
  .button.primary:hover, .button--primary:hover {
    background-color: #c50f15;
    color: #fff; }

.button--primary[class*="icon--chevron"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.button.primary.disabled {
  background-color: #c9c8c8; }

.button.primary.disabled:hover {
  background-color: #e2e2e2;
  cursor: default; }

.button.accent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: 700px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 6px 10px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-family: "PT Sans Bold", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  /*&:after {flex-grow:1; text-align:right;}
     &:before {flex-grow:1; text-align:left;}*/
  background-color: #ed1a21;
  color: #fff; }
  .button.accent:hover {
    background-color: #c50f15; }

.icon--chevron-after:after {
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 80%;
  color: inherit;
  padding: 0.1em 0 0 0.75em; }

.icon--chevron-before:before {
  content: "\f053";
  font-family: "FontAwesome";
  font-size: 80%;
  color: inherit;
  padding: 0.1em 0.75em 0 0; }

.link {
  display: inline-block;
  color: #1c48b1;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font-weight: normal;
  font-family: "PT Sans", sans-serif; }
  .link.icon.right:after {
    font-family: "Ionicons";
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
  .link.icon.left:before {
    font-family: "Ionicons";
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
  .link.icon.reset.left:before, .link.icon.reset.right:after {
    content: '\f459'; }
  .link.icon.forward.left:before, .link.icon.forward.right:after {
    font-family: "FontAwesome";
    content: "\f054";
    font-size: 80%; }
  .link.icon.back.left:before, .link.icon.back.right:after {
    content: '\f124';
    font-size: 80%; }
  .link.icon.mail.left:before {
    content: '\f2eb';
    font-size: 90%;
    color: #a6a6a6; }
  .link.icon.message.left:before {
    content: '\f11e';
    font-size: 90%;
    color: #a6a6a6; }
  .link.icon.print.left:before {
    content: '\f491';
    font-size: 90%;
    color: #a6a6a6; }
  .link.icon.gear.left:before {
    content: '\f13d';
    font-size: 90%;
    color: #a6a6a6; }
  .link:hover {
    color: #1c7ab1; }
    .link:hover.icon.forward.right:after {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }
    .link:hover.icon.foward.right:before {
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px); }

.button-link {
  display: inline-block;
  color: #1c48b1;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font-weight: normal;
  font-family: "PT Sans", sans-serif;
  display: inline-block;
  width: auto;
  font-family: "PT Sans Bold", sans-serif;
  font-size: inherit; }
  .button-link.icon.right:after {
    font-family: "Ionicons";
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
  .button-link.icon.left:before {
    font-family: "Ionicons";
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
  .button-link.icon.reset.left:before, .button-link.icon.reset.right:after {
    content: '\f459'; }
  .button-link.icon.forward.left:before, .button-link.icon.forward.right:after {
    font-family: "FontAwesome";
    content: "\f054";
    font-size: 80%; }
  .button-link.icon.back.left:before, .button-link.icon.back.right:after {
    content: '\f124';
    font-size: 80%; }
  .button-link.icon.mail.left:before {
    content: '\f2eb';
    font-size: 90%;
    color: #a6a6a6; }
  .button-link.icon.message.left:before {
    content: '\f11e';
    font-size: 90%;
    color: #a6a6a6; }
  .button-link.icon.print.left:before {
    content: '\f491';
    font-size: 90%;
    color: #a6a6a6; }
  .button-link.icon.gear.left:before {
    content: '\f13d';
    font-size: 90%;
    color: #a6a6a6; }
  .button-link:hover {
    color: #1c7ab1; }
    .button-link:hover.icon.forward.right:after {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }
    .button-link:hover.icon.foward.right:before {
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px); }
  .button-link.icon:before, .button-link.icon:after {
    font-size: 0.50rem; }

.button-group-connected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px;
  width: 100%; }
  .button-group-connected .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -ms-flex: 1;
        flex: 1; }
  .button-group-connected .item {
    list-style-type: none;
    text-indent: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 20px;
    border: solid 1px #ed1a21;
    border-right-width: 0px;
    min-width: 125px;
    overflow: hidden;
    background-color: #fff;
    color: #ed1a21; }
    .button-group-connected .item:hover {
      color: #ed1a21; }
    .button-group-connected .item.selected {
      background-color: #ed1a21;
      color: #fff; }
      .button-group-connected .item.selected:hover {
        background-color: #ed1a21;
        border-color: #ed1a21; }
    .button-group-connected .item:first-child {
      border-radius: 2px 0px 0px 2px; }
    .button-group-connected .item:last-child {
      border-radius: 0px 2px 2px 0px;
      border-right-width: 1px; }

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .button-group > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -ms-flex: 1;
        flex: 1;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .button-group > *:first-child {
    margin-left: 0%; }

.table-head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #efefef;
  margin-top: 25px; }
  .table-head > *:first-child {
    margin-bottom: 0px; }
  .table-head .sort {
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
    position: relative; }
    .table-head .sort:first-child {
      min-width: 40px;
      max-width: 60px; }
      .table-head .sort:first-child:hover {
        background: transparent;
        cursor: default; }
    .table-head .sort:hover {
      background-color: rgba(255, 255, 255, 0.5); }
    .table-head .sort.selected {
      background-color: rgba(255, 255, 255, 0.8);
      color: #3e3e3e; }
    .table-head .sort.descending .icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .table-head .sort.ascending .icon {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .table-head .sort .filter--label {
      display: block;
      margin: 0px;
      padding: 0px;
      font-weight: 400; }
    .table-head .sort .icon {
      display: block;
      font-size: 90%;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transition: -webkit-transform 0.25s 0s ease-in-out;
      transition: -webkit-transform 0.25s 0s ease-in-out;
      transition: transform 0.25s 0s ease-in-out;
      transition: transform 0.25s 0s ease-in-out, -webkit-transform 0.25s 0s ease-in-out;
      text-align: center;
      line-height: 100%;
      margin: 0px;
      padding: 0px; }
    .table-head .sort .icon:before {
      content: "\f35f";
      font-family: "Ionicons";
      display: inline-block;
      width: 100%; }

.table-body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 25px;
  position: relative;
  height: 100%; }
  .table-body .row, .table-body .table-row {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px auto;
    border-bottom: solid 1px #e2e2e2;
    /* selector for alternating rows */
    /* highlight first column */ }
    .table-body .row .flex-item:last-child, .table-body .table-row .flex-item:last-child {
      text-align: center; }
      @media (min-width: 1px) and (max-width: 768px) {
        .table-body .row .flex-item:last-child, .table-body .table-row .flex-item:last-child {
          text-align: left; } }
    @media (min-width: 1px) and (max-width: 1024px) {
      .table-body .row, .table-body .table-row {
        padding-left: 5%;
        padding-right: 5%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        position: relative;
        text-align: left; }
        .table-body .row .flex-item, .table-body .table-row .flex-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 80%;
                  flex: 0 0 80%;
          padding-left: 20%; }
        .table-body .row .flex-item:first-child, .table-body .table-row .flex-item:first-child {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 20%;
                  flex: 0 0 20%;
          height: 100%;
          position: absolute;
          top: 0px;
          padding-left: 0px;
          text-align: center;
          z-index: 3; }
          .table-body .row .flex-item:first-child > *, .table-body .table-row .flex-item:first-child > * {
            position: relative;
            top: 50%;
            -webkit-transform: translate(0, -100%);
                    transform: translate(0, -100%); } }
    @media (min-width: 1024px) {
      .table-body .row, .table-body .table-row {
        padding-left: 0%;
        padding-right: 0%; } }
    .table-body .row:nth-child(even), .table-body .table-row:nth-child(even) {
      background-color: #f9f9f9; }
    .table-body .row .column:first-child, .table-body .table-row .column:first-child {
      min-width: 40px;
      max-width: 60px; }
    .table-body .row .column:nth-child(2), .table-body .table-row .column:nth-child(2) {
      cursor: pointer; }
    .table-body .row .column, .table-body .table-row .column {
      margin-right: 0px; }
      .table-body .row .column:first-child, .table-body .table-row .column:first-child {
        min-width: 40px;
        max-width: 60px; }
      @media (min-width: 1px) {
        .table-body .row .column, .table-body .table-row .column {
          text-align: left; } }
      @media (min-width: 1024px) {
        .table-body .row .column, .table-body .table-row .column {
          text-align: center; } }
    @media (min-width: 1px) {
      .table-body .row .specification--label, .table-body .table-row .specification--label {
        display: inline-block;
        margin-right: 5px;
        font-weight: 600;
        text-align: left; } }
    @media (min-width: 1024px) {
      .table-body .row .specification--label, .table-body .table-row .specification--label {
        display: none; } }

.even-table-row {
  background-color: #f1f1f1; }

.paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .paginate .pager {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    max-width: 700px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    padding: 6px 10px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-family: "PT Sans Bold", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    /*&:after {flex-grow:1; text-align:right;}
     &:before {flex-grow:1; text-align:left;}*/
    background-color: #ed1a21;
    color: #fff;
    max-width: 150px;
    margin: auto 0px;
    width: auto;
    text-align: center; }
    .paginate .pager:hover {
      background-color: #c50f15;
      color: #fff; }
    .paginate .pager.previous:before, .paginate .pager.next:after {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      font-family: "Ionicons";
      font-size: 1.20rem; }
    .paginate .pager.next:after {
      content: "\f125";
      margin-left: 3px; }
    .paginate .pager.previous:before {
      content: "\f124";
      margin-right: 3px; }
    .paginate .pager.disabledPaging {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      opacity: 0.25; }
  .paginate .pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 1.5%;
    margin-bottom: 0px; }
    .paginate .pages .page {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto;
      max-width: 700px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      padding: 6px 10px;
      border: none;
      border-radius: 2px;
      cursor: pointer;
      font-family: "PT Sans Bold", sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      -webkit-transition-property: background, color;
      transition-property: background, color;
      -webkit-transition-duration: 0.25s;
              transition-duration: 0.25s;
      -webkit-transition-delay: 0s;
              transition-delay: 0s;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      /*&:after {flex-grow:1; text-align:right;}
     &:before {flex-grow:1; text-align:left;}*/
      display: inline-block;
      margin-left: 3px;
      margin-right: 3px;
      padding: 5px 8px;
      color: #1c48b1;
      background-color: #fff;
      border: solid 1px #e2e2e2;
      font-family: "PT Sans", sans-serif; }
      .paginate .pages .page:hover {
        color: #1c7ab1; }
      .paginate .pages .page.selected {
        background-color: #3e3e3e;
        color: #fff;
        border-color: transparent; }
        .paginate .pages .page.selected:hover {
          background-color: #3e3e3e; }

.breadcrumb--block {
  overflow: auto;
  padding: 0;
  margin-bottom: 0.5rem; }
  .breadcrumb--block .breadcrumb--menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style-type: none;
    padding: 0px;
    padding-top: 2px;
    margin: 0px; }
    .breadcrumb--block .breadcrumb--menu .breadcrumb--menu-item {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 0px;
      margin: 0px;
      margin-left: 10px;
      font-style: italic;
      font-size: 12px !important; }
      .breadcrumb--block .breadcrumb--menu .breadcrumb--menu-item > * {
        margin: 0px;
        padding: 0px;
        color: inherit;
        font-size: 12px;
        text-transform: uppercase;
        font-style: italic; }
        .breadcrumb--block .breadcrumb--menu .breadcrumb--menu-item > *:hover {
          text-decoration: underline; }
      .breadcrumb--block .breadcrumb--menu .breadcrumb--menu-item:first-child {
        margin-left: 0px; }
  @media (min-width: 1px) and (max-width: 1024px) {
    .breadcrumb--block {
      display: none; } }

tooltip tip {
  width: inherit;
  background: rgba(0, 0, 0, 0.85);
  width: inherit; }

footer {
  margin-top: 20px; }
  footer > section:first-child {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 50px; }
  footer .footer-link, footer .copyright {
    color: #e2e2e2;
    font-size: 0.75rem;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px; }
  footer a {
    color: #3e3e3e;
    color: inherit;
    font-size: inherit; }
  footer .social p {
    margin: 15px 0px; }
  footer .social i {
    display: inline-block;
    margin-right: 10px;
    margin-left: 3px;
    vertical-align: middle;
    min-width: 30px; }
  footer .social .ion-social-facebook, footer .social .ion-social-linkedin, footer .social .ion-social-twitter, footer .social .ion-social-googleplus, footer .social .ion-social-youtube {
    font-size: 1.75rem;
    text-align: center; }
  footer .social .ion-social-facebook {
    color: #3d599b; }
  footer .social .ion-social-linkedin {
    color: #1178b3; }
  footer .social .ion-social-twitter {
    color: #59adeb; }
  footer .social .ion-social-youtube {
    color: #cd2329; }
  footer .social .ion-social-googleplus {
    color: #da4c3f; }

.footer_top {
  float: left;
  background-color: #e2e2e2;
  width: 100%;
  padding-bottom: 10px; }
  .footer_top ul {
    list-style: none;
    padding-left: 0px; }
    .footer_top ul.ofooter > li {
      float: left;
      width: 18%;
      margin-left: 2%; }

.footer_category {
  padding-top: 10px;
  list-style: none;
  padding-left: 0px; }
  .footer_category h4 {
    font-family: "Open Sans", "PT Sans", sans-serif;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold; }
  .footer_category a {
    font-family: "Pt Sans";
    font-size: 12px;
    color: black; }

.footer_bottom p {
  font-size: 12px; }

@media (min-width: 1px) and (max-width: 768px) {
  header {
    height: 60px; } }

@media (min-width: 1px) and (max-width: 768px) {
  header a[href="/"] {
    top: 0px !important; } }

header .logo {
  max-width: 350px;
  margin-top: 20px;
  display: block;
  height: auto; }
  @media (min-width: 1px) and (max-width: 768px) {
    header .logo {
      margin: -12px auto 10px auto;
      max-height: 50px;
      width: auto; } }

header nav {
  border-bottom: solid 1px #e2e2e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*padding-left:10px; padding-right:10px;*/ }
  header nav ul {
    padding-left: 0px;
    margin-top: 25px;
    margin-bottom: 10px; }
  header nav li {
    list-style-type: none;
    margin-left: 0px;
    font-weight: normal;
    text-transform: none;
    font-size: 0.95rem; }
  header nav a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit; }
  header nav > ul > li {
    margin: 0px 15px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    font-size: 1.10rem;
    text-transform: uppercase;
    position: relative;
    z-index: 100; }
    header nav > ul > li:first-child {
      margin-left: 0px;
      cursor: pointer; }
  header nav > ul > li > ul {
    display: none;
    position: absolute;
    top: auto;
    left: 0px;
    min-width: 10em;
    max-width: 25em;
    top: auto;
    left: 0px;
    margin-top: 3px;
    margin-left: 0px;
    width: auto;
    border: 1px solid #bbb;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); }
    header nav > ul > li > ul:before {
      content: '';
      position: absolute;
      top: -18px;
      left: 30px;
      width: 0;
      height: 0;
      overflow: hidden;
      border-width: 9px;
      border-style: dashed dashed solid dashed;
      border-color: transparent transparent #bbb transparent !important; }
    header nav > ul > li > ul:after {
      content: '';
      position: absolute;
      top: -16px;
      left: 31px;
      width: 0;
      height: 0;
      overflow: hidden;
      border-width: 8px;
      border-style: dashed dashed solid dashed;
      border-color: transparent transparent #fff transparent; }
    header nav > ul > li > ul > li {
      padding: 5px 15px; }

.account--navigation {
  display: block;
  float: right;
  width: auto;
  padding: 8px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #f6f6f6;
  border-bottom: 2px solid #cbcacb; }
  @media (min-width: 1px) and (max-width: 768px) {
    .account--navigation {
      width: 96%;
      margin: auto auto 20px auto;
      float: none;
      text-align: center; } }
  .account--navigation .account--navigation-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: auto;
    padding: 0px;
    margin: 0px auto;
    list-style: none;
    text-align: center; }
    @media (min-width: 1px) and (max-width: 768px) {
      .account--navigation .account--navigation-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .account--navigation .account--navigation-menu .account--navigation-item {
      margin: 0px 8px; }

/* AMETEK Navigation */
#main-menu {
  display: block;
  z-index: 10; }
  @media (min-width: 1px) and (max-width: 768px) {
    #main-menu {
      width: 100%;
      position: absolute;
      z-index: 5;
      left: 0px;
      display: none; } }
  #main-menu li a {
    font-family: "Open Sans Semibold", sans-serif;
    font-size: 13px; }
    @media (min-width: 1px) and (max-width: 768px) {
      #main-menu li a {
        padding: 13px 5px 13px 42px !important; } }
  #main-menu > li {
    border-bottom: solid 2px #fff;
    margin-bottom: -1px; }
    #main-menu > li:hover {
      border-bottom-color: #ed1a21; }
    #main-menu > li > a {
      font-family: "PT Sans Bold", sans-serif;
      font-weight: 500px;
      font-size: 16px;
      color: #3e3e3e;
      background-color: #fff; }
    #main-menu > li > ul {
      margin-top: 1px !important; }
  #main-menu .sub-arrow {
    background-color: transparent !important; }
  #main-menu .has-submenu {
    /* @include break($phone, $tablet) {

            .sub-arrow {padding-top:0px; margin-left:0px !important;}

            .sm-clean ul a {border-left:8px solid transparent;}

            .has-submenu .sub-arrow {margin-left:-8px Important;}
        }*/ }

#login {
  max-width: 880px;
  min-height: 400px;
  margin: 20px auto 40px auto; }
  #login .login {
    display: block;
    width: 94%;
    margin: 0px 3%; }
    #login .login .existing-user {
      border: solid 1px #e9e9e9;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 20px;
      margin-bottom: 10px;
      border-radius: 2px; }
      #login .login .existing-user .form {
        margin-bottom: 15px; }
        #login .login .existing-user .form .label {
          font-weight: bold;
          margin: 3px 0px;
          text-align: left; }
        #login .login .existing-user .form input {
          width: 100%;
          padding: 8px;
          margin: 3px 0px;
          text-align: left; }
    #login .login .new-user {
      border: solid 1px #e9e9e9;
      background-color: #efefef;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 20px;
      margin-bottom: 10px;
      border-radius: 2px; }
      #login .login .new-user .form {
        margin-bottom: 15px; }
        #login .login .new-user .form .label {
          font-weight: bold;
          margin: 3px 0px;
          text-align: left; }
        #login .login .new-user .form input {
          width: 100%;
          padding: 8px;
          margin: 3px 0px;
          text-align: left; }

/* styles for the compare results table */
.compare-table .compare-row {
  border-bottom: solid 1px #e2e2e2;
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px 0px transparent;
  margin: 0px;
  cursor: pointer;
  -webkit-transition: all 0.20s 0s ease-in-out;
  transition: all 0.20s 0s ease-in-out;
  /* hover state for rows of qualifying results */
  /* classes for alternating rows */
  /* styling for the first two rows */ }
  .compare-table .compare-row:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.1);
    margin: -1px 0px 1px 0px;
    -webkit-transform: scale(1.005);
            transform: scale(1.005); }
    .compare-table .compare-row:hover .flex-item:first-child {
      color: #3e3e3e; }
  .compare-table .compare-row * {
    margin: 0px auto;
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .compare-table .compare-row .flex-item {
    border-right: solid 1px #e2e2e2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* color for alternating columns */ }
    .compare-table .compare-row .flex-item:first-child {
      border-left: solid 1px #e2e2e2; }
    .compare-table .compare-row .flex-item:nth-child(even) {
      background-color: rgba(236, 236, 236, 0.5); }
  .compare-table .compare-row:nth-child(odd) {
    /* color for alternating rows */
    /*background-color: lighten($grey,6%);*/ }
  .compare-table .compare-row:nth-child(1) {
    background-color: #fff; }
    .compare-table .compare-row:nth-child(1):hover {
      -webkit-box-shadow: 0px 0px 0px 0px transparent;
              box-shadow: 0px 0px 0px 0px transparent;
      -webkit-transform: scale(1);
              transform: scale(1);
      margin: 0px; }
    .compare-table .compare-row:nth-child(1) .flex-item:first-child {
      border-top: none;
      border-left: solid 1px transparent; }
  .compare-table .compare-row:nth-child(2) {
    background-color: #fff; }
    .compare-table .compare-row:nth-child(2):hover {
      -webkit-box-shadow: 0px 0px 0px 0px transparent;
              box-shadow: 0px 0px 0px 0px transparent;
      -webkit-transform: scale(1);
              transform: scale(1);
      margin: 0px; }
    .compare-table .compare-row:nth-child(2) .flex-item:first-child {
      border-left: solid 1px transparent; }

.compare-table .compare-different {
  background-color: rgba(250, 246, 226, 0.75) !important; }

#recently-viewed {
  display: block;
  width: 100%;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative; }
  #recently-viewed .recent-product {
    /*display:inline-block; width:23%; max-width:300px; min-heigsht:300px;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
            box-shadow: 0px 0px 0px 0px transparent;
    -webkit-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out; }
    #recently-viewed .recent-product .recent-product-image {
      display: inline-block;
      max-height: 150px;
      max-width: 200px;
      width: auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0px;
      margin: 10px auto; }
    #recently-viewed .recent-product .recent-product-title {
      display: inline-block;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 5px 0px;
      padding-left: 5px;
      font-weight: 600;
      text-align: left; }
    #recently-viewed .recent-product .recent-product-description {
      display: inline-block;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 5px 0px;
      padding-left: 5px;
      text-align: left; }
  #recently-viewed .recent-products-next, #recently-viewed .recent-products-previous {
    display: inline-block;
    width: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
            transform: translate(0px, -50%); }
  #recently-viewed .recent-products-next {
    right: 0px; }
  #recently-viewed .recent-products-previous {
    left: 0px; }

.related-products-option {
  margin-top: 20px;
  margin-bottom: 20px; }

.related-product-header, .related-product {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (min-width: 1px) {
    .related-product-header, .related-product {
      margin: 0px;
      margin-top: 10px; } }
  @media (min-width: 1024px) {
    .related-product-header, .related-product {
      margin: 0px 1%; } }

.related-product-header {
  border-radius: 2px;
  padding: 8px 0px;
  background: #efefef; }
  .related-product-header > * {
    margin: 0px;
    padding: 0px;
    font-weight: bold; }
  .related-product-header .related-product-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    margin-right: auto;
    margin-left: 1%; }
  .related-product-header .related-product-price {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    margin-right: 2%; }

.related-product {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #efefef; }
  .related-product:last-child {
    border-bottom: none; }
  .related-product .related-product-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative; }
    .related-product .related-product-control > *[type='number'] {
      width: 90%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 5px 5px; }
    .related-product .related-product-control > *[type='checkbox'] {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 16px;
      height: 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 5px 5px;
      cursor: pointer; }
  .related-product .related-product-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: center;
        align-self: center; }
  .related-product .related-product-description {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: center;
        align-self: center; }
  .related-product .related-product-price {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 2%; }

#filters .label {
  font-weight: 600;
  font-size: 90%; }

.table-head .label {
  font-size: 14px;
  font-weight: 600; }

.table-row > .flex-item {
  -ms-flex-item-align: center;
      align-self: center; }

.table-body .button {
  font-size: 12px;
  padding: 6px 8px; }

.icon.forward.right:after {
  display: inline-block;
  width: auto;
  margin: 0px;
  margin-left: 8px;
  font-family: "Ionicons";
  content: "\f3d1"; }

.table-head .sort > li {
  position: relative;
  white-space: normal;
  height: 100%;
  font-size: 80%; }

.table-head .sort > li > .icon {
  font-size: 110%; }

input.search {
  padding: 6px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.family-header-title {
  font-weight: 700;
  font-size: 1.5rem;
  padding: 10px 15px;
  margin: 0px 0px 2px 0px;
  border-bottom: 1.25px solid #c7c3c8;
  color: #444; }

.model-number-title {
  font-weight: 600;
  font-size: 1rem;
  padding: 3px 15px;
  margin: 0px;
  color: #8d8b8d; }

p, span, li, ul, div {
  font-size: 14px; }

.pndConfigPricingHeader > h4 {
  font-weight: 600;
  padding: 0px 5px;
  font-size: 18px;
  color: black;
  font-family: "Open Sans", "Open Sans Bold", sans-serif;
  margin-top: 20px;
  margin-bottom: 10px; }

span.placeholder {
  display: block;
  width: auto;
  min-height: 200px;
  background: url("/images/placeholder.png") center center no-repeat transparent;
  border: solid 1px #eee;
  background-size: auto 100%; }

.part-price {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  float: right;
  border-radius: 2px; }
  @media (min-width: 1px) and (max-width: 768px) {
    .part-price {
      float: none; } }

.part-price.sticky-price {
  position: fixed;
  /*top:25px;*/
  -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.50s 0s ease-in-out;
  transition: all 0.50s 0s ease-in-out;
  -webkit-transition-property: position,-webkit-box-shadow;
  transition-property: position,-webkit-box-shadow;
  transition-property: box-shadow,position;
  transition-property: box-shadow,position,-webkit-box-shadow; }
  @media (min-width: 1px) and (max-width: 768px) {
    .part-price.sticky-price {
      position: relative;
      left: auto;
      right: auto;
      top: auto; } }

.pndConfigPricingHeader > * {
  font-weight: 600;
  padding: 0px 5px; }

.pndConfigPricingHeader {
  border-bottom: solid 1px #c7c3c8; }

.pndprice {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px; }

.pndDomain {
  clear: both; }

.pricing-label-wrapper {
  width: 55%;
  display: inline-block; }

.pricing-data-wrapper {
  width: 40%;
  display: inline-block;
  text-align: right;
  vertical-align: top; }

.pndprice {
  border: 0px solid white !important;
  font-weight: 600; }

.config-details-pricing {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 0px; }

.config-details-pricing .pndDomain {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*padding:0px 15px;*/ }

.totalPrice {
  background-color: #FBFAFB;
  margin: 0px;
  padding: 10px 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.totalPrice * {
  margin: 0px; }

.additional-summary-wrapper {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2%;
  margin: 15px 0px; }

form input, form select, form label {
  font-size: 14px;
  font-family: "PT Sans", sans-serif;
  color: #222; }

.action-area {
  display: block;
  width: 100%;
  float: left; }

.back_action {
  float: left;
  width: 30%; }

.account_actions {
  display: inline-block;
  width: auto;
  margin: 0px 0px 10px 0px; }

.account_actions > ul {
  display: block;
  width: auto;
  padding: 5px 0px;
  margin: 0px auto;
  text-indent: 0px;
  text-align: center; }

.account_actions > ul > li {
  list-style-type: none;
  padding: 0px;
  display: inline-block;
  margin: 3px 10px;
  vertical-align: middle;
  font-size: 12px; }

@media (min-width: 0px) and (max-width: 767px) {
  .back_action {
    width: 100%;
    float: none;
    margin: 10px 0px; }
  .account_actions {
    width: 100%;
    float: left;
    margin: 10px 0px; }
  .action-area {
    float: none; } }

.spec-lead-time, .spec-inventory {
  font-weight: bold; }

ng-detail-specification.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 5px;
  margin: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  ng-detail-specification.flex-row .specification--label, ng-detail-specification.flex-row .specification--data {
    margin-top: 0px;
    margin-bottom: auto;
    padding-left: 5px; }
  ng-detail-specification.flex-row .specification--label {
    font-weight: bold;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  ng-detail-specification.flex-row .specification--data {
    font-weight: normal;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  @media (min-width: 1px) and (max-width: 768px) {
    ng-detail-specification.flex-row {
      display: block;
      width: 100%; } }

.select--dropdown {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto; }

.select--dropdown + div {
  width: auto; }

.filter--tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .filter--tooltip .filter--tooltip-select {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 80%;
            flex: 1 0 80%; }
  .filter--tooltip .filter--tooltip-help {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 24px;
            flex: 0 1 24px;
    margin-left: 10px; }

.tooltip--disc {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #1845ab;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  margin: 0px;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  cursor: pointer; }
  .tooltip--disc:hover {
    background-color: #2a6496;
    color: #fff; }

.part-price {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  border-radius: 2px;
  background-color: #fff; }

.part-price.sticky-price {
  position: fixed;
  -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.50s 0s ease-in-out;
  transition: all 0.50s 0s ease-in-out;
  -webkit-transition-property: position,-webkit-box-shadow;
  transition-property: position,-webkit-box-shadow;
  transition-property: box-shadow,position;
  transition-property: box-shadow,position,-webkit-box-shadow; }

.pndDomain {
  clear: both; }

.pricing-label-wrapper {
  width: 40%;
  display: inline-block;
  margin: 5px 0px;
  line-height: 150%; }

.pricing-data-wrapper {
  width: 55%;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  margin: 5px 0px;
  line-height: 150%;
  font-weight: 500; }

.pndprice {
  border: 0px solid white !important;
  font-weight: 600; }

.config-details-pricing, .totalPrice {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.totalPrice {
  border-radius: 2px;
  background-color: #FBFAFB; }

.pricing-data-wrapper h4, .pricing-label-wrapper h4, .pricing-additional-items h4 {
  margin: 0px;
  font-size: 18px; }

.pricing-additional-items {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .pricing-additional-items h5 {
    margin-top: 1rem;
    margin-bottom: 0.25rem; }

body {
  padding: 0px;
  margin: 0px;
  font-family: "PT Sans", sans-serif; }

.SubWrap {
  width: 980px;
  padding: 25px;
  margin: 0px auto; }

/*href*/
a {
  color: #2680BC;
  text-decoration: none; }

.image-full-width {
  width: 100%;
  margin: 15px auto; }

/*Header Setup*/
.header-info-bar {
  background-color: #F2F2F2;
  padding: 5px 0px 5px 0px;
  overflow: auto;
  font-size: 14px;
  margin-bottom: 10px; }

.header-contact-number {
  float: left;
  text-align: left;
  color: #B2B2B2; }

.header-welcome {
  text-align: right;
  font-weight: bold; }

.search-bar {
  height: 100px;
  overflow: auto; }

/*.search-bar-left {
    height: 100px;
    background-color: #003151;
    float:left;
    width:34%;
}
.search-bar-right {
    height: 100px;
    background-color: #033E65;
    float: left;
    width: 66%;
}*/
.specs-print-product-image > img {
  display: block;
  margin: 0px auto;
  max-height: 200px;
  width: auto;
  max-width: 90%; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }