@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	overflow: hidden;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}







/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}






/*
* CSS TOGGLE SWITCHES
* Unlicense
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* Supported values are px, rem-calc, em-calc */
/* Functions */
/* Toggle Switches */
/* Shared */
/* Checkbox
*/
/* Radio Switch
*/
/* Hide by default
*/
.switch-toggle a, .switch-light span span {
  display: none; }

/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
  /* Checkbox switch
  */
  .switch-light {
    display: block;
    min-height: 1.875em;
    /* Outline the toggles when the inputs are focused
  */
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 6.25em;
    /* Position the label over all the elements, except the slide-button (<a>)
  * Clicking anywhere on the label will change the switch-state
  */
    /* Don't hide the input from screen-readers and keyboard access
  */ }
    .switch-light * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-light label, .switch-light > span {
      line-height: 1.875em;
      vertical-align: middle; }
    .switch-light input:focus ~ a, .switch-light input:focus + label {
      outline: 1px dotted #888; }
    .switch-light label {
      position: relative;
      z-index: 3;
      display: block;
      width: 100%; }
    .switch-light input {
      position: absolute;
      opacity: 0;
      z-index: 5; }
      .switch-light input:checked ~ a {
        right: 0%; }
    .switch-light > span {
      position: absolute;
      left: -6.25em;
      width: 100%;
      margin: 0;
      padding-right: 6.25em;
      text-align: left; }
      .switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 6.25em;
        text-align: center; }
        .switch-light > span span:last-child {
          left: 50%; }
    .switch-light a {
      position: absolute;
      right: 50%;
      top: 0;
      z-index: 4;
      display: block;
      width: 50%;
      height: 100%;
      padding: 0; }

  /* Radio switch
  */
  .switch-toggle {
    display: block;
    min-height: 1.875em;
    /* Outline the toggles when the inputs are focused
  */
    position: relative;
    display: table;
    table-layout: fixed;
    /* For callout panels in foundation
  */
    padding: 0 !important;
    /* Generate styles for the multiple states */ }
    .switch-toggle * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-toggle label, .switch-toggle > span {
      line-height: 1.875em;
      vertical-align: middle; }
    .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
      outline: 1px dotted #888; }
    .switch-toggle * {
      font-size: 1em; }
    .switch-toggle input {
      position: absolute;
      opacity: 0; }
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      display: table-cell;
      width: 50%;
      padding: 0 0.5em;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 50%;
      height: 100%; }
    .switch-toggle input:last-of-type:checked ~ a {
      left: 50%; }
    .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
      width: 33.3333333333%; }
    .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
      left: 33.3333333333%; }
    .switch-toggle.switch-3 input:checked:last-of-type ~ a {
      left: 66.6666666667%; }
    .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
      width: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
      left: 25%; }
    .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
      left: 50%; }
    .switch-toggle.switch-4 input:checked:last-of-type ~ a {
      left: 75%; }
    .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
      width: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
      left: 20%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
      left: 40%; }
    .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
      left: 60%; }
    .switch-toggle.switch-5 input:checked:last-of-type ~ a {
      left: 80%; }

  /* Standalone Themes */
  /* Candy Theme
  * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
  * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
  */
  .switch-candy {
    background-color: #2d3035;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); }
    .switch-candy label {
      color: #fff;
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
    .switch-candy input:checked + label {
      color: #333;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
    .switch-candy a {
      border: 1px solid #333;
      background-color: #70c66b;
      border-radius: 3px;
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45); }
    .switch-candy > span {
      color: #333;
      text-shadow: none; }
    .switch-candy span {
      color: #fff; }
    .switch-candy.switch-candy-blue a {
      background-color: #38a3d4; }
    .switch-candy.switch-candy-yellow a {
      background-color: #f5e560; }

  /* Android Theme
  */
  .switch-android {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    /* Selected ON switch-light
    */ }
    .switch-android label {
      color: #fff; }
    .switch-android > span span {
      opacity: 0;
      margin-left: 7.1875em;
      -webkit-transition: all 0.1s;
      -moz-transition: all 0.1s;
      transition: all 0.1s; }
      .switch-android > span span:first-of-type {
        opacity: 1; }
    .switch-android > span span, .switch-android input + label {
      font-size: 85%;
      line-height: 2.15625em; }
    .switch-android a {
      background-color: #666;
      border-radius: 1px;
      box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
    .switch-android.switch-light input:checked ~ a {
      background-color: #0E88B1; }
    .switch-android.switch-light input:checked ~ span span:first-of-type {
      opacity: 0; }
    .switch-android.switch-light input:checked ~ span span:last-of-type {
      opacity: 1; }
    .switch-android.switch-toggle, .switch-android > span span {
      text-transform: uppercase; }

  /* iOS Theme
  */
  .switch-ios.switch-light {
    color: #868686; }
    .switch-ios.switch-light a {
      left: 0;
      width: 1.875em;
      background-color: #fff;
      border: 1px solid #d3d3d3;
      border-radius: 100%;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1); }
    .switch-ios.switch-light > span span {
      width: 100%;
      left: 0;
      opacity: 0; }
      .switch-ios.switch-light > span span:first-of-type {
        opacity: 1;
        padding-left: 1.875em; }
      .switch-ios.switch-light > span span:last-of-type {
        padding-right: 1.875em; }
    .switch-ios.switch-light > span:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 6.25em;
      top: 0;
      background-color: #fafafa;
      border: 1px solid #d3d3d3;
      border-radius: 30px;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-light input:checked ~ a {
      left: 100%;
      margin-left: -1.875em; }
    .switch-ios.switch-light input:checked ~ span:before {
      border-color: #53d76a;
      box-shadow: inset 0 0 0 30px #53d76a; }
    .switch-ios.switch-light input:checked ~ span span:first-of-type {
      opacity: 0; }
    .switch-ios.switch-light input:checked ~ span span:last-of-type {
      opacity: 1;
      color: #fff; }
  .switch-ios.switch-toggle {
    background-color: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-toggle a {
      background-color: #53d76a;
      border-radius: 25px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .switch-ios.switch-toggle label {
      color: #868686; }
  .switch-ios input:checked + label {
    color: #3a3a3a; }
 }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }

  to {
    -webkit-transform: translate3d(0, 0, 0); } }







    @charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}





/**
 * # Concise.CSS
 * http://github.com/ConciseCSS/concise.css
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -official-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/*
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  border: solid #eee;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  -official-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

q {
  quotes: none;
}
q:before, q:after {
  content: '';
  content: none;
}

form {
  margin: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  vertical-align: baseline;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -official-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

*, *:before, *:after {
  -official-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  background-color: #ffffff;
  color: #333333;
  /*font: normal normal 1em/1.5 "Droid Sans", Helvetica, Arial, sans-serif;*/
  margin: 0;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

html[dir="rtl"] {
  direction: rtl;
}
/*
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.giga, .mega, .kilo,
hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.row, .form-item {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

hr {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

ul,
ol,
dd {
  margin-left: 48px;
  margin-left: 3rem;
}

*::-webkit-selection, *::-moz-selection, *::selection {
  background-color: #666666;
  color: #ffffff;
}

a {
  color: #62b3e7;
  text-decoration: none;
}
a:hover, a:visited {
  color: #8ec8ee;
  cursor: pointer;
  text-decoration: underline;
}
p a, p a:visited {
  line-height: inherit;
}

small,
.small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

.micro {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
}

address {
  font-style: normal;
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}

acronym {
  cursor: help;
  border-bottom: 1px dashed #62b3e7;
}

kbd {
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-size: 90%;
  padding: 1px 4px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.giga, .mega, .kilo {
  color: #181818;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
.giga a, .mega a, .kilo a {
  font-weight: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
.giga small, .mega small, .kilo small {
  color: #808080;
  font-size: 60%;
  line-height: 1;
}

h1, .h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}
@media (min-width: 48em) {
  h1, .h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (min-width: 60em) {
  h1, .h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.33333;
  }
}

h2, .h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 48em) {
  h2, .h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
}
@media (min-width: 60em) {
  h2, .h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
}
@media (min-width: 48em) {
  h3, .h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
@media (min-width: 60em) {
  h3, .h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
}

h4, .h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 48em) {
  h4, .h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33333;
  }
}
@media (min-width: 60em) {
  h4, .h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

h5, .h5 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
@media (min-width: 48em) {
  h5, .h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (min-width: 60em) {
  h5, .h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33333;
  }
}

h6, .h6 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
@media (min-width: 48em) {
  h6, .h6 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.71429;
  }
}
@media (min-width: 60em) {
  h6, .h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
*/

.giga {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 48em) {
  .giga {
    font-size: 64px;
    font-size: 4rem;
    line-height: 1.125;
  }
}
@media (min-width: 70em) {
  .giga {
    font-size: 80px;
    font-size: 5rem;
    line-height: 1.2;
  }
}
@media (min-width: 80em) {
  .giga {
    font-size: 96px;
    font-size: 6rem;
    line-height: 1;
  }
}

.mega {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (min-width: 48em) {
  .mega {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 70em) {
  .mega {
    font-size: 64px;
    font-size: 4rem;
    line-height: 1.125;
  }
}
@media (min-width: 80em) {
  .mega {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 1;
  }
}

.kilo {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5;
}
@media (min-width: 48em) {
  .kilo {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media (min-width: 70em) {
  .kilo {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 80em) {
  .kilo {
    font-size: 64px;
    font-size: 4rem;
    line-height: 1.125;
  }
}

.container,
.grid {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 48em) {
  .container,
  .grid {
    width: 100%;
  }
}
@media (min-width: 60em) {
  .container,
  .grid {
    width: 100%;
  }
}
@media (min-width: 70em) {
  .container,
  .grid {
    width: 100%;
  }
}
@media (min-width: 80em) {
  .container,
  .grid {
    width: 100%;
  }
}

.row {
  width: 100%;
}
.row:after {
  clear: both;
  content: " ";
  display: table;
}

[class*='column-'],
[class*='col-'] {
  -official-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
[class*='column-'].right,
[class*='col-'].right {
  float: right;
}
[class*='column-'] img,
[class*='col-'] img {
  max-width: 100%;
}

@media (min-width: 48em) {
  [class*='column-'],
  [class*='col-'] {
    float: left;
  }

  .gutters [class*='column-'],
  .gutters [class*='col-'] {
    margin-left: 2%;
  }
  .gutters [class*='column-']:first-child,
  .gutters [class*='col-']:first-child {
    margin-left: 0;
  }

  .column-1 {
    width: 6.25%;
  }
  .gutters .column-1 {
    width: 4.375%;
  }


  .column-2 {
    width: 12.5%;
  }
  .gutters .column-2 {
    width: 10.75%;
  }

  .column-3 {
    width: 18.75%;
  }
  .gutters .column-3 {
    width: 17.125%;
  }

  .column-4 {
    width: 25%;
  }
  .gutters .column-4 {
    width: 23.5%;
  }

  .column-5 {
    width: 31.25%;
  }
  .gutters .column-5 {
    width: 29.875%;
  }

  .column-6 {
    width: 37.5%;
  }
  .gutters .column-6 {
    width: 36.25%;
  }

  .column-7 {
    width: 43.75%;
  }
  .gutters .column-7 {
    width: 42.625%;
  }

  .column-8 {
    width: 50%;
  }
  .gutters .column-8 {
    width: 49%;
  }

  .column-9 {
    width: 56.25%;
  }
  .gutters .column-9 {
    width: 55.375%;
  }

  .column-10 {
    width: 62.5%;
  }
  .gutters .column-10 {
    width: 61.75%;
  }

  .column-11 {
    width: 68.75%;
  }
  .gutters .column-11 {
    width: 68.125%;
  }

  .column-12 {
    width: 75%;
  }
  .gutters .column-12 {
    width: 74.5%;
  }

  .column-13 {
    width: 81.25%;
  }
  .gutters .column-13 {
    width: 80.875%;
  }

  .column-14 {
    width: 87.5%;
  }
  .gutters .column-14 {
    width: 87.25%;
  }

  .column-15 {
    width: 93.75%;
  }
  .gutters .column-15 {
    width: 93.625%;
  }

  .column-16 {
    width: 100%;
  }
  .gutters .column-16 {
    width: 100%;
  }

  [class*='push-'] {
    position: relative;
  }

  .push-1 {
    left: 6.25%;
  }
  .gutters .push-1 {
    left: 4.25%;
  }

  /*.gutters [class*='column-'].push-1:first-child {
  	margin-left: 2%;
  }*/

  .push-2 {
    left: 12.5%;
  }
  .gutters .push-2 {
    left: 10.5%;
  }

  .push-3 {
    left: 18.75%;
  }
  .gutters .push-3 {
    left: 16.75%;
  }

  .push-4 {
    left: 25%;
  }
  .gutters .push-4 {
    left: 23%;
  }

  .push-5 {
    left: 31.25%;
  }
  .gutters .push-5 {
    left: 29.25%;
  }

  .push-6 {
    left: 37.5%;
  }
  .gutters .push-6 {
    left: 35.5%;
  }

  .push-7 {
    left: 43.75%;
  }
  .gutters .push-7 {
    left: 41.75%;
  }

  .push-8 {
    left: 50%;
  }
  .gutters .push-8 {
    left: 48%;
  }

  .push-9 {
    left: 56.25%;
  }
  .gutters .push-9 {
    left: 54.25%;
  }

  .push-10 {
    left: 62.5%;
  }
  .gutters .push-10 {
    left: 60.5%;
  }

  .push-11 {
    left: 68.75%;
  }
  .gutters .push-11 {
    left: 66.75%;
  }

  .push-12 {
    left: 75%;
  }
  .gutters .push-12 {
    left: 73%;
  }

  .push-13 {
    left: 81.25%;
  }
  .gutters .push-13 {
    left: 79.25%;
  }

  .push-14 {
    left: 87.5%;
  }
  .gutters .push-14 {
    left: 85.5%;
  }

  .push-15 {
    left: 93.75%;
  }
  .gutters .push-15 {
    left: 91.75%;
  }

  [class*='pull-'] {
    position: relative;
  }

  .pull-1 {
    right: 6.25%;
  }
  .gutters .pull-1 {
    right: 4.25%;
  }

  .pull-2 {
    right: 12.5%;
  }
  .gutters .pull-2 {
    right: 10.5%;
  }

  .pull-3 {
    right: 18.75%;
  }
  .gutters .pull-3 {
    right: 16.75%;
  }

  .pull-4 {
    right: 25%;
  }
  .gutters .pull-4 {
    right: 23%;
  }

  .pull-5 {
    right: 31.25%;
  }
  .gutters .pull-5 {
    right: 29.25%;
  }

  .pull-6 {
    right: 37.5%;
  }
  .gutters .pull-6 {
    right: 35.5%;
  }

  .pull-7 {
    right: 43.75%;
  }
  .gutters .pull-7 {
    right: 41.75%;
  }

  .pull-8 {
    right: 50%;
  }
  .gutters .pull-8 {
    right: 48%;
  }

  .pull-9 {
    right: 56.25%;
  }
  .gutters .pull-9 {
    right: 54.25%;
  }

  .pull-10 {
    right: 62.5%;
  }
  .gutters .pull-10 {
    right: 60.5%;
  }

  .pull-11 {
    right: 68.75%;
  }
  .gutters .pull-11 {
    right: 66.75%;
  }

  .pull-12 {
    right: 75%;
  }
  .gutters .pull-12 {
    right: 73%;
  }

  .pull-13 {
    right: 81.25%;
  }
  .gutters .pull-13 {
    right: 79.25%;
  }

  .pull-14 {
    right: 87.5%;
  }
  .gutters .pull-14 {
    right: 85.5%;
  }

  .pull-15 {
    right: 93.75%;
  }
  .gutters .pull-15 {
    right: 91.75%;
  }
}
.non-responsive [class*='column-'],
.non-responsive [class*='col-'] {
  float: left;
  width: auto !important;
}
.non-responsive .gutters [class*='column-'],
.non-responsive.gutters [class*='column-'],
.non-responsive .gutters [class*='col-'],
.non-responsive.gutters [class*='col-'] {
  margin-left: 2%;
}
.non-responsive .gutters [class*='column-']:first-child,
.non-responsive.gutters [class*='column-']:first-child,
.non-responsive .gutters [class*='col-']:first-child,
.non-responsive.gutters [class*='col-']:first-child {
  margin-left: 0;
}

/*ul,
ol {
  margin-left: 20px;
  padding-left: 0px;
}
ul li,
ol li {
  line-height: 1.75em;
  position: relative;
}
ul ul,
ol ul {
  list-style-type: circle;
  margin-bottom: auto;
}
ul ul ul,
ol ul ul {
  list-style-type: square;
}
ul ul ol,
ol ul ol {
  list-style-type: lower-roman;
}
@media (min-width: 48em) {
  ul ul,
  ol ul {
    margin-left: 20px;
  }
}
ul ol,
ol ol {
  list-style-type: lower-latin;
  margin-bottom: auto;
}
ul ol ol,
ol ol ol {
  list-style-type: lower-roman;
}
ul ol ul,
ol ol ul {
  list-style-type: square;
}

.list-unstyled {
  margin-left: 0px;
  list-style: none;
}
.list-unstyled ul {
  list-style: none;
}
.list-unstyled ul ul {
  list-style: none;
}
*/

.list-inline {
  margin-left: 0px;
}
.list-inline li {
  border-bottom: none;
  display: inline;
  margin-right: 15px;
}
.list-inline li:last-child {
  margin-right: 0px;
}
@media (min-width: 48em) {
  .list-inline li {
    margin-right: 15px;
  }
  .list-inline li:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 60em) {
  .list-inline li {
    margin-right: 30px;
  }
  .list-inline li:last-child {
    margin-right: 0px;
  }
}

/*
dt {
  font-weight: bold;
}

dd {
  margin-left: 0px;
}

input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"] {
  background: auto;
  border: auto;
  height: auto;
  width: auto;
}

input[disabled],
select[disabled],
textarea[disabled] {
  background-color: #f6f6f6;
  cursor: not-allowed;
}

label {
  display: block;
}

textarea {
  height: auto;
}

.form input,
.form select,
.form textarea {
  border: 1px solid #cccccc;
  height: 37px;
  padding: 5px;
  width: 100%;
  -official-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 30em) {
  .form input,
  .form select,
  .form textarea {
    width: 300px;
  }
}
.form textarea {
  height: auto;
}
@media (min-width: 30em) {
  .form input[type="submit"] {
    display: block;
    width: auto;
  }
}
.form input:focus,
.form select:focus,
.form textarea:focus,
.form button:focus,
.form [contenteditable="true"]:focus {
  outline: 1px solid #a6a6a6;
}
.form fieldset {
  border: 1px solid #cccccc;
  padding: 10px 25px;
}
.form fieldset legend {
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.84615;
  padding: 0 10px;
}

.form-item {
  display: block;
}

.form-inline label {
  width: auto;
}
@media (min-width: 48em) {
  .form-inline label {
    display: inline-block;
    width: 100px;
  }
  .form-inline textarea {
    width: auto;
  }
}

::-webkit-input-placeholder {
  color: #bbbbbb;
}

:-ms-input-placeholder {
  color: #bbbbbb;
}

::-moz-placeholder {
  color: #bbbbbb;
}

:-moz-placeholder {
  color: #bbbbbb;
}

table.table {
  empty-cells: show;
  width: 100%;
}
table.table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center;
}
table.table thead {
  border-bottom: 2px solid #cccccc;
}
table.table th,
table.table td {
  padding: 12px 15px;
}
table.table td {
  border-top: 1px solid #cccccc;
}
@media (min-width: 30em) {
  table.table {
    width: auto;
  }
  table.table th,
  table.table td {
    padding: 10px 50px 10px 25px;
  }
}
table.table-full, table.table.table-full {
  width: 100%;
}

.table-responsive {
  overflow: auto;
  width: 100%;
}
.table-responsive table {
  margin-bottom: 0;
}
.table-responsive::-webkit-scrollbar {
  height: 14px;
  width: 14px;
  -webkit-appearance: none;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.2);
  border: 3px solid #fff;
  border-radius: 8px;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #222222;
}

.bg-light-black {
  background-color: #757575;
}

.bg-gray {
  background-color: #999999;
}

.bg-light-gray {
  background-color: #ececec;
}

.bg-green {
  background-color: #5cb85c;
}

.bg-light-green {
  background-color: #cfeacf;
}

.bg-blue {
  background-color: #5bc0de;
}

.bg-light-blue {
  background-color: #e5f5fa;
}

.bg-yellow {
  background-color: #ed9c28;
}

.bg-light-yellow {
  background-color: #fae2c1;
}

.bg-red {
  background-color: #d9534f;
}

.bg-light-red {
  background-color: #f6d8d7;
}

.color-white {
  color: #ffffff;
}

.color-black {
  color: #222222;
}

.color-gray {
  color: #999999;
}

.color-green {
  color: #468847;
}

.color-blue {
  color: #3a87ad;
}

.color-yellow {
  color: #c09853;
}

.color-red {
  color: #d2322d;
}

.btn {
  background-color: #cccccc;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  padding: 0.5em 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -official-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn:hover {
  background-color: #b3b3b3;
}
.btn:active {
  background-color: #bfbfbf;
}
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus {
  background: #dededc !important;
  border: none;
  color: #b3b3b1;
  cursor: not-allowed;
}
.btn.bg-white {
  background-color: #ffffff;
}
.btn.bg-white:hover {
  background-color: #e6e6e6;
}
.btn.bg-white:active {
  background-color: #f2f2f2;
}
.btn.bg-black {
  background-color: #222222;
}
.btn.bg-black:hover {
  background-color: #090909;
}
.btn.bg-black:active {
  background-color: #151515;
}
.btn.bg-light-black {
  background-color: #757575;
}
.btn.bg-gray {
  background-color: #999999;
}
.btn.bg-gray:hover {
  background-color: gray;
}
.btn.bg-gray:active {
  background-color: #8c8c8c;
}
.btn.bg-light-gray {
  background-color: #ececec;
}
.btn.bg-green {
  background-color: #5cb85c;
}
.btn.bg-green:hover {
  background-color: #449d44;
}
.btn.bg-green:active {
  background-color: #4cae4c;
}
.btn.bg-light-green {
  background-color: #cfeacf;
}
.btn.bg-blue {
  background-color: #5bc0de;
}
.btn.bg-blue:hover {
  background-color: #31b0d5;
}
.btn.bg-blue:active {
  background-color: #46b8da;
}
.btn.bg-light-blue {
  background-color: #e5f5fa;
}
.btn.bg-yellow {
  background-color: #ed9c28;
}
.btn.bg-yellow:hover {
  background-color: #d18211;
}
.btn.bg-yellow:active {
  background-color: #e89113;
}
.btn.bg-light-yellow {
  background-color: #fae2c1;
}
.btn.bg-red {
  background-color: #d9534f;
}
.btn.bg-red:hover {
  background-color: #c9302c;
}
.btn.bg-red:active {
  background-color: #d43f3a;
}
.btn.bg-light-red {
  background-color: #f6d8d7;
}

a.btn, a.btn:hover {
  color: #ffffff;
  text-decoration: none;
}
a.btn:active {
  outline: 0;
}

input[type="submit"].btn {
  color: #ffffff;
  height: auto;
  padding: 0.5em 1em;
}

button.btn {
  color: #ffffff;
}

.btn-collapse-full {
  display: block;
  margin: 12px 0;
  width: 100%;
}
@media (min-width: 30em) {
  .btn-collapse-full {
    display: inline-block;
    margin: 0;
    width: auto;
  }
}

.btn-extra-small,
a.btn-extra-small,
p.btn-extra-small,
input.btn-extra-small {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
  padding: 0.25em 0.75em;
}

.btn-small,
a.btn-small,
p.btn-small,
input.btn-small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

.btn-large,
a.btn-large,
p.btn-large,
input.btn-large {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  padding: 1em 2em;
}

.btn-extra-large,
a.btn-extra-large,
p.btn-extra-large,
input.btn-extra-large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  padding: 1em 2em;
}

.btn.dropdown {
  width: 100%;
}
.btn.dropdown .dropdown-menu {
  margin-top: auto;
  text-align: left;
  top: 100%;
  width: 100%;
}
.btn.dropdown[class*='dropdown-arrow-'] .dropdown-menu {
  margin-top: 10px;
}
.btn.dropdown.up .dropdown-menu {
  margin-bottom: 0px;
  top: auto;
}
.btn.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu {
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  .btn-extra-small .caret,
  .btn-small .caret {
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }

  .btn.dropdown {
    width: auto;
  }
  .btn.dropdown.extra-small .dropdown-menu {
    margin-top: 6px;
  }
  .btn.dropdown.dropdown-small .dropdown-menu {
    margin-top: 11px;
  }
  .btn.dropdown.dropdown-large .dropdown-menu {
    margin-top: 21px;
  }
}
*/

.dropdown {
  cursor: pointer;
  outline: none;
  position: relative;
  width: auto;
}
.dropdown .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #ededed;
  border-radius: inherit;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  font-weight: inherit;
  left: 0;
  margin-left: 0px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-transform: none;
  z-index: 99999;
  -ms-transition: all 0.3s ease-in;
  -official-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.dropdown .dropdown-menu a {
  text-decoration: none;
}
.dropdown .dropdown-menu p {
  margin: 0;
  padding: 10px 15px;
}
.dropdown .dropdown-menu span {
  line-height: inherit;
}
.dropdown .dropdown-menu img {
  padding: 15px;
  width: 100%;
}
.dropdown .dropdown-menu iframe {
  height: auto;
  padding: 15px;
  width: 100%;
}
.dropdown .dropdown-menu img + p,
.dropdown .dropdown-menu iframe + p {
  padding-top: 0px;
}
.dropdown .dropdown-menu hr {
  margin: 10px;
}
.dropdown .dropdown-menu li {
  display: block;
  padding: 5px 10px;
  -ms-transition: all 0.3s ease-out;
  -official-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.dropdown .dropdown-menu li:hover {
  background-color: #f3f8f8;
}
.dropdown .dropdown-menu > .dropdown-header {
  margin: 0;
}
.dropdown ul.dropdown-menu {
  list-style-type: none;
}
.dropdown.dropdown-active .dropdown-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  pointer-events: auto;
}
.dropdown .dropdown-header {
  color: #aaaaaa;
  cursor: default;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  margin: 12px 0 0;
  padding: 0 0 0 9px;
}
.dropdown.dropdown-collapse-full .dropdown-menu {
  width: 100%;
}
@media (min-width: 48em) {
  .dropdown .dropdown-menu {
    width: 200px;
  }
  .dropdown.dropdown-small .dropdown-menu {
    width: 150px;
  }
  .dropdown.dropdown-large .dropdown-menu {
    width: 350px;
  }
  .dropdown.dropdown-full .dropdown-menu {
    width: 100%;
  }
  .dropdown.dropdown-collapse-full .dropdown-menu {
    width: 200px;
  }
}
.dropdown .dropdown-header:hover,
.dropdown li.dropdown-header:hover {
  background: none;
}
.dropdown[class*='dropdown-arrow-'] .dropdown-menu {
  margin-top: 10px;
}
.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before, .dropdown[class*='dropdown-arrow-'] .dropdown-menu:after {
  border-color: #ffffff transparent;
  border-style: solid;
  bottom: 100%;
  border-width: 0 6px 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.dropdown[class*='dropdown-arrow-'] .dropdown-menu:before {
  border-color: rgba(0, 0, 0, 0.1) transparent;
  border-width: 0 8px 8px 8px;
}
.dropdown.dropdown-arrow-left .dropdown-menu:after {
  left: 15px;
}
.dropdown.dropdown-arrow-left .dropdown-menu:before {
  left: 13px;
}
.dropdown.dropdown-arrow-right .dropdown-menu:after {
  right: 15px;
}
.dropdown.dropdown-arrow-right .dropdown-menu:before {
  right: 13px;
}
.dropdown.up .dropdown-menu {
  bottom: 100%;
}
.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu {
  margin-bottom: 10px;
}
.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after, .dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before {
  top: 100%;
}
.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:after {
  border-width: 6px 6px 0 6px;
}
.dropdown.up[class*='dropdown-arrow-'] .dropdown-menu:before {
  border-width: 8px 8px 0 8px;
}


.nav-responsive.nav-responsive-text.naver .naver-container:before, .nav-responsive-left.nav-responsive-text.naver .naver-container:after, .nav-responsive-center.nav-responsive-text.naver .naver-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  text-align: center;
  visibility: hidden;
}

nav ul,
nav ol {
  list-style: none;
  margin: 0;
}
nav li {
  cursor: pointer;
  position: relative;
}
.dropdown nav li {
  margin-right: 0px;
}

.naver .naver-handle {
  color: inherit;
  cursor: pointer;
  display: none;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
  -ms-user-select: none;
  -official-user-select: none;
  user-select: none;
}
.naver .naver-wrapper {
  height: auto;
  width: 100%;
}
.naver.enabled .naver-handle {
  display: block;
}
.naver.enabled .naver-wrapper {
  height: 0px;
  overflow: hidden;
}
.naver.enabled .naver-wrapper li {
  display: block;
  padding: 8px;
  text-align: left;
  width: 100%;
}
.naver.enabled .naver-wrapper li:hover {
  background: #f9f9f9;
}

.nav-responsive.naver .naver-handle:after {
  content: "\2261";
  text-align: right;
}
.nav-responsive.nav-responsive-text.naver .naver-handle:after {
  content: "\00a0 \2261";
}

.nav-responsive-left.naver .naver-handle {
  text-align: left;
}
.nav-responsive-left.naver .naver-handle:before {
  content: "\2261";
  text-align: left;
}
.nav-responsive-left.nav-responsive-text.naver .naver-handle:before {
  content: "\2261 \00a0";
}

.nav-responsive-center.naver .naver-handle {
  text-align: center;
}
.nav-responsive-center.naver .naver-handle:before {
  content: "\2261";
  text-align: center;
}
.nav-responsive-center.nav-responsive-text.naver .naver-handle:before {
  content: "\2261 \00a0";
}

.float-left {
  float: left;
}

.float-right {
  float: right;
  z-index:1;
  position: relative;
}
.float-right-2 {
  float: right;
  font-family: 'Open Sans', Helvetica, Arial;
  font-size: medium;
}

.float-none {
  float: none;
}

.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-margin {
  margin: 0 !important;
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
}

.inline {
  display: inline;
}

.show {
  display: block;
  visibility: visible;
}

.hide {
  display: none;
  visibility: hidden;
}

.screen-reader,
.text-hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.full-width {
  width: 100%;
}

img.full-width {
  width: auto;
  width: 100%;
  height: auto;
  display: block;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.underline {
	text-decoration: underline;
}

.ellipses {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.no-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.weight-light {
  font-weight: 300;
}

.weight-normal {
  font-weight: 400;
}

.weight-semibold {
  font-weight: 600;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.amp {
  font: italic 110% Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}

.caret {
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  display: inline-block;
  margin: 0 0 3px 4px;
  vertical-align: middle;
  width: 0;
}

.show-extra-small,
.hide-small,
.hide-medium,
.hide-large,
.hide-extra-large,
.hide-print,
.hide-hd {
  display: block;
  visibility: visible;
}

.hide-extra-small,
.show-small,
.show-medium,
.show-large,
.show-extra-large,
.show-print,
.show-hd {
  display: none;
  visibility: hidden;
}

@media (min-width: 48em) {
  .show-small,
  .hide-extra-small,
  .hide-medium,
  .hide-large,
  .hide-extra-large {
    display: block;
    visibility: visible;
  }

  .hide-small,
  .show-extra-small,
  .show-medium,
  .show-large,
  .show-extra-large {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 60em) {
  .show-medium,
  .hide-small,
  .hide-extra-small,
  .hide-large,
  .hide-extra-large {
    display: block;
    visibility: visible;
  }

  .hide-medium,
  .show-small,
  .show-extra-small,
  .show-large,
  .show-extra-large {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 70em) {
  .show-large,
  .hide-extra-small,
  .hide-small,
  .hide-medium,
  .hide-extra-large {
    display: block;
    visibility: visible;
  }

  .hide-large,
  .show-extra-small,
  .show-small,
  .show-medium,
  .show-extra-large {
    display: none;
    visibility: hidden;
  }
}
@media (min-width: 80em) {
  .show-extra-large,
  .hide-extra-small,
  .hide-small,
  .hide-medium,
  .hide-large {
    display: block;
    visibility: visible;
  }

  .hide-extra-large,
  .show-extra-small,
  .show-small,
  .show-medium,
  .show-large {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .show-hd {
    display: block;
    visibility: visible;
  }

  .hide-hd {
    display: none;
    visibility: hidden;
  }
}
/*@media print {
  @page {
    margin: 0.5cm;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -official-filter: none !important;
    filter: none !important;
  }

  body {
    background-color: #fff;
    color: #000;
    font: 0.57em/1.3 Georgia, "Times New Roman", Times, serif;
  }

  img {
    max-width: 100% !important;
  }

  .show-print {
    display: block;
    visibility: visible;
  }

  .hide-print,
  video,
  audio,
  object,
  embed,
  nav,
  footer,
  a[href^="#"]:after {
    display: none;
    visibility: hidden;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  a,
  a:visited {
    color: #000;
    text-decoration: underline;
    word-wrap: break-word;
  }
  a[href]:after,
  a:visited[href]:after {
    content: " (" attr(href) ")";
    font-size: smaller;
  }

  q:after {
    content: " (Source: " attr(cite) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #ededed;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  ul {
    list-style: none;
  }
  ul li {
    content: "&raquo; ";
  }
}
*/



@media (min-width: 48em) /* 768px */ {
  /* Row Columns */
  .column-1,
  .col-1-12 {
    width: 8.33333333333%;
  }
  .column-2,
  .col-2-12 {
    width: 16.6666666667%;
  }
  .column-3,
  .col-3-12 {
    width: 25%;
  }
  .column-4,
  .col-4-12 {
    width: 33.3333333333%;
  }
  .column-5,
  .col-5-12 {
    width: 41.6666666667%;
  }
  .column-6,
  .col-6-12 {
    width: 50%;
  }
  .column-7,
  .col-7-12 {
    width: 58.3333333333%;
  }
  .column-8,
  .col-8-12 {
    width: 66.6666666667%;
  }
  .column-9,
  .col-9-12 {
    width: 75%;
  }
  .column-10,
  .col-10-12 {
    width: 83.3333333333%;
  }
  .column-11,
  .col-11-12 {
    width: 91.6666666667%;
  }
  .column-12,
  .col-12-12,
  .col-1 {
    width: 100%;
  }

  /* Row Columns With Gutters */
  .gutters .column-1,
  .gutters .col-1-12 {
    width: 6.5%;
  }
  .gutters .column-2,
  .gutters .col-2-12 {
    width: 15.0%;
  }
  .gutters .column-3,
  .gutters .col-3-12 {
    width: 23.5%;
  }
  .gutters .column-4,
  .gutters .col-4-12 {
    width: 32.0%;
  }
  .gutters .column-5,
  .gutters .col-5-12 {
    width: 40.5%;
  }
  .gutters .column-6,
  .gutters .col-6-12 {
    width: 49.0%;
  }
  .gutters .column-7,
  .gutters .col-7-12 {
    width: 57.5%;
  }
  .gutters .column-8,
  .gutters .col-8-12 {
    width: 66.0%;
  }
  .gutters .column-9,
  .gutters .col-9-12 {
    width: 74.5%;
  }
  .gutters .column-10,
  .gutters .col-10-12 {
    width: 83.0%;
  }
  .gutters .column-11,
  .gutters .col-11-12 {
    width: 91.5%;
  }
  .gutters .column-12,
  .gutters .col-12-12 {
    width: 100%;
  }

  /* Push */
  .push-1,
  .offset-1-12 {
    left: 8.33333333333%;
  }
  .push-2,
  .offset-2-12 {
    left: 16.6666666667%;
  }
  .push-3,
  .offset-3-12 {
    left: 25%;
  }
  .push-4,
  .offset-4-12 {
    left: 33.3333333333%;
  }
  .push-5,
  .offset-5-12 {
    left: 41.6666666667%;
  }
  .push-6,
  .offset-6-12 {
    left: 50%;
  }
  .push-7,
  .offset-7-12 {
    left: 58.3333333333%;
  }
  .push-8,
  .offset-8-12 {
    left: 66.6666666667%;
  }
  .push-9,
  .offset-9-12 {
    left: 75%;
  }
  .push-10,
  .offset-10-12 {
    left: 83.3333333333%;
  }
  .push-11,
  .offset-11-12 {
    left: 91.6666666667%;
  }

  /* Push With Gutters */
  .gutters .push-1,
  .gutters .offset-1-12 {
    left: 6.5%;
  }
  .gutters .push-2,
  .gutters .offset-2-12 {
    left: 15.0%;
  }
  .gutters .push-3,
  .gutters .offset-3-12 {
    left: 23.5%;
  }
  .gutters .push-4,
  .gutters .offset-4-12 {
    left: 32.0%;
  }
  .gutters .push-5,
  .gutters .offset-5-12 {
    left: 40.5%;
  }
  .gutters .push-6,
  .gutters .offset-6-12 {
    left: 49.0%;
  }
  .gutters .push-7,
  .gutters .offset-7-12 {
    left: 57.5%;
  }
  .gutters .push-8,
  .gutters .offset-8-12 {
    left: 66.0%;
  }
  .gutters .push-9,
  .gutters .offset-9-12 {
    left: 74.5%;
  }
  .gutters .push-10,
  .gutters .offset-10-12 {
    left: 83.0%;
  }
  .gutters .push-11,
  .gutters .offset-11-12 {
    left: 91.5%;
  }

  /* Pull */
  .pull-1 {
    right: 8.33333333333%;
  }
  .pull-2 {
    right: 16.6666666667%;
  }
  .pull-3 {
    right: 25%;
  }
  .pull-4 {
    right: 33.3333333333%;
  }
  .pull-5 {
    right: 41.6666666667%;
  }
  .pull-6 {
    right: 50%;
  }
  .pull-7 {
    right: 58.3333333333%;
  }
  .pull-8 {
    right: 66.6666666667%;
  }
  .pull-9 {
    right: 75%;
  }
  .pull-10 {
    right: 83.3333333333%;
  }
  .pull-11 {
    right: 91.6666666667%;
  }

  /* Pull With Gutters */
  .gutters .pull-1 {
    right: 6.5%;
  }
  .gutters .pull-2 {
    right: 15.0%;
  }
  .gutters .pull-3 {
    right: 23.5%;
  }
  .gutters .pull-4 {
    right: 32.0%;
  }
  .gutters .pull-5 {
    right: 40.5%;
  }
  .gutters .pull-6 {
    right: 49.0%;
  }
  .gutters .pull-7 {
    right: 57.5%;
  }
  .gutters .pull-8 {
    right: 66.0%;
  }
  .gutters .pull-9 {
    right: 74.5%;
  }
  .gutters .pull-10 {
    right: 83.0%;
  }
  .gutters .pull-11 {
    right: 91.5%;
  }
}






/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
	  url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
	  url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-globe:before {
  content: "\f1a0 \f1ab";
  /*content: "\f0ac";*/
}

.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-globe-plus:before {
  content: "\f1a0 \f1ab"
  /*content: "\f0ac";*/
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-globe-minus:before {
  content: "\f1a0 \f1ab"
  /*content: "\f0ac";*/
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-bluesky-square:before {
  content: "";
  background-image:url('img/Bluesky.png');
  background-size: 100% 100%;
  display: inline-block;
  height: 29px;
  width:29px;
  filter: brightness(0) invert(1);
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-bluesky:before {
  content: "";
  background-image:url('img/Bluesky.png');
  background-size: 100% 100%;
  display: inline-block;
  height: 29px;
  width:29px;
  filter: brightness(0) invert(1);
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}





/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling small or empty content */
		min-width:  30%;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}






.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.chardinjs-helper-layer {
  position: absolute;
  z-index: 9999998;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .chardinjs-helper-layer.chardinjs-left {
    border-left: solid white 1px;
    margin-left: -10px; }
  .chardinjs-helper-layer.chardinjs-right {
    border-right: solid white 1px;
    padding-right: 10px; }
  .chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid white 1px;
    padding-bottom: 10px; }
  .chardinjs-helper-layer.chardinjs-top {
    border-top: solid white 1px;
    padding-top: 10px; }

.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-width: 200px; }
  .chardinjs-tooltip.chardinjs-left {
    margin-left: -135px;
    padding-right: 10px; }
  .chardinjs-tooltip.chardinjs-right {
    margin-right: -135px;
    padding-left: 10px; }
  .chardinjs-tooltip.chardinjs-bottom {
    margin-bottom: -50px;
    padding-top: 10px; }
  .chardinjs-tooltip.chardinjs-top {
    margin-top: -50px;
    padding-bottom: 10px; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    content: ".";
    display: inline-block;
    background-color: white;
    height: 1px;
    overflow: hidden;
    position: absolute; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after {
    width: 100px;
    top: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    width: 1px;
    height: 50px;
    left: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before {
    top: -50px; }
  .chardinjs-tooltip.chardinjs-top:after {
    bottom: -50px; }
  .chardinjs-tooltip.chardinjs-right:before {
    left: -100px; }
  .chardinjs-tooltip.chardinjs-left:after {
    right: -100px; }

.chardinjs-show-element {
  z-index: 9999999;
  opacity: 0.8; }

.chardinjs-relative-position {
  position: relative; }



/*///////////////////////*/
/* Tool Tips */
/*///////////////////////*/

.tooltip-wrapper {
	cursor: help;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.tooltip-wrapper .tooltip {
	background: #1A589A;
	bottom: 100%;
	color: #fff;
	display: block;
	left: -25px;
	margin-bottom: 15px;
	opacity: 0;
	padding: 5px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(10px);
	 -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	   -o-transform: translateY(10px);
		  transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	 -moz-transition: all .25s ease-out;
	  -ms-transition: all .25s ease-out;
	   -o-transition: all .25s ease-out;
		  transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
		  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-wrapper .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip-wrapper .tooltip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #1A589A 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}

.tooltip-wrapper:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	 -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	   -o-transform: translateY(0px);
		  transform: translateY(0px);
}




  /*
State of California
Google Site Search add-on for the 2007 template
Version 2010.11.17
*/


/* Search */

#head_search {
	float:right;
	width:20em;
	padding:0 0 7px 0;
	background:#CCD4DF url(../images/ca_master/search_bg.gif) no-repeat bottom left;
	position:relative;

	z-index:10;
}

#head_search form {
	margin:0;
	float:right;
	width:20em;
}

.textfield_container {
	padding:6px 40px 0 0;
	text-align:right;
}
#search_ca_textfield, #search_local_textfield {
	border: 1px solid #728EB4;
	width:15em;
	position:relative;
	margin:0 0 0 14px;
	padding:1px 0px 3px 1px;
}
.submit_container {
	position:absolute;
	top:3px; /* Line up the submit button with the text box */
	right:8px;
}
.javascript_off #radio_container {
	display:none;
}
#control {
	padding-top:4px;
}

#radio_container {
	width:100%;
	padding:0 0 0 50px;
}
#header .radiobutton {
	position:relative;
	top:2px;
}
#radio_container label {
	padding:0 12px 0 0;
}

.gsc-completion-container {
	z-index:50; /* fix issue where Google autocomplete dropdown appears behind header images */
}



ul.accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.accordion .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}
ul.accordion .inner.show {
  /*display: block;*/
}
ul.accordion li {

}
ul.accordion li a.toggle {
  width: 100%;
  display: block;
  padding: .75em;
  border-radius: 0.15em;
  transition: background .3s ease;
}
ul.accordion li a.toggle:hover {

}





/*---------------------------------------------*/
/*  ca_master.css                              */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Master template styles                     */
/*---------------------------------------------*/

body {
 margin:0;
 padding:0;
 font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em;
}

#heading, #navigation, #main_content_1, #footer {
 min-width:774px;
 width: 100%;
 text-align: left;
 margin: 0;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/

#heading {
 border-top:4px solid #253B5A;
 height:80px;
 position:relative;
}

#heading img {
 float:left;
}

#state_logo {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(../images/02_ca/logo.gif) no-repeat;
}

#heading #search_and_skipto {
 position:absolute;
 right:0px;
 top:0px;
 width:39em;
}

#heading #search_container {
 float:right;
 width:20em;
 padding:0 0 7px 0;
 background:#CCD4DF url(../images/ca_master/search_bg.gif) no-repeat bottom left;
 position:relative;
}

#heading #skipto_container {
 float:left;
 margin:6px 0 0 0;
 color:#90897D;
}

#heading form {
 margin:0;
 float:right;
 width:20em;
}
#heading form p {
 margin:0;
}
#heading form input {
 margin:0;
}
#heading #search {
 border: 1px solid #728EB4;
 width:15em;
 position:relative;
 top:-5px; /* adjust the text box */
 margin:0 0 0 14px;
}
#heading #translate {
 border: 1px solid #728EB4;
 width:15em;
 position:relative;
 top:-5px; /* adjust the text box */
 margin:0 0 0 14px;
}
#heading #submitbutton {
 position:relative;
 top:3px; /* Line up the submit button with the text box */
}

/*---------------------------------------------*/
/*   search form with radio buttons            */
/*---------------------------------------------*/

#heading #control p {
 float:right;
 clear:right;
}

#textfield_container {
 padding:6px 40px 0 0;
 text-align:right;
}

#radio_container {
 width:100%;
 text-align:right;
 display:none; /* Display this only if javascript is enabled, so we'll unhide this using javascript */
}

#radio_container span {
 padding-right:40px;
}

#submit_container {
 position:absolute;
 top:3px; /* Line up the submit button with the text box */
 right:8px;
}

