/* COLORS */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Fonts */
.slider .single-article {
  padding-top: 0px; }
  .slider .single-article article {
    padding-top: 15px; }

#slider {
  background: url("../img/sample/slider1.jpg") no-repeat;
  background-position: left center;
  display: inline-block;
  margin-bottom: 53px;
  min-height: 380px;
  position: relative;
  width: 100%;
  background-size: cover !important;
  /* settigns for blog page */
  /* settigns for general page */
  /* CallToAction */
  /* Opacity settings */ }
  #slider.with-innerSlider {
    min-height: 415px; }
  #slider.page-slider {
    margin-bottom: 0; }
    #slider.page-slider .video {
      display: none; }
  #slider .slider-content {
    margin: 0 auto;
    max-width: 1250px;
    min-height: 380px;
    padding-top: 68px;
    position: relative;
    z-index: 5; }
    #slider .slider-content .title {
      color: #efe7d7;
      font-family: "RobotoCondensedBold";
      font-size: 60px;
      text-transform: uppercase;
      line-height: 60px;
      padding-bottom: 20px; }
      #slider .slider-content .title span {
        color: #fff; }
    #slider .slider-content p {
      color: #efe7d7;
      font-family: "RobotoCondensed";
      font-size: 16px;
      line-height: 19px;
      text-transform: uppercase; }
    #slider .slider-content .video {
      height: 324px;
      width: 577px; }
      #slider .slider-content .video .video-content {
        background: #1b1b1b;
        bottom: 0;
        height: 324px;
        position: absolute;
        right: 0;
        width: 577px; }
        #slider .slider-content .video .video-content img {
          border: 1px solid #efe7d7; }
        #slider .slider-content .video .video-content iframe {
          border: 1px solid #efe7d7;
          max-width: 577px;
          width: 100%; }
    #slider .slider-content .more {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      z-index: 6; }
  #slider .cutter {
    background: #f0eadd;
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 54%;
    z-index: 3; }
  #slider .scroll-down {
    animation: UpDown 2s infinite;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -33px;
    height: 66px;
    width: 20px;
    z-index: 10; }
    #slider .scroll-down .scroll {
      background: #a20f1a;
      bottom: 0px;
      display: block;
      height: 66px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 1px;
      z-index: 9; }

@keyframes UpDown {
  0 {
    bottom: -33px; }
  50% {
    bottom: -1px; }
  100% {
    bottom: -33px; } }

@-webkit-keyframes bounce {
  0% {
    bottom: -33px; }
  25% {
    bottom: -1px; }
  50% {
    bottom: -33px; }
  75% {
    bottom: -1px; }
  100% {
    bottom: -33px; } }

@keyframes bounce {
  0% {
    bottom: -33px; }
  25% {
    bottom: -1px; }
  50% {
    bottom: -33px; }
  75% {
    bottom: -1px; }
  100% {
    bottom: -33px; } }
  #slider .inner-slider-container {
    height: 415px !important;
    width: 576px !important;
    position: absolute;
    top: 0;
    right: 0; }
    #slider .inner-slider-container .slider-title {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      height: 50px;
      width: 100%;
      background: #a20f1a;
      color: #fff;
      text-transform: uppercase;
      line-height: 50px;
      z-index: 4;
      font-family: 'RobotoCondensedBold';
      font-size: 36px; }
    #slider .inner-slider-container .slide-content-container {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      margin: 0 auto;
      width: 90%;
      bottom: 0;
      transform: translateY(-50%);
      z-index: 4;
      text-align: right;
      font-family: 'RobotoCondensed';
      font-size: 16px; }
      #slider .inner-slider-container .slide-content-container .slide-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0; }
        #slider .inner-slider-container .slide-content-container .slide-content h1, #slider .inner-slider-container .slide-content-container .slide-content h2, #slider .inner-slider-container .slide-content-container .slide-content h3, #slider .inner-slider-container .slide-content-container .slide-content h4, #slider .inner-slider-container .slide-content-container .slide-content h5, #slider .inner-slider-container .slide-content-container .slide-content h6 {
          font-size: 24px; }
      #slider .inner-slider-container .slide-content-container .slide-title {
        color: #d2c4a4;
        font-size: 18px;
        text-transform: uppercase; }
      #slider .inner-slider-container .slide-content-container p {
        padding: 30px 0 30px 0; }
      #slider .inner-slider-container .slide-content-container .info {
        color: #a20f1a;
        font-size: 24px; }
    #slider .inner-slider-container .opacity {
      background: #000;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      z-index: 3; }
  #slider.blogSlide {
    margin-bottom: 0; }
    #slider.blogSlide .slider-content .title {
      font-size: 48px;
      text-align: center;
      line-height: 48px;
      padding-bottom: 37px; }
    #slider.blogSlide .slider-content .column {
      max-width: 100%; }
      #slider.blogSlide .slider-content .column .column-content {
        position: relative;
        text-align: center;
        top: 50%;
        z-index: 2; }
        #slider.blogSlide .slider-content .column .column-content .icons {
          display: inline-block;
          margin-bottom: 42px;
          position: relative; }
          #slider.blogSlide .slider-content .column .column-content .icons a {
            left: 0;
            height: 100%;
            position: absolute;
            top: 0;
            width: 100%; }
          #slider.blogSlide .slider-content .column .column-content .icons .icon {
            display: inline-block;
            float: none;
            text-align: center;
            width: 125px;
            padding-left: 5px;
            padding-right: 5px; }
            #slider.blogSlide .slider-content .column .column-content .icons .icon .icon-img {
              display: table-cell;
              height: 50px;
              width: 115px;
              vertical-align: bottom; }
            #slider.blogSlide .slider-content .column .column-content .icons .icon .icon-title {
              color: #f0eadd;
              font-family: "RobotoCondensed";
              font-size: 16px;
              letter-spacing: 1px;
              padding-top: 14px;
              text-transform: uppercase; }
    #slider.blogSlide .slider-content .more {
      position: relative; }
  #slider.pageSlide {
    margin-bottom: 0px; }
    #slider.pageSlide .slider-content .title {
      font-size: 48px;
      line-height: 48px;
      padding: 0; }
    #slider.pageSlide .slider-content .more {
      position: relative; }
    #slider.pageSlide .slider-content .contentCenter {
      padding-top: 38px;
      padding-bottom: 38px; }
  #slider .more {
    width: 210px;
    height: 55px;
    background: #a20f1a;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    #slider .more a {
      color: #fff;
      display: table;
      font-family: "RobotoCondensed";
      font-size: 24px;
      height: 100%;
      position: absolute;
      width: 100%; }
      #slider .more a span {
        display: table-cell;
        vertical-align: middle; }
  #slider .bottom-opacity {
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* ie6-9 */
    bottom: 0;
    height: 45%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2; }
  #slider .opacity {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1; }

/* FONTS */
@font-face {
  font-family: 'RobotoRegular';
  src: url("../fonts/RobotoRegular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'RobotoLight';
  src: url("../fonts/RobotoLight.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight.woff2") format("woff2"), url("../fonts/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight.ttf") format("truetype"), url("../fonts/RobotoLight.svg#RobotoLight") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("../fonts/RobotoCondensed.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/RobotoCondensed.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed.woff2") format("woff2"), url("../fonts/RobotoCondensed.woff") format("woff"), url("../fonts/RobotoCondensed.ttf") format("truetype"), url("../fonts/RobotoCondensed.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'RobotoCondensedBold';
  src: url("../fonts/RobotoCondensedBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/RobotoCondensedBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensedBold.woff2") format("woff2"), url("../fonts/RobotoCondensedBold.woff") format("woff"), url("../fonts/RobotoCondensedBold.ttf") format("truetype"), url("../fonts/RobotoCondensedBold.svg#RobotoCondensedBold") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'RobotoBold';
  src: url("../fonts/RobotoBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg");
  /* Legacy iOS */ }

body, html {
  width: 100%;
  height: 100%; }

body {
  background: #f0eadd;
  position: relative;
  overflow-x: hidden; }

/* GlOBAL HEADINGS AND PARAGRAPHS */
p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

a, a:hover, a:focus {
  color: #a20f1a;
  text-decoration: none; }

*:focus {
  outline: none !important; }

iframe {
  border: none; }

/* turn off input spinner */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }

a[href^="tel"] {
  color: inherit;
  text-decoration: none; }

/* global setting for row element */
.row {
  max-width: 1260px;
  margin: 0 auto; }

.dispadding {
  padding: 0; }

.disfloat {
  float: none; }

.red {
  color: #a20f1a !important; }

.green {
  color: #8cbe47 !important; }

/* Image align styles */
img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

a img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.admin-bar header #main-navigation {
  margin-top: 32px; }

/* HEADER SECTION */
.logo {
  display: block;
  padding: 0 0 10px 0; }

.home header .menu-logo, .home header .custom-menu {
  display: none; }

.home header #main-navigation li.active > a {
  color: #efe7d7 !important;
  border-bottom: none !important;
  font-family: "RobotoCondensed" !important; }
  .home header #main-navigation li.active > a.active {
    font-family: "RobotoCondensedBold" !important; }

header .menu-logo {
  display: block;
  float: left;
  left: 0;
  top: 7px;
  position: absolute; }

header #main-navigation {
  background: rgba(0, 0, 0, 0.47);
  height: 40px;
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9501; }
  header #main-navigation .toggle-nav {
    display: none; }
  header #main-navigation .navigation-content {
    margin: 0 auto;
    max-width: 1250px;
    position: relative;
    width: 100%; }
    header #main-navigation .navigation-content nav {
      float: right;
      position: relative; }
      header #main-navigation .navigation-content nav ul {
        padding: 7px 0 0 0;
        margin: 0; }
        header #main-navigation .navigation-content nav ul .menu-item-has-children {
          color: #fff !important; }
          header #main-navigation .navigation-content nav ul .menu-item-has-children > a:after {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            border-top: 6px solid #a20f1a;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            float: right;
            margin-top: 10px;
            margin-left: 7px; }
        header #main-navigation .navigation-content nav ul li {
          color: #efe7d7;
          display: inline-block;
          font-size: 16px;
          float: left;
          list-style-type: none;
          padding-right: 64px;
          position: relative;
          text-transform: uppercase; }
          header #main-navigation .navigation-content nav ul li.active > a {
            color: #fff;
            border-bottom: 1px solid #a20f1a;
            font-family: "RobotoCondensedBold"; }
          header #main-navigation .navigation-content nav ul li a {
            color: #efe7d7;
            font-family: "RobotoCondensed";
            font-size: 16px; }
            header #main-navigation .navigation-content nav ul li a.active {
              border-bottom: 1px solid #a20f1a !important;
              color: #fff !important;
              font-family: "RobotoCondensedBold";
              padding-bottom: 4px; }
          header #main-navigation .navigation-content nav ul li.current-menu-item a {
            border-bottom: 1px solid #a20f1a;
            color: #fff;
            font-family: "RobotoCondensedBold";
            padding-bottom: 4px; }
          header #main-navigation .navigation-content nav ul li ul {
            left: 0;
            position: absolute;
            top: 100%;
            width: 600px;
            display: none; }
            header #main-navigation .navigation-content nav ul li ul .submenuBG {
              background: rgba(0, 0, 0, 0.47);
              content: "";
              width: 100%;
              position: absolute;
              display: block;
              margin: 1px -1000em;
              padding: 0 1000em;
              height: 100px; }
            header #main-navigation .navigation-content nav ul li ul li {
              padding-top: 10px; }
              header #main-navigation .navigation-content nav ul li ul li ul .submenuBG {
                display: none; }
              header #main-navigation .navigation-content nav ul li ul li ul li {
                display: block;
                float: none; }
              header #main-navigation .navigation-content nav ul li ul li ul:after {
                display: none !important;
                background: transparent !important; }
          header #main-navigation .navigation-content nav ul li:hover > ul {
            display: block; }

