/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1000px;
  position: relative; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
[class*="grid_"] {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1%;
  margin-right: 1%; 
  padding-bottom:1%;
  }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* 12-grid-system */
/* grid_1 of 12*/
.grid_1 {
  width: 6.33333%;
  position: relative; }
  .grid_1.omega, .grid_1.alpha {
    width: 7.33333%; }
  .grid_1.omega.alpha {
    width: 8.33333%; }

.prefix_1 {
  padding-left: 8.33333%; }

.suffix_1 {
  padding-right: 8.33333%; }

.push_1 {
  left: 8.33333%; }

.pull_1 {
  left: -8.33333%; }

/* grid_2 of 12*/
.grid_2 {
  width: 14.66667%;
  position: relative; }
  .grid_2.omega, .grid_2.alpha {
    width: 15.66667%; }
  .grid_2.omega.alpha {
    width: 16.66667%; }

.prefix_2 {
  padding-left: 16.66667%; }

.suffix_2 {
  padding-right: 16.66667%; }

.push_2 {
  left: 16.66667%; }

.pull_2 {
  left: -16.66667%; }

/* grid_3 of 12*/
.grid_3 {
  width: 23%;
  position: relative; }
  .grid_3.omega, .grid_3.alpha {
    width: 24%; }
  .grid_3.omega.alpha {
    width: 25%; }

.prefix_3 {
  padding-left: 25%; }

.suffix_3 {
  padding-right: 25%; }

.push_3 {
  left: 25%; }

.pull_3 {
  left: -25%; }

/* grid_4 of 12*/
.grid_4 {
  width: 31.33333%;
  position: relative; }
  .grid_4.omega, .grid_4.alpha {
    width: 32.33333%; }
  .grid_4.omega.alpha {
    width: 33.33333%; }

.prefix_4 {
  padding-left: 33.33333%; }

.suffix_4 {
  padding-right: 33.33333%; }

.push_4 {
  left: 33.33333%; }

.pull_4 {
  left: -33.33333%; }

/* grid_5 of 12*/
.grid_5 {
  width: 39.66667%;
  position: relative; }
  .grid_5.omega, .grid_5.alpha {
    width: 40.66667%; }
  .grid_5.omega.alpha {
    width: 41.66667%; }

.prefix_5 {
  padding-left: 41.66667%; }

.suffix_5 {
  padding-right: 41.66667%; }

.push_5 {
  left: 41.66667%; }

.pull_5 {
  left: -41.66667%; }

/* grid_6 of 12*/
.grid_6 {
  width: 48%;
  position: relative; }
  .grid_6.omega, .grid_6.alpha {
    width: 49%; }
  .grid_6.omega.alpha {
    width: 50%; }

.prefix_6 {
  padding-left: 50%; }

.suffix_6 {
  padding-right: 50%; }

.push_6 {
  left: 50%; }

.pull_6 {
  left: -50%; }

/* grid_7 of 12*/
.grid_7 {
  width: 56.33333%;
  position: relative; }
  .grid_7.omega, .grid_7.alpha {
    width: 57.33333%; }
  .grid_7.omega.alpha {
    width: 58.33333%; }

.prefix_7 {
  padding-left: 58.33333%; }

.suffix_7 {
  padding-right: 58.33333%; }

.push_7 {
  left: 58.33333%; }

.pull_7 {
  left: -58.33333%; }

/* grid_8 of 12*/
.grid_8 {
  width: 64.66667%;
  position: relative; }
  .grid_8.omega, .grid_8.alpha {
    width: 65.66667%; }
  .grid_8.omega.alpha {
    width: 66.66667%; }

.prefix_8 {
  padding-left: 66.66667%; }

.suffix_8 {
  padding-right: 66.66667%; }

.push_8 {
  left: 66.66667%; }

.pull_8 {
  left: -66.66667%; }

/* grid_9 of 12*/
.grid_9 {
  width: 73%;
  position: relative; }
  .grid_9.omega, .grid_9.alpha {
    width: 74%; }
  .grid_9.omega.alpha {
    width: 75%; }

.prefix_9 {
  padding-left: 75%; }

.suffix_9 {
  padding-right: 75%; }

.push_9 {
  left: 75%; }

.pull_9 {
  left: -75%; }

/* grid_10 of 12*/
.grid_10 {
  width: 81.33333%;
  position: relative; }
  .grid_10.omega, .grid_10.alpha {
    width: 82.33333%; }
  .grid_10.omega.alpha {
    width: 83.33333%; }

.prefix_10 {
  padding-left: 83.33333%; }

.suffix_10 {
  padding-right: 83.33333%; }

.push_10 {
  left: 83.33333%; }

.pull_10 {
  left: -83.33333%; }

/* grid_11 of 12*/
.grid_11 {
  width: 89.66667%;
  position: relative; }
  .grid_11.omega, .grid_11.alpha {
    width: 90.66667%; }
  .grid_11.omega.alpha {
    width: 91.66667%; }

.prefix_11 {
  padding-left: 91.66667%; }

.suffix_11 {
  padding-right: 91.66667%; }

.push_11 {
  left: 91.66667%; }

.pull_11 {
  left: -91.66667%; }

/* grid_12 of 12*/
.grid_12 {
  width: 98%;
  position: relative; }
  .grid_12.omega, .grid_12.alpha {
    width: 99%; }
  .grid_12.omega.alpha {
    width: 100%; }

.prefix_12 {
  padding-left: 100%; }

.suffix_12 {
  padding-right: 100%; }

.push_12 {
  left: 100%; }

