@charset "UTF-8";
@font-face {
  font-family: 'arrows';
  src: url('fonts/arrows.eot?60833613');
  src: url('fonts/arrows.eot?60833613#iefix') format('embedded-opentype'),
       url('fonts/arrows.woff2?60833613') format('woff2'),
       url('fonts/arrows.woff?60833613') format('woff'),
       url('fonts/arrows.ttf?60833613') format('truetype'),
       url('fonts/arrows.svg?60833613#arrows') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'arrows';
    src: url('../font/arrows.svg?60833613#arrows') format('svg');
  }
}
*/
 
 [class^="arrow-"]:before, [class*=" arrow-"]:before {
  font-family: "arrows";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.arrow-right-open-big:before { content: '\e800'; } /* '' */
.arrow-left-open-big:before { content: '\e801'; } /* '' */
.arrow-down-open-big:before { content: '\e802'; } /* '' */
.arrow-up-open-big:before { content: '\e803'; } /* '' */


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  width: 100%; }
  .group:after {
    content: "";
    display: table;
    clear: both; }
  .group, .group .content {
    font-size: 10px;
    font-size: 1rem;
    position: relative;
    width: 100%; }
  .group ._vertically-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.col {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  letter-spacing: normal;
  word-spacing: normal; }
  .col img {
    vertical-align: top; }

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

body {
  margin: 0;
  font-family: Arial;
  line-height: 1.5em;
  overflow-x: hidden;
  width: 100%;
  position: relative; }

main {
  display: block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

h1, h2, h3, h4, h5, h6 {
  margin: .5em 0 0 0;
  padding: 0;
  line-height: 1.3em;
  font-weight: normal;
  font-size: 1em; }

a {
  display: inline-block;
  vertical-align: top; }
  a img {
    border: none; }

img {
  vertical-align: bottom; }

nav ul, nav li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top; }

.input-field {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  padding: .5em 0;
  margin-bottom: .0em; }

.input-placeholder, .input-requirement {
  position: absolute;
  font-size: .8em;
  padding: .3em 0;
  height: 1em;
  line-height: 1em; }

.input-placeholder {
  left: 0;
  top: -8%;
  padding: 0; }

.js .input-placeholder {
  left: .8em;
  top: 29%;
  font-size: 1em;
  -webkit-transition: all .3s;
  transition: all .3s; }

.input-requirement {
  bottom: 15%;
  left: 0;
  opacity: 0;
  -webkit-transition: all .3s .15s;
  transition: all .3s .15s; }

input[class^="input"], textarea.input-textarea {
  border: 1px solid #999;
  margin: .1em 0 .9em;
  width: 100%;
  font-size: 1em;
  padding: .5em .65em;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  input[class^="input"].hasValue ~ .input-placeholder, textarea.input-textarea.hasValue ~ .input-placeholder {
    left: 0;
    top: -8%;
    font-size: .8em;
    opacity: 1;
    color: #999; }
  input[class^="input"]:focus, textarea.input-textarea:focus {
    -webkit-box-shadow: 0 0 3px #ddd;
            box-shadow: 0 0 3px #ddd; }
    input[class^="input"]:focus ~ .input-placeholder, input[class^="input"]:focus ~ .input-requirement, textarea.input-textarea:focus ~ .input-placeholder, textarea.input-textarea:focus ~ .input-requirement {
      font-size: .8em; }
    input[class^="input"]:focus ~ .input-placeholder, textarea.input-textarea:focus ~ .input-placeholder {
      left: 0;
      top: -8%;
      opacity: 1; }

textarea.input-textarea ~ .input-placeholder {
  top: 1.2em; }

textarea.input-textarea:focus ~ .input-placeholder, textarea.input-textarea.hasValue ~ .input-placeholder {
  top: -0.8em; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  border: 1px solid #999;
  margin: .5em 0 1em;
  padding: 1em 1.5em 0;
  border-radius: 5px; }

legend {
  border: 0;
  padding: 0 .35em;
  font-size: 1.4rem;
  font-weight: 500; }

[class^="input"]:focus ~ .input-requirement {
  opacity: 1; }

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

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%; }

main {
  display: block; }

nav ul, nav li, .nav ul, .nav li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top; }

#menu-toggle {
  display: none; }

.menu-item {
  cursor: pointer;
  position: relative;
  font-size: 1.4rem;
  line-height: 1em; }
  .menu-item .menu-item-link {
    padding: .8em 1.5em;
    width: 100%;
    position: relative;
    z-index: 0;
    word-break: nowrap; }
    .menu-item .menu-item-link:hover, .menu-item .menu-item-link:focus {
      outline: none; }