header .language-select {
  cursor: pointer;
  display: block;
  float: right;
  width: 67px;
  padding-top: 7px;
  position: relative;
  z-index: 8; }
  header .language-select .active-lang {
    color: #fff;
    font-family: "RobotoCondensedBold";
    font-size: 16px;
    margin-left: 20px;
    width: 44px; }
    header .language-select .active-lang:after {
      background: url(../img/polygon-language-select.png) no-repeat;
      content: "";
      display: block;
      float: right;
      height: 6px;
      margin-top: 9px;
      width: 10px; }
  header .language-select ul {
    background: rgba(0, 0, 0, 0.47);
    display: none;
    margin: 9px 0 0 0;
    padding: 0 0 3px 0;
    text-align: center; }
    header .language-select ul li {
      float: none;
      list-style-type: none; }
      header .language-select ul li a {
        color: #fff;
        font-family: "RobotoCondensedBold";
        font-size: 16px; }

header .custom-menu {
  background: #8cbe47;
  display: block;
  float: right;
  height: 40px;
  margin-left: 76px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 164px; }
  header .custom-menu a {
    color: #efe7d7;
    display: table;
    font-family: "RobotoCondensedBold";
    font-size: 16px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    header .custom-menu a span {
      display: inline-block;
      padding-top: 6px; }
      header .custom-menu a span:after {
        background: url("../img/polygon.png") no-repeat;
        content: "";
        display: block;
        float: right;
        margin-left: 6px;
        margin-top: 9px;
        height: 12px;
        width: 6px; }

/* CONTENT SECTION */
.entry-content p img {
  max-width: 100%;
  height: auto; }

.entry-content .more {
  width: 210px;
  height: 55px;
  background: #a20f1a;
  color: #fff;
  text-transform: uppercase;
  margin-top: 30px;
  text-align: center;
  position: relative; }
  .entry-content .more a {
    color: #fff;
    display: table;
    font-family: "RobotoCondensed";
    font-size: 24px;
    height: 100%;
    position: absolute;
    width: 100%; }
    .entry-content .more a span {
      display: table-cell;
      vertical-align: middle; }

section, .section {
  display: block;
  height: auto;
  position: relative;
  width: 100%; }
  section .row, .section .row {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    width: 100%; }
  section .section-title, section .section-title a, .section .section-title, .section .section-title a {
    color: #494949;
    font-family: "RobotoCondensed";
    font-size: 24px;
    padding-bottom: 27px;
    text-align: center;
    text-transform: uppercase;
    z-index: 5;
    position: relative; }
    section .section-title span, section .section-title a span, .section .section-title span, .section .section-title a span {
      color: #a20f1a;
      border-bottom: 2px solid #a20f1a; }
  section .more, .section .more {
    width: 210px;
    height: 55px;
    background: #a20f1a;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    section .more a, .section .more a {
      color: #fff;
      display: table;
      font-family: "RobotoCondensed";
      font-size: 24px;
      height: 100%;
      position: absolute;
      width: 100%; }
      section .more a span, .section .more a span {
        display: table-cell;
        vertical-align: middle; }
  section .view-gallery, .section .view-gallery {
    bottom: 0;
    width: 230px;
    height: 55px;
    background: #8d8d8d;
    color: #f0eadd;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin-top: 20px; }
    section .view-gallery a, .section .view-gallery a {
      color: #f0eadd;
      display: table;
      font-family: "RobotoCondensedBold";
      font-size: 18px;
      line-height: 21px;
      height: 100%;
      position: absolute;
      width: 100%; }
      section .view-gallery a span, .section .view-gallery a span {
        display: table-cell;
        vertical-align: middle; }
  section .overlay, .section .overlay {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1; }
  section .gallery-preview, .section .gallery-preview {
    max-width: 615px; }
    section .gallery-preview .featured-image img, .section .gallery-preview .featured-image img {
      width: 100%;
      height: auto; }
    section .gallery-preview .thumbnail, .section .gallery-preview .thumbnail {
      width: 48%;
      padding-top: 20px; }
      section .gallery-preview .thumbnail .pull-left, .section .gallery-preview .thumbnail .pull-left {
        width: 100%;
        height: auto; }
      section .gallery-preview .thumbnail .pull-right, .section .gallery-preview .thumbnail .pull-right {
        width: 100%;
        height: auto; }
  section.product-solution, .section.product-solution {
    padding-top: 30px;
    padding-bottom: 30px; }
    section.product-solution:nth-child(odd), .section.product-solution:nth-child(odd) {
      background: #f0eadd; }
    section.product-solution:nth-child(even), .section.product-solution:nth-child(even) {
      background: #e2dcd0; }
    section.product-solution .row, .section.product-solution .row {
      max-width: 1250px; }
    section.product-solution article .entry-title, .section.product-solution article .entry-title {
      font-family: "RobotoRegular";
      font-size: 24px;
      padding-bottom: 19px;
      text-transform: uppercase; }
    section.product-solution article .entry-content, .section.product-solution article .entry-content {
      min-height: 508px;
      margin-left: 15px;
      position: relative; }
    section.product-solution article p, .section.product-solution article p {
      text-align: justify; }
    section.product-solution article p, section.product-solution article ul li, section.product-solution article ul ol, .section.product-solution article p, .section.product-solution article ul li, .section.product-solution article ul ol {
      font-family: "RobotoRegular";
      font-size: 18px;
      line-height: 21px;
      letter-spacing: -0.2px; }
  section.featured-article, .section.featured-article {
    padding-top: 30px;
    padding-bottom: 30px; }
    section.featured-article:nth-child(odd), .section.featured-article:nth-child(odd) {
      background: #e2dcd0; }
    section.featured-article:nth-child(even), .section.featured-article:nth-child(even) {
      background: #f0eadd; }
    section.featured-article .row, .section.featured-article .row {
      max-width: 1250px; }
    section.featured-article .featured-image, .section.featured-article .featured-image {
      max-width: 615px;
      position: relative; }
      section.featured-article .featured-image img, .section.featured-article .featured-image img {
        height: auto;
        width: 100%; }
    section.featured-article article .entry-title, .section.featured-article article .entry-title {
      color: #a20f1a;
      font-family: "RobotoRegular";
      font-size: 24px;
      padding-bottom: 19px;
      text-transform: uppercase; }
    section.featured-article article .entry-content, .section.featured-article article .entry-content {
      display: block;
      min-height: 335px;
      margin-left: 15px;
      position: relative; }
    section.featured-article article p, .section.featured-article article p {
      text-align: justify; }
    section.featured-article article p, section.featured-article article ul li, section.featured-article article ul ol, .section.featured-article article p, .section.featured-article article ul li, .section.featured-article article ul ol {
      font-family: "RobotoRegular";
      font-size: 18px;
      line-height: 21px;
      letter-spacing: -0.2px; }
    section.featured-article article .read-more, .section.featured-article article .read-more {
      bottom: 0;
      display: block;
      height: 27px;
      left: 0;
      position: absolute;
      text-transform: uppercase;
      width: 164px; }
      section.featured-article article .read-more a, .section.featured-article article .read-more a {
        color: #494949;
        font-family: "RobotoCondensedBold";
        font-size: 17px;
        width: 100%;
        height: 100%; }
        section.featured-article article .read-more a span, .section.featured-article article .read-more a span {
          display: inline-block;
          padding-top: 8px; }
          section.featured-article article .read-more a span:after, .section.featured-article article .read-more a span:after {
            background: url("../img/polygon-read-more.png") no-repeat;
            content: "";
            display: block;
            float: right;
            margin-left: 8px;
            margin-top: 7px;
            height: 13px;
            width: 8px; }
  section.articles, .section.articles {
    background-position: center !important;
    background-size: cover !important; }
    section.articles .row, .section.articles .row {
      max-width: 1250px;
      text-align: center; }
    section.articles article, .section.articles article {
      display: inline-block;
      float: none;
      max-width: 397px;
      margin-right: 8px;
      margin-left: 8px;
      padding-top: 36px;
      width: 90%; }
      section.articles article .entry-featured-image img, .section.articles article .entry-featured-image img {
        width: 100%;
        height: auto; }
      section.articles article .entry-title, .section.articles article .entry-title {
        color: #fff;
        font-family: "RobotoRegular";
        font-size: 24px;
        padding-bottom: 21px;
        padding-top: 27px;
        text-transform: uppercase;
        text-align: left; }
        section.articles article .entry-title a, .section.articles article .entry-title a {
          color: #fff; }
      section.articles article .entry-content, .section.articles article .entry-content {
        position: relative; }
      section.articles article p, .section.articles article p {
        text-align: justify; }
      section.articles article p, .section.articles article p {
        color: #e2dcd0;
        font-family: "RobotoRegular";
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.2px;
        padding-bottom: 17px; }
      section.articles article .read-more, .section.articles article .read-more {
        display: inline-block;
        position: relative;
        text-transform: uppercase;
        float: left; }
        section.articles article .read-more a, .section.articles article .read-more a {
          color: #efe7d7;
          font-family: "RobotoCondensedBold";
          font-size: 17px;
          width: 100%;
          height: 100%; }
          section.articles article .read-more a span, .section.articles article .read-more a span {
            display: inline-block;
            padding-top: 8px; }
            section.articles article .read-more a span:after, .section.articles article .read-more a span:after {
              background: url("../img/polygon-read-more.png") no-repeat;
              content: "";
              display: block;
              float: right;
              margin-left: 8px;
              margin-top: 7px;
              height: 13px;
              width: 8px; }
    section.articles .more, .section.articles .more {
      margin-bottom: 30px;
      margin-top: 34px; }

.single-article {
  padding-bottom: 115px;
  padding-top: 115px; }
  .single-article article .row {
    position: relative; }
  .single-article article p {
    text-align: justify;
    font-family: "RobotoRegular"; }
  .single-article article .entry-title {
    color: #a20f1a;
    font-family: "RobotoRegular";
    font-size: 36px;
    padding-bottom: 19px;
    text-transform: uppercase;
    padding-right: .9375rem;
    padding-left: .9375rem; }
  .single-article article .close-article {
    background: url("../img/close-article.png") no-repeat;
    display: block;
    cursor: pointer;
    height: 31px;
    position: absolute;
    right: 0;
    top: -25px;
    width: 31px;
    z-index: 7; }
  .single-article .fb-like {
    margin-top: 46px; }

.section-content .column {
  position: relative;
  width: 100%;
  max-width: 500px; }
  .section-content .column .overlay {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1; }
  .section-content .column .column-title {
    color: #f0eadd;
    font-family: "RobotoCondensedBold";
    font-size: 48px;
    left: 0;
    margin: 0 auto;
    padding-bottom: 27px;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    z-index: 5; }
    .section-content .column .column-title span {
      color: #fff;
      border-bottom: 2px solid #fff; }
    .section-content .column .column-title a {
      color: #f0eadd; }
      .section-content .column .column-title a span {
        color: #fff;
        border-bottom: 2px solid #fff; }
  .section-content .column .column-content {
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5; }
    .section-content .column .column-content .icons {
      display: inline-block;
      margin-bottom: 42px;
      position: relative; }
      .section-content .column .column-content .icons a {
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%; }
      .section-content .column .column-content .icons .icon {
        display: inline-block;
        float: none;
        text-align: center;
        width: 145px;
        padding-left: 5px;
        padding-right: 5px; }
        .section-content .column .column-content .icons .icon .icon-img {
          display: table-cell;
          height: 50px;
          width: 145px;
          vertical-align: bottom; }
        .section-content .column .column-content .icons .icon .icon-title {
          color: #f0eadd;
          font-family: "RobotoCondensed";
          font-size: 16px;
          letter-spacing: 1px;
          padding-top: 14px;
          text-transform: uppercase; }

.section-about .zmodule-sign {
  background: url("../img/zmodule-sign.png") no-repeat;
  background-position: center;
  position: relative;
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  width: 100%;
  height: 400px; }

.section-about .opacity {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1; }

.section-about .bottom-opacity {
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* ie10+ */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
  /* ie6-9 */
  bottom: 0;
  height: 45%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2; }

.projects-content #projects {
  padding-top: 11px; }

.projects-categories .section-description .row {
  max-width: 1250px; }

.projects-categories .section-description p {
  text-align: justify;
  font-family: "RobotoRegular"; }

.projects-categories .section-content .row {
  max-width: 1020px; }

.projects-categories .addmargin {
  margin-top: 20px !important; }

.projects-categories .section-title {
  font-family: "RobotoCondensedBold";
  font-size: 48px; }

.projects-categories .category .category-title, .projects-categories .category .category-title a {
  font-size: 36px !important; }

.archive #projects {
  padding-top: 0; }

#projects .zmodule-sign {
  background: url("../img/zmodule-sign.png") no-repeat;
  background-position: center;
  z-index: 2;
  position: relative;
  position: absolute;
  bottom: 4.5%;
  left: 0;
  right: 0;
  width: 100%;
  height: 400px; }

#projects .row {
  z-index: 3; }

#projects, #projects-categories {
  padding-top: 62px;
  padding-bottom: 19px;
  margin-bottom: 40px; }
  #projects .category, #projects-categories .category {
    max-width: 500px;
    position: relative;
    width: 100%; }
    #projects .category .category-title a, #projects-categories .category .category-title a {
      color: #fff;
      font-family: "RobotoCondensedBold";
      font-size: 38px;
      left: 0px;
      position: absolute;
      text-transform: uppercase;
      top: 0px;
      z-index: 2;
      background: #a20f1a;
      padding: 5px 25px; }
    #projects .category .project, #projects-categories .category .project {
      position: relative; }
      #projects .category .project .project-info, #projects-categories .category .project .project-info {
        bottom: 16px;
        position: absolute;
        right: 16px;
        text-align: right;
        z-index: 2; }
        #projects .category .project .project-info .project-title, #projects-categories .category .project .project-info .project-title {
          color: #fff;
          font-family: "RobotoCondensed";
          font-size: 18px;
          letter-spacing: 1px;
          text-transform: uppercase; }
        #projects .category .project .project-info .project-meta, #projects-categories .category .project .project-info .project-meta {
          color: #f0eadd;
          font-family: "RobotoCondensed";
          font-size: 16px; }
      #projects .category .project .overlay, #projects-categories .category .project .overlay {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1; }
  #projects .more, #projects-categories .more {
    margin-top: 18px; }

