/* CSS Document */
/* Breakpoint Mixin
Source: http://www.sitepoint.com/sass-mixins-kickstart-project/
*/
/* Usage Example

 @include breakpoint(medium) {
    color: blue;
  }
}
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*
 * @font-face mixin
 * @include font-face('family', '../fonts/', 'myfontname');
 */
/* egs
a {
    font-weight: bold;
    text-decoration: none;
    color: #c00;

    @include attention() {
        outline: none;
        color: #09f;
    }

}

.btn {
    background-color: #09f;

    @include attention() {
        background-color: darken(#09f, 10%);
    }

}
Source: http://sassmeister.com/gist/d7f40eb288ab1e3e85d3
*/
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//Raleway-Regular.eot") format("eot"), url("../fonts//Raleway-Regular.woff") format("woff"), url("../fonts//Raleway-Regular.ttf") format("truetype"), url("../fonts//Raleway-Regular.svg#Raleway-Regular") format("svg"); }
@font-face {
  font-family: "Raleway-light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//Raleway-Light.eot") format("eot"), url("../fonts//Raleway-Light.woff") format("woff"), url("../fonts//Raleway-Light.ttf") format("truetype"), url("../fonts//Raleway-Light.svg#Raleway-Light") format("svg"); }
@font-face {
  font-family: "Raleway-semi";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//Raleway-SemiBold.eot") format("eot"), url("../fonts//Raleway-SemiBold.woff") format("woff"), url("../fonts//Raleway-SemiBold.ttf") format("truetype"), url("../fonts//Raleway-SemiBold.svg#Raleway-SemiBold") format("svg"); }
@font-face {
  font-family: "Source-Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//SourceSansPro-Regular.eot") format("eot"), url("../fonts//SourceSansPro-Regular.woff") format("woff"), url("../fonts//SourceSansPro-Regular.ttf") format("truetype"), url("../fonts//SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg"); }
@font-face {
  font-family: "Source-Sans-light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//SourceSansPro-Light.eot") format("eot"), url("../fonts//SourceSansPro-Light.woff") format("woff"), url("../fonts//SourceSansPro-Light.ttf") format("truetype"), url("../fonts//SourceSansPro-Light.svg#SourceSansPro-Light") format("svg"); }
@font-face {
  font-family: "A-Lao-Normal";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts//A-Lao-Normal.eot") format("eot"), url("../fonts//A-Lao-Normal.woff") format("woff"), url("../fonts//A-Lao-Normal.ttf") format("truetype"), url("../fonts//A-Lao-Normal.svg#A-Lao-Normal") format("svg"); }
body {
  font-size: 16px;
  font-family: Source-Sans-light, Georgia, Times, "Times New Roman", serif;
  color: #646464; }

h1, h2, h3, h4 {
  font-family: Source-Sans, Georgia, Times, "Times New Roman", serif;
  margin: 0.8em 0; }

h1 {
  font-size: 3.8em;
  letter-spacing: -0.03em; }

h2 {
  color: #00adef; }

h3 {
  color: #2b4360; }

h4 {
  color: #00adef; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  width: 100%;
  padding: 0; }

img {
  max-width: 100%; }

header {
  width: 100%;
  max-width: 100vw;
  height: auto;
  overflow: hidden;
  z-index: 20; }
  @media (min-width: 1200px) {
    header {
      height: 80vh; } }
  @media (min-width: 1600px) {
    header {
      height: 100vh; } }
@media (max-height: 400px) and (min-width: 578px) {
  header {
    height: 200px; } }
@media (max-height: 400px) and (min-width: 768px) {
  header {
    height: 380px; } }

@media (max-height: 800px) and (min-width: 1200px) {
  header {
    height: 550px; } }

.cmsmenu ul {
  display: block;
  text-align: right; }
  .cmsmenu ul li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #00adef; }
    .cmsmenu ul li a {
      color: #646464;
      text-decoration: none; }
  .cmsmenu ul li:first-child {
    display: inline-block;
    padding: 0 10px;
    border-left: none; }

.header-top {
  height: 0; }
  .header-top .enquiries {
    position: absolute;
    margin: 0 3% 0 3%;
    width: 94%;
    z-index: 9999; }
    .header-top .enquiries a {
      background-color: rgba(0, 173, 239, 0.71);
      border-radius: 0 0 20px 20px;
      padding: 10px;
      font-family: Source-Sans-Light, Georgia, Times, "Times New Roman", serif;
      text-decoration: none;
      color: white;
      display: block;
      height: auto;
      text-align: center; }
      .header-top .enquiries a:hover {
        background: #2b4360; }
      @media (min-width: 992px) {
        .header-top .enquiries a {
          font-size: 1.4em;
          border-radius: 0 0 40px 40px;
          padding: 20px; } }
      @media (min-width: 1200px) {
        .header-top .enquiries a {
          font-size: 1.5em; } }
      @media (min-width: 1600px) {
        .header-top .enquiries a {
          font-size: 1.7em; } }
    @media (min-width: 350px) {
      .header-top .enquiries {
        width: 50%;
        margin: 0 25%; } }
    @media (min-width: 578px) {
      .header-top .enquiries {
        width: 30%;
        margin: 0 3% 0 66%; } }
    @media (min-width: 992px) {
      .header-top .enquiries {
        margin: 0 3% 0 72%;
        width: 25%; } }
    @media (min-width: 1200px) {
      .header-top .enquiries {
        margin: 0 3% 0 77%;
        width: 20%; } }
    @media (min-width: 1600px) {
      .header-top .enquiries {
        margin: 0 3% 0 80%;
        width: 17%; } }

.slidescontainer {
  z-index: 20; }
  .slidescontainer .slides {
    width: 100%;
    height: 200px;
    z-index: 20; }
    .slidescontainer .slides li {
      z-index: 20; }
    .slidescontainer .slides img {
      z-index: 20;
      height: auto; }
    @media (min-width: 578px) {
      .slidescontainer .slides {
        height: 300px; } }
    @media (min-width: 768px) {
      .slidescontainer .slides {
        height: 400px; } }
    @media (min-width: 992px) {
      .slidescontainer .slides {
        height: 500px; } }
    @media (min-width: 1200px) {
      .slidescontainer .slides {
        height: calc(100vh - 20px); } }
    @media (min-width: 1600px) {
      .slidescontainer .slides {
        height: 100vh; } }
@media (max-height: 400px) and (min-width: 578px) {
  .slidescontainer .slides {
    height: 200px; } }
@media (max-height: 400px) and (min-width: 768px) {
  .slidescontainer .slides {
    height: 380px; } }

@media (max-height: 800px) and (min-width: 1200px) {
  .slidescontainer .slides {
    height: 550px; } }

.top {
  background: white;
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 100;
  width: 100%; }
  .top:before {
    content: "";
    width: 100%;
    background-image: url("../images/skyblue-aviation-services.png");
    background-repeat: repeat-x;
    background-size: 6.1% auto;
    z-index: 999;
    height: 50px;
    margin-top: -60px; }
    @media (min-width: 768px) {
      .top:before {
        height: 70px; } }
    @media (min-width: 992px) {
      .top:before {
        margin-top: -110px; } }
    @media (min-width: 1200px) {
      .top:before {
        margin-top: -140px;
        height: 116px; } }
    @media (min-width: 1600px) {
      .top:before {
        margin-top: -140px; } }
@media (max-height: 800px) and (min-width: 1600px) {
  .top:before {
    margin-top: -90px; } }

  .top .left-logo {
    width: 1%;
    z-index: 100;
    margin-right: 1%;
    display: none;
    background: white;
    height: 60px; }
    @media (min-width: 578px) {
      .top .left-logo {
        display: block; } }
    @media (min-width: 768px) {
      .top .left-logo {
        display: block;
        height: 40px; } }
    @media (min-width: 992px) {
      .top .left-logo {
        height: 60px; } }
    @media (min-width: 1200px) {
      .top .left-logo {
        height: 80px; } }
  .top .logo {
    width: 75%;
    display: block;
    margin-top: -25px;
    z-index: 1001; }
    .top .logo img {
      width: 100%; }
    @media (max-height: 800px) {
      .top .logo {
        width: 200px; } }
    @media (min-width: 578px) {
      .top .logo {
        width: 30%;
        margin-top: -60px; } }
    @media (min-width: 768px) {
      .top .logo {
        margin-top: -40px; } }
    @media (min-width: 992px) {
      .top .logo {
        width: 207px;
        margin-top: -15px; } }
    @media (min-width: 1200px) {
      .top .logo {
        width: 342px;
        margin-top: -30px; } }
    @media (min-width: 1600px) {
      .top .logo {
        width: 472px;
        margin-top: -60px; } }
@media (max-height: 800px) and (min-width: 1600px) {
  .top .logo {
    margin-top: -40px; } }

  .top .social-icons {
    background-color: #239ac5;
    width: 100%; }
    .top .social-icons .custom {
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center; }
      .top .social-icons .custom .icons {
        display: inline-block;
        margin-right: 10px; }
        .top .social-icons .custom .icons ul {
          display: block;
          list-style-type: none;
          padding-left: 0;
          margin: 10px 0; }
          .top .social-icons .custom .icons ul li {
            display: inline-block;
            padding-left: 10px; }
            .top .social-icons .custom .icons ul li img {
              max-height: 30px; }
              @media (min-width: 578px) {
                .top .social-icons .custom .icons ul li img {
                  max-height: 40px; } }
              @media (min-width: 992px) {
                .top .social-icons .custom .icons ul li img {
                  max-height: 100%; } }
        @media (min-width: 578px) {
          .top .social-icons .custom .icons {
            margin-right: 0; } }
      .top .social-icons .custom .tel {
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-around;
        padding: 10px; }
        .top .social-icons .custom .tel a {
          color: white;
          font-family: Source-Sans-light, Georgia, Times, "Times New Roman", serif;
          text-decoration: none; }
          .top .social-icons .custom .tel a:hover {
            color: #2b4360; }
          @media (min-width: 350px) {
            .top .social-icons .custom .tel a {
              font-size: 1.4em; } }
          @media (min-width: 578px) {
            .top .social-icons .custom .tel a {
              font-size: 1.6em; } }
          @media (min-width: 768px) {
            .top .social-icons .custom .tel a {
              font-size: 1.8em; } }
          @media (min-width: 992px) {
            .top .social-icons .custom .tel a {
              font-size: 2.2em; } }
        @media (min-width: 992px) {
          .top .social-icons .custom .tel {
            padding: 0; } }
        @media (min-width: 1200px) {
          .top .social-icons .custom .tel {
            padding: 0 0 10px 0; } }
      @media (min-width: 350px) {
        .top .social-icons .custom {
          justify-content: space-between; } }
      @media (min-width: 578px) {
        .top .social-icons .custom {
          justify-content: flex-end; } }
      @media (min-width: 992px) {
        .top .social-icons .custom {
          padding: 0 60px 0 0;
          width: 578px;
          margin-left: calc(100% - 578px);
          text-align: right;
          flex-direction: row;
          justify-content: space-between; } }
      @media (min-width: 1200px) {
        .top .social-icons .custom {
          padding: 20px 70px 20px 0; } }
    @media (min-width: 992px) {
      .top .social-icons {
        background-color: rgba(0, 173, 239, 0.71); } }
    @media (min-width: 1200px) {
      .top .social-icons {
        margin-top: -20px;
        height: auto; } }
    @media (min-width: 1600px) {
      .top .social-icons {
        margin-top: -37px;
        height: 114px; } }
@media (max-height: 800px) and (min-width: 1600px) {
  .top .social-icons {
    background-color: #239ac5;
    background-color: rgba(0, 173, 239, 0.71);
    margin-top: -50px;
    height: 100px; } }

  @media (min-width: 578px) {
    .top {
      justify-content: space-between; } }
  @media (min-width: 992px) {
    .top {
      margin-top: -150px;
      justify-content: space-between;
      background: none;
      position: absolute; } }
  @media (min-width: 1200px) {
    .top {
      margin-top: -210px; } }
  @media (min-width: 1600px) {
    .top {
      margin-top: -220px; } }
@media (max-height: 800px) and (min-width: 1200px) {
  .top {
    position: relative;
    margin-top: 0;
    margin-top: -212px; } }
@media (max-height: 800px) and (min-width: 1600px) {
  .top {
    margin-top: -239px; } }

nav {
  width: 100%;
  display: block;
  z-index: 100;
  background: white;
  height: 45px; }
  nav .nav {
    text-align: left;
    height: 0;
    margin: 0;
    display: list-item;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 0.8s ease;
    -moz-transition: height 0.8s ease;
    -ms-transition: height 0.8s ease;
    -o-transition: height 0.8s ease;
    transition: height 0.8s ease;
    list-style-type: none; }
    @media (min-width: 992px) {
      nav .nav li {
        display: inline-block; } }
    @media (min-width: 768px) {
      nav .nav {
        margin: 0 auto;
        padding: 0; } }
    @media (min-width: 992px) {
      nav .nav {
        height: auto;
        display: block;
        padding: 0 10px;
        text-align: right; } }
  @media (min-width: 578px) {
    nav {
      width: 36%;
      margin-left: 30%;
      height: 60px; } }
  @media (min-width: 768px) {
    nav {
      height: 40px; } }
  @media (min-width: 992px) {
    nav {
      width: calc(97% - 207px);
      height: 60px;
      margin-left: 1%; } }
  @media (min-width: 1200px) {
    nav {
      width: calc(97% - 342px);
      height: 80px; } }
  @media (min-width: 1600px) {
    nav {
      width: calc(97% - 472px); } }

.top .navigation, .footer-bar {
  font-family: Source-Sans, Georgia, Times, "Times New Roman", serif;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around; }
  .top .navigation ul, .footer-bar ul {
    margin: 0;
    padding: 0 30px 0 0; }
    .top .navigation ul li, .footer-bar ul li {
      padding-left: 10px;
      border-left: 1px solid #646464;
      margin: 10px 0 10px 10px;
      line-height: 1em; }
      @media (min-width: 768px) {
        .top .navigation ul li, .footer-bar ul li {
          font-size: 0.9em; } }
      @media (min-width: 992px) {
        .top .navigation ul li, .footer-bar ul li {
          font-size: 0.9em;
          margin-left: 5px;
          padding-left: 5px; } }
      @media (min-width: 1200px) {
        .top .navigation ul li, .footer-bar ul li {
          font-size: 1em; } }
      @media (min-width: 1600px) {
        .top .navigation ul li, .footer-bar ul li {
          font-size: 1.35em;
          margin-left: 10px;
          padding-left: 10px; } }
      .top .navigation ul li a, .footer-bar ul li a {
        text-decoration: none;
        color: #646464; }
    @media (min-width: 768px) {
      .top .navigation ul li:first-child, .footer-bar ul li:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 0; } }
    @media (min-width: 992px) {
      .top .navigation ul, .footer-bar ul {
        padding: 0 60px 0 0; } }
    @media (min-width: 1200px) {
      .top .navigation ul, .footer-bar ul {
        padding: 0 70px 0 0; } }
  @media (min-width: 992px) {
    .top .navigation, .footer-bar {
      flex-direction: column; } }

.top .navigation .nav {
  width: 100%; }
  .top .navigation .nav li a:hover {
    color: #00adef; }
  .top .navigation .nav li:first-child {
    margin-left: 10px; }
    @media (min-width: 992px) {
      .top .navigation .nav li:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 0; } }
@media (min-width: 578px) {
  .top .navigation {
    justify-content: flex-end; } }
@media (min-width: 992px) {
  .top .navigation {
    justify-content: space-around; } }

.menucontrolbox {
  background-color: white;
  text-align: center; }
  @media (min-width: 578px) {
    .menucontrolbox {
      padding: 20px 20px 0 0;
      text-align: right; } }
  @media (min-width: 768px) {
    .menucontrolbox {
      width: 100%; } }
  @media (min-width: 992px) {
    .menucontrolbox {
      display: none; } }

#menucontrol:checked ~ .nav {
  display: block;
  position: relative;
  overflow: visible;
  height: auto;
  background: #239ac5;
  padding: 10px; }
  #menucontrol:checked ~ .nav li {
    border-color: white; }
    #menucontrol:checked ~ .nav li a {
      color: white; }
      @media (min-width: 992px) {
        #menucontrol:checked ~ .nav li a {
          color: black; } }
    @media (min-width: 992px) {
      #menucontrol:checked ~ .nav li {
        border-color: black; } }
  #menucontrol:checked ~ .nav li:first-child {
    padding-left: 10px;
    border-left: 1px solid white; }
    @media (min-width: 1200px) {
      #menucontrol:checked ~ .nav li:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 0; } }
  @media (min-width: 578px) {
    #menucontrol:checked ~ .nav {
      padding: 0 10px 0 0; } }
  @media (min-width: 768px) {
    #menucontrol:checked ~ .nav {
      border-bottom: none;
      overflow: hidden; } }
  @media (min-width: 992px) {
    #menucontrol:checked ~ .nav {
      border-bottom: none;
      height: auto;
      background: none;
      padding-right: 70px; } }