#heading #control #search {
 top:0px;
 margin:0px;
}

#heading #control #submitbutton {
 position:relative;
 top:0px;
}

#heading #control .radiobutton{
 position:relative;
 top:2px;
}

form > #radio_container { /* Hack applies to FF and IE7 */
 padding-top:5px; /* for FF */
}
*+html #radio_container { /* Hack applies to IE5 and IE7 */
 padding-top:0; /* for IE7 */
}


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
 padding: 0;
 position:relative; /* Makes this the containing block */
 background: #253B5A; /* Blue, needed for empty sublists */
 height:60px;
 white-space: nowrap;
}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 width:60em; /* *** Adjust this to match the actual width of the tabs. *** */
}

#navigation a {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 display: block;
 padding:9px 6px 0px 6px;
 float:left;
 background: transparent url(../images/02_ca/navigation_tabs.gif) top right no-repeat;
 position:relative;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 /* height:21px;  30 - 9, for non-broken browsers */
}

#navigation a:hover {
 text-decoration: underline;
}

#navigation a span {
 background: transparent url(../images/02_ca/navigation_tabs.gif) top left no-repeat;
 height:30px;
 width:7px;
 display:block;
 font-size:1px;
 position:absolute;
 top:0px;
 left:0px;
}

#navigation li {
 margin: 0;
 float: left;
 display: block;
 list-style: none;
}