.section-solutions {
  padding-top: 0px;
  background-attachment: fixed; }
  .section-solutions .row {
    z-index: 2; }
  .section-solutions .zmodule-sign {
    background: url("../img/zmodule-sign.png") no-repeat;
    background-position: center;
    z-index: 4;
    position: relative;
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    width: 100%;
    height: 400px; }
  .section-solutions .featured-solutions {
    position: relative; }
    .section-solutions .featured-solutions .background {
      background-position: center !important;
      background-repeat: no-repeat !important;
      display: block;
      width: 100%;
      min-height: 465px; }
    .section-solutions .featured-solutions .section-title {
      color: #fff;
      font-family: "RobotoCondensedBold";
      font-size: 48px;
      left: 40px;
      position: absolute;
      top: 34px; }
    .section-solutions .featured-solutions .section-title a {
      color: #fff !important;
      font-family: "RobotoCondensedBold";
      font-size: 48px; }
  .section-solutions .process {
    background-position: top center !important;
    background-repeat: no-repeat !important;
    display: block;
    width: 100%;
    min-height: 264px;
    position: relative;
    z-index: 2; }
    .section-solutions .process .zmodule-icon {
      background-image: url("../img/sample/zmodule-icon.png");
      background-repeat: no-repeat;
      display: block;
      height: 24px;
      margin: 0 auto;
      padding-top: 26px;
      width: 21px; }
    .section-solutions .process .section-content .section-title, .section-solutions .process .section-content .section-title a {
      color: #fff;
      padding-bottom: 54px;
      padding-top: 25px;
      text-decoration: underline; }
    .section-solutions .process .section-content .column {
      max-width: 100%; }
      .section-solutions .process .section-content .column .column-content {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateY(0); }
        .section-solutions .process .section-content .column .column-content .icons .icon .icon-title {
          color: #fff; }
  .section-solutions .solutions {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10%;
    max-width: 750px;
    max-height: 370px;
    z-index: 7;
    width: 100%; }
    .section-solutions .solutions .solutions-slider {
      margin: 0 auto 5% auto;
      max-width: 636px; }
      .section-solutions .solutions .solutions-slider .solution {
        margin: 9px;
        position: relative; }
        .section-solutions .solutions .solutions-slider .solution img {
          width: 100%;
          height: auto; }
      .section-solutions .solutions .solutions-slider .slideoverlay {
        border: 2px solid #fff;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        z-index: 1;
        margin: 0 auto;
        transform: translateY(-50%); }
      .section-solutions .solutions .solutions-slider .slick-prev {
        left: -7%; }
      .section-solutions .solutions .solutions-slider .slick-next {
        right: -7%; }

#blog {
  background: #a20f1a;
  padding-top: 68px;
  padding-bottom: 31px; }
  #blog .row {
    z-index: 3; }
  #blog .zmodule-sign {
    background: url("../img/zmodule-sign.png") no-repeat;
    background-position: center;
    z-index: 2;
    position: relative;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    width: 100%;
    height: 400px; }
  #blog .section-title {
    color: #efe7d7;
    font-family: "RobotoCondensedBold";
    font-size: 48px;
    padding-bottom: 30px;
    padding-top: 10px;
    text-align: left; }
  #blog .more {
    background: #fff;
    margin-top: 31px; }
    #blog .more a {
      color: #a20f1a;
      font-family: "RobotoCondensed";
      font-size: 24px; }
  #blog .blog-content {
    max-width: 242px; }
    #blog .blog-content article {
      height: 237px;
      overflow: hidden; }
      #blog .blog-content article .entry-title {
        color: #fff;
        font-family: "RobotoCondensed";
        font-size: 18px;
        padding-bottom: 28px;
        text-transform: uppercase; }
        #blog .blog-content article .entry-title a {
          color: #fff; }
      #blog .blog-content article .entry-content {
        color: #f0eadd;
        font-family: "RobotoCondensed";
        font-size: 16px;
        line-height: 19px; }
    #blog .blog-content .more {
      background: #56080e;
      margin: 46px 0 0 0; }
  #blog .featured-image {
    margin-left: 8.333333%;
    max-width: 793px; }

/* CONTACTS */
.acf-map {
  width: 100%;
  height: 366px;
  margin: 20px 0; }

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important; }

.contact-article {
  padding-bottom: 115px;
  padding-top: 40px; }
  .contact-article .contactCol {
    padding-top: 28px;
    max-width: 615px;
    width: 100%;
    margin: 0 auto; }

.contactPage .section-title {
  color: #494949;
  font-family: "RobotoCondensedBold";
  font-size: 48px;
  padding-bottom: 22px;
  text-transform: uppercase; }

.contactPage .row {
  max-width: 1250px; }

.contactPage .contactForm {
  background: #e2dcd0; }

#contacts .member {
  margin-bottom: 17px;
  position: relative;
  max-width: 615px;
  width: 100%; }
  #contacts .member .contactInfo {
    bottom: 15px;
    color: #f0eadd;
    font-family: "RobotoCondensed";
    line-height: 19px;
    position: absolute;
    right: 15px;
    text-align: right; }
    #contacts .member .contactInfo .signature {
      padding-bottom: 12px; }
    #contacts .member .contactInfo .name {
      color: #fff;
      font-size: 18px;
      text-transform: uppercase; }
    #contacts .member .contactInfo .position {
      font-style: italic; }
    #contacts .member .contactInfo a {
      color: #f0eadd; }
  #contacts .member img {
    width: 100%;
    height: auto; }

#contacts .employee {
  margin-bottom: 17px;
  position: relative;
  max-width: 615px;
  width: 100%; }
  #contacts .employee:first-child {
    padding-top: 10px;
    margin-top: 10px; }
  #contacts .employee .contactInfo {
    color: #494949;
    font-family: "RobotoCondensed";
    line-height: 19px; }
    #contacts .employee .contactInfo .name {
      font-family: "RobotoCondensedBold";
      font-size: 18px;
      text-transform: uppercase; }
    #contacts .employee .contactInfo .position {
      font-style: italic; }
    #contacts .employee .contactInfo a {
      color: #494949; }

