@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

hr {
  border: 1px solid #e7e8ea; }

img {
  max-width: 100%;
  height: auto; }

ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: 'Oswald', sans-serif; }

a {
  text-decoration: none; }

li {
  line-height: 1.7; }

p {
  color: #636766;
  font-size: 1em; }

.wrapper {
  max-width: 1170px;
  width: 90%;
  margin: 0 auto; }

.content {
  position: relative;
  top: 93px; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

h2 {
  text-align: center;
  font-size: 3em;
  text-transform: uppercase;
  color: #636766;
  font-weight: 400;
  margin-top: 20px;
  font-weight: bold;
  letter-spacing: 1px; }
  h2:after {
    content: ' ';
    display: block;
    height: 4px;
    width: 100px;
    background-color: #f58345;
    margin: 15px auto 60px auto; }
  h2 span {
    font-size: 0.8em;
    display: block;
    font-weight: 400; }

h3 {
  font-size: 2.5em;
  text-align: center;
  color: #636766;
  margin-bottom: 40px; }

h3.white {
  color: white; }

h4 {
  font-size: 1.8em;
  color: #636766; }

h4.assets-h4 {
  text-align: center;
  color: #636766; }

h5 {
  font-size: 1.5em;
  color: #636766; }

.button {
  color: white;
  display: inline-block;
  background-color: #f58345;
  padding: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  transition: 200ms;
  border: 2px solid #f58345; }
  .button i {
    margin-left: 20px; }
  .button:hover {
    background-color: #e7e8ea;
    border: 2px solid #f58345;
    color: black;
    transition: 200ms; }

section {
  padding: 50px 0; }

.intro {
  font-size: 2em;
  text-align: center; }

figcaption {
  font-size: 0.8em;
  color: #636766; }

.codis-hr {
  margin: 0 0 20px; }

#rsv-abv-pb {
  padding: 0px 0 60px 0; }
  #rsv-abv-pb .paragraphBox__text {
    width: 50%; }
  #rsv-abv-pb .paragraphBox__img {
    width: 45%; }

.imp-wrap {
  width: 100% !important;
  height: 100% !important; }

.scroll1::-webkit-scrollbar {
  width: 12px; }

.scroll1::-webkit-scrollbar-track {
  background: #eee; }

.scroll1::-webkit-scrollbar-thumb {
  background: #636766; }

.homeContent {
  position: relative;
  z-index: 5;
  overflow: hidden; }

.heading {
  width: 100%;
  position: relative;
  background-position: center;
  z-index: 5;
  padding-bottom: 0;
  padding-top: 0;
  background-color: #222; }
  .heading .wrapper {
    position: relative; }
  .heading video {
    width: 100%;
    display: block; }
  .heading img {
    position: absolute;
    top: 100px;
    right: 50px; }
  .heading .video-btn {
    position: absolute;
    width: 100%;
    text-align: center; }
    .heading .video-btn .watch-video {
      background-color: #f58345;
      border-radius: 3px 3px 0 0;
      border: 2px solid #f58345;
      color: white;
      text-transform: uppercase;
      padding: 5px 10px;
      font-family: 'Source Sans Pro', sans-serif;
      cursor: pointer;
      transition: 400ms;
      top: -32px;
      z-index: 11000;
      position: relative;
      opacity: 0;
      outline: none;
      font-weight: 600;
      letter-spacing: 1px; }
      .heading .video-btn .watch-video:hover {
        background-color: #636766;
        color: white;
        border-color: #636766;
        opacity: 1;

    }

.heading #video-pop-btn:hover ~ .video-btn > .watch-video {
    opacity: 1; }
.heading #video-pop-btn-heading:hover ~ .video-btn > .watch-video {
    opacity: 1; }


.video-popup {
  position: fixed;
  top: 0px;
  z-index: 50000;
  width: 100%;
  height: 100vh;
  background-color: rgba(34, 34, 34, 0.95);
  display: none; }
  .video-popup iframe {
    margin: auto; }
  .video-popup button {
    color: white !important;
    font-size: 20px;
    display: inline-block;
    z-index: 22222222;
    position: absolute;
    background-color: transparent;
    height: 40px;
    border: none;
    margin: 0 auto;
    outline: none;
    transition: 200ms;
    margin: 15px 0 0 15px;
    cursor: pointer; }
    .video-popup button:hover {
      color: #f58345 !important; }

.video-popup-box {
  display: flex;
  height: 100vh; }

.info {}

  .info .infoContent {
    display: flex;
    justify-content: space-between;
    margin: 100px 0 100px; }
    .info .infoContent .infoBox {
      text-align: center;
      width: 28%; }
      .info .infoContent .infoBox h3 {
        font-weight: 400; }
      .info .infoContent .infoBox img {
        width: 120px;
        transition: 200ms;
        border-radius: 50%; }
        .info .infoContent .infoBox img:hover {
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
      .info .infoContent .infoBox #monitoring {
        animation: firstCircle 4s infinite; }
      .info .infoContent .infoBox #diagnostic {
        animation: secondCircle 4s infinite; }
      .info .infoContent .infoBox #training {
        animation: thirdCircle 4s infinite; }
      .info .infoContent .infoBox h3 {
        font-size: 1.8em;
        margin: 15px 0;
        text-transform: uppercase;
        color: #636766; }

.references {
  background-color: rgba(231, 232, 234, 0.5);
  text-align: center;
  padding: 100px 0; }
  .references img {
    width: 85%;
    margin-bottom: 50px; }
  .references ul {
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    font-size: 14px;
    margin: 0 auto;
    width: 50%; }
  .references li {
    display: inline-block; }
    .references li:before {
      content: ' ';
      width: 25px;
      height: 25px;
      display: inline-block;
      border-radius: 50%;
      background-color: #f58345;
      vertical-align: middle;
      margin: -4px 5px 0 0; }
    .references li:first-child {
      margin-right: 20px; }
    .references li:nth-child(2):before {
      background-color: #999999; }

.partnersBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px; }

.partners {
  padding-top: 80px; }
  .partners h2 {
    margin-top: 0;
    font-weight: bold;
    font-size: 3em; }
  .partners .partnersImgBox {
    margin: 0 30px; }
    .partners .partnersImgBox #iris {
      margin-left: 0; }
    .partners .partnersImgBox #montech {
      margin-right: 0; }
    .partners .partnersImgBox a {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: 0.7;
      transition: 200ms; }
      .partners .partnersImgBox a img {
        height: auto;
        width: auto; }
      .partners .partnersImgBox a:hover {
        -webkit-filter: none;
        filter: none;
        opacity: 1; }

.partners {
  overflow: hidden;
  background-size: cover;
  background-position: center; }

@keyframes firstCircle {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1); }
  100% { } }

@keyframes secondCircle {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  75% {
    transform: scale(1); }
  100% { } }

@keyframes thirdCircle {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.career-box {
  display: none;
  text-align: center;
  border-radius: 5px 0 0 5px;
  position: relative;
  right: 50px;
  z-index: 200;
  border-right: none;
  padding: 10px 60px; }
  .career-box h4 {
    margin: 0;
    color: #f58345;
    text-transform: uppercase;
    color: white;
    font-size: 1.8em;
    font-weight: 400; }
    .career-box h4:after {
      content: ' ';
      width: 100px;
      height: 2px;
      background-color: white;
      display: block;
      margin: 10px auto 0 auto; }
  .career-box #news-career {
    text-decoration: none;
    color: white;
    background-color: #f58345;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    padding: 3px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    transition: 100ms;
    font-weight: bold;
    font-size: 14px; }
    .career-box #news-career:hover {
      background-color: white;
      color: #222; }

.newsSection .newsText {
  position: relative; }

.newsSection .news-para {
  color: #636766; }

.newsSection .date {
  font-size: 0.9em;
  color: #aaa; }

.newsSection .news-link {
  display: inline-block;
  background-color: #f58345;
  color: #636766;
  padding: 5px 35px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  border-radius: 3px;
  border: 2px solid #f58345;
  transition: 200ms;
  position: absolute;
  bottom: 0; }
  .newsSection .news-link:hover {
    background-color: white;
    color: #f58345; }

.newsSection .newsText h3 {
  width: 100% !important; }

.news-article {
  display: flex;
  margin: 80px 0; }
  .news-article:first-child {
    margin-top: 0; }
  .news-article:last-child {
    margin-bottom: 0; }

.careerHeading {
  background-image: url("../images/news/careerHeading.jpg") !important;
  background-size: cover; }

.careerConList {
  margin-top: 20px; }
  .careerConList .wrapper {
    width: 100%; }

.careerContent {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 0; }
  .careerContent p {
    margin: 0; }
  .careerContent li {
    margin: 0 0 0 35px !important;
    line-height: 1.5;
    color: #636766; }
    .careerContent li .listHeading {
      color: #f58345;
      font-size: 16px; }
    .careerContent li:first-child {
      margin-left: 0 !important; }
    .careerContent li:before {
      transform: translate(-20px, -10px) !important; }

p.career-strong {
  font-weight: bold;
  color: #f58345;
  text-transform: uppercase;
  margin-top: 20px; }
  p.career-strong span {
    font-weight: 400;
    color: #636766;
    text-transform: initial; }

.careerForm {
  background-image: url("../images/pattern.png"); }

.careerSent {
  position: fixed;
  z-index: 20;
  background-image: url("../images/pattern.png");
  width: 300px;
  padding: 20px 0;
  border-bottom: 5px solid #f58345;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(34, 34, 34, 0.4);
  left: 50%;
  margin-left: -150px;
  top: 250px;
  display: none;
  box-sizing: border-box; }
  .careerSent p {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 0 20px; }
  .careerSent span {
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: bold;
    font-family: 'Arial';
    color: #f58345;
    cursor: pointer;
    transition: 200ms;
    display: inline-block;
    z-index: 21; }
    .careerSent span:hover {
      color: #636766; }

.careerSentActive {
  display: block; }

#form-upload {
  display: none; }

#fake-label-upload {
  margin-bottom: 0px;
  padding: 0; }

#label-upload {
  background-color: #f58345;
  padding: 5px 15px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  color: white !important;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 8px;
  border: 2px solid #f58345;
  transition: 200ms; }
  #label-upload:hover {
    background-color: white;
    color: #f58345 !important; }

#zivotopis {
  margin: 20px 0; }
  #zivotopis a {
    color: #f58345;
    transition: 200ms; }
    #zivotopis a:hover {
      color: #636766; }