#navigation li ul {
 display: none; /* Hide sublists */
 width:790px; /* 800 - 10, IE needs this to be fixed width */
 top: 30px; /* moves the sublist below main list */
 left: 0px;
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(../images/02_ca/navigation_tabs.gif) 100% -60px  no-repeat;
}
#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../images/02_ca/navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation #nav_list li li a {
 background-image: none;
 background-color: transparent; /* Needed to make dividers visible */
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
 background: transparent url(../images/02_ca/navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
 background: transparent url(../images/02_ca/navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
 position:absolute;
 width:100%;
 height:30px;
 background: #fff; /* First row, white */
}

/*--------------------------------------------------------*/
/*  amber_alert_on                                        */
/*  Active Amber Alert banner                             */
/*--------------------------------------------------------*/

#amber_alert_on {
 position:relative; /* Makes this the containing block */
 background: transparent url(../images/ca_master/amber_alert_on_background.gif) repeat-x;
 height:57px;
}

#amber_alert_on #amber_alert_on_left {
 position:absolute;
 left:0px;
 background: transparent url(../images/ca_master/amber_alert_on_left.gif) no-repeat;
 width:203px;
 height:57px;
}

#amber_alert_on #amber_alert_on_right {
 position:absolute;
 right:-1px; /* Fixes IE6 issue */
 background: transparent url(../images/ca_master/amber_alert_on_right.gif) no-repeat;
 width:10px;
 height:57px;
}