footer {
  display: block;
  background: #292929;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 153px;
  padding-top: 21px;
  padding-bottom: 21px;
  width: 100%; }
  footer .contact {
    color: #f0eadd;
    font-family: "RobotoLight";
    font-size: 16px;
    text-align: center; }
    footer .contact a {
      color: #f0eadd !important;
      text-decoration: none; }
  footer .partners img {
    margin-bottom: 33px; }
  footer .socialmedia {
    padding-bottom: 30px; }
    footer .socialmedia ul {
      padding: 0;
      margin: 0;
      text-align: center; }
      footer .socialmedia ul li {
        display: inline-block;
        float: none;
        list-style-type: none;
        margin-right: 10px;
        margin-left: 10px; }
        footer .socialmedia ul li .facebook {
          background: url("../img/facebook.png") no-repeat;
          display: block;
          height: 42px;
          width: 42px; }

/* */
.search article {
  display: block;
  padding: 7px 0 7px; }
  .search article .entry-title {
    font-size: 28px;
    padding-left: 0; }

/* SLIDER */
.slick-prev {
  background: url("../img/arrow-slider-prev.png") no-repeat;
  border: none;
  height: 46px;
  left: 14px;
  position: absolute;
  text-indent: -999999px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 99; }

.slick-next {
  background: url("../img/arrow-slider-next.png") no-repeat;
  border: none;
  height: 46px;
  position: absolute;
  right: 14px;
  text-indent: -999999px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 99; }

/* Logo flip */
/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
  transform-style: preserve-3d; }

/*  UPDATED! flip the pane when hovered */
.flip-container:hover .back {
  transform: rotateY(0deg); }

.flip-container:hover .front {
  transform: rotateY(180deg); }

.flip-container, .front, .back {
  width: 130px;
  height: 100px; }

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0; }

/*  UPDATED! front pane, placed above back */
.front {
  z-index: 2;
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  transform: rotateY(-180deg); }

/* 
  Some vertical flip updates 
*/
.vertical.flip-container {
  position: relative; }

.vertical .back {
  transform: rotateX(180deg); }

.vertical.flip-container:hover .back {
  transform: rotateX(0deg); }

.vertical.flip-container:hover .front {
  transform: rotateX(180deg); }

#blog .slick-prev {
  background: url("../img/arrow-blog-slider-prev.png") no-repeat;
  border: none;
  height: 24px;
  left: 110%;
  position: absolute;
  text-indent: -999999px;
  top: 30%;
  transform: translateY(0%);
  width: 46px;
  z-index: 99; }

#blog .slick-next {
  background: url("../img/arrow-blog-slider-next.png") no-repeat;
  border: none;
  height: 24px;
  left: 110%;
  position: absolute;
  text-indent: -999999px;
  top: 58%;
  transform: translateY(0%);
  width: 46px;
  z-index: 99; }

/* Video area */
.video-section {
  padding: 0;
  position: relative;
  max-width: 600px; }
  .video-section .overlay {
    position: absolute;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 12, 0, 0.9);
    z-index: 2; }
  .video-section .video {
    background: #c3c3c3;
    background-repeat: no-repeat !important;
    height: 380px;
    margin: 0 auto;
    max-width: 600px;
    max-height: 346px;
    min-width: 269px;
    width: 100%;
    padding: 25px 0 25px 0;
    position: relative;
    background-position: center center !important; }
    .video-section .video .play {
      bottom: 0;
      cursor: pointer;
      margin: 0 auto;
      position: absolute;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 3; }
      .video-section .video .play .i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .video-section .video .play .i .icon {
          background: url(../img/play.png) no-repeat;
          height: 44px;
          margin: 0 auto;
          width: 44px; }
  .video-section iframe {
    border: none;
    max-width: 733px;
    max-height: 380px;
    min-width: 275px;
    width: 100%; }

/* CONTACT FORM 7 STYLES */
.wpcf7 {
  padding-right: 10px !important;
  max-width: 585px;
  margin: 0 auto !important; }
  .wpcf7 .opacity {
    opacity: 0.5; }
  .wpcf7 .disopacity {
    opacity: 1 !important; }

.inlineBlock {
  display: inline-block !important; }

.absoluteBlock {
  position: absolute !important;
  z-index: 7 !important; }

.absoluteSelectBlock {
  position: absolute !important;
  z-index: 10 !important; }

.wpcf7 p {
  width: 100%;
  cursor: pointer;
  font-size: 18px !important;
  font-family: 'RobotoRegular';
  font-weight: normal !important;
  color: #494949; }

.form-section-title h3 {
  font-size: 18px !important;
  font-family: 'RobotoCondensedBold';
  font-weight: normal !important;
  color: #494949;
  padding-bottom: 10px;
  padding-top: 17px; }

.form-section-title h4 {
  font-size: 18px !important;
  font-family: 'RobotoCondensedBold';
  font-weight: normal !important;
  color: #494949; }

.multi-select {
  z-index: 5; }

.multi-select .title {
  background: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  height: 25px;
  margin-bottom: 2px;
  font-family: 'RobotoCondensedBold';
  padding-left: 35px;
  text-transform: uppercase; }

.multi-select p {
  display: inline-block; }
  .multi-select p:not(:first-child) {
    display: none; }

.headline-select .wpcf7-form-control {
  width: 100%; }

.wpcf7-form-control span:not(:first-child) {
  display: none; }

.wpcf7 label {
  width: 100%;
  margin-bottom: 3px;
  text-align: left; }

.section-select {
  margin-bottom: 26px;
  height: 26px; }

.section-select .form-section-title {
  float: left;
  height: 25px; }

.section-select .form-section-title h4 {
  line-height: 25px; }

.section-select .headline-select {
  float: right; }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"] {
  float: right;
  border: none;
  height: 25px;
  text-indent: 10px;
  min-width: 425px; }

.wpcf7 .headline-select {
  position: relative;
  width: 321px;
  margin: 0 auto;
  /* height: 25px; */
  border: none;
  outline: none; }

.wpcf7 .headline-select .select {
  background: url(../img/form-select.png) no-repeat;
  content: "";
  display: block;
  float: right;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6; }

.wpcf7 .headline-select .multi-select {
  position: relative;
  background: transparent;
  border: inherit;
  border-top: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  z-index: 3;
  width: 100%; }

.wpcf7 .select {
  position: relative;
  width: 270px;
  margin: 0 auto;
  height: 25px;
  background: #fff;
  border: none;
  cursor: pointer;
  outline: none; }

.wpcf7-form-control-wrap {
  width: 100%; }

.wpcf7 .select .wpcf7-form-control-wrap {
  position: absolute;
  top: 100%;
  margin-top: 1px;
  left: -1px;
  right: -1px;
  background: transparent;
  border: inherit;
  border-top: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  z-index: 3; }

.wpcf7-list-item {
  background: #fff;
  margin-bottom: 2px !important;
  height: 25px;
  line-height: 25px !important;
  float: left;
  width: 100%;
  margin-left: 0px !important; }

.wpcf7-list-item label {
  width: 100%;
  cursor: pointer; }

.wpcf7-list-item input[type=radio], .wpcf7-list-item input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  float: left; }

.wpcf7-list-item input[type=radio] + .wpcf7-list-item-label, .wpcf7-list-item input[type=checkbox] + .wpcf7-list-item-label {
  height: 25px;
  background: url("../img/checkbox.png") no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 35px;
  margin: 0;
  display: block !important;
  float: left; }

.wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label, .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label {
  height: 25px;
  background: url("../img/checkbox.png") no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-position: 0 -25px;
  float: left; }

.wpcf7-submit {
  border: none;
  display: block;
  width: 230px;
  height: 55px;
  background: #a20f1a;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto 30px auto;
  text-align: center;
  position: relative;
  font-family: "RobotoCondensed";
  font-size: 24px; }

.wpcf7-not-valid, .wpcf7-not-valid:focus, .validation-error, .validation-error:focus {
  border: 1px solid #a20f1a !important; }

span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax, .ajax-loader, span.wpcf7-not-valid-tip {
  display: none !important; }

body div.wpcf7-mail-sent-ng {
  background-color: #ffe9e9;
  color: #de5959;
  border: 1px solid #fbc4c4;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 15px;
  padding: 14px 40px 14px 18px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  margin-left: 0; }

body div.wpcf7-validation-errors {
  background-color: #FBFADD;
  color: #8f872e;
  border: 1px solid #ded58a;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 15px;
  padding: 14px 40px 14px 18px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  margin-left: 0; }

body div.wpcf7-mail-sent-ok {
  background-color: #EBF6E0;
  color: #5f9025;
  border: 1px solid #b3dc82;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 15px;
  padding: 14px 40px 14px 18px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
  margin-left: 0;
  display: none !important; }

span.red {
  color: #a20f1a;
  font-weight: bold; }

span.green {
  color: #8cbe47;
  font-weight: bold; }

#thankyou .modal-dialog {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  heght: 100%; }

#thankyou .thankyouContent {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  position: relative;
  padding: 15px;
  transform: translate(0px, 25%) !important; }
  #thankyou .thankyouContent img {
    width: 100%;
    height: auto; }

#thankyou .close {
  width: 31px;
  height: 31px;
  background: url(../img/close.png) no-repeat;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -46px;
  opacity: 1; }

#thankyou .thankyouInfo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%; }
  #thankyou .thankyouInfo .thankyouTitle {
    color: #fff;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 48px;
    font-family: 'RobotoCondensedBold';
    width: 90%;
    line-height: 58px; }
  #thankyou .thankyouInfo p {
    color: #fff;
    width: 90%;
    font-family: 'RobotoRegular';
    font-size: 18px; }
  #thankyou .thankyouInfo .contactInfo {
    bottom: 36px;
    color: #f0eadd;
    line-height: 19px;
    position: absolute;
    right: 41px;
    text-align: right; }
    #thankyou .thankyouInfo .contactInfo .signature {
      padding-bottom: 12px; }
    #thankyou .thankyouInfo .contactInfo .name {
      color: #fff;
      font-size: 18px;
      text-transform: uppercase; }
    #thankyou .thankyouInfo .contactInfo .position {
      font-style: italic; }

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1; }

@media screen and (max-width: 875px) {
  #thankyou .thankyouInfo .thankyouTitle {
    font-size: 38px;
    padding-bottom: 20px;
    line-height: 48px; } }

@media screen and (max-width: 767px) {
  #thankyou .thankyouInfo {
    text-align: center;
    width: 100%; }
    #thankyou .thankyouInfo .thankyouTitle {
      width: 90%;
      margin: 0 auto; }
    #thankyou .thankyouInfo p {
      margin: 0 auto;
      width: 90%; } }

