/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Main Stylesheet
******************************************************************/
/* normalize.css - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

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

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/******** IMPORTING PARTIALS ********/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Variables
******************************************************************/
/*********************
COLORS
*********************/
/* base */
/* links */
/* typography */
/* tables */
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Typography
******************************************************************/
/******** FONT FACE ********/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3; }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
PREFIXES
*********************/
/*********************
FLEXBOX
*********************/
/*********************
TRANSITION
*********************/
/*********************
SHOW/HIDE
*********************/
/*********************
OTHER
*********************/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Tabels
******************************************************************/
/******** TABLES ********/
div.table-wrapper.table-wrapper {
  border: 1px solid;
  border-bottom: 0; }
  div.table-wrapper.table-wrapper .pinned {
    background: transparent;
    border-right: 1px solid;
    border-left: 0; }
  div.table-wrapper.table-wrapper tr {
    height: 40px !important; }

table {
  width: 100%;
  text-align: right; }
  table tr {
    transition: background-color 100ms; }
    table tr:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  table td, table th {
    padding: .5em .8em;
    vertical-align: middle;
    min-height: 1em;
    font-size: .9em; }
  table td:empty {
    padding: 1em; }
  table td:first-child {
    text-align: left; }
  table th {
    font-weight: bold; }
  table.right {
    text-align: right; }
  table td.tblheader, table thead td, table thead th {
    font-weight: bold;
    border-bottom: 1px solid; }
  table.responsive {
    margin-top: 0; }

tfoot td, tbody td, tbody th {
  border-bottom: 1px solid; }

tbody td.sum {
  border-top: 2px solid;
  border-bottom: 0;
  font-weight: bold;
  margin-bottom: 1em; }

tbody td.highlight, thead th.highlight {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); }

table.col2 tr td:first-child {
  width: 70%;
  text-align: left; }

table.col2 tr td {
  width: 30%;
  text-align: right; }

table.col3 tr td:first-child {
  width: 60%;
  text-align: left; }

table.col3 tr td {
  width: 20%;
  text-align: right; }

table.col4 tr td:first-child {
  width: 40%;
  text-align: left; }

table.col4 tr td {
  width: 15%;
  text-align: right; }

table.col5 tr td:first-child {
  width: 30%;
  text-align: left; }

table.col5 tr td {
  width: 12%;
  text-align: right; }

table.col6 tr td:first-child {
  width: 25%;
  text-align: left; }

table.col6 tr td {
  width: 12.5%;
  text-align: right; }

table.col7 tr td:first-child {
  width: 30%;
  text-align: left; }

table.col7 tr td {
  width: 10%;
  text-align: right; }

table.col8 tr td:first-child {
  width: 20%;
  text-align: left; }

table.col8 tr td {
  width: 10%;
  text-align: right; }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: UI Skeleton