#amber_alert_on p {
 text-align:right;
 position:relative;
 padding-top:7px;
 margin:0px 10px 0px 0px;
 z-index:10;
}

#amber_alert_on strong {
 font-weight:normal;
 font-size:1.5em;
 text-transform:uppercase;
}

#amber_alert_on {
}


/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

.statewide_banners strong {
 text-align:center;
 display:block;
}

.statewide_banners div {
 float:left;
 width:234px;
 padding:0 30px 0 0;
 margin:.7em 0em .9em 0em;
}

.statewide_banners img {
 display:block;
 margin:6px 0;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/

#footer {
 text-align: center;
}

#footer div {
 background: #253B5A url(../images/02_ca/footer_corners.gif) no-repeat -8px 100%;
 position:relative;
 padding:8px;
 color:#D76B10;
 height:1.5em; /* Needed for IE */
}
#footer div a {
 color:#fff;
 background-color:transparent;
}
#footer div span {
 background: #253B5A url(../images/02_ca/footer_corners.gif) no-repeat;
 width:7px;
 height:7px;
 position:absolute;
 bottom:0px;
 right:0px;
 display:block;
 font-size:1px;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
 height:8px;
 bottom:-1px;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/

.governor_website {
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;
}

a:link {
 color: #3754d4;
}

a:visited {
 color: #3754d4;
}

a:hover {
 color: #3754d4;
 background-color:#ecece7;
}

a:active {
 color: #3754d4;
}

img {
 border-style: solid;
	border-color: inherit;
	border-width: 1px;
}

@media all{ /* Hide this from IE 4 */
 .hidden { /* Hide from regular displays.  Screen readers can still read it. */
  display:block;
  position: absolute;
  left: -9999px;
  top: 0;
 }
}

.cleaner {
 clear:both;
 height:2px;
 font-size:1px;
 border:none;
 margin:0 0 -2px 0;
 padding:0 !important;
 width:auto !important;
 float:none !important;
}

p {
 margin:.7em 0em .9em 0em;
	text-align: left;
}

ul {
 margin: 1em 0em 1em 1.4em;
 padding: 0em 0em .5em 1.4em;
}

ul ul {
 margin: 0em 0em 0em 1.4em;
 padding: .2em 0em .2em 1.4em;
}

 .for-print-only {
  display: none;
 }

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

 #navigation, #heading div, #footer div { /* Hides the nav, search and footer */
  display:none;
 }

 #heading, #navigation, #main_content_1, #footer {
  min-width:inherit;
 }

 .column_inner {
  display:inline; /* Needed for FF */
 }

 h3 {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
 }

  #heading {
    display: none;
  }

  .for-print-only table,
  .for-print-only th,
  .for-print-only td {
    border:1px solid black;
    border-collapse:collapse
  }

  .for-print-only table {
    margin: auto;
  }

  .for-print-only th {
    text-align: center;
  }

  .for-print-only td {
    font-weight: bold;
  }

  .for-print-only th,
  .for-print-only td {
    padding: 20px;
  }
}





/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/

html,
body {
  min-height: 100%;
}

#left_column a {
 color: #253b5a;
}

#left_column ul {
 margin: .4em .5em 1em 0em;
}
#left_column ul ul {
 margin: .2em 0em 0em 0em;
}

.left_column_top {
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(../images/ca_department/left_column_divider.gif) bottom left no-repeat;
}

.left_column_top a {
 display:block;
}

.column_inner {
 padding:14px;
}

#left_column .column_inner {
 padding:8px;
}

* html .column_inner {
  float:left; /* Needed for IE */
}
#left_column, #right_column, .column_inner { /* Prevent oversized content from breaking the layout */
  overflow:hidden;
}

#amber_alert_on {
 margin-bottom:10px;
}

.list_decorative_dark li, #middle_column .list_decorative_dark li {
 list-style-image:url(../images/ca_department/bullet_black.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_light li, #middle_column .list_decorative_light li {
 list-style-image:url(../images/ca_department/bullet_gray.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_blue li, #middle_column .list_decorative_blue li {
 list-style-image:url(../images/ca_department/bullet_blue.gif);
 padding:2px;
 margin-bottom:0px;
}

.list_decorative_dark a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #999999;
}

.list_decorative_light a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #ECECE7;
}

.list_decorative_blue a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #253B5A;
}

.list_decorative_dark a:hover, .list_decorative_light a:hover, .list_decorative_blue a:hover {
 text-decoration:underline;
}

h2 {
 /*font-family: Georgia, "Times New Roman", Times, serif;*/
 font-weight: bold;
 font-size: 1.6em;
 color: #253b5a;
 border-bottom:2px dotted #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

h3 {
 font-size:1.3em;
 text-transform:uppercase;
 margin-bottom:6px;
}

h4 {
 font-size:1.1em;
 font-weight:bold;
}

hr {
 color: #ECECE7;
 background-color: #ECECE7;
 height: 2px;
 border: 0;
}

#middle_column ul li {
 list-style-image:url(../images/ca_department/bullet_red.gif);
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image:url(../images/ca_department/bullet_darkgray.gif);
 margin-bottom:5px;
}


.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 80%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-default {
  background-color: #999999;
}
.label-primary {
  background-color: #428bca;
}
.label-success {
  background-color: #5cb85c;
}
.label-info {
  background-color: #5bc0de;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-danger {
  background-color: #d9534f;
}







/*=============================================
  Grid
=============================================*/



