html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent
}
article, aside, figure, footer, header, nav, section, details, summary {
  display: block
}
html {
  box-sizing: border-box
}
*, *:before, *:after {
  box-sizing: inherit
}
img, object, embed {
  max-width: 100%
}
html {
  overflow-y: scroll
}
ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
del {
  text-decoration: line-through
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  font-weight: bold;
  vertical-align: bottom
}
td {
  font-weight: normal;
  vertical-align: top
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input, select {
  vertical-align: middle
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word
}
input[type="radio"] {
  vertical-align: text-bottom
}
input[type="checkbox"] {
  vertical-align: bottom
}
select, input, textarea {
  font: 99% sans-serif
}
table {
  font-size: inherit;
  font: 100%
}
small {
  font-size: 85%
}
strong {
  font-weight: bold
}
td, td img {
  vertical-align: top
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
pre, code, kbd, samp {
  font-family: monospace, sans-serif
}
label, input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer
}
button, input, select, textarea {
  margin: 0
}
button, input[type=button] {
  width: auto;
  overflow: visible
}
@keyframes spin-around {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(359deg)
  }
}
html {
  background: #f5f7fa;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility
}
html.has-modal-open {
  overflow: hidden
}
body, button, input, select, textarea {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
code, pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
  line-height: 1.25
}
body {
  color: #69707a;
  font-size: 1rem;
  line-height: 1.428571428571429
}
a {
  color: #1fc8db;
  cursor: pointer;
  text-decoration: none;
  transition: none 86ms ease-out
}
a:hover {
  color: #222324
}
code {
  background: #f5f7fa;
  color: #ed6c63;
  font-size: 12px;
  font-weight: normal;
  padding: 1px 2px 2px
}
hr {
  border-top-color: #d3d6db;
  margin: 20px 0
}
img {
  max-width: 100%
}
input[type="checkbox"], input[type="radio"] {
  vertical-align: baseline
}
small {
  font-size: 11px
}
strong {
  color: #222324
}
article, aside, figure, footer, header, hgroup, section {
  display: block
}
pre {
  background: #f5f7fa;
  color: #69707a;
  white-space: pre;
  word-wrap: normal
}
pre code {
  background: #f5f7fa;
  color: #69707a;
  display: block;
  overflow-x: auto;
  padding: 16px 20px
}
table {
  width: 100%
}
table th, table td {
  text-align: left;
  vertical-align: top
}
table th {
  color: #222324
}
.block:not(:last-child), .content:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .highlight:not(:last-child), .navbar:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 20px
}
.container {
  position: relative
}
@media screen and (min-width: 769px) {
  .container.is-fluid {
    margin: 0 20px;
    max-width: none
  }
}
@media screen and (min-width: 980px) {
  .container {
    margin: 0 auto;
    max-width: 960px
  }
  .container.is-fluid {
    margin: 0 20px;
    max-width: none
  }
}
@media screen and (min-width: 1180px) {
  .container {
    margin: 0 auto;
    max-width: 1170px
  }
}
.fa {
  font-size: 21px;
  text-align: center;
  vertical-align: top
}
.content.is-medium {
  font-size: 18px
}
.content.is-medium code {
  font-size: 14px
}
.content.is-large {
  font-size: 24px
}
.content.is-large code {
  font-size: 18px
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #222324;
  font-weight: 300;
  line-height: 1.125;
  margin-bottom: 20px
}
.content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child) {
  margin-top: 40px
}
.content h1 {
  font-size: 12em !important
}
.content h2 {
  font-size: 1.75em
}
.content h3 {
  font-size: 1.5em
}
.content h4 {
  font-size: 1.25em
}
.content h5 {
  font-size: 1.125em
}
.content h6 {
  font-size: 1em
}
.content p:not(:last-child) {
  margin-bottom: 1em
}
.content li + li {
  margin-top: 0.25em
}
.content ol {
  list-style: decimal outside;
  margin: 1em 2em
}
.content ul {
  list-style: disc outside;
  margin: 1em 2em
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em
}
.content ul ul ul {
  list-style-type: square
}
.content blockquote {
  background: #f5f7fa;
  border-left: 5px solid #d3d6db;
  padding: 1.5em
}
.content blockquote:not(:last-child) {
  margin-bottom: 1em
}
.highlight {
  background-color: #fdf6e3;
  color: #586e75
}
.highlight .c {
  color: #93a1a1
}
.highlight .err, .highlight .g {
  color: #586e75
}
.highlight .k {
  color: #859900
}
.highlight .l, .highlight .n {
  color: #586e75
}
.highlight .o {
  color: #859900
}
.highlight .x {
  color: #cb4b16
}
.highlight .p {
  color: #586e75
}
.highlight .cm {
  color: #93a1a1
}
.highlight .cp {
  color: #859900
}
.highlight .c1 {
  color: #93a1a1
}
.highlight .cs {
  color: #859900
}
.highlight .gd {
  color: #2aa198
}
.highlight .ge {
  color: #586e75;
  font-style: italic
}
.highlight .gr {
  color: #dc322f
}
.highlight .gh {
  color: #cb4b16
}
.highlight .gi {
  color: #859900
}
.highlight .go, .highlight .gp {
  color: #586e75
}
.highlight .gs {
  color: #586e75;
  font-weight: bold
}
.highlight .gu {
  color: #cb4b16
}
.highlight .gt {
  color: #586e75
}
.highlight .kc {
  color: #cb4b16
}
.highlight .kd {
  color: #268bd2
}
.highlight .kn, .highlight .kp {
  color: #859900
}
.highlight .kr {
  color: #268bd2
}
.highlight .kt {
  color: #dc322f
}
.highlight .ld {
  color: #586e75
}
.highlight .m, .highlight .s {
  color: #2aa198
}
.highlight .na {
  color: #B58900
}
.highlight .nb {
  color: #586e75
}
.highlight .nc {
  color: #268bd2
}
.highlight .no {
  color: #cb4b16
}
.highlight .nd {
  color: #268bd2
}
.highlight .ni, .highlight .ne {
  color: #cb4b16
}
.highlight .nf {
  color: #268bd2
}
.highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
  color: #586e75
}
.highlight .nt, .highlight .nv {
  color: #268bd2
}
.highlight .ow {
  color: #859900
}
.highlight .w {
  color: #586e75
}
.highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
  color: #2aa198
}
.highlight .sb {
  color: #93a1a1
}
.highlight .sc {
  color: #2aa198
}
.highlight .sd {
  color: #586e75
}
.highlight .s2 {
  color: #2aa198
}
.highlight .se {
  color: #cb4b16
}
.highlight .sh {
  color: #586e75
}
.highlight .si, .highlight .sx {
  color: #2aa198
}
.highlight .sr {
  color: #dc322f
}
.highlight .s1, .highlight .ss {
  color: #2aa198
}
.highlight .bp, .highlight .vc, .highlight .vg, .highlight .vi {
  color: #268bd2
}
.highlight .il {
  color: #2aa198
}
.is-block {
  display: block
}
.is-inline {
  display: inline
}
.is-flex {
  display: flex
}
.is-clearfix:after {
  clear: both;
  content: " ";
  display: table
}
.is-pulled-left {
  float: left
}
.is-pulled-right {
  float: right
}
.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.is-fullwidth {
  width: 100%
}
.is-text-centered {
  text-align: center
}
.is-text-left {
  text-align: left
}
.is-text-right {
  text-align: right
}
@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important
  }
}
@media screen and (min-width: 769px) {
  .is-hidden-tablet {
    display: none !important
  }
}
@media screen and (max-width: 979px) {
  .is-hidden-touch {
    display: none !important
  }
}
@media screen and (min-width: 980px) {
  .is-hidden-desktop {
    display: none !important
  }
}
.is-disabled {
  pointer-events: none
}
.is-marginless {
  margin: 0 !important
}
.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.input, .textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d3d6db;
  border-radius: 3px;
  color: #222324;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 24px;
  padding: 3px 8px;
  position: relative;
  vertical-align: top;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  display: block;
  max-width: 100%;
  width: 100%
}
.input:hover, .textarea:hover {
  border-color: #aeb1b5
}
.input:active, .textarea:active, .input:focus, .textarea:focus {
  border-color: #1fc8db;
  outline: none
}
.input[disabled], [disabled].textarea, .input[disabled]:hover, [disabled].textarea:hover {
  background: #f5f7fa;
  border-color: #d3d6db
}
.input[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, .input[disabled]:hover::-moz-placeholder, [disabled].textarea:hover::-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.input[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .input[disabled]:hover::-webkit-input-placeholder, [disabled].textarea:hover::-webkit-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.input[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, .input[disabled]:hover:-moz-placeholder, [disabled].textarea:hover:-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.input[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .input[disabled]:hover:-ms-input-placeholder, [disabled].textarea:hover:-ms-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.input[type="search"], [type="search"].textarea {
  border-radius: 290486px
}
.input.is-flat, .is-flat.textarea {
  border: none;
  box-shadow: none;
  padding: 4px 8px
}
.input.is-small, .is-small.textarea {
  border-radius: 2px;
  font-size: 11px;
  height: 24px;
  line-height: 16px;
  padding: 3px 6px
}
.input.is-small.is-flat, .is-small.is-flat.textarea {
  padding: 4px 6px
}
.input.is-medium, .is-medium.textarea {
  font-size: 18px;
  height: 40px;
  line-height: 32px;
  padding: 3px 10px
}
.input.is-medium.is-flat, .is-medium.is-flat.textarea {
  padding: 4px 10px
}
.input.is-large, .is-large.textarea {
  font-size: 24px;
  height: 48px;
  line-height: 40px;
  padding: 3px 12px
}
.input.is-large.is-flat, .is-large.is-flat.textarea {
  padding: 4px 12px
}
.input.is-fullwidth, .is-fullwidth.textarea {
  display: block;
  width: 100%
}
.input.is-inline, .is-inline.textarea {
  display: inline;
  width: auto
}
.textarea {
  line-height: 1.2;
  max-height: 600px;
  max-width: 100%;
  min-height: 120px;
  min-width: 100%;
  padding: 10px;
  resize: vertical
}
.checkbox, .menu-checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 16px;
  padding-left: 18px;
  position: relative;
  vertical-align: top
}
.checkbox input, .menu-checkbox input, .radio input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d3d6db;
  border-radius: 3px;
  color: #222324;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 24px;
  padding: 3px 8px;
  position: relative;
  vertical-align: top;
  border-radius: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  float: left;
  height: 14px;
  left: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 1px;
  width: 14px
}
.checkbox input:hover, .menu-checkbox input:hover, .radio input:hover {
  border-color: #aeb1b5
}
.checkbox input:active, .menu-checkbox input:active, .radio input:active, .checkbox input:focus, .menu-checkbox input:focus, .radio input:focus {
  border-color: #1fc8db;
  outline: none
}
.checkbox input[disabled], .menu-checkbox input[disabled], .radio input[disabled], .checkbox input[disabled]:hover, .menu-checkbox input[disabled]:hover, .radio input[disabled]:hover {
  background: #f5f7fa;
  border-color: #d3d6db
}
.checkbox input[disabled]::-moz-placeholder, .menu-checkbox input[disabled]::-moz-placeholder, .radio input[disabled]::-moz-placeholder, .checkbox input[disabled]:hover::-moz-placeholder, .menu-checkbox input[disabled]:hover::-moz-placeholder, .radio input[disabled]:hover::-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.checkbox input[disabled]::-webkit-input-placeholder, .menu-checkbox input[disabled]::-webkit-input-placeholder, .radio input[disabled]::-webkit-input-placeholder, .checkbox input[disabled]:hover::-webkit-input-placeholder, .menu-checkbox input[disabled]:hover::-webkit-input-placeholder, .radio input[disabled]:hover::-webkit-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.checkbox input[disabled]:-moz-placeholder, .menu-checkbox input[disabled]:-moz-placeholder, .radio input[disabled]:-moz-placeholder, .checkbox input[disabled]:hover:-moz-placeholder, .menu-checkbox input[disabled]:hover:-moz-placeholder, .radio input[disabled]:hover:-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.checkbox input[disabled]:-ms-input-placeholder, .menu-checkbox input[disabled]:-ms-input-placeholder, .radio input[disabled]:-ms-input-placeholder, .checkbox input[disabled]:hover:-ms-input-placeholder, .menu-checkbox input[disabled]:hover:-ms-input-placeholder, .radio input[disabled]:hover:-ms-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.checkbox input:after, .menu-checkbox input:after, .radio input:after {
  border: 1px solid #fff;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 7px;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45deg);
  width: 7px;
  height: 4px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg) scale(1)
}
.checkbox input:checked, .menu-checkbox input:checked, .radio input:checked {
  background: #1fc8db;
  border-color: #1fc8db;
  box-shadow: none
}
.checkbox input:checked:after, .menu-checkbox input:checked:after, .radio input:checked:after {
  opacity: 1
}
.checkbox:hover, .menu-checkbox:hover, .radio:hover {
  color: #222324
}
.checkbox:hover input, .menu-checkbox:hover input, .radio:hover input {
  border-color: #aeb1b5
}
.checkbox:hover input:checked, .menu-checkbox:hover input:checked, .radio:hover input:checked {
  border-color: #1fc8db
}
.is-disabled.checkbox, .is-disabled.menu-checkbox, .is-disabled.radio, .is-disabled.checkbox:hover, .is-disabled.menu-checkbox:hover, .is-disabled.radio:hover {
  color: #aeb1b5
}
.radio + .radio {
  margin-left: 10px
}
.radio input {
  border-radius: 8px
}
.radio input:after {
  background: #fff;
  border: 0;
  border-radius: 2px;
  left: 4px;
  top: 4px;
  transform: none;
  width: 4px
}
.select {
  display: inline-block;
  height: 32px;
  position: relative;
  vertical-align: top
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d3d6db;
  border-radius: 3px;
  color: #222324;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 24px;
  padding: 3px 8px;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  display: block;
  outline: none;
  padding-right: 36px
}
.select select:hover {
  border-color: #aeb1b5
}
.select select:active, .select select:focus {
  border-color: #1fc8db;
  outline: none
}
.select select[disabled], .select select[disabled]:hover {
  background: #f5f7fa;
  border-color: #d3d6db
}
.select select[disabled]::-moz-placeholder, .select select[disabled]:hover::-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.select select[disabled]::-webkit-input-placeholder, .select select[disabled]:hover::-webkit-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.select select[disabled]:-moz-placeholder, .select select[disabled]:hover:-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.select select[disabled]:-ms-input-placeholder, .select select[disabled]:hover:-ms-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.select select:hover {
  border-color: #aeb1b5
}
.select select::ms-expand {
  display: none
}
.select:after {
  border: 1px solid #1fc8db;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 7px;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45deg);
  width: 7px;
  margin-top: -6px;
  right: 16px;
  top: 50%
}
.select:hover:after {
  border-color: #222324
}
.control {
  position: relative;
  text-align: left
}
.control.is-loading:after {
  position: absolute !important;
  right: 8px;
  top: 8px
}
.control:not(:last-child) {
  margin-bottom: 10px
}
.control.has-icon > .fa {
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
  width: 20px;
  color: #aeb1b5;
  left: 6px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  z-index: 4
}
.control.has-icon .input, .control.has-icon .textarea {
  padding-left: 32px
}
.control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
  color: #1fc8db
}
.control.is-horizontal {
  display: flex
}
.control.is-horizontal > .button:not(:last-child), .control.is-horizontal > .input:not(:last-child), .control.is-horizontal > .textarea:not(:last-child), .control.is-horizontal > .select:not(:last-child) {
  margin-right: 10px
}
.control.is-horizontal > .input, .control.is-horizontal > .textarea {
  flex: 1
}
.control.is-grouped {
  display: flex
}
.control.is-grouped .input, .control.is-grouped .textarea, .control.is-grouped .button, .control.is-grouped .select {
  border-radius: 0;
  margin-right: -1px
}
.control.is-grouped .input:hover, .control.is-grouped .textarea:hover, .control.is-grouped .button:hover, .control.is-grouped .select:hover {
  z-index: 2
}
.control.is-grouped .input:active, .control.is-grouped .textarea:active, .control.is-grouped .input:focus, .control.is-grouped .textarea:focus, .control.is-grouped .button:active, .control.is-grouped .button:focus, .control.is-grouped .select:active, .control.is-grouped .select:focus {
  z-index: 3
}
.control.is-grouped .input:first-child, .control.is-grouped .textarea:first-child, .control.is-grouped .button:first-child, .control.is-grouped .select:first-child {
  border-radius: 3px 0 0 3px
}
.control.is-grouped .input:first-child select, .control.is-grouped .textarea:first-child select, .control.is-grouped .button:first-child select, .control.is-grouped .select:first-child select {
  border-radius: 3px 0 0 3px
}
.control.is-grouped .input:last-child, .control.is-grouped .textarea:last-child, .control.is-grouped .button:last-child, .control.is-grouped .select:last-child {
  border-radius: 0 3px 3px 0
}
.control.is-grouped.is-centered {
  justify-content: center
}
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d3d6db;
  border-radius: 3px;
  color: #222324;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 24px;
  padding: 3px 8px;
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 3px 10px;
  text-align: center;
  white-space: nowrap
}
.button:hover {
  border-color: #aeb1b5
}
.button:active, .button:focus {
  border-color: #1fc8db;
  outline: none
}
.button[disabled], .button[disabled]:hover {
  background: #f5f7fa;
  border-color: #d3d6db
}
.button[disabled]::-moz-placeholder, .button[disabled]:hover::-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.button[disabled]::-webkit-input-placeholder, .button[disabled]:hover::-webkit-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.button[disabled]:-moz-placeholder, .button[disabled]:hover:-moz-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.button[disabled]:-ms-input-placeholder, .button[disabled]:hover:-ms-input-placeholder {
  color: rgba(34, 35, 36, 0.3)
}
.button strong {
  color: inherit
}
.button small {
  display: block;
  font-size: 11px;
  line-height: 1;
  margin-top: 5px
}
.button .fa {
  line-height: 24px;
  margin: 0 -2px;
  width: 24px
}
.button:hover {
  color: #222324
}
.button:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2)
}
.button.is-dark {
  background: #222324;
  border-color: transparent;
  color: #fff
}
.button.is-dark:hover, .button.is-dark:focus {
  background: #090a0a;
  border-color: transparent;
  color: #fff
}
.button.is-dark:active {
  border-color: transparent
}
.button.is-dark.is-outlined {
  background: transparent;
  border-color: #222324;
  color: #222324
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
  border-color: #090a0a;
  color: #090a0a
}
.button.is-dark.is-inverted {
  background: #fff;
  color: #222324
}
.button.is-dark.is-inverted:hover {
  background: #f2f2f2
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}
.button.is-dark.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-dark.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}
.button.is-primary {
  background: #1fc8db;
  border-color: transparent;
  color: #fff
}
.button.is-primary:hover, .button.is-primary:focus {
  background: #199fae;
  border-color: transparent;
  color: #fff
}
.button.is-primary:active {
  border-color: transparent
}
.button.is-primary.is-outlined {
  background: transparent;
  border-color: #1fc8db;
  color: #1fc8db
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
  border-color: #199fae;
  color: #199fae
}
.button.is-primary.is-inverted {
  background: #fff;
  color: #1fc8db
}
.button.is-primary.is-inverted:hover {
  background: #f2f2f2
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}
.button.is-primary.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-primary.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}
.button.is-info {
  background: #42afe3;
  border-color: transparent;
  color: #fff
}
.button.is-info:hover, .button.is-info:focus {
  background: #1f99d3;
  border-color: transparent;
  color: #fff
}
.button.is-info:active {
  border-color: transparent
}
.button.is-info.is-outlined {
  background: transparent;
  border-color: #42afe3;
  color: #42afe3
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
  border-color: #1f99d3;
  color: #1f99d3
}
.button.is-info.is-inverted {
  background: #fff;
  color: #42afe3
}
.button.is-info.is-inverted:hover {
  background: #f2f2f2
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}
.button.is-info.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-info.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}
.button.is-success {
  background: #97cd76;
  border-color: transparent;
  color: #fff
}
.button.is-success:hover, .button.is-success:focus {
  background: #7bbf51;
  border-color: transparent;
  color: #fff
}
.button.is-success:active {
  border-color: transparent
}
.button.is-success.is-outlined {
  background: transparent;
  border-color: #97cd76;
  color: #97cd76
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
  border-color: #7bbf51;
  color: #7bbf51
}
.button.is-success.is-inverted {
  background: #fff;
  color: #97cd76
}
.button.is-success.is-inverted:hover {
  background: #f2f2f2
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}
.button.is-success.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-success.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}
.button.is-warning {
  background: #fce473;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.5)
}
.button.is-warning:hover, .button.is-warning:focus {
  background: #fbda41;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.5)
}
.button.is-warning:active {
  border-color: transparent
}
.button.is-warning.is-outlined {
  background: transparent;
  border-color: #fce473;
  color: #fce473
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
  border-color: #fbda41;
  color: #fbda41
}
.button.is-warning.is-inverted {
  background: rgba(0, 0, 0, 0.5);
  color: #fce473
}
.button.is-warning.is-inverted:hover {
  background: rgba(0, 0, 0, 0.5)
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5)
}
.button.is-warning.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-warning.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) !important
}
.button.is-danger {
  background: #ed6c63;
  border-color: transparent;
  color: #fff
}
.button.is-danger:hover, .button.is-danger:focus {
  background: #e84135;
  border-color: transparent;
  color: #fff
}
.button.is-danger:active {
  border-color: transparent
}
.button.is-danger.is-outlined {
  background: transparent;
  border-color: #ed6c63;
  color: #ed6c63
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
  border-color: #e84135;
  color: #e84135
}
.button.is-danger.is-inverted {
  background: #fff;
  color: #ed6c63
}
.button.is-danger.is-inverted:hover {
  background: #f2f2f2
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}
.button.is-danger.is-inverted.is-outlined:hover {
  background: rgba(0, 0, 0, 0.05)
}
.button.is-danger.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}
.button.is-small {
  border-radius: 2px;
  font-size: 11px;
  height: 24px;
  line-height: 16px;
  padding: 3px 6px
}
.button.is-medium {
  font-size: 18px;
  height: 40px;
  padding: 7px 14px
}
.button.is-large {
  font-size: 22px;
  height: 48px;
  padding: 11px 20px
}
.button.is-fullwidth {
  display: block;
  width: 100%
}
.button.is-flexible {
  height: auto
}
.button.is-loading {
  color: transparent;
  pointer-events: none
}
.button.is-loading:after {
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  position: absolute !important
}
.button.is-disabled, .button[disabled] {
  opacity: 0.5;
  pointer-events: none
}
@media screen and (min-width: 769px) {
  .button small {
    color: #69707a;
    left: 0;
    margin-top: 10px;
    position: absolute;
    top: 100%;
    width: 100%
  }
}
.title, .subtitle {
  font-weight: 300
}
.title a:hover, .subtitle a:hover {
  border-bottom: 1px solid
}
.title {
  color: #222324;
  font-size: 28px;
  line-height: 1
}
.title strong {
  color: inherit
}
.title code {
  display: inline-block;
  font-size: 28px
}
.title + .subtitle {
  margin-top: -10px
}
.title + .highlight {
  margin-top: -10px
}
.title.is-normal {
  font-weight: 400
}
.title.is-normal strong {
  font-weight: 700
}
.title.is-1 {
  font-size: 48px
}
.title.is-1 code {
  font-size: 40px
}
.title.is-2 {
  font-size: 40px
}
.title.is-2 code {
  font-size: 28px
}
.title.is-3 {
  font-size: 28px
}
.title.is-3 code {
  font-size: 24px
}
.title.is-4 {
  font-size: 24px
}
.title.is-4 code {
  font-size: 18px
}
.title.is-5 {
  font-size: 18px
}
.title.is-5 code {
  font-size: 14px
}
.title.is-6 {
  font-size: 14px
}
.title.is-6 code {
  font-size: 14px
}
@media screen and (min-width: 769px) {
  .title + .subtitle {
    margin-top: -15px
  }
}
.subtitle {
  font-size: 18px;
  line-height: 1.125
}
.subtitle + .title {
  margin-top: -20px
}
.subtitle strong {
  color: #222324;
  font-weight: 400
}
.subtitle code {
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  padding: 2px 3px;
  vertical-align: top
}
.subtitle + .text {
  margin-top: 20px
}
.subtitle.is-normal {
  font-weight: 400
}
.subtitle.is-normal strong {
  font-weight: 700
}
.subtitle.is-1 {
  font-size: 48px
}
.subtitle.is-1 code {
  font-size: 40px
}
.subtitle.is-2 {
  font-size: 40px
}
.subtitle.is-2 code {
  font-size: 28px
}
.subtitle.is-3 {
  font-size: 28px
}
.subtitle.is-3 code {
  font-size: 24px
}
.subtitle.is-4 {
  font-size: 24px
}
.subtitle.is-4 code {
  font-size: 18px
}
.subtitle.is-5 {
  font-size: 18px
}
.subtitle.is-5 code {
  font-size: 14px
}
.subtitle.is-6 {
  font-size: 14px
}
.subtitle.is-6 code {
  font-size: 14px
}
.image {
  display: block;
  position: relative
}
.image img {
  display: block
}
.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%
}
.image.is-4by3 {
  padding-top: 75%
}
.image.is-3by2 {
  padding-top: 66.6666%
}
.image.is-16by9 {
  padding-top: 56.25%
}
.image.is-2by1 {
  padding-top: 50%
}
.image.is-16x16 {
  height: 16px;
  width: 16px
}
.image.is-24x24 {
  height: 24px;
  width: 24px
}
.image.is-32x32 {
  height: 32px;
  width: 32px
}
.image.is-48x48 {
  height: 48px;
  width: 48px
}
.image.is-64x64 {
  height: 64px;
  width: 64px
}
.image.is-96x96 {
  height: 96px;
  width: 96px
}
.image.is-128x128 {
  height: 128px;
  width: 128px
}
.message-body {
  border: 1px solid #d3d6db;
  border-radius: 3px;
  padding: 12px 15px
}
.message-body strong {
  color: inherit
}
.message-header {
  background: #69707a;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 3px 8px;
  text-transform: uppercase
}
.message-header + .message-body {
  border-radius: 0 0 3px 3px;
  border-top: none
}
.message {
  background: #f5f7fa;
  border-radius: 3px
}
.message.is-dark {
  background: #f5f5f5
}
.message.is-dark .message-header {
  background: #222324;
  color: #fff
}
.message.is-dark .message-body {
  border-color: #222324;
  color: #807f7f
}
.message.is-primary {
  background: #edfbfc
}
.message.is-primary .message-header {
  background: #1fc8db;
  color: #fff
}
.message.is-primary .message-body {
  border-color: #1fc8db;
  color: #807f7f
}
.message.is-info {
  background: #edf7fc
}
.message.is-info .message-header {
  background: #42afe3;
  color: #fff
}
.message.is-info .message-body {
  border-color: #42afe3;
  color: #807f7f
}
.message.is-success {
  background: #f4faf0
}
.message.is-success .message-header {
  background: #97cd76;
  color: #fff
}
.message.is-success .message-body {
  border-color: #97cd76;
  color: #807f7f
}
.message.is-warning {
  background: #fffbeb
}
.message.is-warning .message-header {
  background: #fce473;
  color: rgba(0, 0, 0, 0.5)
}
.message.is-warning .message-body {
  border-color: #fce473;
  color: #666
}
.message.is-danger {
  background: #fdeeed
}
.message.is-danger .message-header {
  background: #ed6c63;
  color: #fff
}
.message.is-danger .message-body {
  border-color: #ed6c63;
  color: #807f7f
}
.notification {
  background: #f5f7fa;
  border-radius: 3px;
  padding: 16px 20px;
  position: relative
}
.notification:after {
  clear: both;
  content: " ";
  display: table
}
.notification .title {
  color: inherit
}
.notification.is-dark {
  background: #222324;
  color: #fff
}
.notification.is-primary {
  background: #1fc8db;
  color: #fff
}
.notification.is-info {
  background: #42afe3;
  color: #fff
}
.notification.is-success {
  background: #97cd76;
  color: #fff
}
.notification.is-warning {
  background: #fce473;
  color: rgba(0, 0, 0, 0.5)
}
.notification.is-danger {
  background: #ed6c63;
  color: #fff
}
.notification .delete, .notification .modal-close {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 3px;
  float: right;
  margin: -16px -20px 0 20px
}
.notification .delete:hover, .notification .modal-close:hover {
  background: rgba(0, 0, 0, 0.5)
}
.box {
  background: white;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 20px
}
.delete, .modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  vertical-align: top;
  width: 24px
}
.delete:before, .modal-close:before, .delete:after, .modal-close:after {
  background: white;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -25%;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 50%
}
.delete:before, .modal-close:before {
  transform: rotate(45deg)
}
.delete:after, .modal-close:after {
  transform: rotate(-45deg)
}
.delete:hover, .modal-close:hover {
  background: #ed6c63
}
.delete.is-small, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close, .is-small.modal-close {
  height: 16px;
  width: 16px
}
.delete.is-medium, .is-medium.modal-close {
  height: 32px;
  width: 32px
}
.delete.is-large, .is-large.modal-close {
  height: 40px;
  width: 40px
}
.icon {
  display: inline-block;
  font-size: 21px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px
}
.icon .fa {
  font-size: inherit;
  line-height: inherit
}
.icon.is-small {
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
  width: 20px
}
.icon.is-medium {
  display: inline-block;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: top;
  width: 32px
}
.icon.is-large {
  display: inline-block;
  font-size: 42px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  vertical-align: top;
  width: 48px
}
.hamburger, .header-toggle {
  cursor: pointer;
  display: block;
  height: 50px;
  position: relative;
  width: 50px
}
.hamburger span, .header-toggle span {
  background: #69707a;
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: 50%;
  transition: none 86ms ease-out;
  transition-property: background, left, opacity, transform;
  width: 15px
}
.hamburger span:nth-child(1), .header-toggle span:nth-child(1) {
  margin-top: -6px
}
.hamburger span:nth-child(2), .header-toggle span:nth-child(2) {
  margin-top: -1px
}
.hamburger span:nth-child(3), .header-toggle span:nth-child(3) {
  margin-top: 4px
}
.hamburger:hover, .header-toggle:hover {
  background: #f5f7fa
}
.hamburger.is-active span, .is-active.header-toggle span {
  background: #1fc8db
}
.hamburger.is-active span:nth-child(1), .is-active.header-toggle span:nth-child(1) {
  margin-left: -5px;
  transform: rotate(45deg);
  transform-origin: left top
}
.hamburger.is-active span:nth-child(2), .is-active.header-toggle span:nth-child(2) {
  opacity: 0
}
.hamburger.is-active span:nth-child(3), .is-active.header-toggle span:nth-child(3) {
  margin-left: -5px;
  transform: rotate(-45deg);
  transform-origin: left bottom
}
@media screen and (min-width: 769px) {
  .hamburger, .header-toggle {
    height: 50px;
    width: 50px
  }
}
.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase
}
.highlight {
  font-size: 12px;
  font-weight: normal;
  max-width: 100%;
  overflow: hidden;
  padding: 0
}
.highlight pre {
  overflow: auto;
  max-width: 100%
}
.image {
  display: block;
  position: relative;
  vertical-align: top
}
.image img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 100%
}
.image.is-3x2 {
  padding-top: 66.6666%
}
.loader, .control.is-loading:after, .button.is-loading:after {
  animation: spin-around 500ms infinite linear;
  border: 2px solid #d3d6db;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 16px;
  position: relative;
  width: 16px
}
.number {
  background: #f5f7fa;
  border-radius: 290486px;
  display: inline-block;
  font-size: 18px;
  vertical-align: top
}
.tag {
  background: #f5f7fa;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  color: #69707a;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 16px;
  padding: 4px 10px;
  vertical-align: top;
  white-space: nowrap
}
.tag.is-dark {
  background: #69707a;
  color: #fff
}
.tag.is-rounded {
  border-radius: 290486px
}
.tag.is-medium {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
  height: 32px;
  padding: 7px 14px 9px
}
.tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close {
  margin-left: 4px;
  margin-right: -6px
}
.tag.is-large {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  font-size: 18px;
  height: 40px;
  line-height: 24px;
  padding: 7px 18px 9px
}
.tag.is-large .delete, .tag.is-large .modal-close {
  margin-left: 4px;
  margin-right: -8px
}
.tag.is-dark {
  background: #222324;
  color: #fff
}
.tag.is-primary {
  background: #1fc8db;
  color: #fff
}
.tag.is-info {
  background: #42afe3;
  color: #fff
}
.tag.is-success {
  background: #97cd76;
  color: #fff
}
.tag.is-warning {
  background: #fce473;
  color: rgba(0, 0, 0, 0.5)
}
.tag.is-danger {
  background: #ed6c63;
  color: #fff
}
.container {
  position: relative
}
@media screen and (min-width: 769px) {
  .container.is-fluid {
    margin: 0 20px;
    max-width: none
  }
}
@media screen and (min-width: 980px) {
  .container {
    margin: 0 auto;
    max-width: 960px
  }
  .container.is-fluid {
    margin: 0 20px;
    max-width: none
  }
}
@media screen and (min-width: 1180px) {
  .container {
    margin: 0 auto;
    max-width: 1170px
  }
}
.column {
  flex: 1;
  padding: 10px
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%
}
.columns.is-mobile > .column.is-third {
  flex: none;
  width: 33.3333%
}
.columns.is-mobile > .column.is-quarter {
  flex: none;
  width: 25%
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%
}
.columns.is-mobile > .column.is-offset-third {
  margin-left: 33.3333%
}
.columns.is-mobile > .column.is-offset-quarter {
  margin-left: 25%
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%
}
@media screen and (max-width: 768px) {
  .column.is-half-mobile {
    flex: none;
    width: 50%
  }
  .column.is-third-mobile {
    flex: none;
    width: 33.3333%
  }
  .column.is-quarter-mobile {
    flex: none;
    width: 25%
  }
  .column.is-offset-half-mobile {
    margin-left: 50%
  }
  .column.is-offset-third-mobile {
    margin-left: 33.3333%
  }
  .column.is-offset-quarter-mobile {
    margin-left: 25%
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%
  }
  .column.is-offset-3-mobile {
    margin-left: 25%
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%
  }
  .column.is-offset-6-mobile {
    margin-left: 50%
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%
  }
  .column.is-offset-9-mobile {
    margin-left: 75%
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%
  }
}
@media screen and (min-width: 769px) {
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%
  }
  .column.is-third, .column.is-third-tablet {
    flex: none;
    width: 33.3333%
  }
  .column.is-quarter, .column.is-quarter-tablet {
    flex: none;
    width: 25%
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%
  }
  .column.is-offset-third, .column.is-offset-third-tablet {
    margin-left: 33.3333%
  }
  .column.is-offset-quarter, .column.is-offset-quarter-tablet {
    margin-left: 25%
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.3333333333%
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.6666666667%
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.3333333333%
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.6666666667%
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.3333333333%
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.6666666667%
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.3333333333%
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.6666666667%
  }
}
@media screen and (min-width: 980px) {
  .column.is-half-desktop {
    flex: none;
    width: 50%
  }
  .column.is-third-desktop {
    flex: none;
    width: 33.3333%
  }
  .column.is-quarter-desktop {
    flex: none;
    width: 25%
  }
  .column.is-offset-half-desktop {
    margin-left: 50%
  }
  .column.is-offset-third-desktop {
    margin-left: 33.3333%
  }
  .column.is-offset-quarter-desktop {
    margin-left: 25%
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%
  }
  .column.is-offset-3-desktop {
    margin-left: 25%
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%
  }
  .column.is-offset-6-desktop {
    margin-left: 50%
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%
  }
  .column.is-offset-9-desktop {
    margin-left: 75%
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%
  }
}
.columns {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px
}
.columns:last-child {
  margin-bottom: -10px
}
.columns:not(:last-child) {
  margin-bottom: 10px
}
.columns.is-mobile {
  display: flex
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 20px
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0
}
.columns.is-multiline {
  flex-wrap: wrap
}
.columns.is-vcentered {
  align-items: center
}
@media screen and (min-width: 769px) {
  .columns.is-grid {
    flex-wrap: wrap
  }
  .columns.is-grid > .column {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
    padding: 10px;
    width: 33.3333%
  }
  .columns.is-grid > .column + .column {
    margin-left: 0
  }
}
@media screen and (min-width: 769px) {
  .columns:not(.is-desktop) {
    display: flex
  }
}
@media screen and (min-width: 980px) {
  .columns.is-desktop {
    display: flex
  }
}
.navbar-item .title, .navbar-item .subtitle {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .navbar-item:not(:last-child) {
    margin-bottom: 10px
  }
}
.navbar code {
  border-radius: 3px
}
.navbar img {
  display: inline-block;
  vertical-align: top
}
@media screen and (min-width: 769px) {
  .navbar {
    align-items: center;
    display: flex;
    justify-content: space-between
  }
  .navbar > .navbar-item:not(.is-narrow) {
    flex: 1
  }
}
.navbar-left .navbar-item.is-flexible, .navbar-right .navbar-item.is-flexible {
  flex: 1
}
.navbar-left .navbar-item:not(:last-child), .navbar-right .navbar-item:not(:last-child) {
  margin-right: 10px
}
@media screen and (max-width: 768px) {
  .navbar-left + .navbar-right {
    margin-top: 20px
  }
}
@media screen and (min-width: 769px) {
  .navbar-left {
    align-items: center;
    display: flex
  }
}
@media screen and (min-width: 769px) {
  .navbar-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
  }
}
.card-image {
  display: block;
  position: relative
}
.card-image img {
  display: block
}
.card-image.is-square img, .card-image.is-4x3 img, .card-image.is-3x2 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%
}
.card-image.is-square {
  padding-top: 100%
}
.card-image.is-4x3 {
  padding-top: 75%
}
.card-image.is-3x2 {
  padding-top: 66.6666%
}
.card-content {
  padding: 20px
}
.card-content .title + .subtitle {
  margin-top: -20px
}
.card-footer {
  background: #f5f7fa;
  display: block;
  padding: 10px
}
.card {
  background: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  position: relative;
  width: 300px
}
.card .media:not(:last-child) {
  margin-bottom: 10px
}
.card.is-rounded {
  border-radius: 5px
}
.table {
  background: white;
  color: #222324;
  margin-bottom: 20px;
  width: 100%
}
.table th, .table td {
  border: 1px solid #d3d6db;
  border-width: 0 0 1px;
  padding: 8px 10px;
  vertical-align: top
}
.table th.table-narrow, .table td.table-narrow {
  white-space: nowrap;
  width: 1%
}
.table th.table-link, .table td.table-link {
  padding: 0
}
.table th.table-link > a, .table td.table-link > a {
  display: block;
  padding: 8px 10px
}
.table th.table-link > a:hover, .table td.table-link > a:hover {
  background: #1fc8db;
  color: #fff
}
.table th.table-icon, .table td.table-icon {
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  width: 1%
}
.table th.table-icon .fa, .table td.table-icon .fa {
  display: inline-block;
  font-size: 21px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px
}
.table th.table-icon.table-link, .table td.table-icon.table-link {
  padding: 0
}
.table th.table-icon.table-link > a, .table td.table-icon.table-link > a {
  padding: 5px
}
.table th {
  color: #222324;
  text-align: left
}
.table tr:hover {
  background: rgba(245, 247, 250, 0.5);
  color: #222324
}
.table tr:last-child td {
  border-bottom-width: 0
}
.table thead th, .table thead td {
  border-width: 0 0 2px;
  color: #aeb1b5
}
.table tfoot th, .table tfoot td {
  border-width: 2px 0 0;
  color: #aeb1b5
}
.table.is-bordered th, .table.is-bordered td {
  border-width: 1px
}
.table.is-bordered tr:last-child td {
  border-bottom-width: 1px
}
.table.is-narrow th, .table.is-narrow td {
  padding: 5px 10px
}
.table.is-narrow th.table-link, .table.is-narrow td.table-link {
  padding: 0
}
.table.is-narrow th.table-link > a, .table.is-narrow td.table-link > a {
  padding: 5px 10px
}
.table.is-narrow th.table-icon, .table.is-narrow td.table-icon {
  padding: 2px
}
.table.is-narrow th.table-icon.table-link, .table.is-narrow td.table-icon.table-link {
  padding: 0
}
.table.is-narrow th.table-icon.table-link > a, .table.is-narrow td.table-icon.table-link > a {
  padding: 2px
}
.table.is-striped tbody tr:nth-child(2n) {
  background: rgba(245, 247, 250, 0.5)
}
.table.is-striped tbody tr:nth-child(2n):hover {
  background: #f5f7fa
}
.tabs {
  line-height: 24px;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap
}
.tabs .fa {
  font-size: 14px;
  line-height: 20px;
  margin: 2px -2px;
  width: 20px
}
.tabs a {
  border-bottom: 1px solid #d3d6db;
  color: #69707a;
  display: block;
  margin-bottom: -1px;
  padding: 5px 0;
  vertical-align: top
}
.tabs a:hover {
  border-bottom-color: #222324;
  color: #222324
}
.tabs li {
  display: block;
  vertical-align: top
}
.tabs li + li {
  margin-left: 20px
}
.tabs li.is-active a {
  border-bottom-color: #1fc8db;
  color: #1fc8db
}
.tabs ul {
  border-bottom: 1px solid #d3d6db;
  display: flex
}
.tabs.is-centered a {
  padding: 5px 10px
}
.tabs.is-centered li + li {
  margin-left: 0
}
.tabs.is-centered ul {
  justify-content: center;
  text-align: center
}
.tabs.is-right ul {
  justify-content: flex-end
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
  padding: 5px 15px
}
.tabs.is-boxed a:hover {
  background: #f5f7fa;
  border-bottom-color: #d3d6db
}
.tabs.is-boxed li + li {
  margin-left: 5px
}
.tabs.is-boxed li.is-active a {
  background: white;
  border-color: #d3d6db;
  border-bottom-color: transparent
}
.tabs.is-boxed.is-centered li, .tabs.is-boxed.is-centered li + li {
  margin: 0 2px
}
.tabs.is-toggle a {
  border: 1px solid #d3d6db;
  margin-bottom: 0;
  padding: 5px 10px;
  position: relative
}
.tabs.is-toggle a:hover {
  background: #f5f7fa;
  border-color: #aeb1b5;
  z-index: 2
}
.tabs.is-toggle li + li {
  margin-left: -1px
}
.tabs.is-toggle li:first-child a {
  border-radius: 3px 0 0 3px
}
.tabs.is-toggle li:last-child a {
  border-radius: 0 3px 3px 0
}
.tabs.is-toggle li.is-active a {
  background: #1fc8db;
  border-color: #1fc8db;
  color: #fff;
  z-index: 1
}
.tabs.is-toggle ul {
  border-bottom: none
}
@media screen and (min-width: 769px) {
  .tabs.is-fullwidth li {
    flex: 1
  }
  .tabs.is-fullwidth li + li {
    margin-left: 0
  }
  .tabs.is-fullwidth ul {
    justify-content: center;
    text-align: center
  }
}
.media-number {
  background: #f5f7fa;
  border-radius: 290486px;
  display: inline-block;
  font-size: 18px;
  height: 32px;
  line-height: 24px;
  min-width: 32px;
  padding: 4px 8px;
  text-align: center;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  .media-number {
    margin-bottom: 10px
  }
}
@media screen and (min-width: 769px) {
  .media-number {
    margin-right: 10px
  }
}
.media-left {
  margin-right: 10px
}
.media-right {
  margin-left: 10px
}
.media-content {
  flex: 1;
  text-align: left
}
.media {
  align-items: flex-start;
  display: flex;
  text-align: left
}
.media .content:not(:last-child) {
  margin-bottom: 10px
}
.media .media {
  border-top: 1px solid rgba(211, 214, 219, 0.5);
  display: flex;
  padding-top: 10px
}
.media .media .textarea {
  border-radius: 2px;
  font-size: 11px;
  height: 24px;
  line-height: 16px;
  padding: 3px 6px
}
.media .media .button {
  border-radius: 2px;
  font-size: 11px;
  height: 24px;
  line-height: 16px;
  padding: 3px 6px
}
.media .media .content:not(:last-child), .media .media .control:not(:last-child) {
  margin-bottom: 5px
}
.media .media .media {
  font-size: 12px;
  padding-top: 5px
}
.media .media .media + .media {
  margin-top: 5px
}
.media + .media {
  border-top: 1px solid rgba(211, 214, 219, 0.5);
  margin-top: 10px;
  padding-top: 10px
}
.media.is-large + .media {
  margin-top: 20px;
  padding-top: 20px
}
@media screen and (min-width: 769px) {
  .media.is-large .media-number {
    margin-right: 20px
  }
}
.menu-icon {
  display: inline-block;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: top;
  width: 16px;
  color: #aeb1b5;
  float: left;
  margin: 0 4px 0 -2px
}
.menu-icon .fa {
  font-size: inherit;
  line-height: inherit
}
.menu-heading {
  background: #f5f7fa;
  border-bottom: 1px solid #d3d6db;
  border-radius: 4px 4px 0 0;
  color: #222324;
  font-size: 18px;
  font-weight: 300;
  padding: 10px
}
.menu-list a {
  color: #69707a
}
.menu-list a:hover {
  color: #1fc8db
}
.menu-tabs {
  display: flex;
  font-size: 11px;
  padding: 5px 10px 0;
  justify-content: center
}
.menu-tabs:not(:last-child) {
  border-bottom: 1px solid #d3d6db
}
.menu-tabs a {
  border-bottom: 1px solid #d3d6db;
  margin-bottom: -1px;
  padding: 5px
}
.menu-tabs a.is-active {
  border-bottom-color: #222324;
  color: #222324
}
.menu-block {
  color: #222324;
  display: block;
  line-height: 16px;
  padding: 10px
}
.menu-block:not(:last-child) {
  border-bottom: 1px solid #d3d6db
}
.menu-block .checkbox, .menu-block .menu-checkbox {
  border: 1px solid transparent;
  border-radius: 3px;
  display: block;
  padding: 8px;
  padding-left: 32px
}
.menu-block .checkbox input, .menu-block .menu-checkbox input {
  left: 9px;
  top: 9px
}
.menu-block .checkbox:hover, .menu-block .menu-checkbox:hover {
  border-color: #1fc8db
}
a.menu-block:hover {
  background: #f5f7fa
}
.menu-checkbox {
  display: block;
  padding: 9px 10px 9px 30px
}
.menu-checkbox:not(:last-child) {
  border-bottom: 1px solid #d3d6db
}
.menu-checkbox input {
  left: 8px;
  top: 10px
}
.menu {
  border: 1px solid #d3d6db;
  border-radius: 5px
}
.menu:not(:last-child) {
  margin-bottom: 20px
}
.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.86)
}
.modal-content {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%
}
@media screen and (min-width: 769px) {
  .modal-content {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px
  }
}
.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px
}
.modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 1986
}
.modal.is-active {
  display: flex
}
.header {
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  height: 50px;
  line-height: 24px;
  position: relative;
  text-align: center;
  z-index: 2
}
.header:after {
  clear: both;
  content: " ";
  display: table
}
.header .container {
  align-items: stretch;
  box-shadow: 0 1px 0 rgba(211, 214, 219, 0.3);
  display: flex;
  width: 100%
}
@media screen and (min-width: 769px) {
  .header {
    height: 50px
  }
}
@media screen and (min-width: 769px) {
  .header-toggle {
    display: none
  }
}
.header-item {
  align-items: center;
  display: flex;
  padding: 10px
}
.header-item img {
  max-height: 24px
}
.header-item a {
  color: #69707a
}
.header-item a:hover {
  color: #222324
}
.header-item a.is-active {
  color: #222324
}
.header-item .fa {
  font-size: 21px;
  line-height: 24px
}
.header-icon {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  width: 24px;
  color: #69707a;
  margin: 0 5px
}
.header-icon:hover {
  color: #222324
}
.header-tab {
  align-items: center;
  border-bottom: 1px solid transparent;
  color: #69707a;
  display: block;
  height: 50px;
  line-height: 24px;
  padding: 13px 15px
}
.header-tab:hover {
  border-bottom: 1px solid #1fc8db
}
.header-tab.is-active {
  border-bottom: 3px solid #1fc8db;
  color: #1fc8db
}
.header-left {
  align-items: stretch;
  display: flex;
  flex: 1;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap
}
@media screen and (min-width: 980px) {
  .header-left .header-item:first-child {
    padding-left: 0
  }
}
.header-center {
  align-items: stretch;
  display: flex;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}