.sub-menu {
  display: none;
  -webkit-transition: opacity 0.3s, visibility 0.3s, max-height 1s;
  transition: opacity 0.3s, visibility 0.3s, max-height 1s;
  position: absolute;
  z-index: 1;
  text-align: left;
  padding: 0;
  min-width: 15rem;
  line-height: 0;
  top: 100%;
  left: 0;
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
  .sub-menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    right: -10px;
    bottom: -30px;
    z-index: 0; }
  .sub-menu .menu-item {
    display: block;
    z-index: 1;
    position: relative; }
  .sub-menu .sub-menu {
    position: absolute;
    left: 15rem;
    top: 0;
    height: auto; }

.menu-item.menu-item-has-children:hover {
  visibility: visible; }
  .menu-item.menu-item-has-children:hover > .sub-menu {
    display: block; }

.header-nav a {
  text-decoration: none; }

.header-nav-bar {
  position: relative;
  z-index: 2; }

.input-field {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  padding: .5em 0;
  margin-bottom: .0em;
  overflow: visible; }

select.input-field {
  border: 1px solid #999;
  margin: .1em 0 .9em;
  vertical-align: top;
  padding: .5em .65em;
  -webkit-appearance: none; }

.input-placeholder, .input-requirement {
  position: absolute;
  font-size: .8em;
  padding: .3em 0;
  height: 1em;
  line-height: 1em; }

.input-placeholder {
  left: 0;
  top: -8%;
  padding: 0; }