.flow-col-2 {
  text-align: left;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.flow-col-3 {
  text-align: left;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.flow-col-4 {
  text-align: left;
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.flow-col-5 {
  text-align: left;
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.flow-col-6 {
  text-align: left;
  -webkit-column-count: 6;
     -moz-column-count: 6;
          column-count: 6;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

[class*='flow-col-'] p:first-of-type {
  margin: 0px;
}

#homepage {
  padding: 0;
}




/*=============================================
  Home
=============================================*/

#slideshow {
  width: 70%;
  margin: 0px auto 20px auto;
  padding-top: 20px;
  float: none;
}

h2 {
  border-bottom: 2px solid rgba(188, 197, 208, 0.5);
  padding-bottom: 7px;
}

/*/////////////////////////// Home ///////////////////////////*/
#homepage .style1 {
  text-align: center;
}

#homepage .style1 {
  text-align: center;
}

#homepage .style2 {
  display: inline;
  overflow: hidden;
  text-align: center;
  padding: 14px;
}

#homepage .auto-style4 {
  text-align: left;
}

#homepage .auto-style7 {
  font-size: medium;
}

#homepage .auto-style9 {
  color: #FF0000;
}

#homepage .auto-style10 {
  font-size: large;
}

#homepage .auto-style11 {
  font-size: small;
}

#homepage #homeMap {
  position: relative;
  width: 100%;
  height: 355px;
	height: 39vh;
}

#homepage h3 {
  text-transform: none;
}

#homepage .left_column_top {
  display: block;
  position: absolute;
  top: 140px;
  right: 0px;
  z-index: 100;
  width: 15.5%;
  background: #797A7B;
  padding: 0px 10px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.40);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.40);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 14px;
}

#homepage .left_column_top h2,
#homepage .left_column_top a {
  color: white;
}

#homepage .left_column_top a {
  font-weight: normal;
  text-align: right;
}

#homepage .column_inner {
  border-right: 2px solid rgba(188, 197, 208, 0.5);
  margin-top: 80px;
}

figure {
  padding: 0px;
  margin: 0px;
}

figcaption {
  color: white;
  margin-top: -3.5em;
  text-align: center;
  font-size: 0.8em;
  position: relative;
  padding: 10px;
}

figcaption.right {
	text-align: right;
}

#homepage .news-items [class*='col-12']:first-of-type {
  padding-left: 10px;
}

#homepage .news-items img {
  padding: 20px 0px;
  min-width: 100%;
  margin: auto;
  display: block;
}

#homepage #news img {
  margin-bottom: -4px;
  width: 100%;
  height: 210px;
}

#homepage #news .fab {
  display: block;
  position: relative;
  float: right;
  margin-right: 6px;
  margin-bottom: -16px;
  margin-top: -19px;
}

#homepage .background-image-1 {
  background-image: url("/images/hero-photos/beach1.png");
}

/*=============================================
  Overrides
=============================================*/


h1.slab,
h2.slab,
h3.slab,
h4.slab,
h5.slab,
h6.slab,
p.slab,
li.slab {
  font-family: 'Verdana';
}

#navigation {
	margin-top: 25px;
}

#heading .fa {
	font-size: 24px;
	padding: 18px 13px;
	float: right;
}

#heading input.fa {
	font-family: FontAwesome;
	padding: 3px 0 0 0;
	font-size: 18px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	color: white;
}

#head_search {
	background: #4D7FB2;
	border-radius: 0 0 0 8px;
}

#head_search #search_ca_textfield,
#head_search #search_local_textfield {
	background-color: transparent;
	border: none;
	color: white;
	font-size: 14px;
	margin-left: 10px;
}

#state_logo,
#agency_branding img {
	margin: 8px 0;
}

/*a[target="_blank"]::after {
	text-decoration: none;
	font-family: "FontAwesome";
	content: "\f08e";
	padding-left: 5px;
}*/

/*/////////////////// RIPPING OUT ///////////////////*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.grid {
  background: white;
  margin: 0 0 20px 0;
  padding: 0 15px;
}

.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  /*clear: both;*/
}

#homepage {
  padding: 0;
}

.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.row {
  overflow: hidden;
}

.row [class*='col-']:first-of-type {
  margin-left: 0;
  padding-left: 0;
}

/* (column x 100 / number of columns) - 1.0 = margin: 0 0.5%; */

.col-1-12 {
  /*width: 8.33%;*/
  width: 7.05%;
}

.col-2-12,
.col-1-6 {
  /*width: 16.66%;*/
  width: 15.5%;
  /*width: 13.5%;
  margin: 0 1.5%;*/
}

.col-3-12,
.col-1-4 {
  /*width: 25%;*/
  width: 23.95%;
  /*width: 22.95%;
  margin: 0 1.4%;*/
}

.col-4-12,
.col-1-3 {
  /*width: 33.33%;*/
  width: 32.4%;
  /*width: 29.9%;
  margin: 0 1.7%;*/
}

.col-5-12 {
  /*width: 41.66%;*/
  width: 40.85%;
  /*width: 38.85%;
  margin: 0 1.5%;*/
}

.col-6-12,
.col-1-2 {
  /*width: 50%;*/
  width: 49.3%;
  /*width: 47.3%;
  margin: 0 1.5%;*/
}

.col-7-12 {
  /*width: 58.33%;*/
  width: 57.75%;
  /*width: 55.75%;
  margin: 0 1.5%;*/
}

.col-8-12,
.col-2-3 {
  /*width: 66.66%;*/
  width: 66.2%;
  /*width: 64.2%;
  margin: 0 1.5%;*/
}

.col-9-12,
.col-3-4 {
  /*width: 75%;*/
  width: 74.65%;
  /*width: 72.65%;
  margin: 0 1.5%;*/
}

.col-10-12,
.col-5-6 {
  /*width: 83.33%;*/
  width: 83.1%;
  /*width: 81.1%;
  margin: 0 1.5%;*/
}

.col-11-12 {
  /*width: 91.66%;*/
  width: 91.55%;
  /*width: 89.55%;
  margin: 0 1.5%;*/
}

.col-12-12,
.col-1 {
  width: 100%;
}

.row .offset-1-12 {
  margin-left: 8.4% !important;
}
.row .offset-1-12:first-child {
  margin-left: 7.05% !important;
}

.row .offset-2-12 {
  margin-left: 16.66% !important;
}
.row .offset-2-12:first-child {
  margin-left: 15.5% !important;
}

.row .offset-3-12,
.row .offset-3-12:first-child {
  margin-left: 23.95% !important;
}

.row .offset-4-12,
.row .offset-4-12:first-child {
  margin-left: 32.4% !important;
}

.row .offset-5-12,
.row .offset-5-12:first-child {
  margin-left: 40.85% !important;
}

.row .offset-6-12,
.row .offset-6-12:first-child {
  margin-left: 49.3% !important;
}

.row .offset-7-12,
.row .offset-7-12:first-child {
  margin-left: 57.75% !important;
}

.row .offset-8-12,
.row .offset-8-12:first-child {
  margin-left: 66.2% !important;
}

.row .offset-9-12,
.row .offset-9-12:first-child {
  margin-left: 74.65% !important;
}

.row .offset-10-12,
.row .offset-10-12:first-child {
  margin-left: 83.1% !important;
}

.row .offset-11-12,
.row .offset-11-12:first-child {
  margin-left: 91.55% !important;
}


/* Opt-in outside padding */
.grid-pad {
  padding: 20px 0 20px 20px;
}
.grid-pad [class*='col-']:last-of-type {
  padding-right: 20px;
}

#homepage [class*='col-'] img {
  width: 100%;
  height: auto;
}

[class*='col-'] {
  float: left;
  padding: 0 10px;
}

.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.row {
  overflow: hidden;
}

.row [class*='col-']:first-child {
  margin-left: 0;
}


.col-4-12.card,
.col-1-3.card {
  width: 29.9%;
  margin-left: 1.7%;
  margin-right: 1.7%;
}

[class*='col-'] .card:first-of-type  {
  margin-top: 20px;
}

@media print {
  #meeting-aggenda .col-2-12,
  #meeting-agenda .col-2-12,
  #meeting-aggenda .col-10-12,
  #meeting-agenda .col-10-12 {
    width: 100% !important;
    clear: both !important;
    display: block;
  }

  #meeting-aggenda .col-2-12,
  #meeting-agenda .col-2-12 {
    text-align: center;
  }

  .col-8-12,
  .col-3-12.offset-1-12,
  .row .offset-2-12,
  .row .offset-2-12:first-child,
  #info {
    margin: auto !important;
    float: none;
    width: 95%;
  }
}



html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
blockquote,
dt,
dd,
th,
td {
  font-family: 'Open Sans', Helvetica, Arial;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
th {
  color: #253b5a;
}

a {
  color: #003C7E;
  text-decoration: none;
}

a:hover {
  /*font-weight: bold;*/
  text-decoration: underline;
}

a:visited,
a:hover,
a:focus {
  color: #145C8C;
  background-color: rgba(0,0,0,0)
}

p {
  letter-spacing: 0.001em;
  line-height: 1.428571429;
}

#footer div {
  padding: 0px;
}

#navigation {
  box-shadow: 0 3px 5px rgba(0,0,0,.26);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
  z-index: 99;
}

#navigation ul {
  width: 72em;
}

img {
  border-style: solid;
  border-color: rgba(0,0,0,0);
  border-width: 0px;
}

blockquote#about-us,
blockquote#about-us p {
  font-size: 22px;
  line-height: 24px;
  color: rgba(1, 78, 119, 1);
  font-style: italic;
  font-weight: 300;
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 2px solid #253B5A;
  font-family: 'Roboto';
}

blockquote#about-us cite {
  display: block;
  font-size: 12px;
  color: #555;
  font-family: 'Roboto';
}

.center-text {
/*  display: block;
  margin: auto;*/
  text-align: center;

}

.center {
  margin: auto;
  display: block;
}



.card {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #444;
  background-color: white;
  padding: 0px;
  margin-bottom: 30px;
  margin-left: 7px;
  margin-right: 7px;
  overflow: auto;
}

.card:first-of-type {
  margin-top: 20px;
}

.inset {
  -webkit-box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: inset 0px 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: inset 0px 3px 10px rgba(0,0,0,0.16);
}

.card.scale-hover,
.card.up-hover {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.card.scale-hover:hover {
  -webkit-transform: scale(1.01, 1.01);
      -ms-transform: scale(1.01, 1.01);
          transform: scale(1.01, 1.01);
}

.card.up-hover:hover {
  margin-top: 0px;
}

.card-body p {
  margin: 15px 0px;
  width: 100%;
}

.card .social i {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 20px;
}

.card figure img {
	width: 100%;
}

.card [class*='column-'] figure img {
	margin-bottom: -2px;
}

.page-header {
  padding: 30px 0 80px 0;
  box-shadow: 0 3px 5px rgba(0,0,0,.26);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
}

.page-header h1,
.page-header h2,
.page-header h3,
.page-header p {
  font-weight: normal;
  color: white;
  border-bottom: none;
}

.page-header .kilo a {
	color: white;
}

.pull-over-page-header {
  margin-top: -100px;
}

.grey-background {
  background-color: #e5e5e5;
}

.blue-background {
  background-color: #4D7FB2;
}

.dark-blue-background {
  background-color: #283593;
}

.cyan-background {
  background-color: #057bb0;
}

.enforcement-background {
  background-color: #90A4AE;
}

.energy-res-fed-background {
  background-color: #4DD0E1;
}

.green-background {
  background-color: #1de9b6;
}

.fixed-background {
  background-attachment: fixed;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.whale-background {
  background-image: url('/images/hero-photos/beach1.png');
}

.yellow-border-top {
  border-top: 2px solid rgb(255, 235, 59);
}

.green-border-top {
  border-top: 2px solid #1de9b6;
}

.cyan-border-bottom {
  border-bottom: 2px solid #03a9f4;
}

.blue-text {
  color: #0178B8 !important;
}

.dark-blue-text {
  color: #1A589A !important;
}

.yellow-text {
  color: rgb(255, 235, 59) !important;
}

.orange-text {
  color: #FF8F00 !important;
}

.green-text {
  color: #1de9b6 !important;
}

.grey-text {
  color:#000 !important;
}

.flipped-text {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

#meeting-aggenda .card,
#meeting-agenda .card {
  min-height: 100px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#meeting-aggenda .card h3,
#meeting-agenda .card h3 {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0;
}

.card h3 {
  color: white;
  /*padding-left: 15px;*/
  text-transform: none;
  letter-spacing: 1px;
}

.card h3 small {
  color: #fff;
  font-weight: normal;
}


#homeCarousel .owl-theme .owl-controls .owl-buttons div {
  background-color: transparent;
  color: white;
  position: absolute;
  margin-left: 0px;
  display: block;
  top: 41%;
  font-size: 25px;
}

#homeCarousel .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0px;
}

#homeCarousel .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0px;
}

#homeCarousel .owl-item h2 {
  font-weight: normal;
  margin: 0px;
  border: none;
  font-size: 1.2em;
}

#homepage #homeCarousel .owl-item h2 {
  margin-top: -34px;
  text-align: right;
  color: white;
}

#news-carousel .item {
  margin-left: 3%;
}

#cc-carousel .item {
  margin-left: 3%;
}

#enf-carousel .owl-item h2 {
  margin-top: -130px;
  padding: 20px;
  color: white;
  background-color: grey;
}

#enf-carousel .caption {
  background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.9)) );
  background-image: -o-linear-gradient( bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100% );
  background-image: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100% );
  background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100% );
  background-image: -ms-linear-gradient( bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100% );
  background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100% );
  right: 0%;
  left: 0%;
}