.header-right {
  align-items: stretch
}
@media screen and (min-width: 769px) {
  .header-right {
    display: flex
  }
}
@media screen and (min-width: 980px) {
  .header-right .header-item:last-child {
    padding-right: 0
  }
}
.header-full {
  align-items: stretch;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%
}
.header-full > .header-item {
  align-items: stretch;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 0
}
.header-full > .header-item > a {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}
@media screen and (max-width: 768px) {
  .header-menu {
    background: white;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
    display: none;
    min-width: 120px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 100
  }
  .header-menu .header-item {
    border-top: 1px solid rgba(211, 214, 219, 0.5);
    padding: 10px
  }
  .header-menu.is-active {
    display: block
  }
}
.header.is-centered {
  justify-content: center
}
.header.is-centered .header-left, .header.is-centered .header-center, .header.is-centered .header-right {
  justify-content: center
}
.header.is-small {
  background: #f5f7fa;
  box-shadow: none;
  height: 40px;
  z-index: 1
}
.header.is-small .container {
  height: 40px
}
.header.is-small .header-tab {
  font-size: 13px;
  height: 40px;
  padding: 8px 10px
}
.header.is-small .header-tab:hover, .header.is-small .header-tab.is-active {
  border-bottom-width: 2px
}
.hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden
}
.hero-video.is-transparent {
  opacity: 0.3
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0)
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none
  }
}
.hero-content {
  padding: 40px 20px
}
@media screen and (min-width: 980px) {
  .hero-content {
    padding: 40px 0
  }
}
.hero-buttons {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: block
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 10px
  }
}
@media screen and (min-width: 769px) {
  .hero-buttons {
    display: flex;
    justify-content: center
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 20px
  }
}
.hero {
  background: white;
  text-align: center
}
.hero .header {
  background: none;
  box-shadow: none
}
.hero .tabs a {
  border: none
}
.hero .tabs ul {
  border-bottom: none
}
.hero .tabs.is-boxed a {
  padding: 8px 15px
}
.hero.is-alt {
  background: #f5f7fa;
  color: #aeb1b5
}
.hero.is-dark {
  background: #222324;
  color: #fff
}
.hero.is-dark .title {
  color: #fff
}
.hero.is-dark .title a, .hero.is-dark .title strong {
  color: inherit
}
.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.7)
}
.hero.is-dark .subtitle strong {
  color: #fff
}
.hero.is-dark .header .container {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}
.hero.is-dark .header-icon, .hero.is-dark .header-item > a:not(.button) {
  color: #fff;
  opacity: 0.5
}
.hero.is-dark .header-icon:hover, .hero.is-dark .header-icon.is-active, .hero.is-dark .header-item > a:not(.button):hover, .hero.is-dark .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.5
}
.hero.is-dark .tabs a:hover {
  opacity: 1
}
.hero.is-dark .tabs li.is-active a {
  opacity: 1
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background: #fff;
  color: #222324
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #080a0b 0%, #222324 71%, #2c2e34 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-dark .header-toggle span {
    background: #fff
  }
  .hero.is-dark .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-dark .header-toggle.is-active span {
    background: #fff
  }
  .hero.is-dark .header-menu {
    background: #222324
  }
  .hero.is-dark .header-menu .header-item {
    border-top-color: rgba(255, 255, 255, 0.2)
  }
}
.hero.is-primary {
  background: #1fc8db;
  color: #fff
}
.hero.is-primary .title {
  color: #fff
}
.hero.is-primary .title a, .hero.is-primary .title strong {
  color: inherit
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.7)
}
.hero.is-primary .subtitle strong {
  color: #fff
}
.hero.is-primary .header .container {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}
.hero.is-primary .header-icon, .hero.is-primary .header-item > a:not(.button) {
  color: #fff;
  opacity: 0.5
}
.hero.is-primary .header-icon:hover, .hero.is-primary .header-icon.is-active, .hero.is-primary .header-item > a:not(.button):hover, .hero.is-primary .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.5
}
.hero.is-primary .tabs a:hover {
  opacity: 1
}
.hero.is-primary .tabs li.is-active a {
  opacity: 1
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background: #fff;
  color: #1fc8db
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-primary .header-toggle span {
    background: #fff
  }
  .hero.is-primary .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-primary .header-toggle.is-active span {
    background: #fff
  }
  .hero.is-primary .header-menu {
    background: #1fc8db
  }
  .hero.is-primary .header-menu .header-item {
    border-top-color: rgba(255, 255, 255, 0.2)
  }
}
.hero.is-info {
  background: #42afe3;
  color: #fff
}
.hero.is-info .title {
  color: #fff
}
.hero.is-info .title a, .hero.is-info .title strong {
  color: inherit
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.7)
}
.hero.is-info .subtitle strong {
  color: #fff
}
.hero.is-info .header .container {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}
.hero.is-info .header-icon, .hero.is-info .header-item > a:not(.button) {
  color: #fff;
  opacity: 0.5
}
.hero.is-info .header-icon:hover, .hero.is-info .header-icon.is-active, .hero.is-info .header-item > a:not(.button):hover, .hero.is-info .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.5
}
.hero.is-info .tabs a:hover {
  opacity: 1
}
.hero.is-info .tabs li.is-active a {
  opacity: 1
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background: #fff;
  color: #42afe3
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-info .header-toggle span {
    background: #fff
  }
  .hero.is-info .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-info .header-toggle.is-active span {
    background: #fff
  }
  .hero.is-info .header-menu {
    background: #42afe3
  }
  .hero.is-info .header-menu .header-item {
    border-top-color: rgba(255, 255, 255, 0.2)
  }
}
.hero.is-success {
  background: #97cd76;
  color: #fff
}
.hero.is-success .title {
  color: #fff
}
.hero.is-success .title a, .hero.is-success .title strong {
  color: inherit
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.7)
}
.hero.is-success .subtitle strong {
  color: #fff
}
.hero.is-success .header .container {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}
.hero.is-success .header-icon, .hero.is-success .header-item > a:not(.button) {
  color: #fff;
  opacity: 0.5
}
.hero.is-success .header-icon:hover, .hero.is-success .header-icon.is-active, .hero.is-success .header-item > a:not(.button):hover, .hero.is-success .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.5
}
.hero.is-success .tabs a:hover {
  opacity: 1
}
.hero.is-success .tabs li.is-active a {
  opacity: 1
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background: #fff;
  color: #97cd76
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-success .header-toggle span {
    background: #fff
  }
  .hero.is-success .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-success .header-toggle.is-active span {
    background: #fff
  }
  .hero.is-success .header-menu {
    background: #97cd76
  }
  .hero.is-success .header-menu .header-item {
    border-top-color: rgba(255, 255, 255, 0.2)
  }
}
.hero.is-warning {
  background: #fce473;
  color: rgba(0, 0, 0, 0.5)
}
.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.5)
}
.hero.is-warning .title a, .hero.is-warning .title strong {
  color: inherit
}
.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.7)
}
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.5)
}
.hero.is-warning .header .container {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}
.hero.is-warning .header-icon, .hero.is-warning .header-item > a:not(.button) {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.5
}
.hero.is-warning .header-icon:hover, .hero.is-warning .header-icon.is-active, .hero.is-warning .header-item > a:not(.button):hover, .hero.is-warning .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.5
}
.hero.is-warning .tabs a:hover {
  opacity: 1
}
.hero.is-warning .tabs li.is-active a {
  opacity: 1
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.5)
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fce473
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-warning .header-toggle span {
    background: rgba(0, 0, 0, 0.5)
  }
  .hero.is-warning .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-warning .header-toggle.is-active span {
    background: rgba(0, 0, 0, 0.5)
  }
  .hero.is-warning .header-menu {
    background: #fce473
  }
  .hero.is-warning .header-menu .header-item {
    border-top-color: rgba(0, 0, 0, 0.2)
  }
}
.hero.is-danger {
  background: #ed6c63;
  color: #fff
}
.hero.is-danger .title {
  color: #fff
}
.hero.is-danger .title a, .hero.is-danger .title strong {
  color: inherit
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.7)
}
.hero.is-danger .subtitle strong {
  color: #fff
}
.hero.is-danger .header .container {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
}
.hero.is-danger .header-icon, .hero.is-danger .header-item > a:not(.button) {
  color: #fff;
  opacity: 0.5
}
.hero.is-danger .header-icon:hover, .hero.is-danger .header-icon.is-active, .hero.is-danger .header-item > a:not(.button):hover, .hero.is-danger .header-item > a:not(.button).is-active {
  opacity: 1
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.5
}
.hero.is-danger .tabs a:hover {
  opacity: 1
}
.hero.is-danger .tabs li.is-active a {
  opacity: 1
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background: rgba(0, 0, 0, 0.1)
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background: #fff;
  color: #ed6c63
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%)
}
@media screen and (max-width: 768px) {
  .hero.is-danger .header-toggle span {
    background: #fff
  }
  .hero.is-danger .header-toggle:hover {
    background: rgba(0, 0, 0, 0.1)
  }
  .hero.is-danger .header-toggle.is-active span {
    background: #fff
  }
  .hero.is-danger .header-menu {
    background: #ed6c63
  }
  .hero.is-danger .header-menu .header-item {
    border-top-color: rgba(255, 255, 255, 0.2)
  }
}
@media screen and (min-width: 769px) {
  .hero.is-fullheight .tabs, .hero.is-large .tabs {
    font-size: 18px
  }
}
@media screen and (min-width: 769px) {
  .hero.is-medium .hero-content {
    padding: 120px 20px
  }
}
@media screen and (min-width: 980px) {
  .hero.is-medium .hero-content {
    padding: 120px 0
  }
}
.hero.is-large .tabs a {
  padding: 10px 15px
}
@media screen and (min-width: 769px) {
  .hero.is-large .hero-content {
    padding: 240px 20px
  }
}
@media screen and (min-width: 980px) {
  .hero.is-large .hero-content {
    padding: 240px 0
  }
}
.hero.is-fullheight {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh
}
.hero.is-fullheight .tabs a {
  padding: 15px 20px
}
.hero.is-fullheight .hero-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center
}
.hero.is-left {
  text-align: left
}
.hero.is-right {
  text-align: right
}
.section {
  background: white;
  padding: 40px 20px
}
.section + .section {
  border-top: 1px solid rgba(211, 214, 219, 0.5)
}
@media screen and (min-width: 980px) {
  .section {
    padding: 40px 0
  }
  .section.is-medium {
    padding: 120px 0
  }
  .section.is-large {
    padding: 240px 0
  }
}
.footer {
  background: #f5f7fa;
  padding: 40px 20px 80px
}
.footer a {
  color: #69707a
}
.footer a:hover {
  color: #222324
}
.footer a:not(.icon) {
  border-bottom: 1px solid #d3d6db
}
.footer a:not(.icon):hover {
  border-bottom-color: #1fc8db
} /*! Modified from font-awesome helper CSS classes - PIXEDEN
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (CSS: MIT License)
 */ .pe-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%
}
.pe-2x {
  font-size: 2em
}
.pe-3x {
  font-size: 3em
}
.pe-4x {
  font-size: 4em
}
.pe-5x {
  font-size: 5em
}
.pe-fw {
  width: 1.2857142857142858em;
  text-align: center
}
.pe-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none
}
.pe-ul > li {
  position: relative
}
.pe-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center
}
.pe-li.pe-lg {
  left: -1.8571428571428572em
}
.pe-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em
}
.pull-right {
  float: right
}
.pull-left {
  float: left
}
.pe.pull-left {
  margin-right: .3em
}
.pe.pull-right {
  margin-left: .3em
}
.pe-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}
.pe-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
.pe-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.pe-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}
.pe-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.pe-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1)
}
.pe-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}
.pe-stack-1x, .pe-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}
.pe-stack-1x {
  line-height: inherit
}
.pe-stack-2x {
  font-size: 2em
}
.pe-inverse {
  color: #ffffff
}
.pe-va {
  vertical-align: middle
}
.pe-border {
  border: solid 0.08em #eaeaea
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
  display: inline-block
}
@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url("../fonts/icon-7-stroke/Pe-icon-7-stroke.eot?d7yf1v");
  src: url("../fonts/icon-7-stroke/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../fonts/icon-7-stroke/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../fonts/icon-7-stroke/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../fonts/icon-7-stroke/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
  display: inline-block;
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.pe-7s-album:before {
  content: "\e6aa"
}
.pe-7s-arc:before {
  content: "\e6ab"
}
.pe-7s-back-2:before {
  content: "\e6ac"
}
.pe-7s-bandaid:before {
  content: "\e6ad"
}
.pe-7s-car:before {
  content: "\e6ae"
}
.pe-7s-diamond:before {
  content: "\e6af"
}
.pe-7s-door-lock:before {
  content: "\e6b0"
}
.pe-7s-eyedropper:before {
  content: "\e6b1"
}
.pe-7s-female:before {
  content: "\e6b2"
}
.pe-7s-gym:before {
  content: "\e6b3"
}
.pe-7s-hammer:before {
  content: "\e6b4"
}
.pe-7s-headphones:before {
  content: "\e6b5"
}
.pe-7s-helm:before {
  content: "\e6b6"
}
.pe-7s-hourglass:before {
  content: "\e6b7"
}
.pe-7s-leaf:before {
  content: "\e6b8"
}
.pe-7s-magic-wand:before {
  content: "\e6b9"
}
.pe-7s-male:before {
  content: "\e6ba"
}
.pe-7s-map-2:before {
  content: "\e6bb"
}
.pe-7s-next-2:before {
  content: "\e6bc"
}
.pe-7s-paint-bucket:before {
  content: "\e6bd"
}
.pe-7s-pendrive:before {
  content: "\e6be"
}
.pe-7s-photo:before {
  content: "\e6bf"
}
.pe-7s-piggy:before {
  content: "\e6c0"
}
.pe-7s-plugin:before {
  content: "\e6c1"
}
.pe-7s-refresh-2:before {
  content: "\e6c2"
}
.pe-7s-rocket:before {
  content: "\e6c3"
}
.pe-7s-settings:before {
  content: "\e6c4"
}
.pe-7s-shield:before {
  content: "\e6c5"
}
.pe-7s-smile:before {
  content: "\e6c6"
}
.pe-7s-usb:before {
  content: "\e6c7"
}
.pe-7s-vector:before {
  content: "\e6c8"
}
.pe-7s-wine:before {
  content: "\e6c9"
}
.pe-7s-cloud-upload:before {
  content: "\e68a"
}
.pe-7s-cash:before {
  content: "\e68c"
}
.pe-7s-close:before {
  content: "\e680"
}
.pe-7s-bluetooth:before {
  content: "\e68d"
}
.pe-7s-cloud-download:before {
  content: "\e68b"
}
.pe-7s-way:before {
  content: "\e68e"
}
.pe-7s-close-circle:before {
  content: "\e681"
}
.pe-7s-id:before {
  content: "\e68f"
}
.pe-7s-angle-up:before {
  content: "\e682"
}
.pe-7s-wristwatch:before {
  content: "\e690"
}
.pe-7s-angle-up-circle:before {
  content: "\e683"
}
.pe-7s-world:before {
  content: "\e691"
}
.pe-7s-angle-right:before {
  content: "\e684"
}
.pe-7s-volume:before {
  content: "\e692"
}
.pe-7s-angle-right-circle:before {
  content: "\e685"
}
.pe-7s-users:before {
  content: "\e693"
}
.pe-7s-angle-left:before {
  content: "\e686"
}
.pe-7s-user-female:before {
  content: "\e694"
}
.pe-7s-angle-left-circle:before {
  content: "\e687"
}
.pe-7s-up-arrow:before {
  content: "\e695"
}
.pe-7s-angle-down:before {
  content: "\e688"
}
.pe-7s-switch:before {
  content: "\e696"
}
.pe-7s-angle-down-circle:before {
  content: "\e689"
}
.pe-7s-scissors:before {
  content: "\e697"
}
.pe-7s-wallet:before {
  content: "\e600"
}
.pe-7s-safe:before {
  content: "\e698"
}
.pe-7s-volume2:before {
  content: "\e601"
}
.pe-7s-volume1:before {
  content: "\e602"
}
.pe-7s-voicemail:before {
  content: "\e603"
}
.pe-7s-video:before {
  content: "\e604"
}
.pe-7s-user:before {
  content: "\e605"
}
.pe-7s-upload:before {
  content: "\e606"
}
.pe-7s-unlock:before {
  content: "\e607"
}
.pe-7s-umbrella:before {
  content: "\e608"
}
.pe-7s-trash:before {
  content: "\e609"
}
.pe-7s-tools:before {
  content: "\e60a"
}
.pe-7s-timer:before {
  content: "\e60b"
}
.pe-7s-ticket:before {
  content: "\e60c"
}
.pe-7s-target:before {
  content: "\e60d"
}
.pe-7s-sun:before {
  content: "\e60e"
}
.pe-7s-study:before {
  content: "\e60f"
}
.pe-7s-stopwatch:before {
  content: "\e610"
}
.pe-7s-star:before {
  content: "\e611"
}
.pe-7s-speaker:before {
  content: "\e612"
}
.pe-7s-signal:before {
  content: "\e613"
}
.pe-7s-shuffle:before {
  content: "\e614"
}
.pe-7s-shopbag:before {
  content: "\e615"
}
.pe-7s-share:before {
  content: "\e616"
}
.pe-7s-server:before {
  content: "\e617"
}
.pe-7s-search:before {
  content: "\e618"
}
.pe-7s-film:before {
  content: "\e6a5"
}
.pe-7s-science:before {
  content: "\e619"
}
.pe-7s-disk:before {
  content: "\e6a6"
}
.pe-7s-ribbon:before {
  content: "\e61a"
}
.pe-7s-repeat:before {
  content: "\e61b"
}
.pe-7s-refresh:before {
  content: "\e61c"
}
.pe-7s-add-user:before {
  content: "\e6a9"
}
.pe-7s-refresh-cloud:before {
  content: "\e61d"
}
.pe-7s-paperclip:before {
  content: "\e69c"
}
.pe-7s-radio:before {
  content: "\e61e"
}
.pe-7s-note2:before {
  content: "\e69d"
}
.pe-7s-print:before {
  content: "\e61f"
}
.pe-7s-network:before {
  content: "\e69e"
}
.pe-7s-prev:before {
  content: "\e620"
}
.pe-7s-mute:before {
  content: "\e69f"
}
.pe-7s-power:before {
  content: "\e621"
}
.pe-7s-medal:before {
  content: "\e6a0"
}
.pe-7s-portfolio:before {
  content: "\e622"
}
.pe-7s-like2:before {
  content: "\e6a1"
}
.pe-7s-plus:before {
  content: "\e623"
}
.pe-7s-left-arrow:before {
  content: "\e6a2"
}
.pe-7s-play:before {
  content: "\e624"
}
.pe-7s-key:before {
  content: "\e6a3"
}
.pe-7s-plane:before {
  content: "\e625"
}
.pe-7s-joy:before {
  content: "\e6a4"
}
.pe-7s-photo-gallery:before {
  content: "\e626"
}
.pe-7s-pin:before {
  content: "\e69b"
}
.pe-7s-phone:before {
  content: "\e627"
}
.pe-7s-plug:before {
  content: "\e69a"
}
.pe-7s-pen:before {
  content: "\e628"
}
.pe-7s-right-arrow:before {
  content: "\e699"
}
.pe-7s-paper-plane:before {
  content: "\e629"
}
.pe-7s-delete-user:before {
  content: "\e6a7"
}
.pe-7s-paint:before {
  content: "\e62a"
}
.pe-7s-bottom-arrow:before {
  content: "\e6a8"
}
.pe-7s-notebook:before {
  content: "\e62b"
}
.pe-7s-note:before {
  content: "\e62c"
}
.pe-7s-next:before {
  content: "\e62d"
}
.pe-7s-news-paper:before {
  content: "\e62e"
}
.pe-7s-musiclist:before {
  content: "\e62f"
}
.pe-7s-music:before {
  content: "\e630"
}
.pe-7s-mouse:before {
  content: "\e631"
}
.pe-7s-more:before {
  content: "\e632"
}
.pe-7s-moon:before {
  content: "\e633"
}
.pe-7s-monitor:before {
  content: "\e634"
}
.pe-7s-micro:before {
  content: "\e635"
}
.pe-7s-menu:before {
  content: "\e636"
}
.pe-7s-map:before {
  content: "\e637"
}
.pe-7s-map-marker:before {
  content: "\e638"
}
.pe-7s-mail:before {
  content: "\e639"
}
.pe-7s-mail-open:before {
  content: "\e63a"
}
.pe-7s-mail-open-file:before {
  content: "\e63b"
}
.pe-7s-magnet:before {
  content: "\e63c"
}
.pe-7s-loop:before {
  content: "\e63d"
}
.pe-7s-look:before {
  content: "\e63e"
}
.pe-7s-lock:before {
  content: "\e63f"
}
.pe-7s-lintern:before {
  content: "\e640"
}
.pe-7s-link:before {
  content: "\e641"
}
.pe-7s-like:before {
  content: "\e642"
}
.pe-7s-light:before {
  content: "\e643"
}
.pe-7s-less:before {
  content: "\e644"
}
.pe-7s-keypad:before {
  content: "\e645"
}
.pe-7s-junk:before {
  content: "\e646"
}
.pe-7s-info:before {
  content: "\e647"
}
.pe-7s-home:before {
  content: "\e648"
}
.pe-7s-help2:before {
  content: "\e649"
}
.pe-7s-help1:before {
  content: "\e64a"
}
.pe-7s-graph3:before {
  content: "\e64b"
}
.pe-7s-graph2:before {
  content: "\e64c"
}
.pe-7s-graph1:before {
  content: "\e64d"
}
.pe-7s-graph:before {
  content: "\e64e"
}
.pe-7s-global:before {
  content: "\e64f"
}
.pe-7s-gleam:before {
  content: "\e650"
}
.pe-7s-glasses:before {
  content: "\e651"
}
.pe-7s-gift:before {
  content: "\e652"
}
.pe-7s-folder:before {
  content: "\e653"
}
.pe-7s-flag:before {
  content: "\e654"
}
.pe-7s-filter:before {
  content: "\e655"
}
.pe-7s-file:before {
  content: "\e656"
}
.pe-7s-expand1:before {
  content: "\e657"
}
.pe-7s-exapnd2:before {
  content: "\e658"
}
.pe-7s-edit:before {
  content: "\e659"
}
.pe-7s-drop:before {
  content: "\e65a"
}
.pe-7s-drawer:before {
  content: "\e65b"
}
.pe-7s-download:before {
  content: "\e65c"
}
.pe-7s-display2:before {
  content: "\e65d"
}
.pe-7s-display1:before {
  content: "\e65e"
}
.pe-7s-diskette:before {
  content: "\e65f"
}
.pe-7s-date:before {
  content: "\e660"
}
.pe-7s-cup:before {
  content: "\e661"
}
.pe-7s-culture:before {
  content: "\e662"
}
.pe-7s-crop:before {
  content: "\e663"
}
.pe-7s-credit:before {
  content: "\e664"
}
.pe-7s-copy-file:before {
  content: "\e665"
}
.pe-7s-config:before {
  content: "\e666"
}
.pe-7s-compass:before {
  content: "\e667"
}
.pe-7s-comment:before {
  content: "\e668"
}
.pe-7s-coffee:before {
  content: "\e669"
}
.pe-7s-cloud:before {
  content: "\e66a"
}
.pe-7s-clock:before {
  content: "\e66b"
}
.pe-7s-check:before {
  content: "\e66c"
}
.pe-7s-chat:before {
  content: "\e66d"
}
.pe-7s-cart:before {
  content: "\e66e"
}
.pe-7s-camera:before {
  content: "\e66f"
}
.pe-7s-call:before {
  content: "\e670"
}
.pe-7s-calculator:before {
  content: "\e671"
}
.pe-7s-browser:before {
  content: "\e672"
}
.pe-7s-box2:before {
  content: "\e673"
}
.pe-7s-box1:before {
  content: "\e674"
}
.pe-7s-bookmarks:before {
  content: "\e675"
}
.pe-7s-bicycle:before {
  content: "\e676"
}
.pe-7s-bell:before {
  content: "\e677"
}
.pe-7s-battery:before {
  content: "\e678"
}
.pe-7s-ball:before {
  content: "\e679"
}
.pe-7s-back:before {
  content: "\e67a"
}
.pe-7s-attention:before {
  content: "\e67b"
}
.pe-7s-anchor:before {
  content: "\e67c"
}
.pe-7s-albums:before {
  content: "\e67d"
}
.pe-7s-alarm:before {
  content: "\e67e"
}
.pe-7s-airplay:before {
  content: "\e67f"
}
@font-face {
  font-family: "Texgyreheros";
  src: url("../fonts/texgyreschola/texgyreheros-bold.ttf");
  font-weight: bold
}
@font-face {
  font-family: "Texgyreheros";
  src: url("../fonts/texgyreschola/texgyreheros-regular.ttf");
  font-weight: normal
}
html {
  height: 100%;
  background: #fff
}
body {
  height: 100%;
  padding: 0 35px;
  font-family: "Texgyreheros", Helvetica, sans-serif;
  transition: all 0.5s
}
@media (max-width: 991px) {
  body {
    padding: 0
  }
}
input, select {
  outline: none !important
}
a {
  color: #00692D
}
.is-hide {
  display: none
}
.immagine img {
  width: 100%
}
.page {
  width: 100%;
  height: 100%;
  background-color: #F3EEE8
}
.page .topbar {
  float: left;
  width: calc(100% - 70px);
  height: 35px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 35px;
  z-index: 10
}
@media (max-width: 991px) {
  .page .topbar {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    padding-right: 15px
  }
}
@media (max-width: 500px) {
  .page .topbar {
    padding-right: 5px
  }
}
.page .topbar ul {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0
}
.page .topbar ul li {
  display: inline;
  position: relative
}
.page .topbar ul li a {
  color: #464341;
  font-size: 12px;
  letter-spacing: 1px
}
@media only screen and (max-width: 360px) {
  .page .topbar ul li a {
    font-size: 11px
  }
}
.page .topbar ul li img {
  max-height: 15px;
  margin-top: 3px
}
.page .topbar .topbar-column {
  width: auto;
  float: right;
  height: 20px;
  line-height: 20px;
  margin: 8px 20px
}
@media (max-width: 991px) {
  .page .topbar .topbar-column {
    margin-top: 4px
  }
}
@media (max-width: 500px) {
  .page .topbar .topbar-column {
    margin: 5px
  }
}
.page .topbar #loghi {
  margin-right: 0;
  padding-right: 40px;
  border-right: 1px solid #333
}
@media (max-width: 500px) {
  .page .topbar #loghi {
    padding-right: 10px
  }
}
@media (max-width: 360px) {
  .page .topbar #loghi {
    padding-right: 0
  }
}
.page .topbar #loghi li {
  margin-right: 20px
}
@media (max-width: 500px) {
  .page .topbar #loghi li {
    margin-right: 0;
    padding-right: 10px
  }
}
@media (max-width: 360px) {
  .page .topbar #loghi li {
    padding-right: 5px
  }
}
.page .topbar #loghi li:last-child {
  margin-right: 0
}
@media (max-width: 500px) {
  .page .topbar #loghi li:last-child {
    padding-right: 5px
  }
}
.page .topbar #loghi li img {
  transition: all 0.5s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}