#oglas-posao {
  color: #f58345;
  transition: 200ms; }
  #oglas-posao:hover {
    color: #636766; }

.aboutHeading {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-image: url("../images/about-bg.png");
  background-position: 0 20%; }
  .aboutHeading h2 {
    position: relative;
    color: white;
    z-index: 5;
    margin-bottom: 50px; }

.aboutContentBox {
  text-align: center;
  position: relative;
  z-index: 5;
  background-color: white; }
  .aboutContentBox p {
    text-align: left; }
  .aboutContentBox .textBox {
    margin-top: -60px;
    width: 60%; }
  .aboutContentBox img {
    width: 100px;
    vertical-align: middle;
    position: relative;
    top: -115px;
    background-color: white;
    border-radius: 80px;
    padding: 20px; }

.companyInfo {
  background-color: #e7e8ea;
  position: relative;
  transform: translatey(30px); }

.companyInfoContent {
  display: flex;
  justify-content: space-around; }
  .companyInfoContent p {
    display: inline-block;
    font-size: 1em; }
  .companyInfoContent .crta {
    width: 1px;
    background-color: white; }

#contactForm {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: blue;
  position: absolute;
  transform: translate(-9999px, -250px);
  z-index: -9999; }

.map-container {
  width: 100%;
  position: relative;
  z-index: 5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

#map_wrapper {
  margin: 0;
  height: 650px;
  width: 100%;
  background-color: #222; }
  #map_wrapper #map_canvas {
    width: 100%;
    height: 100%; }
    #map_wrapper #map_canvas .mapInfo_content {
      width: 250px;
      padding: 5px;
      transition: 300ms; }
      #map_wrapper #map_canvas .mapInfo_content h3 {
        font-size: 18px;
        text-align: left;
        margin-bottom: 0;
        color: #f58345; }
      #map_wrapper #map_canvas .mapInfo_content p {
        font-size: 15px;
        margin: 10px 0 0 0; }

.n-about-us {
  margin: 100px 0 40px 0; }
  .n-about-us .n-about-us-content {
    display: flex;
    justify-content: space-between; }
    .n-about-us .n-about-us-content .infoBox {
      width: 30%;
      text-align: center; }
      .n-about-us .n-about-us-content .infoBox #about-text-orange {
        color: #f58345 !important; }
      .n-about-us .n-about-us-content .infoBox img {
        width: 120px; }
      .n-about-us .n-about-us-content .infoBox h4 {
        text-transform: uppercase;
        font-weight: 400;
        margin-top: 10px;
        font-size: 1.8em; }
      .n-about-us .n-about-us-content .infoBox #expertise {
        animation: firstCircle 4s infinite; }
      .n-about-us .n-about-us-content .infoBox #experience {
        animation: secondCircle 4s infinite; }
      .n-about-us .n-about-us-content .infoBox #leadership {
        animation: thirdCircle 4s infinite; }

.n-else {
  background-image: url("../images/pattern.png");
  padding: 100px 0; }
  .n-else h3 {
    text-transform: uppercase;
    margin-bottom: 0; }
    .n-else h3:after {
      content: ' ';
      display: block;
      height: 4px;
      width: 100px;
      background-color: #f58345;
      margin: 30px auto 35px auto; }
  .n-else span {
    color: #f58345;
    font-weight: bold; }
  .n-else .n-else-content {
    display: flex;
    justify-content: space-between; }
    .n-else .n-else-content .elseInfoBox {
      margin-top: 50px;
      width: 26%;
      text-align: left; }
      .n-else .n-else-content .elseInfoBox h4 {
        font-size: 1.2em; }
      .n-else .n-else-content .elseInfoBox a {
        color: #f58345;
        font-weight: bold; }
      .n-else .n-else-content .elseInfoBox p {
        margin: 18px 0; }
      .n-else .n-else-content .elseInfoBox .else-img-box, .n-else .n-else-content .elseInfoBox .else-img-box-mid {
        margin: 20px 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        display: none; }
        .n-else .n-else-content .elseInfoBox .else-img-box img, .n-else .n-else-content .elseInfoBox .else-img-box-mid img {
          height: 35px; }
      .n-else .n-else-content .elseInfoBox .else-img-box-mid {
        display: block;
        display: none; }
      .n-else .n-else-content .elseInfoBox .ppr-links p {
        margin: 5px 0; }

.prizes h3 {
  text-transform: uppercase;
  margin-bottom: 0; }
  .prizes h3:after {
    content: ' ';
    display: block;
    height: 4px;
    width: 100px;
    background-color: #f58345;
    margin: 30px auto 35px auto; }

.prizes .intro {
  width: 45%;
  margin: 0 auto; }