@media screen and (max-width: 614px) {
  #thankyou .thankyouInfo {
    text-align: center;
    width: 100%; }
    #thankyou .thankyouInfo .thankyouTitle {
      line-height: 20px;
      font-size: 24px;
      padding-bottom: 15px; }
    #thankyou .thankyouInfo p {
      margin: 0 auto;
      width: 90%;
      font-size: 16px; }
    #thankyou .thankyouInfo .contactInfo {
      min-height: 50px;
      width: 80%; }
      #thankyou .thankyouInfo .contactInfo .signature {
        position: absolute;
        left: 0; } }

@media screen and (max-width: 479px) {
  #thankyou .thankyouInfo .thankyouTitle {
    padding-top: 30px;
    line-height: 18px;
    font-size: 22px; }
  #thankyou .thankyouInfo p {
    font-size: 15px;
    line-height: 15px; }
  #thankyou .thankyouInfo .contactInfo {
    width: 87%;
    bottom: 20px;
    right: 21px;
    text-align: right;
    font-size: 12px; }
    #thankyou .thankyouInfo .contactInfo .name {
      font-size: 14px;
      position: absolute;
      bottom: -4px;
      left: 21%; }
    #thankyou .thankyouInfo .contactInfo .signature {
      position: absolute;
      left: 0; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease; }

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s; }

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.1s; }

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease; }

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s; }

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0; }

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.1s; }

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.2s 0.25s ease-in; }

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent; }

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden; }

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.2s 0.25s ease-in; }

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent; }

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px; }

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s; }

.hamburger--slider .hamburger-inner::after {
  top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s; }

.hamburger--slider-r .hamburger-inner::after {
  top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg); }

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0; }

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.15s linear; }

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.32s;
  background-color: transparent; }

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease; }

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear; }

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity; }

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s; }

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear; }

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity; }

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s; }

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0; }

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/* TABLET AND MOBILE */
@media screen and (max-width: 1300px) {
  .zmodule-sign {
    display: none; }
  .flip-container {
    margin: 0 auto; }
  #slider .slideCol {
    float: none;
    text-align: center;
    margin: 0 auto 40px auto;
    width: 100%; }
  #slider .slider-content .title {
    text-align: center; }
  #slider .slider-content .video {
    margin: 0 auto;
    max-height: 324px;
    max-width: 557px;
    width: 100%;
    height: auto; }
    #slider .slider-content .video .video-content {
      position: relative;
      max-height: 324px;
      max-width: 557px;
      width: 100%;
      height: auto; }
      #slider .slider-content .video .video-content img {
        width: 100%;
        height: auto; }
  #slider .inner-slider-container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 576px;
    width: 95% !important;
    height: auto !important; }
  #blog .featured-image {
    width: 100%;
    margin: 0 auto;
    float: none; }
    #blog .featured-image img {
      width: 90%;
      height: auto;
      margin: 0 auto; }
  #blog .blog-content {
    max-width: 100%;
    width: 90%;
    float: none;
    margin: 0 auto;
    text-align: center; }
    #blog .blog-content .section-title {
      text-align: center; }
    #blog .blog-content .more {
      margin: 70px auto 0 auto; }
    #blog .blog-content .artice {
      height: 170px;
      margin-bottom: 20px; }
  .single-article article .close-article {
    right: 10px;
    top: -38px; }
  /* SLIDER */
  #blog .slick-prev {
    background: url("../img/arrow-slider-prev.png") no-repeat;
    border: none;
    height: 46px;
    left: 0;
    position: absolute;
    text-indent: -999999px;
    top: 100%;
    transform: translateY(0%);
    width: 24px;
    z-index: 99;
    margin: 0 auto;
    right: 70%; }
  #blog .slick-next {
    background: url("../img/arrow-slider-next.png") no-repeat;
    border: none;
    height: 46px;
    left: 70%;
    position: absolute;
    text-indent: -999999px;
    top: 100%;
    transform: translateY(0%);
    width: 24px;
    z-index: 99;
    margin: 0 auto;
    right: 0; }
  section.product-solution article .entry-content {
    margin-left: 0; }
  .contact-article .contactCol {
    float: none !important; }
  footer .contact-info {
    float: none !important;
    width: 100%;
    margin: 0 auto; }
  footer .credit {
    float: none !important;
    margin: 40px auto 0 auto;
    text-align: center; }
    footer .credit .partners, footer .credit .author {
      float: none !important; }
  .table-information {
    float: none !important;
    margin: 0 auto; }
  .table-container {
    float: none !important;
    margin: 25px auto 0 auto !important; } }

@media screen and (max-width: 1265px) {
  #main-navigation .menu-logo {
    left: 7px; }
  #main-navigation .navigation-content nav {
    display: block;
    float: none !important;
    text-align: center; }
    #main-navigation .navigation-content nav ul {
      display: inline-block; }
  #main-navigation .secondRow {
    background: rgba(0, 0, 0, 0.47);
    height: 40px;
    margin-top: 40px;
    width: 100%;
    position: absolute;
    display: block; }
  #slider .slider-content {
    padding-top: 108px; }
  #projects-categories {
    padding-top: 102px; }
  .contact-article {
    padding-top: 66px; }
  section.featured-article article .read-more, .section.featured-article article .read-more {
    position: relative; }
  section .view-gallery, .section .view-gallery {
    position: relative; } }

@media screen and (max-width: 1022px) {
  #main-navigation .menu-logo {
    left: 7px; }
  #main-navigation .toggle-nav {
    display: block !important;
    position: fixed;
    z-index: 9; }
    #main-navigation .toggle-nav .hamburger {
      padding: 10px 10px; }
    #main-navigation .toggle-nav .hamburger-inner, #main-navigation .toggle-nav .hamburger-inner::before, #main-navigation .toggle-nav .hamburger-inner::after {
      width: 28px;
      height: 3px;
      background-color: #fff; }
    #main-navigation .toggle-nav .hamburger-inner::before {
      top: -6px; }
    #main-navigation .toggle-nav .hamburger-inner::after {
      bottom: -6px; }
    #main-navigation .toggle-nav .hamburger:hover {
      opacity: 1 !important; }
  #main-navigation .navigation-content nav {
    background: #a20f1a;
    display: block !important;
    float: none !important;
    text-align: left;
    padding: 0;
    position: fixed !important;
    height: 100%;
    width: 100%;
    margin-left: -100%;
    transition: all 0.5s ease;
    z-index: 8; }
    #main-navigation .navigation-content nav.nav-active {
      margin-left: 0; }
    #main-navigation .navigation-content nav ul {
      display: block;
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important; }
      #main-navigation .navigation-content nav ul li {
        display: block !important;
        float: none !important;
        position: relative !important;
        margin: 0;
        padding: 10px 0 10px 60px !important;
        border-bottom: 1px solid #8c0b0b; }
        #main-navigation .navigation-content nav ul li a:after {
          display: none !important; }
        #main-navigation .navigation-content nav ul li span {
          width: 17px;
          height: 17px;
          display: block;
          position: absolute;
          right: 20px;
          top: 10px; }
          #main-navigation .navigation-content nav ul li span.dropdown:after {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            border-top: 6px solid #c3c3c3;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            float: right;
            margin-top: 10px;
            margin-left: 7px; }
        #main-navigation .navigation-content nav ul li ul li {
          border-bottom: none;
          padding: 10px 0 10px 20px !important; }
      #main-navigation .navigation-content nav ul .sub-menu {
        position: relative !important;
        left: 0;
        right: 0;
        width: 100%;
        display: none; }
      #main-navigation .navigation-content nav ul .submenuBG {
        display: none !important; }
  .section-content .column {
    position: relative;
    width: 100%;
    max-width: 500px;
    float: none !important;
    margin: 0 auto; }
  #projects .category, #projects-categories .category {
    max-width: 500px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    float: none !important; }
  #product-solutions .featured-solutions .section-title {
    left: 0;
    right: 0; } }

@media screen and (max-width: 979px) {
  .gallery-preview {
    max-width: 615px;
    width: 100%;
    float: none;
    margin: 0 auto 0 auto; }
    .gallery-preview .featured-image img {
      width: 100%;
      height: auto; }
  .solution-content {
    max-width: 615px;
    width: 100%;
    margin: 20px auto 0 auto;
    float: none; }
    .solution-content .entry-content {
      margin-left: 0 !important; }
  .featured-article .image-container {
    float: none;
    width: 100%; }
    .featured-article .image-container .featured-image {
      margin: 0 auto; }
  .featured-article .content-container {
    float: none;
    width: 100%;
    margin-top: 20px; }
    .featured-article .content-container .entry-content {
      max-width: 615px;
      margin: 0 auto !important; } }

@media screen and (max-width: 767px) {
  .gallery-preview {
    max-width: 615px;
    width: 100%;
    float: none;
    margin: 0 auto 0 auto; }
    .gallery-preview .featured-image img {
      width: 100%;
      height: auto; }
  .solution-content {
    max-width: 615px;
    width: 100%;
    margin: 20px auto 0 auto;
    float: none; }
  .video-section {
    margin-top: 30px; }
  .table-container {
    max-width: 561px !important; }
    .table-container .table-additional-information {
      padding: 0 !important;
      float: none !important; }
      .table-container .table-additional-information p, .table-container .table-additional-information .more {
        float: none !important; } }

@media screen and (max-width: 759px) {
  .section-solutions .solutions .solutions-slider .slick-prev {
    left: 3%; }
  .section-solutions .solutions .solutions-slider .slick-next {
    right: 3%; } }

@media screen and (max-width: 670px) {
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"] {
    min-width: 100% !important;
    width: 100%;
    float: none !important; }
  .wpcf7 .headline-select {
    width: 100% !important; } }

@media screen and (max-width: 621px) {
  .table-container {
    max-width: 421px !important; }
    .table-container .tableNotification {
      width: 100% !important; }
  .section-solutions .solutions {
    top: 20%; } }

@media screen and (max-width: 550px) {
  .table-information form .data, .table-information form .type {
    height: 100% !important; }
    .table-information form .data label, .table-information form .type label {
      display: block;
      float: none !important;
      padding-top: 0 !important;
      padding-left: 20px;
      margin-bottom: 16px;
      margin-top: 10px; }
      .table-information form .data label .labelname, .table-information form .type label .labelname {
        margin-left: 0 !important;
        margin-right: 26px !important; }
    .table-information form .data input, .table-information form .type input {
      margin-right: 26px !important;
      float: right !important;
      margin-left: 0 !important; }
  .table-information .price-info {
    height: 100% !important; }
    .table-information .price-info .desc, .table-information .price-info .price-highlighted, .table-information .price-info .price {
      float: none;
      width: 100%; }
  .table-information .product-description img {
    width: 92%;
    height: auto; }
  .table-information .notification {
    float: none !important;
    height: 100% !important;
    min-height: 52px;
    width: 100% !important; }
  #slider.pageSlide .slider-content .title {
    font-size: 32px;
    line-height: 32px; } }