.page .topbar #loghi li:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%)
}
.page .topbar #loghi li#logo-durabond {
  width: 85px;
  height: 15px
}
.page .topbar #loghi li#logo-abc {
  width: 37px;
  height: 15px
}
.page .topbar #loghi li#logo-abc img {
  -webkit-filter: grayscale(100%) brightness(6%);
  filter: grayscale(100%) brightness(6%)
}
.page .topbar #loghi li#logo-abc:hover img {
  -webkit-filter: grayscale(0%) brightness(100%);
  filter: grayscale(0%) brightness(100%)
}
.page .topbar #news {
  line-height: 18px;
  margin-left: 40px
}
@media (max-width: 500px) {
  .page .topbar #news {
    margin-left: 10px
  }
}
@media (max-width: 320px) {
  .page .topbar #news {
    margin-left: 6px
  }
}
.page .topbar #social {
  border-right: 1px solid #333;
  padding-right: 40px;
  margin-right: 0
}
@media (max-width: 500px) {
  .page .topbar #social {
    padding-right: 10px
  }
}
.page .topbar #social li {
  margin-right: 8px
}
@media (max-width: 500px) {
  .page .topbar #social li {
    margin-right: 5px
  }
}
@media (max-width: 360px) {
  .page .topbar #social li {
    margin-right: 1px
  }
}
.page .topbar #social li:last-child {
  margin-right: 0
}
.page .topbar #social li img {
  width: 15px;
  height: 15px
}
.page .topbar #lingue {
  list-style: outside none none;
  margin-right: 0;
  padding: 0
}
@media (max-width: 500px) {
  .page .topbar #lingue {
    margin-left: 0
  }
}
.page .topbar #lingue li {
  float: right;
  position: relative
}
.page .topbar #lingue li a {
  float: left;
  margin-left: 10px;
  padding-left: 12px;
  position: relative
}
@media (max-width: 500px) {
  .page .topbar #lingue li a {
    margin-left: 5px;
    padding-left: 5px
  }
}
.page .topbar #lingue li a::before {
  color: #888;
  content: "-";
  font-family: Open sans;
  font-size: 12px;
  position: absolute;
  right: -16px;
  top: 0
}
@media (max-width: 500px) {
  .page .topbar #lingue li a::before {
    content: ""
  }
}
.page .topbar #lingue li a:last-child::before {
  content: ""
}
.page .contenitore {
  float: left;
  width: 100%;
  height: 100%;
  background: #F3EEE8;
  position: relative;
  margin-top: 35px
}
@media (max-width: 991px) {
  .page .contenitore {
    margin-top: 30px
  }
}
.page .contenitore .sidebar {
  float: left;
  width: 320px;
  height: calc(100% - 75px);
  border-right: 1px solid #888;
  position: fixed;
  left: 35px;
  right: 0;
  z-index: 9999;
  transition: all 0.5s;
  background-color: #F3EEE8
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar {
    width: 220px
  }
}
@media (max-width: 991px) {
  .page .contenitore .sidebar {
    display: none
  }
}
.page .contenitore .sidebar #logo-wrapper {
  float: left;
  width: 100%;
  height: 180px;
  padding: 10px 15px;
  border-bottom: 1px solid #888
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar #logo-wrapper {
    height: 160px
  }
}
.page .contenitore .sidebar #logo-wrapper #logo {
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  text-align: center
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar #logo-wrapper #logo {
    padding-top: 25px
  }
}
.page .contenitore .sidebar #logo-wrapper #logo img {
  width: 220px;
  height: 70px
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .page .contenitore .sidebar #logo-wrapper #logo img {
    width: 189px;
    height: 56px
  }
}
.page .contenitore .sidebar #logo-wrapper #logo #group918 {
  width: 60%;
  margin: 16px auto 0;
  border-top: 1px solid #858483;
  padding-top: 15px
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar #logo-wrapper #logo #group918 {
    margin-top: 8px;
    padding-top: 10px
  }
}
.page .contenitore .sidebar #logo-wrapper #logo #group918 a {
  color: #858483;
  font-weight: bold
}
.page .contenitore .sidebar .mappa {
  float: left;
  width: 100%;
  height: calc(100% - 180px);
  position: relative
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar .mappa {
    height: calc(100% - 160px)
  }
}
.page .contenitore .sidebar .mappa #rete-commerciale {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px;
  background: #9D988F;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  z-index: 99999
}
.page .contenitore .sidebar .mappa #mappa-wrapper {
  width: 319px;
  margin-left: 35px;
  padding-right: 0;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 215px;
  height: calc(100% - 255px);
  z-index: 9999;
  background-color: #fff;
  overflow: hidden
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .sidebar .mappa #mappa-wrapper {
    width: 219px;
    height: calc(100% - 235px);
    top: 195px
  }
}
.page .contenitore .sidebar .mappa #mappa-contenitore {
  width: 100%;
  height: 100%;
  background-color: #F3EEE8;
  position: relative
}
.page .contenitore .sidebar .mappa #vmap-container {
  position: relative;
  float: left;
  height: 100%;
  cursor: pointer !important
}
.page .contenitore .sidebar .mappa .apri-mappa {
  height: 31px;
  width: 31px;
  background: url("../img/sidebar_button.png") center center no-repeat;
  transform: translateY(-50%);
  position: absolute;
  top: 45%;
  right: 0;
  z-index: 1067
}
.page .contenitore .sidebar .mappa .aperto {
  background: url("../img/sidebar_button_2.png") center center no-repeat !important
}
.page .contenitore .sidebar .mappa #wrapper-nominativi {
  height: 100%;
  position: relative;
  float: left;
  border-right: 1px solid;
  overflow: scroll;
  margin: 0;
  padding: 0
}
.page .contenitore .sidebar .mappa #wrapper-nominativi:hover {
  overflow: scroll
}
.page .contenitore .sidebar .mappa #content-nominativi {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-family: "Source Serif Pro", serif
}
.page .contenitore .sidebar .mappa #wrapper-nominativi #content-nominativi .gruppo-nominativo {
  position: relative;
  float: left;
  width: 100%;
  height: auto
}
.page .contenitore .sidebar .mappa .nominativo {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 20px 10px;
  margin: 0;
  font-family: "Texgyreheros", Helvetica, sans-serif
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-image {
  float: left;
  width: 25%
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-image img {
  width: 74.75px;
  height: 74.75px
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .page .contenitore .sidebar .mappa .nominativo .wrapper-image img {
    width: 49.75px;
    height: 49.75px
  }
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-info {
  float: right;
  width: 70%;
  text-align: left
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-info h4 {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #313131
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-info h5 {
  float: left;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  margin: 5px 0;
  line-height: 20px
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-info h6 {
  float: left;
  width: 100%;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 20px;
  color: #555
}
.page .contenitore .sidebar .mappa .nominativo .wrapper-info h6 a {
  color: #00692D
}
.page .contenitore .sidebar .mappa .coloreVerde {
  background-color: #008338 !important;
  color: white !important
}
.page .contenitore .sidebar .mappa .coloreVerde .wrapper-info h4 {
  color: white !important
}
.page .contenitore .sidebar .mappa .coloreVerde .wrapper-info h6 {
  color: #F3EEE8 !important
}
.page .contenitore .sidebar .mappa .coloreVerde .wrapper-info h6 a {
  color: #F3EEE8 !important
}
.page .contenitore .sidebar .mappa .is-full-width {
  width: 100% !important
}
.page .contenitore .sidebar .mappa .no-border {
  border: 0 !important
}
.page .contenitore .sidebar .mappa .gruppo-title {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  padding: 10px;
  background-color: #00692D;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase
}
.page .contenitore .sidebar .mappa .gruppo-subtitle {
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #888;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
  color: #00692D
}
.page .contenitore .content {
  float: right;
  width: calc(100% - 320px);
  height: calc(100% - 75px);
  position: relative;
  padding-top: 180px;
  transition: all 0.5s;
  background-color: #F3EEE8
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .content {
    width: calc(100% - 220px);
    padding-top: 160px
  }
}
@media (max-width: 991px) {
  .page .contenitore .content {
    width: 100%;
    height: calc(100% - 170px);
    padding-top: 0
  }
}
.page .contenitore .content .header-mobile {
  display: none;
  float: left;
  width: 100%;
  height: 100px;
  background: #F3EEE8;
  padding: 15px
}
@media (max-width: 991px) {
  .page .contenitore .content .header-mobile {
    display: block
  }
}
.page .contenitore .content .header-mobile .logo {
  float: left;
  width: 60%
}
@media (max-width: 991px) {
  .page .contenitore .content .header-mobile .logo {
    width: auto
  }
}
.page .contenitore .content .header-mobile .logo img {
  max-height: 48px
}
.page .contenitore .content .header-mobile #group918 {
  width: 100%;
  margin-top: 4px;
  border-top: 1px solid #858483;
  padding-top: 2px;
  text-align: center;
  font-size: 12px
}
.page .contenitore .content .header-mobile #group918 a {
  color: #858483;
  font-weight: bold
}
.page .contenitore .content .menu-mobile {
  display: none;
  float: left;
  width: 100%;
  height: auto;
  padding: 15px;
  background: #00692D
}
.page .contenitore .content .menu-mobile a {
  float: left;
  width: 100%;
  text-align: center;
  color: white;
  padding-bottom: 10px;
  border-bottom: 1px solid #008338;
  margin-bottom: 10px;
  font-family: "Texgyreheros", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px
}
.page .contenitore .content .menu-mobile a:last-child {
  padding-bottom: 0;
  border: 0;
  margin-bottom: 0
}
.page .contenitore .content .menu {
  float: right;
  width: calc(100% - 320px - 35px - 35px);
  height: 180px;
  border: 0;
  border-radius: 0;
  background-image: url("../img/menu-background.jpg");
  background-size: cover;
  border-bottom: 1px solid #888;
  position: fixed;
  top: 35px;
  left: 355px;
  transition: all 0.5s;
  z-index: 10
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .content .menu {
    width: calc(100% - 220px - 5px - 35px - 35px);
    left: 255px;
    height: 160px
  }
}
@media (max-width: 991px) {
  .page .contenitore .content .menu {
    display: none
  }
}
.page .contenitore .content .menu .item {
  float: left;
  width: 16.666666666666664%;
  height: 100%;
  transition: all 250ms linear;
  line-height: 28px;
  box-sizing: border-box;
  overflow: hidden;
  border-right: 1px solid #888;
  transition: all 0.5s
}
.page .contenitore .content .menu .item:last-child {
  border-right: 0
}
.page .contenitore .content .menu .item .hover {
  float: left;
  width: 100%;
  height: calc(180px - 1px - 55px);
  background: #F3EEE8;
  border-bottom: 1px solid #888;
  transition: all 0.5s
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .content .menu .item .hover {
    height: calc(160px - 1px - 55px)
  }
}
.page .contenitore .content .menu .item .hover-active {
  background: transparent !important
}
.page .contenitore .content .menu .item span {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 55px;
  height: 55px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  font-family: "Texgyreheros", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  transition: all 0.5s
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .content .menu .item span {
    font-size: 14px
  }
}
.page .contenitore .content .menu .item:nth-child(3) span, .page .contenitore .content .menu .item:nth-child(4) span, .page .contenitore .content .menu .item:nth-child(5) span {
  line-height: 20px !important;
  font-size: 16px !important;
  padding: 6px 0
}
@media (min-width: 992px) and (max-width: 1024px) {
  .page .contenitore .content .menu .item:nth-child(3) span, .page .contenitore .content .menu .item:nth-child(4) span, .page .contenitore .content .menu .item:nth-child(5) span {
    font-size: 14px !important
  }
}
.page .contenitore .content .menu .item .span-active {
  background-color: #fff !important
}
.page .contenitore .content .menu .item:hover .hover {
  background: transparent !important
}
.page .contenitore .content .menu .item:hover span {
  color: #444342
}
.page .contenitore .content .section {
  float: left;
  width: 100%;
  padding: 45px;
  background: #F3EEE8
}
@media (max-width: 480px) {
  .page .contenitore .content .section {
    padding: 20px
  }
}
.page .contenitore .content .space {
  float: left;
  width: 100%;
  height: 35px;
  background: #F3EEE8
}
.page .contenitore .content #intro-mappa-mobile {
  float: left;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 10px auto;
  text-align: center;
  background: #F3EEE8;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  display: none
}
@media (max-width: 991px) {
  .page .contenitore .content #intro-mappa-mobile {
    display: block
  }
}
.page .contenitore .content #mappa-mobile {
  float: left;
  width: 100%;
  height: 260px;
  display: none
}
@media (max-width: 991px) {
  .page .contenitore .content #mappa-mobile {
    display: block
  }
}
.page .contenitore .content #apri-nominativi {
  float: left;
  width: 100%;
  padding: 10px 0 80px;
  background-color: #F3EEE8;
  margin-bottom: 40px;
  font-family: "Source Serif Pro", serif;
  font-weight: bold;
  text-align: center;
  color: #00692D;
  display: none
}
@media (max-width: 991px) {
  .page .contenitore .content #apri-nominativi {
    display: block
  }
}
.page .contenitore .content #apri-nominativi span {
  padding: 10px 30px;
  background: #00692D;
  color: white
}
.page .contenitore .content #content-nominativi {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  font-family: "Source Serif Pro", serif;
  background: #F3EEE8;
  margin-bottom: 40px;
  display: none;
  transition: all 0.5s
}
@media (max-width: 991px) {
  .page .contenitore .content #content-nominativi {
    display: block
  }
}
.page .contenitore .content #content-nominativi .gruppo-nominativo {
  position: relative;
  float: left;
  width: 100%;
  height: auto
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 20px 10px;
  margin: 0;
  font-family: "Texgyreheros", Helvetica, sans-serif
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-image {
  float: left;
  width: 10%
}
@media (max-width: 480px) {
  .page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-image {
    width: 25%
  }
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info {
  float: right;
  width: 86%;
  text-align: left
}
@media (max-width: 480px) {
  .page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info {
    width: 70%
  }
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info h4 {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #313131;
  margin: 0
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info h5 {
  float: left;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  margin: 5px 0;
  line-height: 20px
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info h6 {
  float: left;
  width: 100%;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  margin: 0
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .nominativo .wrapper-info h6 a {
  color: #00692D
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .is-full-width {
  width: 100% !important
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .no-border {
  border: 0 !important
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .gruppo-title {
  float: left;
  width: 100%;
  height: auto;
  display: flex;
  padding: 10px;
  background-color: #00692D;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase
}
.page .contenitore .content #content-nominativi .gruppo-nominativo .gruppo-subtitle {
  float: left;
  width: 100%;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #888;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
  color: #00692D
}
.page .footer {
  clear: both;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #00692D;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0 35px !important;
  color: white;
  text-align: right;
  font-size: 11px;
  letter-spacing: 1px;
  z-index: 9999
}
@media only screen and (max-width: 360px) {
  .page .footer {
    font-size: 10px;
    text-align: center;
    padding: 0 !important
  }
}
.page .footer a {
  color: #fff;
  text-decoration: none;
  border-bottom-color: transparent
}
.page .footer a:hover {
  border-bottom-color: #d3d6db
}
.cookiebanner {
  min-height: 40px !important
}
.section-title {
  float: left;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #00692D;
  margin-bottom: 5px
}
.section-title h2 {
  font-family: "Source Serif Pro", serif;
  font-size: 36px;
  font-weight: bold;
  color: #00692D;
  margin: 0;
  padding-bottom: 25px
}
@media (max-width: 991px) {
  .section-title h2 {
    font-size: 30px
  }
}
@media (max-width: 480px) {
  .section-title h2 {
    font-size: 24px
  }
}
.section-title h2 span {
  font-size: 22px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  margin-top: 10px;
  margin-left: 20px
}
.is-half-width-left {
  float: left;
  width: 50%;
  margin-right: 5%
}
@media (max-width: 991px) {
  .is-half-width-left {
    width: 100%;
    margin: 0
  }
}
.is-half-width-right {
  float: right;
  width: 45%
}
@media (max-width: 991px) {
  .is-half-width-right {
    width: 100%;
    margin: 0
  }
}
.is-full-width {
  float: left;
  width: 100%
}
.is-mobile {
  display: none
}
@media (max-width: 991px) {
  .is-mobile {
    display: block
  }
}
.is-desktop {
  display: block
}
@media (max-width: 991px) {
  .is-desktop {
    display: none
  }
}
.mt-46 {
  margin-top: 46px
}
@media (max-width: 480px) {
  .mt-46 {
    margin-top: 10px
  }
}
#index {
  height: 100%;
  background-color: #fff
}
#index .section {
  padding: 100px 30px
}
#index .intro-animazione {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-image: url("../img/intro-background.jpg");
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
#index .intro-animazione #intro-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/intro-background2.png");
  background-size: cover
}
#index .intro-animazione .animazione {
  width: 80%;
  margin: 0 auto;
  position: relative
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione {
    width: 90%
  }
}
#index .intro-animazione .animazione .rigo {
  width: 100%;
  float: left;
  min-height: 70px;
  line-height: 70px;
  font-size: 19px;
  color: white;
  font-weight: bold
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione .rigo {
    min-height: 50px;
    line-height: 50px;
    font-size: 16px !important
  }
}
#index .intro-animazione .animazione .rigo:hover {
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat
}
#index .intro-animazione .animazione #heading {
  height: 70px;
  line-height: 70px;
  font-family: "Source Serif Pro", serif !important;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: #333333;
  color: white
}
@media (min-width: 1260px) {
  #index .intro-animazione .animazione #heading {
    font-size: 40px
  }
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione #heading {
    height: 50px;
    line-height: 50px;
    font-size: 20px !important
  }
}
@media (max-width: 480px) {
  #index .intro-animazione .animazione #heading {
    font-size: 16px !important
  }
}
@keyframes bgToBottom {
  0% {
    background-position: 0 0%
  }
  100% {
    background-position: 0 100%
  }
}
@keyframes bgToTop {
  0% {
    background-position: 0 100%
  }
  100% {
    background-position: 0 0%
  }
}
#index .intro-animazione .animazione #rigo1 {
  padding-right: 80px;
  text-align: right;
  border-top: 1px solid
}
@media (min-width: 1260px) {
  #index .intro-animazione .animazione #rigo1 {
    padding-right: 200px
  }
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione #rigo1 {
    display: none;
    float: left;
    width: 50%;
    text-align: center;
    padding: 0;
    background-color: #38b77c
  }
}
#index .intro-animazione .animazione #rigo1:hover {
  background-color: #38b77c;
  background-image: url("../img/stringhe/calzature.png");
  animation: bgToBottom 3s linear alternate infinite
}
#index .intro-animazione .animazione #rigo2 {
  padding-left: 40px;
  text-align: left;
  border-top: 1px solid
}
@media (min-width: 1260px) {
  #index .intro-animazione .animazione #rigo2 {
    padding-left: 100px
  }
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione #rigo2 {
    display: none;
    float: right;
    width: 50%;
    text-align: center;
    padding: 0;
    background-color: #74bf46
  }
}
#index .intro-animazione .animazione #rigo2:hover {
  background-color: #74bf46;
  background-image: url("../img/stringhe/pelletteria.png");
  animation: bgToBottom 3s linear alternate infinite
}
#index .intro-animazione .animazione #rigo3 {
  padding-left: 80px;
  text-align: left;
  border-bottom: 1px solid
}
@media (min-width: 1260px) {
  #index .intro-animazione .animazione #rigo3 {
    padding-left: 200px
  }
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione #rigo3 {
    display: none;
    float: left;
    width: 50%;
    text-align: center;
    padding: 0;
    background-color: #92c73e
  }
}
#index .intro-animazione .animazione #rigo3:hover {
  background-color: #92c73e;
  background-image: url("../img/stringhe/nautica.png");
  animation: bgToTop 3s linear alternate infinite
}
#index .intro-animazione .animazione #rigo4 {
  padding-right: 40px;
  text-align: right;
  border-bottom: 1px solid
}
@media (min-width: 1260px) {
  #index .intro-animazione .animazione #rigo4 {
    padding-right: 100px
  }
}
@media (max-width: 991px) {
  #index .intro-animazione .animazione #rigo4 {
    display: none;
    float: right;
    width: 50%;
    text-align: center;
    padding: 0;
    background-color: #80a75a
  }
}
#index .intro-animazione .animazione #rigo4:hover {
  background-color: #80a75a;
  background-image: url("../img/stringhe/arredamento.png");
  animation: bgToTop 3s linear alternate infinite
}
@keyframes animazioneFreccia {
  0% {
    bottom: 70px
  }
  100% {
    bottom: 50px
  }
}
#index .intro-animazione .arrow-down {
  position: absolute;
  bottom: 70px;
  left: calc(50% - 10px);
  animation: animazioneFreccia 1s linear alternate infinite;
  cursor: pointer
}
#index .intro-animazione #tasto-about {
  position: absolute;
  bottom: -1px;
  left: calc(50% - 120px);
  width: 246px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #F3EEE8;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer
}
#index .intro-testo {
  padding: 100px !important
}
@media (max-width: 480px) {
  #index .intro-testo {
    padding: 40px 30px !important
  }
}
#index .intro-testo p {
  font-size: 18px;
  text-align: justify;
  color: #464341
}
@media (min-width: 1260px) {
  #index .intro-testo p {
    font-size: 24px
  }
}
@media (max-width: 480px) {
  #index .intro-testo p {
    font-size: 16px
  }
}
#index .intro-testo p #presentazione {
  font-family: "Source Serif Pro", serif;
  padding-bottom: 4px;
  border-bottom: 1px solid;
  font-weight: bold
}
#index .intro-video {
  float: left;
  width: 100%;
  height: auto;
  padding: 0
}
@media (max-width: 991px) {
  #index .intro-video {
    margin-bottom: 0
  }
}
#index .intro-video iframe {
  width: 100% !important
}
@media (max-width: 480px) {
  #index .intro-video iframe {
    height: 210px !important
  }
}
#index .intro-interviste {
  text-align: center
}
#index .intro-interviste #interviste {
  font-family: "Source Serif Pro", serif;
  background: #00692D;
  color: #fff;
  padding: 10px 40px;
  margin: 0 auto;
  font-size: 26px
}
@media (max-width: 480px) {
  #index .intro-interviste #interviste {
    font-size: 15px
  }
}
#interviste .interviste-wrapper {
  padding-top: 0;
  border: 0
}
#interviste .interviste-wrapper .item {
  float: left;
  width: 50%;
  padding-right: 20px;
  margin-bottom: 40px
}
@media (max-width: 580px) {
  #interviste .interviste-wrapper .item {
    width: 100%
  }
}
#interviste .interviste-wrapper .item h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px
}
#interviste .interviste-wrapper .item h5 {
  font-style: italic
}
#interviste .interviste-wrapper .item .ytplayer {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative
}
#interviste .interviste-wrapper .item .ytplayer iframe, #interviste .interviste-wrapper .item .ytplayer object, #interviste .interviste-wrapper .item .ytplayer embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#about p, #about .testo {
  text-align: justify
}
#about .visione-desktop {
  display: block
}
@media (max-width: 667px) {
  #about .visione-desktop {
    display: none
  }
}
#about .visione-mobile {
  display: none
}
@media (max-width: 667px) {
  #about .visione-mobile {
    display: block
  }
}
#about .section {
  padding: 0;
  border: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative;
  min-height: 580px
}
#about .bg-brown {
  background-color: #4F4643;
  box-shadow: 10px 10px 50px 20px #464341 inset;
  -webkit-box-shadow: inset 0px 35px 35px -35px rgba(0, 0, 0, 0.86), inset 0px -35px 35px -35px rgba(0, 0, 0, 0.86);
  -moz-box-shadow: inset 0px 35px 35px -35px rgba(0, 0, 0, 0.86), inset 0px -35px 35px -35px rgba(0, 0, 0, 0.86);
  box-shadow: inset 0px 35px 35px -35px rgba(0, 0, 0, 0.86), inset 0px -35px 35px -35px rgba(0, 0, 0, 0.86)
}
#about .section-1 {
  background: url("../img/about/sfondo-1.jpg");
  font-family: "Source Serif Pro", serif
}
#about .section-1 .titolo {
  width: 100%;
  position: absolute;
  top: 5%;
  font-size: 53px;
  color: #333;
  text-align: center;
  font-weight: bold
}
#about .section-1 .titolo span {
  color: #00692D;
  font-weight: bold
}
@media (min-width: 668px) and (max-width: 1280px) {
  #about .section-1 .titolo {
    font-size: 40px
  }
}
#about .section-1 #box {
  width: 300px;
  height: auto;
  min-height: 300px;
  border: 1px solid #fff;
  background-color: rgba(79, 70, 67, 0.8);
  position: absolute;
  bottom: 10%;
  right: 5%;
  padding: 20px
}
#about .section-1 #box p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 40px
}
#about .section-1 #box span {
  float: left;
  width: 100%;
  font-size: 90px;
  color: #fff;
  margin: 0;
  line-height: 90px;
  font-weight: bold
}
#about .section-2 {
  font-family: "Source Serif Pro", serif;
  color: #fff
}
#about .section-2 #s2-testo {
  float: left;
  width: 100%;
  margin: 20px 40px
}
#about .section-2 #s2-testo .titolo {
  float: left;
  width: 100%;
  font-size: 74px;
  font-weight: bold
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #about .section-2 #s2-testo .titolo {
    font-size: 52px
  }
}
#about .section-2 #s2-testo .testo {
  float: left;
  width: 40%;
  font-size: 18px
}
#about .section-2 #foto {
  width: 40%;
  height: 50%;
  border: 1px solid #fff;
  position: absolute;
  right: 8%;
  bottom: 10%
}
#about .section-2 #foto .foto {
  max-width: 350px;
  position: absolute
}
#about .section-2 #foto #foto-1 {
  left: 5%;
  top: -30%;
  z-index: 3
}
#about .section-2 #foto #foto-2 {
  right: -14%;
  bottom: 8%;
  z-index: 2
}
#about .section-2 #foto #foto-3 {
  position: absolute;
  left: -30%;
  bottom: -10%;
  z-index: 1
}
#about .section-3 {
  background: url("../img/about/sfondo-3.jpg")
}
#about .section-3 #layer-bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0
}
#about .section-4 {
  background: url("../img/about/sfondo-4.jpg");
  font-family: "Source Serif Pro", serif
}
#about .section-4 #layer {
  width: 100%;
  height: 200%;
  position: absolute;
  left: 0;
  top: -100%;
  background: url("../img/about/sfondo-3-elemento-2.png");
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat
}
#about .section-4 .titolo {
  font-size: 74px;
  font-weight: bold;
  position: absolute;
  top: 5%;
  right: 5%;
  color: #00692D
}
#about .section-4 .testo {
  width: 40%;
  min-width: 400px;
  background-color: rgba(79, 70, 67, 0.8);
  padding: 20px;
  font-size: 18px;
  position: absolute;
  top: 25%;
  right: 5%;
  text-align: justify;
  color: #fff;
  line-height: 1.5
}
#about .section-5 {
  font-family: "Source Serif Pro", serif;
  color: #fff
}
#about .section-5 #box-1, #about .section-5 #box-2 {
  position: absolute;
  top: 25%;
  width: 42%;
  height: 240px;
  border: 1px solid #fff;
  padding: 20px
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #about .section-5 #box-1, #about .section-5 #box-2 {
    width: 42%;
    height: 200px
  }
}
#about .section-5 #box-1 .titolo, #about .section-5 #box-2 .titolo {
  font-size: 60px;
  line-height: 60px;
  color: #fff;
  font-weight: bold
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #about .section-5 #box-1 .titolo, #about .section-5 #box-2 .titolo {
    font-size: 52px
  }
}
#about .section-5 #box-1 .testo, #about .section-5 #box-2 .testo {
  float: left;
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.5
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #about .section-5 #box-1 .testo, #about .section-5 #box-2 .testo {
    font-size: 16px;
    margin-top: 20px
  }
}
#about .section-5 #box-1 {
  left: 5%
}
#about .section-5 #box-2 {
  right: 5%
}
#about .section-6 {
  background: url("../img/about/sfondo-7.jpg");
  font-family: "Source Serif Pro", serif;
  color: #fff
}
#about .section-6 #box-testo {
  position: absolute;
  top: 18%;
  right: 10%;
  width: 36%;
  min-width: 370px;
  min-height: 345px;
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(79, 70, 67, 0.8)
}
#about .section-6 #box-testo .titolo {
  font-size: 57px;
  line-height: 57px;
  font-weight: bold
}
#about .section-6 #box-testo .testo {
  float: left;
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.5
}
#about .section-7 {
  font-family: "Source Serif Pro", serif;
  color: #fff;
  min-height: 680px
}
#about .section-7 #s7-foto {
  float: left;
  width: 46%;
  height: 444px;
  margin-top: 10%;
  margin-left: 2%
}
@media (min-width: 1400px) {
  #about .section-7 #s7-foto {
    width: 40%;
    margin-left: 5%
  }
}
#about .section-7 #s7-foto .linea {
  float: left;
  width: 100%;
  margin-bottom: 20px
}
#about .section-7 #s7-foto .linea .foto {
  float: left;
  width: 48%;
  margin: 0 1%
}
#about .section-7 #s7-foto .linea .foto img {
  max-height: 209px
}
#about .section-7 #s7-testo {
  float: right;
  width: 46%;
  height: 444px;
  margin-top: 10%;
  margin-right: 2%;
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(79, 70, 67, 0.8)
}
@media (min-width: 1400px) {
  #about .section-7 #s7-testo {
    width: 40%;
    margin-right: 5%
  }
}
#about .section-7 #s7-testo .titolo {
  float: left;
  font-size: 80px;
  line-height: 80px;
  font-weight: bold
}
#about .section-7 #s7-testo .testo {
  float: left;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.5
}
#about .section-8 {
  background: url("../img/about/sfondo-10.jpg");
  font-family: "Source Serif Pro", serif;
  color: #fff
}
#about .section-8 #box-1, #about .section-8 #box-2 {
  position: absolute;
  bottom: 10%;
  width: 36%;
  min-height: 210px;
  border: 1px solid #fff;
  padding: 20px;
  background-color: rgba(79, 70, 67, 0.8)
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #about .section-8 #box-1, #about .section-8 #box-2 {
    min-height: 232px
  }
}
#about .section-8 #box-1 .titolo, #about .section-8 #box-2 .titolo {
  font-size: 60px;
  line-height: 60px;
  font-weight: bold
}
#about .section-8 #box-1 .testo, #about .section-8 #box-2 .testo {
  float: left;
  font-size: 16px;
  margin-top: 20px
}
#about .section-8 #box-1 {
  left: 10%
}
#about .section-8 #box-2 {
  right: 10%
}
#about .section-9 {
  font-family: "Source Serif Pro", serif;
  background: url("../img/about/sfondo-11.jpg");
  padding: 15px;
  color: #fff
}
#about .section-9 .cornice {
  width: 100%;
  float: left;
  min-height: 545px;
  border: 1px solid #fff
}
#about .section-9 .titolo {
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  top: 6%;
  left: 5%
}
#about .section-9 .testo {
  position: absolute;
  float: left;
  font-size: 18px;
  top: 20%;
  left: 5%;
  width: 40%;
  background-color: rgba(79, 70, 67, 0.8);
  padding: 20px;
  line-height: 1.5;
  min-width: 380px
}
@media (max-width: 667px) {
  #about .section {
    min-height: 300px
  }
  #about .bg-brown {
    background-color: #44423E
  }
  #about .section-1 {
    background: url("../img/about/sfondo-1.jpg");
    font-family: "Source Serif Pro", serif
  }
  #about .section-1 .titolo {
    width: 100%;
    position: absolute;
    top: 7%;
    font-size: 20px;
    color: #333;
    text-align: center;
    font-weight: bold
  }
  #about .section-1 .titolo span {
    color: #00692D;
    font-weight: bold
  }
  #about .section-2 {
    height: 800px;
    font-family: "Source Serif Pro", serif;
    color: #fff
  }
  #about .section-2 #box {
    width: 90%;
    height: 220px;
    background-color: rgba(79, 70, 67, 0.8);
    position: absolute;
    top: -62px;
    left: 5%;
    padding: 20px
  }
  #about .section-2 #box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #fff
  }
  #about .section-2 #box span {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-size: 70px;
    color: #fff;
    margin: 0;
    line-height: 70px;
    font-weight: bold
  }
  #about .section-2 #foto {
    float: left;
    width: 70%;
    height: 250px;
    border: 1px solid #fff;
    position: absolute;
    right: 15%;
    top: 260px
  }
  #about .section-2 #foto .foto {
    max-width: 180px;
    position: absolute
  }
  #about .section-2 #foto #foto-1 {
    left: 10%;
    top: -25%;
    z-index: 3
  }
  #about .section-2 #foto #foto-2 {
    right: -14%;
    bottom: 26%;
    z-index: 2
  }
  #about .section-2 #foto #foto-3 {
    left: -16%;
    bottom: -10%;
    z-index: 1
  }
  #about .section-2 .titolo {
    float: left;
    width: 100%;
    font-size: 60px;
    font-weight: bold;
    margin-top: 0;
    position: absolute;
    bottom: 18%;
    left: 0;
    top: auto;
    text-align: center
  }
  #about .section-2 .testo {
    width: 90%;
    font-size: 16px;
    position: absolute;
    bottom: 5%;
    top: auto;
    left: 5%;
    text-align: justify
  }
  #about .section-3 {
    background: url("../img/about/sfondo-3.jpg")
  }
  #about .section-3 #layer-bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0
  }
  #about .section-4 {
    background: url("../img/about/sfondo-4.jpg");
    font-family: "Source Serif Pro", serif
  }
  #about .section-4 #layer {
    width: 100%;
    height: 200%;
    position: absolute;
    left: 0;
    top: -100%;
    background: url("../img/about/sfondo-3-elemento-2.png");
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat
  }
  #about .section-4 .titolo {
    font-size: 74px;
    font-weight: bold;
    position: absolute;
    top: 5%;
    right: 5%;
    color: #00692D;
    display: none
  }
  #about .section-4 .testo {
    width: 40%;
    background-color: rgba(79, 70, 67, 0.8);
    padding: 20px;
    font-size: 16px;
    position: absolute;
    top: 25%;
    right: 5%;
    text-align: justify;
    color: #fff;
    line-height: 1.5;
    display: none
  }
  #about .section-5 {
    font-family: "Source Serif Pro", serif;
    color: #fff
  }
  #about .section-5 #box-1, #about .section-5 #box-2 {
    position: absolute;
    top: 15%;
    width: 42%;
    height: 50%;
    border: 1px solid #fff;
    padding: 10px
  }
  #about .section-5 #box-1 .titolo, #about .section-5 #box-2 .titolo {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold
  }
  #about .section-5 #box-1 .testo, #about .section-5 #box-2 .testo {
    float: left;
    font-size: 10px;
    margin-top: 28px
  }
  #about .section-5 #box-1 {
    left: 5%
  }
  #about .section-5 #box-2 {
    right: 5%
  }
  #about .section-6 {
    background: url("../img/about/sfondo-7.jpg");
    font-family: "Source Serif Pro", serif;
    color: #fff
  }
  #about .section-6 #box-testo {
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 90%;
    min-width: 90%;
    height: 60px;
    min-height: 60px;
    border: 0;
    padding: 0;
    background-color: rgba(79, 70, 67, 0.8);
    top: auto;
    text-align: center
  }
  #about .section-6 #box-testo .titolo {
    font-size: 57px;
    line-height: 60px;
    font-weight: bold
  }
  #about .section-7 {
    font-family: "Source Serif Pro", serif;
    color: #fff;
    height: 1020px
  }
  #about .section-7 .testo {
    position: absolute;
    right: 5%;
    width: 90%;
    background-color: rgba(79, 70, 67, 0.8);
    top: 0;
    text-align: justify;
    font-size: 16px;
    padding: 15px
  }
  #about .section-7 #foto4 {
    width: 90%;
    height: auto;
    position: absolute;
    top: 240px;
    left: 5%
  }
  #about .section-7 #box-testo-1 {
    position: absolute;
    top: 650px;
    right: 5%;
    width: 90%;
    height: 330px;
    border: 1px solid #fff;
    padding: 20px;
    background-color: transparent
  }
  #about .section-7 #box-testo-1 .titolo {
    font-size: 80px;
    line-height: 80px;
    font-weight: bold
  }
  #about .section-7 #box-testo-1 .testo {
    float: left;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 12px;
    padding: 0;
    width: 100%;
    position: relative;
    background: transparent
  }
  #about .section-8 {
    background: url("../img/about/sfondo-10.jpg")
  }
  #about .section-10 {
    font-family: "Source Serif Pro", serif;
    color: #fff;
    min-height: 220px
  }
  #about .section-10 #box-1, #about .section-10 #box-2 {
    position: absolute;
    top: 10%;
    width: 42%;
    height: 75%;
    border: 1px solid #fff;
    padding: 10px
  }
  #about .section-10 #box-1 .titolo, #about .section-10 #box-2 .titolo {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold
  }
  #about .section-10 #box-1 .testo, #about .section-10 #box-2 .testo {
    float: left;
    font-size: 10px;
    margin-top: 10px
  }
  #about .section-10 #box-1 {
    left: 5%
  }
  #about .section-10 #box-2 {
    right: 5%
  }
  #about .section-9 {
    background: url("../img/about/sfondo-11.jpg")
  }
  #about .section-9 .cornice {
    height: 270px
  }
  #about .section-11 {
    font-family: "Source Serif Pro", serif;
    color: #fff;
    height: 300px
  }
  #about .section-11 .titolo {
    position: absolute;
    font-size: 52px;
    line-height: 60px;
    font-weight: bold;
    top: 6%;
    left: 5%
  }
  #about .section-11 .testo {
    position: absolute;
    float: left;
    font-size: 16px;
    top: 96px;
    left: 5%;
    width: 90%;
    background-color: rgba(79, 70, 67, 0.8);
    padding: 10px
  }
}
#products .section {
  border: 0
}
#products .section-title {
  border: 0;
  margin: 0;
  padding: 0
}
#products .section-title h2 {
  padding: 0
}
#products .section-subtitle {
  width: 100%;
  float: left;
  margin: 0
}
#products .section-subtitle h3 {
  font-family: "Texgyreheros", Helvetica, sans-serif;
  font-weight: normal;
  color: #00692D;
  font-size: 16px;
  border-bottom: 1px solid #00692D;
  padding-bottom: 5px;
  margin-bottom: 8px
}
#products .section-subtitle h3 span {
  font-weight: bold
}
@media only screen and (max-width: 480px) {
  #products .section-subtitle h3 {
    margin-top: 12px
  }
}
#products .intro-products {
  padding-top: 60px
}
@media (max-width: 480px) {
  #products .intro-products {
    padding-top: 10px
  }
}
#products .intro-products #filtri {
  float: left;
  width: 66.6%;
  margin-right: 1%;
  min-height: 326px
}
@media (max-width: 768px) {
  #products .intro-products #filtri {
    width: 100%;
    margin: 0
  }
}
#products .intro-products #filtri #categorie {
  float: left;
  width: 49%;
  margin-right: 1%;
  padding-top: 10px;
  margin: 0
}
@media (max-width: 480px) {
  #products .intro-products #filtri #categorie {
    width: 100%;
    margin: 0
  }
}
#products .intro-products #filtri #categorie ul {
  list-style: none;
  margin: 0
}
#products .intro-products #filtri #opzioni {
  float: right;
  width: 49%;
  margin-left: 1%;
  padding-top: 10px;
  margin: 0
}
@media (max-width: 480px) {
  #products .intro-products #filtri #opzioni {
    width: 100%;
    margin: 0
  }
}
#products .intro-products #filtri #opzioni ul {
  list-style: none;
  margin: 0
}
#products .intro-products #filtri #opzioni ul .selezione {
  display: none
}
#products .intro-products #filtri .selezione {
  position: relative;
  float: left;
  width: 100%;
  line-height: 56px;
  background-color: transparent;
  font-size: 16px;
  color: #464341;
  border-radius: 0;
  border: 0;
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #888
}
#products .intro-products #filtri .selezione:hover, #products .intro-products #filtri .selezione:focus {
  background-color: #313131;
  color: #ffffff
}
#products .intro-products #filtri .selezione span {
  margin-left: 10px;
  position: relative;
  float: left
}
#products .intro-products #filtri .selezione span.long {
  line-height: 24px;
  padding: 4px 40px 4px 0
}
#products .intro-products #filtri .selezione .submenu {
  display: none;
  position: absolute;
  top: 56px;
  width: 100%;
  z-index: 2;
  margin: 0;
  list-style: none;
  color: #fff
}
#products .intro-products #filtri .selezione .submenu li {
  padding-left: 10px;
  background-color: #999;
  margin: 0;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #888
}
#products .intro-products #filtri .selezione .submenu li:hover {
  background-color: #313131;
  color: #ffffff
}
#products .intro-products #filtri .hasSubmenu {
  background: url("../img/multioption_product_filter.png") 96% center no-repeat
}
#products .intro-products #filtri .preSelezione {
  background-color: #999;
  color: #fff
}
#products .intro-products #filtri .preSelezione:hover {
  background-color: #999;
  color: #fff
}
#products .intro-products #filtri .active, #products .intro-products #filtri .selezionata {
  background-color: #00692D;
  color: #fff
}
#products .intro-products #filtri .active:hover, #products .intro-products #filtri .active:focus, #products .intro-products #filtri .selezionata:hover, #products .intro-products #filtri .selezionata:focus {
  background-color: #00692D;
  color: #fff
}
#products .intro-products #ricerca {
  float: right;
  width: 31.4%;
  margin-left: 1%;
  min-height: 326px
}
#products .intro-products #ricerca #logout {
  cursor: pointer
}
#products .intro-products #ricerca #welcome {
  height: 72px
}
@media (max-width: 480px) {
  #products .intro-products #ricerca #welcome {
    margin-top: 24px;
    height: 0
  }
}
#products .intro-products #ricerca #welcome #user_data {
  color: #313131;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid;
  margin-bottom: 8px
}
@media (max-width: 768px) {
  #products .intro-products #ricerca {
    width: 100%;
    margin: 0;
    min-height: 220px;
    padding-top: 20px
  }
}
@media (max-width: 480px) {
  #products .intro-products #ricerca {
    min-height: 160px
  }
}
#products .intro-products #ricerca #modulo {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 10px
}
#products .intro-products #ricerca #modulo input {
  width: 100%;
  height: 66px;
  line-height: 56px;
  font-size: 18px;
  padding: 0 70px 0 20px;
  border: 1px solid #464341;
  background: #F3EEE8;
  color: #464341
}
#products .intro-products #ricerca #modulo span {
  position: absolute;
  top: 0;
  right: 0;
  height: 66px;
  width: 70px;
  cursor: pointer;
  background: url("../img/lente_x_search.png") center center no-repeat
}
#products .intro-products #ricerca #tasto-reset {
  float: left;
  width: 100%;
  padding: 20px 10px;
  background: #00692D;
  border: 1px solid #464341;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 10px
}
#products .intro-products #ricerca #in-touch,
#products .intro-products #ricerca #in-touch-tds,
#products .intro-products #ricerca #in-touch-sds {
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  padding: 10px 10px;
  background: #464341;
  margin-bottom: 10px;
  text-align: left; }