.prizes .prizes-content {
  display: flex;
  justify-content: space-around;
  margin-top: 80px;
  padding-bottom: 50px;
  border-bottom: 1px dashed #e7e8ea; }
  .prizes .prizes-content .prizes-box {
    text-align: center;
    width: 250px; }
    .prizes .prizes-content .prizes-box h4 {
      color: #f58345;
      text-transform: uppercase;
      margin: 20px 0;
      font-weight: 400; }
    .prizes .prizes-content .prizes-box img {
      height: 125px; }
  .prizes .prizes-content:last-child {
    padding-bottom: 0;
    margin-bottom: 30px;
    border-bottom: 0; }

.knowledge {
  padding: 80px 0;
  background-color: #636766;
  border-bottom: 1px solid white; }
  .knowledge h3 {
    text-transform: uppercase;
    margin-bottom: 0;
    color: white; }
    .knowledge h3:after {
      content: ' ';
      display: block;
      height: 4px;
      width: 100px;
      background-color: #f58345;
      margin: 30px auto 35px auto; }
  .knowledge p {
    color: white;
    width: 45%;
    margin: 0 auto; }

.map-new {
  position: relative;
  padding: 0; }
  .map-new .map_wrapper {
    position: relative; }

.map-anim {
  filter: grayscale(100%);
  width: 100%;
  height: 650px;
  opacity: 0.4;
  position: relative;
  overflow: hidden; }
  .map-anim iframe {
    transform: translatey(-206px);
    animation: mapAnim 150s infinite; }

@keyframes mapAnim {
  0% {
    opacity: 0;
    transform: translate(-800px, -206px); }
  1% {
    opacity: 1; }
  99% {
    opacity: 1; }
  100% {
    transform: translate(0px, -206px);
    opacity: 0; } }

.n-map {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 8;
  width: 100%;
  top: 0; }
  .n-map .wrapper {
    height: 650px;
    display: flex; }
  .n-map .n-map-content {
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-content: center; }
    .n-map .n-map-content .map-box {
      border-radius: 3px;
      /*padding: 80px 0;*/
      padding: 80px 15px;
      text-align: center;
      /*width: 250px; */
      width: 215px;
      /*margin: auto 50px;*/
      margin: auto 25px;
      background-color: rgba(245, 131, 69, 0.8);
      color: white;
      display: block; }
      .n-map .n-map-content .map-box i {
        font-size: 50px;
        margin: 0;
        display: inline-block;
        transition: 200ms; }
      .n-map .n-map-content .map-box .map-h4 {
        margin: 0px 0 20px 0;
        color: white;
        text-transform: uppercase;
        font-weight: 400;
        display: block;
        /*font-size: 1.8em;*/
        font-size: 1.6em;
        font-family: 'Oswald', sans-serif; }
        .n-map .n-map-content .map-box .map-h4:after {
          content: ' ';
          display: block;
          width: 150px;
          height: 2px;
          background-color: white;
          margin: 15px auto 0 auto; }
        .n-map .n-map-content .map-box .map-h4:hover .n-map .n-map-content .map-box .map-h4:after {
          margin-top: 10px; }
      .n-map .n-map-content .map-box p {
        color: white; }
    .n-map .n-map-content .map-box-w {
      background-color: rgba(255, 255, 255, 0.8); }
      .n-map .n-map-content .map-box-w i, .n-map .n-map-content .map-box-w .map-h4, .n-map .n-map-content .map-box-w .map-p {
        color: #636766; }
      .n-map .n-map-content .map-box-w .map-h4:after {
        background-color: #636766; }
    .n-map .n-map-content .map-box-b {
      background-color: rgba(0, 0, 0, 0.8); }
      .n-map .n-map-content .map-box-b i {
        color: #f58345; }
    .n-map .n-map-content .map-box-g {
        background-color: rgba(100, 100, 100, 0.8); }
        .n-map .n-map-content .map-box-g i {
            color: #ffffff; }

.map-box:hover > i.icon-location {
  transform: translatey(-5px) scale(0.9); }

.n-contact-form {
  padding-bottom: 170px; }
  .n-contact-form form {
    position: relative; }
    .n-contact-form form .form-container {
      display: flex; }
      .n-contact-form form .form-container .n-form-fr, .n-contact-form form .form-container .n-form-sr {
        width: 50%;
        box-sizing: border-box;
        padding: 10px; }
      .n-contact-form form .form-container input, .n-contact-form form .form-container textarea {
        display: block;
        width: 100%;
        outline: none;
        color: #636766; }
      .n-contact-form form .form-container label {
        display: block;
        margin-top: 15px;
        color: #636766; }
      .n-contact-form form .form-container input {
        box-sizing: border-box;
        padding: 10px 5px; }
      .n-contact-form form .form-container #form-tvrtka, .n-contact-form form .form-container #form-ime {
        margin-top: 5px; }
      .n-contact-form form .form-container textarea {
        margin-top: 5px;
        height: 296px;
        box-sizing: border-box;
        padding: 10px 5px; }
      .n-contact-form form .form-container select {
        box-sizing: border-box;
        width:100%;
        margin-top:5px;
        padding: 10px 5px; }
      .n-contact-form form input[type='checkbox'] {
      margin-left: 10px;
      display: inline-block;
      width: 20px;
      height: 20px;
      transform: translatey(2px);
      cursor: pointer;
      outline: none; }
    .n-contact-form form #sub-label {
      color: #f58345;
      font-weight: bold;
      margin-top: 15px;
      display: inline-block;
      transform: translate(10px, -2px); }
    .n-contact-form form input[type='submit'] {
      float: right;
      margin-right: 10px;
      margin-top: 15px;
      width: 150px;
      padding: 10px 0;
      text-transform: uppercase;
      border: 2px solid #f58345;
      border-radius: 3px;
      background-color: #f58345;
      color: white;
      cursor: pointer;
      font-weight: bold;
      letter-spacing: 0.5px;
      transition: 200ms; }
      .n-contact-form form input[type='submit']:hover {
        background-color: white;
        color: #f58345; }
    .n-contact-form form .g-recaptcha {
      clear: both; }

.servicesHeading {
  width: 100%;
  background-image: url("../images/services/services-bg2.png");
  height: 156px;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 50px;
  background-attachment: fixed;
  background-position: 0 60%; }
  .servicesHeading h2 {
    color: white; }
  .servicesHeading p {
    color: white; }

.servicesSection {
  padding: 60px; }
  .servicesSection:last-child {
    margin-bottom: 50px; }
  .servicesSection .wrapper {
    display: flex;
    align-items: flex-start; }
    .servicesSection .wrapper .servicesImg {
      position: relative;
      margin-top: 12px;
      margin-right: 62px;
      overflow: hidden;
      /*
    &:after {
      content: ' ';
      display: block;
      position: absolute;
      width: 60px;
      height: 4px;
      background-color: $orange;
      top: 15px;
      right: -30px;
    }*/ }
      .servicesSection .wrapper .servicesImg img {
        display: block;
        position: relative;
        border-radius: 5px; }
      .servicesSection .wrapper .servicesImg:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 70px;
        height: 70px;
        background-color: #f58345;
        transform: rotate(45deg);
        top: -35px;
        right: -35px; }
  .servicesSection:last-child:after {
    display: none; }
  .servicesSection .service {
    width: 65%; }
    .servicesSection .service h3 {
      text-align: left;
      line-height: 1.1;
      margin-top: 3px;
      margin-bottom: 27px;
      font-weight: 400;
      letter-spacing: -0.3px;
      width: 60%; }
      .servicesSection .service h3:after {
        content: ' ';
        display: block;
        height: 4px;
        width: 100px;
        background-color: #e7e8ea;
        margin-top: 20px; }
    .servicesSection .service p {
      width: 70%; }
    .servicesSection .service ul li:before {
      content: '•';
      display: inline-block;
      position: absolute;
      margin-top: -5px;
      font-size: 1.1em;
      margin-left: -15px;
      color: #f58345; }
    .servicesSection .service ul li {
      margin-left: 15px; }
      .servicesSection .service ul li p {
        margin: 10px 0 12px;
        line-height: 1.1; }

#services-academyLink {
  color: #f58345;
  display: inline-block; }

.conditionmHeading {
  width: 100%;
  overflow: hidden;
  background-image: url("../images/condition-m/cm-bg4.png");
  background-attachment: fixed;
  height: 156px; }
  .conditionmHeading h2 {
    color: white; }
  .conditionmHeading p {
    color: white; }

.machineConditionMonitoring {
  padding: 100px 0 0 0; }
  .machineConditionMonitoring .wrapper {
    box-sizing: border-box;
    width: 900px; }
  .machineConditionMonitoring h4 {
    color: #636766;
    text-transform: uppercase; }
  .machineConditionMonitoring .conditionImgBox {
    margin: 50px auto;
    width: 900px; }
    .machineConditionMonitoring .conditionImgBox img {
      height: 400px; }
  .machineConditionMonitoring .benefits {
    width: 100%;
    background-image: url("../images/condition-m/cm-quote1.png");
    background-attachment: fixed;
    background-position: 0 40%;
    overflow: hidden;
    padding: 140px 0;
    background-size: cover;
    text-align: center; }
    .machineConditionMonitoring .benefits h4 {
      font-style: italic;
      text-transform: none;
      font-size: 2.3em;
      font-weight: lighter;
      font-weight: 700;
      color: #222; }
  .machineConditionMonitoring .fault-analysis-proces {
    padding: 60px 0 80px 0; }
    .machineConditionMonitoring .fault-analysis-proces .faultContent {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0; }
    .machineConditionMonitoring .fault-analysis-proces .fault-analasis-imgBox {
      display: inline-block;
      cursor: pointer; }
      .machineConditionMonitoring .fault-analysis-proces .fault-analasis-imgBox a {
        text-align: center;
        width: 300px;
        display: inline-block; }
        .machineConditionMonitoring .fault-analysis-proces .fault-analasis-imgBox a span {
          color: #636766;
          font-size: 14px;
          transition: 200ms; }
          .machineConditionMonitoring .fault-analysis-proces .fault-analasis-imgBox a span:hover {
            color: #f58345; }
    .machineConditionMonitoring .fault-analysis-proces .faultText {
      display: inline-block;
      width: 60%; }
  .machineConditionMonitoring .codis-mcms {
    overflow: hidden;
    padding: 100px 0 50px 0; }
    .machineConditionMonitoring .codis-mcms h4, .machineConditionMonitoring .codis-mcms p {
      color: #636766; }
  .machineConditionMonitoring .codis-mcms-imgBox {
    width: 900px;
    margin: 0px auto 80px auto; }
    .machineConditionMonitoring .codis-mcms-imgBox .magnify {
      width: 800px;
      position: relative;
      cursor: none; }
    .machineConditionMonitoring .codis-mcms-imgBox .large {
      width: 200px;
      height: 200px;
      position: absolute;
      border-radius: 100%;
      box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
      display: none; }
    .machineConditionMonitoring .codis-mcms-imgBox .small {
      display: block;
      width: 100%; }
  .machineConditionMonitoring .codis-architecture {
    background-color: #f18045;
    overflow: hidden;
    padding-bottom: 80px; }
    .machineConditionMonitoring .codis-architecture h4 {
      text-align: center;
      margin: 80px 0;
      color: white; }
    .machineConditionMonitoring .codis-architecture .arch-h {
      font-size: 1.3em;
      color: white;
      font-weight: bold;
      margin: 40px 0 30px; }
    .machineConditionMonitoring .codis-architecture .arch-p {
      font-size: 1.2em;
      background-color: white;
      box-sizing: border-box;
      padding: 9px 0;
      width: 80%;
      margin: 0 auto;
      line-height: 1.15;
      border-radius: 4px;
      text-transform: none; }
  .machineConditionMonitoring .architectureContent {
    display: flex;
    justify-content: space-between; }
    .machineConditionMonitoring .architectureContent .contentBox {
      text-align: center;
      text-transform: uppercase; }
  .machineConditionMonitoring .systemLayoutImgBox {
    text-align: center;
    width: 800px;
    margin: 80px auto; }
    .machineConditionMonitoring .systemLayoutImgBox h4 {
      margin: 50px 0; }

.fa-link-codis {
  color: #f58345; }

.browseContent {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px; }
  .browseContent .browseBox {
    width: 20%;
    height: 300px;
    text-align: center;
    transition: 200ms;
    margin-bottom: 80px;
    border: 1px solid #e7e8ea;
    border-bottom: none;
    transition: 300ms;
    position: relative; }
    .browseContent .browseBox .browseLink {
      display: flex;
      transition: 300ms;
      height: 300px; }
      .browseContent .browseBox .browseLink:after {
        content: ' ';
        display: block;
        width: 100%;
        height: 4px;
        background-color: #f58345;
        position: absolute;
        bottom: 0;
        transition: 300ms;
        border: 1px solid #f58345;
        transform: translatex(-1px); }
    .browseContent .browseBox svg {
      margin: auto;
      display: inline-block;
      z-index: 5;
      position: relative;
      transform: translatey(-50px); }
    .browseContent .browseBox #hydro {
      width: 75%; }
    .browseContent .browseBox img {
      margin: auto;
      width: 70%; }
    .browseContent .browseBox h4 {
      position: absolute;
      bottom: -50px;
      left: 0;
      right: 0;
      font-size: 1.5em;
      transition: 300ms; }
    .browseContent .browseBox #mpc-h4 {
      bottom: -86px; }
    .browseContent .browseBox .blt-codis {
      bottom: -100px; }

.browseMonitoringContent {
  margin-bottom: 150px; }
  .browseMonitoringContent .wrapper {
    max-width: 1300px; }
  .browseMonitoringContent .browseContentTwo {
    justify-content: space-around; }
  .browseMonitoringContent .browseBox {
    background-color: #e7e8ea;
    width: 200px;
    height: 200px; }
    .browseMonitoringContent .browseBox img {
      transform: translatey(-50px); }
    .browseMonitoringContent .browseBox .blt-codis {
      line-height: 1.15;
      transform: translatey(0px); }
  .browseMonitoringContent .browseBox-rm img {
    transform: scale(1.8) translate(-10px, -30px); }
  .browseMonitoringContent .browseBox-pmu img {
    transform: translatey(-50px) scale(0.8); }

@keyframes assetAnim {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

.browseLink:hover ~ .browseLayer h4 {
  color: #f58345; }

.browseLink:hover:after {
  transform: translatey(10px);
  padding-bottom: 4px;
  border: 2px solid #f58345; }

.browseSensors .browseContent {
  display: flex;
  justify-content: space-around; }
  .browseSensors .browseContent .browseLayer {
    overflow: hidden; }
  .browseSensors .browseContent .browseBox h4 {
    transform: translatey(50px); }
  .browseSensors .browseContent .browseBox #browse-eva {
    transform: translatey(122px); }
  .browseSensors .browseContent .browseBox .browseLink {
    display: flex;
    transition: 300ms;
    height: 300px; }
    .browseSensors .browseContent .browseBox .browseLink:after {
      content: ' ';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #f58345;
      position: absolute;
      bottom: 0;
      transition: 300ms;
      border: 1px solid #f58345;
      transform: translatex(-1px); }
  .browseSensors .browseContent .browseBox img {
    margin: auto;
    width: 50%; }
  .browseSensors .browseContent .browseBox .blt-codis {
    bottom: 0; }

.measurementHeading {
  height: 156px;
  background-image: url("../images/turbogenerator-bg.png");
  background-size: cover; }
  .measurementHeading h2 {
    color: white; }

.browseMeasurement {
  padding: 0; }
  .browseMeasurement .measurementContent {
    margin: 80px 0 100px 0;
    display: flex;
    justify-content: space-around; }
    .browseMeasurement .measurementContent-box {
      width: 25%; }
      .browseMeasurement .measurementContent-box .img-box {
        text-align: center;
        position: relative;
        transition: 200ms;
        width: 200px;
        height: 200px;
        margin: 0 auto 15px auto;
        /* &:after {
          content: ' ';
          display: block;
          width: 300px;
          height: 300px;
          background-color: $orange;
          position: absolute;
          top: 0;
          opacity: 0;
          transition: 200ms;
        }

        &:hover:after {
          opacity: 0.3;
          z-index: 0;
        } */ }
        .browseMeasurement .measurementContent-box .img-box img {
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
          transition: 200ms;
          vertical-align: bottom; }
          .browseMeasurement .measurementContent-box .img-box img:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }
        .browseMeasurement .measurementContent-box .img-box:after {
          width: 100%;
          height: 3px;
          content: ' ';
          background-color: #f58345;
          display: block;
          transition: 200ms; }
        .browseMeasurement .measurementContent-box .img-box:hover:after {
          height: 5px; }
      .browseMeasurement .measurementContent-box h5 {
        text-align: center; }

.assetHeading {
  overflow: hidden;
  padding: 80px 0 80px 0;
  font-size: 1.1em;
  background-image: url("../images/turbogenerator-bg.png");
  background-attachment: fixed;
  background-size: 150%; }
  .assetHeading p {
    margin: 5px 0; }

.asset-imgContent {
  width: 100%; }

.asset-imgBox-h-t {
  margin-top: 50px; }

.asset-imgBox {
  width: 100%;
  text-align: center; }
  .asset-imgBox .hydro-img {
    width: 80%;
    margin: 0 auto;
    display: block;
    height: 80%; }
  .asset-imgBox .turbo-img {
    display: block;
    width: 50%;
    display: block;
    margin: 0 auto; }
  .asset-imgBox .mining-bm-img {
    display: block;
    width: 50%;
    display: block;
    margin: 0 auto; }
  .asset-imgBox .mining-gm-img {
    display: block;
    width: 50%;
    margin: 0 auto; }
  .asset-imgBox .mpc-gt-img {
    display: block;
    width: 70%;
    margin: 0 auto; }
  .asset-imgBox .mpc-mc-img {
    width: 60%;
    margin: 0 auto; }
  .asset-imgBox .mpc-mpl-img {
    width: 60%;
    margin: 0 auto;
    display: block; }
  .asset-imgBox .mpc-mps-img {
    width: 60%;
    margin: 0 auto;
    display: block; }
  .asset-imgBox .mpc-mpv-img {
    width: 60%;
    margin: 0 auto;
    display: block; }
  .asset-imgBox .mpc-mf-img {
    width: 60%;
    margin: 0 auto;
    display: block; }
  .asset-imgBox #mpc-gas-turbine, .asset-imgBox #mpc-large, .asset-imgBox #mpc-small, .asset-imgBox #mpc-vertical, .asset-imgBox #mpc-fans {
    width: 50%; }
  .asset-imgBox #mpc-motor-compressor {
    width: 40%; }
  .asset-imgBox #mining {
    width: 55%;
    display: block;
    margin: 0 auto;
    height: 55%; }

.asset-codis {
  padding-top: 0; }
  .asset-codis h4 {
    text-align: center;
    margin: 40px auto;
    text-transform: uppercase; }
  .asset-codis .assets-codis__content {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    text-align: center; }
    .asset-codis .assets-codis__content h5 {
      color: white;
      background-color: #f58345;
      padding: 5px 15px;
      border-radius: 5px;
      font-size: 1em;
      margin-top: 20px;
      transition: 200ms;
      border: 2px solid white;
      letter-spacing: 0.5px;
      font-weight: 400;
      text-transform: uppercase; }
      .asset-codis .assets-codis__content h5:hover {
        color: white;
        background-color: #636766; }
    .asset-codis .assets-codis__content img {
      height: 100px;
      transition: 300ms; }
      .asset-codis .assets-codis__content img:hover {
        transform: scale(1.1); }
  .asset-codis .assets-codisThree {
    justify-content: space-around; }

.dashed {
  border: none;
  border-top: 3px dashed #f58345;
  margin: 50px 0; }

button.im-button a {
  background-color: blue; }

.hydro-asset-heading {
  background-image: url("../images/hydro-asset-heading2.png");
  background-size: 2000px;
  background-position: 0% 75%; }

.mpcHeading {
  background-image: url("../images/mpc-heading.png");
  background-size: cover;
  background-position: 50%; }

.miningHeading {
  background-image: url("../images/gearless-mills2.png");
  background-position: 20% 70%; }

.hydro-asset-heading h2, .hydro-asset-heading p, .mpcHeading h2, .mpcHeading p, .turboHeading h2, .turboHeading p, .miningHeading h2, .miningHeading p {
  color: white; }

.hydro-asset-heading h2, .mpcHeading h2, .turboHeading h2, .miningHeading h2 {
  margin-top: 0px; }

.mpc-navigation, .mining-navigation {
  background-color: #222; }
  .mpc-navigation .mpc-nav-cont, .mining-navigation .mpc-nav-cont {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px; }
    .mpc-navigation .mpc-nav-cont a, .mining-navigation .mpc-nav-cont a {
      font-size: 1.2em;
      text-transform: uppercase;
      color: #e7e8ea;
      transition: 200ms;
      font-weight: bold; }
      .mpc-navigation .mpc-nav-cont a:hover, .mining-navigation .mpc-nav-cont a:hover {
        color: #f58345; }

.mining-navigation .mpc-nav-cont {
  justify-content: center; }
  .mining-navigation .mpc-nav-cont a {
    margin: 0px 25px; }

.asset2, .asset3, .asset4, .asset5, .asset6 {
  display: none; }

.active {
  color: #f58345 !important;
  position: relative; }
  .active:after {
    transition: 200ms;
    content: ' ';
    display: block;
    height: 25px;
    width: 50px;
    position: absolute;
    bottom: -58px;
    left: 0;
    background-image: url("../images/icons/arrow-up.png"); }

.codisHeading {
  overflow: hidden;
  background-color: #e7e8ea;
  background-image: url("../images/codis/codis-bg1.png");
  background-position: center;
  background-size: cover; }
  .codisHeading h2, .codisHeading p {
    color: white; }

.codisInfo {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.pmuInfo {
  padding-bottom: 80px; }

.codisScheme {
  margin: 0;
  text-align: left;
  width: 60%; }
  .codisScheme.wide {
    margin-top:30px;
    width: 80%; }
    .codisScheme figcaption {
    border: 1px solid #e7e8ea;
    display: inline-block;
    padding: 2px 7px; }
  .codisScheme .c-scheme-h {
    padding: 5px 10px;
    margin-bottom: 20px;
    font-style: italic; }

.paragraphBox {
  width: 60%;
  display: inline-block;
  position: relative; }
  .paragraphBox h4 {
    text-transform: uppercase; }

.sensors-pp-imgBox {
  display: flex;
  justify-content: space-between; }

.codisInfo img {
  margin: 0 auto;
  display: inline-block;
  height: 300px;
  width: auto;
  text-align: right; }

#codisDmList {
  font-size: 0.9em; }

.codisSchemeBox {
  padding-top: 0; }

.codisdmSchemeBox {
  margin-top: 50px; }

.c-dm-screens {
  position: absolute;
  right: 0;
  top: 40px;
  width: 30%;
  display: flex;
  flex-wrap: wrap; }
  .c-dm-screens img {
    width: 150px;
    height: 100px;
    border: 1px solid white; }

.codis-pmu-screens {
  display: flex;
  width: 60%;
  justify-content: space-between;
  padding-bottom: 50px; }

.codis-aant-screens {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin:auto;
    padding-bottom: 50px;
    justify-content: center;
}
.codis-aant-screens img{
    width: 500px;
    height:auto;
    margin:10px 10px;
    border-radius: 7px;
}

.sensorHeading, .monitoringHeading {
  padding-bottom: 0; }
  .sensorHeading h2:after, .monitoringHeading h2:after {
    margin-bottom: 60px; }

.sensorsContent {
  padding-bottom: 0; }

.sensors-ppText .paragraphBox__text {
  width: 50%; }

.sensors-ppText .paragraphBox__img {
  display: flex;
  width: 45%; }
  .sensors-ppText .paragraphBox__img figcaption {
    text-align: center; }

.codis-navigation-links {
  background-color: #e7e8ea;
  transform: translatey(30px);
  position: relative; }
  .codis-navigation-links:before {
    content: ' ';
    display: block;
    width: 100%;
    background-color: #e7e8ea;
    height: 40px;
    position: absolute;
    top: 0;
    transform: translatey(-28px); }
  .codis-navigation-links .wrapper h4 {
    margin-bottom: 40px;
    padding-top: 70px;
    transform: translatey(-30px);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4em; }
  .codis-navigation-links .wrapper .links-container {
    transform: translatey(-30px);
    display: flex;
    justify-content: space-around;
    padding-bottom: 60px; }
  .codis-navigation-links .wrapper a {
    font-size: 1.2em;
    color: #636766;
    transition: 200ms;
    font-weight: bold; }
    .codis-navigation-links .wrapper a span {
      color: #f58345;
      font-size: 1.6em;
      display: inline-block;
      transform: translatey(2px);
      margin-right: 7px; }
    .codis-navigation-links .wrapper a:hover {
      color: #f58345; }

#prt-sensor-img {
  padding-bottom: 50px; }

.academyHeading {
  background-image: url("../images/academy-bg2.png");
  background-size: cover;
  background-attachment: fixed;
  height: 156px; }
  .academyHeading h2 {
    color: white; }
  .academyHeading p {
    color: white; }

.academyBox {
  width: 600px;
  margin: 50px auto 50px auto;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 40px; }
  .academyBox:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  .academyBox a {
    color: #f58345; }
  .academyBox .learnMore {
    margin-top: 50px; }
  .academyBox #acad-question {
    color: #f58345; }
  .academyBox:last-child {
    margin-bottom: 100px; }

.libraryHeading {
  background-image: url("../images/lib-heading.png");
  background-size: cover;
  background-position: 50%;
  background-attachment: fixed;
  overflow: hidden;
  height: 156px; }
  .libraryHeading h2 {
    color: white; }
  .libraryHeading p {
    color: white; }

.brochureContent {
  margin-top: 50px;
  padding: 0 0 50px;
  overflow: hidden; }
  .brochureContent .wrapper {
    display: flex;
    justify-content: space-between; }
  .brochureContent #lib-line {
    height: 740px;
    width: 1px;
    background-color: #f58345;
    display: inline-block;
    margin: 0 auto; }
  .brochureContent .brochuresContainer {
    width: 600px;
    margin: 0 auto; }
    .brochureContent .brochuresContainer h5 {
      font-size: 1.2em;
      text-transform: uppercase; }
    .brochureContent .brochuresContainer .brochuresBox {
      padding: 50px 0;
      border-bottom: 1px solid #d8d8d8; }
      .brochureContent .brochuresContainer .brochuresBox .brochureList {
        position: relative;
        padding-left: 10px;
        padding-top: 15px; }
        .brochureContent .brochuresContainer .brochuresBox .brochureList li {
          margin-left: 15px; }
          .brochureContent .brochuresContainer .brochuresBox .brochureList li a {
            color: #636766;
            transition: 200ms; }
            .brochureContent .brochuresContainer .brochuresBox .brochureList li a:hover {
              color: #f58345; }
        .brochureContent .brochuresContainer .brochuresBox .brochureList li:before {
          content: '-';
          font-weight: bold;
          font-size: 2em;
          color: #f58345;
          margin-right: 5px;
          position: absolute;
          transform: translate(-20px, -15px); }
      .brochureContent .brochuresContainer .brochuresBox:last-child {
        border-bottom: none; }
  .brochureContent .brochuresBox {
    padding: 0 0 10px;
    overflow: hidden; }

.aboutHeading, .conditionmHeading, .academyHeading, .servicesHeading, .headingNews, .libraryHeading {
  height: 300px;
  background-size: cover; }
  .aboutHeading h2, .conditionmHeading h2, .academyHeading h2, .servicesHeading h2, .headingNews h2, .libraryHeading h2 {
    margin-top: 90px; }

.brochuresBox2 .brochureList .publicationsLib {
  font-style: italic !important;
  font-size: 15px;
  color: rgba(99, 103, 102, 0.7); }

.header {
  position: fixed;
  z-index: 100;
  width: 100%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  top: 0; }
  .header a {
    color: #636766; }

.header__firstRow {
  background-color: white;
  position: relative;
  padding: 10px 0 0 0; }
  .header__firstRow .wrapper {
    position: relative; }
  .header__firstRow .navLogoBox {
    display: inline-block;
    height: 40px; }
    .header__firstRow .navLogoBox img {
      height: 55px;
      margin-top: 2.5px;
      position: absolute;
      z-index: 30;
      transform: translatey(10px); }

#moto {
  position: absolute;
  left: 170px;
  z-index: 25;
  top: 6px; }
  #moto p {
    font-style: italic;
    margin: 7px 0 0 0;
    padding: 0;
    color: #f58345; }

.header__secondRow {
  background-color: white;
  position: relative; }

label i {
  display: inline-block;
  transition: 300ms; }

#menuButton {
  width: 60px;
  height: 45px;
  position: fixed;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg) scale(0.5);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  top: -47px;
  z-index: 2000;
  display: none; }

#menuButton span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #636766;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#menuButton span:nth-child(1) {
  top: 0px; }

#menuButton span:nth-child(2), #menuButton span:nth-child(3) {
  top: 18px; }

#menuButton span:nth-child(4) {
  top: 36px; }

#menuButton.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#menuButton.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#menuButton.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#menuButton.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.navigationOpen {
  transform: translate(0px) !important;
  transition: 300ms; }

.navList {
  display: flex;
  justify-content: flex-end;
  position: relative;
  transform: translatey(-22px); }
  .navList .navItem {
    padding: 6px 0;
    margin: 0 20px; }
    .navList .navItem:last-child {
      margin-right: 0; }
    .navList .navItem:hover {
      cursor: pointer; }
    .navList .navItem .navLink {
      color: #636766; }
      .navList .navItem .navLink:hover {
        color: #f58345;
        transition: 300ms; }
    .navList .navItem .dropdownList {
      line-height: 1.5;
      position: absolute;
      width: 300px;
      background-color: #fff;
      padding: 10px;
      transform: translate(0px, 6px);
      font-size: 14px;
      border-left: 2px solid #f58345;
      border-top: none;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: 150ms; }
      .navList .navItem .dropdownList a {
        transition: 200ms; }
      .navList .navItem .dropdownList a:hover {
        color: #f58345;
        transition: 200ms; }
      .navList .navItem .dropdownList .listHeading {
        color: #636766; }
      .navList .navItem .dropdownList li {
        line-height: 2; }
    .navList .navItem .nestedList .listHeading a {
      margin-top: 8px; }
    .navList .navItem .nestedList .listHeadingFirst a {
      margin-top: 0 !important; }
    .navList .navItem .nestedList a {
      color: #636766; }

.navItem {
  position: relative;
  z-index: 15;
  background-color: white; }

.navItem:hover > a {
  color: #f58345 !important; }

.navItem:hover > .dropdownList {
  z-index: 8;
  display: block;
  max-height: 1000px;
  transition: 100ms;
  transition-delay: 100ms;
  opacity: 1;
  max-height: 1000px;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3); }

#label {
  display: inline-block;
  transition: 150ms;
  color: #f58345; }

#label:before {
  font-family: 'veski-font';
  content: '\e800';
  display: inline-block;
  margin-left: 5px; }

/*
.navItem:hover > #label {
  transform: rotate(-180deg);
  transition: 150ms;
}
*/
.navItem:hover > #label:after {
  display: inline-block;
  font-family: 'veski-font';
  content: '\e801';
  margin-left: 5px; }

.navItem:hover > #label:before {
  display: none; }

.nestedLink {
  display: block; }

body.p_about .navLink.about,
body.p_home .navLink.home,
body.p_products .navLink.products,
body.p_services .navLink.services,
body.p_academy .navLink.academy,
body.p_condition-m .navLink.condition-m,
body.p_library .navLink.library,
body.p_news .navLink.news,
body.p_contact .navLink.contact {
  color: #f58345; }

/*
// submeni
body.sp_turbo-generators .nestedLink.turbo-generators,
body.sp_hydro-generators .nestedLink.hydro-generators
{
      color: $orange;

}*/
#products-link {
  color: #636766; }
  #products-link:hover {
    cursor: default;
    color: #f58345; }

/*
.contact {
  background-color: white;
  position: relative;


}

#subscribe {
  margin-right: 10px;
  vertical-align: middle;
}


.contactContentBox {

    h3 {
      text-transform: uppercase;
    }

    .contactFormBox {
      margin: 65px 0 22px 0;

      form {
        box-sizing: border-box;
        width: 100%;
        margin-top: 27px;
        color: $greyd;

        textarea {
          width: 100%;
          height: 140px;
        }

        input, textarea {
          display: block;
          width: 100%;
          padding: 13px 20px;
          margin: 5px 0 12px 0;
          border: 2px solid $greyl;
          color: $greyd;
          outline: none;
          letter-spacing: 1px;
          box-sizing: border-box;


          &[type="submit"] {
            display: inline-block;
              text-align: right;
              padding: 15px 0;
              float: right;
              width: 170px;
              text-align: center;
              cursor: pointer;
              background-color: #f58345;
              color: white;
              border: none;
              font-size: 16px;
              transition: 200ms;
              border-radius: 3px;
              text-transform: uppercase;

            &:hover {
              background-color: $greyd;
            }
          }

          &[type='checkbox'] {
            display: inline-block;
            width: 20px;
            height: 20px;
          }
        }
      }
    }
}
/*
.contactContentBox {
    width : 50%;
    background-color: #222;

    h3 {
      text-transform: uppercase;
      color: white;
    }

    .contactFormBox {
      margin: 65px 0 22px 0;

      form {

        label {
          display: inline-block;
          color: white;
          width: 40%;

          input {
            display: block;
          }

          textarea {
            display: block;
          }
        }


      }
    }
} */
.footer {
  position: relative;
  background-color: #222;
  overflow: hidden;
  font-size: 14px;
  top: 94px; }
  .footer p {
    color: white;
    margin-top: 0;
    font-size: 1em; }
  .footer .footerContent {
    padding: 60px 0 60px 0;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .footer .footerContent .footerContact {
      display: flex;
      flex-direction: column; }
      .footer .footerContent .footerContact .buttonsFooter {
        position: relative; }
      .footer .footerContent .footerContact a {
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
        background-color: transparent;
        border: #f58345;
        color: #f58345;
        font-weight: bold;
        border: 2px solid #f58345;
        display: block;
        border-radius: 3px;
        width: 120px;
        margin: 0px auto 10px; }
        .footer .footerContent .footerContact a:hover {
          background-color: transparent;
          transition: 200ms;
          background-color: #f58345;
          border: 2px solid #f58345;
          color: #222; }
      .footer .footerContent .footerContact #copyrights {
        font-size: 0.9em;
        display: block;
        color: #e7e8ea;
        margin-top: 100px; }
        .footer .footerContent .footerContact #copyrights a {
          padding: 0;
          background: none;
          display: inline;
          color: #e7e8ea;
          border: none; }
          .footer .footerContent .footerContact #copyrights a:hover {
            border: none;
            color: #f58345; }
      .footer .footerContent .footerContact #pt33 {
        text-transform: lowercase; }
    .footer .footerContent .footerAbout {
      width: 55%;
      margin: 0 auto;
      transform: translatey(-4px); }
      .footer .footerContent .footerAbout .certificates {
        height: 35px;
        width: 120px;
        display: flex;
        justify-content: space-between;
        transform: translatey(16px); }
        .footer .footerContent .footerAbout .certificates img {
          display: block;
          width: 55px;
          height: 55px; }
          .footer .footerContent .footerAbout .certificates img:first-child {
            margin-right: 20px; }
    .footer .footerContent .footerInfo {
      text-align: left;
      transform: translatey(-6px); }
      .footer .footerContent .footerInfo span {
        font-weight: bold;
        color: #f58345; }
      .footer .footerContent .footerInfo i {
        color: white;
        font-size: 2em;
        transition: 200ms;
        cursor: pointer;
        position: relative;
        display: inline-block;
        transform: translatey(30px); }
        .footer .footerContent .footerInfo i:hover {
          color: #f58345; }

.brochures {
  text-align: center;
  position: absolute;
  width: 100%;
  /* brochures piezo */ }
  .brochures label {
    background-color: #f58345;
    padding: 5px 15px 7px 15px;
    border-radius: 5px;
    margin: 0 auto;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: 300ms;
    transform: translatey(3px);
    border: 2px solid #f58345;
    position: relative;
    z-index: 15; }
    .brochures label .icon-folder {
      margin-left: 7px;
      opacity: 1;
      display: inline-block; }
    .brochures label .icon-folder-open {
      position: absolute;
      /* TOMEK
      transform: translate(43px, -24px);
      */
      transform: translatex(-24px);
      opacity: 0;
      display: inline-block; }
  .brochures .brochuresContent {
    text-align: left;
    border-top: 2px dotted #e7e8ea;
    background-image: url("../images/pattern.png");
    padding: 20px 0 60px;
    transition: 300ms;
    transform: translatey(-10px);
    height: 180px;
    opacity: 0.8; }
    .brochures .brochuresContent .brochuresList li {
      display: block; }
      .brochures .brochuresContent .brochuresList li p {
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        font-size: 1.2em; }
      .brochures .brochuresContent .brochuresList li a {
        color: #636766;
        display: inline-block;
        transition: 200ms; }
        .brochures .brochuresContent .brochuresList li a:hover {
          color: #f58345;
          transition: 200ms; }
        .brochures .brochuresContent .brochuresList li a i {
          color: #636766;
          transition: 200ms;
          margin-left: 15px; }
        .brochures .brochuresContent .brochuresList li a:before {
          content: '•';
          display: inline-block;
          position: relative;
          margin-right: 5px;
          color: #f58345; }

#hydroLabel {
  position: relative;
  z-index: 200;
  transform: translatey(-22px); }

#brochuresBtn[type=checkbox]:checked ~ label {
  /*tomek transform: translatey(-150px);*/
  transform: translatey(-180px);
  transition: 300ms;
  background-color: #636766;
  color: #e7e8ea;
  border-radius: 5px;
  border: 2px solid transparent; }

#brochuresBtn[type=checkbox]:checked ~ label .icon-folder {
  opacity: 0; }

#brochuresBtn[type=checkbox]:checked ~ label .icon-folder-open {
  opacity: 1; }

#brochuresBtn[type=checkbox]:checked ~ .brochuresContent {
  /*tomek transform: translatey(-170px);*/
  transform: translatey(-200px);
  /* ovo slijedece sam ja dodao TOMEK */
  box-shadow: 10px 10px 55px -15px;
  transition: 300ms;
  opacity: 1; }

/* sensors ----------------------------   */
#sensorsLabel {
  transform: translatey(-22px); }

#brochuresBtn[type=checkbox]:checked ~ .sensorsBrochures {
  transform: translatey(-245px);
  transition: 300ms;
  opacity: 1; }