@media screen and (max-width: 546px) {
  .slick-slide img {
    display: block;
    max-width: 100%;
    height: auto; }
  section .section-title, section .section-title a {
    line-height: 33px;
    font-size: 38px !important; }
  .section-content .column {
    position: relative;
    width: 100%;
    max-width: 95%;
    min-width: 280px;
    float: none;
    margin: 0 auto; }
    .section-content .column .column-title {
      font-size: 38px; }
    .section-content .column img {
      max-width: 100%; }
  #projects .category, #projects-categories .category {
    max-width: 500px;
    position: relative;
    width: 95%;
    margin: 0 auto;
    float: none; }
  #slider .inner-slider-container .slider-title {
    height: 30px;
    line-height: 30px;
    font-size: 26px; }
  #slider .inner-slider-container .slide-content-container {
    left: 0;
    right: 0;
    top: 5px;
    transform: translateY(0%);
    text-align: center; }
    #slider .inner-slider-container .slide-content-container p {
      padding: 7px 0 7px 0; }
    #slider .inner-slider-container .slide-content-container .info {
      font-size: 18px; }
  #projects .category .category-title a, #projects-categories .category .category-title a {
    font-size: 38px; }
  #product-solutions .featured-solutions .section-title a {
    font-size: 38px; }
  #slider .slider-content .title {
    font-size: 38px;
    line-height: 38px; }
  #blog .blog-content .section-title {
    font-size: 38px; }
  section .gallery-preview .thumbnail {
    padding-top: 15px; } }

@media screen and (max-width: 480px) {
  .menu-logo {
    top: 6px !important; }
    .menu-logo img {
      width: 100%;
      height: auto; }
  .custom-menu {
    width: 40% !important;
    max-width: 202px; }
    .custom-menu img {
      width: 80%;
      height: auto; }
    .custom-menu a span {
      padding: 6px !important; }
  .section-solutions .solutions .solutions-slider .slick-prev {
    left: 5%; }
  .section-solutions .solutions .solutions-slider .slick-next {
    right: 5%; }
  .table-container {
    max-width: 281px !important; }
  .contactPage .section-title {
    font-size: 38px; } }

@media screen and (max-width: 450px) {
  .single-article article .entry-title {
    font-size: 26px; }
  #projects .category .category-title a, #projects-categories .category .category-title a {
    font-size: 28px !important;
    line-height: 28px;
    left: 0px;
    max-width: 87%;
    padding: 10px 25px; }
  #product-solutions .featured-solutions .section-title a {
    font-size: 26px !important; }
  #slider .slider-content .title {
    font-size: 26px;
    line-height: 26px; }
  #blog .blog-content .section-title {
    font-size: 26px; }
  section .section-title, section .section-title a {
    font-size: 26px !important; } }

@media screen and (max-width: 400px) {
  .section-content .column .column-content .icons {
    margin-bottom: 14px; }
  #contacts .signature img {
    width: 60%; }
  #slider.pageSlide .slider-content .title {
    font-size: 32px;
    line-height: 32px; } }

@media screen and (max-width: 400px) {
  .contactPage .section-title {
    font-size: 28px; } }