/*#homepage #homeCarousel .owl-item img {
  min-height: 354px;
}*/

@-webkit-keyframes heroZoomInOut {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.3) translate(-10px,0px);
    -webkit-transform: scale(1.3) translate(-10px,0px);
    transform: scale(1.3) translate(-10px,0px);
  }
}

/*@-moz-keyframes heroZoomInOut {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.3) translate(-10px,0px);
    -webkit-transform: scale(1.3) translate(-10px,0px);
    transform: scale(1.3) translate(-10px,0px);

  }
}*/

@-o-keyframes heroZoomInOut {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.3) translate(-10px,0px);
    -webkit-transform: scale(1.3) translate(-10px,0px);
    transform: scale(1.3) translate(-10px,0px);
  }
}

@keyframes heroZoomInOut {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.3) translate(-10px,0px);
    -webkit-transform: scale(1.3) translate(-10px,0px);
    transform: scale(1.3) translate(-10px,0px);
  }
}

.owl-item img {
  width: 100%;
  /*-webkit-filter: brightness(60%);
     -moz-filter: brightness(60%);
       -o-filter: brightness(60%);
          filter: brightness(60%);*/
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.owl-item img:hover {
  /*-webkit-filter: brightness(100%);
     -moz-filter: brightness(100%);
       -o-filter: brightness(100%);
          filter: brightness(100%);*/
}

/*.owl-item.active {
  -webkit-animation: heroZoomInOut 30s infinite;
   -moz-animation: heroZoomInOut 30s infinite;
       -o-animation: heroZoomInOut 30s infinite;
       animation: heroZoomInOut 30s infinite;
}*/

.owl-theme .owl-controls {
  margin: 0px;
  padding: 0px;
}

#homepage .hero-overlay-outer {
  position: absolute;
  z-index: 9999999999;
  top: 180px;
  left: 50%;
  width: 40%;
  display: block;
}

#homepage .hero-overlay-inner {
  position: relative;
  left: -50%;
}

#homepage .hero-overlay-inner img {
  width: 90%;
  display: block;
  margin: auto;
}

#homepage .hero-overlay-inner p {
  text-align: center;
  width: 100%;
  margin: auto;
  font-size: 20px;
  font-weight: 400;
  color: white;
}

#homepage .hero-overlay-inner a:hover {
  text-decoration: none;
}


/* /////////////////////////////////
    cards
///////////////////////////////// */

h1.card-header,
h2.card-header,
h3.card-header,
h4.card-header {
  color: white;
  padding: 15px 15px;
  margin: 0;
  width: 100%;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  text-transform: uppercase;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  border-bottom: none;
}

h1.card-header {
  font-weight: 100;
}

h1.card-header a,
h2.card-header a,
h3.card-header a,
h4.card-header a {
  padding-bottom: 5px;
  color: white;
}

.card#info {
  color: #4D7FB2;
  margin-top: 30px;
}

#draft.label {
  color: #fff;
  position: absolute;
  float: right;
  font-size: 14px;
  font-weight: normal;
  border-bottom-left-radius: 0px;
}

#updated-date-time {
  margin: 13px 0px 0px -15px;
  line-height: 14px;
  color: #8D8D8D;
}

.card#info h1 {
  text-align: center;
  font-weight: 100;

}

.card .card-header.tall {
  /*height: 150px;*/
  padding-bottom: 5rem;
  margin: 0px;
}

.statewide .label.postponed,
.san-diego .label.postponed,
.enforcement .label.postponed,
.south-central .label.postponed,
.los-angeles .label.postponed,
.orange-county .label.postponed,
.north-coast .label.postponed,
.energy-res-fed .label.postponed,
.sf .label.postponed,
.central-coast .label.postponed {
  background-color: #969696;
}

.statewide .card-header {
  background-color: #0178B8;
  border-top: 4px solid #1A589A;
}

.statewide .label {
  background-color: #0178B8;
}

h1.statewide,
h2.statewide,
h3.statewide,
h4.statewide,
h5.statewide,
h6.statewide {
  color: #0178B8;
}

h1.san-diego,
h2.san-diego,
h3.san-diego,
h4.san-diego,
h5.san-diego,
h6.san-diego {
  color: #00796B;
}

.san-diego .card-header {
  background-color: #35706a;
  border-top: 4px solid #00796B;
}

.san-diego .label {
  background-color: #00796B;
}

h1.enforcement,
h2.enforcement,
h3.enforcement,
h4.enforcement,
h5.enforcement,
h6.enforcement {
  color: #455A64;
}

.enforcement .card-header {
  background-color: #5c676d;
  border-top: 4px solid #455A64;
}

.enforcement .label {
  background-color: #455A64;
}

h1.south-central,
h2.south-central,
h3.south-central,
h4.south-central,
h5.south-central,
h6.south-central {
  color: #C2185B;
}

.south-central .card-header {
  background-color: #93425d;
  border-top: 4px solid #C2185B;
}

.south-central .label {
  background-color: #C2185B;
}

h1.los-angeles,
h2.los-angeles,
h3.los-angeles,
h4.los-angeles,
h5.los-angeles,
h6.los-angeles,
h1.orange-county,
h2.orange-county,
h3.orange-county,
h4.orange-county,
h5.orange-county,
h6.orange-county,
h1.south-coast,
h2.south-coast,
h3.south-coast,
h4.south-coast,
h5.south-coast,
h6.south-coast {
  color: #cd4318;
}

.los-angeles .card-header,
.orange-county .card-header,
.south-coast .card-header {
  background-color: #a55c45;
  border-top: 4px solid #cd4318;
}

.los-angeles .label,
.orange-county .label,
.south-coast .label {
  background-color: #cd4318;
}

h1.north-coast,
h2.north-coast,
h3.north-coast,
h4.north-coast,
h5.north-coast,
h6.north-coast {
  color: #4e762b;
}

.north-coast .card-header {
  background-color: #4e762b;
  border-top: 4px solid #689F38;
}

.north-coast .label {
  background-color: #4e762b;
}

h1.energy-res-fed,
h2.energy-res-fed,
h3.energy-res-fed,
h4.energy-res-fed,
h5.energy-res-fed,
h6.energy-res-fed {
  color: #0178B8;
}

.energy-res-fed .card-header {
  background-color: #2f7078;
  border-top: 4px solid #0097A7;
}

.energy-res-fed .label {
  background-color: #037d8a;
}

h1.sf,
h2.sf,
h3.sf,
h4.sf,
h5.sf,
h6.sf,
h1.north-central,
h2.north-central,
h3.north-central,
h4.north-central,
h5.north-central,
h6.north-central {
  color: #D32F2F;
}

.sf .card-header,
.north-central .card-header {
  background-color: #b55b5b;
  border-top: 4px solid #D32F2F;
}

.sf .label,
.north-central .label {
  background-color: #b55b5b;
}

h1.central-coast,
h2.central-coast,
h3.central-coast,
h4.central-coast,
h5.central-coast,
h6.central-coast {
  color: #512DA8;
}

.central-coast .card-header {
  background-color: #614d82;
  border-top: 4px solid #512DA8;
}

.central-coast .label {
  background-color: #512DA8;
}

.card .card-body {
  padding: 15px;
}

.card.full-bleed,
.card.full-bleed .card-body {
  padding: 0;
}

/*.card p:first-of-type {
  margin-top: 0px;
}*/

.date-time-container {
  height: 100px;
}

.card .pull-over-card-header {
  width: 90%;
  display: block;
  margin: auto;
  /*margin-top: -80px;*/
  margin-top: -4rem;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
}

.card ul li {
  margin-bottom: 15px;
}

.card input,
.card textarea,
.card select {
  /*width: 100%;*/
  padding: 10px;
  margin-bottom: 20px;
  font-family: 'Open Sans', Helvetica, Arial;
  /*border-radius: 3px;*/
}


/* /////////////////////////////////
    maps
///////////////////////////////// */

.scheduleMap {
  height: 200px;
  display: block;
  background-color: white;
  /*position: absolute;*/
  z-index: 0;
}

#infoWindow {
  min-width: 230px;
  min-height: 80px;
}

#infoWindow h1 {
  margin-bottom: 5px;
  height: inherit;
  font-weight: 500;
  color: #4D7FB2;
  font-size: 18px;
  text-align: center;
}

#infoWindow address {
  font-style: normal;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}

#infoWindow p {
  margin: 0;
  font-size: 13px;
}

#districtMap {
  height: 650px;
  height: 70vh;
  display: block;
  background-color: white;
  z-index: 0;
}

.fix-map-imgs .gmnoprint img {
  max-width: none;
}

[class*='column-'] .pull-over-card-header img,
[class*='col-'] .pull-over-card-header img,
[class*='column-'] .gm-style img {
  max-width: none;
}

.ng-scope .cluster-icon img {
	max-width: 100%;
}


/* /////////////////////////////////
    all list
///////////////////////////////// */

ol li,
ul li,
dl dt,
dl dd {
    font-size: 14px;
}


/* /////////////////////////////////
    split ordered list
///////////////////////////////// */

.split li {
  /*text-transform: lowercase;*/
  margin-bottom: 10px;
  text-indent: -19px;
}

.split ul li,
.split li ul li {
  list-style-image: none;
}



.stickem-container {
  counter-reset: mainSection;
}

ol.split {
  list-style-type: none;
}

ol.split li:before {
  counter-increment: mainSection;
  content: counter(mainSection) ".\00A0";
}

ol.split li ol {
  counter-reset: subSection;
}

ol.split li ol li:before {
  counter-increment: subSection;
  /*content: counter(mainSection) "." counter(subSection, lower-alpha) ".\00A0\00A0";*/
  content: counter(subSection, lower-alpha) ".\00A0";

}

ol.split li ol li{
  text-indent: -18px;
  list-style-type: none;
}

ol.split li ol li:first-child {
  padding-top: 7px;
}

.split ol ol {
  margin-left: -15px;
}

ol li,
ol.split li {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

ol.split li:not(strong),
ol.split li ol li:not(strong) {
  /* float: left;
  clear: both; */
}

ol.split li:first-of-type,
ol.split li ol li:first-of-type {
  padding-top: 10px;
}

ol.split li strong:first-of-type,
.card blockquote strong,
.card .indent strong {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 1px;
}

ol.split li:last-of-type,
ol.split li ol li:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}


/* /////////////////////////////////
    unstyled list
///////////////////////////////// */

.unstyled-list {
  padding: 0px;
  margin: 0px;
}

.unstyled-list li {
  list-style-type: none;
  padding: 10px;
  border-bottom: 1px solid rgba(227, 227, 227, 0.7);
  margin: 0;

}

/*.unstyled-list li ul li:first-child {
  border-top: 1px solid rgba(227, 227, 227, 0.7);
}*/

.unstyled-list li:last-child {
  border-bottom: none;
}

.unstyled-list li,
.unstyled-list li ul li {
  transition: all 0.4s ease;
}

.unstyled-list li:hover,
.unstyled-list li ul li:hover {
  background-color: rgba(227, 227, 227, 0.7);
  transition: all 0.4s ease;
}

.card .unstyled-list li {
  margin-bottom: 0px;
}

.grey-background .unstyled-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.grey-background .unstyled-list li:last-of-type {
  border-bottom: none;
}

.grey-background .unstyled-list li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

ol.upper-roman li,
.unstyled-list li ol.upper-roman li {
  list-style-type: upper-roman;
}

ol.upper-alpha li,
.unstyled-list li ol.upper-alpha li {
  list-style-type: upper-alpha;
}

ol.lower-alpha li,
.unstyled-list li ol.lower-alpha li {
  list-style-type: lower-alpha;
}

ol.decimal li,
.unstyled-list li ol.decimal li {
  list-style-type:decimal;
}

nav.horizontal {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 30px;
}

nav.horizontal ul {
  display: table-row;
    margin: 0;
    padding: 0;
}

nav.horizontal ul li {
  list-style: none;
  display: table-cell;
  text-align: center;
}

nav.horizontal ul li a {
  display: block;
}

/* /////////////////////////////////
    buttons
///////////////////////////////// */

button.btn {
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.6s ease;
}

button.ccc-blue {
  border: none;
  background-color: #0178B8;
  color: white;
  padding: 10px;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.6s ease;
}

button.ccc-blue:hover {
  background-color: #1A589A;
}

button.ccc-blue.block {
    width: 100%;
}

#language-toggle {
  width: 100%;
  margin: auto;
  margin-top: 15px;
}

#language-toggle.switch-ios.switch-light input:checked ~ span:before {
  border-color: #283593;
  box-shadow: inset 0 0 0 30px #283593;
}

#language-toggle.switch-ios.switch-toggle a {
  background-color: #0288D1;
}

#language-toggle.switch-ios input:checked + label {
  color: #fff;
  font-size: 13px;
}

.fab {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
  box-sizing: content-box;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  z-index: 99;
}

.fab .fa {
  font-size: 28px;
}

.fab.small {
  width: 35px;
  height: 35px;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
}

.fab.small .fa {
  font-size: 18px;
}

.fab.yellow,
.yellow-background {
  background-color: #FFEB3B;
  color: #FF8F00;
}

.fab.green {
  background-color: #1de9b6;
  color: #265A98;
}

.fab.blue {
  background-color: #4d7fb2;
  color: #fff;
}

.fab.pull-up {
  margin-top: -28px;
  position: absolute;
}

.fab.between-columns {
  margin-left: -28px;
}

.fab.commissioner-avatar {
    cursor: default;
    float: right;
    margin-top: -28px;
    margin-right: 10px;
}

.fab p {
  font-size: 45px;
  margin-top: -11px;
  text-align: center;
  font-family: "Open Sans";
}

