@charset "UTF-8";
@import "http://fonts.googleapis.com/css?family=Baloo|Roboto:400,700";
.hljs {
  background: #333;
  color: #fff;
  display: block;
  overflow-x: auto;
  padding: .5em
}
.hljs-name, .hljs-strong {
  font-weight: 700
}
.hljs-code, .hljs-emphasis {
  font-style: italic
}
.hljs-tag {
  color: #62c8f3
}
.hljs-selector-class, .hljs-selector-id, .hljs-template-variable, .hljs-variable {
  color: #ade5fc
}
.hljs-bullet, .hljs-string {
  color: #a2fca2
}
.hljs-attribute, .hljs-built_in, .hljs-builtin-name, .hljs-quote, .hljs-section, .hljs-title, .hljs-type {
  color: #ffa
}
.hljs-bullet, .hljs-number, .hljs-symbol {
  color: #d36363
}
.hljs-keyword, .hljs-literal, .hljs-selector-tag {
  color: #fcc28c
}
.hljs-code, .hljs-comment, .hljs-deletion {
  color: #888
}
.hljs-link, .hljs-regexp {
  color: #c6b4f0
}
.hljs-meta {
  color: #fc9b9b
}
.hljs-deletion {
  background-color: #fc9b9b;
  color: #333
}
.hljs-addition {
  background-color: #a2fca2;
  color: #333
}
.hljs a {
  color: inherit
}
.hljs a:focus, .hljs a:hover {
  color: inherit;
  text-decoration: underline
}
*, :after, :before {
  -webkit-tap-highlight-color: transparent
}
a, abbr, acronym, address, applet, article, aside, big, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, input, ins, kbd, label, legend, li, object, ol, option, p, pre, q, s, samp, section, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
 
}
dl, ol, ul {
  list-style: none
}
table {
  border-collapse: separate
}
caption, td, th {
  font-weight: 400;
  text-align: left
}
blockquote, q {
  quotes: """"
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
 
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif
}
body {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
progress {
  vertical-align: baseline
}
[hidden], template {
  display: none
}
 
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit;
  font-weight: bolder
}
dfn {
  font-style: italic
}
 
mark {
  background-color: #ff0;
  color: #000
}
 
 
 
svg:not(:root) {
  overflow: hidden
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0
}
optgroup {
  font-weight: 700
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
.uppercase {
  text-transform: uppercase
}
.lowercase {
  text-transform: lowercase
}
.no-m {
  margin: 0 !important
}
.no-p {
  padding: 0 !important
}
@media (max-width:543px) {
  .no-p-mobile {
    padding: 0
  }
}
.align-center {
  text-align: center !important
}
.align-left {
  text-align: left !important
}
.align-right {
  text-align: right !important
}
.align-justify {
  text-align: justify !important
}
.full-height {
  height: 100%
}
.full-width {
  width: 100%
}
.hide {
  display: none !important
}
.show {
  display: block !important
}
.float-left {
  float: left
}
.float-right {
  float: right
}
.mb-10 {
  margin-bottom: 10px !important
}
.mt-10 {
  margin-top: 10px !important
}
.ml-10 {
  margin-left: 10px !important
}
.mr-10 {
  margin-right: 10px !important
}
.pb-10 {
  padding-bottom: 10px !important
}
.pt-10 {
  padding-top: 10px !important
}
.pl-10 {
  padding-left: 10px !important
}
.pr-10 {
  padding-right: 10px !important
}
.mb-20 {
  margin-bottom: 20px !important
}
.mt-20 {
  margin-top: 20px !important
}
.ml-20 {
  margin-left: 20px !important
}
.mr-20 {
  margin-right: 20px !important
}
.pb-20 {
  padding-bottom: 20px !important
}
.pt-20 {
  padding-top: 20px !important
}
.pl-20 {
  padding-left: 20px !important
}
.pr-20 {
  padding-right: 20px !important
}
.mb-30 {
  margin-bottom: 30px !important
}
.mt-30 {
  margin-top: 30px !important
}
.ml-30 {
  margin-left: 30px !important
}
.mr-30 {
  margin-right: 30px !important
}
.pb-30 {
  padding-bottom: 30px !important
}
.pt-30 {
  padding-top: 30px !important
}
.pl-30 {
  padding-left: 30px !important
}
.pr-30 {
  padding-right: 30px !important
}
.mb-40 {
  margin-bottom: 40px !important
}
.mt-40 {
  margin-top: 40px !important
}
.ml-40 {
  margin-left: 40px !important
}
.mr-40 {
  margin-right: 40px !important
}
.pb-40 {
  padding-bottom: 40px !important
}
.pt-40 {
  padding-top: 40px !important
}
.pl-40 {
  padding-left: 40px !important
}
.pr-40 {
  padding-right: 40px !important
}
.mb-50 {
  margin-bottom: 50px !important
}
.mt-50 {
  margin-top: 50px !important
}
.ml-50 {
  margin-left: 50px !important
}
.mr-50 {
  margin-right: 50px !important
}
.pb-50 {
  padding-bottom: 50px !important
}
.pt-50 {
  padding-top: 50px !important
}
.pl-50 {
  padding-left: 50px !important
}
.pr-50 {
  padding-right: 50px !important
}
.mb-60 {
  margin-bottom: 60px !important
}
.mt-60 {
  margin-top: 60px !important
}
.ml-60 {
  margin-left: 60px !important
}
.mr-60 {
  margin-right: 60px !important
}
.pb-60 {
  padding-bottom: 60px !important
}
.pt-60 {
  padding-top: 60px !important
}
.pl-60 {
  padding-left: 60px !important
}
.pr-60 {
  padding-right: 60px !important
}
.mb-70 {
  margin-bottom: 70px !important
}
.mt-70 {
  margin-top: 70px !important
}
.ml-70 {
  margin-left: 70px !important
}
.mr-70 {
  margin-right: 70px !important
}
.pb-70 {
  padding-bottom: 70px !important
}
.pt-70 {
  padding-top: 70px !important
}
.pl-70 {
  padding-left: 70px !important
}
.pr-70 {
  padding-right: 70px !important
}
.mb-80 {
  margin-bottom: 80px !important
}
.mt-80 {
  margin-top: 80px !important
}
.ml-80 {
  margin-left: 80px !important
}
.mr-80 {
  margin-right: 80px !important
}
.pb-80 {
  padding-bottom: 80px !important
}
.pt-80 {
  padding-top: 80px !important
}
.pl-80 {
  padding-left: 80px !important
}
.pr-80 {
  padding-right: 80px !important
}
.mb-90 {
  margin-bottom: 90px !important
}
.mt-90 {
  margin-top: 90px !important
}
.ml-90 {
  margin-left: 90px !important
}
.mr-90 {
  margin-right: 90px !important
}
.pb-90 {
  padding-bottom: 90px !important
}
.pt-90 {
  padding-top: 90px !important
}
.pl-90 {
  padding-left: 90px !important
}
.pr-90 {
  padding-right: 90px !important
}
.mb-100 {
  margin-bottom: 100px !important
}
.mt-100 {
  margin-top: 100px !important
}
.ml-100 {
  margin-left: 100px !important
}
.mr-100 {
  margin-right: 100px !important
}
.no-mb {
  margin-bottom: 0 !important
}
.no-mt {
  margin-top: 0 !important
}
.no-ml {
  margin-left: 0 !important
}
.no-mr {
  margin-right: 0 !important
}
.pb-100 {
  padding-bottom: 100px !important
}
.pt-100 {
  padding-top: 100px !important
}
.pl-100 {
  padding-left: 100px !important
}
.pr-100 {
  padding-right: 100px !important
}
.no-pb {
  padding-bottom: 0 !important
}
.no-pt {
  padding-top: 0 !important
}
.no-pl {
  padding-left: 0 !important
}
.no-pr {
  padding-right: 0 !important
}
.g-0 {
  margin-left: 0;
  margin-right: 0
}
.g-0, .g-0 > * {
  padding-left: 0;
  padding-right: 0
}
.g-10 {
  margin-left: -5px !important;
  margin-right: -5px !important
}
.g-10 > * {
  padding-left: 5px !important;
  padding-right: 5px !important
}
.g-20 {
  margin-left: -10px !important;
  margin-right: -10px !important
}
.g-20 > * {
  padding-left: 10px !important;
  padding-right: 10px !important
}
.g-30 {
  margin-left: -15px !important;
  margin-right: -15px !important
}
.g-30 > * {
  padding-left: 15px !important;
  padding-right: 15px !important
}
.g-40 {
  margin-left: -20px !important;
  margin-right: -20px !important
}
.g-40 > * {
  padding-left: 20px !important;
  padding-right: 20px !important
}
.g-50 {
  margin-left: -25px !important;
  margin-right: -25px !important
}
.g-50 > * {
  padding-left: 25px !important;
  padding-right: 25px !important
}
[class*=visible-] {
  display: block
}
[class*=hidden-] {
  display: none
}
@media (min-width:544px) {
  .g-sm-0 {
    margin-left: 0;
    margin-right: 0
  }
  .g-sm-0, .g-sm-0 > * {
    padding-left: 0;
    padding-right: 0
  }
  .g-sm-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
  .g-sm-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  .g-sm-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }
  .g-sm-20 > * {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .g-sm-30 {
    margin-left: -15px !important;
    margin-right: -15px !important
  }
  .g-sm-30 > * {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
  .g-sm-40 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }
  .g-sm-40 > * {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
  .g-sm-50 {
    margin-left: -25px !important;
    margin-right: -25px !important
  }
  .g-sm-50 > * {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
  .visible-sm {
    display: none
  }
}
@media (min-width:767px) {
  .g-md-0 {
    margin-left: 0;
    margin-right: 0
  }
  .g-md-0, .g-md-0 > * {
    padding-left: 0;
    padding-right: 0
  }
  .g-md-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
  .g-md-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  .g-md-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }
  .g-md-20 > * {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .g-md-30 {
    margin-left: -15px !important;
    margin-right: -15px !important
  }
  .g-md-30 > * {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
  .g-md-40 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }
  .g-md-40 > * {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
  .g-md-50 {
    margin-left: -25px !important;
    margin-right: -25px !important
  }
  .g-md-50 > * {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
  .visible-md {
    display: none
  }
}
@media (min-width:980px) {
  .g-lg-0 {
    margin-left: 0;
    margin-right: 0
  }
  .g-lg-0, .g-lg-0 > * {
    padding-left: 0;
    padding-right: 0
  }
  .g-lg-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
  .g-lg-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  .g-lg-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }
  .g-lg-20 > * {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .g-lg-30 {
    margin-left: -15px !important;
    margin-right: -15px !important
  }
  .g-lg-30 > * {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
  .g-lg-40 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }
  .g-lg-40 > * {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
  .g-lg-50 {
    margin-left: -25px !important;
    margin-right: -25px !important
  }
  .g-lg-50 > * {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
  .visible-lg {
    display: none
  }
}
@media (min-width:1200px) {
  .g-xl-0 {
    margin-left: 0;
    margin-right: 0
  }
  .g-xl-0, .g-xl-0 > * {
    padding-left: 0;
    padding-right: 0
  }
  .g-xl-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
  .g-xl-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  .g-xl-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }
  .g-xl-20 > * {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .g-xl-30 {
    margin-left: -15px !important;
    margin-right: -15px !important
  }
  .g-xl-30 > * {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
  .g-xl-40 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }
  .g-xl-40 > * {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
  .g-xl-50 {
    margin-left: -25px !important;
    margin-right: -25px !important
  }
  .g-xl-50 > * {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
  .visible-xl {
    display: none
  }
}
@media (min-width:1440px) {
  .g-xxl-0 {
    margin-left: 0;
    margin-right: 0
  }
  .g-xxl-0, .g-xxl-0 > * {
    padding-left: 0;
    padding-right: 0
  }
  .g-xxl-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
  }
  .g-xxl-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  .g-xxl-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }
  .g-xxl-20 > * {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
  .g-xxl-30 {
    margin-left: -15px !important;
    margin-right: -15px !important
  }
  .g-xxl-30 > * {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
  .g-xxl-40 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }
  .g-xxl-40 > * {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
  .g-xxl-50 {
    margin-left: -25px !important;
    margin-right: -25px !important
  }
  .g-xxl-50 > * {
    padding-left: 25px !important;
    padding-right: 25px !important
  }
  .visible-xxl {
    display: none
  }
}
@media (max-width:543px) {
  .hidden-xs {
    display: block
  }
}
@media (max-width:766px) {
  .hidden-sm {
    display: block
  }
}
@media (max-width:979px) {
  .hidden-md {
    display: block
  }
}
@media (max-width:1199px) {
  .hidden-lg {
    display: block
  }
}
@media (max-width:1439px) {
  .hidden-xl {
    display: block
  }
}
.wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px
}


.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem
}
.row {
  -moz-flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex: 0 1 auto;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  box-sizing: border-box;
  display: -moz-flex;
  display: flex;
  display: -ms-flexbox;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}
.row.reverse {
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.col.reverse {
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.col-xs {
  flex: 0 0 auto
}
.col-xs, .col-xs-1 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-1 {
  -ms-flex-preferred-size: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%;
  max-width: 8.33333%
}
.col-xs-2 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%;
  max-width: 16.66667%
}
.col-xs-2, .col-xs-3 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-3 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 25%;
  flex: 0 0 auto;
  flex-basis: 25%;
  max-width: 25%
}
.col-xs-4 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%;
  max-width: 33.33333%
}
.col-xs-4, .col-xs-5 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-5 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%;
  max-width: 41.66667%
}
.col-xs-6 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 50%;
  flex: 0 0 auto;
  flex-basis: 50%;
  max-width: 50%
}
.col-xs-6, .col-xs-7 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-7 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%;
  max-width: 58.33333%
}
.col-xs-8 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%;
  max-width: 66.66667%
}
.col-xs-8, .col-xs-9 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-9 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 75%;
  flex: 0 0 auto;
  flex-basis: 75%;
  max-width: 75%
}
.col-xs-10 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%;
  max-width: 83.33333%
}
.col-xs-10, .col-xs-11 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-11 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%;
  max-width: 91.66667%
}
.col-xs-12 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -ms-flex-preferred-size: 100%;
  flex: 0 0 auto;
  flex-basis: 100%;
  max-width: 100%
}
.col-xs-12, .col-xs-offset-1 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-1 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 8.33333%
}
.col-xs-offset-2 {
  margin-left: 16.66667%
}
.col-xs-offset-2, .col-xs-offset-3 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-4 {
  margin-left: 33.33333%
}
.col-xs-offset-4, .col-xs-offset-5 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-5 {
  margin-left: 41.66667%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-6, .col-xs-offset-7 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-7 {
  margin-left: 58.33333%
}
.col-xs-offset-8 {
  margin-left: 66.66667%
}
.col-xs-offset-8, .col-xs-offset-9 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-10 {
  margin-left: 83.33333%
}
.col-xs-offset-10, .col-xs-offset-11 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs-offset-11 {
  margin-left: 91.66667%
}
.col-xs-offset-12 {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  box-sizing: border-box;
  flex: 0 0 auto;
  margin-left: 100%;
  padding-left: 15px;
  padding-right: 15px
}
.col-xs {
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}
.start-xs {
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start
}
.center-xs {
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}
.end-xs {
  -moz-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end
}
.top-xs {
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}
.middle-xs {
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.bottom-xs {
  -moz-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}
.around-xs {
  -moz-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.between-xs {
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.first-xs {
  -ms-flex-order: -1;
  order: -1
}
.last-xs {
  -ms-flex-order: 1;
  order: 1
}
@media only screen and (min-width:0) {
  .container {
    width: 479px
  }
  .col-xs {
    flex: 0 0 auto
  }
  .col-xs, .col-xs-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-xs-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-xs-2, .col-xs-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-xs-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-xs-4, .col-xs-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-xs-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-xs-6, .col-xs-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-xs-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-xs-8, .col-xs-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-xs-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-xs-10, .col-xs-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-xs-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-xs-12, .col-xs-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-xs-offset-2 {
    margin-left: 16.66667%
  }
  .col-xs-offset-2, .col-xs-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-3 {
    margin-left: 25%
  }
  .col-xs-offset-4 {
    margin-left: 33.33333%
  }
  .col-xs-offset-4, .col-xs-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-5 {
    margin-left: 41.66667%
  }
  .col-xs-offset-6 {
    margin-left: 50%
  }
  .col-xs-offset-6, .col-xs-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-7 {
    margin-left: 58.33333%
  }
  .col-xs-offset-8 {
    margin-left: 66.66667%
  }
  .col-xs-offset-8, .col-xs-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-9 {
    margin-left: 75%
  }
  .col-xs-offset-10 {
    margin-left: 83.33333%
  }
  .col-xs-offset-10, .col-xs-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs-offset-11 {
    margin-left: 91.66667%
  }
  .col-xs-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xs {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-xs {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-xs {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-xs {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-xs {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-xs {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-xs {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-xs {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-xs {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-xs {
    -ms-flex-order: -1;
    order: -1
  }
  .last-xs {
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width:544px) {
  .container {
    width: 544px
  }
  .col-sm {
    flex: 0 0 auto
  }
  .col-sm, .col-sm-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-sm-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-sm-2, .col-sm-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-sm-4, .col-sm-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-sm-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-sm-6, .col-sm-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-sm-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-sm-8, .col-sm-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-sm-10, .col-sm-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-sm-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-sm-12, .col-sm-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-2, .col-sm-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-4, .col-sm-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-6, .col-sm-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-8, .col-sm-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-10, .col-sm-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .col-sm-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-sm {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-sm {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-sm {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-sm {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-sm {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-sm {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-sm {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-sm {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-sm {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-sm {
    -ms-flex-order: -1;
    order: -1
  }
  .last-sm {
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width:767px) {
  .container {
    width: 767px
  }
  .col-md {
    flex: 0 0 auto
  }
  .col-md, .col-md-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-md-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-md-2, .col-md-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-md-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-md-4, .col-md-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-md-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-md-6, .col-md-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-md-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-md-8, .col-md-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-md-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-md-10, .col-md-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-md-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-md-12, .col-md-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-2, .col-md-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-4, .col-md-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-6, .col-md-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-8, .col-md-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-10, .col-md-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .col-md-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-md {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-md {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-md {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-md {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-md {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-md {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-md {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-md {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-md {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-md {
    -ms-flex-order: -1;
    order: -1
  }
  .last-md {
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width:980px) {
  .container {
    width: 980px
  }
  .col-lg {
    flex: 0 0 auto
  }
  .col-lg, .col-lg-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-lg-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-lg-2, .col-lg-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-lg-4, .col-lg-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-lg-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-lg-6, .col-lg-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-lg-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-lg-8, .col-lg-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-lg-10, .col-lg-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-lg-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-lg-12, .col-lg-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .col-lg-offset-2, .col-lg-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .col-lg-offset-4, .col-lg-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-6, .col-lg-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .col-lg-offset-8, .col-lg-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .col-lg-offset-10, .col-lg-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .col-lg-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-lg {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-lg {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-lg {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-lg {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-lg {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-lg {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-lg {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-lg {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-lg {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-lg {
    -ms-flex-order: -1;
    order: -1
  }
  .last-lg {
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width:1200px) {
  .container {
    width: 1200px
  }
  .col-xl {
    flex: 0 0 auto
  }
  .col-xl, .col-xl-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-xl-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-xl-2, .col-xl-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-xl-4, .col-xl-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-xl-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-xl-6, .col-xl-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-xl-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-xl-8, .col-xl-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-xl-10, .col-xl-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-xl-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-xl-12, .col-xl-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-xl-offset-2 {
    margin-left: 16.66667%
  }
  .col-xl-offset-2, .col-xl-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-3 {
    margin-left: 25%
  }
  .col-xl-offset-4 {
    margin-left: 33.33333%
  }
  .col-xl-offset-4, .col-xl-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-5 {
    margin-left: 41.66667%
  }
  .col-xl-offset-6 {
    margin-left: 50%
  }
  .col-xl-offset-6, .col-xl-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-7 {
    margin-left: 58.33333%
  }
  .col-xl-offset-8 {
    margin-left: 66.66667%
  }
  .col-xl-offset-8, .col-xl-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-9 {
    margin-left: 75%
  }
  .col-xl-offset-10 {
    margin-left: 83.33333%
  }
  .col-xl-offset-10, .col-xl-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl-offset-11 {
    margin-left: 91.66667%
  }
  .col-xl-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xl {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-xl {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-xl {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-xl {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-xl {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-xl {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-xl {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-xl {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-xl {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-xl {
    -ms-flex-order: -1;
    order: -1
  }
  .last-xl {
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width:1440px) {
  .container {
    width: 1600px
  }
  .col-xxl {
    flex: 0 0 auto
  }
  .col-xxl, .col-xxl-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }
  .col-xxl-2 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }
  .col-xxl-2, .col-xxl-3 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex: 0 0 auto;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-xxl-4 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }
  .col-xxl-4, .col-xxl-5 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }
  .col-xxl-6 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex: 0 0 auto;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-xxl-6, .col-xxl-7 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }
  .col-xxl-8 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }
  .col-xxl-8, .col-xxl-9 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex: 0 0 auto;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-xxl-10 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }
  .col-xxl-10, .col-xxl-11 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }
  .col-xxl-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-xxl-12, .col-xxl-offset-1 {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-1 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8.33333%
  }
  .col-xxl-offset-2 {
    margin-left: 16.66667%
  }
  .col-xxl-offset-2, .col-xxl-offset-3 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-3 {
    margin-left: 25%
  }
  .col-xxl-offset-4 {
    margin-left: 33.33333%
  }
  .col-xxl-offset-4, .col-xxl-offset-5 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-5 {
    margin-left: 41.66667%
  }
  .col-xxl-offset-6 {
    margin-left: 50%
  }
  .col-xxl-offset-6, .col-xxl-offset-7 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-7 {
    margin-left: 58.33333%
  }
  .col-xxl-offset-8 {
    margin-left: 66.66667%
  }
  .col-xxl-offset-8, .col-xxl-offset-9 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-9 {
    margin-left: 75%
  }
  .col-xxl-offset-10 {
    margin-left: 83.33333%
  }
  .col-xxl-offset-10, .col-xxl-offset-11 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl-offset-11 {
    margin-left: 91.66667%
  }
  .col-xxl-offset-12 {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin-left: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
  .col-xxl {
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
  .start-xxl {
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-xxl {
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-xxl {
    -moz-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-xxl {
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-xxl {
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-xxl {
    -moz-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-xxl {
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-xxl {
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-xxl {
    -ms-flex-order: -1;
    order: -1
  }
  .last-xxl {
    -ms-flex-order: 1;
    order: 1
  }
}
@font-face {
  font-family: foldable;
  src: url(../fonts/foldable.eot);
  src: url(../fonts/foldable.eot?#iefix) format("embedded-opentype"), url(../fonts/foldable.woff) format("woff"), url(../fonts/foldable.ttf) format("truetype"), url(../fonts/foldable.svg#foldable) format("svg");
  font-weight: 400;
  font-style: normal
}
.seres-icon {
  display: inline-block;
  font-stretch: normal;
  line-height: inherit;
  text-rendering: auto
}
.seres-icon, .seres-icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: foldable;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: 400
}
.seres-icon:before {
  content: "";
  line-height: 1;
  speak: none;
  text-transform: none
}
.seres-icon--lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}
.seres-icon--2x {
  font-size: 2em
}
.seres-icon--3x {
  font-size: 3em
}
.seres-icon--4x {
  font-size: 4em
}
.seres-icon--5x {
  font-size: 5em
}
.seres-icon--angle-down:before {
  content: ""
}
.seres-icon--angle-left:before {
  content: ""
}
.seres-icon--angle-right:before {
  content: ""
}
.seres-icon--angle-up:before {
  content: ""
}
.seres-icon--burger:before {
  content: ""
}
.seres-icon--check-circle-2:before {
  content: ""
}
.seres-icon--check:before {
  content: ""
}
.seres-icon--checkmark:before {
  content: ""
}
.seres-icon--circle-check:before {
  content: ""
}
.seres-icon--close:before {
  content: ""
}
.seres-icon--expand-vertical-5:before {
  content: ""
}
.seres-icon--facebook:before {
  content: ""
}
.seres-icon--heart:before {
  content: ""
}
.seres-icon--info:before {
  content: ""
}
.seres-icon--linkedin:before {
  content: ""
}
.seres-icon--mail:before {
  content: ""
}
.seres-icon--seres-logo:before {
  content: ""
}
.seres-icon--twitter:before {
  content: ""
}
button[data-balloon] {
  overflow: visible
}
[data-balloon] {
  position: relative
}
[data-balloon]:after {
  background: hsla(0, 0%, 7%, .9);
  border-radius: 4px;
  content: attr(data-balloon);
  padding: .5em 1em;
  white-space: nowrap
}
[data-balloon]:after, [data-balloon]:before {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opactiy=0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: all .18s ease-out .18s;
  z-index: 3
}
[data-balloon]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  content: "";
  height: 6px;
  width: 18px
}
[data-balloon]:hover:after, [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:after, [data-balloon][data-balloon-visible]:before {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opactiy=100);
  opacity: 1;
  pointer-events: auto
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome
}
[data-balloon][data-balloon-break]:after {
  white-space: pre
}
[data-balloon][data-balloon-pos=up]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate(-50%, 10px);
  transform-origin: top
}
[data-balloon][data-balloon-pos=up]:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translate(-50%, 10px);
  transform-origin: top
}
[data-balloon][data-balloon-pos=up]:hover:after, [data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:after, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
  transform: translate(-50%)
}
[data-balloon][data-balloon-pos=down]:after {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  transform: translate(-50%, -10px)
}
[data-balloon][data-balloon-pos=down]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  height: 6px;
  left: 50%;
  margin-top: 5px;
  top: 100%;
  transform: translate(-50%, -10px);
  width: 18px
}
[data-balloon][data-balloon-pos=down]:hover:after, [data-balloon][data-balloon-pos=down]:hover:before, [data-balloon][data-balloon-pos=down][data-balloon-visible]:after, [data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%)
}
[data-balloon][data-balloon-pos=left]:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  transform: translate(10px, -50%)
}
[data-balloon][data-balloon-pos=left]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  height: 18px;
  margin-right: 5px;
  right: 100%;
  top: 50%;
  transform: translate(10px, -50%);
  width: 6px
}
[data-balloon][data-balloon-pos=left]:hover:after, [data-balloon][data-balloon-pos=left]:hover:before, [data-balloon][data-balloon-pos=left][data-balloon-visible]:after, [data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
  transform: translateY(-50%)
}
[data-balloon][data-balloon-pos=right]:after {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  transform: translate(-10px, -50%)
}
[data-balloon][data-balloon-pos=right]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");
  background-size: 100% auto;
  height: 18px;
  left: 100%;
  margin-left: 5px;
  top: 50%;
  transform: translate(-10px, -50%);
  width: 6px
}
[data-balloon][data-balloon-pos=right]:hover:after, [data-balloon][data-balloon-pos=right]:hover:before, [data-balloon][data-balloon-pos=right][data-balloon-visible]:after, [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
  transform: translateY(-50%)
}
[data-balloon][data-balloon-length=small]:after {
  white-space: normal;
  width: 80px
}
[data-balloon][data-balloon-length=medium]:after {
  white-space: normal;
  width: 150px
}
[data-balloon][data-balloon-length=large]:after {
  white-space: normal;
  width: 260px
}
[data-balloon][data-balloon-length=xlarge]:after {
  white-space: normal;
  width: 380px
}
@media screen and (max-width:768px) {
  [data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 90vw
  }
}
[data-balloon][data-balloon-length=fit]:after {
  white-space: normal;
  width: 100%
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.animated.infinite {
  animation-iteration-count: infinite
}
.animated.hinge {
  animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  animation-duration: .75s
}
@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0)
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    transform: translate3d(0, -4px, 0)
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.flash {
  animation-name: flash
}
@keyframes pulse {
  0% {
    transform: scaleX(1)
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    transform: scaleX(1)
  }
}
.pulse {
  animation-name: pulse
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1)
  }
  30% {
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    transform: scale3d(1.05, .95, 1)
  }
  to {
    transform: scaleX(1)
  }
}
.rubberBand {
  animation-name: rubberBand
}
@keyframes shake {
  0%, to {
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
.shake {
  animation-name: shake
}
@keyframes headShake {
  0% {
    transform: translateX(0)
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    transform: translateX(0)
  }
}
.headShake {
  animation-name: headShake;
  animation-timing-function: ease-in-out
}
@keyframes swing {
  20% {
    transform: rotate(15deg)
  }
  40% {
    transform: rotate(-10deg)
  }
  60% {
    transform: rotate(5deg)
  }
  80% {
    transform: rotate(-5deg)
  }
  to {
    transform: rotate(0deg)
  }
}
.swing {
  animation-name: swing;
  transform-origin: top center
}
@keyframes tada {
  0% {
    transform: scaleX(1)
  }
  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    transform: scaleX(1)
  }
}
.tada {
  animation-name: tada
}
@keyframes wobble {
  0% {
    transform: none
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    transform: none
  }
}
.wobble {
  animation-name: wobble
}
@keyframes jello {
  0%, 11.1%, to {
    transform: none
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    transform: skewX(.39063deg) skewY(.39063deg)
  }
  88.8% {
    transform: skewX(-.19531deg) skewY(-.19531deg)
  }
}
.jello {
  animation-name: jello;
  transform-origin: center
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    transform: scaleX(1)
  }
}
.bounceIn {
  animation-name: bounceIn
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0)
  }
  75% {
    transform: translate3d(0, -10px, 0)
  }
  90% {
    transform: translate3d(0, 5px, 0)
  }
  to {
    transform: none
  }
}
.bounceInDown {
  animation-name: bounceInDown
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }
  75% {
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    transform: translate3d(5px, 0, 0)
  }
  to {
    transform: none
  }
}
.bounceInLeft {
  animation-name: bounceInLeft
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    transform: translate3d(10px, 0, 0)
  }
  90% {
    transform: translate3d(-5px, 0, 0)
  }
  to {
    transform: none
  }
}
.bounceInRight {
  animation-name: bounceInRight
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }
  75% {
    transform: translate3d(0, 10px, 0)
  }
  90% {
    transform: translate3d(0, -5px, 0)
  }
  to {
    transform: translateZ(0)
  }
}
.bounceInUp {
  animation-name: bounceInUp
}
@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}
.bounceOut {
  animation-name: bounceOut
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}
.bounceOutDown {
  animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}
.bounceOutRight {
  animation-name: bounceOutRight
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}
.bounceOutUp {
  animation-name: bounceOutUp
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fadeIn {
  animation-name: fadeIn
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInDown {
  animation-name: fadeInDown
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeft {
  animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRight {
  animation-name: fadeInRight
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUp {
  animation-name: fadeInUp
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}
.fadeOutDown {
  animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}
.fadeOutRight {
  animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}
.fadeOutUp {
  animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig
}
@keyframes flip {
  0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotateY(-1turn)
  }
  40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  }
  50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  }
  80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(.95, .95, .95)
  }
  to {
    animation-timing-function: ease-in;
    transform: perspective(400px)
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  animation-name: flip;
  backface-visibility: visible
}
@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg)
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateX(10deg)
  }
  80% {
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    transform: perspective(400px)
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  animation-name: flipInX;
  backface-visibility: visible !important
}
@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(90deg)
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateY(10deg)
  }
  80% {
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    transform: perspective(400px)
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  animation-name: flipInY;
  backface-visibility: visible !important
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateX(-20deg)
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg)
  }
}
.flipOutX {
  -webkit-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotateY(-15deg)
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg)
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  animation-name: flipOutY;
  backface-visibility: visible !important
}
@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(-30deg)
  }
  60% {
    opacity: 1;
    transform: skewX(20deg)
  }
  80% {
    opacity: 1;
    transform: skewX(-5deg)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) skewX(30deg)
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center
  }
  to {
    opacity: 1;
    transform: none;
    transform-origin: center
  }
}
.rotateIn {
  animation-name: rotateIn
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom
  }
  to {
    opacity: 1;
    transform: none;
    transform-origin: left bottom
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: right bottom
  }
  to {
    opacity: 1;
    transform: none;
    transform-origin: right bottom
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: left bottom
  }
  to {
    opacity: 1;
    transform: none;
    transform-origin: left bottom
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom
  }
  to {
    opacity: 1;
    transform: none;
    transform-origin: right bottom
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight
}
@keyframes rotateOut {
  0% {
    opacity: 1;
    transform-origin: center
  }
  to {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center
  }
}
.rotateOut {
  animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom
  }
  to {
    opacity: 0;
    transform: rotate(45deg);
    transform-origin: left bottom
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform-origin: right bottom
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: right bottom
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform-origin: left bottom
  }
  to {
    opacity: 0;
    transform: rotate(-45deg);
    transform-origin: left bottom
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform-origin: right bottom
  }
  to {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    transform-origin: top left
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: top left
  }
  40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg);
    transform-origin: top left
  }
  to {
    opacity: 0;
    transform: translate3d(0, 700px, 0)
  }
}
.hinge {
  animation-name: hinge
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.rollIn {
  animation-name: rollIn
}
@keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}
.rollOut {
  animation-name: rollOut
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
.zoomIn {
  animation-name: zoomIn
}
@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
  }
  60% {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
}
.zoomInDown {
  animation-name: zoomInDown
}
@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
  }
  60% {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
  }
}
.zoomInLeft {
  animation-name: zoomInLeft
}
@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
  }
  60% {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
  }
}
.zoomInRight {
  animation-name: zoomInRight
}
@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
  }
  60% {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
}
.zoomInUp {
  animation-name: zoomInUp
}
@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
.zoomOut {
  animation-name: zoomOut
}
@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
  to {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom
  }
}
.zoomOutDown {
  animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center
  }
}
.zoomOutRight {
  animation-name: zoomOutRight
}
@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
  to {
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom
  }
}
.zoomOutUp {
  animation-name: zoomOutUp
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}
.slideInDown {
  animation-name: slideInDown
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}
.slideInLeft {
  animation-name: slideInLeft
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}
.slideInRight {
  animation-name: slideInRight
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}
.slideInUp {
  animation-name: slideInUp
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0)
  }
  to {
    transform: translate3d(0, 100%, 0);
    visibility: hidden
  }
}
.slideOutDown {
  animation-name: slideOutDown
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0)
  }
  to {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden
  }
}
.slideOutLeft {
  animation-name: slideOutLeft
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0)
  }
  to {
    transform: translate3d(100%, 0, 0);
    visibility: hidden
  }
}
.slideOutRight {
  animation-name: slideOutRight
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0)
  }
  to {
    transform: translate3d(0, -100%, 0);
    visibility: hidden
  }
}
.slideOutUp {
  animation-name: slideOutUp
}
[data-seres-role ~ =sticky] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: static;
  top: inherit;
  width: 100%;
  z-index: 4
}
.seres-sticky__container {
  position: relative
}
.seres-sticky--bottom {
  bottom: 0 !important;
  position: absolute !important;
  top: inherit !important
}
.seres-sticky--stick {
  position: fixed !important
}
.nav-mobile {
  background-color: rgba(0, 0, 0, .8);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6
}
.nav-mobile--hide {
  display: none !important
}
.nav-mobile__close {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 30px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 30px;
  z-index: 6
}
@media (min-width:544px) {
  .nav-mobile__close {
    left: 20px;
    top: 20px
  }
}
@media (min-width:767px) {
  .nav-mobile__close {
    font-size: 20px
  }
}
.nav-mobile__scroll {
  -webkit-overflow-scrolling: touch !important;
  height: 100%;
  overflow-y: auto !important;
  width: 100%
}
.nav-mobile__scroll > * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0)
}
.nav-mobile__center {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 20px 20px 20px 40px;
  width: 100%
}
.remove-scroll {
  -webkit-overflow-scrolling: scroll;
  overflow: hidden
}
.nav-mobile__scale--in {
  animation: nav-mobile-scale-in .3s cubic-bezier(.4, 0, .1, 1) forwards
}
.nav-mobile__scale--out {
  animation: nav-mobile-scale-out .3s cubic-bezier(.4, 0, .1, 1) forwards
}
@keyframes nav-mobile-scale-in {
  0% {
    opacity: 0;
    transform: scale(.9)
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}
@keyframes nav-mobile-scale-out {
  0% {
    opacity: 1;
    transform: scale(1)
  }
  to {
    opacity: 0;
    transform: scale(.9)
  }
}
.post a:not(.btn), .post blockquote, .post li, .post ol li, .post p, .post ul li {
  color: #555;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 12px;
  text-align: left;
  word-wrap: break-word
}
.post a:last-child:not(.btn), .post blockquote:last-child, .post li:last-child, .post p:last-child {
  margin-bottom: 0
}
.block--grey .post a:not(.btn), .block--grey .post blockquote, .block--grey .post li, .block--grey .post p, .post .block--grey a:not(.btn), .post .block--grey blockquote, .post .block--grey li, .post .block--grey p {
  color: #fff
}
@media (min-width:544px) {
  .post a:not(.btn), .post blockquote, .post li, .post ol li, .post p, .post ul li {
    font-size: 13px
  }
}
@media (min-width:767px) {
  .post a:not(.btn), .post blockquote, .post li, .post ol li, .post p, .post ul li {
    font-size: 14px
  }
}
@media (min-width:1200px) {
  .post a:not(.btn), .post blockquote, .post li, .post ol li, .post p, .post ul li {
    font-size: 16px
  }
}
.post.align-center > * {
  text-align: center
}
.post li a, .post li b, .post li em, .post li i, .post li span, .post li strong, .post p a, .post p b, .post p em, .post p i, .post p span, .post p strong {
  display: inline
}
.post a:not(.btn) {
  color: #ff2956;
  text-decoration: underline;
  transition: all .1s ease-out;
  word-break: break-all
}
.post a:not(.btn):hover {
  color: rgba(255, 41, 86, .5)
}
.post b, .post em, .post i, .post span, .post strong {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}
.post b, .post strong {
  font-weight: 700
}
.post em, .post i {
  color: #ff2956;
  font-style: italic
}
.post blockquote {
  background-color: #555;
  border-radius: 3px;
  clear: both;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 40px;
  padding: 10px 15px
}
@media (min-width:767px) {
  .post blockquote {
    font-size: 16px;
    padding: 15px 20px
  }
}
@media (min-width:980px) {
  .post blockquote {
    font-size: 18px
  }
}
.post blockquote * {
  color: #fff
}
.post ol, .post ul {
  clear: both;
  display: block;
  margin-bottom: 20px
}
.post ol:last-child, .post ul:last-child {
  margin-bottom: 0
}
.post ol li, .post ul li {
  margin-bottom: 10px
}
@media (min-width:980px) {
  .post ol li, .post ul li {
    margin-bottom: 12px
  }
}
.post ol li:last-child, .post ul li:last-child {
  margin-bottom: 0
}
.post ol li ol, .post ol li ul, .post ul li ol, .post ul li ul {
  margin-top: 10px
}
.post ul li {
  padding-left: 15px;
  position: relative
}
.post ul li:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #ff2956;
  content: "";
  font: normal normal normal 18px foldable;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  left: 0;
  top: 10px
}
@media (min-width:767px) {
  .post ul li:before {
    font-size: 16px;
    top: 10px
  }
}
.post ol > li {
  counter-increment: step-counter;
  list-style-type: none;
  padding-left: 35px;
  position: relative
}
.post ol > li:before {
  background-color: #ff2956;
  border-radius: 4px;
  color: #fff;
  content: counter(step-counter);
  font-family: Baloo, cursive;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  line-height: 1;
  padding: 5px 8px;
  position: absolute;
  top: 0
}
.post .alignnone:not(img) {
  margin: 0 0 20px
}
.post .alignright:not(img) {
  float: right;
  margin: 0 0 20px 20px
}
.post .alignleft:not(img) {
  float: left;
  margin: 0 20px 20px 0
}
.post .aligncenter:not(img) {
  display: block;
  margin: 0 auto 20px
}
.post img {
  border-radius: 3px;
  height: auto;
  margin-bottom: 20px;
  margin-top: 5px;
  max-width: 100%;
  width: auto
}
@media (max-width:543px) {
  .post img {
    width: 100% !important
  }
}
.post img.alignright {
  width: auto
}
@media (min-width:544px) {
  .post img.alignright {
    float: right;
    margin-left: 20px
  }
}
.post img.alignleft {
  width: auto
}
@media (min-width:544px) {
  .post img.alignleft {
    float: left;
    margin-right: 20px
  }
}
.post img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.post iframe {
  margin-bottom: 20px;
  min-height: 200px
}
@media (min-width:767px) {
  .post iframe {
    min-height: 400px
  }
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  clear: both;
  color: #ff2956;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 20px;
  padding-top: 20px;
  text-align: left
}
@media (min-width:544px) {
  .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    padding-top: 30px
  }
}
@media (min-width:980px) {
  .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    padding-top: 40px
  }
}
.post h1:first-child, .post h2:first-child, .post h3:first-child, .post h4:first-child, .post h5:first-child, .post h6:first-child {
  padding-top: 0
}
.block--grey .post h1, .block--grey .post h2, .block--grey .post h3, .block--grey .post h4, .block--grey .post h5, .block--grey .post h6 {
  color: #fff
}
.post h1 {
  font-size: 30px
}
@media (min-width:544px) {
  .post h1 {
    font-size: 34px
  }
}
@media (min-width:767px) {
  .post h1 {
    font-size: 36px
  }
}
@media (min-width:980px) {
  .post h1 {
    font-size: 38px
  }
}
.post h2 {
  font-size: 26px
}
@media (min-width:544px) {
  .post h2 {
    font-size: 30px
  }
}
@media (min-width:767px) {
  .post h2 {
    font-size: 34px
  }
}
.post h3 {
  font-size: 20px
}
@media (min-width:544px) {
  .post h3 {
    font-size: 26px
  }
}
@media (min-width:767px) {
  .post h3 {
    font-size: 28px
  }
}
.post h4 {
  font-size: 16px
}
@media (min-width:544px) {
  .post h4 {
    font-size: 20px
  }
}
@media (min-width:767px) {
  .post h4 {
    font-size: 22px
  }
}
.post h5 {
  font-size: 14px
}
@media (min-width:544px) {
  .post h5 {
    font-size: 16px
  }
}
@media (min-width:767px) {
  .post h5 {
    font-size: 18px
  }
}
.post h6 {
  font-size: 13px
}
@media (min-width:544px) {
  .post h6 {
    font-size: 14px
  }
}
@media (min-width:767px) {
  .post h6 {
    font-size: 16px
  }
}
.table, table {
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%
}
.table th, table th {
  background-color: #41454e;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  padding: 10px 15px;
  text-align: left;
  width: 15%
}
.table th:first-child, table th:first-child {
  border-radius: 3px 0 0 0;
  width: 25%
}
.table th:last-child, table th:last-child {
  border-radius: 0 3px 0 0;
  width: 45%
}
.table tr:last-child td, table tr:last-child td {
  border-bottom: none
}
.table tbody tr:hover td, table tbody tr:hover td {
  background-color: rgba(255, 41, 86, .1)
}
.table td, table td {
  background-color: #f9f9f9;
  border-bottom: 1px dashed #e0e0e0;
  color: #555;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  padding: 10px 5px 10px 10px;
  text-align: left;
  transition: all .1s ease-out
}
@media (min-width:767px) {
  .table td, table td {
    font-size: 13px;
    padding: 15px
  }
}
@media (min-width:980px) {
  .table td, table td {
    font-size: 14px
  }
}
@media (min-width:1200px) {
  .table td, table td {
    font-size: 15px
  }
}
.table td:last-child, table td:last-child {
  padding-right: 10px
}
@media (min-width:767px) {
  .table td:last-child, table td:last-child {
    padding-right: 15px
  }
}
.table td a, table td a {
  color: #ff2956;
  display: inline;
  font-size: inherit;
  text-decoration: underline
}
.table td.option, table td.option {
  font-size: 16px;
  font-weight: 700
}
.table td.italic, table td.italic {
  font-style: italic
}
.table td.default, table td.default {
  color: #ff2956
}
.table td.type, table td.type {
  color: #cacaca;
  font-style: italic
}
.table td.description, table td.description {
  font-size: 14px
}
.table td.strong, table td.strong {
  font-weight: 700
}
@media (max-width:766px) {
  .table--responsive, .table--responsive tbody, .table--responsive td, .table--responsive thead, .table--responsive tr {
    display: block
  }
  .table--responsive td {
    text-align: center
  }
  .table--responsive td:not(:last-child) {
    border-bottom: none;
    padding-bottom: 0
  }
  .table--responsive thead tr {
    left: -99999px;
    position: absolute;
    top: -99999px
  }
  .table--responsive thead ~ tbody tr {
    border-bottom: 1px dashed #e0e0e0
  }
  .table--responsive thead ~ tbody tr:last-child {
    border-bottom: none
  }
  .table--responsive thead ~ tbody td {
    border-bottom: inherit;
    padding-bottom: inherit;
    padding-left: 50%;
    position: relative;
    text-align: left
  }
  .table--responsive thead ~ tbody td:last-child {
    padding-bottom: 10px
  }
  .table--responsive thead ~ tbody td:before {
    content: attr(data-label);
    left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 10px;
    white-space: nowrap;
    width: 45%
  }
}
.widget {
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden
}
@media (min-width:980px) {
  .widget {
    margin-bottom: 40px
  }
}
.widget__title {
  color: #ff2956;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px
}
@media (min-width:544px) {
  .widget__title {
    font-size: 22px
  }
}
@media (min-width:980px) {
  .widget__title {
    font-size: 26px;
    margin-bottom: 20px
  }
}
.widget--centered .widget__content *, .widget--centered .widget__title {
  text-align: center
}
.widget-api {
  border-bottom: 1px dashed #cacaca;
  margin-bottom: 30px;
  padding-bottom: 30px
}
@media (min-width:544px) {
  .widget-api {
    margin-bottom: 40px;
    padding-bottom: 40px
  }
}
@media (min-width:980px) {
  .widget-api {
    margin-bottom: 50px;
    padding-bottom: 50px
  }
}
.widget-api:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0
}
.widget-api__title {
  color: #41454e;
  font-size: 24px;
  line-height: 1;
  padding-bottom: 20px
}
@media (min-width:544px) {
  .widget-api__title {
    font-size: 26px
  }
}
@media (min-width:767px) {
  .widget-api__title {
    font-size: 28px;
    padding-bottom: 30px
  }
}
@media (min-width:980px) {
  .widget-api__title {
    font-size: 30px;
    line-height: .7
  }
}
@media (min-width:1200px) {
  .widget-api__title {
    font-size: 34px
  }
}
.widget-api__subtitle {
  color: #ff2956;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 5px
}
@media (min-width:544px) {
  .widget-api__subtitle {
    font-size: 18px;
    margin-bottom: 10px
  }
}
@media (min-width:980px) {
  .widget-api__subtitle {
    font-size: 20px
  }
}
.widget-api__prop {
  color: #cacaca;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: .9;
  margin-bottom: 15px
}
@media (min-width:767px) {
  .widget-api__prop {
    font-size: 14px
  }
}
.widget-api__prop-key {
  font-style: italic;
  margin-right: 8px
}
.widget-api__prop-value {
  color: #ff2956;
  font-size: inherit
}
@media (min-width:980px) {
  .widget-api__prop-value {
    font-size: 16px
  }
}
.widget-api__prop-value.type {
  color: #ffa820
}
.widget-api .pill {
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  padding: 3px 8px 4px;
  vertical-align: middle
}
.widget-api .pill.type {
  background-color: #ffa820;
  color: #fff
}
.widget-api .pill.default {
  background-color: #ff2956;
  color: #fff
}
.widget-api__desc {
  color: #41454e;
  font-size: 14px;
  margin-bottom: 15px
}
.widget-api__code, .widget-api__code code {
  margin-bottom: 0 !important
}
.widget-api-params__item {
  -ms-flex-align: center;
  -ms-flex-flow: row nowrap;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 10px
}
.widget-api-params__item:last-child {
  margin-bottom: 0
}
.widget-api-params__item * {
  margin-right: 15px !important
}
.widget-api-params__item :last-child {
  margin-right: 0
}
.widget-api-params__param {
  margin-left: 0 !important
}
.widget-api-params__type {
  color: #cacaca;
  font-style: italic
}
.widget-api__demo {
  margin-top: 20px
}
.widget-api__demo .foldable {
  margin-bottom: 20px
}
@media (min-width:767px) {
  .widget-api__demo .foldable {
    margin-bottom: 0
  }
}
.container {
    height: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
@media (min-width:544px) {
  .container {
    padding: 0 20px
  }
}
@media (min-width:980px) {
  .container {
    padding: 0 30px
  }
}
@media (min-width:1200px) {
  .container {
    padding: 0 40px
  }
}
@media (min-width:980px) {
  .container--min {
    max-width: 700px
  }
}
@media (min-width:980px) {
  .container--mid {
    max-width: 960px
  }
}
@media (min-width:544px) {
  .container--sm {
    max-width: 544px
  }
}
@media (min-width:767px) {
  .container--md {
    max-width: 767px
  }
}
@media (min-width:980px) {
  .container--lg {
    max-width: 980px
  }
}
@media (min-width:1200px) {
  .container--xl {
    max-width: 1200px
  }
}
@media (min-width:1440px) {
  .container--xxl {
    max-width: 1440px
  }
}
.container--fluid {
  max-width: none
}
.row {
  height: 100%
}
[class^=col-] {
  width: 100%
}
.flex {
  -moz-flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex: 0 1 auto;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap
}
.flex--nowrap {
  -ms-flex-wrap: none;
  flex-wrap: nowrap
}
@media (min-width:0) {
  .flex-xs {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
@media (min-width:544px) {
  .flex-sm {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
@media (min-width:767px) {
  .flex-md {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
@media (min-width:980px) {
  .flex-lg {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
@media (min-width:1200px) {
  .flex-xl {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
@media (min-width:1440px) {
  .flex-xxl {
    -moz-flex: 0 1 auto;
    -moz-flex-direction: row;
    -ms-flex: 0 1 auto;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap
  }
}
.block {
  padding: 20px 0
}
.block-flex {
  -ms-flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.block--min {
  padding: 20px 0
}
@media (min-width:980px) {
  .block--min {
    padding: 25px 0
  }
}
@media (min-width:1200px) {
  .block--min {
    padding: 30px 0
  }
}
.block--mid {
  padding: 20px 0
}
@media (min-width:544px) {
  .block--mid {
    padding: 20px 0
  }
}
@media (min-width:980px) {
  .block--mid {
    padding: 30px 0
  }
}
@media (min-width:1200px) {
  .block--mid {
    padding: 40px 0
  }
}
.block--big {
  padding-bottom: 35px;
  padding-top: 35px
}
@media (min-width:544px) {
  .block--big {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (min-width:767px) {
  .block--big {
    padding-bottom: 50px;
    padding-top: 50px
  }
}
@media (min-width:980px) {
  .block--big {
    padding-bottom: 60px;
    padding-top: 60px
  }
}
@media (min-width:1200px) {
  .block--big {
    padding-bottom: 70px;
    padding-top: 70px
  }
}
.block--fit {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px
}
@media (min-width:980px) {
  .block--fit {
    padding-left: 0;
    padding-right: 0
  }
}
.block--fit .align-center, .block--fit .align-center * {
  text-align: center
}
.block--fit-big {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px
}
@media (min-width:1120px) {
  .block--fit-big {
    padding-left: 0;
    padding-right: 0
  }
}
.block--fit-min {
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  padding-left: 0;
  padding-right: 0
}
@media (min-width:828px) {
  .block--fit-min {
    padding-left: 0;
    padding-right: 0
  }
}
.block--grey {
  background-color: #f5f5f5
}
.block--grey .post li, .block--grey .post p {
  color: #41454e
}
.block--bg-primary {
  background-color: #ff2956
}
.block--bg-primary .block__title, .block--bg-primary .post h1, .block--bg-primary .post h2, .block--bg-primary .post h3, .block--bg-primary .post h4, .block--bg-primary .post h5, .block--bg-primary .post h6, .block--bg-primary .post li, .block--bg-primary .post p {
  color: #fff
}
.block--bg-secondary {
  background-color: #41454e
}
.block--bg-secondary .block__title, .block--bg-secondary .post h1, .block--bg-secondary .post h2, .block--bg-secondary .post h3, .block--bg-secondary .post h4, .block--bg-secondary .post h5, .block--bg-secondary .post h6, .block--bg-secondary .post li, .block--bg-secondary .post p {
  color: #fff
}
.block--bg-pattern {
  background-image: url(../assets/images/ignasi_pattern_s.jpg)
}
.block--bg-pattern, .block--bg-pattern-primary {
  background-attachment: fixed;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 400px 300px
}
.block--bg-pattern-primary {
  background-image: url(../assets/images/primary-pattern.jpg)
}
.block--no-padding {
  padding: 0
}
.block__title {
  color: #41454e;
  font-family: Baloo, cursive;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase
}
@media (min-width:544px) {
  .block__title {
    font-size: 36px;
    padding-bottom: 30px
  }
}
@media (min-width:767px) {
  .block__title {
    font-size: 40px
  }
}
@media (min-width:980px) {
  .block__title {
    font-size: 46px;
    line-height: .7;
    padding-bottom: 40px
  }
}
@media (min-width:1200px) {
  .block__title {
    font-size: 50px
  }
}
.block__title--wrapped {
  padding-bottom: 15px
}
@media (min-width:544px) {
  .block__title--wrapped {
    padding-bottom: 20px
  }
}
@media (min-width:980px) {
  .block__title--wrapped {
    padding-bottom: 30px
  }
}
.block__title--mid {
  font-size: 28px;
  line-height: 1
}
@media (min-width:544px) {
  .block__title--mid {
    font-size: 32px
  }
}
@media (min-width:767px) {
  .block__title--mid {
    font-size: 38px
  }
}
@media (min-width:980px) {
  .block__title--mid {
    font-size: 42px;
    line-height: .7
  }
}
@media (min-width:1200px) {
  .block__title--mid {
    font-size: 44px
  }
}
.block__subtitle {
  color: #ff2956;
  font-family: Baloo, cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 15px;
  text-transform: uppercase
}
@media (min-width:544px) {
  .block__subtitle {
    font-size: 28px
  }
}
@media (min-width:767px) {
  .block__subtitle {
    font-size: 32px;
    padding-bottom: 20px
  }
}
@media (min-width:980px) {
  .block__subtitle {
    font-size: 36px;
    line-height: .7
  }
}
@media (min-width:1200px) {
  .block__subtitle {
    font-size: 40px
  }
}
.footer__flex {
  -ms-flex-pack: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  margin-bottom: 30px;
  width: 100%
}
@media (min-width:1200px) {
  .footer__flex {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }
}
.footer__col {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
  width: 100%
}
@media (min-width:767px) {
  .footer__col {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.footer__col:last-child {
  margin-bottom: 0
}
.footer__col .post {
  text-align: center
}
@media (min-width:767px) {
  .footer__col .post {
    text-align: left
  }
}
.footer__col .post a, .footer__col .post li, .footer__col .post p {
  text-align: center
}
@media (min-width:767px) {
  .footer__col .post a, .footer__col .post li, .footer__col .post p {
    text-align: left
  }
}
.footer__logo {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #41454e;
  font-family: Baloo, cursive;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  transition: all .6s ease-out
}
@media (min-width:767px) {
  .footer__logo {
    font-size: 40px
  }
}
.footer__logo:hover {
  animation: jello 1.5s;
  color: #ff2956
}
.footer__title {
  color: #41454e;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center
}
@media (min-width:767px) {
  .footer__title {
    text-align: left
  }
}
.footer-nav__item {
  margin-bottom: 10px;
  text-align: center
}
@media (min-width:767px) {
  .footer-nav__item {
    text-align: left
  }
}
.footer-nav__item:last-child {
  margin-bottom: 0
}
.footer-nav__link {
  color: #41454e;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  transition: all .1s ease-out
}
.footer-nav__link:hover:not(.active) {
  color: #ff2956;
  padding-left: 5px
}
.footer-nav__link.active {
  color: #ff2956;
  font-weight: 700
}
.footer-rrss {
  -ms-flex-flow: row nowrap;
  -ms-flex-pack: center;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center
}
@media (min-width:767px) {
  .footer-rrss {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.footer-rrss__item {
  margin-bottom: 10px;
  margin-right: 10px
}
.footer-rrss__item:last-child {
  margin-right: 0
}
.footer-rrss__btn {
  background-color: #41454e;
  border-radius: 100%;
  color: #fff;
  font-size: 16px;
  height: 40px;
  position: relative;
  transition: all .2s ease-out;
  width: 40px
}
.footer-rrss__btn:hover {
  background-color: #ff2956
}
.footer-rrss__btn .seres-icon {
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}
.footer-rrss__btn--facebook {
  background-color: #4a70b7
}
.footer-rrss__btn--twitter {
  background-color: #5da9dd
}
.footer-rrss__btn--linkedin {
  background-color: #007bb6
}
.footer-secondary {
  border-top: 1px dashed #cacaca;
  margin-top: 20px;
  padding-top: 15px;
  text-align: center
}
@media (min-width:767px) {
  .footer-secondary {
    margin-top: 40px;
    padding-top: 35px
  }
}
.footer-secondary li, .footer-secondary p {
  color: #41454e;
  display: inline-block;
  font-size: 14px
}
.footer-secondary li .seres-icon, .footer-secondary p .seres-icon {
  display: inline-block;
  vertical-align: middle
}
.footer-secondary li .seres-icon--heart, .footer-secondary p .seres-icon--heart {
  color: #ff2956
}
.footer-secondary li .seres-icon--seres-logo, .footer-secondary p .seres-icon--seres-logo {
  margin-top: -5px
}
.footer-secondary li a, .footer-secondary p a {
  color: #41454e;
  display: inline-block;
  transition: all .1s ease-out
}
.footer-secondary li a:hover, .footer-secondary p a:hover {
  opacity: .6
}
*, :after, :before {
  box-sizing: inherit
}
:focus {
  outline: none
}
:active, :active:after, :active:before {
  transition: none !important
}
::selection {
  background: #ffa820;
  color: #fff
}
::-moz-selection {
  background: #ffa820;
  color: #fff
}
 
@media (min-width:0) {
 
}
h1, h2, h3, h4, h5, h6 {
  font-family: Baloo, cursive;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0
}
pre {
  font-size: 14px
}
pre code {
  display: none;
  font-family: Consolas, Monaco, monospace
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
 
 
@media (min-width:544px) {
 
}
li {
  list-style: none
}
 
button {
  color: inherit;
  cursor: pointer
}
 
strong {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-style: inherit;
  font-weight: 700
}
em {
  font-style: italic
}
button {
  background-color: transparent
}
figure {
  margin: 0
}
[data-balloon]:after {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400
}
@media (max-width:1024px) {
  .header {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5
  }
}
@media (max-width:1024px) {
  .main {
    padding-top: 60px
  }
}
.navbar {
  background-color: #ff2956;
  height: 60px
}
.navbar-wrapper {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  justify-content: space-between
}
.navbar .logo {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.navbar .logo:hover {
  animation: rubberBand .8s
}
.nav {
  display: none;
  height: 100%
}
@media (min-width:1025px) {
  .nav {
    display: block
  }
}
.nav ul {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
.nav ul li {
  height: 100%;
  margin-right: 1px
}
.nav ul li:last-child {
  margin-right: 0
}
.nav ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  line-height: 55px;
  padding: 0 15px;
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1)
}
@media (min-width:1200px) {
  .nav ul li a {
    font-size: 16px;
    padding: 0 20px
  }
}
.nav ul li a:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  width: 100%;
  z-index: 0
}
.nav ul li a:hover:not(.active):not(.special) {
  color: #41454e
}
.nav ul li a:hover:not(.active):not(.special):before {
  transform: translateY(0)
}
.nav ul li a.active, .nav ul li a.special {
  background-color: #fff;
  color: #41454e
}
.nav ul li a:active {
  color: hsla(0, 0%, 100%, .5)
}
.nav ul li a span {
  position: relative;
  z-index: 1
}
.nav-sidebar {
  border-radius: 3px;
  overflow: hidden
}
.nav-sidebar--min .nav-sidebar__link {
  font-size: 12px;
  padding: 5px 15px
}
.nav-sidebar__link {
  background-color: #f5f5f5;
  color: #41454e;
  font-size: 16px;
  padding: 12px 20px;
  transition: all .1s ease-out
}
.nav-sidebar__link:hover {
  background-color: #ff2956 !important;
  color: #fff !important
}
.nav-sidebar__link.active {
  background-color: #ff2956 !important;
  color: #fff
}
.nav-sidebar__link--parent {
  background-color: #e0e0e0;
  font-weight: 700;
  text-transform: uppercase
}
.nav-sidebar__link--child {
  padding-left: 30px
}
.menu-mobile__item {
  margin-bottom: 10px
}
.menu-mobile__item:last-child {
  margin-bottom: 0
}
.menu-mobile__link {
  border-radius: 3px;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 8px 20px 11px;
  text-align: center;
  transition: all .1s ease-out
}
@media (min-width:767px) {
  .menu-mobile__link {
    font-size: 20px
  }
}
.menu-mobile__link:hover {
  color: #ff2956
}
.menu-mobile__link.active {
  background-color: #ff2956;
  color: #fff
}
.menu-mobile__link.special {
  font-size: 16px;
  font-weight: 700
}
.menu-mobile__link.special, .menu-mobile__special {
  background-color: #fff;
  color: #41454e;
  text-transform: uppercase
}
.menu-mobile__special {
  bottom: 0;
  font-family: Baloo, cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 3
}
@media (max-width:979px) and (orientation:landscape) {
  .menu-mobile__special {
    border-radius: 3px;
    font-size: 18px;
    margin: 10px 0;
    position: static
  }
}
@media (min-width:767px) {
  .menu-mobile__special {
    font-size: 30px;
    padding: 15px
  }
}
.burger {
  color: #fff;
  display: block;
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  transition: all .1s ease-out;
  width: 30px
}
@media (min-width:1025px) {
  .burger {
    display: none
  }
}
.burger.active {
  color: #41454e
}
.call-out {
  background-color: #fff;
  border: 1px dashed #ff2956;
  border-radius: 3px;
  margin: 20px 0;
  padding: 10px 10px 10px 45px;
  position: relative
}
.call-out:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #ff2956;
  content: "";
  font: normal normal normal 36px foldable;
  left: 0;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  transform: translateY(-50%)
}
@media (min-width:767px) {
  .call-out {
    padding: 15px 15px 15px 50px
  }
}
@media (min-width:980px) {
  .call-out {
    padding: 20px 20px 20px 60px
  }
}
.call-out:last-child {
  margin-bottom: 0
}
.call-out:before {
  font-size: 26px;
  left: 10px;
  top: 6px;
  transform: translate(0)
}
@media (min-width:767px) {
  .call-out:before {
    font-size: 30px
  }
}
@media (min-width:980px) {
  .call-out:before {
    font-size: 36px
  }
}
.call-out--center {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px
}
.call-out--center a, .call-out--center li, .call-out--center p {
  text-align: center
}
.call-out--min {
  padding: 10px 10px 10px 45px
}
.call-out--min:before {
  font-size: 26px
}
.call-out--min a, .call-out--min li, .call-out--min p {
  font-size: 12px !important;
  margin-bottom: 5px
}
@media (min-width:544px) {
  .call-out--min a, .call-out--min li, .call-out--min p {
    font-size: 13px !important
  }
}
@media (min-width:767px) {
  .call-out--min a, .call-out--min li, .call-out--min p {
    font-size: 14px !important
  }
}
.call-out--min a:last-child, .call-out--min li:last-child, .call-out--min p:last-child {
  margin-bottom: 0
}
@media (min-width:767px) {
  .call-out--min a code, .call-out--min li code, .call-out--min p code {
    font-size: 12px
  }
}
.mini-accordion {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: hsla(0, 0%, 100%, .3);
  border-radius: 2px;
  box-shadow: 0 1px 15px rgba(30, 32, 36, .8);
  display: none !important;
  height: 46px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px
}
@media (min-width:980px) {
  .mini-accordion {
    display: block !important
  }
}
.mini-accordion span {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.mini-accordion span:nth-child(2) {
  top: 12px
}
.mini-accordion span:nth-child(3) {
  top: 24px
}
.mini-accordion span:nth-child(4) {
  top: 36px
}
.mini-accordion span:nth-child(5) {
  top: 48px
}
.mini-accordion span:nth-child(6) {
  top: 60px
}
.intro {
  -ms-flex-align: center;
  -ms-flex-flow: column wrap;
  -ms-flex-pack: center;
  align-items: center;
  background: url(../assets/images/ignasi_pattern_s.jpg) 0 0 repeat;
  background-attachment: fixed;
  background-size: 400px 300px;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  padding: 50px 20px
}
@media (min-width:767px) {
  .intro {
    padding: 60px 20px
  }
}
@media (min-width:980px) {
  .intro {
    padding: 80px 20px
  }
}
@media (min-width:1200px) {
  .intro {
    padding: 100px 20px
  }
}
.intro__title {
  margin-bottom: 20px;
  position: relative;
  z-index: 3
}
.intro__title .logo {
  line-height: .8;
  text-align: center;
  text-shadow: 1px 3px 6px rgba(30, 32, 36, .8)
}
@media (min-width:980px) {
  .intro__title .logo {
    padding-left: 90px
  }
}
.intro h3 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 2px 4px rgba(30, 32, 36, .8)
}
@media (min-width:767px) {
  .intro h3 {
    font-size: 20px
  }
}
@media (min-width:980px) {
  .intro h3 {
    font-size: 22px
  }
}
@media (min-width:1200px) {
  .intro h3 {
    font-size: 26px
  }
}
.control-set__label-check .intro label, .intro .btn, .intro .control-set__label-check label {
  -webkit-backface-visibility: hidden;
  animation: pulse 1.5s linear infinite;
  backface-visibility: hidden;
  box-shadow: 0 0 40px rgba(30, 32, 36, .8);
  margin-top: 50px;
  transition: all .4s ease-out
}
.control-set__label-check .intro label:hover, .intro .btn:hover, .intro .control-set__label-check label:hover {
  box-shadow: 0 0 60px #1e2024
}
.logo {
  color: #fff;
  font-family: Baloo, cursive;
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -2px;
  line-height: .8
}
@media (min-width:767px) {
  .logo {
    font-size: 70px
  }
}
@media (min-width:980px) {
  .logo {
    font-size: 80px
  }
}
@media (min-width:1200px) {
  .logo {
    font-size: 100px
  }
}
.logo--min {
  font-size: 30px;
  letter-spacing: 0
}
.separator {
  border-bottom: 1px dashed #cacaca
}
.btn, .control-set__label-check label {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease-out
}
.btn:active, .btn:focus, .control-set__label-check label:active, .control-set__label-check label:focus {
  outline: none !important
}
.btn:disabled, .control-set__label-check label:disabled {
  cursor: not-allowed;
  opacity: .4
}
.btn > *, .control-set__label-check label > * {
  transition: all .2s ease-out
}
.btn, .control-set__label-check label {
  border-radius: 5px;
  color: #41454e;
  font-size: 14px;
  padding: 10px 15px
}
.btn--light {
  background-color: #fff;
  overflow: hidden;
  position: relative
}
.btn--light:before {
  background-color: #ff2956;
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(.5);
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  width: 100%;
  z-index: 1
}
.btn--light:hover:not(.active):not([disabled]):before {
  opacity: 1;
  transform: scale(1)
}
.btn--light:hover:not(.active):not([disabled]) > * {
  color: #fff
}
.btn--light.active:before {
  opacity: 1;
  transform: scale(1)
}
.btn--light > * {
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  z-index: 2
}
.block--bg-primary .btn--light:before {
  background-color: #41454e
}
.btn--primary {
  background-color: #ff2956;
  color: #fff;
  overflow: hidden;
  position: relative
}
.btn--primary:before {
  background-color: #41454e;
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(.5);
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  width: 100%;
  z-index: 1
}
.btn--primary:hover:not(.active):not([disabled]):before {
  opacity: 1;
  transform: scale(1)
}
.btn--primary:hover:not(.active):not([disabled]) > * {
  color: #fff
}
.btn--primary.active:before {
  opacity: 1;
  transform: scale(1)
}
.btn--primary > * {
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  z-index: 2
}
.btn--primary:hover:not(.active):not([disabled]) {
  background-color: #ff5c7e
}
.btn--primary:active:not(.active):not([disabled]) {
  color: hsla(0, 0%, 100%, .7)
}
.btn--primary.active, .btn--secondary {
  background-color: #41454e;
  color: #fff
}
.btn--secondary {
  overflow: hidden;
  position: relative
}
.btn--secondary:before {
  background-color: #ff2956;
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(.5);
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  width: 100%;
  z-index: 1
}
.btn--secondary:hover:not(.active):not([disabled]):before {
  opacity: 1;
  transform: scale(1)
}
.btn--secondary:hover:not(.active):not([disabled]) > * {
  color: #fff
}
.btn--secondary.active:before {
  opacity: 1;
  transform: scale(1)
}
.btn--secondary > * {
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1);
  z-index: 2
}
.btn--secondary:hover:not(.active):not([disabled]) {
  background-color: #585e6a
}
.btn--secondary:active:not(.active):not([disabled]) {
  color: hsla(0, 0%, 100%, .7)
}
.btn--secondary.active {
  background-color: #ff2956;
  color: #fff
}
.btn--example {
  background-color: #f5f5f5;
  color: #41454e
}
.btn--example:hover:not(.active):not([disabled]) {
  background-color: #e0e0e0
}
.btn--example:active:not(.active):not([disabled]) {
  opacity: .8
}
.btn--example.active {
  background-color: #ff2956;
  color: #fff
}
.btn--big {
  font-size: 12px;
  padding: 12px 20px
}
@media (min-width:544px) {
  .btn--big {
    font-size: 14px
  }
}
@media (min-width:980px) {
  .btn--big {
    font-size: 15px
  }
}
@media (min-width:1200px) {
  .btn--big {
    font-size: 16px;
    padding: 16px 25px
  }
}
.btn--big-xl {
  font-size: 16px;
  padding: 16px 30px
}
@media (min-width:544px) {
  .btn--big-xl {
    font-size: 18px
  }
}
@media (min-width:980px) {
  .btn--big-xl {
    font-size: 20px;
    padding: 20px 40px
  }
}
.hljs {
  background-color: #2e3138;
  border-radius: 5px;
  display: inline-block;
  font-size: 11px;
  line-height: 1.2;
  margin: 3px 2px;
  padding: 3px 5px 4px;
  vertical-align: middle
}
@media (min-width:544px) {
  .hljs {
    font-size: 12px;
    margin: 0 5px
  }
}
@media (min-width:767px) {
  .hljs {
    font-size: 13px
  }
}
pre .hljs {
  -webkit-overflow-scrolling: touch !important;
  -webkit-perspective: 0;
  border-radius: 5px;
  display: block;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  margin-bottom: 10px;
  overflow-x: auto;
  padding: 12px
}
@media (min-width:544px) {
  pre .hljs {
    padding: 20px
  }
}
@media (min-width:767px) {
  pre .hljs {
    font-size: 14px
  }
}
pre[data-snippet-code] .hljs {
  border-radius: 0 5px 5px 5px
}
.hljs .hljs-bullet, .hljs .hljs-string {
  color: #ff7b97
}
.hljs .hljs-tag {
  color: #bdb5e6
}
.hljs .hljs-attr {
  color: #f7cc93
}
.hljs .hljs-keyword, .hljs .hljs-literal, .hljs .hljs-selector-tag {
  color: #ffa820
}
.hljs .hljs-comment {
  color: hsla(0, 0%, 100%, .4)
}
.hljs .hljs-bullet, .hljs .hljs-number, .hljs .hljs-symbol {
  color: #5adeec
}
.hljs .hljs-attribute, .hljs .hljs-built_in, .hljs .hljs-builtin-name, .hljs .hljs-quote, .hljs .hljs-section, .hljs .hljs-title, .hljs .hljs-type {
  color: #cde87e
}
.snippet__nav {
  display: -ms-flexbox;
  display: flex
}
.snippet__btn {
  border-radius: 3px 3px 0 0;
  color: #555;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  padding: 5px 10px;
  transition: all .1s ease-out
}
@media (min-width:544px) {
  .snippet__btn {
    font-size: 12px
  }
}
@media (min-width:767px) {
  .snippet__btn {
    font-size: 13px
  }
}
@media (min-width:980px) {
  .snippet__btn {
    font-size: 14px
  }
}
.snippet__btn:hover {
  background-color: #e0e0e0
}
.snippet__btn.active {
  background-color: #2e3138;
  color: #ff7b97;
  font-weight: 400
}
.snippet__content {
  position: relative
}
.snippet__content pre {
  display: none
}
.demo-table table {
  margin-bottom: 0
}
.demo-table th {
  width: 33.333%
}
.demo-table td {
  font-size: 13px;
  line-height: 1.4;
  padding: 8px
}
.demo-table td:before {
  top: 8px
}
.demo-table td:first-child {
  font-size: 11px
}
@media (min-width:767px) {
  .demo-table td:first-child {
    font-size: 13px
  }
}
.foldable {
  border-radius: 3px;
  margin: 0 auto 50px;
  overflow: hidden
}
.foldable:last-child .example__item {
  border-bottom: 1px solid #f5f5f5
}
.foldable--example {
  overflow: hidden
}
#examples .foldable--example {
  margin-bottom: 20px
}
@media (min-width:980px) {
  #examples .foldable--example {
    margin-bottom: 0
  }
}
.foldable--example [data-foldable-role=trigger] > span:not(.foldable-trigger__child--horizontal) {
  font-size: 12px;
  opacity: .5
}
.foldable--horizontal .foldable__group:last-child .foldable__trigger {
  border-right: none
}
.foldable__label {
  color: #555;
  color: #ff2956;
  display: none;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: right;
  text-transform: uppercase
}
@media (min-width:980px) {
  .foldable__label {
    display: block
  }
}
.foldable__item {
  background-color: #fff;
  padding: 15px
}
.foldable__item--horizontal {
  padding: 0;
  position: relative;
  width: 100%
}
.foldable__item-img {
  height: 100%;
  max-width: none;
  width: auto
}
.foldable__item--number {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  justify-content: center;
  position: relative;
  width: 100%
}
@media (min-width:767px) {
  .foldable__item--number {
    height: 170px
  }
}
@media (min-width:980px) {
  .foldable__item--number {
    height: 200px
  }
}
.foldable__item--number li, .foldable__item--number p {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: Baloo, cursive;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  transform: translateZ(0);
  transform-style: preserve-3d
}
@media (min-width:767px) {
  .foldable__item--number li, .foldable__item--number p {
    font-size: 46px
  }
}
@media (min-width:980px) {
  .foldable__item--number li, .foldable__item--number p {
    font-size: 60px
  }
}
[data-demo-role=start] [data-foldable-role=target] {
  background-color: transparent
}
[data-demo-role=start] .foldable__item {
  background-color: #fff
}
[data-demo-role=start] .foldable__item li, [data-demo-role=start] .foldable__item p {
  color: #41454e
}
.nav-options {
  margin-bottom: 20px
}
.nav-options__list {
  -ms-flex-align: center;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 1px
}
.nav-options__list:last-child {
  margin-bottom: 0
}
.nav-options__list.animation-nav {
  margin-bottom: 20px
}
.nav-options__label {
  color: #999;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  text-transform: uppercase
}
.nav-options__btn {
  background-color: #ff2956;
  height: 40px;
  margin-right: 1px;
  position: relative;
  transition: all .1s ease-out;
  width: calc(99.99%*1/10 - 0.9px)
}
.nav-options__btn:last-child {
  margin-right: 0
}
.nav-options__btn:first-child {
  border-radius: 3px 0 0 3px
}
.nav-options__btn:last-child {
  border-radius: 0 3px 3px 0
}
.animation-nav .nav-options__btn {
  background-color: #41454e;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-right: 1px;
  text-transform: uppercase;
  width: calc(99.99%*1/5 - 0.8px)
}
.animation-nav .nav-options__btn:last-child {
  margin-right: 0
}
@media (min-width:544px) {
  .animation-nav .nav-options__btn {
    font-size: 12px
  }
}
.animation-nav .nav-options__btn:hover:not(.active) {
  opacity: .7
}
.animation-nav .nav-options__btn.active {
  background-color: #ff2956;
  color: #fff
}
.themes-nav .nav-options__btn {
  height: 30px;
  margin-right: 1px;
  width: calc(99.99%*1/12 - 0.916666666666667px)
}
.themes-nav .nav-options__btn:last-child {
  margin-right: 0
}
@media (min-width:544px) {
  .themes-nav .nav-options__btn {
    height: 40px
  }
}
.themes-nav .nav-options__btn:after {
  pointer-events: none;
  z-index: 3
}
.themes-nav .nav-options__btn.active {
  position: relative
}
.themes-nav .nav-options__btn.active:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  content: "";
  font: normal normal normal 14px foldable;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  transform: translate(-50%, -50%)
}
.themes-nav .nav-options__btn[data-demo-theme=default]:after, .themes-nav .nav-options__btn[data-demo-theme=light]:after {
  color: #41454e
}
.themes-nav .nav-options__btn[data-demo-theme=light] {
  background-color: #fff;
  border: 2px solid #cacaca;
  color: #41454e
}
.themes-nav .nav-options__btn[data-demo-theme=default] {
  background-color: #eff2f7;
  color: #41454e
}
.themes-nav .nav-options__btn[data-demo-theme=dark] {
  background-color: #41454e;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=pink] {
  background-color: #ffa3c2;
  color: #af003b
}
.themes-nav .nav-options__btn[data-demo-theme=red] {
  background-color: #ec0000;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=purple] {
  background-color: #80527c;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=dark-blue] {
  background-color: #3e4770;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=blue] {
  background-color: #35a4c2;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=blue-aqua] {
  background-color: #31b8a4;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=green] {
  background-color: #9cc34b;
  color: #fff
}
.themes-nav .nav-options__btn[data-demo-theme=yellow] {
  background-color: #ffae42;
  color: #d66a00
}
.themes-nav .nav-options__btn[data-demo-theme=orange] {
  background-color: #ff793c;
  color: #fff
}
.themes-nav .nav-options__btn span {
  display: block;
  height: 100%;
  width: 100%
}
.foldable-action {
  margin-bottom: 20px
}
.foldable-action__btn {
  font-size: 12px;
  margin-right: 10px
}
.foldable-action__btn:last-child {
  margin-bottom: 0
}
.tags {
  -ms-flex-flow: row wrap;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap
}
.tags li {
  border-radius: 3px;
  font-size: 11px;
  margin: 0 5px 5px 0;
  padding: 5px 10px
}
@media (min-width:767px) {
  .tags li {
    font-size: 12px
  }
}
@media (min-width:980px) {
  .tags li {
    font-size: 13px
  }
}
@media (min-width:1200px) {
  .tags li {
    font-size: 14px
  }
}
.tags li:last-child {
  margin-right: 0
}
.tags li.light {
  background-color: #fff;
  color: #41454e
}
.tags li.default {
  background-color: #eff2f7;
  color: #41454e
}
.tags li.dark {
  background-color: #41454e;
  color: #fff
}
.tags li.pink {
  background-color: #ffa3c2;
  color: #af003b
}
.tags li.red {
  background-color: #ec0000;
  color: #fff
}
.tags li.purple {
  background-color: #80527c;
  color: #fff
}
.tags li.dark-blue {
  background-color: #3e4770;
  color: #fff
}
.tags li.blue {
  background-color: #35a4c2;
  color: #fff
}
.tags li.blue-aqua {
  background-color: #31b8a4;
  color: #fff
}
.tags li.green {
  background-color: #9cc34b;
  color: #fff
}
.tags li.yellow {
  background-color: #ffae42;
  color: #d66a00
}
.tags li.orange {
  background-color: #ff793c;
  color: #fff
}
.playground-widget {
  background-color: #41454e;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px
}
@media (min-width:980px) {
  .playground-widget {
    margin-bottom: 20px;
    padding: 20px
  }
}
.playground-widget__title {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px
}
@media (min-width:980px) {
  .playground-widget__title {
    font-size: 22px
  }
}
@media (min-width:1200px) {
  .playground-widget__title {
    font-size: 24px
  }
}
.playground-widget__group {
  margin-bottom: 10px
}
@media (min-width:980px) {
  .playground-widget__group {
    margin-bottom: 20px
  }
}
.playground-widget__group:last-child {
  margin-bottom: 0
}
.playground-widget__label {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px
}
.playground .foldable--horizontal > [data-foldable-role=group] > [data-foldable-role=target] [data-foldable-role=group] {
  display: none !important
}
.control-set {
  -ms-flex-flow: row wrap;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap
}
.control-set .control-set__btn {
  background-color: #f5f5f5;
  border-radius: 3px;
  color: #41454e;
  font-size: 11px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px 12px;
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1)
}
.control-set .control-set__btn:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  content: "";
  font: normal normal normal 12px foldable;
  left: auto;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  top: auto;
  left: 10px;
  top: 7px;
  transform: scale(0);
  transition: all .3s cubic-bezier(.4, 0, .1, 1)
}
.control-set .control-set__btn:hover:not(.active):not([disabled]) {
  background-color: #e0e0e0
}
.control-set .control-set__btn:active:not(.active):not([disabled]) {
  opacity: .8
}
.control-set .control-set__btn:disable {
  cursor: default;
  opacity: .5
}
.control-set .control-set__btn.active {
  background-color: #ff2956;
  color: #fff;
  cursor: default;
  padding-left: 30px
}
.control-set .control-set__btn.active:before {
  transform: scale(1)
}
[data-demo-role=radios] .control-set .control-set__btn.active {
  cursor: default
}
.control-set .control-set__btn:last-child {
  margin-right: 0
}
.control-set .control-set__btn--method {
  font-size: 11px;
  margin-bottom: 5px;
  padding: 6px 10px;
  width: 100%
}
@media (min-width:1200px) {
  .control-set .control-set__btn--method {
    font-size: 13px;
    padding: 8px 15px
  }
}
.control-set .control-set__btn [data-balloon]:after {
  text-transform: none
}
.control-set__select {
  border-radius: 3px;
  color: #41454e;
  cursor: pointer;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  line-height: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%
}
.control-set__select:disabled {
  cursor: default;
  opacity: .4
}
.control-set__select option {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400
}
.control-set__label-check {
  position: relative
}
.control-set__label-check input {
  display: none
}
.control-set__label-check input:checked ~ label {
  background-color: #ff2956;
  color: #fff;
  padding-left: 30px
}
.control-set__label-check input:checked ~ label:before {
  transform: scale(1)
}
.control-set__label-check input:checked ~ label:hover {
  background-color: #ff5c7e !important
}
.control-set__label-check label {
  background-color: #f5f5f5;
  border-radius: 3px;
  color: #41454e;
  font-size: 11px;
  margin-right: 5px;
  margin-top: 5px;
  padding: 6px 12px;
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .1, 1)
}
.control-set__label-check label:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  content: "";
  font: normal normal normal 12px foldable;
  left: auto;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  top: auto;
  left: 10px;
  top: 7px;
  transform: scale(0);
  transition: all .3s cubic-bezier(.4, 0, .1, 1)
}
.control-set__label-check label:hover:not(.active):not([disabled]) {
  background-color: #e0e0e0
}
.control-set__label-check label:active:not(.active):not([disabled]) {
  opacity: .8
}
.control-set--themes {
  width: 100%
}
.control-set--themes .nav-options__btn {
  height: 25px
}
.control-set--themes .nav-options__btn.active:after {
  font-size: 11px
}
.control-set--themes .nav-options__btn[data-demo-theme=light] {
  border: none
}
.control-set--themes .nav-options__btn[data-demo-theme=dark-blue], .control-set--themes .nav-options__btn[data-demo-theme=dark] {
  border: 1px solid hsla(0, 0%, 100%, .4)
}
.control-set--themes .nav-options__btn:disabled {
  cursor: default;
  opacity: .4
}
.control-set--animations {
  margin-bottom: 10px
}
.control-set--animations .nav-options__btn {
  height: auto;
  line-height: inherit;
  width: auto
}
.control-set[data-control-role=checkboxes] .control-set__btn.active {
  cursor: pointer
}