/* Puiduladu modifications - second site */
body.puiduladu {
  background: #f6e8c1; }

.puiduladu {
  /* PRODUCT TABEL */ }
  .puiduladu a, .puiduladu a:hover, .puiduladu a:focus {
    color: #93c541; }
  .puiduladu .flip-container, .puiduladu .front, .puiduladu .back {
    width: 300px;
    height: 80px; }
  .puiduladu .section-content .column {
    position: relative;
    width: 100%;
    max-width: 416px; }
    .puiduladu .section-content .column .column-title {
      text-align: center;
      color: #fff;
      font-size: 38px;
      padding-bottom: 0; }
      .puiduladu .section-content .column .column-title a {
        color: #fff; }
        .puiduladu .section-content .column .column-title a span {
          color: #93c541;
          border: none; }
      .puiduladu .section-content .column .column-title .column-description {
        font-size: 20px;
        padding-top: 15px; }
  .puiduladu header #main-navigation {
    background: rgba(73, 42, 0, 0.87); }
    .puiduladu header #main-navigation .navigation-content {
      margin: 0 auto;
      max-width: 1250px;
      position: relative;
      width: 100%; }
      .puiduladu header #main-navigation .navigation-content nav {
        float: right;
        position: relative; }
        .puiduladu header #main-navigation .navigation-content nav ul {
          padding: 7px 0 0 0;
          margin: 0; }
          .puiduladu header #main-navigation .navigation-content nav ul .menu-item-has-children {
            color: #fff !important; }
            .puiduladu header #main-navigation .navigation-content nav ul .menu-item-has-children > a:after {
              content: "";
              display: block;
              width: 0px;
              height: 0px;
              border-top: 6px solid #93c541;
              border-left: 5px solid transparent;
              border-right: 5px solid transparent;
              float: right;
              margin-top: 10px;
              margin-left: 7px; }
          .puiduladu header #main-navigation .navigation-content nav ul li {
            color: #efe7d7;
            display: inline-block;
            font-size: 16px;
            float: left;
            list-style-type: none;
            padding-right: 64px;
            position: relative;
            text-transform: uppercase; }
            .puiduladu header #main-navigation .navigation-content nav ul li.active > a {
              color: #fff;
              border-bottom: 1px solid #93c541;
              font-family: "RobotoCondensedBold"; }
            .puiduladu header #main-navigation .navigation-content nav ul li a {
              color: #efe7d7;
              font-family: "RobotoCondensed";
              font-size: 16px; }
              .puiduladu header #main-navigation .navigation-content nav ul li a.active {
                border-bottom: 1px solid #93c541 !important;
                color: #fff !important;
                font-family: "RobotoCondensedBold";
                padding-bottom: 4px; }
            .puiduladu header #main-navigation .navigation-content nav ul li.current-menu-item a {
              border-bottom: 1px solid #93c541;
              color: #fff;
              font-family: "RobotoCondensedBold";
              padding-bottom: 4px; }
            .puiduladu header #main-navigation .navigation-content nav ul li ul {
              left: 0;
              position: absolute;
              top: 100%;
              width: 600px;
              display: none; }
              .puiduladu header #main-navigation .navigation-content nav ul li ul .submenuBG {
                background: rgba(21, 10, 3, 0.9);
                content: "";
                width: 100%;
                position: absolute;
                display: block;
                margin: 1px -1000em;
                padding: 0 1000em;
                height: 100px; }
              .puiduladu header #main-navigation .navigation-content nav ul li ul li ul .submenuBG {
                display: none; }
              .puiduladu header #main-navigation .navigation-content nav ul li ul li ul li {
                display: block;
                float: none; }
              .puiduladu header #main-navigation .navigation-content nav ul li ul li ul:after {
                display: none !important;
                background: transparent !important; }
            .puiduladu header #main-navigation .navigation-content nav ul li:hover > ul {
              display: block; }
  .puiduladu header .menu-logo {
    top: 4px; }
  .puiduladu header .custom-menu {
    background: #a20f1a;
    display: block;
    width: 202px; }
    .puiduladu header .custom-menu a span {
      padding-top: 6px; }
      .puiduladu header .custom-menu a span:after {
        margin-top: 8px; }
  .puiduladu #slider .inner-slider-container .slider-title {
    background: #93c541; }
  .puiduladu #slider .inner-slider-container .info {
    color: #93c541; }
  .puiduladu section .row {
    max-width: 1250px; }
  .puiduladu section .section-title, .puiduladu section .section-title a {
    color: #494949; }
    .puiduladu section .section-title span, .puiduladu section .section-title a span {
      color: #93c541;
      border-bottom: 2px solid #93c541; }
  .puiduladu section .more {
    background: #93c541; }
    .puiduladu section .more a {
      color: #fff; }
  .puiduladu #slider .more {
    background: #93c541; }
  .puiduladu #services {
    padding-top: 25px; }
    .puiduladu #services .more {
      margin-top: 18px;
      margin-bottom: 18px; }
  .puiduladu #about .section-title {
    padding-top: 27px; }
  .puiduladu .wpcf7-submit {
    background: #93c541; }
  .puiduladu .product-table tr th, .puiduladu .product-table tr td, .puiduladu .table-information .price-info {
    border: 1px solid #4a7a00; }
  .puiduladu .table tr th, .puiduladu .table tr td {
    border: 1px solid #4a7a00; }
  .puiduladu .jspArrowLeft {
    border-left: 1px solid #4a7a00; }
  .puiduladu .jspArrowRight {
    border-right: 1px solid #4a7a00; }
  .puiduladu .jspHorizontalBar .jspDrag {
    border-left: 1px solid #4a7a00;
    border-right: 1px solid #4a7a00; }
  .puiduladu .jspHorizontalBar {
    border-top: 1px solid #4a7a00;
    border-bottom: 1px solid #4a7a00; }
  .puiduladu .table-information form .data {
    border-left: 1px solid #4a7a00;
    border-top: 1px solid #4a7a00;
    border-right: 1px solid #4a7a00; }
  .puiduladu .table-information form .type {
    border-left: 1px solid #4a7a00;
    border-top: 1px solid #4a7a00;
    border-right: 1px solid #4a7a00; }
  .puiduladu .table-information .product-description {
    border-left: 1px solid #4a7a00;
    border-top: 1px solid #4a7a00;
    border-right: 1px solid #4a7a00;
    margin-top: 4px;
    position: relative; }
  .puiduladu .table-information .product-description .product-profile-name {
    border-top: 1px solid #4a7a00; }
  .puiduladu .table-information .ask-for-offer {
    border: 1px solid #4a7a00; }
  .puiduladu footer {
    min-height: 230px;
    background-size: cover !important; }
    .puiduladu footer .socialmedia ul li .facebook {
      background: url(../../../zmodule-puiduladu/assets/img/facebook.png) no-repeat; }

@media screen and (max-width: 1022px) {
  .puiduladu #main-navigation .navigation-content nav {
    background: #5f4219; }
    .puiduladu #main-navigation .navigation-content nav ul li {
      border-bottom: 1px solid #4f340c; }
      .puiduladu #main-navigation .navigation-content nav ul li ul li {
        border-bottom: none; } }

@media screen and (max-width: 1264px) {
  .puiduladu .section-content {
    text-align: center; }
    .puiduladu .section-content .column {
      float: none;
      display: inline-block;
      margin: 5px 0px 5px 0px; } }

@media screen and (max-width: 480px) {
  .puiduladu .menu-logo {
    top: 6px !important; }
    .puiduladu .menu-logo img {
      width: 80%;
      height: auto; }
  .puiduladu .section-content .column img {
    width: 95%;
    height: auto; } }

@media screen and (max-width: 400px) {
  .puiduladu .section-content .column .column-title {
    font-size: 24px; }
    .puiduladu .section-content .column .column-title .column-description {
      font-size: 16px; }
    .puiduladu .section-content .column .column-title a {
      font-size: 24px; }
    .puiduladu .section-content .column .column-title h2, .puiduladu .section-content .column .column-title h3, .puiduladu .section-content .column .column-title h4, .puiduladu .section-content .column .column-title h5 {
      line-height: 0.6em; } }

/*!
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; }

/* ------------------------------------------------------------------------
  This you can edit.
------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .pp_pic_holder.pp_default {
    width: 100% !important;
    left: 0 !important;
    overflow: hidden;
    height: auto !important; }
  div.pp_default .pp_content_container .pp_left {
    padding-left: 0 !important; }
  div.pp_default .pp_content_container .pp_right {
    padding-right: 0 !important; }
  .pp_content {
    width: 100% !important;
    height: auto !important; }
  .pp_fade, .pp_hoverContainer {
    width: 100% !important;
    height: 100% !important; }
  a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom {
    display: none !important; }
  #pp_full_res img {
    width: 100% !important;
    height: auto !important; }
  a.pp_close {
    top: 10px !important;
    right: 10px !important;
    z-index: 999999; }
  .pp_content_container {
    background: #fff;
    min-height: 200px; }
  div.ppt {
    left: 0px !important; } }

@media screen and (max-width: 1300px) {
  div.pp_default .pp_next {
    background: url(../img/arrow-slider-next.png) center right no-repeat;
    cursor: pointer;
    margin-right: 10px;
    width: 24px; }
  div.pp_default .pp_previous {
    background: url(../img/arrow-slider-prev.png) center left no-repeat;
    cursor: pointer;
    margin-left: 10px;
    width: 24px; } }

/* ----------------------------------
    Default Theme
  ----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
  height: 16px; }

div.pp_default .pp_top .pp_left {
  background: #fff; }

/* Top left corner */
div.pp_default .pp_top .pp_middle {
  background: #fff; }

/* Top pattern/color */
div.pp_default .pp_top .pp_right {
  background: #fff; }

/* Top right corner */
div.pp_default .pp_content .ppt {
  color: #f8f8f8; }

div.pp_default .pp_content_container .pp_left {
  background: #fff;
  padding-left: 16px; }

div.pp_default .pp_content_container .pp_right {
  background: #fff;
  padding-right: 16px; }

div.pp_default .pp_content {
  background-color: #fff; }

/* Content background */
div.pp_default .pp_next:hover {
  background: url(../img/arrow-slider-next.png) center right no-repeat;
  cursor: pointer;
  margin-right: 10px; }

/* Next button */
div.pp_default .pp_previous:hover {
  background: url(../img/arrow-slider-prev.png) center left no-repeat;
  cursor: pointer;
  margin-left: 10px; }

/* Previous button */
div.pp_default .pp_expand {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px; }

/* Expand button */
div.pp_default .pp_expand:hover {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer; }

/* Expand button hover */
div.pp_default .pp_contract {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px; }

/* Contract button */
div.pp_default .pp_contract:hover {
  background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer; }

/* Contract button hover */
div.pp_default .pp_close {
  width: 31px;
  height: 31px;
  background: url(../img/close.png) no-repeat;
  cursor: pointer; }

/* Close button */
div.pp_default #pp_full_res .pp_inline {
  color: #000; }

div.pp_default .pp_gallery ul li a {
  background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa; }

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
  border-color: #fff; }

div.pp_default .pp_social {
  margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto; }

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
  background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px; }

div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px; }

div.pp_default .pp_details {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important; }

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
  background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0 0;
  width: 20px; }

div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px; }

/* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details {
  margin-top: 5px; }

div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative; }

div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px; }

div.pp_default .pp_description {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left {
  background: #fff; }

/* Bottom left corner */
div.pp_default .pp_bottom .pp_middle {
  background: #fff; }

/* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right {
  background: #fff; }

/* Bottom right corner */
div.pp_default .pp_loaderIcon {
  background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; }

/* Loader icon */
/* ------------------------------------------------------------------------
  DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
  outline: none; }

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9400; }

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 9500; }

.pp_top {
  height: 20px;
  position: relative; }

* html .pp_top {
  padding: 0 20px; }

.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_top .pp_middle {
  left: 0;
  position: static; }

.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_content {
  height: 40px;
  min-width: 40px; }

* html .pp_content {
  width: 40px; }

.pp_fade {
  display: none; }

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%; }

.pp_content_container .pp_left {
  padding-left: 20px; }

.pp_content_container .pp_right {
  padding-right: 20px; }

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0; }

.pp_description {
  display: none;
  margin: 0; }

.pp_social {
  float: left;
  margin: 0; }

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden; }

.pp_social .twitter {
  float: left; }

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0; }

.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap; }

.pp_nav .pp_play,
.pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px; }

a.pp_arrow_previous,
a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px; }

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000; }

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000; }

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative; }

.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap; }

.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden; }

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
  border-color: #fff; }

.pp_gallery ul a img {
  border: 0; }

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0; }

.pp_gallery li.default a {
  background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px; }

.pp_gallery li.default a img {
  display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important; }

a.pp_next {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_previous {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_expand,
a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000; }

a.pp_close {
  position: absolute;
  right: 0;
  top: -63px;
  display: block;
  line-height: 22px;
  text-indent: -10000px; }

.pp_bottom {
  height: 20px;
  position: relative; }

* html .pp_bottom {
  padding: 0 20px; }

.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_bottom .pp_middle {
  left: 0;
  position: static; }

.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px; }

#pp_full_res {
  line-height: 1 !important; }

#pp_full_res .pp_inline {
  text-align: left; }

#pp_full_res .pp_inline p {
  margin: 0 0 15px 0; }

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999; }

/* Product table */
.section-table {
  background: #fff;
  padding: 25px 0; }

.section-table .table-additional-information, .section-table .instructions {
  padding: 15px 0;
  color: #373a3c;
  font-family: "RobotoCondensed"; }
  .section-table .table-additional-information p, .section-table .instructions p {
    padding: 10px 0 10px 0px; }
  .section-table .table-additional-information .more a, .section-table .instructions .more a {
    background: #7ac62e;
    margin-top: 0;
    min-height: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    display: table;
    font-family: "RobotoCondensed";
    font-size: 24px;
    padding: 0 20px 0 20px; }
    .section-table .table-additional-information .more a span, .section-table .instructions .more a span {
      display: table-cell;
      vertical-align: middle;
      height: 55px; }

.table-container {
  float: right;
  position: relative;
  overflow: hidden;
  max-width: 701px;
  margin: 0 auto; }
  .table-container .tableNotification {
    display: none;
    width: 395px;
    background: rgba(45, 26, 0, 0.9);
    color: #93c541;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 3;
    font-family: "RobotoCondensedBold";
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0 27px 0; }
    .table-container .tableNotification .contact-cta {
      background: #93c541;
      color: #fff;
      display: inline-block;
      margin: 13px 0;
      padding: 9px 20px 9px 20px; }
    .table-container .tableNotification .closeNotification {
      background: url("../img/close.png") no-repeat;
      cursor: pointer;
      height: 31px;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 31px; }
  .table-container .table-content {
    max-width: 701px; }
  .table-container .table-additional-information {
    padding: 15px 0;
    color: #93c541;
    font-size: 24px;
    text-transform: uppercase;
    float: right;
    font-family: "RobotoCondensedBold"; }
    .table-container .table-additional-information p {
      float: left;
      padding: 10px 0 10px 10px; }
    .table-container .table-additional-information .more {
      background: #7ac62e;
      float: right;
      margin-top: 0;
      width: 121px;
      height: 55px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      position: relative; }
      .table-container .table-additional-information .more a {
        color: #fff;
        display: table;
        font-family: "RobotoCondensed";
        font-size: 24px; }
        .table-container .table-additional-information .more a span {
          display: table-cell;
          vertical-align: middle;
          width: 121px;
          height: 55px; }

.table-responsive .table tr th, .table-responsive .table tr td {
  border: 1px solid #928258 !important; }

.table-responsive .table th, .table-responsive .table td {
  padding: .45rem !important; }

.table-responsive .table .highlight {
  background-color: #c5b179 !important;
  font-size: 16px !important;
  font-family: "RobotoBold" !important;
  color: #fff !important; }

.table {
  background: transparent;
  border: 1px solid #c5b179;
  border-collapse: collapse;
  border-spacing: 0;
  color: #5b5b5b;
  width: 100%;
  margin-top: 26px; }
  .table .highlight {
    background-color: #d2eda6;
    font-size: 28px;
    font-family: "RobotoBold"; }
  .table .highlightText {
    background: #4a7a00 !important;
    font-size: 28px;
    font-family: "RobotoBold"; }
  .table .highlightColumn {
    background: #4a7a00 !important; }
  .table th {
    font-weight: normal; }
  .table.table2 {
    display: none; }
  .table tr th {
    cursor: pointer;
    width: 140px;
    height: 64px;
    border: 1px solid #c5b179;
    text-transform: uppercase;
    text-align: center; }
    .table tr th:first-child {
      cursor: default;
      font-family: "RobotoCondensedBold";
      font-size: 18px; }
  .table tr:first-child td:first-child {
    cursor: default;
    font-family: "RobotoCondensedBold";
    font-size: 18px; }
  .table tr:first-child td.pricemark {
    font-size: 24px;
    font-family: "RobotoBold";
    text-transform: lowercase; }
  .table tr td {
    width: 70px;
    text-align: center;
    border: 1px solid #c5b179;
    text-align: center !important; }
    .table tr td:first-child {
      cursor: pointer; }
  .table tr td:nth-child(2n+2) {
    background: #c5b179;
    color: #fff; }
  .table tr td.highlight:nth-child(2n+2) {
    background: #4a7a00;
    color: #fff; }

.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.table-responsive .jspHorizontalBar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 27px;
  background: #fff;
  border-top: 1px solid #928258 !important;
  border-bottom: 1px solid #928258 !important;
  top: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #fff;
  position: relative; }

.jspDrag {
  background: #c5b179;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.table-responsive .jspHorizontalBar .jspDrag {
  border-left: 1px solid #928258 !important;
  border-right: 1px solid #928258 !important; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.table-responsive .jspArrowLeft {
  background: url(../img/table-arrow-left.png) center center no-repeat;
  border-left: 1px solid #928258 !important; }

.table-responsive .jspArrowRight {
  background: url(../img/table-arrow-right.png) center center no-repeat;
  border-right: 1px solid #928258 !important;
  border-left: 1px solid #fff; }

.jspArrow.jspDisabled {
  cursor: default; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 36px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

.product-table {
  border: 1px solid #5b5b5b;
  border-collapse: collapse;
  border-spacing: 0;
  color: #5b5b5b;
  font-family: "RobotoRegular";
  font-size: 21px;
  table-layout: fixed;
  width: 100%;
  margin-top: 26px; }
  .product-table .highlight {
    background-color: #d2eda6;
    font-size: 28px;
    font-family: "RobotoBold"; }
  .product-table .highlightText {
    background: #4a7a00 !important;
    font-size: 28px;
    font-family: "RobotoBold"; }
  .product-table .highlightColumn {
    background: #4a7a00 !important; }
  .product-table th {
    font-weight: normal; }
  .product-table.table2 {
    display: none; }
  .product-table tr th {
    cursor: pointer;
    width: 140px;
    height: 64px;
    border: 1px solid #5b5b5b;
    text-transform: uppercase;
    text-align: center; }
    .product-table tr th:first-child {
      cursor: default;
      font-family: "RobotoCondensedBold";
      font-size: 20px;
      background-color: #d2eda6; }
  .product-table tr:first-child td {
    height: 65px; }
    .product-table tr:first-child td:first-child {
      cursor: default;
      font-family: "RobotoCondensedBold";
      font-size: 20px;
      background-color: #d2eda6; }
    .product-table tr:first-child td.pricemark {
      font-size: 16px;
      font-family: "RobotoBold";
      text-transform: lowercase; }
  .product-table tr td {
    height: 50px;
    width: 70px;
    text-align: center;
    border: 1px solid #5b5b5b;
    text-transform: uppercase; }
    .product-table tr td:first-child {
      cursor: pointer; }
  .product-table tr td:nth-child(2n+2) {
    background: #7ac62e;
    color: #fff; }
  .product-table tr td.highlight:nth-child(2n+2) {
    background: #4a7a00;
    color: #fff; }

.table-information {
  float: left;
  max-width: 500px; }
  .table-information form label:first-child {
    padding-left: 20px; }
  .table-information form .data {
    background: #fff;
    border-left: 1px solid #5b5b5b;
    border-top: 1px solid #5b5b5b;
    border-right: 1px solid #5b5b5b;
    height: 52px; }
    .table-information form .data label {
      color: #5b5b5b;
      font-family: "RobotoCondensedBold";
      font-size: 18px;
      padding-top: 8px;
      text-transform: uppercase; }
    .table-information form .data input {
      color: #5b5b5b;
      margin-left: 6px;
      margin-right: 6px;
      width: 35px;
      text-align: center;
      height: 35px;
      border: 1px solid #5b5b5b; }
      .table-information form .data input.input-margin {
        margin-left: 19px;
        margin-right: 26px; }
  .table-information form .type {
    background: #fff;
    border-left: 1px solid #5b5b5b;
    border-top: 1px solid #5b5b5b;
    border-right: 1px solid #5b5b5b;
    height: 52px; }
    .table-information form .type label {
      color: #5b5b5b;
      font-family: "RobotoCondensedBold";
      font-size: 18px;
      padding-top: 8px;
      text-transform: uppercase; }
      .table-information form .type label input {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        float: left; }
      .table-information form .type label input[type=radio] + .labelname {
        height: 35px;
        background: url(../img/radiobutton.png) no-repeat;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-left: 35px;
        margin: 0;
        display: block !important;
        float: right;
        margin-left: 6px;
        margin-right: 6px; }
      .table-information form .type label input[type=radio]:checked + .labelname {
        height: 35px;
        background: url(../img/radiobutton.png) no-repeat;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-position: 0 -35px;
        float: right;
        margin-left: 6px;
        margin-right: 6px; }
      .table-information form .type label .labelname.first {
        margin-left: 11px !important;
        margin-right: 26px !important; }
  .table-information .notification {
    background: #4a7a00;
    border-left: 1px solid #5b5b5b;
    color: #93c541;
    float: right;
    font-family: "RobotoBold";
    line-height: 20px;
    width: 207px;
    height: 52px;
    text-align: center;
    padding: 5px 0; }
  .table-information .price-info {
    background: #fff;
    border: 1px solid #5b5b5b;
    height: 52px;
    width: 100%; }
    .table-information .price-info .desc {
      color: #93c541;
      font-family: "RobotoCondensedBold";
      font-size: 24px;
      padding: 8px;
      text-align: center;
      text-transform: uppercase; }
    .table-information .price-info .price-highlighted {
      background: #4a7a00;
      color: #fff;
      font-family: "RobotoCondensedBold";
      font-size: 29px;
      height: 50px; }
      .table-information .price-info .price-highlighted div .tablePrice {
        padding: 3px 4px 2px 4px;
        float: left; }
      .table-information .price-info .price-highlighted div span {
        color: #93c541;
        float: right;
        padding: 3px 4px 2px 4px; }
    .table-information .price-info .price {
      color: #5b5b5b;
      font-family: "RobotoCondensed";
      font-size: 24px;
      height: 52px; }
      .table-information .price-info .price div .tablePrice, .table-information .price-info .price div .tablePriceSecond {
        padding: 8px;
        float: left; }
      .table-information .price-info .price div span {
        color: #93c541;
        float: right;
        padding: 8px; }
  .table-information .product-description {
    border-left: 1px solid #5b5b5b;
    border-top: 1px solid #5b5b5b;
    border-right: 1px solid #5b5b5b;
    margin-top: 4px;
    position: relative; }
    .table-information .product-description .product-description-img {
      height: 132px;
      position: relative; }
      .table-information .product-description .product-description-img img {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        transform: translateY(-50%); }
    .table-information .product-description .product-profile-name {
      border-top: 1px solid #5b5b5b;
      color: #5b5b5b;
      font-family: "RobotoCondensedBold";
      font-size: 18px;
      line-height: 52px;
      height: 52px;
      text-align: center;
      text-transform: uppercase; }
  .table-information .ask-for-offer {
    background: #7ac62e;
    color: #fff;
    font-size: 24px;
    font-family: "RobotoCondensedBold";
    border: 1px solid #5b5b5b;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0; }
    .table-information .ask-for-offer .offer-cta {
      border: 1px solid #fff;
      display: inline-block;
      margin: 10px 0;
      padding: 8px 56px 8px 56px; }
    .table-information .ask-for-offer a {
      color: #fff; }
  .table-information .instructions {
    font-family: "RobotoCondensed";
    padding-top: 20px; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.page-template-page-table .jspContainer {
  overflow: hidden;
  position: relative; }

.page-template-page-table .jspPane {
  position: absolute; }

.page-template-page-table .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.page-template-page-table .jspHorizontalBar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 27px;
  background: #fff;
  border-top: 1px solid #5b5b5b;
  border-bottom: 1px solid #5b5b5b;
  top: 0; }

.page-template-page-table .jspCap {
  display: none; }

.page-template-page-table .jspHorizontalBar .jspCap {
  float: left; }

.page-template-page-table .jspTrack {
  background: #fff;
  position: relative; }

.page-template-page-table .jspDrag {
  background: #93c541;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.page-template-page-table .jspHorizontalBar .jspTrack,
.page-template-page-table .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.page-template-page-table .jspHorizontalBar .jspDrag {
  border-left: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b; }

.page-template-page-table .jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.page-template-page-table .jspArrowLeft {
  background: url(../img/table-arrow-left.png) center center no-repeat;
  border-left: 1px solid #5b5b5b; }

.page-template-page-table .jspArrowRight {
  background: url(../img/table-arrow-right.png) center center no-repeat;
  border-right: 1px solid #5b5b5b;
  border-left: 1px solid #fff; }

.page-template-page-table .jspArrow.jspDisabled {
  cursor: default; }

.page-template-page-table .jspVerticalBar .jspArrow {
  height: 16px; }

.page-template-page-table .jspHorizontalBar .jspArrow {
  width: 36px;
  float: left;
  height: 100%; }

.page-template-page-table .jspVerticalBar .jspArrow:focus {
  outline: none; }

.page-template-page-table .jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/* ADDITIONAL MODIFICATIONS */
/****************************/
/* Table menu with submenus */
/***************************/
.table-menu-container {
  position: relative; }

.table-menu-container .table-menu {
  margin-bottom: 5px;
  font-family: "RobotoCondensed";
  font-size: 17px;
  line-height: 52px;
  height: 52px;
  text-align: left;
  text-transform: uppercase;
  text-indent: 20px;
  background: rgba(73, 42, 0, 0.87); }
  .table-menu-container .table-menu a {
    color: #fff;
    display: block;
    position: relative; }
    .table-menu-container .table-menu a:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      border-top: 9px solid #93c541;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      float: right;
      margin-top: 21px;
      margin-right: 20px; }

.table-menu-nav {
  background: rgba(21, 10, 3, 0.94);
  display: none;
  border: 1px solid #4a7a00;
  position: absolute;
  z-index: 99;
  width: 100%;
  padding: 10px 0; }

.sub-menu-container {
  width: 100%;
  padding-top: 10px; }
  .sub-menu-container ul {
    padding-left: 20px;
    padding-right: 20px; }

.sub-menu-container .firstactive, .sub-menu-container .sub-menu.active {
  color: #fff;
  border-bottom: 1px solid #93c541;
  font-family: "RobotoCondensedBold"; }

.sub-menu-container > ul > li > ul {
  padding-left: 20px;
  padding-top: 10px; }

.sub-menu-container > ul > li > ul > li > ul {
  padding-left: 40px; }

.sub-menu-container ul li {
  list-style-type: none;
  margin-bottom: 4px;
  margin-top: 2px; }

.sub-menu-container ul li a {
  color: #efe7d7;
  font-family: "RobotoCondensed";
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.6px; }

.sub-menu-container > ul > li > ul > li > a:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 7px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  float: left;
  margin-top: 9px;
  margin-right: 12px; }

/*******************************/
/* Table edit for more columns */
/*****************************/
.product-table tr th {
  width: 100px; }

.product-table tr:first-child td:first-child {
  font-size: 15px; }

.product-table tr th:first-child {
  font-size: 15px; }

.product-table tr:first-child td.pricemark {
  font-size: 14px; }

.product-table {
  font-size: 18px; }

.table-information .ask-for-offer {
  font-size: 20px; }

.product-table .highlightText, .product-table .highlight {
  font-size: 21px; }

@media screen and (max-width: 767px) {
  .product-table tr th {
    width: 140px; } }

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