#brochuresBtn[type=checkbox]:checked ~ #sensorsLabel {
  transform: translatey(-225px);
  transition: 300ms;
  background-color: #636766;
  color: #e7e8ea;
  border-radius: 5px;
  border: 2px solid transparent; }

.academyBrochures label, .mpcBrochures label, .pp-sensors-brochure label {
  transform: translatey(-18px); }

.academyBrochures #brochuresBtn[type=checkbox]:checked ~ label, .mpcBrochures #brochuresBtn[type=checkbox]:checked ~ label, .pp-sensors-brochure #brochuresBtn[type=checkbox]:checked ~ label {
  transform: translatey(-200px); }

.academyBrochures #brochuresBtn[type=checkbox]:checked ~ .brochuresContent, .mpcBrochures #brochuresBtn[type=checkbox]:checked ~ .brochuresContent, .pp-sensors-brochure #brochuresBtn[type=checkbox]:checked ~ .brochuresContent {
  transform: translatey(-220px); }

.pp-sensors-brochure #brochuresBtn[type=checkbox]:checked ~ label {
  transform: translatey(-200px) !important; }

input[type=checkbox] {
  display: none;
  top: -9999px;
  left: -9999px; }

.descList {
  background-image: url("../images/pattern.png"); }
  .descList .descListContent {
    display: flex;
    justify-content: space-between; }
    .descList .descListContent .descListBox ul li:before {
      content: '•';
      display: inline-block;
      position: absolute;
      margin-top: -2px;
      font-size: 1.1em;
      margin-left: -15px;
      color: #f58345; }
    .descList .descListContent .descListBox ul li {
      margin-left: 15px; }
      .descList .descListContent .descListBox ul li p {
        margin: 10px 0 15px;
        line-height: 1.3; }
    .descList .descListContent .descListBox ul li:first-child {
      margin-left: 0px;
      text-transform: uppercase;
      font-size: 1.3em;
      margin-bottom: 0; }
      .descList .descListContent .descListBox ul li:first-child p {
        margin-bottom: 0px;
        line-height: 1.2; }
      .descList .descListContent .descListBox ul li:first-child:before {
        display: none; }



    .descList .descListContent .descListBoxTwo {
      width: 45%; }
    .descList .descListContent .descListBoxThree {
      width: 28%; }

.descList-cm {
  background: none;
  padding-top: 0; }

.conList .conListContent {
  display: flex;
  justify-content: space-between; }
  .conList .conListContent .conListBox ul li:before {
    content: '-';
    display: inline-block;
    position: absolute;
    color: #f58345;
    font-weight: bold;
    font-size: 1.8em;
    color: #f58345;
    margin-right: 5px;
    position: absolute;
    transform: translate(-20px, -13px); }
  .conList .conListContent .conListBox ul li {
    margin-left: 15px; }
    .conList .conListContent .conListBox ul li a {
      color: #636766;
      transition: 200ms; }
      .conList .conListContent .conListBox ul li a:hover {
        color: #f58345; }
  .conList .conListContent .conListBox ul li:first-child {
    margin-left: 0px;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 15px; }
    .conList .conListContent .conListBox ul li:first-child p {
      margin-bottom: 5px;
      line-height: 1.2; }
    .conList .conListContent .conListBox ul li:first-child:before {
      display: none; }

.conListFirst {
  margin-bottom: 50px; }

.codisContainer {
  padding-bottom: 0; }

.paragraphBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .paragraphBox__text {
    width: 60%; }
  .paragraphBox__img {
    width: 35%;
    margin-top: 50px; }
    .paragraphBox__img figure {
      margin: 0;
      text-align: right; }
      .paragraphBox__img figure figcaption {
        font-style: italic; }

/*
.codis-paragraphBox {
  display: block;

  .paragraphBox__img {
    margin-top: 50px;
  }

} */
.rsv-probes {
  display: flex;
  margin-top: 50px;
  padding-bottom: 50px; }
  .rsv-probes .probeBox {
    width: 50%;
    display: inline-block;
    text-align: center; }
    .rsv-probes .probeBox img {
      width: 300px;
      height: 300px; }
    .rsv-probes .probeBox p {
      text-align: center;
      font-size: 1.2em; }

.iconHeading {
  display: flex;
  justify-content: center;
  vertical-align: bottom; }
  .iconHeading img {
    width: 100px;
    height: 100px;
    margin: 0 10px;
    border-radius: 50%; }

#air-gap-bold {
  color: #f58345; }

.conListAssets {
  background-image: url("../images/pattern.png");
  margin-bottom: 0; }

.rsv-turbo {
  display: block; }

.rsv-turbo-text {
  display: block; }

.paragraphBox-turbo-img {
  display: block !important;
  width: 700px !important; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

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

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

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

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

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

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

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

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

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

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

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

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

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

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

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

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

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

.g-recaptcha {
  position: absolute;
  margin-left: 10px; }

.codis-conList {
  display: none; }

#subMenu {
  display: none; }

.resp-heading {
  display: none; }

.resp-dropdownList {
  display: none; }

  section.info{
    padding-top:60px;
}
@media screen and (max-width: 1336px) {
    .map-new .map-anim{
        height:715px;
    }
    .n-map .wrapper{
        height:715px;

    }
    .map-new .n-map-content {
        flex-direction: row;
        flex-wrap: wrap;
        max-width:850px;
        justify-content: center;
        /*width: 100%;*/
        padding:50px 0px;
        }

        .map-new .n-map-content .map-box {
          padding: 20px 15px; margin:25px; }
        .map-new .n-map-content .map-box-w {
          order: -1; }

      #map_canvas {
        display: none; }

}

@media screen and (max-width: 980px) {
  .resp-dropdownList {
    display: block; }
  .content {
    position: relative;
    top: 40px; }
  .homeContent {
    display: none; }
  #moto {
    display: none; }
  .header__firstRow {
    width: 100%; }
    .header__firstRow .navLogoBox {
      margin: 0 auto;
      width: 100%;
      text-align: center; }
      .header__firstRow .navLogoBox img {
        height: 40px;
        position: relative;
        margin: 0;
        transform: translatey(0px); }
  #menuButton {
    display: block !important; }
  .navigation {
    position: absolute;
    background-color: white;
    width: 340px;
    transform: translate(-380px);
    transition: 300ms;
    z-index: 2000;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee; }
    .navigation .wrapper {
      width: 100%;
      padding: 0;
      margin: 0; }
    .navigation .navList {
      display: block;
      width: 100%;
      position: relative;
      transform: translatey(0px);
      border-bottom: 1px solid #e7e8ea; }
      .navigation .navList .navItem {
        display: block;
        border-bottom: 1px solid #e7e8ea;
        margin: 0; }
        .navigation .navList .navItem a, .navigation .navList .navItem #products-link {
          margin-left: 5%; }
        .navigation .navList .navItem:last-child {
          border-bottom: none; }
        .navigation .navList .navItem label {
          display: none !important; }
        .navigation .navList .navItem #subMenu {
          position: absolute;
          right: 0px;
          height: 50px;
          top: 0;
          display: inline-block;
          padding: 0 13px 0 30px;
          transform: translatey(-1px); }
          .navigation .navList .navItem #subMenu .icon-play {
            display: block;
            transform: translate(-8px, 6px);
            color: #636766;
            cursor: pointer; }
  .navItem:hover > .dropdownList {
    display: none; }
  .listHeadingBack {
    border-bottom: 1px solid #e7e8ea; }
  .resp-dropdownList {
    transition: 300ms;
    position: fixed;
    z-index: 5000;
    background-color: white;
    top: 50px;
    width: 340px;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    transform: translate(-340px); }
    .resp-dropdownList ul {
      border-bottom: 1px solid rgba(128, 128, 128, 0.1); }
      .resp-dropdownList ul li {
        line-height: 2;
        border-bottom: 1px dashed #eee;
        border-right: 1px solid #eee; }
        .resp-dropdownList ul li:last-child {
          border-bottom: none; }
        .resp-dropdownList ul li a {
          color: #636766;
          margin-left: 6%;
          padding: 3px 0; }
        .resp-dropdownList ul li .listHeading a {
          margin-left: 5%; }
    .resp-dropdownList #backSubMenu {
      position: absolute;
      right: -20px;
      height: 39px;
      top: 0;
      display: inline-block;
      padding: 0px 32px;
      transform: translatey(-1px);
      z-index: 5000; }
      .resp-dropdownList #backSubMenu .icon-play {
        display: block;
        transform: translate(-12px, 4px) rotate(-180deg);
        color: #636766;
        cursor: pointer; }
  .resp-dropdownList-open {
    transform: translate(0px);
    transition: 300ms; }
  .heading {
    display: none; }
  .resp-heading {
    background-image: url("../images/hydro-asset-heading2.png");
    background-size: cover;
    height: 500px !important;
    display: flex;
    position: relative;
    width: 100%;
    top: -50px; }
    .resp-heading .resp-heading-box {
      margin: 150px auto;
      text-align: center; }
      .resp-heading .resp-heading-box h2 {
        color: white;
        text-transform: uppercase; }
        .resp-heading .resp-heading-box h2:after {
          margin-bottom: 0; }
      .resp-heading .resp-heading-box p {
        color: white; }
      .resp-heading .resp-heading-box a.resp-video {
        color: white;
        text-transform: uppercase;
        background-color: rgba(255, 255, 255, 0.1);
        font-weight: bold;
        letter-spacing: 1px;
        border: 2px solid rgba(255, 255, 255, 0);
        padding: 5px 15px;
        border-radius: 3px;
        margin-top: 50px !important;
        display: inline-block;
        font-size: 14px; }
  .info .infoContent {
    display: block; }
    .info .infoContent .infoBox {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 50px; }
  .references ul li {
    text-align: left;
    width: 100%;
    display: block;
    margin-bottom: 10px; }
  .partners .partnersBox {
    display: block;
    text-align: center; }
    .partners .partnersBox .partnersImgBox {
      margin-bottom: 30px; }
  .footer .footerContent {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around !important; }
    .footer .footerContent .footerAbout {
      display: none; }
    .footer .footerContent .footerContact #copyrights {
      position: absolute;
      bottom: 30px;
      right: 0; }
    .footer .footerContent .footerInfo {
      width: 100%; }
  .n-about-us .n-about-us-content {
    display: block; }
    .n-about-us .n-about-us-content .infoBox {
      width: 85%;
      margin: 0 auto;
      margin-bottom: 40px; }
  .n-else h3 {
    text-align: center; }
  .n-else .n-else-content {
    display: block; }
    .n-else .n-else-content .elseInfoBox {
      width: 90%;
      margin: 0 auto 60px auto; }
  .prizes {
    display: none; }
    .prizes .prizes-content {
      display: none; }
  .knowledge h3, .knowledge p {
    width: 90%;
    margin: 0 auto; }
  .map-new .map-anim {
    display: none; }
  .map-new .n-map {
    position: relative;
    background-image: url("../images/map-grey-gs.png") !important;
    background-size: cover;
    height: auto; }
    .map-new .n-map .wrapper {
      height: auto; }

  .map-new .n-map-content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /*width: 100%;*/
        padding:50px 0px;
    }

    .map-new .n-map-content .map-box {
      padding: 20px 15px; margin:25px; }
    .map-new .n-map-content .map-box-w {
      order: -1; }

  #map_canvas {
    display: none; }

  .n-contact-form .form-container {
    display: block !important; }
    .n-contact-form .form-container .n-form-fr, .n-contact-form .form-container .n-form-sr {
      width: 100% !important; }
    .n-contact-form .form-container input, .n-contact-form .form-container textarea {
      width: 100% !important; }
  .companyInfo .companyInfoContent {
    display: block; }
    .companyInfo .companyInfoContent p {
      margin-left: 5%; }
  .servicesSection {
    padding-bottom: 0; }
    .servicesSection .wrapper {
      display: block;
      widtH: 100%; }
      .servicesSection .wrapper .servicesImg {
        width: 100%;
        max-width: 300px; }
      .servicesSection .wrapper .service {
        width: 100% !important; }
        .servicesSection .wrapper .service p {
          width: 100%; }
        .servicesSection .wrapper .service h3 {
          width: 100%;
          margin-top: 20px;
          font-size: 30px; }
          .servicesSection .wrapper .service h3:after {
            width: 100%; }
        .servicesSection .wrapper .service ul {
          width: 100%; }
          .servicesSection .wrapper .service ul li {
            width: 100%; }
  .academyHeading h2 {
    margin-top: 20px; }
  .academyContent .academyBox {
    width: 100%; }
  .machineConditionMonitoring .wrapper {
    width: 100%; }
    .machineConditionMonitoring .wrapper .why-con {
      width: 85%;
      margin: 0 auto; }
    .machineConditionMonitoring .wrapper .conditionImgBox {
      width: 85%; }
      .machineConditionMonitoring .wrapper .conditionImgBox #benefits-img {
        width: 80%;
        height: auto; }
  .fault-analysis-proces .wrapper {
    width: 85%;
    margin: 0 auto; }
    .fault-analysis-proces .wrapper .faultContent {
      display: block !important; }
      .fault-analysis-proces .wrapper .faultContent .faultText {
        width: 100%; }
    .fault-analysis-proces .wrapper .fap-img {
      margin-top: 20px; }
  .benefits {
    padding: 100px 0 !important;
    display: none; }
    .benefits h4 {
      font-size: 25px !important; }
  .codis-mcms .wrapper {
    width: 90%; }
  .codis-mcms-imgBox {
    display: none !important; }
  .codis-architecture {
    background-color: #e7e8ea !important; }
    .codis-architecture h4 {
      margin-bottom: 20px !important; }
    .codis-architecture .arch-h {
      color: #636766 !important; }
    .codis-architecture .architectureContent {
      display: block; }
      .codis-architecture .architectureContent .contentBox {
        transform: scale(0.8); }
  .systemLayoutImgBox {
    width: 100% !important;
    display: none; }
    .systemLayoutImgBox img {
      width: 320px !important; }
  .browseAssetsContent .browseContent {
    display: block; }
    .browseAssetsContent .browseContent .browseBox {
      width: 75%;
      margin: 0 auto 100px auto; }
  .browseMonitoringContent .browseContent .browseBox {
    width: 70%;
    margin-bottom: 150px; }
    .browseMonitoringContent .browseContent .browseBox h4 {
      bottom: -70px; }
    .browseMonitoringContent .browseContent .browseBox .protable-inst-resp {
      transform: translatey(-50px) scale(0.65); }
  .measurementHeading {
    height: auto; }
  .browseMeasurement .measurementContent {
    display: block;
    margin: 0; }
    .browseMeasurement .measurementContent-box {
      width: 80%;
      margin: 0 auto 50px auto; }
  .browseMeasurement .mc-first {
    margin-top: 50px; }
  .asset-codis .assets-codis__content {
    display: block; }
    .asset-codis .assets-codis__content__box h5 {
      width: 70%;
      margin: 20px auto 50px auto; }
  .conListAssets .conListContent {
    display: block; }
  .iconHeading {
    width: 75px;
    height: 75px;
    margin: 0 auto; }
  .sensorsContent .paragraphBox, .monitoringContainer .paragraphBox {
    display: block; }
    .sensorsContent .paragraphBox__text, .monitoringContainer .paragraphBox__text {
      width: 100%; }
    .sensorsContent .paragraphBox__img, .monitoringContainer .paragraphBox__img {
      width: 100%; }
      .sensorsContent .paragraphBox__img figure, .monitoringContainer .paragraphBox__img figure {
        text-align: center; }
  .sensorsContent .rsv-probes, .monitoringContainer .rsv-probes {
    display: block; }
    .sensorsContent .rsv-probes .probeBox, .monitoringContainer .rsv-probes .probeBox {
      width: 100%;
      height: auto;
      margin: 0; }
      .sensorsContent .rsv-probes .probeBox:first-child, .monitoringContainer .rsv-probes .probeBox:first-child {
        margin-bottom: 40px; }
  .descList .descListContent {
    display: block; }
    .descList .descListContent .descListBox {
      margin-bottom: 40px; }
    .descList .descListContent .descListBoxTwo, .descList .descListContent .descListBoxThree {
      width: 100%; }
      .descList .descListContent .descListBoxTwo:first-child, .descList .descListContent .descListBoxThree:first-child {
        margin-bottom: 40px; }
  .conList .conListContent {
    display: block; }
  .monitoringContainer #rsv-abv-pb {
    display: block; }
    .monitoringContainer #rsv-abv-pb .paragraphBox__text {
      width: 100%; }
    .monitoringContainer #rsv-abv-pb .paragraphBox__img {
      width: 100%; }
  .codis-paragraphBox {
    display: block; }
    .codis-paragraphBox .paragraphBox__text {
      width: 100%; }
    .codis-paragraphBox .paragraphBox__img {
      width: 100%; }
      .codis-paragraphBox .paragraphBox__img figure {
        text-align: center; }
  .codisSchemeBox figure {
    width: 100%;
    margin-top: 40px;
    text-align: center; }

    .codisScheme.wide {
        text-align: center;
        margin:60px auto 0 auto;
        width: 100%; }
  .c-dm-screens {
    display: none; }
  .codis-pmu-screens {
    display: none; }
  .codis-navigation-links {
    display: none; }
  .codis-conList {
    display: block; }
  .brochures label {
    transform: translatey(35px) !important; }
  .brochures .brochuresContent {
    transform: translatey(10px) !important; }
  .brochures #brochuresBtn[type=checkbox]:checked ~ label {
    transform: translatey(-180px) !important; }
  .brochures #brochuresBtn[type=checkbox]:checked ~ .brochuresContent {
    transform: translatey(-200px) !important; }
  h2 {
    font-size: 2.3em; }
  h3 {
    font-size: 2em; }
  p.intro {
    font-size: 1.5em;  }
  .mpc-navigation .mpc-nav-cont {
    flex-direction: column;
    text-align: center;
    padding: 20px 0; }
    .mpc-navigation .mpc-nav-cont a {
      border-bottom: 1px dashed rgba(231, 232, 234, 0.1);
      width: 100%;
      line-height: 40px; }
      .mpc-navigation .mpc-nav-cont a:last-child {
        border-bottom: 0; }
      .mpc-navigation .mpc-nav-cont a:after {
        display: none;
        font-size: 14px; }
  .turboHeading {
    background-size: cover; }
  .mining-navigation a {
    text-align: center; } }