#products .intro-products #ricerca #in-touch-tds,
#products .intro-products #ricerca #in-touch-sds {
  background-blend-mode: screen;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: auto 60%;
}
#products .intro-products #ricerca #in-touch-tds {
  background-image: url("../img/download_scheda_tecnica.png");
}
#products .intro-products #ricerca #in-touch-sds {
  background-image: url("../img/download_scheda_sicurezza.png");
}

@media (max-width: 480px) {
#products .intro-products #ricerca #in-touch,
#products .intro-products #ricerca #in-touch-tds,
#products .intro-products #ricerca #in-touch-sds {
  font-size: 14px;
  padding: 10px 10px; } }
#products .intro-products #ricerca #in-touch a,
#products .intro-products #ricerca #in-touch-tds a,
#products .intro-products #ricerca #in-touch-sds a {
color: #FFFFFF; }
#products .intro-products #ricerca #in-touch a:hover,
#products .intro-products #ricerca #in-touch-tds a:hover,
#products .intro-products #ricerca #in-touch-sds a:hover {
  color: #F3EEE8; }
#products .tags-products {
  padding-top: 0;
  padding-bottom: 0
}
#products .tags-products ul#tags {
  display: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 30px 0 0;
  color: #464341;
  border-top: 1px solid #888
}
@media (max-width: 480px) {
  #products .tags-products ul#tags {
    margin-bottom: 10px
  }
}
#products .tags-products ul#tags li {
  display: inline;
  float: left;
  margin: 0;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 10px
}
@media (max-width: 480px) {
  #products .tags-products ul#tags li {
    margin-bottom: 12px
  }
}
#products .tags-products ul#tags li::after {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: url("../img/icon-close.png") no-repeat;
  background-size: 12px 12px
}
#products .tags-products ul#tags li:first-child {
  font-family: "Source Serif Pro", serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-right: 20px
}
#products .tags-products ul#tags li:first-child::after {
  width: 0;
  margin-left: 0;
  background: none
}
#products .tags-products ul#tags .opzione, #products .tags-products ul#tags .categoria {
  padding-right: 14px
}
#products #list-products .download_pdf_all {
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px
}
#products #list-products .item {
  float: left;
  width: 100%;
  color: #464341;
  margin-bottom: 40px;
  color: black
}
#products #list-products .item .new {
  display: block;
  position: relative;
  width: 73px;
  background: #464341;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 4px;
  text-align: center
}
#products #list-products .item .title {
  line-height: 32px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  background: #00692D;
  color: #fff;
  vertical-align: baseline;
  letter-spacing: 1px
}
#products #list-products .item #info p {
  font-size: 18px;
  font-weight: normal
}
@media (max-width: 991px) {
  #products #list-products .item #info p {
    font-size: 14px
  }
}
#products #list-products .item #info p.subtitle {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0
}
#products #list-products .item #info {
  padding-right: 0
}
@media (max-width: 480px) {
  #products #list-products .item #info {
    padding-right: 10px
  }
}
#products #list-products .item #caratteristiche {
  padding-left: 22px;
  padding-right: 10px
}
@media (max-width: 768px) {
  #products #list-products .item #caratteristiche {
    padding-left: 10px;
    padding-right: 10px
  }
}
#products #list-products .item #caratteristiche ul {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0
}
#products #list-products .item #caratteristiche ul li {
  float: left;
  width: 100%;
  border: 1px solid #464341;
  padding: 6px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold
}
@media (max-width: 991px) {
  #products #list-products .item #caratteristiche ul li {
    font-size: 12px
  }
}
#products #list-products .item #caratteristiche ul li span {
  width: 50%;
  float: right;
  text-align: left;
  text-transform: capitalize !important;
  font-weight: normal !important
}
@media (max-width: 991px) {
  #products #list-products .item #caratteristiche ul li span {
    width: 45%
  }
}
#products #list-products .item #allegati ul {
  float: left;
  width: 100%;
  margin: 0;
  list-style: none;
  padding-left: 20px
}
@media (max-width: 768px) {
  #products #list-products .item #allegati ul {
    margin: 0;
    padding: 0;
    margin-top: 10px
  }
}
#products #list-products .item #allegati ul a {
  color: #464341
}
#products #list-products .item #allegati ul a:hover {
  color: #00692D
}
#products #list-products .item #allegati ul a li {
  width: 100%;
  padding-left: 60px;
  min-height: 50px;
  font-family: "Texgyreheros", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center
}
@media (max-width: 991px) {
  #products #list-products .item #allegati ul a li {
    font-size: 12px
  }
}
@media (max-width: 768px) {
  #products #list-products .item #allegati ul a li {
    display: inline;
    margin-right: 20px;
    padding: 20px 20px 20px 50px
  }
}
@media (max-width: 480px) {
  #products #list-products .item #allegati ul a li {
    background-size: 12% !important;
    padding: 10px 20px 10px 30px;
    margin-right: 10px;
    font-size: 11px
  }
}
@media only screen and (max-width: 360px) {
  #products #list-products .item #allegati ul a li {
    display: block;
    background-size: 8% !important;
    padding: 10px 20px 10px 40px;
    min-height: 20px;
    line-height: 20px
  }
}
#products #list-products .item #allegati ul a li.tecnica {
  background: url("../img/download_scheda_tecnica.png") left center no-repeat
}
#products #list-products .item #allegati ul a li.sicurezza {
  background: url("../img/download_scheda_sicurezza.png") left center no-repeat
}
#products .pagination-products {
  padding: 0 30px 50px
}
#products .pagination-products span {
  position: relative;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 2px
}
#products .pagination-products span:first-child {
  padding-left: 0
}
#products .pagination-products span:last-child {
  padding-right: 0
}
#products .pagination-products ul {
  float: left;
  width: 90%;
  height: 28px;
  margin: 0
}
#products .pagination-products ul li {
  display: inline;
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #00692D;
  color: #fff;
  margin: 0 10px 0 0;
  text-align: center;
  cursor: pointer
}
#products .pagination-products ul li:first-child {
  width: auto;
  color: #464341;
  line-height: 28px;
  background: transparent;
  margin-right: 20px
}
@media only screen and (min-width: 991px) and (max-width: 1193px) {
  #environment .margin-it, #research .margin-it {
    margin-top: 85px
  }
}
@media only screen and (min-width: 991px) and (max-width: 1280px) {
  #environment .margin-en, #research .margin-en {
    margin-top: 85px
  }
}
#environment .colonna1, #research .colonna1 {
  float: left;
  width: 50%;
  margin-right: 5%;
  height: auto
}
@media (max-width: 991px) {
  #environment .colonna1, #research .colonna1 {
    width: 100%;
    margin: 0;
    margin-bottom: 0px
  }
}
@media (max-width: 480px) {
  #environment .colonna1, #research .colonna1 {
    margin-bottom: 20px
  }
}
#environment .colonna1 .section-title, #environment .colonna1 .testo, #environment .colonna1 .certificazioni, #research .colonna1 .section-title, #research .colonna1 .testo, #research .colonna1 .certificazioni {
  float: left;
  width: 100%
}
#environment .colonna1 .section-title, #research .colonna1 .section-title {
  margin-bottom: 20px
}
#environment .colonna1 .section-title h2, #research .colonna1 .section-title h2 {
  padding-bottom: 0
}
#environment .colonna1 .subtitle, #research .colonna1 .subtitle {
  float: left;
  width: 100%;
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: bold;
  color: #00692D;
  padding-bottom: 5px;
  border-bottom: 1px solid #00692D;
  margin: 20px 0
}
#environment .colonna1 .testo p, #research .colonna1 .testo p {
  text-align: justify;
  color: #464341;
  font-size: 16px;
  margin-bottom: 20px
}
#environment .colonna1 .testo p span, #research .colonna1 .testo p span {
  font-weight: bold
}
#environment .colonna1 .certificazione, #research .colonna1 .certificazione {
  float: left;
  width: 100%;
  height: auto;
  border: 1px solid #00692D;
  margin-bottom: 20px
}
#environment .colonna1 .certificazione .info, #research .colonna1 .certificazione .info {
  float: left;
  width: 100%;
  padding: 5px 10px
}
#environment .colonna1 .certificazione .info .icona, #research .colonna1 .certificazione .info .icona {
  width: 10%;
  float: left
}
#environment .colonna1 .certificazione .info .testo, #research .colonna1 .certificazione .info .testo {
  width: 80%;
  float: left;
  padding: 0 10px;
  color: #464341
}
#environment .colonna1 .certificazione .info .download, #research .colonna1 .certificazione .info .download {
  width: 10%;
  float: right;
  text-align: right
}
#environment .colonna1 .certificazione .titolo, #research .colonna1 .certificazione .titolo {
  float: left;
  width: 100%;
  padding: 5px 10px;
  background: #00692D;
  font-weight: bold;
  color: #fff
}
#environment .colonna2, #research .colonna2 {
  float: right;
  width: 45%;
  height: auto
}
#environment .colonna2 .testo p, #research .colonna2 .testo p {
  text-align: justify;
  color: #464341;
  font-size: 16px;
  margin-bottom: 20px
}
#environment .colonna2 .testo p span, #research .colonna2 .testo p span {
  font-weight: bold
}
@media (max-width: 991px) {
  #environment .colonna2, #research .colonna2 {
    width: 100%;
    margin: 0
  }
}
#environment .colonna2 .immagine, #research .colonna2 .immagine {
  float: left;
  width: 100%;
  margin-bottom: 15px
}
@media (max-width: 991px) {
  #environment .colonna2 .immagine, #research .colonna2 .immagine {
    margin-top: 0
  }
}
#manufacturing {
  color: #464341
}
@media (min-width: 992px) and (max-width: 1024px) {
  #manufacturing .margin-en {
    margin-top: 82px
  }
}
#manufacturing .section-title {
  float: left;
  width: 100%;
  margin-bottom: 20px
}
#manufacturing .section-title h2 {
  padding-bottom: 0
}
#manufacturing .subtitle {
  float: left;
  width: 100%;
  font-family: "Source Serif Pro", serif;
  font-size: 24px;
  font-weight: bold;
  color: #00692D;
  padding-bottom: 5px;
  border-bottom: 1px solid #00692D;
  margin: 20px 0
}
#manufacturing .testo {
  float: left;
  width: 100%
}
#manufacturing .testo p {
  text-align: justify;
  color: #464341;
  font-size: 16px;
  margin-bottom: 10px
}
#manufacturing .testo p span {
  font-weight: bold
}
#manufacturing .section {
  padding: 20px 45px;
  border: 0
}
@media (max-width: 480px) {
  #manufacturing .section {
    padding: 20px !important
  }
}
#manufacturing .section ul {
  float: left;
  width: 100%;
  list-style: none
}
#manufacturing .section ul li {
  color: #fff;
  background: #00692D;
  padding: 2px 10px 6px;
  width: 80%;
  margin: 0;
  margin-bottom: 5px
}
#manufacturing .section-intro {
  padding-top: 45px
}
@media (max-width: 991px) {
  #manufacturing .section-intro {
    padding-bottom: 0 !important
  }
}
@media (max-width: 991px) {
  #manufacturing .section-adesivi {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  #manufacturing .section-adesivi .subtitle {
    margin-top: 0
  }
  #manufacturing .section-adesivi .testo {
    margin-bottom: 10px
  }
}
#manufacturing .section-adesivi ul {
  margin-top: 5px
}
#manufacturing .section-adesivi .is-half-width-right .immagine {
  margin-top: 53px
}
#manufacturing .section-adesivi .is-full-width .immagine {
  margin-top: 20px
}
@media (max-width: 991px) {
  #manufacturing .section-tessuti {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  #manufacturing .section-tessuti .subtitle {
    margin-top: 0
  }
  #manufacturing .section-tessuti .testo {
    margin-bottom: 10px
  }
}
#manufacturing .section-tessuti .is-half-width-left {
  float: left;
  width: 45%;
  margin: 0
}
@media (max-width: 991px) {
  #manufacturing .section-tessuti .is-half-width-left {
    width: 100%
  }
}
#manufacturing .section-tessuti .is-half-width-left .immagine {
  margin-top: 53px
}
#manufacturing .section-tessuti .is-half-width-right {
  float: right;
  width: 50%;
  margin-left: 5%
}
@media (max-width: 991px) {
  #manufacturing .section-tessuti .is-half-width-right {
    width: 100%;
    margin: 0;
    margin-bottom: 0
  }
}
@media (max-width: 991px) {
  #manufacturing .section .immagine {
    margin: 0 0 20px !important
  }
}
#contacts h2, #contacts h3, #contacts p {
  margin: 0
}
#contacts h2 {
  font-family: "Source Serif Pro", serif;
  font-size: 36px;
  font-weight: bold;
  color: #00692D;
  margin-bottom: 6px
}
#contacts h3, #contacts p {
  font-family: "Texgyreheros", Helvetica, sans-serif;
  color: #464341;
  font-size: 16px
}
#contacts h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px;
  line-height: 1.5
}
#contacts p {
  line-height: 1.8
}
#contacts .rigo {
  float: left;
  width: 100%;
  height: auto
}
#contacts .rigo .column1-3 {
  float: left;
  width: 33.33%;
  padding: 0 15px
}
@media (max-width: 991px) {
  #contacts .rigo .column1-3 {
    width: 100% !important;
    margin-bottom: 20px
  }
}
#contacts hr {
  float: left;
  width: 100%;
  min-height: 1px;
  border: 0;
  border-bottom: 1px solid #00692D;
  margin: 20px 0
}
#contacts .hide-mobile {
  display: block
}
@media (max-width: 991px) {
  #contacts .hide-mobile {
    display: none
  }
}
#contacts .show-mobile {
  display: none
}
@media (max-width: 991px) {
  #contacts .show-mobile {
    display: block
  }
}
#login h2, #login p, #login form, #login ul {
  float: left;
  width: 100%
}
#login h2 {
  color: #00692D;
  font-weight: bold
}
#login p {
  font-size: 18px;
  color: #464341;
  line-height: 1.4
}
#login input, #login button {
  display: inline;
  margin-right: 10px
}
#login input {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 10px;
  border: 1px solid #464341;
  background: #F3EEE8;
  color: #464341
}
#login button {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 20px;
  background: #00692D;
  color: #fff;
  text-align: center;
  border: 0
}
#login #moduloLogin ul {
  margin: 0;
  padding: 0;
  margin-top: 20px
}
#login #moduloLogin ul li {
  list-style: none;
  margin-bottom: 4px;
  position: relative;
  float: left;
  margin-top: 0;
  margin-right: 15px
}
#signup h2, #signup p, #signup form, #signup ul {
  float: left;
  width: 100%
}
#signup h2 {
  color: #00692D;
  font-weight: bold
}
#signup p {
  font-size: 18px;
  color: #464341;
  line-height: 1.4
}
#signup input, #signup button {
  width: 300px;
  margin-bottom: 10px
}
#signup input {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 10px;
  border: 1px solid #464341;
  background: #F3EEE8;
  color: #464341
}
#signup button {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 20px;
  background: #00692D;
  color: #fff;
  text-align: left;
  border: 0
}
#recupera-password #email {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 10px;
  border: 1px solid #464341;
  background: #F3EEE8;
  color: #464341;
  position: relative;
  float: left
}
#recupera-password #recuperaPassword {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  padding: 0 20px;
  background: #00692D;
  color: #fff;
  text-align: left;
  border: 0;
  position: relative;
  float: left;
  left: 20px
}
#confermaRegistrazione, #erroreGenerale, #loginOk, #erroreLogin, #erroreDuplicato, #noRisultati {
  display: none
}
.jqvmap-label {
  background: rgba(145, 199, 63, 0.8) !important;
  z-index: 99999999;
  font-size: 11px !important;
  padding: 6px !important;
  line-height: 1.4;
  font-family: "Texgyreheros Regular", sans-serif !important;
  text-align: center;
  margin-left: 40px;
  border-radius: 0 !important
}
.jqvmap-label h4 {
  letter-spacing: 1px;
  margin-bottom: 4px
}
.jqvmap-label h5 {
  letter-spacing: 1px;
  font-weight: 100
}
.jqvmap-label .arrow-bottom {
  width: 20px;
  height: 14px;
  position: absolute;
  bottom: -12px;
  left: 42%;
  background: url("http://wordpress02.forestali.com/wp-content/themes/metro-creativex/images/arrow-bottom.png");
  background-size: cover
}
marker {
  background-color: #91c73f;
  height: 10px;
  width: 10px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0;
  border-radius: 50%
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0
  }
  50% {
    opacity: 1.0
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0
  }
}
.jqvmap-zoomin, .jqvmap-zoomout {
  width: 15px;
  height: 15px;
  line-height: 7px
}
.icona-menu {
  position: absolute;
  top: 25px;
  right: 15px;
  z-index: 10;
  width: 50px;
  height: 50px;
  background: #F3EEE8;
  padding: 9px 10px 8px;
  border-radius: 25px
}
.icona-menu .c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  width: 24px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: #F3EEE8
}
.icona-menu .c-hamburger:focus {
  outline: none
}
.icona-menu .c-hamburger span {
  display: block;
  position: absolute;
  top: 16px;
  left: 0px;
  right: 0px;
  height: 1px;
  background: #00692D
}
.icona-menu .c-hamburger span::before, .icona-menu .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #00692D;
  content: "";
  -webkit-transition: top 0.1s
}
@keyframes spanTop {
  0%, 100% {
    top: -6px
  }
  50% {
    top: -8px
  }
}
@keyframes spanBottom {
  0%, 100% {
    bottom: -6px
  }
  50% {
    bottom: -8px
  }
}
.icona-menu .c-hamburger span::before {
  top: -6px
}
.icona-menu .c-hamburger:not(.is-active):hover span::before {
  -webkit-animation: spanTop 0.6s;
  -moz-animation: spanTop 0.6s;
  -o-animation: spanTop 0.6s;
  animation: spanTop 0.6s
}
.icona-menu .c-hamburger span::after {
  bottom: -6px
}
.icona-menu .c-hamburger:not(.is-active):hover span::after {
  -webkit-animation: spanBottom 0.6s;
  -moz-animation: spanBottom 0.6s;
  -o-animation: spanBottom 0.6s;
  animation: spanBottom 0.6s
}
.icona-menu .c-hamburger--htx {
  background-color: transparent
}
.icona-menu .c-hamburger--htx span {
  transition: background 0s 0.3s
}
.icona-menu .c-hamburger--htx span::before, .icona-menu .c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s
}
.icona-menu .c-hamburger--htx span::before {
  transition-property: top, transform
}
.icona-menu .c-hamburger--htx span::after {
  transition-property: bottom, transform
}
.icona-menu .c-hamburger--htx.is-active {
  background-color: transparent
}
.icona-menu .c-hamburger--htx.is-active span {
  background: none
}
.icona-menu .c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg)
}
.icona-menu .c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg)
}
.icona-menu .c-hamburger--htx.is-active span::before, .icona-menu .c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s
}