******************************************************************/
/*********************
IP PANEL
*********************/
.ip-panel {
  position: fixed;
  background: #93AF56;
  z-index: -1;
  top: 50px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); }
  .ip-panel.overview-panel {
    background: #809948; }
  .ip-panel.extras-panel {
    background-color: #2b545f;
    height: 50px; }
    .ip-panel.extras-panel .nav {
      overflow-x: auto;
      white-space: nowrap;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch; }
    .ip-panel.extras-panel li {
      display: inline-block; }
      .ip-panel.extras-panel li a {
        border: none; }
  .ip-panel.search-panel {
    background-color: #284d58;
    height: 50px; }
  .ip-panel.ip-panel-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .ip-panel .flickity-prev-next-button {
    display: none; }
  .ip-panel a, .ip-panel a:hover, .ip-panel a:focus, .ip-panel a:visited {
    color: #fff; }

/*********************
IP PANEL BUTTON
*********************/
.ip-panel-button {
  background-color: #93AF56;
  color: #fff;
  z-index: 9999;
  min-width: 50px;
  padding: 0 15px;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -webkit-tap-highlight-color: transparent; }
  .ip-panel-button .ip-panel-button-inner {
    -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); }
    .ip-panel-button .ip-panel-button-inner.shift:after, .ip-panel-button .ip-panel-button-inner.shift:before, .ip-panel-button .ip-panel-button-inner.shift div:before {
      content: '';
      display: block;
      width: 15px;
      height: 2px;
      margin: 2px 0;
      background-color: #fff;
      -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
      -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
      -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
      transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
      outline: 1px solid transparent; }
  .ip-panel-button.overview-button {
    background-color: #809948; }
    .ip-panel-button.overview-button .ip-panel-button-inner {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
      .ip-panel-button.overview-button .ip-panel-button-inner.shift:after {
        width: 15px; }
      .ip-panel-button.overview-button .ip-panel-button-inner.shift:before {
        width: 12px; }
      .ip-panel-button.overview-button .ip-panel-button-inner.shift div:before {
        width: 7px; }
  .ip-panel-button.extras-button, .ip-panel-button.search-button {
    background-color: #284d58;
    float: right; }
    .ip-panel-button.extras-button.extras-button, .ip-panel-button.search-button.extras-button {
      background-color: #2b545f; }
  .ip-panel-button .text {
    display: none; }

.ip-panel-active .shift:before {
  margin: 2px 0 0 0;
  -webkit-transform: translateY(4px) rotate(45deg);
  -moz-transform: translateY(4px) rotate(45deg);
  -ms-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
  width: 15px !important; }
.ip-panel-active .shift div:before {
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
  transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); }
.ip-panel-active .shift:after {
  margin: -1px 0 0 0;
  -webkit-transform: translateY(-4px) rotate(-45deg);
  -moz-transform: translateY(-4px) rotate(-45deg);
  -ms-transform: translateY(-4px) rotate(-45deg);
  transform: translateY(-4px) rotate(-45deg); }

/*********************
IP-PANEL Nav UL
*********************/
.nav ul {
  display: none; }
  .nav ul a {
    background: #85a04c; }
  .nav ul ul a {
    background: #778f43; }
.nav li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.nav a {
  position: relative;
  padding: 0 15px;
  min-height: 50px;
  color: #fff;
  border-bottom: 1px solid #8ba74f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
.nav .menu-item-has-children > a:before {
  font-size: 1.25em;
  content: '+';
  margin-right: 5px;
  margin-bottom: 3px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s; }
.nav .menu-item-has-children.menu-open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.noscroll {
  overflow: hidden; }

/*********************
OVERVIEW NAV
*********************/
.search .overview-button,
.home .overview-button {
  display: none; }

.swiper-slide {
  list-style-type: none;
  text-align: center; }

.ip-panel .swiper-pagination.swiper-pagination {
  position: relative;
  bottom: -4px; }

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3); }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff; }

.overview-menu-title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.overview-menu-img {
  max-height: 60vh;
  overflow: hidden;
  padding: 0 7.5px; }

.overview-panel a img {
  width: 100%; }
.overview-panel .swiper-slide {
  width: 300px; }

div[class*="swiper-button-"] {
  display: none; }

/*********************
SEARCH PANEL
*********************/
.searchform input[type="search"] {
  color: #fff;
  height: 50px;
  background: transparent; }
.searchform input[type="search"]::-webkit-input-placeholder {
  color: #fff; }

/******** PAGE LOAD ********/
#content, .footer {
  display: none; }

.page-intro {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9000;
  opacity: 1;
  transition: opacity 350ms ease; }
  .page-intro.active {
    opacity: 0; }
  .page-intro.remove {
    z-index: -1; }

.page-load {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 350ms ease;
  display: none; }
  .page-load.active {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    opacity: 1; }
  .page-load .spinner {
    height: 35px;
    text-align: center; }
  .page-load .spinner > div {
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: ip-load 1.2s infinite ease-in-out;
    animation: ip-load 1.2s infinite ease-in-out; }
  .page-load .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
  .page-load .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }
@-webkit-keyframes ip-load {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes ip-load {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
/******** HEADER STYLES ********/
.header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0; }

.inner-header > div {
  float: left;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  font-weight: 500; }

.logo {
  margin: 0 15px;
  font-size: .675em;
  position: relative;
  width: calc(100% - 230px);
  justify-content: flex-start !important; }
  .logo a {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .logo a:hover, .logo a:visited {
      color: #fff; }

/******** PRE NXT NAVIGATION ********/
.prenxt-navigation {
  display: none; }
  .prenxt-navigation .prev, .prenxt-navigation .nxt {
    position: fixed;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 100; }
    .prenxt-navigation .prev > *, .prenxt-navigation .nxt > * {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -ms-flex-align: center;
      padding: 0 5px;
      color: #fff; }
    .prenxt-navigation .prev a, .prenxt-navigation .nxt a {
      font-size: 2em;
      width: auto; }
  .prenxt-navigation .prev .page-preview {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .prenxt-navigation .nxt {
    right: 0; }
    .prenxt-navigation .nxt .page-preview {
      right: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
  .prenxt-navigation .page-preview {
    font-size: .875em;
    line-height: 1.25em;
    overflow: hidden;
    z-index: -1;
    top: 0;
    min-width: 200px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    -moz-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    -ms-transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94);
    transition: all 0.4s cubic-bezier(0.37, 0.15, 0.32, 0.94); }

/******** PAGE X OF Y ********/
.pagenr {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  padding: 5px 15px;
  color: #fff;
  line-height: 1em;
  font-size: 14px;
  font-weight: 500;
  z-index: 100; }

.search .pagenr, .error404 .pagenr {
  display: none; }

/******** PAGE NAVI STYLES ********/
.pagination li {
  float: left;
  margin: .73em 0; }
  .pagination li:nth-child(2n) * {
    background-color: #85a04c; }
.pagination a, .pagination span {
  width: 50px;
  height: 50px;
  color: #fff !important;
  background-color: #93AF56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-align: center; }

/******** FOOTER STYLES ********/
.footer {
  color: #fff;
  background-color: #336371; }
  .footer .footerwidgets {
    padding: 35px 0; }
  .footer .widgettitle {
    margin-bottom: 0; }
  .footer a {
    color: #fff; }

@media only screen and (min-width: 768px) {
  .logo {
    font-size: 1em;
    width: auto; }

  html.no-touch .menu-item-has-children > a:after {
    display: none; }

  .ip-panel-button .text {
    display: block;
    margin-left: 5px; }

  .menu-item-has-children > a .menu-image-title:after {
    content: ''; }

  /*********************
  IP PANEL
  *********************/
  .ip-panel {
    padding: 25px; }
    .ip-panel .flickity-prev-next-button {
      width: 40px;
      height: 40px;
      display: block;
      background: transparent; }
    .ip-panel.search-panel, .ip-panel.extras-panel {
      padding: 0; }

  /*********************
  IP-PANEL Nav UL
  *********************/
  .nav > li > ul {
    display: block; }
  .nav ul ul {
    padding-left: 1em; }
  .nav .menu-item-has-children > a::before {
    content: '';
    display: none; }
  .nav .menu-item-has-children .menu-item-has-children > a::before {
    content: '+';
    display: block; }

  .default-panel .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .default-panel .nav > li {
      float: left;
      width: 25%; }
      .default-panel .nav > li.menu-item-has-children {
        margin-bottom: 35px; }
        .default-panel .nav > li.menu-item-has-children > a {
          /*font-weight: 600;
          font-size: 1.143em; */ }
          .default-panel .nav > li.menu-item-has-children > a:after {
            display: none; }
      .default-panel .nav > li a {
        border: none;
        min-height: 30px;
        background: none; }
      .default-panel .nav > li.title-xl > a,
      .default-panel .nav > li .title-xl > a {
        font-size: 1.143em;
        font-weight: 600; }
      .default-panel .nav > li.title-xxl > a,
      .default-panel .nav > li .title-xxl > a {
        font-size: 1.429em;
        font-weight: 600; }
      .default-panel .nav > li.disable > a {
        pointer-events: none; }

  .ip-panel .sub-menu {
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  /******** FOOTER STYLES ********/
  .footer .footerwidgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .footer .widget {
    width: 100%;
    margin-right: 35px; }
    .footer .widget:last-child {
      margin-right: 0;
      float: right;
      text-align: right; }
    .footer .widget:first-child {
      float: left;
      text-align: left; } }
@media only screen and (min-width: 1030px) {
  	/*********************
      IP PANEL
      *********************/
  div[class*="swiper-button-"] {
    display: block; }

  .ip-panel {
    padding: 50px; }

  .search .prenxt-navigation {
    display: none; }

  .prenxt-navigation {
    display: block; }
    .prenxt-navigation .prev, .prenxt-navigation .nxt {
      top: 50%;
      margin-top: -25px;
      height: 75px;
      width: 40px; }
      .prenxt-navigation .prev:hover .page-preview, .prenxt-navigation .nxt:hover .page-preview {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      .prenxt-navigation .prev > *, .prenxt-navigation .nxt > * {
        padding: 0 15px; }
    .prenxt-navigation .nxt .page-preview {
      right: 40px; }
    .prenxt-navigation .prev .page-preview {
      left: 40px; } }
/******** IMPORTING MODULES ********/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Form Styles
******************************************************************/
/******** INPUTS ********/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 1em;
  color: #000;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    outline: none; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Flexslider Styles
******************************************************************/
/******** IMAGE ZOOM STYLES ********/
.zoom-img-wrap img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; }

/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Visual Composer Stylesheet
******************************************************************/
/******** VISUAL COMPOSER ********/
.vc_row[data-vc-full-width][data-vc-stretch-content="true"] .vc_figure-caption {
  padding-left: 15px; }

.wpb_single_image .vc_figure-caption {
  color: #6d6d6d; }

.vc_row[data-vc-full-width][data-vc-stretch-content="true"].vc_row-flex .wpb_single_image {
  margin-left: -15px;
  margin-right: -15px; }

.vc_row[class*="bg-"] > .vc_column_container > .vc_column-inner,
.vc_row > .vc_column_container[class*="bg-"] > .vc_column-inner {
  padding-top: 35px; }

.vc_row-no-padding + .vc_row-full-width + .vc_row > .vc_column_container:first-child > .vc_column-inner,
div[class*="bg-"] + .vc_row-full-width + .vc_row > .vc_column_container:first-child > .vc_column-inner,
div[class*="bg-"] + .vc_row > .vc_column_container:first-child > .vc_column-inner,
.vc_row-flex + .vc_row > .vc_column_container:first-child > .vc_column-inner,
.vc_row-flex + .vc_row-full-width + .vc_row > .vc_column_container:first-child > .vc_column-inner {
  padding-top: 35px; }

.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
  padding-top: 0; }

.vc_row[data-vc-full-width] .wpb_column .wpb_single_image,
.vc_row-flex .wpb_column .wpb_single_image {
  margin-bottom: 0; }

.vc_row[data-vc-full-width] {
  transition: none; }
  .vc_row[data-vc-full-width] > div > div > div > .wpb_text_column > div *:first-child {
    margin-top: 0; }
  .vc_row[data-vc-full-width][data-vc-stretch-content="true"] {
    padding: 0 !important; }
    .vc_row[data-vc-full-width][data-vc-stretch-content="true"] .wpb_single_image .vc_figure,
    .vc_row[data-vc-full-width][data-vc-stretch-content="true"] .wpb_single_image .vc_single_image-wrapper {
      display: block; }
      .vc_row[data-vc-full-width][data-vc-stretch-content="true"] .wpb_single_image .vc_figure img,
      .vc_row[data-vc-full-width][data-vc-stretch-content="true"] .wpb_single_image .vc_single_image-wrapper img {
        width: 100%; }
  .vc_row[data-vc-full-width] > .wpb_text_column {
    padding-top: 35px; }

/******** FLEXSLIDER ********/
.flexslider.flexslider {
  margin: 0;
  background: none;
  border: none;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

@media only screen and (min-width: 768px) {
  .vc_row[data-vc-full-width] {
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

  .vc_row-no-padding + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
  div[class*="bg-"] + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
  div[class*="bg-"] + .vc_row > .vc_column_container > .vc_column-inner,
  .vc_row-flex + .vc_row > .vc_column_container > .vc_column-inner,
  .vc_row-flex + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
    padding-top: 35px; } }
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Flexslider Styles
******************************************************************/
/*********************
FLEXSLIDER
*********************/
.flexslider.flexslider {
  margin: 0;
  background: none;
  border: none;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  .flexslider.flexslider .flex-direction-nav a {
    color: white;
    text-shadow: none; }
  .flexslider.flexslider .flex-direction-nav .flex-prev {
    left: 10px; }
  .flexslider.flexslider .flex-direction-nav .flex-next {
    right: 10px; }
  .flexslider.flexslider .flex-control-paging li a {
    background: rgba(0, 0, 0, 0.25);
    box-shadow: none; }
  .flexslider.flexslider .flex-control-paging li a.flex-active {
    background: rgba(0, 0, 0, 0.5); }

/******** BASE (MOBILE) SIZE ********/
/******************************************************************
Theme: InPublix
Author: Henrik Rosengren
Author URL: http://www.bysted.se/

Stylesheet: Base Stylesheet
******************************************************************/
/******** SWIPE ********/
.swipe {
  display: none;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 100%; }
  .swipe.show-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center; }
  .swipe svg {
    width: 50px; }
  .swipe path {
    fill: #fff; }

.delay {
  animation-delay: 1s; }

/******** WORDPRESS ********/
.admin-bar .header {
  top: 32px; }
.admin-bar .ip-panel {
  top: 82px; }

/******** INPUBLIX HUB ********/
.site-title {
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px; }

body.page-template-page-inpublix-hub {
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  height: 100vh;
  text-align: center; }
  body.page-template-page-inpublix-hub #content {
    margin: 0;
    width: 100%; }
  body.page-template-page-inpublix-hub .wpb_content_element {
    margin: 0;
    padding: 0 !important; }
  body.page-template-page-inpublix-hub .wrap {
    width: 100%; }
  body.page-template-page-inpublix-hub .header,
  body.page-template-page-inpublix-hub .footer,
  body.page-template-page-inpublix-hub .pagenr {
    display: none; }
  body.page-template-page-inpublix-hub > div:first-child {
    padding: 35px;
    max-width: 500px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  body.page-template-page-inpublix-hub h1 {
    margin-top: 0; }
  body.page-template-page-inpublix-hub h3 {
    margin-bottom: 0; }
  body.page-template-page-inpublix-hub h3 + p {
    margin-top: .5em; }

/******** LAYOUT & GRID STYLES ********/
.wrap {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto; }

#content {
  padding-top: 50px; }

/******** LINK STYLES ********/
a {
  text-decoration: none; }
  a:hover, a:focus {
    outline: none; }
  a:link {
    -webkit-tap-highlight-color: transparent; }

/******** 404, EMPTY SEARCH RESULTS ********/
.not-found {
  padding: 175px 0; }

.search-results article {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .search-results article .search-title {
    margin: .75em 0; }

.search-no-results #content,
.error404 #content {
  text-align: center; }

/******** TABLET & SMALLER LAPTOPS ********/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Theme: InPublix
  Author: Henrik Rosengren
  Author URL: http://www.bysted.se/
  
  Stylesheet: 768px and Up Stylesheet
  ******************************************************************/
  .swipe {
    display: none !important; } }
/******** DESKTOP ********/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Theme: InPublix
  Author: Henrik Rosengren
  Author URL: http://www.bysted.se/
  
  Stylesheet: 1030px and Up Stylesheet
  ******************************************************************/ }
/******** PRINT STYLESHEET ********/
@media print {
  /******************************************************************
  Theme: InPublix
  Author: Henrik Rosengren
  Author URL: http://www.bysted.se/
  
  Stylesheet: Print Stylesheet
  ******************************************************************/
  .header,
  .prenxt-navigation,
  .footer,
  .pagenr {
    display: none !important; }

  body {
    display: block;
    font-size: 14px;
    width: 21cm; }
    body #container #content {
      margin-top: 0; }

  .map,
  .vc_separator {
    display: none !important; }

  .vc_row[data-vc-full-width] {
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important; }

  .vc_tta.vc_general .vc_tta-panel-body {
    display: block !important; }

  .vc_row[data-vc-full-width][data-vc-stretch-content="true"] .wpb_single_image {
    overflow: visible;
    max-height: 100%; }

  .wrap {
    width: 100%;
    max-width: 100%;
    padding: 0 15px; }

  .vc_tta-panel {
    page-break-inside: avoid; }

  .vc_tta-panel-body {
    padding: 0 !important; }

  .vc_tta-panel-heading {
    display: none !important; }

  .entry-content {
    padding: 0; }

  pre, blockquote {
    page-break-inside: avoid; }

  table {
    width: 100%; }
    table td {
      text-align: right; }
      table td::first-child {
        text-align: left; }

  .hichart {
    page-break-inside: avoid; }

  .pagebreak {
    page-break-after: always;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

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

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

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

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

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; }

  .hide-print {
    display: none; }

  .show-print {
    display: block; }

  .vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
    float: left; }

  .vc_col-sm-12 {
    width: 100%; }

  .vc_col-sm-11 {
    width: 91.66666667%; }

  .vc_col-sm-10 {
    width: 83.33333333%; }

  .vc_col-sm-9 {
    width: 75%; }

  .vc_col-sm-8 {
    width: 66.66666667%; }

  .vc_col-sm-7 {
    width: 58.33333333%; }

  .vc_col-sm-6 {
    width: 50%; }

  .vc_col-sm-5 {
    width: 41.66666667%; }

  .vc_col-sm-4 {
    width: 33.33333333%; }

  .vc_col-sm-3 {
    width: 25%; }

  .vc_col-sm-2 {
    width: 16.66666667%; }

  .vc_col-sm-1 {
    width: 8.33333333%; }

  .vc_col-sm-pull-12 {
    right: 100%; }

  .vc_col-sm-pull-11 {
    right: 91.66666667%; }

  .vc_col-sm-pull-10 {
    right: 83.33333333%; }

  .vc_col-sm-pull-9 {
    right: 75%; }

  .vc_col-sm-pull-8 {
    right: 66.66666667%; }

  .vc_col-sm-pull-7 {
    right: 58.33333333%; }

  .vc_col-sm-pull-6 {
    right: 50%; }

  .vc_col-sm-pull-5 {
    right: 41.66666667%; }

  .vc_col-sm-pull-4 {
    right: 33.33333333%; }

  .vc_col-sm-pull-3 {
    right: 25%; }

  .vc_col-sm-pull-2 {
    right: 16.66666667%; }

  .vc_col-sm-pull-1 {
    right: 8.33333333%; }

  .vc_col-sm-pull-0 {
    right: auto; }

  .vc_col-sm-push-12 {
    left: 100%; }

  .vc_col-sm-push-11 {
    left: 91.66666667%; }

  .vc_col-sm-push-10 {
    left: 83.33333333%; }

  .vc_col-sm-push-9 {
    left: 75%; }

  .vc_col-sm-push-8 {
    left: 66.66666667%; }

  .vc_col-sm-push-7 {
    left: 58.33333333%; }

  .vc_col-sm-push-6 {
    left: 50%; }

  .vc_col-sm-push-5 {
    left: 41.66666667%; }

  .vc_col-sm-push-4 {
    left: 33.33333333%; }

  .vc_col-sm-push-3 {
    left: 25%; }

  .vc_col-sm-push-2 {
    left: 16.66666667%; }

  .vc_col-sm-push-1 {
    left: 8.33333333%; }

  .vc_col-sm-push-0 {
    left: auto; }

  .vc_col-sm-offset-12 {
    margin-left: 100%; }

  .vc_col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .vc_col-sm-offset-10 {
    margin-left: 83.33333333%; }

  .vc_col-sm-offset-9 {
    margin-left: 75%; }

  .vc_col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .vc_col-sm-offset-7 {
    margin-left: 58.33333333%; }

  .vc_col-sm-offset-6 {
    margin-left: 50%; }

  .vc_col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .vc_col-sm-offset-4 {
    margin-left: 33.33333333%; }

  .vc_col-sm-offset-3 {
    margin-left: 25%; }

  .vc_col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .vc_col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .vc_col-sm-offset-0 {
    margin-left: 0%; } }