#back-to-top {
  position: fixed;
  right: 26px;
  bottom: 26px;
}

/* /////////////////////////////////
    utilities
///////////////////////////////// */

.dropcap {
  float: left;
  color: #0288d1;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: 'Roboto Slab';
}

.dropcap.enforcement {
  color: #0178B8;
}

.card.energy-res-fed
.dropcap {
  color: #0097A7;
}

.allcaps {
  text-transform: uppercase;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.line-after {
  border-bottom: 1px solid #e3e3e3;
}

.line-after:hover {
  background-color: #e3e3e3;
}

.intro-text {
  font-size: 16px;
}

.all-caps {
  text-transform: uppercase;
}

.postponed-grey {
  color: #555;
}

.black {
  color: black;
}

.white-text,
a.white-text {
  color: white !important;
}

a.white-text {
	text-decoration: underline;
}

.margin-top {
  margin-top: 30px;
}

.margin-bottom {
  margin-bottom: 30px;
}

.no-margin {
  margin: 0 !important;
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: none;
}

a.no-text-decoration {
  text-decoration: none;
}

.padding {
  padding: 10px;
}

.light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: 100;
}

.medium,
h1.medium,
h2.medium,
h3.medium,
h4.medium,
h5.medium,
h6.medium {
  font-weight: 500;
}

.semi-bold,
h1.semi-bold,
h2.semi-bold,
h3.semi-bold,
h4.semi-bold,
h5.semi-bold,
h6.semi-bold {
  font-weight: 600;
}

.card .indent {
  padding-left: 21px;
}

.overflow-visible {
  overflow: visible;
}

.accordion .toggle:not(.show) *::before {
	font-family: 'FontAwesome';
	content: "\f107";
	padding-right: 10px;
}

.accordion .toggle a:hover {
	text-decoration: none;
}

.accordion .toggle.show *::before {
	font-family: 'FontAwesome';
	content: "\f106";
	padding-right: 10px;
}
.featherlight-content {
	max-width: 80%;
}

.featherlight-content img {
	max-width: 100%;
}

/* /////////////////////////////////
    addresses
///////////////////////////////// */

#address,
address {
  padding-left: 5px;
  border-left: 1px solid rgb(77, 127, 178);
  font-style: normal;
}





#meeting-aggenda .col-2-12,
#meeting-agenda .col-2-12 {
  width: 15%;
  float: left;
}

#meeting-aggenda .col-10-12,
#meeting-agenda .col-10-12 {
  width: 85%;
  float: right;
}





/* /////////////////////////////////
    stickem
///////////////////////////////// */

#meeting-aggenda .stickem-container,
#meeting-agenda .stickem-container {
  /*position: relative;
  overflow: hidden;*/
}

#meeting-aggenda .stickit,
#meeting-agenda .stickit {
  margin-left: 0px;
  margin-top: 20px;
  position: fixed;
  top: 0;
  width: 125px;
}

.stickit {
	position: fixed;
}

#meeting-aggenda .stickit-end,
#meeting-agenda .stickit-end {
  /*bottom: 80px;*/
  position: absolute;
}

.stickem,
.stickit {
  transition: all 1s ease;
  padding-left: 15px;
}

.stickem h3,
#future-meetings h3 {
  font-weight: 500;
  margin: 0px;
  color: #0288D1;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
}

#future-meetings h3 {
  padding-left: 15px;
  font-size: 20px;
}

#future-meetings h3:first-of-type {
  font-size: 27px;
}

.stickem h3#wednesday.day-name {

}

.stickem h3#thursday.day-name {
  font-size: 19.5px;
}

.stickem h3#friday.day-name {
  font-size: 29.5px;
}

.stickem h3#January-10.month-day {
  font-size: 17.5px;
}

.stickem h3.month-day {
  font-size: 16px;
  margin-top: -2px;
}

.stickem h3.year {
  font-size: 45px;
  margin-top: -11px;
}

.stickem h3.time {
  font-size: 24px;
  margin-top: -10px;
}


#heading.head-v2 {
  margin-bottom: 0;
  border-top: none;
  height: inherit;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

#heading.head-v2 a {
  text-decoration: none;
}

#heading.head-v2 h1 {
  font-weight: 100;
  font-size: 24px;
  text-align: center;
  margin: 6px 0;
}

#heading.head-v2 img {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  /*background-color: rgba(40, 53, 147, 1);*/
  display: block;
  margin: auto;
  margin-bottom: -22px;
  float: none;
}

#heading.head-v2 input {
  float: right;
  margin: 10px 0;
  padding: 4px;
  display: block;
  right: 10px;
  position: absolute;
  background-color: rgba(40, 53, 147, 0.7);
  border: none;
  color: white;
  border-radius: 4px;
  text-align: center;
}

#heading.head-v2 i.fa-bars {
  color: white;
  font-size: 16px;
  display: block;
  margin-left: 20px;
  padding: 25px 0;
}

#heading.head-v2 i.fa-search {
  font-size: 16px;
  float: right;
  margin: 25px 0;
  display: block;
  margin-right: 20px;
  color: white;
}
#heading.head-v2 i.fa-globe {
  font-size: 16px;
  float: right;
  margin: 25px 0;
  display: block;
  margin-right: 20px;
  color: white;

}



/* /////////////////////////////////
    nav v2
///////////////////////////////// */

#navigation.nav-v2 {
  min-height: 60px;
}

#navigation.nav-v2 ul {
	width: 100%;
}

#navigation.nav-v2 li li {
  background: none !important;
  margin-top: -7px;
  padding: 5px;
  /*font-size: 14px;*/
}

#navigation.nav-v2 li {
  /*font-size: 16px;*/
  margin: 0px 1px;
  background-color: #4D7FB1;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  /*-webkit-transition: background .25s ease-in-out;
	 -moz-transition: background .25s ease-in-out;
	  -ms-transition: background .25s ease-in-out;
	   -o-transition: background .25s ease-in-out;
	      transition: background .25s ease-in-out;*/
}

#navigation.nav-v2 li ul {
	top: 32px;
	width: 100%
}

#navigation.nav-v2 li.nav_default_on a,
#navigation.nav-v2 li a:hover {
  background: #797A7B !important;
  text-decoration: none;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

#navigation.nav-v2 a {
  padding: 6px 10px 0px 10px;
  font-weight: normal;
}

#navigation.nav-v2 a,
#navigation.nav-v2 a span,
#navigation.nav-v2 li.nav_default_on ul li a,
#navigation.nav-v2 li ul li a:hover {
  background: none !important;
}

/* /////////////////////////////////
    print
///////////////////////////////// */

@media print{
  .for-print-only {
    display: block;
  }

  .hide-for-print {
    display: none !important;
  }

  .stickem {
      margin-left: 29%;
  }

  .stickem h3,
  .stickit,
  .stickem h3#wednesday.day-name,
  .stickem h3#thursday.day-name,
  .stickem h3#friday.day-name,
  .stickem h3#January-10.month-day,
  .stickem h3.month-day,
  .stickem h3.year,
  .stickem h3.time {
    font-size: 25px !important;
    display: inline;
    text-align: center;
  }

  .stickem h3.day-name,
  .stickem h3.time {
    clear: both;
  }

  #meeting-aggenda #footer,
  #meeting-agenda #footer {
    display: none;
  }

  #meeting-aggenda .grid,
  #meeting-agenda .grid {
    margin: 30px 40px;
  }

  #meeting-aggenda .stickit,
  #meeting-agenda .stickit {
    position: relative;
  }

  /*#meeting-aggenda .page-break-before,
  #meeting-agenda .page-break-before {
    break-before: always;
    page-break-before: always;
    page-break-inside:avoid
  }

  #meeting-aggenda .page-break-after,
  #meeting-agenda .page-break-after {
    break-before: always;
    page-break-after: always;
    page-break-inside:avoid
  }*/

  #address {
    padding-left: 0px;
    text-align: center;
    border-left: none;
  }

  .grey-background {
    background-color: white;
  }

  .card {
    margin: 0px;
  }

  .card,
  .card .card-header,
  .card .pull-over-card-header {
    box-shadow: none;
  }

  .card .card-header,
  .card h1,
  .card h2,
  .card h3,
  .card h4,
  dd,
  p {
    border: none;
    background-color: white;
    color: black;
    /*padding: 5px;*/
  }



  #info dt,
  #info dd,
  #info p {
    font-size: 9px;
  }

  h3.card-header,
  .card .card-body {
    padding: 0px;
  }

  .card .card-body .label {
    color: white;
    background-color: black;
  }

  #agendaV3Map,
  #language-toggle,
  #back-to-top {
    display: none;
  }

  .column-2 {
    height: auto;
  }

  .container,
  .column-2,
  .column-3,
  .column-4,
  .column-5,
  .column-6,
  .column-7,
  .column-8 {
    width: 95%;
    margin: auto;
  }

  .push-2 {
    left: 0;
  }

  #updated-date-time {
    /*color: black;
    text-align: center;*/
    display: none;
  }
}


@media screen
  and (min-device-width: 720px)
  and (max-device-width: 920px) {
	  #navigation.nav-v2 li {
		  font-size: 12px;
	  }
}







/*---------------------------------------------*/
/*  navigation_2_level.css                     */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Styles for the two-level navigation        */
/*---------------------------------------------*/

#navigation li li a {
 font-weight: normal;
 background-image: none;
 height:21px;
}

#navigation li li {
 background: transparent url(../images/02_ca/navigation_divider.gif) no-repeat 100% 11px; /* Dividers in the sublist */
}

#navigation li.mouse_over ul { /* Show sublist of hovered item */
 display: block;
}

body:last-child #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari(?) */
 display: block;
}

* html #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in IE */
 display: block;
}

#navigation li.nav_default_on ul { /* Show sublist of current page */
 display: block;
}

#navigation li.nav_default_off ul { /* Hide sublist of current page */
 display: none;
}





/*---------------------------------------------*/
/*  content_2_column.css                       */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Styles for the two-column content area     */
/*---------------------------------------------*/

#main_content_1 {
 margin:0;
 padding:0;
 background:url("../images/ca_department/left_column_bg.gif") top left repeat-y;
}

#main_content_2 {
 margin:0;
 padding:0;
}

#left_column {
 float:left;
 width:199px;
 margin:0;
 padding:0;
}

#right_column {
 float:right;
 width:199px;
 margin:0;
 padding:0;
 display:none;
}


#middle_column {
 margin:0 0 0 199px;
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

 #left_column { /* Hides the left column */
  display:none;
 }

 #middle_column {
  margin:0;
 }

 #main_content_1 {
  background-image:none;
 }

}





/*---------------------------------------------*/
/*  color_scheme_06_sac.css                    */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  4d7fb2 / 797a7b                            */
/*---------------------------------------------*/

#heading {
 border-top:4px solid #4D7FB2; /* border across top of page */
}

#state_logo {
 background:#fff url(../images/06_sac/logo.gif) no-repeat;
}

#navigation {
 background: #797a7b; /* background of second row of navigation */
}

#navigation a {
 background: #4d7fb2 url(../images/06_sac/navigation_tabs.gif) top right no-repeat;
}

#navigation li li {
 background: transparent url(../images/06_sac/navigation_divider.gif) no-repeat 100% 11px; /* Dividers in the sublist */
}

#navigation a span {
 background: transparent url(../images/06_sac/navigation_tabs.gif) top left no-repeat;
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: #797a7b url(../images/06_sac/navigation_tabs.gif) 100% -60px  no-repeat;
}

#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../images/06_sac/navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
 background: #797a7b url(../images/06_sac/navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
 background: transparent url(../images/06_sac/navigation_tabs.gif) 0% -120px no-repeat;
}

#footer div {
 background: #797a7b url(../images/06_sac/footer_corners.gif) no-repeat -8px 100%;
 color:#4d7fb2;
}

#footer div span {
 background: transparent url(../images/06_sac/footer_corners.gif) no-repeat;
}






a,
a:link,
a:hover,
a:visited,
a:active {
	color: #0178B8;
}

form label,
form input,
form select,
form textarea {
	font-family: 'Open Sans', Helvetica, Arial;
}

form label {
	display: block;
	margin: 6px 0;
	opacity: 0.9;
}

form button {
	margin: 1% 0;
}

form input,
form select,
form textarea {
	border: none;
	border-radius: 4px;
	-webkit-transition: all 0.30s ease-in-out;
	   -moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		 -o-transition: all 0.30s ease-in-out;
	outline: none;
	margin: 1%;
	width: 99%;
	padding: 10px 0px 10px 10px;
	border: 1px solid #DDDDDD;
}

form label input[type='checkbox'] {
	display: inline;
}

form input:focus,
form select:focus,
form textarea:focus {
	box-shadow: 0 0 1% #39C0A5;
	border: 1px solid #39C0A5;
}






/* 2016 update */

header {
    overflow: visible;
	position: relative;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
       -moz-box-shadow: 0 3px 5px rgba(0,0,0,.26);
        -ms-box-shadow: 0 3px 5px rgba(0,0,0,.26);
         -o-box-shadow: 0 3px 5px rgba(0,0,0,.26);
            box-shadow: 0 3px 5px rgba(0,0,0,.26);
}

header nav {
    background-color: inherit;
}

header img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding: 2px;
    display: block;
    margin: auto;
    position: relative;
	margin-top: 20px;
	margin-bottom: -88px;
    background-color: #01579B;
    z-index: 99999;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
       -moz-box-shadow: 0 3px 5px rgba(0,0,0,.26);
        -ms-box-shadow: 0 3px 5px rgba(0,0,0,.26);
         -o-box-shadow: 0 3px 5px rgba(0,0,0,.26);
            box-shadow: 0 3px 5px rgba(0,0,0,.26);
}