.pull_12 {
  left: -100%; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: "";
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  height: 0;
  display: block;
  width: 100%; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* mobile + tablet adds */
@media screen and (max-width: 479px) {
  /* mobile small */
  [class*="grid"] {
    width: 98%; }

  /* 12-grid-system */
  /* mgrid_1 of 12*/
  .mgrid_1 {
    width: 6.33333%;
    position: relative; }
    .mgrid_1.omega, .mgrid_1.alpha {
      width: 7.33333%; }
    .mgrid_1.omega.alpha {
      width: 8.33333%; }

  .mprefix_1 {
    padding-left: 8.33333%; }

  .msuffix_1 {
    padding-right: 8.33333%; }

  .mpush_1 {
    left: 8.33333%; }

  .mpull_1 {
    left: -8.33333%; }

  /* mgrid_2 of 12*/
  .mgrid_2 {
    width: 14.66667%;
    position: relative; }
    .mgrid_2.omega, .mgrid_2.alpha {
      width: 15.66667%; }
    .mgrid_2.omega.alpha {
      width: 16.66667%; }

  .mprefix_2 {
    padding-left: 16.66667%; }

  .msuffix_2 {
    padding-right: 16.66667%; }

  .mpush_2 {
    left: 16.66667%; }

  .mpull_2 {
    left: -16.66667%; }

  /* mgrid_3 of 12*/
  .mgrid_3 {
    width: 23%;
    position: relative; }
    .mgrid_3.omega, .mgrid_3.alpha {
      width: 24%; }
    .mgrid_3.omega.alpha {
      width: 25%; }

  .mprefix_3 {
    padding-left: 25%; }

  .msuffix_3 {
    padding-right: 25%; }

  .mpush_3 {
    left: 25%; }

  .mpull_3 {
    left: -25%; }

  /* mgrid_4 of 12*/
  .mgrid_4 {
    width: 31.33333%;
    position: relative; }
    .mgrid_4.omega, .mgrid_4.alpha {
      width: 32.33333%; }
    .mgrid_4.omega.alpha {
      width: 33.33333%; }

  .mprefix_4 {
    padding-left: 33.33333%; }

  .msuffix_4 {
    padding-right: 33.33333%; }

  .mpush_4 {
    left: 33.33333%; }

  .mpull_4 {
    left: -33.33333%; }

  /* mgrid_5 of 12*/
  .mgrid_5 {
    width: 39.66667%;
    position: relative; }
    .mgrid_5.omega, .mgrid_5.alpha {
      width: 40.66667%; }
    .mgrid_5.omega.alpha {
      width: 41.66667%; }

  .mprefix_5 {
    padding-left: 41.66667%; }

  .msuffix_5 {
    padding-right: 41.66667%; }

  .mpush_5 {
    left: 41.66667%; }

  .mpull_5 {
    left: -41.66667%; }

  /* mgrid_6 of 12*/
  .mgrid_6 {
    width: 48%;
    position: relative; }
    .mgrid_6.omega, .mgrid_6.alpha {
      width: 49%; }
    .mgrid_6.omega.alpha {
      width: 50%; }

  .mprefix_6 {
    padding-left: 50%; }

  .msuffix_6 {
    padding-right: 50%; }

  .mpush_6 {
    left: 50%; }

  .mpull_6 {
    left: -50%; }

  /* mgrid_7 of 12*/
  .mgrid_7 {
    width: 56.33333%;
    position: relative; }
    .mgrid_7.omega, .mgrid_7.alpha {
      width: 57.33333%; }
    .mgrid_7.omega.alpha {
      width: 58.33333%; }

  .mprefix_7 {
    padding-left: 58.33333%; }

  .msuffix_7 {
    padding-right: 58.33333%; }

  .mpush_7 {
    left: 58.33333%; }

  .mpull_7 {
    left: -58.33333%; }

  /* mgrid_8 of 12*/
  .mgrid_8 {
    width: 64.66667%;
    position: relative; }
    .mgrid_8.omega, .mgrid_8.alpha {
      width: 65.66667%; }
    .mgrid_8.omega.alpha {
      width: 66.66667%; }

  .mprefix_8 {
    padding-left: 66.66667%; }

  .msuffix_8 {
    padding-right: 66.66667%; }

  .mpush_8 {
    left: 66.66667%; }

  .mpull_8 {
    left: -66.66667%; }

  /* mgrid_9 of 12*/
  .mgrid_9 {
    width: 73%;
    position: relative; }
    .mgrid_9.omega, .mgrid_9.alpha {
      width: 74%; }
    .mgrid_9.omega.alpha {
      width: 75%; }

  .mprefix_9 {
    padding-left: 75%; }

  .msuffix_9 {
    padding-right: 75%; }

  .mpush_9 {
    left: 75%; }

  .mpull_9 {
    left: -75%; }

  /* mgrid_10 of 12*/
  .mgrid_10 {
    width: 81.33333%;
    position: relative; }
    .mgrid_10.omega, .mgrid_10.alpha {
      width: 82.33333%; }
    .mgrid_10.omega.alpha {
      width: 83.33333%; }

  .mprefix_10 {
    padding-left: 83.33333%; }

  .msuffix_10 {
    padding-right: 83.33333%; }

  .mpush_10 {
    left: 83.33333%; }

  .mpull_10 {
    left: -83.33333%; }

  /* mgrid_11 of 12*/
  .mgrid_11 {
    width: 89.66667%;
    position: relative; }
    .mgrid_11.omega, .mgrid_11.alpha {
      width: 90.66667%; }
    .mgrid_11.omega.alpha {
      width: 91.66667%; }

  .mprefix_11 {
    padding-left: 91.66667%; }

  .msuffix_11 {
    padding-right: 91.66667%; }

  .mpush_11 {
    left: 91.66667%; }

  .mpull_11 {
    left: -91.66667%; }

  /* mgrid_12 of 12*/
  .mgrid_12 {
    width: 98%;
    position: relative; }
    .mgrid_12.omega, .mgrid_12.alpha {
      width: 99%; }
    .mgrid_12.omega.alpha {
      width: 100%; }

  .mprefix_12 {
    padding-left: 100%; }

  .msuffix_12 {
    padding-right: 100%; }

  .mpush_12 {
    left: 100%; }

  .mpull_12 {
    left: -100%; }

  .mpush_0 {
    left: 0 !important; }

  .hide-on-mobile {
    display: none !important; } }
@media only screen and (orientation: portrait) and (max-width: 479px) {
  .hide-on-mobile-portrait {
    display: none !important; } }
@media only screen and (orientation: landscape) and (max-width: 479px) {
  .hide-on-mobile-landscape {
    display: none !important; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
  /* mobile big */
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6 {
    width: 48.0%; }

  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .grid_13,
  .grid_14,
  .grid_15,
  .grid_16,
  .grid_17,
  .grid_18,
  .grid_19,
  .grid_20,
  .grid_21,
  .grid_22,
  .grid_23,
  .grid_24 {
    width: 98.0%; }

  /* 12-grid-system */
  /* mbgrid_1 of 12*/
  .mbgrid_1 {
    width: 6.33333%;
    position: relative; }
    .mbgrid_1.omega, .mbgrid_1.alpha {
      width: 7.33333%; }
    .mbgrid_1.omega.alpha {
      width: 8.33333%; }

  .mbprefix_1 {
    padding-left: 8.33333%; }

  .mbsuffix_1 {
    padding-right: 8.33333%; }

  .mbpush_1 {
    left: 8.33333%; }

  .mbpull_1 {
    left: -8.33333%; }

  /* mbgrid_2 of 12*/
  .mbgrid_2 {
    width: 14.66667%;
    position: relative; }
    .mbgrid_2.omega, .mbgrid_2.alpha {
      width: 15.66667%; }
    .mbgrid_2.omega.alpha {
      width: 16.66667%; }

  .mbprefix_2 {
    padding-left: 16.66667%; }

  .mbsuffix_2 {
    padding-right: 16.66667%; }

  .mbpush_2 {
    left: 16.66667%; }

  .mbpull_2 {
    left: -16.66667%; }

  /* mbgrid_3 of 12*/
  .mbgrid_3 {
    width: 23%;
    position: relative; }
    .mbgrid_3.omega, .mbgrid_3.alpha {
      width: 24%; }
    .mbgrid_3.omega.alpha {
      width: 25%; }

  .mbprefix_3 {
    padding-left: 25%; }

  .mbsuffix_3 {
    padding-right: 25%; }

  .mbpush_3 {
    left: 25%; }

  .mbpull_3 {
    left: -25%; }

  /* mbgrid_4 of 12*/
  .mbgrid_4 {
    width: 31.33333%;
    position: relative; }
    .mbgrid_4.omega, .mbgrid_4.alpha {
      width: 32.33333%; }
    .mbgrid_4.omega.alpha {
      width: 33.33333%; }

  .mbprefix_4 {
    padding-left: 33.33333%; }

  .mbsuffix_4 {
    padding-right: 33.33333%; }

  .mbpush_4 {
    left: 33.33333%; }

  .mbpull_4 {
    left: -33.33333%; }

  /* mbgrid_5 of 12*/
  .mbgrid_5 {
    width: 39.66667%;
    position: relative; }
    .mbgrid_5.omega, .mbgrid_5.alpha {
      width: 40.66667%; }
    .mbgrid_5.omega.alpha {
      width: 41.66667%; }

  .mbprefix_5 {
    padding-left: 41.66667%; }

  .mbsuffix_5 {
    padding-right: 41.66667%; }

  .mbpush_5 {
    left: 41.66667%; }

  .mbpull_5 {
    left: -41.66667%; }

  /* mbgrid_6 of 12*/
  .mbgrid_6 {
    width: 48%;
    position: relative; }
    .mbgrid_6.omega, .mbgrid_6.alpha {
      width: 49%; }
    .mbgrid_6.omega.alpha {
      width: 50%; }

  .mbprefix_6 {
    padding-left: 50%; }

  .mbsuffix_6 {
    padding-right: 50%; }

  .mbpush_6 {
    left: 50%; }

  .mbpull_6 {
    left: -50%; }

  /* mbgrid_7 of 12*/
  .mbgrid_7 {
    width: 56.33333%;
    position: relative; }
    .mbgrid_7.omega, .mbgrid_7.alpha {
      width: 57.33333%; }
    .mbgrid_7.omega.alpha {
      width: 58.33333%; }

  .mbprefix_7 {
    padding-left: 58.33333%; }

  .mbsuffix_7 {
    padding-right: 58.33333%; }

  .mbpush_7 {
    left: 58.33333%; }

  .mbpull_7 {
    left: -58.33333%; }

  /* mbgrid_8 of 12*/
  .mbgrid_8 {
    width: 64.66667%;
    position: relative; }
    .mbgrid_8.omega, .mbgrid_8.alpha {
      width: 65.66667%; }
    .mbgrid_8.omega.alpha {
      width: 66.66667%; }

  .mbprefix_8 {
    padding-left: 66.66667%; }

  .mbsuffix_8 {
    padding-right: 66.66667%; }

  .mbpush_8 {
    left: 66.66667%; }

  .mbpull_8 {
    left: -66.66667%; }

  /* mbgrid_9 of 12*/
  .mbgrid_9 {
    width: 73%;
    position: relative; }
    .mbgrid_9.omega, .mbgrid_9.alpha {
      width: 74%; }
    .mbgrid_9.omega.alpha {
      width: 75%; }

  .mbprefix_9 {
    padding-left: 75%; }

  .mbsuffix_9 {
    padding-right: 75%; }

  .mbpush_9 {
    left: 75%; }

  .mbpull_9 {
    left: -75%; }

  /* mbgrid_10 of 12*/
  .mbgrid_10 {
    width: 81.33333%;
    position: relative; }
    .mbgrid_10.omega, .mbgrid_10.alpha {
      width: 82.33333%; }
    .mbgrid_10.omega.alpha {
      width: 83.33333%; }

  .mbprefix_10 {
    padding-left: 83.33333%; }

  .mbsuffix_10 {
    padding-right: 83.33333%; }

  .mbpush_10 {
    left: 83.33333%; }

  .mbpull_10 {
    left: -83.33333%; }

  /* mbgrid_11 of 12*/
  .mbgrid_11 {
    width: 89.66667%;
    position: relative; }
    .mbgrid_11.omega, .mbgrid_11.alpha {
      width: 90.66667%; }
    .mbgrid_11.omega.alpha {
      width: 91.66667%; }

  .mbprefix_11 {
    padding-left: 91.66667%; }

  .mbsuffix_11 {
    padding-right: 91.66667%; }

  .mbpush_11 {
    left: 91.66667%; }

  .mbpull_11 {
    left: -91.66667%; }

  /* mbgrid_12 of 12*/
  .mbgrid_12 {
    width: 98%;
    position: relative; }
    .mbgrid_12.omega, .mbgrid_12.alpha {
      width: 99%; }
    .mbgrid_12.omega.alpha {
      width: 100%; }

  .mbprefix_12 {
    padding-left: 100%; }

  .mbsuffix_12 {
    padding-right: 100%; }

  .mbpush_12 {
    left: 100%; }

  .mbpull_12 {
    left: -100%; }

  .mpush_0 {
    left: 0 !important; }

  .hide-on-mobile {
    display: none !important; } }
@media only screen and (orientation: portrait) and (max-width: 767px) {
  .hide-on-mobile-portrait {
    display: none !important; } }
@media only screen and (orientation: landscape) and (max-width: 767px) {
  .hide-on-mobile-landscape {
    display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* tablet */
  /* 12-grid-system */
  /* tgrid_1 of 12*/
  .tgrid_1 {
    width: 6.33333%;
    position: relative; }
    .tgrid_1.omega, .tgrid_1.alpha {
      width: 7.33333%; }
    .tgrid_1.omega.alpha {
      width: 8.33333%; }

  .tprefix_1 {
    padding-left: 8.33333%; }

  .tsuffix_1 {
    padding-right: 8.33333%; }

  .tpush_1 {
    left: 8.33333%; }

  .tpull_1 {
    left: -8.33333%; }

  /* tgrid_2 of 12*/
  .tgrid_2 {
    width: 14.66667%;
    position: relative; }
    .tgrid_2.omega, .tgrid_2.alpha {
      width: 15.66667%; }
    .tgrid_2.omega.alpha {
      width: 16.66667%; }

  .tprefix_2 {
    padding-left: 16.66667%; }

  .tsuffix_2 {
    padding-right: 16.66667%; }

  .tpush_2 {
    left: 16.66667%; }

  .tpull_2 {
    left: -16.66667%; }

  /* tgrid_3 of 12*/
  .tgrid_3 {
    width: 23%;
    position: relative; }
    .tgrid_3.omega, .tgrid_3.alpha {
      width: 24%; }
    .tgrid_3.omega.alpha {
      width: 25%; }

  .tprefix_3 {
    padding-left: 25%; }

  .tsuffix_3 {
    padding-right: 25%; }

  .tpush_3 {
    left: 25%; }

  .tpull_3 {
    left: -25%; }

  /* tgrid_4 of 12*/
  .tgrid_4 {
    width: 31.33333%;
    position: relative; }
    .tgrid_4.omega, .tgrid_4.alpha {
      width: 32.33333%; }
    .tgrid_4.omega.alpha {
      width: 33.33333%; }

  .tprefix_4 {
    padding-left: 33.33333%; }

  .tsuffix_4 {
    padding-right: 33.33333%; }

  .tpush_4 {
    left: 33.33333%; }

  .tpull_4 {
    left: -33.33333%; }

  /* tgrid_5 of 12*/
  .tgrid_5 {
    width: 39.66667%;
    position: relative; }
    .tgrid_5.omega, .tgrid_5.alpha {
      width: 40.66667%; }
    .tgrid_5.omega.alpha {
      width: 41.66667%; }

  .tprefix_5 {
    padding-left: 41.66667%; }

  .tsuffix_5 {
    padding-right: 41.66667%; }

  .tpush_5 {
    left: 41.66667%; }

  .tpull_5 {
    left: -41.66667%; }

  /* tgrid_6 of 12*/
  .tgrid_6 {
    width: 48%;
    position: relative; }
    .tgrid_6.omega, .tgrid_6.alpha {
      width: 49%; }
    .tgrid_6.omega.alpha {
      width: 50%; }

  .tprefix_6 {
    padding-left: 50%; }

  .tsuffix_6 {
    padding-right: 50%; }

  .tpush_6 {
    left: 50%; }

  .tpull_6 {
    left: -50%; }

  /* tgrid_7 of 12*/
  .tgrid_7 {
    width: 56.33333%;
    position: relative; }
    .tgrid_7.omega, .tgrid_7.alpha {
      width: 57.33333%; }
    .tgrid_7.omega.alpha {
      width: 58.33333%; }

  .tprefix_7 {
    padding-left: 58.33333%; }

  .tsuffix_7 {
    padding-right: 58.33333%; }

  .tpush_7 {
    left: 58.33333%; }

  .tpull_7 {
    left: -58.33333%; }

  /* tgrid_8 of 12*/
  .tgrid_8 {
    width: 64.66667%;
    position: relative; }
    .tgrid_8.omega, .tgrid_8.alpha {
      width: 65.66667%; }
    .tgrid_8.omega.alpha {
      width: 66.66667%; }

  .tprefix_8 {
    padding-left: 66.66667%; }

  .tsuffix_8 {
    padding-right: 66.66667%; }

  .tpush_8 {
    left: 66.66667%; }

  .tpull_8 {
    left: -66.66667%; }

  /* tgrid_9 of 12*/
  .tgrid_9 {
    width: 73%;
    position: relative; }
    .tgrid_9.omega, .tgrid_9.alpha {
      width: 74%; }
    .tgrid_9.omega.alpha {
      width: 75%; }

  .tprefix_9 {
    padding-left: 75%; }

  .tsuffix_9 {
    padding-right: 75%; }

  .tpush_9 {
    left: 75%; }

  .tpull_9 {
    left: -75%; }

  /* tgrid_10 of 12*/
  .tgrid_10 {
    width: 81.33333%;
    position: relative; }
    .tgrid_10.omega, .tgrid_10.alpha {
      width: 82.33333%; }
    .tgrid_10.omega.alpha {
      width: 83.33333%; }

  .tprefix_10 {
    padding-left: 83.33333%; }

  .tsuffix_10 {
    padding-right: 83.33333%; }

  .tpush_10 {
    left: 83.33333%; }

  .tpull_10 {
    left: -83.33333%; }

  /* tgrid_11 of 12*/
  .tgrid_11 {
    width: 89.66667%;
    position: relative; }
    .tgrid_11.omega, .tgrid_11.alpha {
      width: 90.66667%; }
    .tgrid_11.omega.alpha {
      width: 91.66667%; }

  .tprefix_11 {
    padding-left: 91.66667%; }

  .tsuffix_11 {
    padding-right: 91.66667%; }

  .tpush_11 {
    left: 91.66667%; }

  .tpull_11 {
    left: -91.66667%; }

  /* tgrid_12 of 12*/
  .tgrid_12 {
    width: 98%;
    position: relative; }
    .tgrid_12.omega, .tgrid_12.alpha {
      width: 99%; }
    .tgrid_12.omega.alpha {
      width: 100%; }

  .tprefix_12 {
    padding-left: 100%; }

  .tsuffix_12 {
    padding-right: 100%; }

  .tpush_12 {
    left: 100%; }

  .tpull_12 {
    left: -100%; }

  .tpush_0 {
    left: 0 !important; }

  .hide-on-tablet {
    display: none !important; } }
@media screen and (min-width: 768px) and (orientation: portrait) and (max-width: 1023px) {
  /* 12-grid-system */
  /* tpgrid_1 of 12*/
  .tpgrid_1 {
    width: 6.33333%;
    position: relative; }
    .tpgrid_1.omega, .tpgrid_1.alpha {
      width: 7.33333%; }
    .tpgrid_1.omega.alpha {
      width: 8.33333%; }

  .tpprefix_1 {
    padding-left: 8.33333%; }

  .tpsuffix_1 {
    padding-right: 8.33333%; }

  .tppush_1 {
    left: 8.33333%; }

  .tppull_1 {
    left: -8.33333%; }

  /* tpgrid_2 of 12*/
  .tpgrid_2 {
    width: 14.66667%;
    position: relative; }
    .tpgrid_2.omega, .tpgrid_2.alpha {
      width: 15.66667%; }
    .tpgrid_2.omega.alpha {
      width: 16.66667%; }

  .tpprefix_2 {
    padding-left: 16.66667%; }

  .tpsuffix_2 {
    padding-right: 16.66667%; }

  .tppush_2 {
    left: 16.66667%; }

  .tppull_2 {
    left: -16.66667%; }

  /* tpgrid_3 of 12*/
  .tpgrid_3 {
    width: 23%;
    position: relative; }
    .tpgrid_3.omega, .tpgrid_3.alpha {
      width: 24%; }
    .tpgrid_3.omega.alpha {
      width: 25%; }

  .tpprefix_3 {
    padding-left: 25%; }

  .tpsuffix_3 {
    padding-right: 25%; }

  .tppush_3 {
    left: 25%; }

  .tppull_3 {
    left: -25%; }

  /* tpgrid_4 of 12*/
  .tpgrid_4 {
    width: 31.33333%;
    position: relative; }
    .tpgrid_4.omega, .tpgrid_4.alpha {
      width: 32.33333%; }
    .tpgrid_4.omega.alpha {
      width: 33.33333%; }

  .tpprefix_4 {
    padding-left: 33.33333%; }

  .tpsuffix_4 {
    padding-right: 33.33333%; }

  .tppush_4 {
    left: 33.33333%; }

  .tppull_4 {
    left: -33.33333%; }

  /* tpgrid_5 of 12*/
  .tpgrid_5 {
    width: 39.66667%;
    position: relative; }
    .tpgrid_5.omega, .tpgrid_5.alpha {
      width: 40.66667%; }
    .tpgrid_5.omega.alpha {
      width: 41.66667%; }

  .tpprefix_5 {
    padding-left: 41.66667%; }

  .tpsuffix_5 {
    padding-right: 41.66667%; }

  .tppush_5 {
    left: 41.66667%; }

  .tppull_5 {
    left: -41.66667%; }

  /* tpgrid_6 of 12*/
  .tpgrid_6 {
    width: 48%;
    position: relative; }
    .tpgrid_6.omega, .tpgrid_6.alpha {
      width: 49%; }
    .tpgrid_6.omega.alpha {
      width: 50%; }

  .tpprefix_6 {
    padding-left: 50%; }

  .tpsuffix_6 {
    padding-right: 50%; }

  .tppush_6 {
    left: 50%; }

  .tppull_6 {
    left: -50%; }

  /* tpgrid_7 of 12*/
  .tpgrid_7 {
    width: 56.33333%;
    position: relative; }
    .tpgrid_7.omega, .tpgrid_7.alpha {
      width: 57.33333%; }
    .tpgrid_7.omega.alpha {
      width: 58.33333%; }

  .tpprefix_7 {
    padding-left: 58.33333%; }

  .tpsuffix_7 {
    padding-right: 58.33333%; }

  .tppush_7 {
    left: 58.33333%; }

  .tppull_7 {
    left: -58.33333%; }

  /* tpgrid_8 of 12*/
  .tpgrid_8 {
    width: 64.66667%;
    position: relative; }
    .tpgrid_8.omega, .tpgrid_8.alpha {
      width: 65.66667%; }
    .tpgrid_8.omega.alpha {
      width: 66.66667%; }

  .tpprefix_8 {
    padding-left: 66.66667%; }

  .tpsuffix_8 {
    padding-right: 66.66667%; }

  .tppush_8 {
    left: 66.66667%; }

  .tppull_8 {
    left: -66.66667%; }

  /* tpgrid_9 of 12*/
  .tpgrid_9 {
    width: 73%;
    position: relative; }
    .tpgrid_9.omega, .tpgrid_9.alpha {
      width: 74%; }
    .tpgrid_9.omega.alpha {
      width: 75%; }

  .tpprefix_9 {
    padding-left: 75%; }

  .tpsuffix_9 {
    padding-right: 75%; }

  .tppush_9 {
    left: 75%; }

  .tppull_9 {
    left: -75%; }

  /* tpgrid_10 of 12*/
  .tpgrid_10 {
    width: 81.33333%;
    position: relative; }
    .tpgrid_10.omega, .tpgrid_10.alpha {
      width: 82.33333%; }
    .tpgrid_10.omega.alpha {
      width: 83.33333%; }

  .tpprefix_10 {
    padding-left: 83.33333%; }

  .tpsuffix_10 {
    padding-right: 83.33333%; }

  .tppush_10 {
    left: 83.33333%; }

  .tppull_10 {
    left: -83.33333%; }

  /* tpgrid_11 of 12*/
  .tpgrid_11 {
    width: 89.66667%;
    position: relative; }
    .tpgrid_11.omega, .tpgrid_11.alpha {
      width: 90.66667%; }
    .tpgrid_11.omega.alpha {
      width: 91.66667%; }

  .tpprefix_11 {
    padding-left: 91.66667%; }

  .tpsuffix_11 {
    padding-right: 91.66667%; }

  .tppush_11 {
    left: 91.66667%; }

  .tppull_11 {
    left: -91.66667%; }

  /* tpgrid_12 of 12*/
  .tpgrid_12 {
    width: 98%;
    position: relative; }
    .tpgrid_12.omega, .tpgrid_12.alpha {
      width: 99%; }
    .tpgrid_12.omega.alpha {
      width: 100%; }

  .tpprefix_12 {
    padding-left: 100%; }

  .tpsuffix_12 {
    padding-right: 100%; }

  .tppush_12 {
    left: 100%; }

  .tppull_12 {
    left: -100%; }

  .hide-on-tablet-portrait {
    display: none !important; } }
@media screen and (min-width: 768px) and (orientation: landscape) and (max-width: 1023px) {
  /* 12-grid-system */
  /* tlgrid_1 of 12*/
  .tlgrid_1 {
    width: 6.33333%;
    position: relative; }
    .tlgrid_1.omega, .tlgrid_1.alpha {
      width: 7.33333%; }
    .tlgrid_1.omega.alpha {
      width: 8.33333%; }

  .tlprefix_1 {
    padding-left: 8.33333%; }

  .tlsuffix_1 {
    padding-right: 8.33333%; }

  .tlpush_1 {
    left: 8.33333%; }

  .tlpull_1 {
    left: -8.33333%; }

  /* tlgrid_2 of 12*/
  .tlgrid_2 {
    width: 14.66667%;
    position: relative; }
    .tlgrid_2.omega, .tlgrid_2.alpha {
      width: 15.66667%; }
    .tlgrid_2.omega.alpha {
      width: 16.66667%; }

  .tlprefix_2 {
    padding-left: 16.66667%; }

  .tlsuffix_2 {
    padding-right: 16.66667%; }

  .tlpush_2 {
    left: 16.66667%; }

  .tlpull_2 {
    left: -16.66667%; }

  /* tlgrid_3 of 12*/
  .tlgrid_3 {
    width: 23%;
    position: relative; }
    .tlgrid_3.omega, .tlgrid_3.alpha {
      width: 24%; }
    .tlgrid_3.omega.alpha {
      width: 25%; }

  .tlprefix_3 {
    padding-left: 25%; }

  .tlsuffix_3 {
    padding-right: 25%; }

  .tlpush_3 {
    left: 25%; }

  .tlpull_3 {
    left: -25%; }

  /* tlgrid_4 of 12*/
  .tlgrid_4 {
    width: 31.33333%;
    position: relative; }
    .tlgrid_4.omega, .tlgrid_4.alpha {
      width: 32.33333%; }
    .tlgrid_4.omega.alpha {
      width: 33.33333%; }

  .tlprefix_4 {
    padding-left: 33.33333%; }

  .tlsuffix_4 {
    padding-right: 33.33333%; }

  .tlpush_4 {
    left: 33.33333%; }

  .tlpull_4 {
    left: -33.33333%; }

  /* tlgrid_5 of 12*/
  .tlgrid_5 {
    width: 39.66667%;
    position: relative; }
    .tlgrid_5.omega, .tlgrid_5.alpha {
      width: 40.66667%; }
    .tlgrid_5.omega.alpha {
      width: 41.66667%; }

  .tlprefix_5 {
    padding-left: 41.66667%; }

  .tlsuffix_5 {
    padding-right: 41.66667%; }

  .tlpush_5 {
    left: 41.66667%; }

  .tlpull_5 {
    left: -41.66667%; }

  /* tlgrid_6 of 12*/
  .tlgrid_6 {
    width: 48%;
    position: relative; }
    .tlgrid_6.omega, .tlgrid_6.alpha {
      width: 49%; }
    .tlgrid_6.omega.alpha {
      width: 50%; }

  .tlprefix_6 {
    padding-left: 50%; }

  .tlsuffix_6 {
    padding-right: 50%; }

  .tlpush_6 {
    left: 50%; }

  .tlpull_6 {
    left: -50%; }

  /* tlgrid_7 of 12*/
  .tlgrid_7 {
    width: 56.33333%;
    position: relative; }
    .tlgrid_7.omega, .tlgrid_7.alpha {
      width: 57.33333%; }
    .tlgrid_7.omega.alpha {
      width: 58.33333%; }

  .tlprefix_7 {
    padding-left: 58.33333%; }

  .tlsuffix_7 {
    padding-right: 58.33333%; }

  .tlpush_7 {
    left: 58.33333%; }

  .tlpull_7 {
    left: -58.33333%; }

  /* tlgrid_8 of 12*/
  .tlgrid_8 {
    width: 64.66667%;
    position: relative; }
    .tlgrid_8.omega, .tlgrid_8.alpha {
      width: 65.66667%; }
    .tlgrid_8.omega.alpha {
      width: 66.66667%; }

  .tlprefix_8 {
    padding-left: 66.66667%; }

  .tlsuffix_8 {
    padding-right: 66.66667%; }

  .tlpush_8 {
    left: 66.66667%; }

  .tlpull_8 {
    left: -66.66667%; }

  /* tlgrid_9 of 12*/
  .tlgrid_9 {
    width: 73%;
    position: relative; }
    .tlgrid_9.omega, .tlgrid_9.alpha {
      width: 74%; }
    .tlgrid_9.omega.alpha {
      width: 75%; }

  .tlprefix_9 {
    padding-left: 75%; }

  .tlsuffix_9 {
    padding-right: 75%; }

  .tlpush_9 {
    left: 75%; }

  .tlpull_9 {
    left: -75%; }

  /* tlgrid_10 of 12*/
  .tlgrid_10 {
    width: 81.33333%;
    position: relative; }
    .tlgrid_10.omega, .tlgrid_10.alpha {
      width: 82.33333%; }
    .tlgrid_10.omega.alpha {
      width: 83.33333%; }

  .tlprefix_10 {
    padding-left: 83.33333%; }

  .tlsuffix_10 {
    padding-right: 83.33333%; }

  .tlpush_10 {
    left: 83.33333%; }

  .tlpull_10 {
    left: -83.33333%; }

  /* tlgrid_11 of 12*/
  .tlgrid_11 {
    width: 89.66667%;
    position: relative; }
    .tlgrid_11.omega, .tlgrid_11.alpha {
      width: 90.66667%; }
    .tlgrid_11.omega.alpha {
      width: 91.66667%; }

  .tlprefix_11 {
    padding-left: 91.66667%; }

  .tlsuffix_11 {
    padding-right: 91.66667%; }

  .tlpush_11 {
    left: 91.66667%; }

  .tlpull_11 {
    left: -91.66667%; }

  /* tlgrid_12 of 12*/
  .tlgrid_12 {
    width: 98%;
    position: relative; }
    .tlgrid_12.omega, .tlgrid_12.alpha {
      width: 99%; }
    .tlgrid_12.omega.alpha {
      width: 100%; }

  .tlprefix_12 {
    padding-left: 100%; }

  .tlsuffix_12 {
    padding-right: 100%; }

  .tlpush_12 {
    left: 100%; }

  .tlpull_12 {
    left: -100%; }

  .hide-on-tablet-landscape {
    display: none !important; } }
@media screen and (min-width: 1024px) {
  /* desktop */
  .hide-on-desktop {
    display: none !important; } }

	
	
	
.main *, .main *:before, .main *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }	
	
.form-section-nav p.download_ready{
	text-align: center !important;
	border: 1px solid #E30613;
	padding: 5px;
}	
.tinfo{
	font-size:0.8em;
}
.tcenter input[type="radio"],
.tcenter input[type="checkbox"]{
	float:none !important;
	display:inline-block;
	vertical-align:top;
}
.tcenter label{
	display:inline-block;
}
.tcenter label.headline{
	display:block;
	font-weight:600;
}
.swal2-modal button.swal2-confirm.swal2-styled{
	background-color:#E30613;
}
.swal2-modal button.swal2-cancel.swal2-styled{
	background-color:#575756;
}	
	/* Form */
.sweet-alert button.confirm	{
	background: #da251c !important;
	 color: #fff;
}
.sweet-alert button.cancel	{
	background: #575756 !important;
	 color: #fff;
}
.btn,.btn-std, .sweet-alert button,.btn-std.btn-alt {
  position: relative;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 130%;
  background: #da251c;
  display: inline-block;
  padding: 6px 35px;
  border: 1px solid #da251c;
  cursor: pointer; }
.btn:hover, .sweet-alert button:hover,.btn-std.btn-alt {
	text-decoration:none;
	color:#fff;
	background: #575756;
	border-color:#575756;
}  
.btn-std.btn-alt:hover{
	background: #da251c;
	border-color:#da251c;
	text-decoration:none;
	color:#fff;
}
.form-error-msg {
  color: #da251c;
  padding: 5px 0; }

.form-section-nav {
  padding: 25px 0 15px;
  clear: both; 
  border-top: 1px solid #f4f4f4;
  /* top:10px;  */
  /* position:relative; */
  }
  .form-section-nav p {
    margin: 10px 0 0;
    line-height: 130%;
    text-align: left !important; }
  .form-section-nav .btn, .form-section-nav .btn-alt {
    width: 100%; }

.main form .field, .bordertop {
  border-top: 1px solid #f4f4f4;
  padding: 10px 0; }

  .main form .field:first-child,.form-section div:first-child {
    border: 0; }
  .main form .field:after {
    content: "";
    display: block;
    width: 100%;
    clear: both; }
  .main form .field h3 {
    color: #626262;
    text-align: left; }
.main form label {
  font-size: 14px; 
  font-weight:400;
  }
  .main form label em {
    font-size: .85em;
    display: block;
    line-height: 100%; }
.main form input, .main form textarea  {
  padding: 10px 9px;
  position: relative;
  background: none repeat scroll 0% 0% #FFF;
  border: 1px solid #CECED0;
  color: #626262;
  width: 100%;
  font-size: 12px;
  transition: all 240ms ease-out 0s; }
  .main form input:focus, .main form textarea:focus, .main form select:focus{
		border-color:#575756;
		background:#FCFCFC !important;
  }
.main form input[type="checkbox"],
.main form input[type="radio"] {
  width: 20px;
  float:left;
  }
 .main form .checkbox label{
	 width:auto;
	 max-width:80%;
 } 
.main form textarea {
  min-height: 80px; }
.main form input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

  .tcenter{
	  text-align:center;
  }
  
fieldset legend {
  display: block;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  font-weight:400;
  padding: 10px 0 10px 10px;
  text-align: right;
  color: #fff;
  margin: 5px 0;
  background: #575756;

  *zoom: 1;
  border: 1px solid #cacaca;
  transition: all 0.2s linear 0s; }
  fieldset legend .optional {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: .4; }
  fieldset legend .step {
    float: left;
    position: relative;
    top: 5px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    padding-left: 10px; 
	line-height: 200%;
	vertical-align:middle;
	}
    fieldset legend .step .current {
      font-size: 3.8em;
      margin-left: 5px; }
    fieldset legend .step .total {
      font-size: 2em;
      margin-right: 5px; }
  fieldset legend:before {
    position: absolute;
    right: 50px;
    top: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    border-left: 1px solid #fff;
    border-right: 1px solid #cacaca; }
  fieldset legend:after {
    content: "\e906";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* line-height: 100%; */
    display: inline-block;
    width: 60px;
    margin-left: 10px;
    text-align: center; 
	vertical-align: middle;
	font-size: 2.5em;
	}
	fieldset legend .steptitle{
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	fieldset legend .steptitle em{
		font-style:normal !important;
	}
	@media screen and (max-width: 400px) {
		fieldset legend .steptitle{
			display:none;
		}
	}
	@media screen and (max-width: 767px) {
		.pos_datepicker{
			left:auto !important;
			right:10px !important;
		}
	}
	@media screen and (max-width: 479px) {
		label{
			padding:10px 10px 10px 0 !important;
		}
	}
fieldset.open legend, fieldset.valid legend {
  color: #fff;
    background: #E30613; }
  fieldset.open legend .optional, fieldset.valid legend .optional {
    opacity: 0; }
  fieldset.open legend:after, fieldset.valid legend:after {
    content: "\e900"; }
  fieldset.open legend:before, fieldset.valid legend:before {
    border-left: 1px solid #fff; }
fieldset.valid legend:after {
  content: "\e61e";
  font-size: 1.5em; }

.field-error input {
  border-color: #da251c !important; }

.form-error-msg {
  font-size: .75em; }

.form-section {
  margin: 10px 0; }
  .form-section h3 {
    color: #626262;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 120%; }

.hidden_gallery, .hidden_gallery_thumb {
  position: absolute;
  left: -9000px;
  top: -9000px; }

.gallerywrapper {
  display: none; }

table {
  width: 100%; }

.etabs {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #626262; }

.tab {
  position: relative;
  top: 1px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #f4f4f4;
  border: solid 1px #f4f4f4;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0; }

.tab a {
  color: #626262;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2em;
  display: block;
  padding: 0 25px;
  outline: none; }

.tab a:hover {
  text-decoration: underline; }

.tab.active {
  background: #626262;
  color: #fff;
  padding-top: 6px;
  position: relative;
  top: 1px;
  border-color: #626262; }

.tab a.active {
  font-weight: bold;
  color: #fff;
  font-size: 14px; }

.tab-container .panel-container {
  background: #fff;
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px; }

fieldset .etabs {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: 0; }
fieldset .tab {
  position: relative;
  top: 1px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #f4f4f4;
  border: solid 1px #f4f4f4;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 2px;
  margin: 2px;
  width: 24%; }
fieldset .tab a {
  color: #626262;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2em;
  display: block;
  padding: 0;
  outline: none;
  text-align: center; }
fieldset .tab a:hover {
  text-decoration: underline; }
fieldset .tab.active {
  background: #626262;
  color: #fff;
  /*padding-top: 6px;*/
  position: relative;
  top: 1px;
  border-color: #626262; }
fieldset .tab a.active {
  font-weight: 400;
  color: #fff;
  font-size: 12px; }
fieldset .tab-container .panel-container {
  background: #fff;
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px; }

.tabcontent p {
  text-align: center;
  margin-bottom: 5px; }
.tabcontent table {
  margin-top: 10px; }
  .tabcontent table td:last-child {
    text-align: right; }
  .tabcontent table td {
    vertical-align: middle; }
  .tabcontent table thead td {
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px; }
  .tabcontent table tbody tr {
    border-top: 1px solid #f4f4f4; }
    .tabcontent table tbody tr:first-child {
      border-top: 0; }
    .tabcontent table tbody tr td:first-child {
      width: 30px; }
    .tabcontent table tbody tr td:last-child {
      width: 70px; }

.tabloader {
  width: 100%; }

.mktabs p {
  text-align: left !important; }

/*.js*/
.tab-container {
  display: none; }
div.fancy-select div.trigger:after{
	 font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}
div.fancy-select {
  position: relative;
  /* font-weight: bold; */
  text-transform: uppercase;
  font-size: 13px;
  color: #46565D; }

div.fancy-select.disabled {
  opacity: 0.5; }

div.fancy-select select:focus + div.trigger {
  box-shadow: 0 0 0 2px #4B5468; }

div.fancy-select select:focus + div.trigger.open {
  box-shadow: none; }

div.fancy-select div.trigger {
  cursor: pointer;
  padding: 10px 24px 9px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #fff;
  border: 1px solid #CECED0;
  color: #626262;
  width: 100%;
  font-size: 11px;
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -moz-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  -o-transition: all 240ms ease-out; }

div.fancy-select div.trigger:after {
  content: "\e900";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: #626262;
  font-size: 18px;
  top: 13px;
  right: 20px; }

div.fancy-select div.trigger.open {
  background: #d8171b;
  border: 1px solid #d8171b;
  color: #fff;
  box-shadow: none; }

div.fancy-select div.trigger.open:after {
  color: white; }

div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 200px;
  overflow: auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  min-width: 100%;
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.open {
  visibility: visible;
  top: 40px;
  opacity: 1;
  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
  -o-transition: opacity 300ms ease-out, top 300ms ease-out; }

div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }

div.fancy-select ul.options li {
  padding: 8px 12px;
  color: #626262;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out; }

div.fancy-select ul.options li.selected {
  background: #d8171b;
  color: #fff; }

div.fancy-select ul.options li.hover {
  background: #da251c;
  color: #fff; }