.js .input-placeholder {
  left: .8em;
  top: 1.3em;
  font-size: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.input-requirement {
  bottom: .8em;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s; }

input[class^="input"], textarea.input-textarea {
  border: 1px solid #999;
  margin: .1em 0 .9em;
  width: 100%;
  font-size: 1em;
  padding: .5em .65em;
  border-radius: 5px;
  -webkit-appearance: none; }
  input[class^="input"].hasValue ~ .input-placeholder, textarea.input-textarea.hasValue ~ .input-placeholder {
    left: 0;
    top: -8%;
    font-size: .8em;
    opacity: 1;
    color: #999; }
  input[class^="input"]:focus, textarea.input-textarea:focus {
    -webkit-box-shadow: 0 0 0.25em #39f;
            box-shadow: 0 0 0.25em #39f;
    outline: none;
    z-index: 5; }
    input[class^="input"]:focus ~ .input-placeholder, input[class^="input"]:focus ~ .input-requirement, textarea.input-textarea:focus ~ .input-placeholder, textarea.input-textarea:focus ~ .input-requirement {
      font-size: .8em; }
    input[class^="input"]:focus ~ .input-placeholder, textarea.input-textarea:focus ~ .input-placeholder {
      left: 0;
      top: -8%;
      opacity: 1;
      z-index: 5; }

.input-field:last-child {
  margin-bottom: 0; }
  .input-field:last-child [class^="input"] {
    margin-bottom: 0; }

textarea.input-textarea ~ .input-placeholder {
  top: 1.2em; }

textarea.input-textarea:focus ~ .input-placeholder, textarea.input-textarea.hasValue ~ .input-placeholder {
  top: -0.8em; }

textarea {
  overflow: auto;
  resize: vertical; }

.input-fields fieldset {
  display: inline;
  border: 1px solid #eee;
  margin: .5em 0 1em;
  padding: 1em 0;
  width: 100%;
  border-radius: 5px; }
  .input-fields fieldset .input-field {
    margin: 0 1em; }

.input-fields legend {
  border: 0;
  padding: 0 .35em;
  font-size: 1.4rem;
  font-weight: 500; }

[class^="input"]:focus ~ .input-requirement {
  opacity: 1; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?mcyls9");
  src: url("fonts/icomoon.eot?mcyls9#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?mcyls9") format("truetype"), url("fonts/icomoon.woff?mcyls9") format("woff"), url("fonts/icomoon.svg?mcyls9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

.icon-cross:before {
  content: "\e117"; }

.icon-ellipsis:before {
  content: "\e129"; }

.top-left {
  left: 0;
  right: auto;
  top: 0;
  position: absolute; }

.top-top {
  top: 0;
  position: absolute; }

.header-nav {
  position: fixed;
  top: 0;
  left: 0; }

.parallax {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  background-size: cover;
  z-index: 0; }
  .parallax ~ .content, .parallax ~ .inner-width .content {
    z-index: 1;
    padding: 2rem; }

section, footer {
  opacity: 1; }


.content {
  display: block; }

.menu-item-has-children:after {
  font-family: 'icomoon';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px !important; }

.blue {
  background-color: #7FEAFF; }

.col {
  position: relative; }

section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  position: relative; }
  section .inner-width {
    width: 100%; }

.background-image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  background-color: inherit;
  opacity: .5; }
  .background-overlay + .content {
    position: relative; }

section {
  position: relative;
  overflow: hidden; }

.header-nav img {
  -webkit-transition: all .3s;
  transition: all .3s;
  height: 100px; }

.float .header-nav img {
  height: 36px; }

.prefered-dim:before {
  content: '';
  display: table; }

._16by9:before, .image_block._16by9 .content {
  padding-top: 56.25%; }

._4by3:before, .image_block._4by3 .content {
  padding-top: 75%; }

.square:before, .image_block.square .content {
  padding-top: 100%; }

._full-height:before, .image_block._full-height .content {
  padding-top: 100vh; }

.background-image {
  background-size: cover;
  background-position: center center; }

.group {
  padding: 1em; }

.inner-width + .inner-width .group {
  padding-top: 0; }

.group + .group {
  padding-top: 0; }

.outer-width {
  margin: 0 auto; }

.inner-width {
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }

.image_block .content {
  background-size: cover;
  background-position: center center; }

.gallery img {
  width: 100%;
  height: 100%; }

label[for='toggle'] {
  position: absolute;
  top: 0;
  right: 0; }

.relative {
  position: relative; }

hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.5); }

.white {
  background-color: #fff;
  color: #000; }

.black {
  background-color: #000;
  color: #fff;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5); }

.orange {
  background-color: orange; }

.light-grey {
  background-color: #f6f6f6; }

.slide-left {
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: all 1s .3s;
  transition: all 1s .3s;
  opacity: 0; }
  .slide-left.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }

.slide-right {
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-transition: all 1s .3s;
  transition: all 1s .3s;
  opacity: 0; }
  .slide-right.visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }

.fade {
  -webkit-transition: all 1s .3s;
  transition: all 1s .3s;
  opacity: 0; }
  .fade.visible {
    opacity: 1; }

.header-nav {
  width: 100%;
  z-index: 3; }
  .header-nav.fixed {
    position: fixed;
    top: 0;
    left: 0; }
  .header-nav .main-nav {
    text-align: center; }

body {
  font-family: Georgia; }

.content {
  font-family: Arial; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  font-weight: normal;
  font-size: 1em; }

a {
  display: inline-block;
  vertical-align: top; }

img {
  vertical-align: bottom; }

.xl-text {
  font-size: 32px;
  font-size: 3.2rem; }

.lg-text {
  font-size: 24px;
  font-size: 2.4rem; }

.md-text {
  font-size: 18px;
  font-size: 1.8rem; }

.sm-text {
  font-size: 12px;
  font-size: 1.2rem; }

.thin {
  font-weight: 100; }

.reg {
  font-weight: 300; }

.medium {
  font-weight: 500; }

.thick {
  font-weight: 700; }

.heavy {
  font-weight: 800; }

.min-space {
  line-height: 1em; }

.single-space {
  line-height: 1.5em; }

.drop-cap {
  font-size: 5em;
  float: left;
  margin: 0 0.18em 0.18em 0;
  padding-top: .25em; }

.alignleft {
  margin-right: 1em;
  float: left; }

.alignright {
  margin-left: 1em;
  float: right; }

.aligncenter {
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 620px){
  .alignleft {
  margin-right: 0;
  float: none; }

.alignright {
  margin-left: 0;
  float: none; }

.aligncenter {
  margin-left: auto;
  margin-right: auto; }
  .content img{
    margin-left: 0!important;
  }
}



.bypostauthor {
  font-size: inherit; }

.gallery-caption {
  font-size: inherit; }

.screen-reader-text {
  font-size: inherit; }

.sticky {
  font-size: inherit; }

.wp-caption-text {
  font-size: inherit; }

.wp-caption {
  font-size: inherit; }

[class^="pull-quote"] {
  padding: .8em 1em;
  quotes: "“" "”" "‘" "’";
  margin: 0;
  background: #eee;
  margin: .5em 1em; }

[class^="pull-quote"]:before {
  content: open-quote; }

[class^="pull-quote"]:after {
  content: close-quote; }

.pull-quote-left {
  border-left: 4px solid #999;
  float: left;
  margin-left: 0; }

.pull-quote-right {
  border-right: 4px solid #999;
  float: right;
  margin-right: 0; }

body, .content {
  font-family: 'Nunito', Arial;
  font-weight: 300; }

p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5em; }

.content-blocks {
  margin: 10px;
  background: rgba(125, 125, 125, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.05); }
  .content-blocks:before {
    content: 'Content Block';
    display: block;
    text-align: center;
    color: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
  .content-blocks ul {
    margin: 0; }
    .content-blocks ul li {
      font-size: 14px;
      padding: .5em;
      margin-bottom: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
    .content-blocks ul li:last-child {
      border-bottom: none; }

.button {
  background: #fff;
  border: 2px solid currentColor;
  border-radius: 3px;
  color: #383a35;
  text-transform: uppercase;
  padding: 1em 2em;
  line-height: .8em;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  text-decoration: none; }
  .button:hover {
    background: #eee;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

em {
  font-weight: normal; }

html {
  font-size: 10px; }

.fixed-nav .header-nav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .9; }

.card {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 1em; }
  .card img {
    width: 100%;
    height: auto;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .card .content {
    padding: 1em; }

section > .video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.post.list {
  background-color: #fff;
  margin-bottom: 1em;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); }
  .post.list .group {
    font-size: 1em; }
  .post.list .m_25 img {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
    border-radius: 3px; }

.logo img {
  width: 100%; }

video {
  width: 100%;
  height: auto !important; }

video + .content {
  z-index: 2; }

.video {
  margin: 0; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
  margin: 0; }
  .video-container._4by3 {
    padding-bottom: 66.66%; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.v-align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .v-align-top .col {
    vertical-align: top; }

.v-align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .v-align-bottom .col {
    vertical-align: bottom; }

.v-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .v-align-center .col {
    vertical-align: middle; }

.xs_show, .xs_inline-block {
  display: inline-block; }

.xs_hide, .xs_none {
  display: none; }

.xs_table {
  display: table; }

.xs_table > .col {
  display: table-cell;
  vertical-align: middle; }

.xs_inline-block > .col {
  display: inline-block;
  vertical-align: top; }

.xs_right {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.xs_left {
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.xs_center {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.xs_centered {
  margin-left: auto;
  margin-right: auto; }

.xs_justified {
  text-align: justify;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.xs_justified:after {
  content: '';
  width: 100%;
  height: 0;
  display: inline-block; }

.xs_margin-top-bottom {
  margin-top: 1em;
  margin-bottom: 1em; }

.xs_around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.xs_around:after {
  display: none; }

.xs_fill {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.xs_1-4 {
  width: 25%; }

.xs_2-4 {
  width: 50%; }

.xs_3-4 {
  width: 75%; }

.xs_4-4 {
  width: 100%; }

.xs_max-100 {
  max-width: 100%; }

.xs_15 {
  width: 15%; }

.xs_25 {
  width: 25%; }

.xs_33 {
  width: 33.3332%; }

.xs_35 {
  width: 35%; }

.xs_66 {
  width: 66.6667%; }

.xs_75 {
  width: 75%; }

.xs_10 {
  width: 10%; }

.xs_20 {
  width: 20%; }

.xs_30 {
  width: 30%; }

.xs_40 {
  width: 40%; }

.xs_50 {
  width: 50%; }

.xs_60 {
  width: 60%; }

.xs_70 {
  width: 70%; }

.xs_80 {
  width: 80%; }

.xs_90 {
  width: 90%; }

.xs_100 {
  width: 100%; }

.xs_4-col > .col:nth-of-type(4n+1) {
  padding-left: 0;
  padding-right: 0.75em; }

.xs_4-col > .col:nth-of-type(4n+2) {
  padding-left: 0.25em;
  padding-right: 0.5em; }

.xs_4-col > .col:nth-of-type(4n+3) {
  padding-left: 0.5em;
  padding-right: 0.25em; }

.xs_4-col > .col:nth-of-type(4n) {
  padding-left: 0.75em;
  padding-right: 0; }

.xs_3-col > .col:nth-of-type(3n+1) {
  padding-left: 0;
  padding-right: 0.66668em; }

.xs_3-col > .col:nth-of-type(3n+2) {
  padding-left: 0.33332em;
  padding-right: 0.33332em; }

.xs_3-col > .col:nth-of-type(3n) {
  padding-left: 0.66668em;
  padding-right: 0; }

.xs_2-col > .col:nth-of-type(2n+1) {
  padding-left: 0;
  padding-right: 0.5em; }

.xs_2-col > .col:nth-of-type(2n) {
  padding-left: 0.5em;
  padding-right: 0; }

.xs_1-col > .col:nth-of-type(n) {
  padding-left: 0;
  padding-right: 0; }

.xs_n-cols > .col {
  padding: 0 0.5em; }

@media screen and (min-width: 768px) {
  .s_show, .s_inline-block {
    display: inline-block; }
  .s_hide, .s_none {
    display: none; }
  .s_table {
    display: table; }
  .s_table > .col {
    display: table-cell;
    vertical-align: middle; }
  .s_inline-block > .col {
    display: inline-block;
    vertical-align: top; }
  .s_right {
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .s_left {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .s_center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .s_centered {
    margin-left: auto;
    margin-right: auto; }
  .s_justified {
    text-align: justify;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .s_justified:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block; }
  .s_margin-top-bottom {
    margin-top: 1em;
    margin-bottom: 1em; }
  .s_around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .s_around:after {
    display: none; }
  .s_fill {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .s_1-4 {
    width: 25%; }
  .s_2-4 {
    width: 50%; }
  .s_3-4 {
    width: 75%; }
  .s_4-4 {
    width: 100%; }
  .s_max-100 {
    max-width: 100%; }
  .s_15 {
    width: 15%; }
  .s_25 {
    width: 25%; }
  .s_33 {
    width: 33.3332%; }
  .s_35 {
    width: 35%; }
  .s_66 {
    width: 66.6667%; }
  .s_75 {
    width: 75%; }
  .s_10 {
    width: 10%; }
  .s_20 {
    width: 20%; }
  .s_30 {
    width: 30%; }
  .s_40 {
    width: 40%; }
  .s_50 {
    width: 50%; }
  .s_60 {
    width: 60%; }
  .s_70 {
    width: 70%; }
  .s_80 {
    width: 80%; }
  .s_90 {
    width: 90%; }
  .s_100 {
    width: 100%; }
  .s_4-col > .col:nth-of-type(4n+1) {
    padding-left: 0;
    padding-right: 0.75em; }
  .s_4-col > .col:nth-of-type(4n+2) {
    padding-left: 0.25em;
    padding-right: 0.5em; }
  .s_4-col > .col:nth-of-type(4n+3) {
    padding-left: 0.5em;
    padding-right: 0.25em; }
  .s_4-col > .col:nth-of-type(4n) {
    padding-left: 0.75em;
    padding-right: 0; }
  .s_3-col > .col:nth-of-type(3n+1) {
    padding-left: 0;
    padding-right: 0.66668em; }
  .s_3-col > .col:nth-of-type(3n+2) {
    padding-left: 0.33332em;
    padding-right: 0.33332em; }
  .s_3-col > .col:nth-of-type(3n) {
    padding-left: 0.66668em;
    padding-right: 0; }
  .s_2-col > .col:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 0.5em; }
  .s_2-col > .col:nth-of-type(2n) {
    padding-left: 0.5em;
    padding-right: 0; }
  .s_1-col > .col:nth-of-type(n) {
    padding-left: 0;
    padding-right: 0; }
  .s_n-cols > .col {
    padding: 0 0.5em; } }

@media screen and (min-width: 900px) {
  .m_show, .m_inline-block {
    display: inline-block; }
  .m_hide, .m_none {
    display: none; }
  .m_table {
    display: table; }
  .m_table > .col {
    display: table-cell;
    vertical-align: middle; }
  .m_inline-block > .col {
    display: inline-block;
    vertical-align: top; }
  .m_right {
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .m_left {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .m_center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .m_centered {
    margin-left: auto;
    margin-right: auto; }
  .m_justified {
    text-align: justify;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .m_justified:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block; }
  .m_margin-top-bottom {
    margin-top: 1em;
    margin-bottom: 1em; }
  .m_around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .m_around:after {
    display: none; }
  .m_fill {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .m_1-8 {
    width: 12.5%; }
  .m_2-8 {
    width: 25%; }
  .m_3-8 {
    width: 37.5%; }
  .m_4-8 {
    width: 50%; }
  .m_5-8 {
    width: 62.5%; }
  .m_6-8 {
    width: 75%; }
  .m_7-8 {
    width: 87.5%; }
  .m_8-8 {
    width: 100%; }
  .m_max-100 {
    max-width: 100%; }
  .m_15 {
    width: 15%; }
  .m_25 {
    width: 25%; }
  .m_33 {
    width: 33.3332%; }
  .m_35 {
    width: 35%; }
  .m_66 {
    width: 66.6667%; }
  .m_75 {
    width: 75%; }
  .m_10 {
    width: 10%; }
  .m_20 {
    width: 20%; }
  .m_30 {
    width: 30%; }
  .m_40 {
    width: 40%; }
  .m_50 {
    width: 50%; }
  .m_60 {
    width: 60%; }
  .m_70 {
    width: 70%; }
  .m_80 {
    width: 80%; }
  .m_90 {
    width: 90%; }
  .m_100 {
    width: 100%; }
  .m_4-col > .col:nth-of-type(4n+1) {
    padding-left: 0;
    padding-right: 0.75em; }
  .m_4-col > .col:nth-of-type(4n+2) {
    padding-left: 0.25em;
    padding-right: 0.5em; }
  .m_4-col > .col:nth-of-type(4n+3) {
    padding-left: 0.5em;
    padding-right: 0.25em; }
  .m_4-col > .col:nth-of-type(4n) {
    padding-left: 0.75em;
    padding-right: 0; }
  .m_3-col > .col:nth-of-type(3n+1) {
    padding-left: 0;
    padding-right: 0.66668em; }
  .m_3-col > .col:nth-of-type(3n+2) {
    padding-left: 0.33332em;
    padding-right: 0.33332em; }
  .m_3-col > .col:nth-of-type(3n) {
    padding-left: 0.66668em;
    padding-right: 0; }
  .m_2-col > .col:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 0.5em; }
  .m_2-col > .col:nth-of-type(2n) {
    padding-left: 0.5em;
    padding-right: 0; }
  .m_1-col > .col:nth-of-type(n) {
    padding-left: 0;
    padding-right: 0; }
  .m_n-cols > .col {
    padding: 0 0.5em; } }

@media screen and (max-width: 900px) {
  label[for='menu-toggle'] {
    line-height: 0; }
  [class^="menu-equals"]:before, [class^="menu-equals"]:after {
    content: '';
    position: absolute;
    right: 25%;
    height: 2px;
    width: 50%;
    background: currentColor;
    border-radius: 1px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: all .3s .0s;
    transition: all .3s .0s; }
  [class^="menu-equals"]:before {
    top: calc(33% + 1px);
    border-radius: 1px; }
  [class^="menu-equals"]:after {
    bottom: calc(33% + 1px);
    border-radius: 1px; }
  [class^="menu-triplet"]:before, [class^="menu-triplet"]:after, [class^="menu-triplet"] .menu-icon-extra {
    content: '';
    position: absolute;
    right: 25%;
    height: 2px;
    width: 50%;
    background: currentColor;
    border-radius: 1px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: all .5s .0s;
    transition: all .5s .0s; }
  [class^="menu-triplet"] .menu-icon-extra {
    top: calc(50% - 1px);
    border-radius: 1px; }
  [class^="menu-triplet"]:before {
    top: calc(25% + 1px);
    border-radius: 1px; }
  [class^="menu-triplet"]:after {
    bottom: calc(25% + 1px);
    border-radius: 1px; }
  [class^="menu-dots"]:before, [class^="menu-dots"]:after, [class^="menu-dots"] .menu-icon-extra {
    content: '';
    position: absolute;
    right: calc(50% - 1px);
    height: 2px;
    width: 2px;
    background: currentColor;
    border-radius: 1px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: all .5s .0s;
    transition: all .5s .0s; }
  [class^="menu-dots"] .menu-icon-extra {
    top: calc(50% - 1px);
    border-radius: 1px; }
  [class^="menu-dots"]:before {
    top: calc(25% + 1px);
    border-radius: 1px; }
  [class^="menu-dots"]:after {
    bottom: calc(25% + 1px);
    border-radius: 1px; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-x"]:before, #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-x"] .menu-icon-extra {
    height: 2px;
    width: 50%;
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    right: 25%; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-x"]:after {
    height: 2px;
    width: 50%;
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    right: 25%; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-x"] .menu-icon-extra {
    height: 0; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="--"]:before, #menu-toggle:checked ~ .menu-toggle-sibling span[class$="--"] .menu-icon-extra {
    right: .5em;
    height: 2px;
    width: 50%;
    top: calc(50% - 1px); }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="--"]:after {
    right: .5em;
    height: 2px;
    width: 50%;
    bottom: calc(50% - 1px); }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-xo"] .menu-icon-extra {
    right: 10%;
    height: 80%;
    width: 80%;
    top: 10%;
    border-radius: 50%;
    background: none;
    border: 2px solid currentColor;
    position: absolute; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-xo"]:before {
    height: 2px;
    width: 50%;
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    right: 25%; }
  #menu-toggle:checked ~ .menu-toggle-sibling span[class$="-xo"]:after {
    height: 2px;
    width: 50%;
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    right: 25%; }
  .menu-toggle-button {
    font-size: 20px;
    display: inline-block;
    padding: 1em;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: all .5s;
    transition: all .5s; }
  .top-right {
    position: absolute;
    top: 0;
    right: 0; }
  ._slide-right, ._slide-left, ._overlay-left {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: left, 0.5s;
    transition: left, 0.5s; }
  ._slide-right .main-nav, ._slide-left .main-nav, ._overlay-left .main-nav, ._overlay-right .main-nav, ._stacked .main-nav {
    position: absolute;
    top: 40px;
    z-index: 10;
    width: 20em;
    height: 100vh;
    -webkit-transition: all .5s;
    transition: all .5s; }
    ._slide-right .main-nav .menu-item, ._slide-left .main-nav .menu-item, ._overlay-left .main-nav .menu-item, ._overlay-right .main-nav .menu-item, ._stacked .main-nav .menu-item {
      display: block;
      padding: 0;
      line-height: 1em; }
    ._slide-right .main-nav .primary-nav, ._slide-right .main-nav .secondary-nav, ._slide-left .main-nav .primary-nav, ._slide-left .main-nav .secondary-nav, ._overlay-left .main-nav .primary-nav, ._overlay-left .main-nav .secondary-nav, ._overlay-right .main-nav .primary-nav, ._overlay-right .main-nav .secondary-nav, ._stacked .main-nav .primary-nav, ._stacked .main-nav .secondary-nav {
      display: block;
      position: static;
      text-align: left; }
  ._stacked .main-nav {
    width: 100%;
    height: auto;
    z-index: 1;
    position: absolute;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  ._slide-right .main-nav, ._overlay-right .main-nav {
    right: -20em;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  ._slide-left .main-nav, ._overlay-left .main-nav {
    left: -20em;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  ._overlay-right .header-nav, ._overlay-left .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  ._slide-right .header-nav, ._slide-left .header-nav {
    top: 0;
    left: 0;
    width: 100%; }
  .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 0; }
  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s .0s;
    transition: all .3s .0s; }
  #menu-toggle:checked ~ .menu-toggle-sibling .fixed-nav._slide-right {
    position: relative;
    left: -20em; }
    #menu-toggle:checked ~ .menu-toggle-sibling .fixed-nav._slide-right .main-nav {
      right: 0; }
  #menu-toggle:checked ~ .menu-toggle-sibling .fixed-nav._slide-left {
    position: relative;
    left: 20em; }
    #menu-toggle:checked ~ .menu-toggle-sibling .fixed-nav._slide-left .main-nav {
      left: 0; }
  #menu-toggle:checked ~ .menu-toggle-sibling ._overlay-left .main-nav {
    left: 0; }
  #menu-toggle:checked ~ .menu-toggle-sibling ._overlay-right .main-nav {
    right: 0; }
  #menu-toggle:checked ~ .menu-toggle-sibling ._stacked .main-nav {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  #menu-toggle:checked ~ .menu-overlay {
    visibility: visible;
    cursor: pointer;
    opacity: 1; }
  ._overlay-right .main-nav {
    position: fixed;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  .header-nav-bar {
    height: 40px; }
  .header-nav-secondary {
    position: static;
    display: block;
    width: 100%; }
  .menu-item-has-children:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3rem;
    color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 1.1em;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
    border-right: none; }
  .menu-item-has-children:hover:after {
    content: '–'; }
  .menu-item-has-children:hover > .sub-menu {
    height: auto;
    position: static; }
  .fixed-nav .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .menu-item, .sub-menu {
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .menu-item .menu-item-has-children > .menu-item-link, .sub-menu .menu-item-has-children > .menu-item-link {
      width: calc(100% - 40px); }
  .header-logo.logo img {
    height: 36px; } }

@media screen and (min-width: 1100px) {
  .l_show, .l_inline-block {
    display: inline-block; }
  .l_hide, .l_none {
    display: none; }
  .l_table {
    display: table; }
  .l_table > .col {
    display: table-cell;
    vertical-align: middle; }
  .l_inline-block > .col {
    display: inline-block;
    vertical-align: top; }
  .l_right {
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .l_left {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .l_center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .l_centered {
    margin-left: auto;
    margin-right: auto; }
  .l_justified {
    text-align: justify;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .l_justified:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block; }
  .l_margin-top-bottom {
    margin-top: 1em;
    margin-bottom: 1em; }
  .l_around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .l_around:after {
    display: none; }
  .l_fill {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .l_1-12 {
    width: 8.3333333333%; }
  .l_2-12 {
    width: 16.6666666667%; }
  .l_3-12 {
    width: 25%; }
  .l_4-12 {
    width: 33.3333333333%; }
  .l_5-12 {
    width: 41.6666666667%; }
  .l_6-12 {
    width: 50%; }
  .l_7-12 {
    width: 58.3333333333%; }
  .l_8-12 {
    width: 66.6666666667%; }
  .l_9-12 {
    width: 75%; }
  .l_10-12 {
    width: 83.3333333333%; }
  .l_11-12 {
    width: 91.6666666667%; }
  .l_12-12 {
    width: 100%; }
  .l_max-100 {
    max-width: 100%; }
  .l_15 {
    width: 15%; }
  .l_25 {
    width: 25%; }
  .l_33 {
    width: 33.3332%; }
  .l_35 {
    width: 35%; }
  .l_66 {
    width: 66.6667%; }
  .l_75 {
    width: 75%; }
  .l_10 {
    width: 10%; }
  .l_20 {
    width: 20%; }
  .l_30 {
    width: 30%; }
  .l_40 {
    width: 40%; }
  .l_50 {
    width: 50%; }
  .l_60 {
    width: 60%; }
  .l_70 {
    width: 70%; }
  .l_80 {
    width: 80%; }
  .l_90 {
    width: 90%; }
  .l_100 {
    width: 100%; }
  .l_4-col > .col:nth-of-type(4n+1) {
    padding-left: 0;
    padding-right: 0.75em; }
  .l_4-col > .col:nth-of-type(4n+2) {
    padding-left: 0.25em;
    padding-right: 0.5em; }
  .l_4-col > .col:nth-of-type(4n+3) {
    padding-left: 0.5em;
    padding-right: 0.25em; }
  .l_4-col > .col:nth-of-type(4n) {
    padding-left: 0.75em;
    padding-right: 0; }
  .l_3-col > .col:nth-of-type(3n+1) {
    padding-left: 0;
    padding-right: 0.66668em; }
  .l_3-col > .col:nth-of-type(3n+2) {
    padding-left: 0.33332em;
    padding-right: 0.33332em; }
  .l_3-col > .col:nth-of-type(3n) {
    padding-left: 0.66668em;
    padding-right: 0; }
  .l_2-col > .col:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 0.5em; }
  .l_2-col > .col:nth-of-type(2n) {
    padding-left: 0.5em;
    padding-right: 0; }
  .l_1-col > .col:nth-of-type(n) {
    padding-left: 0;
    padding-right: 0; }
  .l_n-cols > .col {
    padding: 0 0.5em; } }

@media screen and (min-width: 1400px) {
  .xl_show, .xl_inline-block {
    display: inline-block; }
  .xl_hide, .xl_none {
    display: none; }
  .xl_table {
    display: table; }
  .xl_table > .col {
    display: table-cell;
    vertical-align: middle; }
  .xl_inline-block > .col {
    display: inline-block;
    vertical-align: top; }
  .xl_right {
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .xl_left {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .xl_center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .xl_centered {
    margin-left: auto;
    margin-right: auto; }
  .xl_justified {
    text-align: justify;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .xl_justified:after {
    content: '';
    width: 100%;
    height: 0;
    display: inline-block; }
  .xl_margin-top-bottom {
    margin-top: 1em;
    margin-bottom: 1em; }
  .xl_around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .xl_around:after {
    display: none; }
  .xl_fill {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .xl_1-12 {
    width: 8.3333333333%; }
  .xl_2-12 {
    width: 16.6666666667%; }
  .xl_3-12 {
    width: 25%; }
  .xl_4-12 {
    width: 33.3333333333%; }
  .xl_5-12 {
    width: 41.6666666667%; }
  .xl_6-12 {
    width: 50%; }
  .xl_7-12 {
    width: 58.3333333333%; }
  .xl_8-12 {
    width: 66.6666666667%; }
  .xl_9-12 {
    width: 75%; }
  .xl_10-12 {
    width: 83.3333333333%; }
  .xl_11-12 {
    width: 91.6666666667%; }
  .xl_12-12 {
    width: 100%; }
  .xl_max-100 {
    max-width: 100%; }
  .xl_15 {
    width: 15%; }
  .xl_25 {
    width: 25%; }
  .xl_33 {
    width: 33.3332%; }
  .xl_35 {
    width: 35%; }
  .xl_66 {
    width: 66.6667%; }
  .xl_75 {
    width: 75%; }
  .xl_10 {
    width: 10%; }
  .xl_20 {
    width: 20%; }
  .xl_30 {
    width: 30%; }
  .xl_40 {
    width: 40%; }
  .xl_50 {
    width: 50%; }
  .xl_60 {
    width: 60%; }
  .xl_70 {
    width: 70%; }
  .xl_80 {
    width: 80%; }
  .xl_90 {
    width: 90%; }
  .xl_100 {
    width: 100%; }
  .xl_4-col > .col:nth-of-type(4n+1) {
    padding-left: 0;
    padding-right: 0.75em; }
  .xl_4-col > .col:nth-of-type(4n+2) {
    padding-left: 0.25em;
    padding-right: 0.5em; }
  .xl_4-col > .col:nth-of-type(4n+3) {
    padding-left: 0.5em;
    padding-right: 0.25em; }
  .xl_4-col > .col:nth-of-type(4n) {
    padding-left: 0.75em;
    padding-right: 0; }
  .xl_3-col > .col:nth-of-type(3n+1) {
    padding-left: 0;
    padding-right: 0.66668em; }
  .xl_3-col > .col:nth-of-type(3n+2) {
    padding-left: 0.33332em;
    padding-right: 0.33332em; }
  .xl_3-col > .col:nth-of-type(3n) {
    padding-left: 0.66668em;
    padding-right: 0; }
  .xl_2-col > .col:nth-of-type(2n+1) {
    padding-left: 0;
    padding-right: 0.5em; }
  .xl_2-col > .col:nth-of-type(2n) {
    padding-left: 0.5em;
    padding-right: 0; }
  .xl_1-col > .col:nth-of-type(n) {
    padding-left: 0;
    padding-right: 0; }
  .xl_n-cols > .col {
    padding: 0 0.5em; } }

/* General slideStrip CSS*/
.disable-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.slideStrip {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .slideStrip ul li img {
    width: 100%; }

.slideStrip > ul {
  min-height: 0;
  -webkit-transition: min-height .3s;
  transition: min-height .3s; }

/*Fading slideStrip CSS*/
ul.fade-strip {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  ul.fade-strip > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }
  ul.fade-strip > li.active {
    z-index: 1;
    opacity: 1; }

ul.fade-strip.no-js li:first-child {
  opacity: 1; }

/*swaping slideStrip CSS*/
ul.swap-strip {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  ul.swap-strip > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  ul.swap-strip > li.active {
    z-index: 2;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  ul.swap-strip > li.enter-prev {
    -webkit-animation-name: enter-prev;
            animation-name: enter-prev; }
  ul.swap-strip > li.exit-prev {
    z-index: 1;
    -webkit-animation-name: exit-prev;
            animation-name: exit-prev; }
  ul.swap-strip > li.enter-next {
    -webkit-animation-name: enter-next;
            animation-name: enter-next; }
  ul.swap-strip > li.exit-next {
    z-index: 1;
    -webkit-animation-name: exit-next;
            animation-name: exit-next; }

@-webkit-keyframes exit-next {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes exit-next {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes exit-prev {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes exit-prev {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes enter-next {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes enter-next {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes enter-prev {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes enter-prev {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }