/* ========================================================================== Grid --- Grid Layout system for Theme 42 ========================================================================== */
/* Basic Grid Structure */
.grid-debug-on .grid-container { background-image: linear-gradient(to left, rgba(255, 128, 128, 0.2) 0%, rgba(255, 128, 128, 0.2) 50%, transparent 50%, transparent 100%); background-size: 16.6666667% 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.grid-debug-on .apex-row { border-right: 1px solid rgba(0, 0, 0, 0.1); }

.grid-debug-on .apex-col { border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }

.grid-debug-on .apex-col:hover { background-color: rgba(0, 0, 0, 0.25); }

.apex-grid-container { overflow: hidden; *zoom: 1; }

.apex-grid-container:before, .apex-grid-container:after { content: " "; display: table; }

.apex-grid-container:after { clear: both; }

.apex-grid--tableBased .apex-row { display: table; width: 100%; }

.apex-grid--tableBased .apex-col { float: none; display: table-cell; }

.apex-row { overflow: hidden; *zoom: 1; }

.apex-row:before, .apex-row:after { content: " "; display: table; }

.apex-row:after { clear: both; }

.apex-col { float: left; min-height: 1px; position: relative; }

.apex-col--leftBorder { border-left: 1px solid #E0E0E0; }

.apex-col--rightBorder { border-right: 1px solid #E0E0E0; }

.apex-col--bottomBorder { border-bottom: 1px solid #E0E0E0; }

.apex-col--topBorder { border-top: 1px solid #E0E0E0; }

.apex-col--pullUp { margin-top: -1px; }

/* ========================================================================== Default Grid for Desktops ========================================================================== */
.apex-col-12 { width: 100%; }

.apex-col-11 { width: 91.66666666666666%; }

.apex-col-10 { width: 83.33333333333334%; }

.apex-col-9 { width: 75%; }

.apex-col-8 { width: 66.66666666666666%; }

.apex-col-7 { width: 58.333333333333336%; }

.apex-col-6 { width: 50%; }

.apex-col-5 { width: 41.66666666666667%; }

.apex-col-4 { width: 33.33333333333333%; }

.apex-col-3 { width: 25%; }

.apex-col-2 { width: 16.666666666666664%; }

.apex-col-1 { width: 8.333333333333332%; }

/* Pull modifier classes */
.apex-col-pull-12 { right: 100%; }

.apex-col-pull-11 { right: 91.66666666666666%; }

.apex-col-pull-10 { right: 83.33333333333334%; }

.apex-col-pull-9 { right: 75%; }

.apex-col-pull-8 { right: 66.66666666666666%; }

.apex-col-pull-7 { right: 58.333333333333336%; }

.apex-col-pull-6 { right: 50%; }

.apex-col-pull-5 { right: 41.66666666666667%; }

.apex-col-pull-4 { right: 33.33333333333333%; }

.apex-col-pull-3 { right: 25%; }

.apex-col-pull-2 { right: 16.666666666666664%; }

.apex-col-pull-1 { right: 8.333333333333332%; }

.apex-col-pull-0 { right: 0; }

/* Push modifier classes */
.apex-col-push-12 { left: 100%; }

.apex-col-push-11 { left: 91.66666666666666%; }

.apex-col-push-10 { left: 83.33333333333334%; }

.apex-col-push-9 { left: 75%; }

.apex-col-push-8 { left: 66.66666666666666%; }

.apex-col-push-7 { left: 58.333333333333336%; }

.apex-col-push-6 { left: 50%; }

.apex-col-push-5 { left: 41.66666666666667%; }

.apex-col-push-4 { left: 33.33333333333333%; }

.apex-col-push-3 { left: 25%; }

.apex-col-push-2 { left: 16.666666666666664%; }

.apex-col-push-1 { left: 8.333333333333332%; }

.apex-col-push-0 { left: 0; }

/* Offset modifier classes */
.apex-col-offset-12 { margin-left: 100%; }

.apex-col-offset-11 { margin-left: 91.66666666666666%; }

.apex-col-offset-10 { margin-left: 83.33333333333334%; }

.apex-col-offset-9 { margin-left: 75%; }

.apex-col-offset-8 { margin-left: 66.66666666666666%; }

.apex-col-offset-7 { margin-left: 58.333333333333336%; }

.apex-col-offset-6 { margin-left: 50%; }

.apex-col-offset-5 { margin-left: 41.66666666666667%; }

.apex-col-offset-4 { margin-left: 33.33333333333333%; }

.apex-col-offset-3 { margin-left: 25%; }

.apex-col-offset-2 { margin-left: 16.666666666666664%; }

.apex-col-offset-1 { margin-left: 8.333333333333332%; }

.apex-col-offset-0 { margin-left: 0; }

/* ========================================================================== Grid for XS Devices ========================================================================== */

@media (max-width: 479px) { /* Classes for small sized devices */
  .apex-col-12, .apex-col-11, .apex-col-10, .apex-col-9, .apex-col-8, .apex-col-7, .apex-col-6, .apex-col-5, .apex-col-4, .apex-col-3, .apex-col-2, .apex-col-1 { width: 100%; float: none; clear: both; }
  .apex-col-xxs-12 { width: 100%; }
  .apex-col-xxs-11 { width: 91.66666666666666%; }
  .apex-col-xxs-10 { width: 83.33333333333334%; }
  .apex-col-xxs-9 { width: 75%; }
  .apex-col-xxs-8 { width: 66.66666666666666%; }
  .apex-col-xxs-7 { width: 58.333333333333336%; }
  .apex-col-xxs-6 { width: 50%; }
  .apex-col-xxs-5 { width: 41.66666666666667%; }
  .apex-col-xxs-4 { width: 33.33333333333333%; }
  .apex-col-xxs-3 { width: 25%; }
  .apex-col-xxs-2 { width: 16.666666666666664%; }
  .apex-col-xxs-1 { width: 8.333333333333332%; }
  .apex-col-xxs-12, .apex-col-xxs-11, .apex-col-xxs-10, .apex-col-xxs-9, .apex-col-xxs-8, .apex-col-xxs-7, .apex-col-xxs-6, .apex-col-xxs-5, .apex-col-xxs-4, .apex-col-xxs-3, .apex-col-xxs-2, .apex-col-xxs-1 { float: left; clear: none; }
  /* Pull modifier classes */
  .apex-col-xxs-pull-12 { right: 100%; }
  .apex-col-xxs-pull-11 { right: 91.66666666666666%; }
  .apex-col-xxs-pull-10 { right: 83.33333333333334%; }
  .apex-col-xxs-pull-9 { right: 75%; }
  .apex-col-xxs-pull-8 { right: 66.66666666666666%; }
  .apex-col-xxs-pull-7 { right: 58.333333333333336%; }
  .apex-col-xxs-pull-6 { right: 50%; }
  .apex-col-xxs-pull-5 { right: 41.66666666666667%; }
  .apex-col-xxs-pull-4 { right: 33.33333333333333%; }
  .apex-col-xxs-pull-3 { right: 25%; }
  .apex-col-xxs-pull-2 { right: 16.666666666666664%; }
  .apex-col-xxs-pull-1 { right: 8.333333333333332%; }
  .apex-col-xxs-pull-0 { right: 0; }
  /* Push modifier classes */
  .apex-col-xxs-push-12 { left: 100%; }
  .apex-col-xxs-push-11 { left: 91.66666666666666%; }
  .apex-col-xxs-push-10 { left: 83.33333333333334%; }
  .apex-col-xxs-push-9 { left: 75%; }
  .apex-col-xxs-push-8 { left: 66.66666666666666%; }
  .apex-col-xxs-push-7 { left: 58.333333333333336%; }
  .apex-col-xxs-push-6 { left: 50%; }
  .apex-col-xxs-push-5 { left: 41.66666666666667%; }
  .apex-col-xxs-push-4 { left: 33.33333333333333%; }
  .apex-col-xxs-push-3 { left: 25%; }
  .apex-col-xxs-push-2 { left: 16.666666666666664%; }
  .apex-col-xxs-push-1 { left: 8.333333333333332%; }
  .apex-col-xxs-push-0 { left: 0; }
  /* Offset modifier classes */
  .apex-col-xxs-offset-12 { margin-left: 100%; }
  .apex-col-xxs-offset-11 { margin-left: 91.66666666666666%; }
  .apex-col-xxs-offset-10 { margin-left: 83.33333333333334%; }
  .apex-col-xxs-offset-9 { margin-left: 75%; }
  .apex-col-xxs-offset-8 { margin-left: 66.66666666666666%; }
  .apex-col-xxs-offset-7 { margin-left: 58.333333333333336%; }
  .apex-col-xxs-offset-6 { margin-left: 50%; }
  .apex-col-xxs-offset-5 { margin-left: 41.66666666666667%; }
  .apex-col-xxs-offset-4 { margin-left: 33.33333333333333%; }
  .apex-col-xxs-offset-3 { margin-left: 25%; }
  .apex-col-xxs-offset-2 { margin-left: 16.666666666666664%; }
  .apex-col-xxs-offset-1 { margin-left: 8.333333333333332%; }
  .apex-col-xxs-offset-0 { margin-left: 0; } }

@media (min-width: 480px) and (max-width: 767px) { /* Classes for medium sized devices */
  .apex-col-xs-12 { width: 100%; }
  .apex-col-xs-11 { width: 91.66666666666666%; }
  .apex-col-xs-10 { width: 83.33333333333334%; }
  .apex-col-xs-9 { width: 75%; }
  .apex-col-xs-8 { width: 66.66666666666666%; }
  .apex-col-xs-7 { width: 58.333333333333336%; }
  .apex-col-xs-6 { width: 50%; }
  .apex-col-xs-5 { width: 41.66666666666667%; }
  .apex-col-xs-4 { width: 33.33333333333333%; }
  .apex-col-xs-3 { width: 25%; }
  .apex-col-xs-2 { width: 16.666666666666664%; }
  .apex-col-xs-1 { width: 8.333333333333332%; }
  /* Pull modifier classes */
  .apex-col-xs-pull-12 { right: 100%; }
  .apex-col-xs-pull-11 { right: 91.66666666666666%; }
  .apex-col-xs-pull-10 { right: 83.33333333333334%; }
  .apex-col-xs-pull-9 { right: 75%; }
  .apex-col-xs-pull-8 { right: 66.66666666666666%; }
  .apex-col-xs-pull-7 { right: 58.333333333333336%; }
  .apex-col-xs-pull-6 { right: 50%; }
  .apex-col-xs-pull-5 { right: 41.66666666666667%; }
  .apex-col-xs-pull-4 { right: 33.33333333333333%; }
  .apex-col-xs-pull-3 { right: 25%; }
  .apex-col-xs-pull-2 { right: 16.666666666666664%; }
  .apex-col-xs-pull-1 { right: 8.333333333333332%; }
  .apex-col-xs-pull-0 { right: 0; }
  /* Push modifier classes */
  .apex-col-xs-push-12 { left: 100%; }
  .apex-col-xs-push-11 { left: 91.66666666666666%; }
  .apex-col-xs-push-10 { left: 83.33333333333334%; }
  .apex-col-xs-push-9 { left: 75%; }
  .apex-col-xs-push-8 { left: 66.66666666666666%; }
  .apex-col-xs-push-7 { left: 58.333333333333336%; }
  .apex-col-xs-push-6 { left: 50%; }
  .apex-col-xs-push-5 { left: 41.66666666666667%; }
  .apex-col-xs-push-4 { left: 33.33333333333333%; }
  .apex-col-xs-push-3 { left: 25%; }
  .apex-col-xs-push-2 { left: 16.666666666666664%; }
  .apex-col-xs-push-1 { left: 8.333333333333332%; }
  .apex-col-xs-push-0 { left: 0; }
  /* Offset modifier classes */
  .apex-col-xs-offset-12 { margin-left: 100%; }
  .apex-col-xs-offset-11 { margin-left: 91.66666666666666%; }
  .apex-col-xs-offset-10 { margin-left: 83.33333333333334%; }
  .apex-col-xs-offset-9 { margin-left: 75%; }
  .apex-col-xs-offset-8 { margin-left: 66.66666666666666%; }
  .apex-col-xs-offset-7 { margin-left: 58.333333333333336%; }
  .apex-col-xs-offset-6 { margin-left: 50%; }
  .apex-col-xs-offset-5 { margin-left: 41.66666666666667%; }
  .apex-col-xs-offset-4 { margin-left: 33.33333333333333%; }
  .apex-col-xs-offset-3 { margin-left: 25%; }
  .apex-col-xs-offset-2 { margin-left: 16.666666666666664%; }
  .apex-col-xs-offset-1 { margin-left: 8.333333333333332%; }
  .apex-col-xs-offset-0 { margin-left: 0; } }

@media (min-width: 768px) and (max-width: 991px) { /* Classes for medium sized devices */
  .apex-col-sm-12 { width: 100%; }
  .apex-col-sm-11 { width: 91.66666666666666%; }
  .apex-col-sm-10 { width: 83.33333333333334%; }
  .apex-col-sm-9 { width: 75%; }
  .apex-col-sm-8 { width: 66.66666666666666%; }
  .apex-col-sm-7 { width: 58.333333333333336%; }
  .apex-col-sm-6 { width: 50%; }
  .apex-col-sm-5 { width: 41.66666666666667%; }
  .apex-col-sm-4 { width: 33.33333333333333%; }
  .apex-col-sm-3 { width: 25%; }
  .apex-col-sm-2 { width: 16.666666666666664%; }
  .apex-col-sm-1 { width: 8.333333333333332%; }
  /* Pull modifier classes */
  .apex-col-sm-pull-12 { right: 100%; }
  .apex-col-sm-pull-11 { right: 91.66666666666666%; }
  .apex-col-sm-pull-10 { right: 83.33333333333334%; }
  .apex-col-sm-pull-9 { right: 75%; }
  .apex-col-sm-pull-8 { right: 66.66666666666666%; }
  .apex-col-sm-pull-7 { right: 58.333333333333336%; }
  .apex-col-sm-pull-6 { right: 50%; }
  .apex-col-sm-pull-5 { right: 41.66666666666667%; }
  .apex-col-sm-pull-4 { right: 33.33333333333333%; }
  .apex-col-sm-pull-3 { right: 25%; }
  .apex-col-sm-pull-2 { right: 16.666666666666664%; }
  .apex-col-sm-pull-1 { right: 8.333333333333332%; }
  .apex-col-sm-pull-0 { right: 0; }
  /* Push modifier classes */
  .apex-col-sm-push-12 { left: 100%; }
  .apex-col-sm-push-11 { left: 91.66666666666666%; }
  .apex-col-sm-push-10 { left: 83.33333333333334%; }
  .apex-col-sm-push-9 { left: 75%; }
  .apex-col-sm-push-8 { left: 66.66666666666666%; }
  .apex-col-sm-push-7 { left: 58.333333333333336%; }
  .apex-col-sm-push-6 { left: 50%; }
  .apex-col-sm-push-5 { left: 41.66666666666667%; }
  .apex-col-sm-push-4 { left: 33.33333333333333%; }
  .apex-col-sm-push-3 { left: 25%; }
  .apex-col-sm-push-2 { left: 16.666666666666664%; }
  .apex-col-sm-push-1 { left: 8.333333333333332%; }
  .apex-col-sm-push-0 { left: 0; }
  /* Offset modifier classes */
  .apex-col-sm-offset-12 { margin-left: 100%; }
  .apex-col-sm-offset-11 { margin-left: 91.66666666666666%; }
  .apex-col-sm-offset-10 { margin-left: 83.33333333333334%; }
  .apex-col-sm-offset-9 { margin-left: 75%; }
  .apex-col-sm-offset-8 { margin-left: 66.66666666666666%; }
  .apex-col-sm-offset-7 { margin-left: 58.333333333333336%; }
  .apex-col-sm-offset-6 { margin-left: 50%; }
  .apex-col-sm-offset-5 { margin-left: 41.66666666666667%; }
  .apex-col-sm-offset-4 { margin-left: 33.33333333333333%; }
  .apex-col-sm-offset-3 { margin-left: 25%; }
  .apex-col-sm-offset-2 { margin-left: 16.666666666666664%; }
  .apex-col-sm-offset-1 { margin-left: 8.333333333333332%; }
  .apex-col-sm-offset-0 { margin-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { /* Classes for medium sized devices */
  .apex-col-md-12 { width: 100%; }
  .apex-col-md-11 { width: 91.66666666666666%; }
  .apex-col-md-10 { width: 83.33333333333334%; }
  .apex-col-md-9 { width: 75%; }
  .apex-col-md-8 { width: 66.66666666666666%; }
  .apex-col-md-7 { width: 58.333333333333336%; }
  .apex-col-md-6 { width: 50%; }
  .apex-col-md-5 { width: 41.66666666666667%; }
  .apex-col-md-4 { width: 33.33333333333333%; }
  .apex-col-md-3 { width: 25%; }
  .apex-col-md-2 { width: 16.666666666666664%; }
  .apex-col-md-1 { width: 8.333333333333332%; }
  /* Pull modifier classes */
  .apex-col-md-pull-12 { right: 100%; }
  .apex-col-md-pull-11 { right: 91.66666666666666%; }
  .apex-col-md-pull-10 { right: 83.33333333333334%; }
  .apex-col-md-pull-9 { right: 75%; }
  .apex-col-md-pull-8 { right: 66.66666666666666%; }
  .apex-col-md-pull-7 { right: 58.333333333333336%; }
  .apex-col-md-pull-6 { right: 50%; }
  .apex-col-md-pull-5 { right: 41.66666666666667%; }
  .apex-col-md-pull-4 { right: 33.33333333333333%; }
  .apex-col-md-pull-3 { right: 25%; }
  .apex-col-md-pull-2 { right: 16.666666666666664%; }
  .apex-col-md-pull-1 { right: 8.333333333333332%; }
  .apex-col-md-pull-0 { right: 0; }
  /* Push modifier classes */
  .apex-col-md-push-12 { left: 100%; }
  .apex-col-md-push-11 { left: 91.66666666666666%; }
  .apex-col-md-push-10 { left: 83.33333333333334%; }
  .apex-col-md-push-9 { left: 75%; }
  .apex-col-md-push-8 { left: 66.66666666666666%; }
  .apex-col-md-push-7 { left: 58.333333333333336%; }
  .apex-col-md-push-6 { left: 50%; }
  .apex-col-md-push-5 { left: 41.66666666666667%; }
  .apex-col-md-push-4 { left: 33.33333333333333%; }
  .apex-col-md-push-3 { left: 25%; }
  .apex-col-md-push-2 { left: 16.666666666666664%; }
  .apex-col-md-push-1 { left: 8.333333333333332%; }
  .apex-col-md-push-0 { left: 0; }
  /* Offset modifier classes */
  .apex-col-md-offset-12 { margin-left: 100%; }
  .apex-col-md-offset-11 { margin-left: 91.66666666666666%; }
  .apex-col-md-offset-10 { margin-left: 83.33333333333334%; }
  .apex-col-md-offset-9 { margin-left: 75%; }
  .apex-col-md-offset-8 { margin-left: 66.66666666666666%; }
  .apex-col-md-offset-7 { margin-left: 58.333333333333336%; }
  .apex-col-md-offset-6 { margin-left: 50%; }
  .apex-col-md-offset-5 { margin-left: 41.66666666666667%; }
  .apex-col-md-offset-4 { margin-left: 33.33333333333333%; }
  .apex-col-md-offset-3 { margin-left: 25%; }
  .apex-col-md-offset-2 { margin-left: 16.666666666666664%; }
  .apex-col-md-offset-1 { margin-left: 8.333333333333332%; }
  .apex-col-md-offset-0 { margin-left: 0; } }

@media (min-width: 1200px) { /* Classes for medium sized devices */
  .apex-col-lg-12 { width: 100%; }
  .apex-col-lg-11 { width: 91.66666666666666%; }
  .apex-col-lg-10 { width: 83.33333333333334%; }
  .apex-col-lg-9 { width: 75%; }
  .apex-col-lg-8 { width: 66.66666666666666%; }
  .apex-col-lg-7 { width: 58.333333333333336%; }
  .apex-col-lg-6 { width: 50%; }
  .apex-col-lg-5 { width: 41.66666666666667%; }
  .apex-col-lg-4 { width: 33.33333333333333%; }
  .apex-col-lg-3 { width: 25%; }
  .apex-col-lg-2 { width: 16.666666666666664%; }
  .apex-col-lg-1 { width: 8.333333333333332%; }
  /* Pull modifier classes */
  .apex-col-lg-pull-12 { right: 100%; }
  .apex-col-lg-pull-11 { right: 91.66666666666666%; }
  .apex-col-lg-pull-10 { right: 83.33333333333334%; }
  .apex-col-lg-pull-9 { right: 75%; }
  .apex-col-lg-pull-8 { right: 66.66666666666666%; }
  .apex-col-lg-pull-7 { right: 58.333333333333336%; }
  .apex-col-lg-pull-6 { right: 50%; }
  .apex-col-lg-pull-5 { right: 41.66666666666667%; }
  .apex-col-lg-pull-4 { right: 33.33333333333333%; }
  .apex-col-lg-pull-3 { right: 25%; }
  .apex-col-lg-pull-2 { right: 16.666666666666664%; }
  .apex-col-lg-pull-1 { right: 8.333333333333332%; }
  .apex-col-lg-pull-0 { right: 0; }
  /* Push modifier classes */
  .apex-col-lg-push-12 { left: 100%; }
  .apex-col-lg-push-11 { left: 91.66666666666666%; }
  .apex-col-lg-push-10 { left: 83.33333333333334%; }
  .apex-col-lg-push-9 { left: 75%; }
  .apex-col-lg-push-8 { left: 66.66666666666666%; }
  .apex-col-lg-push-7 { left: 58.333333333333336%; }
  .apex-col-lg-push-6 { left: 50%; }
  .apex-col-lg-push-5 { left: 41.66666666666667%; }
  .apex-col-lg-push-4 { left: 33.33333333333333%; }
  .apex-col-lg-push-3 { left: 25%; }
  .apex-col-lg-push-2 { left: 16.666666666666664%; }
  .apex-col-lg-push-1 { left: 8.333333333333332%; }
  .apex-col-lg-push-0 { left: 0; }
  /* Offset modifier classes */
  .apex-col-lg-offset-12 { margin-left: 100%; }
  .apex-col-lg-offset-11 { margin-left: 91.66666666666666%; }
  .apex-col-lg-offset-10 { margin-left: 83.33333333333334%; }
  .apex-col-lg-offset-9 { margin-left: 75%; }
  .apex-col-lg-offset-8 { margin-left: 66.66666666666666%; }
  .apex-col-lg-offset-7 { margin-left: 58.333333333333336%; }
  .apex-col-lg-offset-6 { margin-left: 50%; }
  .apex-col-lg-offset-5 { margin-left: 41.66666666666667%; }
  .apex-col-lg-offset-4 { margin-left: 33.33333333333333%; }
  .apex-col-lg-offset-3 { margin-left: 25%; }
  .apex-col-lg-offset-2 { margin-left: 16.666666666666664%; }
  .apex-col-lg-offset-1 { margin-left: 8.333333333333332%; }
  .apex-col-lg-offset-0 { margin-left: 0; } }