header i.fa {
    font-size: 20px;
    padding: 10px;
    /*opacity: 0.7;
    transition: opacity 0.4s ease;*/
}

/*header i.fa:hover {
    opacity: 1;
}*/

header a h1 {
    margin: 0;
}

header nav ul {
    width: 100%;
    margin: 0;
    padding: 0;
    /*overflow: inherit;*/
    /*position: relative;*/
    background-color: inherit;
    /*list-style: none;*/
}

header nav ul li {
    background-color: inherit;
    display: inline;
    position: relative;
    padding: 0.6% 0;
    width: 11%;
    text-align: center;
}

/* first 3 */
header nav ul li:nth-child(-n+3) {
    float: left;
}

/* last 3 */
header nav ul li:nth-last-child(-n+3) {
    float: right;
}

/* reset for level 2 */
header nav ul li:nth-child(-n+3) > ul li,
header nav ul li:nth-last-child(-n+3) > ul li {
    float: none;
}

header nav ul li a {
    color: white !important;
    display: block;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.15s ease;
}

header nav ul li a:hover {
    text-decoration: none;
    font-weight: 600;
}

header nav ul ul {
    visibility: hidden;
    position: absolute;
    padding: 10px 0;
    opacity: 0;
    border-radius: 0 0 4px 4px;
    transition: all 0.15s linear;
    top: 100%;
    left: 0;
    width: 220px;
    z-index: 99999;
}

header nav ul li:nth-last-child(-n+3) > ul{
    right: 0 !important;
}

header nav ul ul ul {
    top: 0;
    left: 110px;
    z-index: 99999;
}

.ie header nav ul ul ul {
    left: 0;
}

header nav ul li:nth-last-child(-n+3) > ul li ul {
    top: -43px;
    left: -330px;
}

/* Chrome Only - fix basleine allignment issue */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    header nav ul ul ul {
        top: -50px;
    }
}

header nav ul li:hover > ul {
    visibility: visible;
    display: block;
    opacity: 1;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
       -moz-box-shadow: 0 3px 5px rgba(0,0,0,.26);
        -ms-box-shadow: 0 3px 5px rgba(0,0,0,.26);
         -o-box-shadow: 0 3px 5px rgba(0,0,0,.26);
            box-shadow: 0 3px 5px rgba(0,0,0,.26);
}

header nav ul li ul li {
    text-align: left;
}

header nav ul li ul li a,
header nav ul li ul li ul li a {
    padding: 5%;
}

.pull-left-30 {
    margin-left: -30px;
}

.pull-right-30 {
    margin-right: -30px;
}

.hide-desktop {
    display: none;
}


body {
    overflow-x: hidden;
}

nav#search {
    width: 20%;
    right: -20%;
    padding: 10px;
    overflow-y: hidden;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease;
    border-radius: 0 0 0 6px;
	/*display: none;*/
}

nav#search.open {
    right: 0px;
	/*display: block;*/
}

nav#search input {
    background: rgba(255,255,255,0.3);
    border: none;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    letter-spacing: 0.04em;
}

nav#translate {
    width: 16%;
    right: -20%;
    padding: 10px;
    overflow-y: hidden;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease;
    border-radius: 0 0 0 6px;
  /*display: none;*/
}

nav#translate.open {
    right: 0px;
  /*display: block;*/
}

nav#translate input {
    background: rgba(255,255,255,0.3);
    border: none;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    letter-spacing: 0.04em;
}


blockquote.material {
  font-size: 16px;
  background: #f9f9f9;
  border-left: 10px solid #1A589A;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote.material:before {
  color: #39C0A5;
  content: open-quote;
  font-family: sans-serif;;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote.material cite{
	margin-top: 10px;
	display: block;
    font-size: 12px;
    color: #555;
    font-family: 'Roboto';
}

.drop-shadow-inset {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.26);
       -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.26);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.26);
}

.drop-shadow {
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.26);
       -moz-box-shadow: 0 3px 5px rgba(0,0,0,.26);
            box-shadow: 0 3px 5px rgba(0,0,0,.26);
}

footer nav ul {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

footer nav ul.first-level li {
    width: 14.2%;
    display: inline;
    float: left;
    font-weight: 600;
    font-size: 18px;
}

footer nav ul.first-level li a {
    color: white !important;
    margin-bottom: 10px;
    display: block;
}

footer nav ul:not(.first-level) li a {
    margin-bottom: 0;
}

footer nav ul.second-level,
footer nav ul.third-level {
    padding: 0;
    margin: 0;
}

footer nav ul.second-level li {
    display: block;
    width: 100%;
    font-weight: 300;
    font-size: 14px;
}

footer nav ul.second-level li a {
    margin: 0;
}

footer nav ul.third-level {
    /*padding-left: 20px;*/
}

footer img {
    opacity: 0.5;
    transition: all 0.4s ease;
}

footer a:hover img {
    opacity: 0.8;
}

footer a.white-text {
    text-decoration: none;
}

#commissionerCarousel .owl-item:not(.active) {
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

#commissionerCarousel.owl-carousel .owl-wrapper-outer {
    /*overflow: visible;*/
}

#leader-list button.fab {
    margin-left: 6px;
    margin-bottom: 8px;
}

#commissionerCarousel.owl-carousel .owl-wrapper-outer .owl-item button.fab img {
    height: 56px;
    width: 56px;
}

.pull-up-10 {
    margin-top: -10px;
}

.pull-up-20 {
    margin-top: -20px;
}

.pull-up-30 {
    margin-top: -30px;
}

.pull-up-50 {
    margin-top: -50px;
}

.pull-up-60 {
    margin-top: -60px;
}

.pull-up-70 {
    margin-top: -70px;
}

.pull-up-80 {
    margin-top: -80px;
}

.pull-up-90 {
    margin-top: -90px;
}

.pull-up-100 {
    margin-top: -100px;
}

.pull-up-110 {
    margin-top: -110px;
}

.pull-up-120 {
    margin-top: -120px;
}

.pull-down-120 {
    margin-top: 120px;
}

.white-background {
    background-color: white;
}

.blue-background {
    background-color: #0178B8 ;
}

.dark-blue-background {
    background-color: #1A589A;
}

.green-background {
    background-color: #277d6c;
}

.san-diego-background {
  background-color: #4DB6AC;
}

.dark-san-diego-background {
    background-color: #00796B;
}

.enforcement-background {
  background-color: #5c676d;
}

.dark-enforcement-background {
    background-color: #455A64;
}

.south-central-background {
  background-color: #F06292;
}

.dark-south-central-background {
    background-color: #C2185B;
}

.south-coast-background {
  background-color: #FF8A65;
}

.dark-south-coast-background {
    background-color: #E64A19;
}

.north-coast-background {
  background-color: #AED581;
}

.dark-north-coast-background {
    background-color: #689F38;
}

.energy-res-fed-background {
  background-color: #4DD0E1;
}

.dark-energy-res-fed-background {
    background-color: #0097A7;
}

.north-central-background {
  background-color: #E57373;
}

.dark-north-central-background {
    background-color: #D32F2F;
}

.central-coast-background {
    background-color: #9575CD;
}

.dark-central-coast-background {
    background-color: #512DA8;
}

.black-background {
    background-color: #000;
}

.grey-background {
    background-color: #fefaf7;
}

.green-text {
    color: #237262 !important;
}

::selection {
    background-color: #1A589A;
    color: #FFF;
}

img.shaded {
    -webkit-filter: brightness(70%);
       -moz-filter: brightness(70%);
         -o-filter: brightness(70%);
            filter: brightness(70%);
}

.card.full-bleed img {
    margin-bottom: -4px;
}

figure.hover-toggle-caption {
    position: relative;
}

figure.hover-toggle-caption figcaption {
    opacity: 0;
    transition: all 0.5s ease;
    width: 100%;
    position: absolute;
    top: 50%;
}

figure.hover-toggle-caption:hover figcaption {
    opacity: 1;
    background-color: rgb(5, 123, 176);
}

.dark-blue-green-overlay {
    background-image: -webkit-gradient(linear, right bottom, right bottom, color-stop(0, rgba(92, 191, 90, 1)), color-stop(0.61, rgba(8, 125, 148, 1)));
    background-image: -webkit-linear-gradient(right bottom, rgba(92, 191, 90, 1) 0%, rgba(8, 125, 148, 1) 61%);
    background-image:    -moz-linear-gradient(right bottom, rgba(92, 191, 90, 1) 0%, rgba(8, 125, 148, 1) 61%);
    background-image:     -ms-linear-gradient(right bottom, rgba(92, 191, 90, 1) 0%, rgba(8, 125, 148, 1) 61%);
    background-image:      -o-linear-gradient(right bottom, rgba(92, 191, 90, 1) 0%, rgba(8, 125, 148, 1) 61%);
    background-image:         linear-gradient(to right bottom, rgba(92, 191, 90, 1) 0%, rgba(8, 125, 148, 1) 61%);
    -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

#homepage #news img {
    min-height: 250px;
}

#homepage #news .headline {
    min-height: 163px;
}

#news-carousel .owl-wrapper:not(:first-child) {
    margin-left: 6%;
}

#cc-carousel .owl-wrapper:not(:first-child) {
    margin-left: 6%;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.pull-up-40 {
    margin-top: -40px;
}

.z-index-1 {
    z-index: 1 !important;
}

.fab img {
    border-radius: 50%;
    padding: 0;
    margin: 0;
    border: 2px solid #1A589A;
}

.next,
.prev {
    margin-top: 100px;
    cursor: pointer;
    transition: all 0.5s ease;
    opacity: 0.5;
}

.next:hover,
.prev:hover {
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span {
    background: #39C0A5;
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #39C0A5;
    font-size: 40px;
    margin: 0;
}

.service-card,
.card.service-card:first-of-type {
    margin: -60px 0;
}

.service-row {
    margin: 110px 0 140px 0;
}





/* iPad Mini Portrait and Landscape */
@media (max-width: 1024px) {
    header nav ul li a {
        font-size: 14px;
    }
    header a h1 {
        font-size: 20px;
        margin-top: -30px;
    }

    header a img {
        height: 40px;
        width: 40px;
        margin-bottom: -17px;
    }

    header nav {
        display: none;
    }

    header {

    }

    .pull-over-page-header {
        // margin-top: 0;
    }

    .prev,
    .next {
        display: none;
    }

    .mobile-column-1 {
      width: 6.25%;
    }
    .gutters .mobile-column-1 {
      width: 4.375%;
    }

    .mobile-column-2 {
      width: 12.5%;
      float: left;
    }
    .gutters .mobile-column-2 {
      width: 10.75%;
      float: left;
    }

    .mobile-column-3 {
      width: 18.75%;
      float: left;
    }
    .gutters .mobile-column-3 {
      width: 17.125%;
      float: left;
    }

    .mobile-column-4 {
        width: 33.3333333333%;
        float: left;
    }

    .mobile-column-5 {
        width: 41.6666666667%;
        float: left;
    }

    .mobile-column-6 {
        width: 50%;
        float: left;
    }

    .mobile-column-7 {
        width: 58.3333333333%;
        float: left;
    }

    .mobile-column-8 {
        width: 66.6666666666%;
        float: left;
    }

    .mobile-column-9 {
        width: 75%;
        float: left;
    }

    .gutters .mobile-column-2 {
        width: 15.5%;
        float: left;
    }

    .gutters .mobile-column-9 {
        width: 74.5%;
    }

    .gutters .mobile-column-10 {
        width: 83%;
        float: left;
    }

    .hide-mobile {
        display: none;
    }

    .hide-desktop {
        display: block;
    }

    .mobile-no-margin {
        margin: 0
    }

    [class *="pull-right"] {
        margin-right: 7px;
    }

    [class *="pull-left"] {
        margin-left: 7px;
    }

    [class*="mobile-column"] .card {
        margin-top: 0;
        margin-bottom: 15px;
    }

    #news-carousel .item {
        margin: 0;
        width: 100%;
    }

    #cc-carousel .item {
        margin: 0;
    }



    nav#mobile-nav {
        width: 50%;
        left: -50%;
        height: 93%;
        overflow-y: scroll;
        position: absolute;
        z-index: 1;
        transition: all 0.4s ease;
    }

    nav#mobile-nav.open {
        left: 0px;
    }

    nav#mobile-nav ul {
        padding: 0.3em;
        margin: 0;
    }

    nav#mobile-nav ul li a {
        padding: 0.75em;
        font-size: 18px;
        display: block;
        width: 100%;
    }

    nav#search {
        width: 50%;
        right: -50%;
        padding: 10px;
		display: none;
    }

	nav#search.open {
		display: block;
	}
  nav#translate {
        width: 50%;
        right: -50%;
        padding: 10px;
    display: none;
    }

  nav#translate.open {
    display: block;
  }
}

html[data-useragent*='Trident'] header nav ul ul ul {
    left: 0;
}

html[data-useragent*='Trident'] header nav ul li:nth-last-child(-n+3) > ul li ul {
	left: -439px;
	top: 0;
}

html[data-useragent*='Firefox'] header nav ul li:nth-last-child(-n+3) > ul li ul {
	top: 0;
}

/* RU ADDS */

.accordionru {
  color: #fff;
  cursor: pointer;
  width: 300px;
  outline: none;
  transition: 0.4s;
  text-align: center;
  background-color: #277d6c;
  font-size: large;
  border: 2px solid #fff;
  padding: 10px;
  border-radius: 30px;
  transition: all 0.6s ease;
}


.panelru {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}