.oceania-heading {
  display: block;
  background-image: url("../images/hydro-asset-heading2.png");
  background-position: center;
  background-size: cover;
  padding: 120px 0; }
  .oceania-heading h2 {
    color: white; }

.oceaniaBox:first-child {
  border-bottom: none;
  margin-bottom: 0px; }

.oceania-img-box {
  text-align: center; }
  .oceania-img-box img {
    width: 400px; }

.oceania-link-box {
  text-align: center;
  margin-top: 45px; }
  .oceania-link-box a {
    background-color: #f58345;
    color: white;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    border: 2px solid #f58345;
    transition: 200ms; }
    .oceania-link-box a:hover {
      background-color: white;
      color: #f58345; }

.oceania-directors {
  display: flex;
  align-items: center; }
  .oceania-directors img {
    width: 150px;
    height: 150px;
    margin-right: 20px; }

.oceania-dir-first {
  margin-bottom: 50px; }

.oceaniaDescList {
  background-image: none; }

.oceaniaBox .oceaniaWrapper {
  width: 600px !important; }
  .oceaniaBox .oceaniaWrapper a {
    color: #636766;
    transition: 200ms; }
    .oceaniaBox .oceaniaWrapper a:hover {
      color: #f58345; }
  .oceaniaBox .oceaniaWrapper ul li:before {
    transform: translatey(-1px); }
  .oceaniaBox .oceaniaWrapper .listHeading {
    font-size: 0.9em !important;
    color: #f58345;
    text-transform: none; }

#oceania-provide {
  display: block;
  margin: 30px 0 !important; }

.oceaniaBoxLast {
  margin-bottom: none !important; }

.oceaniaBox {
  position: relative; }

.oceaniaContent {
  margin-top: 80px;
  overflow: hidden; }

#oceania-page, #about, #projects, #approach, #directors, #contactus-o {
  position: absolute;
  top: -120px;
  left: -999999px;
  width: 50px;
  height: 50px; }