.menucontrolbutton {
  margin: 20px 0;
  cursor: pointer;
  font-size: 1em;
  -webkit-transition: color 0.8s ease;
  -moz-transition: color 0.8s ease;
  -ms-transition: color 0.8s ease;
  -o-transition: color 0.8s ease;
  transition: color 0.8s ease; }
  .menucontrolbutton:hover, .menucontrolbutton:active, .menucontrolbutton:focus {
    color: #2b4360; }
  .menucontrolbutton svg {
    height: 20px;
    width: 20px;
    margin: 0 2px -3px 0;
    fill: #FF3D7F; }

#menucontrol {
  display: none; }

.main {
  background: #2b4360;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .main main {
    background: white;
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    display: inline-block;
    margin-bottom: 25px; }
    .main main .page-header h2 {
      margin: 0 0 10px;
      font-weight: normal;
      color: #00adef;
      font-size: 1.25em; }
      .main main .page-header h2 a {
        text-decoration: none;
        color: #00adef; }
        .main main .page-header h2 a:hover {
          color: #2b4360; }
      @media (min-width: 578px) {
        .main main .page-header h2 {
          font-size: 1.3em; } }
      @media (min-width: 768px) {
        .main main .page-header h2 {
          font-size: 1.4em; } }
      @media (min-width: 992px) {
        .main main .page-header h2 {
          font-size: 1.6em; } }
      @media (min-width: 1200px) {
        .main main .page-header h2 {
          font-size: 1.8em; } }
      @media (min-width: 1600px) {
        .main main .page-header h2 {
          font-size: 2em; } }
    .main main a {
      text-decoration: none;
      color: #00adef; }
      .main main a:hover {
        color: #2b4360; }
    .main main .item-page p, .main main .blog p {
      font-size: 1.1em; }
      .main main .item-page p a, .main main .blog p a {
        color: #00adef; }
        .main main .item-page p a:hover, .main main .blog p a:hover {
          color: #2b4360; }
      @media (min-width: 578px) {
        .main main .item-page p, .main main .blog p {
          font-size: 1.2em; } }
      @media (min-width: 768px) {
        .main main .item-page p, .main main .blog p {
          font-size: 1.3em; } }
      @media (min-width: 992px) {
        .main main .item-page p, .main main .blog p {
          font-size: 1.4em; } }
      @media (min-width: 1200px) {
        .main main .item-page p, .main main .blog p {
          font-size: 1.5em; } }
      @media (min-width: 1600px) {
        .main main .item-page p, .main main .blog p {
          font-size: 1.55em; } }
    .main main .item-page li, .main main .blog li {
      font-size: 1em;
      color: #2b4360;
      line-height: 1.05em; }
      .main main .item-page li a, .main main .blog li a {
        color: #00adef; }
        .main main .item-page li a:hover, .main main .blog li a:hover {
          color: #2b4360; }
      @media (min-width: 578px) {
        .main main .item-page li, .main main .blog li {
          font-size: 1.1em;
          line-height: 1.15em; } }
      @media (min-width: 768px) {
        .main main .item-page li, .main main .blog li {
          font-size: 1.2em;
          line-height: 1.25em; } }
      @media (min-width: 992px) {
        .main main .item-page li, .main main .blog li {
          font-size: 1.3em;
          line-height: 1.35em; } }
      @media (min-width: 1200px) {
        .main main .item-page li, .main main .blog li {
          font-size: 1.4em;
          line-height: 1.45em; } }
      @media (min-width: 1600px) {
        .main main .item-page li, .main main .blog li {
          font-size: 1.45em;
          line-height: 1.5em; } }
      .main main .item-page li li, .main main .blog li li {
        font-size: 1em; }
    .main main .item-page ol, .main main .blog ol {
      padding-left: 15px;
      list-style-type: lower-alpha; }
      .main main .item-page ol ol, .main main .blog ol ol {
        list-style-type: decimal; }
        .main main .item-page ol ol ol, .main main .blog ol ol ol {
          list-style-type: lower-roman; }
      @media (min-width: 578px) {
        .main main .item-page ol, .main main .blog ol {
          padding-left: 20px; } }
      @media (min-width: 768px) {
        .main main .item-page ol, .main main .blog ol {
          padding-left: 20px; } }
      @media (min-width: 992px) {
        .main main .item-page ol, .main main .blog ol {
          padding-left: 40px; } }
    .main main .item-page ul, .main main .blog ul {
      padding-left: 15px; }
      @media (min-width: 578px) {
        .main main .item-page ul, .main main .blog ul {
          padding-left: 20px; } }
      @media (min-width: 768px) {
        .main main .item-page ul, .main main .blog ul {
          padding-left: 20px; } }
      @media (min-width: 992px) {
        .main main .item-page ul, .main main .blog ul {
          padding-left: 40px; } }
    .main main .item-page h3, .main main .blog h3 {
      font-size: 1.1em;
      font-weight: normal; }
      .main main .item-page h3 a, .main main .blog h3 a {
        text-decoration: none;
        color: #2b4360; }
        .main main .item-page h3 a:hover, .main main .blog h3 a:hover {
          color: #00adef; }
      @media (min-width: 578px) {
        .main main .item-page h3, .main main .blog h3 {
          font-size: 1.2em; } }
      @media (min-width: 768px) {
        .main main .item-page h3, .main main .blog h3 {
          font-size: 1.3em; } }
      @media (min-width: 992px) {
        .main main .item-page h3, .main main .blog h3 {
          font-size: 1.4em; } }
      @media (min-width: 1200px) {
        .main main .item-page h3, .main main .blog h3 {
          font-size: 1.5em; } }
      @media (min-width: 1600px) {
        .main main .item-page h3, .main main .blog h3 {
          font-size: 1.55em; } }
    .main main .item-page h4, .main main .blog h4 {
      font-size: 1em;
      font-weight: normal; }
      .main main .item-page h4 a, .main main .blog h4 a {
        text-decoration: none;
        color: #00adef; }
        .main main .item-page h4 a:hover, .main main .blog h4 a:hover {
          color: #2b4360; }
      @media (min-width: 578px) {
        .main main .item-page h4, .main main .blog h4 {
          font-size: 1.05em; } }
      @media (min-width: 768px) {
        .main main .item-page h4, .main main .blog h4 {
          font-size: 1.1em; } }
      @media (min-width: 992px) {
        .main main .item-page h4, .main main .blog h4 {
          font-size: 1.15em; } }
      @media (min-width: 1200px) {
        .main main .item-page h4, .main main .blog h4 {
          font-size: 1.2em; } }
      @media (min-width: 1600px) {
        .main main .item-page h4, .main main .blog h4 {
          font-size: 1.25em; } }
    .main main .contact-map {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .main main .contact-map .contact-box {
        width: 100%; }
        .main main .contact-map .contact-box .map iframe {
          width: 100%; }
          @media (min-width: 350px) {
            .main main .contact-map .contact-box .map iframe {
              height: 200px; } }
          @media (min-width: 578px) {
            .main main .contact-map .contact-box .map iframe {
              height: 200px; } }
          @media (min-width: 768px) {
            .main main .contact-map .contact-box .map iframe {
              height: 220px; } }
          @media (min-width: 992px) {
            .main main .contact-map .contact-box .map iframe {
              height: 230px; } }
          @media (min-width: 1200px) {
            .main main .contact-map .contact-box .map iframe {
              height: 220px; } }
          @media (min-width: 1600px) {
            .main main .contact-map .contact-box .map iframe {
              height: 250px; } }
        .main main .contact-map .contact-box ul {
          list-style-type: none;
          padding: 0; }
        @media (min-width: 578px) {
          .main main .contact-map .contact-box {
            width: 48%; } }
        @media (min-width: 992px) {
          .main main .contact-map .contact-box {
            width: 100%; } }
        @media (min-width: 1200px) {
          .main main .contact-map .contact-box {
            width: 48%; } }
    .main main .anseve_contact_form form fieldset {
      display: flex;
      width: 100% !important;
      flex-wrap: wrap;
      border: none;
      padding: 0;
      justify-content: space-between; }
      .main main .anseve_contact_form form fieldset input {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 5px;
        border: 1px solid #6464; }
        .main main .anseve_contact_form form fieldset input::-webkit-input-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset input:-moz-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset input::-moz-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset input:-ms-input-placeholder {
          color: #2b4360; }
        @media (min-width: 578px) {
          .main main .anseve_contact_form form fieldset input {
            width: 32%; } }
        @media (min-width: 992px) {
          .main main .anseve_contact_form form fieldset input {
            width: 100%;
            padding: 10px; } }
        @media (min-width: 1200px) {
          .main main .anseve_contact_form form fieldset input {
            width: 32%; } }
      .main main .anseve_contact_form form fieldset textarea {
        width: 100% !important;
        padding: 5px;
        min-height: 50px;
        margin: 0 0 20px 0;
        border: 1px solid #6464; }
        .main main .anseve_contact_form form fieldset textarea::-webkit-input-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset textarea:-moz-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset textarea::-moz-placeholder {
          color: #2b4360; }
        .main main .anseve_contact_form form fieldset textarea:-ms-input-placeholder {
          color: #2b4360; }
        @media (min-width: 992px) {
          .main main .anseve_contact_form form fieldset textarea {
            padding: 10px; } }
      .main main .anseve_contact_form form fieldset button {
        width: 50%;
        margin: 0  auto 20px;
        background: #239ac5;
        color: white;
        border: 0;
        padding: 10px; }
        .main main .anseve_contact_form form fieldset button:hover {
          background: #2b4360; }
        @media (min-width: 350px) {
          .main main .anseve_contact_form form fieldset button {
            margin: 0 0 20px auto; } }
        @media (min-width: 578px) {
          .main main .anseve_contact_form form fieldset button {
            width: 32%;
            margin: 0 0 20px auto; } }
        @media (min-width: 992px) {
          .main main .anseve_contact_form form fieldset button {
            width: 32%;
            margin: 0 0 0 auto; } }
    .main main .anseve_contact_form .anseve_pretext {
      width: 100%;
      padding: 0 0 10px;
      margin: 20px 0 10px; }
      .main main .anseve_contact_form .anseve_pretext h3 {
        color: #00adef;
        margin: 0;
        font-weight: normal; }
        @media (min-width: 1600px) {
          .main main .anseve_contact_form .anseve_pretext h3 {
            font-size: 1.7em; } }
    @media (min-width: 992px) {
      .main main {
        border: 1px solid white;
        width: calc(100% - 428px);
        border-radius: 0 0 50px 0;
        padding: 60px;
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      .main main {
        width: calc(100% - 448px);
        margin-bottom: 70px;
        padding: 70px; } }
    @media (min-width: 1600px) {
      .main main {
        width: calc(100% - 648px); } }
  .main .aside {
    width: 100%;
    margin: 0 20px 20px;
    display: inline-block;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column; }
    .main .aside .aside-header {
      background: #239ac5;
      padding: 10px;
      color: white;
      font-weight: normal; }
      @media (min-width: 992px) {
        .main .aside .aside-header {
          padding: 20px;
          font-size: 1.4em; } }
    .main .aside .custom {
      width: 100%;
      display: inline-block; }
      @media (min-width: 578px) {
        .main .aside .custom {
          width: 48%; } }
    .main .aside ul {
      padding: 0; }
    .main .aside a {
      text-decoration: none; }
    .main .aside .moduletable {
      width: 100%; }
      @media (min-width: 768px) {
        .main .aside .moduletable {
          width: 48%; } }
      @media (min-width: 992px) {
        .main .aside .moduletable {
          width: 100%; } }
    .main .aside .menu {
      width: 100%;
      margin: 0; }
      .main .aside .menu li {
        list-style-type: none; }
      .main .aside .menu .parent a {
        background: #239ac5;
        padding: 10px;
        color: white;
        display: block; }
        @media (min-width: 992px) {
          .main .aside .menu .parent a {
            padding: 20px;
            font-size: 1.4em; } }
        .main .aside .menu .parent a:hover {
          background: #2b5d7f; }
      .main .aside .menu .parent ul li a {
        display: block;
        background: none;
        padding: 10px; }
        .main .aside .menu .parent ul li a:after {
          content: ">";
          float: right; }
        @media (min-width: 992px) {
          .main .aside .menu .parent ul li a {
            padding: 15px 20px;
            font-size: 1.2em; } }
        .main .aside .menu .parent ul li a:hover {
          background: #239ac5; }
      .main .aside .menu .parent ul li:nth-child(even) a {
        background: #2b5d7f; }
        .main .aside .menu .parent ul li:nth-child(even) a:hover {
          background: #239ac5; }
      @media (min-width: 992px) {
        .main .aside .menu {
          width: 100%; } }
    .main .aside .second {
      width: 100% !important; }
      .main .aside .second .menu {
        margin: 0; }
        .main .aside .second .menu .nav-child {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .main .aside .second .menu .nav-child li {
            width: 100%; }
            @media (min-width: 768px) {
              .main .aside .second .menu .nav-child li {
                width: 48%; } }
            @media (min-width: 992px) {
              .main .aside .second .menu .nav-child li {
                width: 100%; } }
          .main .aside .second .menu .nav-child li:nth-child(even) a {
            background: #2b5d7f; }
            @media (min-width: 768px) {
              .main .aside .second .menu .nav-child li:nth-child(even) a {
                background: none; } }
            .main .aside .second .menu .nav-child li:nth-child(even) a:hover {
              background: #239ac5; }
          @media (min-width: 768px) {
            .main .aside .second .menu .nav-child li:nth-child(4) a {
              background: #2b5d7f; } }
          .main .aside .second .menu .nav-child li:nth-child(4) a:hover {
            background: #239ac5; }
          @media (min-width: 992px) {
            .main .aside .second .menu .nav-child li:nth-child(2) a {
              background: #2b5d7f; } }
          .main .aside .second .menu .nav-child li:nth-child(2) a:hover {
            background: #239ac5; }
          @media (min-width: 768px) {
            .main .aside .second .menu .nav-child li:nth-child(3) a {
              background: #2b5d7f; } }
          @media (min-width: 992px) {
            .main .aside .second .menu .nav-child li:nth-child(3) a {
              background: none; } }
          .main .aside .second .menu .nav-child li:nth-child(3) a:hover {
            background: #239ac5; }
    @media (min-width: 578px) {
      .main .aside {
        justify-content: space-between;
        flex-direction: row; } }
    @media (min-width: 992px) {
      .main .aside {
        justify-content: flex-start;
        flex-direction: column;
        margin: 0 60px 60px;
        width: 308px; }
        .main .aside .custom {
          width: 100%; } }
    @media (min-width: 1200px) {
      .main .aside {
        margin: 0 70px 70px; } }
    @media (min-width: 1600px) {
      .main .aside {
        width: 508px;
        justify-content: flex-start; }
        .main .aside .custom {
          width: 100%; } }
  @media (min-width: 992px) {
    .main #sub-aside {
      margin-top: 70px; } }

.icon-chevron-right {
  width: 0 !important;
  margin-right: 0 !important; }
  .icon-chevron-right:before {
    display: none; }

.bottom {
  width: 100%;
  background: white;
  border: 1px solid white;
  padding: 20px;
  padding-bottom: 50px;
  display: inline-block; }
  .bottom .page-header h2 {
    margin: 0 0 10px; }
    .bottom .page-header h2 a {
      text-decoration: none;
      color: #00adef; }
      .bottom .page-header h2 a:hover {
        color: #2b4360; }
  .bottom h3 {
    color: #00adef;
    margin-top: 0;
    font-weight: normal;
    font-size: 1.3em; }
    .bottom h3 a {
      text-decoration: none;
      color: #00adef; }
      .bottom h3 a:hover {
        color: #2b4360; }
    @media (min-width: 350px) {
      .bottom h3 {
        font-size: 1.5em; } }
    @media (min-width: 578px) {
      .bottom h3 {
        font-size: 1.6em; } }
    @media (min-width: 768px) {
      .bottom h3 {
        font-size: 1.7em; } }
    @media (min-width: 992px) {
      .bottom h3 {
        font-size: 1.7em; } }
    @media (min-width: 1200px) {
      .bottom h3 {
        font-size: 1.8em; } }
    @media (min-width: 1600px) {
      .bottom h3 {
        font-size: 1.9em; } }
  .bottom .newsflash p {
    font-size: 1.1em; }
    .bottom .newsflash p a {
      color: #00adef; }
      .bottom .newsflash p a:hover {
        color: #2b4360; }
    @media (min-width: 578px) {
      .bottom .newsflash p {
        font-size: 1.2em; } }
    @media (min-width: 768px) {
      .bottom .newsflash p {
        font-size: 1.3em; } }
    @media (min-width: 992px) {
      .bottom .newsflash p {
        font-size: 1.4em; } }
    @media (min-width: 1200px) {
      .bottom .newsflash p {
        font-size: 1.5em; } }
    @media (min-width: 1600px) {
      .bottom .newsflash p {
        font-size: 1.55em; } }
  .bottom .newsflash .readmore {
    color: #00adef;
    text-decoration: none;
    right: 20px;
    position: absolute;
    font-size: 1.1em; }
    .bottom .newsflash .readmore:hover {
      color: #2b4360; }
    @media (min-width: 350px) {
      .bottom .newsflash .readmore {
        font-size: 1.2em; } }
    @media (min-width: 578px) {
      .bottom .newsflash .readmore {
        font-size: 1.4em; } }
    @media (min-width: 768px) {
      .bottom .newsflash .readmore {
        font-size: 1.4em;
        margin-bottom: 20px; } }
    @media (min-width: 992px) {
      .bottom .newsflash .readmore {
        font-size: 1.45em;
        right: 60px; } }
    @media (min-width: 1200px) {
      .bottom .newsflash .readmore {
        font-size: 1.6em;
        right: 60px; } }
  .bottom .newsflash .newsflash-title {
    color: #2b4360;
    font-size: 1.1em; }
    @media (min-width: 350px) {
      .bottom .newsflash .newsflash-title {
        font-size: 1.2em; } }
    @media (min-width: 578px) {
      .bottom .newsflash .newsflash-title {
        font-size: 1.4em; } }
    @media (min-width: 768px) {
      .bottom .newsflash .newsflash-title {
        font-size: 1.4em; } }
    @media (min-width: 992px) {
      .bottom .newsflash .newsflash-title {
        font-size: 1.4em; } }
    @media (min-width: 1200px) {
      .bottom .newsflash .newsflash-title {
        font-size: 1.45em; } }
  @media (min-width: 768px) {
    .bottom {
      padding: 20px; } }
  @media (min-width: 992px) {
    .bottom {
      width: calc(100% - 428px);
      border-radius: 50px 0 0 0;
      margin-left: 0;
      padding: 60px; } }
  @media (min-width: 1200px) {
    .bottom {
      width: calc(100% - 448px); } }
  @media (min-width: 1600px) {
    .bottom {
      width: calc(100% - 648px);
      border-radius: 50px 0 0 0;
      margin-left: 0; } }

.blog h2 {
  margin: 0 0 10px;
  font-weight: normal;
  color: #00adef;
  font-size: 1.25em; }
  .blog h2 a {
    text-decoration: none;
    color: #00adef; }
    .blog h2 a:hover {
      color: #2b4360; }
  @media (min-width: 578px) {
    .blog h2 {
      font-size: 1.3em; } }
  @media (min-width: 768px) {
    .blog h2 {
      font-size: 1.4em; } }
  @media (min-width: 992px) {
    .blog h2 {
      font-size: 1.6em; } }
  @media (min-width: 1200px) {
    .blog h2 {
      font-size: 1.8em; } }
  @media (min-width: 1600px) {
    .blog h2 {
      font-size: 2em; } }
.blog .page-header h2 {
  font-size: 1em;
  font-weight: normal; }
  .blog .page-header h2 a {
    text-decoration: none;
    color: #2b4360 !important; }
    .blog .page-header h2 a:hover {
      color: #00adef !important; }
  @media (min-width: 578px) {
    .blog .page-header h2 {
      font-size: 1.05em; } }
  @media (min-width: 768px) {
    .blog .page-header h2 {
      font-size: 1.05em; } }
  @media (min-width: 992px) {
    .blog .page-header h2 {
      font-size: 1.1em; } }
  @media (min-width: 1200px) {
    .blog .page-header h2 {
      font-size: 1.15em; } }
  @media (min-width: 1600px) {
    .blog .page-header h2 {
      font-size: 1.2em; } }

.article-info .published {
  margin-left: 0; }
  .article-info .published time {
    font-size: 1.2em; }

/* LAYOUT */
.container {
  margin: 0 auto;
  overflow: hidden;
  width: 100%; }

/* CONTENT SLIDER */
#content-slider {
  width: 100%; }
  @media (min-width: 992px) {
    #content-slider {
      margin-top: 60px; } }
  @media (min-width: 1200px) {
    #content-slider {
      margin-top: 70px; } }

.slider2 {
  margin-top: 20px; }
  @media (min-width: 578px) {
    .slider2 {
      margin-top: 0; } }

/* SLIDER */
#slider, #slider2 {
  background: #fff;
  height: 110px;
  overflow: visible;
  position: relative; }
  @media (min-width: 350px) {
    #slider, #slider2 {
      height: 150px; } }
  @media (min-width: 578px) {
    #slider, #slider2 {
      height: 140px; } }
  @media (min-width: 768px) {
    #slider, #slider2 {
      height: 160px; } }
  @media (min-width: 992px) {
    #slider, #slider2 {
      height: 130px; } }
  @media (min-width: 1600px) {
    #slider, #slider2 {
      height: 236px; } }

#mask {
  overflow: hidden;
  height: 110px; }
  @media (min-width: 350px) {
    #mask {
      height: 150px; } }
  @media (min-width: 578px) {
    #mask {
      height: 140px; } }
  @media (min-width: 768px) {
    #mask {
      height: 160px; } }
  @media (min-width: 992px) {
    #mask {
      height: 130px; } }
  @media (min-width: 1600px) {
    #mask {
      height: 236px; } }

#slider ul, #slider2 ul {
  margin: 0;
  padding: 0;
  position: relative; }

#slider li, #slider2 li {
  width: 100%;
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none; }
  #slider li img, #slider2 li img {
    margin-left: 15%;
    margin-right: 15%;
    width: 70%; }
  @media (min-width: 578px) {
    #slider li img, #slider2 li img {
      margin-left: 10%;
      margin-right: 10%;
      width: 80%; } }
  @media (min-width: 992px) {
    #slider li, #slider2 li {
      height: 140px;
      width: 308px; }
      #slider li img, #slider2 li img {
        margin-left: 10%;
        margin-right: 10%;
        width: 80%; } }
  @media (min-width: 1600px) {
    #slider li, #slider2 li {
      width: 680px;
      height: 320px; }
      #slider li img, #slider2 li img {
        margin-left: 0;
        margin-right: 0;
        width: 70%; } }

#slider li.firstanimation {
  -moz-animation: cycle 50s linear infinite;
  -webkit-animation: cycle 50s linear infinite;
  animation: cycle 50s linear infinite; }

#slider li.secondanimation {
  -moz-animation: cycletwo 50s linear infinite;
  -webkit-animation: cycletwo 50s linear infinite;
  animation: cycletwo 50s linear infinite; }

#slider li.thirdanimation {
  -moz-animation: cyclethree 50s linear infinite;
  -webkit-animation: cyclethree 50s linear infinite;
  animation: cyclethree 50s linear infinite; }

#slider li.fourthanimation {
  -moz-animation: cyclefour 50s linear infinite;
  -webkit-animation: cyclefour 50s linear infinite;
  animation: cyclefour 50s linear infinite; }

#slider li.fifthanimation {
  -moz-animation: cyclefive 50s linear infinite;
  -webkit-animation: cyclefive 50s linear infinite;
  animation: cyclefive 50s linear infinite; }

#slider li.sixthanimation {
  -moz-animation: cyclesix 50s linear infinite;
  -webkit-animation: cyclesix 50s linear infinite;
  animation: cyclesix 50s linear infinite; }

#slider li.seventhanimation {
  -moz-animation: cycleseven 50s linear infinite;
  -webkit-animation: cycleseven 50s linear infinite;
  animation: cycleseven 50s linear infinite; }

#slider li.eighthanimation {
  -moz-animation: cycleeight 50s linear infinite;
  -webkit-animation: cycleeight 50s linear infinite;
  animation: cycleeight 50s linear infinite; }

#slider .tooltip {
  background: rgba(0, 0, 0, 0.7);
  width: 300px;
  height: 60px;
  position: relative;
  bottom: 75px;
  left: -320px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#slider .tooltip h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 60px;
  padding: 0 0 0 20px; }

#slider li#first:hover .tooltip,
#slider li#second:hover .tooltip,
#slider li#third:hover .tooltip,
#slider li#fourth:hover .tooltip,
#slider li#fifth:hover .tooltip {
  left: 0px; }

#slider:hover li,
#slider:hover .progress-bar {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

/* PROGRESS BAR */
.progress-bar {
  position: relative;
  top: -5px;
  width: 680px;
  height: 5px;
  background: #000;
  -moz-animation: fullexpand 150s ease-out infinite;
  -webkit-animation: fullexpand 150s ease-out infinite; }

/* ANIMATION */
@-moz-keyframes cycle {
  0% {
    top: 0px; }
  4% {
    top: 0px; }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-moz-keyframes cycletwo {
  0% {
    top: -325px;
    opacity: 0; }
  16% {
    top: -325px;
    opacity: 0; }
  20% {
    top: 0px;
    opacity: 1; }
  24% {
    top: 0px;
    opacity: 1; }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclethree {
  0% {
    top: -325px;
    opacity: 0; }
  36% {
    top: -325px;
    opacity: 0; }
  40% {
    top: 0px;
    opacity: 1; }
  44% {
    top: 0px;
    opacity: 1; }
  56% {
    top: 0px;
    opacity: 1; }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefour {
  0% {
    top: -325px;
    opacity: 0; }
  56% {
    top: -325px;
    opacity: 0; }
  60% {
    top: 0px;
    opacity: 1; }
  64% {
    top: 0px;
    opacity: 1; }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefive {
  0% {
    top: -325px;
    opacity: 0; }
  76% {
    top: -325px;
    opacity: 0; }
  80% {
    top: 0px;
    opacity: 1; }
  84% {
    top: 0px;
    opacity: 1; }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0; } }
@-webkit-keyframes cycle {
  0% {
    top: 0px; }
  4% {
    top: 0px; }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-webkit-keyframes cycletwo {
  0% {
    top: -325px;
    opacity: 0; }
  16% {
    top: -325px;
    opacity: 0; }
  20% {
    top: 0px;
    opacity: 1; }
  24% {
    top: 0px;
    opacity: 1; }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclethree {
  0% {
    top: -325px;
    opacity: 0; }
  36% {
    top: -325px;
    opacity: 0; }
  40% {
    top: 0px;
    opacity: 1; }
  44% {
    top: 0px;
    opacity: 1; }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefour {
  0% {
    top: -325px;
    opacity: 0; }
  56% {
    top: -325px;
    opacity: 0; }
  60% {
    top: 0px;
    opacity: 1; }
  64% {
    top: 0px;
    opacity: 1; }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefive {
  0% {
    top: -325px;
    opacity: 0; }
  76% {
    top: -325px;
    opacity: 0; }
  80% {
    top: 0px;
    opacity: 1; }
  84% {
    top: 0px;
    opacity: 1; }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0; } }
@keyframes cycle {
  0% {
    top: 0px; }
  4% {
    top: 0px; }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@keyframes cycletwo {
  0% {
    top: -325px;
    opacity: 0; }
  16% {
    top: -325px;
    opacity: 0; }
  20% {
    top: 0px;
    opacity: 1; }
  24% {
    top: 0px;
    opacity: 1; }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclethree {
  0% {
    top: -325px;
    opacity: 0; }
  36% {
    top: -325px;
    opacity: 0; }
  40% {
    top: 0px;
    opacity: 1; }
  44% {
    top: 0px;
    opacity: 1; }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefour {
  0% {
    top: -325px;
    opacity: 0; }
  56% {
    top: -325px;
    opacity: 0; }
  60% {
    top: 0px;
    opacity: 1; }
  64% {
    top: 0px;
    opacity: 1; }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefive {
  0% {
    top: -325px;
    opacity: 0; }
  76% {
    top: -325px;
    opacity: 0; }
  80% {
    top: 0px;
    opacity: 1; }
  84% {
    top: 0px;
    opacity: 1; }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0; } }
/* ANIMATION BAR */
@-moz-keyframes fullexpand {
  0%, 20%, 40%, 60%, 80%, 100% {
    width: 0%;
    opacity: 0; }
  4%, 24%, 44%, 64%, 84% {
    width: 0%;
    opacity: 0.3; }
  16%, 36%, 56%, 76%, 96% {
    width: 100%;
    opacity: 0.7; }
  17%, 37%, 57%, 77%, 97% {
    width: 100%;
    opacity: 0.3; }
  18%, 38%, 58%, 78%, 98% {
    width: 100%;
    opacity: 0; } }
@-webkit-keyframes fullexpand {
  0%, 20%, 40%, 60%, 80%, 100% {
    width: 0%;
    opacity: 0; }
  4%, 24%, 44%, 64%, 84% {
    width: 0%;
    opacity: 0.3; }
  16%, 36%, 56%, 76%, 96% {
    width: 100%;
    opacity: 0.7; }
  17%, 37%, 57%, 77%, 97% {
    width: 100%;
    opacity: 0.3; }
  18%, 38%, 58%, 78%, 98% {
    width: 100%;
    opacity: 0; } }
.slider2 {
  margin-top: 20px; }
  @media (min-width: 578px) {
    .slider2 {
      margin-top: 0; } }
  .slider2 #slider2 li.firstanimation2 {
    -moz-animation: cycle2 200s linear infinite;
    -webkit-animation: cycle2 200s linear infinite;
    animation: cycle2 200s linear infinite;
    background-color: #ff6f32; }
  .slider2 #slider2 li.secondanimation2 {
    -moz-animation: cycletwo2 200s linear infinite;
    -webkit-animation: cycletwo2 200s linear infinite;
    animation: cycletwo2 200s linear infinite; }
  .slider2 #slider2 li.thirdanimation2 {
    -moz-animation: cyclethree2 200s linear infinite;
    -webkit-animation: cyclethree2 200s linear infinite;
    animation: cyclethree2 200s linear infinite; }
  .slider2 #slider2 li.fourthanimation2 {
    -moz-animation: cyclefour2 200s linear infinite;
    -webkit-animation: cyclefour2 200s linear infinite;
    animation: cyclefour2 200s linear infinite; }
  .slider2 #slider2 li.fifthanimation2 {
    -moz-animation: cyclefive2 200s linear infinite;
    -webkit-animation: cyclefive2 200s linear infinite;
    animation: cyclefive2 200s linear infinite;
    background-color: #000056; }
  .slider2 #slider2 li.sixthanimation2 {
    -moz-animation: cyclesix2 200s linear infinite;
    -webkit-animation: cyclesix2 200s linear infinite;
    animation: cyclesix2 200s linear infinite; }
  .slider2 #slider2 li.seventhanimation2 {
    -moz-animation: cycleseven2 200s linear infinite;
    -webkit-animation: cycleseven2 200s linear infinite;
    animation: cycleseven2 200s linear infinite; }
  .slider2 #slider2 li.eighthanimation2 {
    -moz-animation: cycleeight2 200s linear infinite;
    -webkit-animation: cycleeight2 200s linear infinite;
    animation: cycleeight2 200s linear infinite; }
  .slider2 #slider2 li.ninthanimation2 {
    -moz-animation: cyclenine2 200s linear infinite;
    -webkit-animation: cyclenine2 200s linear infinite;
    animation: cyclenine2 200s linear infinite;
    background-color: #fcae25; }
  .slider2 #slider2 li.tenthanimation2 {
    -moz-animation: cycleten 200s linear infinite;
    -webkit-animation: cycleten2 200s linear infinite;
    animation: cycleten2 200s linear infinite; }
  .slider2 #slider2 li.eleventhanimation2 {
    -moz-animation: cycleeleven2 200s linear infinite;
    -webkit-animation: cycleeleven2 200s linear infinite;
    animation: cycleeleven2 200s linear infinite; }
  .slider2 #slider2 li.twelthanimation2 {
    -moz-animation: cycletwelve2 200s linear infinite;
    -webkit-animation: cycletwelve2 200s linear infinite;
    animation: cycletwelve2 200s linear infinite; }
  .slider2 #slider2 li.thirteenthanimation2 {
    -moz-animation: cyclethirteen2 200s linear infinite;
    -webkit-animation: cyclethirteen2 200s linear infinite;
    animation: cyclethirteen2 200s linear infinite; }
  .slider2 #slider2 li.fourteenthanimation2 {
    -moz-animation: cyclefourteen2 200s linear infinite;
    -webkit-animation: cyclefourteen2 200s linear infinite;
    animation: cyclefourteen2 200s linear infinite; }
  .slider2 #slider2 li.fifteenthanimation2 {
    -moz-animation: cyclefifteen2 200s linear infinite;
    -webkit-animation: cyclefifteen2 200s linear infinite;
    animation: cyclefifteen2 200s linear infinite; }
  .slider2 #slider2 li.sixteenthanimation2 {
    -moz-animation: cyclesixteen2 200s linear infinite;
    -webkit-animation: cyclesixteen2 200s linear infinite;
    animation: cyclesixteen2 200s linear infinite; }
  .slider2 #slider2 li.seventeenthanimation2 {
    -moz-animation: cycleseventeen2 200s linear infinite;
    -webkit-animation: cycleseventeen2 200s linear infinite;
    animation: cycleseventeen2 200s linear infinite; }
  .slider2 #slider2 li.eighteenthanimation2 {
    -moz-animation: cycleeighteen2 200s linear infinite;
    -webkit-animation: cycleeighteen2 200s linear infinite;
    animation: cycleeighteen2 200s linear infinite; }
  .slider2 #slider2 li.nineteenthanimation2 {
    -moz-animation: cyclenineteen2 200s linear infinite;
    -webkit-animation: cyclenineteen2 200s linear infinite;
    animation: cyclenineteen2 200s linear infinite; }
  .slider2 #slider2 li.twentiethanimation2 {
    -moz-animation: cycletwenty2 200s linear infinite;
    -webkit-animation: cycletwenty2 200s linear infinite;
    animation: cycletwenty2 200s linear infinite; }
  .slider2 #slider2 li.twentyfirstanimation2 {
    -moz-animation: cycleetwentyone2 200s linear infinite;
    -webkit-animation: cycleetwentyone2 200s linear infinite;
    animation: cycleetwentyone2 200s linear infinite; }
  .slider2 #slider2 li.twentysecondanimation2 {
    -moz-animation: cycletwentytwo2 200s linear infinite;
    -webkit-animation: cycletwentytwo2 200s linear infinite;
    animation: cycletwentytwo2 200s linear infinite; }
  .slider2 #slider2 li.twentythirdanimation2 {
    -moz-animation: cycletwentythree2 200s linear infinite;
    -webkit-animation: cycletwentythree2 200s linear infinite;
    animation: cycletwentythree2 200s linear infinite; }
@keyframes cycle2 {
  0% {
    top: 0px; }
  2% {
    top: 0px; }
  4.0% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  5.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  13% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  15% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@keyframes cycletwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  4% {
    top: -325px;
    opacity: 0; }
  5.5% {
    top: 0px;
    opacity: 1; }
  7% {
    top: 0px;
    opacity: 1; }
  8.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  10% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclethree2 {
  0% {
    top: -325px;
    opacity: 0; }
  8.5% {
    top: -325px;
    opacity: 0; }
  10% {
    top: 0px;
    opacity: 1; }
  11.5% {
    top: 0px;
    opacity: 1; }
  13% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  14.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefour2 {
  0% {
    top: -325px;
    opacity: 0; }
  13% {
    top: -325px;
    opacity: 0; }
  14.5% {
    top: 0px;
    opacity: 1; }
  16% {
    top: 0px;
    opacity: 1; }
  17.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  19% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefive2 {
  0% {
    top: -325px;
    opacity: 0; }
  17.5% {
    top: -325px;
    opacity: 0; }
  19% {
    top: 0px;
    opacity: 1; }
  20.5% {
    top: 0px;
    opacity: 1; }
  22% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  23.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclesix2 {
  0% {
    top: -325px;
    opacity: 0; }
  22% {
    top: -325px;
    opacity: 0; }
  23.5% {
    top: 0px;
    opacity: 1; }
  25% {
    top: 0px;
    opacity: 1; }
  26.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  28% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleseven2 {
  0% {
    top: -325px;
    opacity: 0; }
  26.5% {
    top: -325px;
    opacity: 0; }
  28% {
    top: 0px;
    opacity: 1; }
  29.5% {
    top: 0px;
    opacity: 1; }
  31% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  32.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleeight2 {
  0% {
    top: -325px;
    opacity: 0; }
  31% {
    top: -325px;
    opacity: 0; }
  32.5% {
    top: 0px;
    opacity: 1; }
  34% {
    top: 0px;
    opacity: 1; }
  35.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  37% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclenine2 {
  0% {
    top: -325px;
    opacity: 0; }
  35.5% {
    top: -325px;
    opacity: 0; }
  37% {
    top: 0px;
    opacity: 1; }
  38.5% {
    top: 0px;
    opacity: 1; }
  40% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  41.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleten2 {
  0% {
    top: -325px;
    opacity: 0; }
  40% {
    top: -325px;
    opacity: 0; }
  41.5% {
    top: 0px;
    opacity: 1; }
  43% {
    top: 0px;
    opacity: 1; }
  44.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  46% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleeleven2 {
  0% {
    top: -325px;
    opacity: 0; }
  44.5% {
    top: -325px;
    opacity: 0; }
  46% {
    top: 0px;
    opacity: 1; }
  47.5% {
    top: 0px;
    opacity: 1; }
  49% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  50.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  49% {
    top: -325px;
    opacity: 0; }
  50.5% {
    top: 0px;
    opacity: 1; }
  52% {
    top: 0px;
    opacity: 1; }
  53.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  55% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  53.5% {
    top: -325px;
    opacity: 0; }
  55% {
    top: 0px;
    opacity: 1; }
  56.5% {
    top: 0px;
    opacity: 1; }
  58% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  59.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclethirteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  58% {
    top: -325px;
    opacity: 0; }
  59.5% {
    top: 0px;
    opacity: 1; }
  61% {
    top: 0px;
    opacity: 1; }
  62.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  64% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefourteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  62.5% {
    top: -325px;
    opacity: 0; }
  64% {
    top: 0px;
    opacity: 1; }
  65.5% {
    top: 0px;
    opacity: 1; }
  67% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  69.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefifteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  67% {
    top: -325px;
    opacity: 0; }
  69.5% {
    top: 0px;
    opacity: 1; }
  71% {
    top: 0px;
    opacity: 1; }
  72.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  74% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclesixteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  72.5% {
    top: -325px;
    opacity: 0; }
  74% {
    top: 0px;
    opacity: 1; }
  75.5% {
    top: 0px;
    opacity: 1; }
  77% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  78.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleseventeen2 {
  0% {
    top: -325px;
    opacity: 0; }
  77% {
    top: -325px;
    opacity: 0; }
  78% {
    top: 0px;
    opacity: 1; }
  79% {
    top: 0px;
    opacity: 1; }
  80% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  81% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycleeighteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  80% {
    top: -325px;
    opacity: 0; }
  81% {
    top: 0px;
    opacity: 1; }
  82% {
    top: 0px;
    opacity: 1; }
  83% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  84% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclenineteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  83% {
    top: -325px;
    opacity: 0; }
  84% {
    top: 0px;
    opacity: 1; }
  85% {
    top: 0px;
    opacity: 1; }
  86% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  87% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwenty2 {
  0% {
    top: -325px;
    opacity: 0; }
  86% {
    top: -325px;
    opacity: 0; }
  87% {
    top: 0px;
    opacity: 1; }
  88% {
    top: 0px;
    opacity: 1; }
  89% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  90% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwentyone2 {
  0% {
    top: -325px;
    opacity: 0; }
  89% {
    top: -325px;
    opacity: 0; }
  90% {
    top: 0px;
    opacity: 1; }
  91% {
    top: 0px;
    opacity: 1; }
  92% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  93% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwentytwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  92% {
    top: -325px;
    opacity: 0; }
  93% {
    top: 0px;
    opacity: 1; }
  94% {
    top: 0px;
    opacity: 1; }
  95% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  96% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwentythree2 {
  0% {
    top: -325px;
    opacity: 0; }
  95% {
    top: -325px;
    opacity: 0; }
  96% {
    top: 0px;
    opacity: 1; }
  97% {
    top: 0px;
    opacity: 1; }
  98% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  99% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  99.5% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycle2 {
  0% {
    top: 0px; }
  2% {
    top: 0px; }
  4.0% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  5.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  13% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  15% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-webkit-keyframes cycletwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  4% {
    top: -325px;
    opacity: 0; }
  5.5% {
    top: 0px;
    opacity: 1; }
  7% {
    top: 0px;
    opacity: 1; }
  8.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  10% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclethree2 {
  0% {
    top: -325px;
    opacity: 0; }
  8.5% {
    top: -325px;
    opacity: 0; }
  10% {
    top: 0px;
    opacity: 1; }
  11.5% {
    top: 0px;
    opacity: 1; }
  13% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  14.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefour2 {
  0% {
    top: -325px;
    opacity: 0; }
  13% {
    top: -325px;
    opacity: 0; }
  14.5% {
    top: 0px;
    opacity: 1; }
  16% {
    top: 0px;
    opacity: 1; }
  17.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  19% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefive2 {
  0% {
    top: -325px;
    opacity: 0; }
  17.5% {
    top: -325px;
    opacity: 0; }
  19% {
    top: 0px;
    opacity: 1; }
  20.5% {
    top: 0px;
    opacity: 1; }
  22% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  23.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclesix2 {
  0% {
    top: -325px;
    opacity: 0; }
  22% {
    top: -325px;
    opacity: 0; }
  23.5% {
    top: 0px;
    opacity: 1; }
  25% {
    top: 0px;
    opacity: 1; }
  26.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  28% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleseven2 {
  0% {
    top: -325px;
    opacity: 0; }
  26.5% {
    top: -325px;
    opacity: 0; }
  28% {
    top: 0px;
    opacity: 1; }
  29.5% {
    top: 0px;
    opacity: 1; }
  31% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  32.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleeight2 {
  0% {
    top: -325px;
    opacity: 0; }
  31% {
    top: -325px;
    opacity: 0; }
  32.5% {
    top: 0px;
    opacity: 1; }
  34% {
    top: 0px;
    opacity: 1; }
  35.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  37% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclenine2 {
  0% {
    top: -325px;
    opacity: 0; }
  35.5% {
    top: -325px;
    opacity: 0; }
  37% {
    top: 0px;
    opacity: 1; }
  38.5% {
    top: 0px;
    opacity: 1; }
  40% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  41.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleten2 {
  0% {
    top: -325px;
    opacity: 0; }
  40% {
    top: -325px;
    opacity: 0; }
  41.5% {
    top: 0px;
    opacity: 1; }
  43% {
    top: 0px;
    opacity: 1; }
  44.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  46% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleeleven2 {
  0% {
    top: -325px;
    opacity: 0; }
  44.5% {
    top: -325px;
    opacity: 0; }
  46% {
    top: 0px;
    opacity: 1; }
  47.5% {
    top: 0px;
    opacity: 1; }
  49% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  50.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  49% {
    top: -325px;
    opacity: 0; }
  50.5% {
    top: 0px;
    opacity: 1; }
  52% {
    top: 0px;
    opacity: 1; }
  53.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  55% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  53.5% {
    top: -325px;
    opacity: 0; }
  55% {
    top: 0px;
    opacity: 1; }
  56.5% {
    top: 0px;
    opacity: 1; }
  58% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  59.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclethirteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  58% {
    top: -325px;
    opacity: 0; }
  59.5% {
    top: 0px;
    opacity: 1; }
  61% {
    top: 0px;
    opacity: 1; }
  62.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  64% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefourteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  62.5% {
    top: -325px;
    opacity: 0; }
  64% {
    top: 0px;
    opacity: 1; }
  65.5% {
    top: 0px;
    opacity: 1; }
  67% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  69.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefifteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  67% {
    top: -325px;
    opacity: 0; }
  69.5% {
    top: 0px;
    opacity: 1; }
  71% {
    top: 0px;
    opacity: 1; }
  72.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  74% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclesixteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  72.5% {
    top: -325px;
    opacity: 0; }
  74% {
    top: 0px;
    opacity: 1; }
  75.5% {
    top: 0px;
    opacity: 1; }
  77% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  78.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleseventeen2 {
  0% {
    top: -325px;
    opacity: 0; }
  77% {
    top: -325px;
    opacity: 0; }
  78% {
    top: 0px;
    opacity: 1; }
  79% {
    top: 0px;
    opacity: 1; }
  80% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  81% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycleeighteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  80% {
    top: -325px;
    opacity: 0; }
  81% {
    top: 0px;
    opacity: 1; }
  82% {
    top: 0px;
    opacity: 1; }
  83% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  84% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclenineteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  83% {
    top: -325px;
    opacity: 0; }
  84% {
    top: 0px;
    opacity: 1; }
  85% {
    top: 0px;
    opacity: 1; }
  86% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  87% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwenty2 {
  0% {
    top: -325px;
    opacity: 0; }
  86% {
    top: -325px;
    opacity: 0; }
  87% {
    top: 0px;
    opacity: 1; }
  88% {
    top: 0px;
    opacity: 1; }
  89% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  90% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwentyone2 {
  0% {
    top: -325px;
    opacity: 0; }
  89% {
    top: -325px;
    opacity: 0; }
  90% {
    top: 0px;
    opacity: 1; }
  91% {
    top: 0px;
    opacity: 1; }
  92% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  93% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwentytwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  92% {
    top: -325px;
    opacity: 0; }
  93% {
    top: 0px;
    opacity: 1; }
  94% {
    top: 0px;
    opacity: 1; }
  95% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  96% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cycletwentythree2 {
  0% {
    top: -325px;
    opacity: 0; }
  95% {
    top: -325px;
    opacity: 0; }
  96% {
    top: 0px;
    opacity: 1; }
  97% {
    top: 0px;
    opacity: 1; }
  98% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  99% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  99.5% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycle2 {
  0% {
    top: 0px; }
  2% {
    top: 0px; }
  4.0% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  5.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  13% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  15% {
    top: -325px;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -325px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-moz-keyframes cycletwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  4% {
    top: -325px;
    opacity: 0; }
  5.5% {
    top: 0px;
    opacity: 1; }
  7% {
    top: 0px;
    opacity: 1; }
  8.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  10% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclethree2 {
  0% {
    top: -325px;
    opacity: 0; }
  8.5% {
    top: -325px;
    opacity: 0; }
  10% {
    top: 0px;
    opacity: 1; }
  11.5% {
    top: 0px;
    opacity: 1; }
  13% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  14.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefour2 {
  0% {
    top: -325px;
    opacity: 0; }
  13% {
    top: -325px;
    opacity: 0; }
  14.5% {
    top: 0px;
    opacity: 1; }
  16% {
    top: 0px;
    opacity: 1; }
  17.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  19% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefive2 {
  0% {
    top: -325px;
    opacity: 0; }
  17.5% {
    top: -325px;
    opacity: 0; }
  19% {
    top: 0px;
    opacity: 1; }
  20.5% {
    top: 0px;
    opacity: 1; }
  22% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  23.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclesix2 {
  0% {
    top: -325px;
    opacity: 0; }
  22% {
    top: -325px;
    opacity: 0; }
  23.5% {
    top: 0px;
    opacity: 1; }
  25% {
    top: 0px;
    opacity: 1; }
  26.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  28% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleseven2 {
  0% {
    top: -325px;
    opacity: 0; }
  26.5% {
    top: -325px;
    opacity: 0; }
  28% {
    top: 0px;
    opacity: 1; }
  29.5% {
    top: 0px;
    opacity: 1; }
  31% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  32.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleeight2 {
  0% {
    top: -325px;
    opacity: 0; }
  31% {
    top: -325px;
    opacity: 0; }
  32.5% {
    top: 0px;
    opacity: 1; }
  34% {
    top: 0px;
    opacity: 1; }
  35.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  37% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclenine2 {
  0% {
    top: -325px;
    opacity: 0; }
  35.5% {
    top: -325px;
    opacity: 0; }
  37% {
    top: 0px;
    opacity: 1; }
  38.5% {
    top: 0px;
    opacity: 1; }
  40% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  41.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleten2 {
  0% {
    top: -325px;
    opacity: 0; }
  40% {
    top: -325px;
    opacity: 0; }
  41.5% {
    top: 0px;
    opacity: 1; }
  43% {
    top: 0px;
    opacity: 1; }
  44.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  46% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleeleven2 {
  0% {
    top: -325px;
    opacity: 0; }
  44.5% {
    top: -325px;
    opacity: 0; }
  46% {
    top: 0px;
    opacity: 1; }
  47.5% {
    top: 0px;
    opacity: 1; }
  49% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  50.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  49% {
    top: -325px;
    opacity: 0; }
  50.5% {
    top: 0px;
    opacity: 1; }
  52% {
    top: 0px;
    opacity: 1; }
  53.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  55% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwelve2 {
  0% {
    top: -325px;
    opacity: 0; }
  53.5% {
    top: -325px;
    opacity: 0; }
  55% {
    top: 0px;
    opacity: 1; }
  56.5% {
    top: 0px;
    opacity: 1; }
  58% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  59.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclethirteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  58% {
    top: -325px;
    opacity: 0; }
  59.5% {
    top: 0px;
    opacity: 1; }
  61% {
    top: 0px;
    opacity: 1; }
  62.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  64% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefourteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  62.5% {
    top: -325px;
    opacity: 0; }
  64% {
    top: 0px;
    opacity: 1; }
  65.5% {
    top: 0px;
    opacity: 1; }
  67% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  69.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclefifteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  67% {
    top: -325px;
    opacity: 0; }
  69.5% {
    top: 0px;
    opacity: 1; }
  71% {
    top: 0px;
    opacity: 1; }
  72.5% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  74% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  80% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclesixteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  72.5% {
    top: -325px;
    opacity: 0; }
  74% {
    top: 0px;
    opacity: 1; }
  75.5% {
    top: 0px;
    opacity: 1; }
  77% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  78.5% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleseventeen2 {
  0% {
    top: -325px;
    opacity: 0; }
  77% {
    top: -325px;
    opacity: 0; }
  78% {
    top: 0px;
    opacity: 1; }
  79% {
    top: 0px;
    opacity: 1; }
  80% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  81% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycleeighteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  80% {
    top: -325px;
    opacity: 0; }
  81% {
    top: 0px;
    opacity: 1; }
  82% {
    top: 0px;
    opacity: 1; }
  83% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  84% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  90% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cyclenineteen2 {
  0% {
    top: -325px;
    opacity: 0; }
  83% {
    top: -325px;
    opacity: 0; }
  84% {
    top: 0px;
    opacity: 1; }
  85% {
    top: 0px;
    opacity: 1; }
  86% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  87% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwenty2 {
  0% {
    top: -325px;
    opacity: 0; }
  86% {
    top: -325px;
    opacity: 0; }
  87% {
    top: 0px;
    opacity: 1; }
  88% {
    top: 0px;
    opacity: 1; }
  89% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  90% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwentyone2 {
  0% {
    top: -325px;
    opacity: 0; }
  89% {
    top: -325px;
    opacity: 0; }
  90% {
    top: 0px;
    opacity: 1; }
  91% {
    top: 0px;
    opacity: 1; }
  92% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  93% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwentytwo2 {
  0% {
    top: -325px;
    opacity: 0; }
  92% {
    top: -325px;
    opacity: 0; }
  93% {
    top: 0px;
    opacity: 1; }
  94% {
    top: 0px;
    opacity: 1; }
  95% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  96% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  98% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
@-moz-keyframes cycletwentythree2 {
  0% {
    top: -325px;
    opacity: 0; }
  95% {
    top: -325px;
    opacity: 0; }
  96% {
    top: 0px;
    opacity: 1; }
  97% {
    top: 0px;
    opacity: 1; }
  98% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  99% {
    top: 325px;
    opacity: 0;
    z-index: 0; }
  99.5% {
    top: -325px;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1; } }
footer {
  background: #239ac5;
  width: 100%;
  padding: 20px 0; }
  footer .custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px 20px;
    width: 100%; }
    footer .custom .facebook {
      width: 100%;
      margin-bottom: 20px;
      text-align: center; }
      @media (min-width: 578px) {
        footer .custom .facebook {
          width: 48%; } }
      @media (min-width: 992px) {
        footer .custom .facebook {
          width: 308px;
          margin-bottom: 0;
          text-align: left; } }
      @media (min-width: 1600px) {
        footer .custom .facebook {
          width: 508px;
          margin-bottom: 20px; } }
    footer .custom .footer-right {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: space-between; }
      footer .custom .footer-right .accreditations {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        footer .custom .footer-right .accreditations img {
          margin-bottom: 10px; }
          @media (min-width: 992px) {
            footer .custom .footer-right .accreditations img {
              margin-left: 20px;
              margin-bottom: 0; } }
        @media (min-width: 578px) {
          footer .custom .footer-right .accreditations {
            justify-content: flex-end; } }
      @media (min-width: 578px) {
        footer .custom .footer-right {
          text-align: right;
          width: 48%; } }
      @media (min-width: 992px) {
        footer .custom .footer-right {
          text-align: right;
          width: calc(100% - 308px); } }
      @media (min-width: 1200px) {
        footer .custom .footer-right {
          width: calc(100% - 508px); } }
    @media (min-width: 992px) {
      footer .custom {
        padding: 0 60px 40px; } }
    @media (min-width: 1200px) {
      footer .custom {
        padding: 0 70px 40px; } }
  footer .icons {
    display: inline-block; }
    footer .icons ul {
      display: block;
      list-style-type: none;
      padding-left: 0;
      margin: 10px 0; }
      footer .icons ul li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 5px; }
        footer .icons ul li img {
          max-height: 30px; }
          @media (min-width: 578px) {
            footer .icons ul li img {
              max-height: 40px; } }
          @media (min-width: 992px) {
            footer .icons ul li img {
              max-height: 100%; } }
        @media (min-width: 1200px) {
          footer .icons ul li {
            padding-right: 10px; } }
      @media (min-width: 992px) {
        footer .icons ul {
          margin: 0; } }
  footer .office {
    text-align: left;
    width: 100%; }
    footer .office ul {
      list-style-type: none;
      display: block;
      padding: 0;
      margin-bottom: 0; }
      footer .office ul li {
        display: inline-block;
        color: white;
        font-size: 1.2em; }
        footer .office ul li a {
          color: white;
          text-decoration: none; }
          footer .office ul li a:hover {
            color: #2b4360; }
        @media (min-width: 992px) {
          footer .office ul li {
            font-size: 1.3em; } }
        @media (min-width: 1200px) {
          footer .office ul li {
            font-size: 1.4em;
            margin-left: 20px; } }
        @media (min-width: 1600px) {
          footer .office ul li {
            font-size: 1.5em; } }
    @media (min-width: 1200px) {
      footer .office {
        margin-top: -40px;
        text-align: right;
        width: 70%;
        margin-left: 30%; } }
    @media (min-width: 1600px) {
      footer .office {
        width: 100%;
        margin-top: -60px; } }
  footer .footer-bar {
    background: #2b4360;
    width: 100%;
    padding: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; }
    footer .footer-bar .custom {
      width: 100%;
      padding: 0; }
      footer .footer-bar .custom .icons {
        margin: 0 auto; }
        footer .footer-bar .custom .icons ul {
          list-style-type: none;
          padding: 0; }
          footer .footer-bar .custom .icons ul li {
            display: inline-block;
            border-left: none;
            margin-left: 0;
            padding-left: 0; }
        @media (min-width: 1200px) {
          footer .footer-bar .custom .icons {
            margin: 0 auto 0 0; } }
      @media (min-width: 1200px) {
        footer .footer-bar .custom {
          width: 20%; } }
    footer .footer-bar .footer-menu {
      list-style-type: none;
      padding: 0;
      width: 100%;
      margin: auto 0; }
      footer .footer-bar .footer-menu li {
        border-color: white; }
        footer .footer-bar .footer-menu li a {
          color: white;
          text-decoration: none; }
          footer .footer-bar .footer-menu li a:hover {
            color: #00adef; }
        @media (min-width: 578px) {
          footer .footer-bar .footer-menu li {
            display: inline-block;
            width: 49%;
            margin: 10px 0; } }
        @media (min-width: 768px) {
          footer .footer-bar .footer-menu li {
            width: auto;
            margin: 10px 0 10px 5px;
            padding-left: 5px; } }
        @media (min-width: 992px) {
          footer .footer-bar .footer-menu li {
            width: auto;
            padding-left: 10px;
            margin: 10px 0 10px 10px; } }
      @media (min-width: 768px) {
        footer .footer-bar .footer-menu {
          text-align: center; } }
      @media (min-width: 1200px) {
        footer .footer-bar .footer-menu {
          width: 80%;
          text-align: right; } }
    @media (min-width: 992px) {
      footer .footer-bar {
        padding: 20px 60px; } }
    @media (min-width: 1200px) {
      footer .footer-bar {
        padding: 20px 70px; } }
  footer .edit {
    text-align: center;
    padding: 20px 0 0;
    color: white; }
    footer .edit a {
      color: white;
      text-decoration: none; }
      footer .edit a:hover {
        color: #fbcc6e; }
    @media (min-width: 992px) {
      footer .edit {
        text-align: right;
        padding: 20px 60px 0 0; } }
    @media (min-width: 1200px) {
      footer .edit {
        text-align: right;
        padding: 20px 70px 0 0; } }
  @media (min-width: 992px) {
    footer {
      padding: 60px 0 20px; } }

@media all and (-ms-high-contrast: none) and (max-height: 800px) and (min-width: 1200px), (-ms-high-contrast: active) and (max-height: 800px) and (min-width: 1200px) {
  .top {
    position: relative;
    margin-top: 0;
    margin-top: -212px; } }
@media all and (-ms-high-contrast: none) and (max-height: 800px) and (min-width: 1600px), (-ms-high-contrast: active) and (max-height: 800px) and (min-width: 1600px) {
  .top {
    margin-top: -212px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .accreditations img {
    max-width: auto;
    width: 100%; } }
  @media all and (-ms-high-contrast: none) and (min-width: 350px), (-ms-high-contrast: active) and (min-width: 350px) {
    .accreditations img {
      max-width: 100%;
      width: auto; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .accreditations img:nth-child(2) {
    max-width: 111px; } }
@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  footer .footer-bar .footer-menu {
    margin: 1em 0; } }

/* Windows 10 Spartan (Preview) @supports method */
/*------Specific style for IE11---------*/
#adminForm .tab-content #images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px 0; }
  #adminForm .tab-content #images .control-group {
    width: 100%; }
  @media (min-width: 992px) {
    #adminForm .tab-content #images .control-group {
      width: 20%; }
      #adminForm .tab-content #images .control-group .inputbox {
        width: 100%; }
      #adminForm .tab-content #images .control-group .media-preview {
        width: 30px; }
      #adminForm .tab-content #images .control-group #jform_images_image_intro, #adminForm .tab-content #images .control-group #jform_images_image_fulltext {
        width: calc(100% - 100px); }
      #adminForm .tab-content #images .control-group .input-prepend {
        display: flex;
        flex-wrap: wrap; }
        #adminForm .tab-content #images .control-group .input-prepend .btn {
          margin-left: 5px; }
    #adminForm .tab-content #images .control-group:first-child,
    #adminForm .tab-content #images .control-group:nth-child(5) {
      width: 32%; } }
#adminForm .tab-content #publishing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px; }
  #adminForm .tab-content #publishing .control-group {
    width: 100%; }
  @media (min-width: 992px) {
    #adminForm .tab-content #publishing .control-group {
      width: 20%; }
    #adminForm .tab-content #publishing .control-group:first-child {
      width: 32%; } }
#adminForm .tab-content a {
  color: #646464; }
#adminForm fieldset {
  padding: 30px; }
#adminForm .btn-toolbar {
  margin: 20px 0; }
  #adminForm .btn-toolbar .btn-group {
    width: auto;
    display: inline-block; }
    #adminForm .btn-toolbar .btn-group button {
      border: none;
      background: #239ac5;
      padding: 5px 10px;
      color: white; }
      #adminForm .btn-toolbar .btn-group button i {
        color: white; }
      #adminForm .btn-toolbar .btn-group button:hover {
        background: #2b4360; }
  #adminForm .btn-toolbar .btn-group:nth-child(3) {
    display: block; }
  #adminForm .btn-toolbar .chzn-single {
    border: 1px solid #00adef;
    padding: 5px 10px;
    background: white;
    height: 33px;
    border-radius: 0; }
    #adminForm .btn-toolbar .chzn-single div b {
      margin-top: 5px; }
#adminForm .chzn-results {
  padding-left: 0 !important; }
  #adminForm .chzn-results .active-result {
    font-size: 16px !important; }
#adminForm #filter-bar {
  display: flex;
  justify-content: space-between; }

.jg_userpanelview .jg-quick-edit-row .row-fluid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 {
    width: 175px; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 .img-polaroid {
      margin: 20px; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 a {
      margin: 20px;
      display: block; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 a .img-polaroid {
        margin: 0; }
  .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 {
    width: calc(100% - 175px);
    margin-top: 20px; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 label, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .jg-editor-wrapper {
      width: 100%; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span3, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span9 {
      margin: 5px 0; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span3 input, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span9 input {
        width: 100%; }

[id^="jg-title-row"] td {
  width: 10%; }
[id^="jg-title-row"] td:first-child {
  width: 2%; }
[id^="jg-title-row"] td:nth-child(2) {
  width: 11%; }
[id^="jg-title-row"] td:nth-child(3) {
  width: 4%; }
[id^="jg-title-row"] td:nth-child(4) {
  width: 45%; }
[id^="jg-title-row"] td:nth-child(5) {
  width: 20%; }
[id^="jg-title-row"] td:nth-child(6) {
  width: 20%; }
  [id^="jg-title-row"] td:nth-child(6) .pull-left {
    width: 30px;
    display: inline-block; }

#imageList thead th {
  width: 10%; }
#imageList thead th:first-child {
  width: 2%; }
#imageList thead th:nth-child(2) {
  width: 11%;
  text-align: left; }
#imageList thead th:nth-child(3) {
  width: 4%; }
#imageList thead th:nth-child(4) {
  width: 45%;
  text-align: left; }
#imageList thead th:nth-child(5) {
  width: 20%;
  text-align: left; }
#imageList thead th:nth-child(6) {
  width: 10%;
  text-align: left; }

#editor .span6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 10px; }
#editor #jform_title {
  width: 45%; }

#jform_publish_up, #jform_publish_down {
  width: calc(100% - 40px); }

.icon-cog {
  display: none; }
  .icon-cog:before {
    display: none; }

.dropdown-menu {
  list-style-type: none;
  padding-left: 0 !important; }
  .dropdown-menu .edit-icon span {
    margin-right: 15px; }

#versionsModal {
  width: 100%; }

@font-face {
  font-family: 'IcoMoon';
  src: url("../../../media/jui/fonts/IcoMoon.eot");
  src: url("../../../media/jui/fonts/IcoMoon.eot?#iefix") format("embedded-opentype"), url("../../../media/jui/fonts/IcoMoon.woff") format("woff"), url("../../../media/jui/fonts/IcoMoon.ttf") format("truetype"), url("../../../media/jui/fonts/IcoMoon.svg#IcoMoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none; }

[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal; }

.icon-joomla:before {
  content: "\e200"; }

.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
  content: "\e005"; }

.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
  content: "\e006"; }

.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
  content: "\e007"; }

.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
  content: "\e008"; }

.icon-arrow-first:before {
  content: "\e003"; }

.icon-arrow-last:before {
  content: "\e004"; }

.icon-arrow-up-2:before {
  content: "\e009"; }

.icon-arrow-right-2:before {
  content: "\e00a"; }

.icon-arrow-down-2:before {
  content: "\e00b"; }

.icon-arrow-left-2:before {
  content: "\e00c"; }

.icon-arrow-up-3:before {
  content: "\e00f"; }

.icon-arrow-right-3:before {
  content: "\e010"; }

.icon-arrow-down-3:before {
  content: "\e011"; }

.icon-arrow-left-3:before {
  content: "\e012"; }

.icon-menu-2:before {
  content: "\e00e"; }

.icon-arrow-up-4:before {
  content: "\e201"; }

.icon-arrow-right-4:before {
  content: "\e202"; }

.icon-arrow-down-4:before {
  content: "\e203"; }

.icon-arrow-left-4:before {
  content: "\e204"; }

.icon-share:before,
.icon-redo:before {
  content: "\27"; }

.icon-undo:before {
  content: "\28"; }

.icon-forward-2:before {
  content: "\e205"; }

.icon-backward-2:before,
.icon-reply:before {
  content: "\e206"; }

.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
  content: "\6c"; }

.icon-undo-2:before {
  content: "\e207"; }

.icon-move:before {
  content: "\7a"; }

.icon-expand:before {
  content: "\66"; }

.icon-contract:before {
  content: "\67"; }

.icon-expand-2:before {
  content: "\68"; }

.icon-contract-2:before {
  content: "\69"; }

.icon-play:before {
  content: "\e208"; }

.icon-pause:before {
  content: "\e209"; }

.icon-stop:before {
  content: "\e210"; }

.icon-previous:before,
.icon-backward:before {
  content: "\7c"; }

.icon-next:before,
.icon-forward:before {
  content: "\7b"; }

.icon-first:before {
  content: "\7d"; }

.icon-last:before {
  content: "\e000"; }

.icon-play-circle:before {
  content: "\e00d"; }

.icon-pause-circle:before {
  content: "\e211"; }

.icon-stop-circle:before {
  content: "\e212"; }

.icon-backward-circle:before {
  content: "\e213"; }

.icon-forward-circle:before {
  content: "\e214"; }

.icon-loop:before {
  content: "\e001"; }

.icon-shuffle:before {
  content: "\e002"; }

.icon-search:before {
  content: "\53"; }

.icon-zoom-in:before {
  content: "\64"; }

.icon-zoom-out:before {
  content: "\65"; }

.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b"; }

.icon-pencil-2:before {
  content: "\2c"; }

.icon-brush:before {
  content: "\3b"; }

.icon-save-new:before,
.icon-plus-2:before {
  content: "\5d"; }

.icon-minus-sign:before,
.icon-minus-2:before {
  content: "\5e"; }

.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
  content: "\49"; }

.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
  content: "\47"; }

.icon-new:before,
.icon-plus:before {
  content: "\2a"; }

.icon-plus-circle:before {
  content: "\e215"; }

.icon-minus:before,
.icon-not-ok:before {
  content: "\4b"; }

.icon-ban-circle:before,
.icon-minus-circle:before {
  content: "\e216"; }

.icon-unpublish:before,
.icon-cancel:before {
  content: "\4a"; }

.icon-cancel-circle:before {
  content: "\e217"; }

.icon-checkmark-2:before {
  content: "\e218"; }

.icon-checkmark-circle:before {
  content: "\e219"; }

.icon-info:before {
  content: "\e220"; }

.icon-info-2:before,
.icon-info-circle:before {
  content: "\e221"; }

.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
  content: "\45"; }

.icon-question-2:before,
.icon-question-circle:before {
  content: "\e222"; }

.icon-notification:before {
  content: "\e223"; }

.icon-notification-2:before,
.icon-notification-circle:before {
  content: "\e224"; }

.icon-pending:before,
.icon-warning:before {
  content: "\48"; }

.icon-warning-2:before,
.icon-warning-circle:before {
  content: "\e225"; }

.icon-checkbox-unchecked:before {
  content: "\3d"; }

.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
  content: "\3e"; }

.icon-checkbox-partial:before {
  content: "\3f"; }

.icon-square:before {
  content: "\e226"; }

.icon-radio-unchecked:before {
  content: "\e227"; }

.icon-radio-checked:before,
.icon-generic:before {
  content: "\e228"; }

.icon-circle:before {
  content: "\e229"; }

.icon-signup:before {
  content: "\e230"; }

.icon-grid:before,
.icon-grid-view:before {
  content: "\58"; }

.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59"; }

.icon-menu:before {
  content: "\5a"; }

.icon-list:before,
.icon-list-view:before {
  content: "\31"; }

.icon-list-2:before {
  content: "\e231"; }

.icon-menu-3:before {
  content: "\e232"; }

.icon-folder-open:before,
.icon-folder:before {
  content: "\2d"; }

.icon-folder-close:before,
.icon-folder-2:before {
  content: "\2e"; }

.icon-folder-plus:before {
  content: "\e234"; }

.icon-folder-minus:before {
  content: "\e235"; }

.icon-folder-3:before {
  content: "\e236"; }

.icon-folder-plus-2:before {
  content: "\e237"; }

.icon-folder-remove:before {
  content: "\e238"; }

.icon-file:before {
  content: "\e016"; }

.icon-file-2:before {
  content: "\e239"; }

.icon-file-add:before,
.icon-file-plus:before {
  content: "\29"; }

.icon-file-minus:before {
  content: "\e017"; }

.icon-file-check:before {
  content: "\e240"; }

.icon-file-remove:before {
  content: "\e241"; }

.icon-save-copy:before,
.icon-copy:before {
  content: "\e018"; }

.icon-stack:before {
  content: "\e242"; }

.icon-tree:before {
  content: "\e243"; }

.icon-tree-2:before {
  content: "\e244"; }

.icon-paragraph-left:before {
  content: "\e246"; }

.icon-paragraph-center:before {
  content: "\e247"; }

.icon-paragraph-right:before {
  content: "\e248"; }

.icon-paragraph-justify:before {
  content: "\e249"; }

.icon-screen:before {
  content: "\e01c"; }

.icon-tablet:before {
  content: "\e01d"; }

.icon-mobile:before {
  content: "\e01e"; }

.icon-box-add:before {
  content: "\51"; }

.icon-box-remove:before {
  content: "\52"; }

.icon-download:before {
  content: "\e021"; }

.icon-upload:before {
  content: "\e022"; }

.icon-home:before {
  content: "\21"; }

.icon-home-2:before {
  content: "\e250"; }

.icon-out-2:before,
.icon-new-tab:before {
  content: "\e024"; }

.icon-out-3:before,
.icon-new-tab-2:before {
  content: "\e251"; }

.icon-link:before {
  content: "\e252"; }

.icon-picture:before,
.icon-image:before {
  content: "\2f"; }

.icon-pictures:before,
.icon-images:before {
  content: "\30"; }

.icon-palette:before,
.icon-color-palette:before {
  content: "\e014"; }

.icon-camera:before {
  content: "\55"; }

.icon-camera-2:before,
.icon-video:before {
  content: "\e015"; }

.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56"; }

.icon-music:before {
  content: "\57"; }

.icon-user:before {
  content: "\22"; }

.icon-users:before {
  content: "\e01f"; }

.icon-vcard:before {
  content: "\6d"; }

.icon-address:before {
  content: "\70"; }

.icon-share-alt:before,
.icon-out:before {
  content: "\26"; }

.icon-enter:before {
  content: "\e257"; }

.icon-exit:before {
  content: "\e258"; }

.icon-comment:before,
.icon-comments:before {
  content: "\24"; }

.icon-comments-2:before {
  content: "\25"; }

.icon-quote:before,
.icon-quotes-left:before {
  content: "\60"; }

.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61"; }

.icon-quote-3:before,
.icon-bubble-quote:before {
  content: "\e259"; }

.icon-phone:before {
  content: "\e260"; }

.icon-phone-2:before {
  content: "\e261"; }

.icon-envelope:before,
.icon-mail:before {
  content: "\4d"; }

.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e"; }

.icon-unarchive:before,
.icon-drawer:before {
  content: "\4f"; }

.icon-archive:before,
.icon-drawer-2:before {
  content: "\50"; }

.icon-briefcase:before {
  content: "\e020"; }

.icon-tag:before {
  content: "\e262"; }

.icon-tag-2:before {
  content: "\e263"; }

.icon-tags:before {
  content: "\e264"; }

.icon-tags-2:before {
  content: "\e265"; }

.icon-options:before,
.icon-cog:before {
  content: "\38"; }

.icon-cogs:before {
  content: "\37"; }

.icon-screwdriver:before,
.icon-tools:before {
  content: "\36"; }

.icon-wrench:before {
  content: "\3a"; }

.icon-equalizer:before {
  content: "\39"; }

.icon-dashboard:before {
  content: "\78"; }

.icon-switch:before {
  content: "\e266"; }

.icon-filter:before {
  content: "\54"; }

.icon-purge:before,
.icon-trash:before {
  content: "\4c"; }

.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23"; }

.icon-unlock:before {
  content: "\e267"; }

.icon-key:before {
  content: "\5f"; }

.icon-support:before {
  content: "\46"; }

.icon-database:before {
  content: "\62"; }

.icon-scissors:before {
  content: "\e268"; }

.icon-health:before {
  content: "\6a"; }

.icon-wand:before {
  content: "\6b"; }

.icon-eye-open:before,
.icon-eye:before {
  content: "\3c"; }

.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
  content: "\e269"; }

.icon-clock:before {
  content: "\6e"; }

.icon-compass:before {
  content: "\6f"; }

.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
  content: "\e01b"; }

.icon-book:before {
  content: "\e271"; }

.icon-lightning:before,
.icon-flash:before {
  content: "\79"; }

.icon-print:before,
.icon-printer:before {
  content: "\e013"; }

.icon-feed:before {
  content: "\71"; }

.icon-calendar:before {
  content: "\43"; }

.icon-calendar-2:before {
  content: "\44"; }

.icon-calendar-3:before {
  content: "\e273"; }

.icon-pie:before {
  content: "\77"; }

.icon-bars:before {
  content: "\76"; }

.icon-chart:before {
  content: "\75"; }

.icon-power-cord:before {
  content: "\32"; }

.icon-cube:before {
  content: "\33"; }

.icon-puzzle:before {
  content: "\34"; }

.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
  content: "\72"; }

.icon-lamp:before {
  content: "\74"; }

.icon-pin:before,
.icon-pushpin:before {
  content: "\73"; }

.icon-location:before {
  content: "\63"; }

.icon-shield:before {
  content: "\e274"; }

.icon-flag:before {
  content: "\35"; }

.icon-flag-3:before {
  content: "\e275"; }

.icon-bookmark:before {
  content: "\e023"; }

.icon-bookmark-2:before {
  content: "\e276"; }

.icon-heart:before {
  content: "\e277"; }

.icon-heart-2:before {
  content: "\e278"; }

.icon-thumbs-up:before {
  content: "\5b"; }

.icon-thumbs-down:before {
  content: "\5c"; }

.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
  content: "\40"; }

.icon-star-2:before {
  content: "\41"; }

.icon-featured:before,
.icon-default:before,
.icon-star:before {
  content: "\42"; }

.icon-smiley:before,
.icon-smiley-happy:before {
  content: "\e279"; }

.icon-smiley-2:before,
.icon-smiley-happy-2:before {
  content: "\e280"; }

.icon-smiley-sad:before {
  content: "\e281"; }

.icon-smiley-sad-2:before {
  content: "\e282"; }

.icon-smiley-neutral:before {
  content: "\e283"; }

.icon-smiley-neutral-2:before {
  content: "\e284"; }

.icon-cart:before {
  content: "\e019"; }

.icon-basket:before {
  content: "\e01a"; }

.icon-credit:before {
  content: "\e286"; }

.icon-credit-2:before {
  content: "\e287"; }

.icon-expired:before {
  content: "\4b"; }

/*# sourceMappingURL=style.css.map */