#contactus-o {
  position: absolute;
  top: -90px; }


@media screen and (max-width: 664px) {
    section.info{
        padding-top:0px;
    }

    .map-new .n-map {
        background-image: url("../images/map-grey-small-gs.png") !important;
        background-size: cover;
}

  .oceania-directors {
    display: block; }
    .oceania-directors img {
      display: block;
      margin-top: 15px; }
  .oceania-heading {
    padding: 0px 0 0px 0 !important;
    position: relative;
    top: -10px; }
    .oceania-heading .resp-heading-box {
      margin: 0; }
      .oceania-heading .resp-heading-box h2 {
        padding-top: 160px !important; }
  .oceaniaContent {
    margin-top: 10px; }
  #oceania-map {
    width: 60%; } }

.oceania-moto {
  position: absolute;
  left: 135px !important;
  top: 4px !important; }

#oceania-mail {
  color: #f58345 !important;
  display: inline-block; }

.oceaniaForm {
  background-color: rgba(231, 232, 234, 0.4);
  transform: translatey(90px); }

.sub-heading {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #f58345;
  font-weight: 400; }

.oceaniaHeading-lc {
  text-transform: none !important; }

.oceania-icon-box {
  display: flex;
  justify-content: space-around;
  text-align: center;
  flex-wrap: wrap; }
  .oceania-icon-box .oceania-art-box {
    width: 33%; }
  .oceania-icon-box img {
    width: 80px;
    margin-top: 40px; }
  .oceania-icon-box .oceania-icon-heading {
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold; }
  .oceania-icon-box .oceania-icon-text {
    font-size: 14px; }

.oceania-icon-img {
  border-radius: 50%;
  transition: 300ms; }
  .oceania-icon-img:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.05); }

#codis-oceania-link {
  font-weight: bold; }

#oceania-mail {
  transform: translatey(-10px); }

#oceania-linked-in {
  transform: translate(-5px);
  display: inline-block; }

#nat-ins-oceania {
  display: block;
  height: 20px;
  transform: translatey(-55px); }
  #nat-ins-oceania img {
    height: 35px; }


a.simpleLink {
    color: #f58345;
}
    a.simpleLink:hover {
        color: #636766;;
    }

a.simpleLinkWhite {
    color: #fff
}
    a.simpleLinkWhite:hover {
        color: #f58345;
    }




    .glass-effect {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }