html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
}

body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure {
  display: block;
}

figure {
  margin: 1em 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bold;
}

code, kbd, samp {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

a:active, a:hover {
  outline-width: 0;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

abbr[title], dfn[title] {
  cursor: help;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[readonly] {
  cursor: default;
}

input:disabled {
  cursor: not-allowed;
}

html {
  position: relative;
  height: 100%;
  font-size: 12px;
}

*, :after, :before {
  box-sizing: inherit;
}

a {
  color: #43f;
}

body {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  min-width: 320px;
}

pre {
  padding: 1.2em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  border-width: 0;
  white-space: pre;
  white-space: pre-wrap;
  background: #eee;
  word-wrap: break-word;
}

img {
  max-width: 100%;
  height: auto;
}

small {
  display: inline-block;
  vertical-align: text-bottom;
}

svg {
  pointer-events: none;
}

hr {
  border-width: 0;
  border-top: 1px solid #aaa;
}

::-moz-selection {
  text-shadow: none;
  color: #fff;
  background: #2597ff;
}

::selection {
  text-shadow: none;
  color: #fff;
  background: #2597ff;
}

::-moz-selection {
  text-shadow: none;
  color: #fff;
  background: #2597ff;
}

::-ms-selection {
  text-shadow: none;
  color: #fff;
  background: #2597ff;
}

input {
  box-shadow: none;
}

input::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder {
  color: #999;
  opacity: .5;
}

input:-ms-input-placeholder {
  color: #999;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

textarea {
  box-shadow: none;
}

textarea::-webkit-input-placeholder {
  color: #999;
}

textarea::-moz-placeholder {
  color: #999;
  opacity: .5;
}

textarea:-ms-input-placeholder {
  color: #999;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.source-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-top: .25rem;
  margin-left: 1rem;
  font-family: monospace;
  opacity: .5;
  border-bottom: 1px dashed;
  cursor: pointer;
}

.source-link:hover {
  opacity: 1;
}

.view-wrapper {
  background-color: #ffffff;
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  min-height: 100%;
}

.view-wrapper > .view-seo,
.view-wrapper > .view-footer,
.view-wrapper > .view-container {
  width: 100%;
  min-width: 100%;
  flex-basis: 100%;
}

.view-wrapper > .view-container,
.view-wrapper > .mm-page {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

.view-wrapper > .view-seo {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.view-wrapper > .view-footer {
  -webkit-box-ordinal-group: 3;
  order: 2;
  align-self: flex-end;
}

body > .mm-page {
  width: 100%;
  min-width: 100%;
  flex-basis: 100%;
}

.view-seo {
  padding: 2rem 0;
}

.view-size {
  position: relative;
  max-width: 1280px;
  max-width: calc( 1280px + 3rem);
  padding: 0 1.5rem;
  margin: 0 auto;
}

.view-size:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

.view-size--no-gap {
  max-width: 1280px;
}

.view-section {
  position: relative;
}

.view-header {
  position: relative;
}

.view-footer {
  position: relative;
  background-color: #f2f3f6;
}

.zoom-in {
  /* animate in */
  /* animate out */
  /* Dark overlay, start state */
  /* animate in */
  /* animate out */
}

.zoom-in .hidden-wrapper {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.zoom-in.mfp-ready .hidden-wrapper {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.zoom-in.mfp-removing .hidden-wrapper {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.hidden-wrapper {
  position: relative;
  padding: 2rem;
  margin: 1.2rem auto;
  background-color: #fff;
  width: 96%;
  max-width: 1024px;
}

.hidden-wrapper--lg {
  max-width: 1280px;
}

.hidden-wrapper--md {
  max-width: 768px;
}

.hidden-wrapper--sm {
  max-width: 480px;
}

.hidden-wrapper--strip {
  background: none;
  padding: 0;
}

.hidden-wrapper--no-gap {
  padding: 0;
}

.hidden-wrapper ._show-in--hidden-wrapper {
  display: block;
}

.view-text {
  color: inherit;
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
}

.view-text blockquote > :first-child, .view-text > :first-child {
  margin-top: 0;
}

.view-text blockquote > :last-child, .view-text > :last-child {
  margin-bottom: 0;
}

.view-text h1, .view-text h2, .view-text h3, .view-text h4, .view-text h5, .view-text h6 {
  clear: both;
  line-height: 1.25;
  font-weight: bold;
  margin: 1.4em 0 1rem;
}

.view-text h1 {
  font-size: 2.5em;
}

.view-text h2 {
  font-size: 2.25em;
}

.view-text h3 {
  font-size: 1.75em;
}

.view-text h4 {
  font-size: 1.5em;
}

.view-text h5 {
  font-size: 1.25em;
}

.view-text h6 {
  font-size: 1em;
}

.view-text p, .view-text ul, .view-text ol, .view-text hr, .view-text dl, .view-text pre, .view-text address, .view-text blockquote, .view-text table,
.view-text .table-wrapper, .view-text .media-wrapper {
  margin: 1em 0;
}

.view-text blockquote {
  padding: 1em 1.5em;
  background-color: #f7f8e2;
}

.view-text hr {
  clear: both;
  border-width: 0;
  border-top-width: 1px;
}

.view-text ul, .view-text ol {
  padding-left: 1.5em;
}

.view-text dd {
  margin-left: 1.5em;
}

.view-text dt {
  font-weight: bold;
}

.view-text dd + dt {
  margin: 1em 0 0;
}

.view-text pre, .view-text code, .view-text kbd, .view-text samp {
  font-style: normal;
  font-weight: normal;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}

.view-text pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  padding: 1em 1.5em;
  background-color: #f5f5f5;
}

.view-text code, .view-text kbd, .view-text samp {
  padding: 0 .4em;
}

.view-text code {
  background-color: #f5f5f5;
}

.view-text kbd {
  background-color: #e1f0fa;
}

.view-text samp {
  background-color: #f7f8e2;
}

.view-text iframe {
  border-width: 0;
}

.view-text audio {
  width: 100%;
}

.view-text audio[controls] {
  display: block;
}

.view-text .media-wrapper__holder {
  background-color: #f5f5f5;
  position: relative;
}

.view-text .media-wrapper__holder iframe, .view-text .media-wrapper__holder video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.view-text table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ddd;
}

.view-text caption {
  margin-bottom: .5em;
  caption-side: top;
}

.view-text tbody, .view-text tfoot, .view-text thead, .view-text tr, .view-text th, .view-text td {
  border: inherit;
}

.view-text th, .view-text td {
  padding: .5em;
  text-align: left;
  vertical-align: top;
}

.view-text th {
  font-weight: bold;
  text-align: center;
  background-color: #f5f5f5;
}

.view-text .table-null, .view-text .table-null th, .view-text .table-null td {
  border-color: transparent;
}

.view-text .table-null th {
  background: transparent;
}

.view-text .table-zebra, .view-text .table-zebra th, .view-text .table-zebra td {
  border-color: transparent;
}

.view-text .table-zebra th {
  background: transparent;
}

.view-text .table-zebra tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.view-text a {
  color: #43f;
}

.view-text a:visited {
  color: #0e00ad;
}

.view-text a:hover {
  color: #f34;
}

.view-text a:active {
  color: #000;
}

.view-text b, .view-text strong {
  font-weight: bold;
}

.view-text i, .view-text cite, .view-text em, .view-text var, .view-text address, .view-text dfn, .view-text caption {
  font-style: italic;
}

.view-text abbr[title], .view-text dfn[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: help;
}

.view-text--article > p,
.view-text--article > h1,
.view-text--article > h2,
.view-text--article > h3,
.view-text--article > h4,
.view-text--article > h5,
.view-text--article > h6,
.view-text--article > hr,
.view-text--article > ul,
.view-text--article > ol,
.view-text--article > dl,
.view-text--article > audio,
.view-text--article > address {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.table-wrapper {
  clear: both;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

.table-wrapper__holder {
  max-width: 100%;
  overflow-x: auto;
  padding: 0;
  margin: 0;
}

.table-wrapper__table {
  width: 100%;
  border-collapse: collapse;
}

.table-wrapper:before, .table-wrapper:after {
  content: '';
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}

.table-wrapper:before {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}

.table-wrapper:after {
  right: 0;
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}

.table-wrapper--outside-left:before {
  opacity: .3;
}

.table-wrapper--outside-right:after {
  opacity: .3;
}

.content-image {
  position: relative;
}

.content-image--width-1200-and-more {
  display: block;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.view-text--article .content-image--width-600-and-more {
  display: block;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.title {
  line-height: 1.2;
  font-weight: bold;
  color: #404040;
  font-size: 2rem;
  margin: 1.2em 0 1rem;
}

.title:first-child {
  margin-top: 0;
}

.title--sup {
  font-size: 2.5rem;
}

.title--sub {
  font-size: 1.5rem;
}

.breadcrumbs {
  width: 100%;
  display: table;
  font-size: 0;
  line-height: 0;
  margin: 1rem 0;
  font-size: 1rem;
}

.breadcrumbs a {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #c8c8c8;
  text-decoration: none;
}

.breadcrumbs span {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #666666;
  display: inline-block;
  vertical-align: bottom;
  font-size: 1em;
  line-height: 1.4;
  margin-right: .3em;
}

.breadcrumbs span:before {
  margin-right: .3em;
  content: '/';
  display: inline-block;
  vertical-align: top;
}

.breadcrumbs span:first-child:before {
  display: none;
}

.sitemap {
  max-width: 768px;
  padding: 1rem;
  background-color: #f6f7f9;
  position: relative;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.sitemap ul {
  list-style: none;
  padding: 0 0 0 2em;
  margin: 0;
}

.sitemap li {
  list-style: none;
  line-height: 1.4em;
}

.sitemap a {
  padding: .2em 1em .2em .5em;
  display: block;
  color: #00e;
}

.sitemap a:visited {
  color: #0e00ad;
}

.sitemap a:hover {
  color: #f34;
  background-color: rgba(0, 0, 0, 0.035);
}

.sitemap a:active {
  color: #000;
  background-color: rgba(0, 0, 0, 0.035);
}

.sitemap > ul {
  padding: 0;
  margin: 1em 0;
  position: relative;
  overflow: hidden;
}

.sitemap > ul > li > ul {
  padding-left: 0;
}

.sitemap > ul ul {
  list-style: none;
  padding: 0 0 0 2em;
  margin: 0;
}

.sitemap > ul ul li {
  position: relative;
  margin: .1em 0;
}

.sitemap > ul ul li:hover {
  background-color: rgba(0, 0, 0, 0.035);
}

.sitemap > ul ul li a {
  position: relative;
  padding-left: 2.5em;
}

.sitemap > ul ul li a:before, .sitemap > ul ul li a:after {
  content: '';
  position: absolute;
  top: .2em;
  width: 1600px;
  height: 1.4em;
  text-align: right;
  opacity: .3;
  background: transparent repeat-x center right;
}

.sitemap > ul ul li a:before {
  left: 0;
  width: 2em;
  background-image: url(pic/sitemap-start.svg);
}

.sitemap > ul ul li a:after {
  right: 100%;
  background-image: url(pic/sitemap-middle.svg);
}

.sitemap > ul ul li:last-child > a:only-child:before {
  background-image: url(pic/sitemap-end.svg);
}

.button {
  position: relative;
  vertical-align: top;
  font-size: 1rem;
  min-height: 2.25em;
  line-height: 1.75em;
  padding: 0.25em 0.75em;
  border: 1px solid #bfbfbf;
  border-radius: 0.25em;
  background-color: transparent;
  -webkit-transition: .25s ease;
  transition: .25s ease;
  text-decoration: none;
  color: inherit;
  max-width: 100%;
}

.button {
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  fill: #807f7f;
  line-height: calc( 1.75em - 3px);
}

.button > span {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
}

.button > span > svg {
  display: inline-block;
  position: relative;
  height: 1.25em;
  width: 1.25em;
  flex-shrink: 0;
  fill: inherit;
}

.button > span > svg:first-child {
  margin-right: 0.5em;
}

.button > span > svg:last-child {
  margin-left: 0.5em;
}

.button > span > svg:only-child {
  margin-left: 0;
  margin-right: 0;
}

.button > span > span {
  display: inline-block;
  text-align: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
}

.button--without-bd:not(:hover) {
  border-color: transparent;
}

.button:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
  opacity: 0;
  -webkit-transition: .25s ease;
  transition: .25s ease;
}

.button:hover {
  fill: #404040;
  color: #404040;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.button:active {
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.button:active:before {
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  opacity: 1;
}

.button.is-active {
  background-color: #8074ff;
  border-color: #8074ff;
  color: #fff;
  fill: currentColor;
  -webkit-transform: none !important;
  transform: none !important;
}

.button.is-active:before {
  display: none;
}

.button.is-disabled, .button[disabled] {
  cursor: default;
  pointer-events: none;
  color: #807f7f;
  fill: currentColor;
  border-color: transparent;
  background-color: #e6e6e6;
}

.button--only-icon > span svg {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.button--only-icon > span > span {
  display: none;
}

.button--primary {
  background-color: #8074ff;
  border-color: #8074ff;
  color: #fff;
  fill: currentColor;
}

.button--primary:hover {
  color: white;
  fill: white;
  background-color: #978eff;
  border-color: #8074ff;
}

.button--primary-o {
  border-color: #8074ff;
  color: #8074ff;
  fill: currentColor;
}

.button--primary-o:hover {
  color: white;
  fill: white;
  background-color: #978eff;
  border-color: #8074ff;
}

.button--primary-w {
  border-color: #8074ff;
  color: #fff;
  fill: #fff;
}

.button--primary-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #8074ff;
  border-color: #8074ff;
}

.button--secondary {
  background-color: #e652a6;
  border-color: #e652a6;
  color: #fff;
  fill: currentColor;
}

.button--secondary:hover {
  color: white;
  fill: white;
  background-color: #e968b1;
  border-color: #e652a6;
}

.button--secondary-o {
  border-color: #e652a6;
  color: #e652a6;
  fill: currentColor;
}

.button--secondary-o:hover {
  color: white;
  fill: white;
  background-color: #e968b1;
  border-color: #e652a6;
}

.button--secondary-w {
  border-color: #e652a6;
  color: #fff;
  fill: #fff;
}

.button--secondary-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #e652a6;
  border-color: #e652a6;
}

.button--success {
  background-color: #c1af7a;
  border-color: #c1af7a;
  color: #fff;
  fill: currentColor;
}

.button--success:hover {
  color: white;
  fill: white;
  background-color: #c9b98b;
  border-color: #c1af7a;
}

.button--success-o {
  border-color: #c1af7a;
  color: #c1af7a;
  fill: currentColor;
}

.button--success-o:hover {
  color: white;
  fill: white;
  background-color: #c9b98b;
  border-color: #c1af7a;
}

.button--success-w {
  border-color: #c1af7a;
  color: #fff;
  fill: #fff;
}

.button--success-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #c1af7a;
  border-color: #c1af7a;
}

.button--warning {
  background-color: #c89600;
  border-color: #c89600;
  color: #fff;
  fill: currentColor;
}

.button--warning:hover {
  color: white;
  fill: white;
  background-color: #e2a900;
  border-color: #c89600;
}

.button--warning-o {
  border-color: #c89600;
  color: #c89600;
  fill: currentColor;
}

.button--warning-o:hover {
  color: white;
  fill: white;
  background-color: #e2a900;
  border-color: #c89600;
}

.button--warning-w {
  border-color: #c89600;
  color: #fff;
  fill: #fff;
}

.button--warning-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #c89600;
  border-color: #c89600;
}

.button--danger {
  background-color: #ff6262;
  border-color: #ff6262;
  color: #fff;
  fill: currentColor;
}

.button--danger:hover {
  color: white;
  fill: white;
  background-color: #ff7c7c;
  border-color: #ff6262;
}

.button--danger-o {
  border-color: #ff6262;
  color: #ff6262;
  fill: currentColor;
}

.button--danger-o:hover {
  color: white;
  fill: white;
  background-color: #ff7c7c;
  border-color: #ff6262;
}

.button--danger-w {
  border-color: #ff6262;
  color: #fff;
  fill: #fff;
}

.button--danger-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #ff6262;
  border-color: #ff6262;
}

.button--info {
  background-color: #00b3fe;
  border-color: #00b3fe;
  color: #fff;
  fill: currentColor;
}

.button--info:hover {
  color: white;
  fill: white;
  background-color: #19bbff;
  border-color: #00b3fe;
}

.button--info-o {
  border-color: #00b3fe;
  color: #00b3fe;
  fill: currentColor;
}

.button--info-o:hover {
  color: white;
  fill: white;
  background-color: #19bbff;
  border-color: #00b3fe;
}

.button--info-w {
  border-color: #00b3fe;
  color: #fff;
  fill: #fff;
}

.button--info-w:hover {
  color: #fff;
  fill: #fff;
  background-color: #00b3fe;
  border-color: #00b3fe;
}

.button--sm-size {
  font-size: 12px;
}

.button--md-size {
  font-size: 14px;
}

.button--lg-size {
  font-size: 18px;
}

.button--xl-size {
  font-size: 20px;
}

.button--expand-element, .button--expand-text {
  display: block;
  width: 100%;
}

.button--expand-element + .button, .button--expand-text + .button {
  margin-top: 0.25em;
}

.button--expand-element {
  text-align: center;
}

.button--expand-element > span {
  display: -webkit-inline-box;
  display: inline-flex;
  vertical-align: middle;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.buttons-group {
  display: -webkit-box;
  display: flex;
}

.buttons-group--start {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.buttons-group--center {
  -webkit-box-pack: center;
  justify-content: center;
}

.buttons-group--end {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.buttons-group .button {
  border-radius: 0;
  border-left-width: 0;
}

.buttons-group .button:first-child {
  border-left-width: 1px;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.buttons-group .button:last-child {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

.buttons-group .button--disabled + .button, .buttons-group .button[disabled] + .button {
  border-left-width: 1px;
}

.buttons-group--sm-size .button {
  font-size: 12px;
}

.buttons-group--md-size .button {
  font-size: 14px;
}

.buttons-group--lg-size .button {
  font-size: 18px;
}

.buttons-group--xl-size .button {
  font-size: 20px;
}

.pagination {
  text-align: center;
}

.form__info {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: .7em;
  background-color: #000;
  color: #fff;
  padding: .1em .3em;
}

input:focus ~ .form__info,
textarea:focus ~ .form__info,
select:focus ~ .form__info {
  display: block;
}

.control-holder {
  position: relative;
}

.control-holder label.has-error {
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .75em;
  line-height: 1em;
  padding: .1em .5em;
  background-color: #000;
  color: #fff;
}

#fPopUp {
  max-width: 80% !important;
  min-width: 280px !important;
}

.grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.grid .gbox {
  height: 100%;
  min-height: 100%;
}

.grid--1 > .gcell {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}

.grid--2 > .gcell {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
}

.grid--3 > .gcell {
  width: 33.3333333%;
  max-width: 33.3333333%;
  flex-basis: 33.3333333%;
}

.grid--4 > .gcell {
  width: 25%;
  max-width: 25%;
  flex-basis: 25%;
}

.grid--5 > .gcell {
  width: 20%;
  max-width: 20%;
  flex-basis: 20%;
}

.grid--6 > .gcell {
  width: 16.6666667%;
  max-width: 16.6666667%;
  flex-basis: 16.6666667%;
}

.grid--7 > .gcell {
  width: 14.2857143%;
  max-width: 14.2857143%;
  flex-basis: 14.2857143%;
}

.grid--8 > .gcell {
  width: 12.5%;
  max-width: 12.5%;
  flex-basis: 12.5%;
}

.grid--9 > .gcell {
  width: 11.1111111%;
  max-width: 11.1111111%;
  flex-basis: 11.1111111%;
}

.grid--10 > .gcell {
  width: 10%;
  max-width: 10%;
  flex-basis: 10%;
}

.grid--11 > .gcell {
  width: 9.0909091%;
  max-width: 9.0909091%;
  flex-basis: 9.0909091%;
}

.grid--12 > .gcell {
  width: 8.3333333%;
  max-width: 8.3333333%;
  flex-basis: 8.3333333%;
}

.grid--space-sm {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.grid--space-sm > .gcell {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.grid--space-md {
  margin-left: -5px;
  margin-right: -5px;
}

.grid--space-md > .gcell {
  padding-left: 5px;
  padding-right: 5px;
}

.grid--space-def {
  margin-left: -10px;
  margin-right: -10px;
}

.grid--space-def > .gcell {
  padding-left: 10px;
  padding-right: 10px;
}

.grid--space-lg {
  margin-left: -15px;
  margin-right: -15px;
}

.grid--space-lg > .gcell {
  padding-left: 15px;
  padding-right: 15px;
}

.grid--space-xl {
  margin-left: -20px;
  margin-right: -20px;
}

.grid--space-xl > .gcell {
  padding-left: 20px;
  padding-right: 20px;
}

.grid--space-mg {
  margin-left: -25px;
  margin-right: -25px;
}

.grid--space-mg > .gcell {
  padding-left: 25px;
  padding-right: 25px;
}

.grid > .gcell {
  display: inline-block;
}

.grid > .gcell--1 {
  width: 8.3333333%;
  max-width: 8.3333333%;
  flex-basis: 8.3333333%;
}

.grid > .gcell--2 {
  width: 16.6666667%;
  max-width: 16.6666667%;
  flex-basis: 16.6666667%;
}

.grid > .gcell--3 {
  width: 25%;
  max-width: 25%;
  flex-basis: 25%;
}

.grid > .gcell--4 {
  width: 33.3333333%;
  max-width: 33.3333333%;
  flex-basis: 33.3333333%;
}

.grid > .gcell--5 {
  width: 41.6666667%;
  max-width: 41.6666667%;
  flex-basis: 41.6666667%;
}

.grid > .gcell--6 {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
}

.grid > .gcell--7 {
  width: 58.3333333%;
  max-width: 58.3333333%;
  flex-basis: 58.3333333%;
}

.grid > .gcell--8 {
  width: 66.6666667%;
  max-width: 66.6666667%;
  flex-basis: 66.6666667%;
}

.grid > .gcell--9 {
  width: 75%;
  max-width: 75%;
  flex-basis: 75%;
}

.grid > .gcell--10 {
  width: 83.3333333%;
  max-width: 83.3333333%;
  flex-basis: 83.3333333%;
}

.grid > .gcell--11 {
  width: 91.6666667%;
  max-width: 91.6666667%;
  flex-basis: 91.6666667%;
}

.grid > .gcell--12 {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}

.grid--inline {
  display: -webkit-inline-box;
  display: inline-flex;
}

.grid--items-start {
  -webkit-box-align: start;
  align-items: flex-start;
}

.grid--items-end {
  -webkit-box-align: end;
  align-items: flex-end;
}

.grid--items-center {
  -webkit-box-align: center;
  align-items: center;
}

.grid--items-stretch {
  -webkit-box-align: stretch;
  align-items: stretch;
}

.grid--justify-start {
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.grid--justify-end {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.grid--justify-center {
  -webkit-box-pack: center;
  justify-content: center;
}

.grid--justify-between {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.grid--justify-around {
  justify-content: space-around;
}

.grid--nowrap {
  flex-wrap: nowrap;
}

.grid--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.grid--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.grid--row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.grid > .gcell--start {
  align-self: flex-start;
}

.grid > .gcell--end {
  align-self: flex-end;
}

.grid > .gcell--center {
  -ms-grid-row-align: center;
  align-self: center;
}

.grid > .gcell--stretch {
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.grid > .gcell--nogrow {
  -webkit-box-flex: 0;
  flex-grow: 0;
}

.grid > .gcell--grow {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.grid > .gcell--shrink {
  flex-shrink: 1;
}

.grid > .gcell--noshrink {
  flex-shrink: 0;
}

.grid > .gcell--order-start {
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.grid > .gcell--order-end {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.grid > .gcell--noorder {
  -webkit-box-ordinal-group: 1;
  order: 0;
}

.grid > .gcell--nobasis {
  flex-basis: 0;
}

.grid > .gcell--parser-half {
  width: 360px;
  max-width: 360px;
  flex-basis: 360px;
}

._color-black {
  color: #000;
}

._color-gray90 {
  color: #1a1a1a;
}

._color-gray75 {
  color: #404040;
}

._color-gray50 {
  color: #807f7f;
}

._color-gray25 {
  color: #bfbfbf;
}

._color-gray10 {
  color: #e6e6e6;
}

._color-white {
  color: #fff;
}

._color-link {
  color: #43f;
}

._color-primary {
  color: #8074ff;
}

._color-secondary {
  color: #e652a6;
}

._color-success {
  color: #c1af7a;
}

._color-info {
  color: #00b3fe;
}

._color-warning {
  color: #c89600;
}

._color-danger {
  color: #ff6262;
}

._bgcolor-black {
  background-color: #000;
}

._bgcolor-gray90 {
  background-color: #1a1a1a;
}

._bgcolor-gray75 {
  background-color: #404040;
}

._bgcolor-gray50 {
  background-color: #807f7f;
}

._bgcolor-gray25 {
  background-color: #bfbfbf;
}

._bgcolor-gray10 {
  background-color: #e6e6e6;
}

._bgcolor-white {
  background-color: #fff;
}

._bgcolor-link {
  background-color: #43f;
}

._bgcolor-primary {
  background-color: #8074ff;
}

._bgcolor-secondary {
  background-color: #e652a6;
}

._bgcolor-success {
  background-color: #c1af7a;
}

._bgcolor-info {
  background-color: #00b3fe;
}

._bgcolor-warning {
  background-color: #c89600;
}

._bgcolor-danger {
  background-color: #ff6262;
}

._fill-black {
  fill: #000;
}

._fill-gray90 {
  fill: #1a1a1a;
}

._fill-gray75 {
  fill: #404040;
}

._fill-gray50 {
  fill: #807f7f;
}

._fill-gray25 {
  fill: #bfbfbf;
}

._fill-gray10 {
  fill: #e6e6e6;
}

._fill-white {
  fill: #fff;
}

._fill-link {
  fill: #43f;
}

._fill-primary {
  fill: #8074ff;
}

._fill-secondary {
  fill: #e652a6;
}

._fill-success {
  fill: #c1af7a;
}

._fill-info {
  fill: #00b3fe;
}

._fill-warning {
  fill: #c89600;
}

._fill-danger {
  fill: #ff6262;
}

._left {
  float: left;
}

._right {
  float: right;
}

._overflow {
  overflow: hidden;
}

._clear {
  clear: both;
}

._clear-after:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

._no-hover {
  cursor: default !important;
  -webkit-transform: none !important;
  transform: none !important;
}

._dib {
  display: inline-block;
}

._db {
  display: inline-block;
}

._text-left {
  text-align: left;
}

._text-right {
  text-align: right;
}

._text-center {
  text-align: center;
}

._ellipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._hide {
  display: none;
}

._hide\! {
  display: none !important;
}

._m-sm {
  margin: 0.4166667rem !important;
}

._mtb-sm {
  margin-top: 0.4166667rem !important;
  margin-bottom: 0.4166667rem !important;
}

._mlr-sm {
  margin-left: 0.4166667rem !important;
  margin-right: 0.4166667rem !important;
}

._m-md {
  margin: 0.8333333rem !important;
}

._mtb-md {
  margin-top: 0.8333333rem !important;
  margin-bottom: 0.8333333rem !important;
}

._mlr-md {
  margin-left: 0.8333333rem !important;
  margin-right: 0.8333333rem !important;
}

._m-def {
  margin: 1.6666667rem !important;
}

._mtb-def {
  margin-top: 1.6666667rem !important;
  margin-bottom: 1.6666667rem !important;
}

._mlr-def {
  margin-left: 1.6666667rem !important;
  margin-right: 1.6666667rem !important;
}

._m-lg {
  margin: 2.5rem !important;
}

._mtb-lg {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

._mlr-lg {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

._m-xl {
  margin: 3.3333333rem !important;
}

._mtb-xl {
  margin-top: 3.3333333rem !important;
  margin-bottom: 3.3333333rem !important;
}

._mlr-xl {
  margin-left: 3.3333333rem !important;
  margin-right: 3.3333333rem !important;
}

._m-mg {
  margin: 4.1666667rem !important;
}

._mtb-mg {
  margin-top: 4.1666667rem !important;
  margin-bottom: 4.1666667rem !important;
}

._mlr-mg {
  margin-left: 4.1666667rem !important;
  margin-right: 4.1666667rem !important;
}

._mt-sm {
  margin-top: 0.4166667rem !important;
}

._mt-md {
  margin-top: 0.8333333rem !important;
}

._mt-def {
  margin-top: 1.6666667rem !important;
}

._mt-lg {
  margin-top: 2.5rem !important;
}

._mt-xl {
  margin-top: 3.3333333rem !important;
}

._mt-mg {
  margin-top: 4.1666667rem !important;
}

._mr-sm {
  margin-right: 0.4166667rem !important;
}

._mr-md {
  margin-right: 0.8333333rem !important;
}

._mr-def {
  margin-right: 1.6666667rem !important;
}

._mr-lg {
  margin-right: 2.5rem !important;
}

._mr-xl {
  margin-right: 3.3333333rem !important;
}

._mr-mg {
  margin-right: 4.1666667rem !important;
}

._mb-sm {
  margin-bottom: 0.4166667rem !important;
}

._mb-md {
  margin-bottom: 0.8333333rem !important;
}

._mb-def {
  margin-bottom: 1.6666667rem !important;
}

._mb-lg {
  margin-bottom: 2.5rem !important;
}

._mb-xl {
  margin-bottom: 3.3333333rem !important;
}

._mb-mg {
  margin-bottom: 4.1666667rem !important;
}

._ml-sm {
  margin-left: 0.4166667rem !important;
}

._ml-md {
  margin-left: 0.8333333rem !important;
}

._ml-def {
  margin-left: 1.6666667rem !important;
}

._ml-lg {
  margin-left: 2.5rem !important;
}

._ml-xl {
  margin-left: 3.3333333rem !important;
}

._ml-mg {
  margin-left: 4.1666667rem !important;
}

._p-sm {
  padding: 0.4166667rem !important;
}

._ptb-sm {
  padding-top: 0.4166667rem !important;
  padding-bottom: 0.4166667rem !important;
}

._plr-sm {
  padding-left: 0.4166667rem !important;
  padding-right: 0.4166667rem !important;
}

._p-md {
  padding: 0.8333333rem !important;
}

._ptb-md {
  padding-top: 0.8333333rem !important;
  padding-bottom: 0.8333333rem !important;
}

._plr-md {
  padding-left: 0.8333333rem !important;
  padding-right: 0.8333333rem !important;
}

._p-def {
  padding: 1.6666667rem !important;
}

._ptb-def {
  padding-top: 1.6666667rem !important;
  padding-bottom: 1.6666667rem !important;
}

._plr-def {
  padding-left: 1.6666667rem !important;
  padding-right: 1.6666667rem !important;
}

._p-lg {
  padding: 2.5rem !important;
}

._ptb-lg {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

._plr-lg {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

._p-xl {
  padding: 3.3333333rem !important;
}

._ptb-xl {
  padding-top: 3.3333333rem !important;
  padding-bottom: 3.3333333rem !important;
}

._plr-xl {
  padding-left: 3.3333333rem !important;
  padding-right: 3.3333333rem !important;
}

._p-mg {
  padding: 4.1666667rem !important;
}

._ptb-mg {
  padding-top: 4.1666667rem !important;
  padding-bottom: 4.1666667rem !important;
}

._plr-mg {
  padding-left: 4.1666667rem !important;
  padding-right: 4.1666667rem !important;
}

._pt-sm {
  padding-top: 0.4166667rem !important;
}

._pt-md {
  padding-top: 0.8333333rem !important;
}

._pt-def {
  padding-top: 1.6666667rem !important;
}

._pt-lg {
  padding-top: 2.5rem !important;
}

._pt-xl {
  padding-top: 3.3333333rem !important;
}

._pt-mg {
  padding-top: 4.1666667rem !important;
}

._pr-sm {
  padding-right: 0.4166667rem !important;
}

._pr-md {
  padding-right: 0.8333333rem !important;
}

._pr-def {
  padding-right: 1.6666667rem !important;
}

._pr-lg {
  padding-right: 2.5rem !important;
}

._pr-xl {
  padding-right: 3.3333333rem !important;
}

._pr-mg {
  padding-right: 4.1666667rem !important;
}

._pb-sm {
  padding-bottom: 0.4166667rem !important;
}

._pb-md {
  padding-bottom: 0.8333333rem !important;
}

._pb-def {
  padding-bottom: 1.6666667rem !important;
}

._pb-lg {
  padding-bottom: 2.5rem !important;
}

._pb-xl {
  padding-bottom: 3.3333333rem !important;
}

._pb-mg {
  padding-bottom: 4.1666667rem !important;
}

._pl-sm {
  padding-left: 0.4166667rem !important;
}

._pl-md {
  padding-left: 0.8333333rem !important;
}

._pl-def {
  padding-left: 1.6666667rem !important;
}

._pl-lg {
  padding-left: 2.5rem !important;
}

._pl-xl {
  padding-left: 3.3333333rem !important;
}

._pl-mg {
  padding-left: 4.1666667rem !important;
}

._m-auto {
  margin: auto !important;
}

._ml-auto {
  margin-left: auto !important;
}

._mr-auto {
  margin-right: auto !important;
}

._mlr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/**Header*/
.view-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
}

/*Brand box*/
.brand-box {
  width: 100%;
  background-color: #3285ec;
}

.logo {
  padding: 8px 0 6px;
}

.logo__link {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding-top: 4px;
}

.logo__img-box {
  display: inline-block;
  vertical-align: middle;
}

.logo__slogan-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.logo__slogan {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  font-weight: lighter;
}

.logo__gerb {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.search-box {
  text-align: right;
  padding-top: 8px;
}

.search-box__phones {
  display: inline-block;
  vertical-align: middle;
}

.search-box__phones-ico-box {
  display: inline-block;
  vertical-align: middle;
}

.search-box__phones-number {
  font-family: "Proxima Nova";
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  margin: 18px 0 16px 15px;
  text-decoration: none;
  outline: none;
}

.search-box__phones-number:hover {
  color: #fad900;
}

.search-box__phones-ico {
  width: 24px;
  height: 24px;
  fill: #fad900;
}

.search-box__form-search {
  display: inline-block;
}

.search-box__form-search {
  width: 290px;
  border: 1px solid #ffffff;
  margin-left: 20px;
}

.search-box__form-search-field {
  font-family: "Proxima Nova";
  color: #ffffff;
  background-color: transparent;
  padding: 8px 12px;
  width: 86%;
  border: none;
  outline: none;
}

.search-box__form-search-field::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.search-box__form-search-field::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.search-box__form-search-field:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.search-box__search-button {
  padding: 7px 10px 0;
  vertical-align: top;
  margin-left: -5px;
  background-color: transparent;
  border: none;
  outline: none;
}

.search-box__search-button-ico {
  width: 20px;
  height: 20px;
  fill: #fad900;
}

.mobile-menu__button-box {
  display: none;
}

.mobile-menu__button-box .hamburger {
  padding: 10px 0 0;
}

#mobile-menu-icon {
  outline: none;
}

/*Brand box End*/
/*Menu*/
.menu {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  background-color: #e2e2e2;
}

.menu__list {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

.menu__item {
  display: inline-block;
  margin: 0 30px;
}

.menu__link {
  font-family: "Proxima Nova";
  font-weight: bold;
  font-size: 14px;
  color: #686868;
  text-transform: uppercase;
  text-decoration: none;
}

.menu__link:hover,
.menu__link:focus {
  text-decoration: none;
  color: #000000;
  outline: none;
}

/*Menu End*/
/**Header End*/
/**Main slider*/
.main-slider {
  position: relative;
}

.banner {
  position: absolute;
  left: 320px;
  bottom: 100px;
  background: rgba(17, 39, 64, 0.79);
  padding: 5px 45px;
  width: 38%;
  z-index: 2;
}

.banner__content:before {
  position: absolute;
  top: -30px;
  left: -35px;
  content: "";
  background: url("../css/pic/banner-textt-dekor.png") no-repeat;
  width: 91px;
  height: 106px;
  z-index: 2;
}

.banner__content {
  position: relative;
  font-family: "Proxima Nova";
  font-size: 40px;
  color: #fefefe;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}

.main-slider .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 107px;
}

.main-slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: auto;
  /* Center slide text vertically */
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.main-slider__slide{
  width: 100%;
}
/*For test*/
.main-slider .swiper-slide {
  background-color: #00b3fe;
}

/*For test End*/
.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  background-image: none;
  width: 50px;
  height: 50px;
  top: 84%;
}

.no-touchevents .main-slider .swiper-button-prev:hover .swiper-button__arrow-prev,
.no-touchevents .main-slider .swiper-button-next:hover .swiper-button__arrow-next {
  fill: #fad900;
}

.main-slider .swiper-button__arrow-prev,
.main-slider .swiper-button__arrow-next {
  width: 50px;
  height: 50px;
  fill: #ffffff;
  stroke-width: 1px;
}

.main-slider .swiper-button-next {
  right: 16%;
}

.main-slider .swiper-button-prev {
  left: 78.5%;
}

.main-slider .swiper-pagination {
  text-align: left;
}

.main-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 20%;
}

.main-slider .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  background: rgba(255, 255, 255, 0);
  opacity: 1;
}

.main-slider .swiper-pagination-bullet-active {
  background: white;
}

/**Main slider End*/
/**News*/
.news {
  background-color: #f2f3f6;
  padding: 50px 0 60px;
}
.news__block .gcell{
  display: flex;
}
.all-news-box {
  padding-top: 1px;
}

.news #all-news {
  float: right;
  margin-top: 5px;
  margin-right: 15px;
  z-index: 2;
}

.news #mobile-all-news {
  display: none;
}

.news__title {
  display: inline-block;
  float: left;
  color: #000000;
  margin-top: 0;
  margin-bottom: 50px;
  vertical-align: bottom;
}

.news__box {
  background-color: #ffffff;
  border: 1px solid #e7e8eb;
  padding: 0 0 60px;
  overflow: hidden;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.news__logo {
  display: block;
  overflow: hidden;
  //width: 415px;
  //height: 369px;
}

.news__logo-img {
  width: 100%;
  height: auto;
}

.news__preview-content {
  padding: 0 15px 15px;
}

.news__date {
  font-family: "Proxima Nova";
  font-size: 13px;
  color: #a1a1a1;
  margin: 20px 0;
}

.news__head {
  display: block;
  font-family: "Proxima Nova";
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.news__head:hover,
.news__head:focus {
  color: #019fe6;
}

.news__content {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  margin: 30px 0 50px;
}

.news__detailed {
  position: relative;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #019fe6;
  font-weight: bold;
  text-decoration: none;
}

.news__detailed:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -20px;
  width: 9px;
  height: 14px;
  background: url("../css/pic/more-arrow.png") no-repeat;
}

.news__detailed:hover {
  text-decoration: underline;
}

.news__button-box {
  text-align: center;
  padding-top: 55px;
}

.news__button-more {
  display: inline-block;
  position: relative;
  padding: 15px 65px 15px 30px;
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #019fe6;
  text-transform: uppercase;
  font-weight: bold;
  border: 2px solid #019fe6;
  text-decoration: none;
  outline: none;
}

.news__button-more:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 25px;
  width: 25px;
  height: 25px;
  background: url("../css/pic/button-more-ico.png") no-repeat;
  z-index: 2;
}

.news__button-more:hover {
  background-color: #3285EC;
  color: #ffffff;
}

.news__button-more:hover.news__button-more:after {
  background: url("../css/pic/button-more-ico-hover.png") no-repeat;
}

/**News End*/
/**Links*/
.links {
  padding: 60px 0;
}
.links__block .gcell{
  display: flex;
}
.links__title {
  color: #000000;
  margin-top: 0;
  margin-bottom: 50px;
}

.links__box {
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  //height: 100%;
  //min-height: 285px;
  width: 100%;
}

.links__logo {
  display: block;
  //width: 197px;
  //height: 151px;
  overflow: hidden;
}

.links__logo-img {
  width: 100%;
  height: auto;
}

.links__head {
  display: block;
  text-decoration: none;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  margin: 20px 0 30px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.links__head:hover,
.links__head:focus {
  color: #019fe6;
}

/**Links End*/
/**Last-news*/
.last-news {
  text-align: center;
  padding: 60px 0;
  background-color: #22377a;
}

.last-news__title {
  display: inline-block;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 50px;
}

.news__box {
  //height: 100%;
  //min-height: 775px;
}

.last-news__form-field-box {
  display: inline-block;
  max-width: 360px;
  overflow: hidden;
  text-align: left;
}

.last-news__form-field {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000023;
  padding: 15px 20px;
  border-radius: 0;
  border: none;
  width: 360px;
}

.last-news__form-button {
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #ffff00;
  padding: 14px 30px;
  background-color: transparent;
  border-radius: 0;
  border: 2px solid #ffff00;
  text-transform: uppercase;
  vertical-align: top;
  margin-left: 10px;
}

.last-news__form-button:hover {
  background-color: #ffff00;
  color: #22377A;
}

/**Last-news End*/
/**Contacts*/
.contacts {
  padding: 60px 0;
}

.footer-logo__box {
  display: inline-block;
  text-decoration: none;
}

.footer-logo__img-box {
  display: inline-block;
  vertical-align: top;
}

.footer-logo__slogan {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 20px;
  font-family: "Proxima Nova";
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  line-height: 17px;
}

.footer-logo__site-map-box {
  padding-left: 70px;
  margin-top: 30px;
}

.footer-logo__site-map {
  display: inline-block;
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #019fe6;
  text-decoration: none;
}

.footer-logo__site-map:hover {
  border-bottom: 1px solid #c2c4c5;
}

.info__title-box {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c2c4c5;
}

.info__ico-box {
  display: inline-block;
  vertical-align: middle;
}

.info__ico {
  width: 20px;
  height: 20px;
  fill: #019fe6;
}

.info__title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #019fe6;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}

.info__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.info__link {
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}

.info__link:hover,
.info__link:focus {
  color: #019fe6;
}

.phone__title-box,
.email__title-box {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c2c4c5;
}

.phone__ico-box,
.email__ico-box {
  display: inline-block;
  vertical-align: middle;
}

.phone__ico,
.email__ico {
  width: 20px;
  height: 20px;
  fill: #019fe6;
}

.phone__title,
.email__title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #019fe6;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}

.phone__list,
.email__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.phone__link,
.email__link {
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}

.phone__link:hover,
.email__link:hover {
  color: #019fe6;
}

/**Copyrighted*/
.copyrighted {
  padding: 30px 0 20px;
  border-top: 1px solid #c2c4c5;
}

.copyrighted__owner {
  font-family: Arial;
  font-size: 11px;
  color: #a0a9b0;
}

.copyrighted__powered-box {
  text-align: right;
}

.copyrighted__powered-ico-box {
  display: inline-block;
  vertical-align: middle;
}

.copyrighted__powered-ico {
  width: 43px;
  height: 18px;
  fill: #ff1800;
}

.copyrighted__powered-title-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  text-decoration: none;
}

.copyrighted__powered-title {
  font-family: Arial;
  font-size: 11px;
  color: #a0a9b0;
  text-align: left;
  margin: 0;
}

/**Copyrighted End*/
/**Spacial classes*/

.menu-arrow.up{
  background: url("pic/menu-arrow-up.png") no-repeat;
}
.menu-arrow.down{
  background: url("pic/menu-arrow-down.png") no-repeat;
}
.title-decoration:before {
  position: absolute;
  top: -10px;
  left: -8px;
  content: "";
  background: url("../css/pic/title-decoration.png") no-repeat;
  width: 32px;
  height: 62px;
  z-index: -1;
}

.title-decoration {
  position: relative;
  font-family: "Proxima Nova";
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  overflow-wrap: break-word;
  z-index: 0;
}
/**Spacial classes End*/
/**Mmenu skins*/
.mm-navbar > .search-box__form-search {
  padding: 0;
}

.mm-navbar {
  height: 56px;
  top: 20px;
  text-align: left;
}

.mm-navbars-top {
  border-bottom: none;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 20px;
}

#mobile-menu .search-box__form-search {
  border: 1px solid #DADADA;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: none;
}

.mm-listview .mm-next:before {
  border: none;
}

.hamburger-inner:before {
  top: -8px;
}

.hamburger-inner, .hamburger-inner:after,
.hamburger-inner:before {
  width: 35px;
  background-color: #ffffff;
}

.hamburger-inner:after {
  bottom: -8px;
}

/**Mmenu skins End*/
.grid {
  margin: 0 -10px;
}

.gcell {
  padding: 0 10px 15px;
}

.view-header .gcell {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.view-footer .gcell {
  padding-bottom: 0;
}

.sort-block .gcell {
  padding-right: 0;
}

.sitemap {
  margin-top: 120px;
}

blockquote{
  background-color: transparent;
  border-left: 3px solid #fad900;
  margin-left: 0;
  padding-left: 20px;
  font-weight: bold;
  color: #000000;
}

.page-banner {
  position: relative;
  margin-top: 110px;
}

.page-banner__img-box {
  line-height: 0;
}

.page-banner__title-box {
  position: absolute;
  text-align: center;
  top: 15%;
  left: 0;
  right: 0;
}

.page-banner__title:before {
  position: absolute;
  top: -15px;
  left: -27px;
  content: "";
  background: url("../css/pic/banner-textt-dekor-1.png") no-repeat;
  width: 91px;
  height: 106px;
  z-index: 2;
}

.page-banner__title {
  display: inline;
  top: 35px;
  position: relative;
  font-family: "Proxima Nova";
  font-size: 40px;
  color: #fefefe;
  font-weight: bold;
  text-transform: uppercase;
}

.breadcrumbs {
  padding-bottom: 5px;
  margin-left: 0;
}

.departments {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.left-column {
  width: 33%;
}

.departments__list-block {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.departments__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.departments__list-item {
  border-bottom: 1px solid #eaeaea;
}

.departments__list-link {
  display: block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 20px;
}

.departments__list-link:hover {
  color: #000000;
  background-color: #fff8ca;
}

.right-column {
  width: 65%;
}

.departments__info {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0 20px 30px;
}

.departments__title {
  margin-bottom: 0;
}

.departments__employee-title,
.departments__employee-phone,
.departments__employee-office {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.departments__employee-title {
  margin-top: 30px;
}

.departments__employee-phone,
.departments__employee-office {
  margin: 0;
}

.departments__employee-name,
.departments__employee-number,
.departments__employee-room {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: normal;
}

.departments__employee-name {
  margin-top: 30px;
  margin-bottom: 0;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  margin: 20px 0;
}

.separator_bottom {
  margin-top: 90px;
}

.departments__instructions {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #019fe6;
  font-weight: bold;
  text-decoration: none;
}

.departments__instructions:hover {
  text-decoration: underline;
}

.documents {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.documents__list-block {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  //min-height: 230px;
}

.documents__list,
.documents__inner-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.documents__list-item,
.documents__inner-list-item {
  position: relative;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: bold;
}

.documents__list-item {
  position: relative;
  border-bottom: 1px solid #EAEAEA;
  outline: none;
}

.documents__inner-list-item > .documents__inner-list li {
  padding-left: 20px;
  background: #ffffff;
}


.documents__list-item:hover,
.documents__inner-list-item:hover {
  color: #000000;
}

.menu-arrow {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  background: url("../css/pic/menu-arrow-down.png") no-repeat;
  width: 13px;
  height: 9px;
  margin-left: 120px;
  cursor: pointer;
}

.documents__list-link,
.documents__innerlist-link {
  display: block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 20px;
}
.documents__list-link{
    cursor: pointer;
}

.documents__list-link:hover,
.documents__innerlist-link:hover {
  color: #000000;
}

.documents__list-link:hover {
  background-color: #fff8ca;
}

.documents__innerlist-link {
  padding: 15px 40px 0;
  background-color: #ffffff;
}

.documents__inner-list-item:last-child .documents__innerlist-link {
  padding-bottom: 15px;
}

.documents__info {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0 20px 30px;
}

.documents__title {
  margin-bottom: 45px;
}

.documents__block {
  margin-left: -24px;
}

.documents__box {
  display: inline-block;
  margin-bottom: 35px;
  margin-left: 24px;
  width: 30%;
  text-decoration: none;
  vertical-align: top;
}

.documents__logo {
  display: inline-block;
  vertical-align: top;
}

.documents__logo-title {
  display: inline-block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  padding-top: 3px;
  margin: 0 0 0 5px;
  width: 70%;
}

.documents__logo-title:hover {
  color: #019fe6;
}

.city-budget {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.city-budget__list-block {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.city-budget__list,
.city-budget__inner-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.city-budget__list-item,
.city-budget__inner-list-item {
  position: relative;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: bold;
}

.city-budget__list-item {
  position: relative;
  border-bottom: 1px solid #EAEAEA;
}

.city-budget__list-item:hover,
.city-budget__inner-list-item:hover {
  color: #000000;
  cursor: pointer;
}

.menu-arrow {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  background: url("../css/pic/menu-arrow-down.png") no-repeat;
  width: 13px;
  height: 9px;
  margin-left: 120px;
}

.city-budget__list-link,
.city-budget__innerlist-link {
  display: block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 20px;
}

.city-budget__list-link:hover,
.city-budget__innerlist-link:hover {
  color: #000000;
}

.city-budget__list-link:hover {
  background-color: #fff8ca;
}

.city-budget__inner-list-item:last-child .documents__innerlist-link {
  padding-bottom: 15px;
}

.city-budget__info {
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0 20px 30px;
}

.city-budget__title {
  margin-bottom: 45px;
}

.city-budget__block {
  margin-left: -24px;
}

.city-budget__box {
  display: inline-block;
  margin-bottom: 35px;
  margin-left: 24px;
  width: 30%;
  text-decoration: none;
  vertical-align: top;
}

.city-budget__logo {
  display: inline-block;
  vertical-align: top;
}

.city-budget__logo-title {
  display: inline-block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  padding-top: 3px;
  margin: 0 0 0 5px;
  width: 70%;
}

.city-budget__logo-title:hover {
  color: #019fe6;
}

.open-budget {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.open-budget__box {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 420px;
  height: 317px;
  overflow: hidden;
  vertical-align: top;
}

.open-budget__photo {
  width: 100%;
  height: auto;
}

.open-budget__photo-title {
  position: absolute;
  top: 30%;
  left: 13%;
  color: #ffffff;
}

.stewards {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.stewards__content {
  background-color: #ffffff;
  padding: 5px 30px 60px;
}

.stewards__title {
  margin-top: 20px;
}

.stewards__block {
  border-bottom: 1px solid #eaeaea;
}

.stewards__block:last-child {
  border-bottom: none;
}
.stewards__block .gcell{
  display: flex;
}
.stewards__box {
  border-left: 1px solid #eaeaea;
  margin: 0 -10px;
  padding: 15px;
  //height: 100%;
  overflow: hidden;
}

.stewards__box-title {
  margin-top: 0;
}

.gcell:first-child .stewards__box {
  border-left: none;
}

.stewards__box-title {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  overflow: hidden;
}

.stewards__box-link {
  display: block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #11a5e7;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news-page {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.news-page__news-feed {
  padding: 0 0 20px;
}

/**pagination_skins*/
.button.is-active {
  background-color: #27a6e8;
  border-color: #27a6e8;
}

/**pagination_skins End*/
.contacts-page {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.contacts-separator {
  height: 1px;
  background-color: #eeefef;
  width: 60%;
}

.contacts-page__content {
  background-color: #ffffff;
  padding: 40px 15px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.contacts-page__info-box {
  border-bottom: 1px solid #eeefef;
}

.adds__title-box,
.schedule__title-box {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 10px;
}

.adds__ico-box,
.schedule__ico-box {
  display: inline-block;
  vertical-align: middle;
}

.adds__ico,
.schedule__ico {
  width: 20px;
  height: 20px;
  fill: #019fe6;
}

.adds__title,
.schedule__title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}

.adds__list,
.schedule__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.adds__item,
.schedule__item {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
}

.phone-title_contacts-page,
.email-title_contacts-page {
  color: #000000;
}

.phone-title-box_contacts-page,
.email-title-box_contacts-page {
  border-bottom: none;
}

.phone-link_contacts-page,
.email-link_contacts-page {
  font-size: 16px;
}

.schedule__item-value {
  font-weight: bold;
}

.contacts-page__contacts-box {
  padding: 40px 0 0;
}

.office__name,
.office__worker,
.office__phone,
.office__number,
.office__email,
.office__email-value {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.office__phone,
.office__number,
.office__email {
  margin: 0;
}

.office__worker,
.office__phone-value,
office__number-value {
  font-weight: normal;
}

.office__email-value {
  color: #11a5e7;
}

.business-hours__name,
.business-hours__content {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.business-hours__content {
  font-weight: normal;
}

.contacts-page__map {
  margin-top: 10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

#map {
  height: 600px;
  width: 100%;
}

.search-page {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.search-site {
  background-color: #ffffff;
  padding: 20px 20px 45px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.documents-box {
  border-bottom: 1px solid #f4f5f6;
  background-color: #ffffff;
}

.search-site__result,
.search-site__result-value,
.documents-box__content {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.search-site__result-value {
  color: #22377a;
}

.documents-box__date-value,
.search-site__save {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #959595;
}

.search-site__save {
  color: #019fe6;
  margin: 10px 0;
}

.search-site__save-ico-box {
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  margin-left: 10px;
  padding: 0;
}

.search-site__save-ico {
  width: 20px;
  height: 20px;
  fill: #019fe6;
}

.search-site__save-ico-box:hover .search-site__save-ico {
  fill: #a7a6a6;
}

.documents-box__read-more {
  padding: 16px 0;
}

.search-page .pagination {
  margin-top: 55px;
}

.documents-inner {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.sort-block {
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  padding: 5px 20px;
}

.documents-inner .documents-box {
  border-bottom: none;
}

.sort-block:first-child {
  margin-top: 0;
}

.sort-block__name {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.sort-block__check {
  display: none;
}

.sort-block__label {
  display: block;
  cursor: pointer;
}

.sort-block__ico-box {
  display: inline-block;
  vertical-align: middle;
}

.sort-block__ico {
  width: 20px;
  height: 20px;
  fill: #919191;
}

.sort-block__name-value {
  display: inline-block;
  font-family: "Proxima Nova";
  font-size: 14px;
  color: #919191;
  vertical-align: middle;
}

.sort-block__label:hover .sort-block__name-value,
.sort-block__label:hover .sort-block__ico {
  color: #10a5e7;
  fill: #10a5e7;
}

.sort-block__check:checked ~ .sort-block__label .sort-block__name-value,
.sort-block__check:checked ~ .sort-block__label .sort-block__ico {
  color: #10a5e7;
  fill: #10a5e7;
}

.documents-inner .pagination {
  margin-top: 50px;
}

.clear {
  clear: both;
}

.news-inner {
  background-color: #f2f3f6;
  padding: 5px 0 55px;
}

.news-content {
  width: 65%;
}

.news-block {
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.news-block__date {
  font-family: "Proxima Nova";
  font-size: 13px;
  color: #a1a1a1;
}

.news-block__content {
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #686868;
  font-weight: 100;
}

.news-block__photo {
  height: auto;
  float: left;
  clear: right;
  margin-right: 20px;
  margin-bottom: 20px;
}

.news-block__text-title,
.news-block__blockquote {
  color: #000000;
  font-weight: bold;
}

.news-block__blockquote {
  border-left: 3px solid #fad900;
  margin-left: 0;
  padding-left: 20px;
}

.news-sidebar {
  width: 33%;
}

.news-preview {
  background-color: #ffffff;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
}

.news-preview__title {
  margin-left: 10px;
}

.news-preview__block {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px;
}

.news-preview__block:hover {
  background-color: #f2f3f6;
}

.news-preview__photo-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.news-preview__photo {
  width: 100%;
  height: auto;
}

.news-preview__text {
  display: block;
  font-family: "Proxima Nova";
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  margin-bottom: 20px;
}

.news-preview__date {
  font-family: "Proxima Nova";
  font-size: 13px;
  color: #a1a1a1;
  margin: 0;
}

.news-preview__all-news {
  margin: 30px 0 20px;
}

.news-preview .gcell {
  padding-bottom: 0;
}

.error-view {
  height: auto;
}

.error-view__block {
  margin: 9rem auto;
}

.menu__link_active {
  color: #000000;
}
.left-column .is-active {
  background-color: #FFF8CA;
  color: #000;
}
.is-active span{
  color: #000;
}
@media only screen and (min-width: 320px) {
  /*! $mqpacker hack */
}

@media only screen and (min-width: 375px) {
  /*! $mqpacker hack */

  .grid--xs-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--xs-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--xs-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--xs-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--xs-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--xs-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--xs-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--xs-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--xs-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--xs-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--xs-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--xs-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--xs-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--xs-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--xs-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--xs-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--xs-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--xs-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--xs-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--xs-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--xs-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--xs-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--xs-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--xs-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--xs-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--xs-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--xs-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--xs-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--xs-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--xs-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--xs-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--xs-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--xs-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--xs-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--xs-justify-around {
    justify-content: space-around;
  }

  .grid--xs-nowrap {
    flex-wrap: nowrap;
  }

  .grid--xs-wrap {
    flex-wrap: wrap;
  }

  .grid--xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--xs-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--xs-start {
    align-self: flex-start;
  }

  .grid > .gcell--xs-end {
    align-self: flex-end;
  }

  .grid > .gcell--xs-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--xs-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--xs-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--xs-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--xs-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--xs-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--xs-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--xs-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--xs-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--xs-nobasis {
    flex-basis: 0;
  }

  .grid--xs-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--xs-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--xs-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--xs-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--xs-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--xs-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--xs-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--xs-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--xs-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--xs-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--xs-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--xs-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--xs-nospace {
    margin: 0;
  }

  .grid--xs-nospace > .gcell {
    padding: 0;
  }

  ._xs-left {
    float: left;
  }

  ._xs-right {
    float: right;
  }

  ._xs-overflow {
    overflow: hidden;
  }

  ._xs-text-left {
    text-align: left;
  }

  ._xs-text-right {
    text-align: right;
  }

  ._xs-text-center {
    text-align: center;
  }

  ._xs-hide {
    display: none;
  }

  ._xs-hide\! {
    display: none !important;
  }

  ._xs-m-sm {
    margin: 0.4166667rem !important;
  }

  ._xs-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._xs-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._xs-m-md {
    margin: 0.8333333rem !important;
  }

  ._xs-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._xs-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._xs-m-def {
    margin: 1.6666667rem !important;
  }

  ._xs-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._xs-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._xs-m-lg {
    margin: 2.5rem !important;
  }

  ._xs-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._xs-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._xs-m-xl {
    margin: 3.3333333rem !important;
  }

  ._xs-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._xs-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._xs-m-mg {
    margin: 4.1666667rem !important;
  }

  ._xs-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._xs-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._xs-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._xs-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._xs-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._xs-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._xs-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._xs-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._xs-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._xs-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._xs-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._xs-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._xs-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._xs-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._xs-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._xs-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._xs-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._xs-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._xs-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._xs-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._xs-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._xs-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._xs-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._xs-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._xs-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._xs-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._xs-p-sm {
    padding: 0.4166667rem !important;
  }

  ._xs-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._xs-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._xs-p-md {
    padding: 0.8333333rem !important;
  }

  ._xs-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._xs-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._xs-p-def {
    padding: 1.6666667rem !important;
  }

  ._xs-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._xs-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._xs-p-lg {
    padding: 2.5rem !important;
  }

  ._xs-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._xs-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._xs-p-xl {
    padding: 3.3333333rem !important;
  }

  ._xs-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._xs-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._xs-p-mg {
    padding: 4.1666667rem !important;
  }

  ._xs-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._xs-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._xs-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._xs-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._xs-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._xs-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._xs-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._xs-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._xs-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._xs-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._xs-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._xs-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._xs-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._xs-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._xs-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._xs-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._xs-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._xs-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._xs-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._xs-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._xs-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._xs-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._xs-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._xs-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._xs-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._xs-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._xs-m-auto {
    margin: auto !important;
  }

  ._xs-ml-auto {
    margin-left: auto !important;
  }

  ._xs-mr-auto {
    margin-right: auto !important;
  }

  ._xs-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 412px) {
  /*! $mqpacker hack */
}

@media only screen and (min-width: 480px) {
  /*! $mqpacker hack */

  .grid--sm-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--sm-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--sm-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--sm-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--sm-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--sm-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--sm-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--sm-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--sm-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--sm-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--sm-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--sm-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--sm-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--sm-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--sm-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--sm-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--sm-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--sm-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--sm-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--sm-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--sm-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--sm-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--sm-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--sm-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--sm-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--sm-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--sm-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--sm-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--sm-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--sm-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--sm-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--sm-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--sm-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--sm-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--sm-justify-around {
    justify-content: space-around;
  }

  .grid--sm-nowrap {
    flex-wrap: nowrap;
  }

  .grid--sm-wrap {
    flex-wrap: wrap;
  }

  .grid--sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--sm-start {
    align-self: flex-start;
  }

  .grid > .gcell--sm-end {
    align-self: flex-end;
  }

  .grid > .gcell--sm-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--sm-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--sm-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--sm-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--sm-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--sm-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--sm-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--sm-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--sm-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--sm-nobasis {
    flex-basis: 0;
  }

  .grid--sm-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--sm-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--sm-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--sm-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--sm-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--sm-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--sm-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--sm-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--sm-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--sm-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--sm-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--sm-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--sm-nospace {
    margin: 0;
  }

  .grid--sm-nospace > .gcell {
    padding: 0;
  }

  ._sm-left {
    float: left;
  }

  ._sm-right {
    float: right;
  }

  ._sm-overflow {
    overflow: hidden;
  }

  ._sm-text-left {
    text-align: left;
  }

  ._sm-text-right {
    text-align: right;
  }

  ._sm-text-center {
    text-align: center;
  }

  ._sm-hide {
    display: none;
  }

  ._sm-hide\! {
    display: none !important;
  }

  ._sm-m-sm {
    margin: 0.4166667rem !important;
  }

  ._sm-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._sm-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._sm-m-md {
    margin: 0.8333333rem !important;
  }

  ._sm-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._sm-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._sm-m-def {
    margin: 1.6666667rem !important;
  }

  ._sm-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._sm-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._sm-m-lg {
    margin: 2.5rem !important;
  }

  ._sm-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._sm-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._sm-m-xl {
    margin: 3.3333333rem !important;
  }

  ._sm-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._sm-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._sm-m-mg {
    margin: 4.1666667rem !important;
  }

  ._sm-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._sm-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._sm-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._sm-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._sm-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._sm-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._sm-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._sm-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._sm-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._sm-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._sm-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._sm-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._sm-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._sm-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._sm-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._sm-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._sm-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._sm-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._sm-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._sm-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._sm-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._sm-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._sm-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._sm-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._sm-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._sm-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._sm-p-sm {
    padding: 0.4166667rem !important;
  }

  ._sm-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._sm-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._sm-p-md {
    padding: 0.8333333rem !important;
  }

  ._sm-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._sm-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._sm-p-def {
    padding: 1.6666667rem !important;
  }

  ._sm-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._sm-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._sm-p-lg {
    padding: 2.5rem !important;
  }

  ._sm-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._sm-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._sm-p-xl {
    padding: 3.3333333rem !important;
  }

  ._sm-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._sm-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._sm-p-mg {
    padding: 4.1666667rem !important;
  }

  ._sm-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._sm-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._sm-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._sm-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._sm-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._sm-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._sm-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._sm-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._sm-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._sm-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._sm-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._sm-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._sm-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._sm-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._sm-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._sm-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._sm-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._sm-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._sm-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._sm-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._sm-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._sm-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._sm-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._sm-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._sm-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._sm-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._sm-m-auto {
    margin: auto !important;
  }

  ._sm-ml-auto {
    margin-left: auto !important;
  }

  ._sm-mr-auto {
    margin-right: auto !important;
  }

  ._sm-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 640px) {
  /*! $mqpacker hack */

  .grid--ms-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--ms-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--ms-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--ms-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--ms-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--ms-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--ms-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--ms-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--ms-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--ms-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--ms-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--ms-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--ms-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--ms-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--ms-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--ms-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--ms-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--ms-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--ms-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--ms-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--ms-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--ms-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--ms-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--ms-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--ms-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--ms-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--ms-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--ms-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--ms-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--ms-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--ms-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--ms-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--ms-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--ms-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--ms-justify-around {
    justify-content: space-around;
  }

  .grid--ms-nowrap {
    flex-wrap: nowrap;
  }

  .grid--ms-wrap {
    flex-wrap: wrap;
  }

  .grid--ms-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--ms-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--ms-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--ms-start {
    align-self: flex-start;
  }

  .grid > .gcell--ms-end {
    align-self: flex-end;
  }

  .grid > .gcell--ms-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--ms-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--ms-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--ms-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--ms-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--ms-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--ms-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--ms-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--ms-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--ms-nobasis {
    flex-basis: 0;
  }

  .grid--ms-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--ms-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--ms-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--ms-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--ms-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--ms-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--ms-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--ms-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--ms-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--ms-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--ms-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--ms-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--ms-nospace {
    margin: 0;
  }

  .grid--ms-nospace > .gcell {
    padding: 0;
  }

  ._ms-left {
    float: left;
  }

  ._ms-right {
    float: right;
  }

  ._ms-overflow {
    overflow: hidden;
  }

  ._ms-text-left {
    text-align: left;
  }

  ._ms-text-right {
    text-align: right;
  }

  ._ms-text-center {
    text-align: center;
  }

  ._ms-hide {
    display: none;
  }

  ._ms-hide\! {
    display: none !important;
  }

  ._ms-m-sm {
    margin: 0.4166667rem !important;
  }

  ._ms-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._ms-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._ms-m-md {
    margin: 0.8333333rem !important;
  }

  ._ms-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._ms-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._ms-m-def {
    margin: 1.6666667rem !important;
  }

  ._ms-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._ms-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._ms-m-lg {
    margin: 2.5rem !important;
  }

  ._ms-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._ms-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._ms-m-xl {
    margin: 3.3333333rem !important;
  }

  ._ms-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._ms-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._ms-m-mg {
    margin: 4.1666667rem !important;
  }

  ._ms-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._ms-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._ms-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._ms-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._ms-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._ms-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._ms-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._ms-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._ms-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._ms-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._ms-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._ms-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._ms-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._ms-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._ms-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._ms-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._ms-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._ms-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._ms-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._ms-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._ms-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._ms-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._ms-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._ms-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._ms-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._ms-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._ms-p-sm {
    padding: 0.4166667rem !important;
  }

  ._ms-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._ms-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._ms-p-md {
    padding: 0.8333333rem !important;
  }

  ._ms-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._ms-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._ms-p-def {
    padding: 1.6666667rem !important;
  }

  ._ms-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._ms-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._ms-p-lg {
    padding: 2.5rem !important;
  }

  ._ms-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._ms-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._ms-p-xl {
    padding: 3.3333333rem !important;
  }

  ._ms-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._ms-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._ms-p-mg {
    padding: 4.1666667rem !important;
  }

  ._ms-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._ms-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._ms-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._ms-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._ms-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._ms-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._ms-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._ms-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._ms-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._ms-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._ms-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._ms-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._ms-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._ms-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._ms-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._ms-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._ms-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._ms-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._ms-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._ms-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._ms-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._ms-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._ms-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._ms-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._ms-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._ms-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._ms-m-auto {
    margin: auto !important;
  }

  ._ms-ml-auto {
    margin-left: auto !important;
  }

  ._ms-mr-auto {
    margin-right: auto !important;
  }

  ._ms-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 768px) {
  /*! $mqpacker hack */

  html {
    font-size: 14px;
  }

  .sitemap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #fPopUp {
    max-width: 50% !important;
    min-width: 400px !important;
  }

  .grid--md-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--md-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--md-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--md-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--md-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--md-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--md-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--md-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--md-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--md-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--md-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--md-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--md-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--md-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--md-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--md-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--md-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--md-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--md-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--md-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--md-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--md-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--md-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--md-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--md-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--md-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--md-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--md-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--md-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--md-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--md-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--md-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--md-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--md-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--md-justify-around {
    justify-content: space-around;
  }

  .grid--md-nowrap {
    flex-wrap: nowrap;
  }

  .grid--md-wrap {
    flex-wrap: wrap;
  }

  .grid--md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--md-start {
    align-self: flex-start;
  }

  .grid > .gcell--md-end {
    align-self: flex-end;
  }

  .grid > .gcell--md-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--md-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--md-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--md-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--md-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--md-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--md-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--md-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--md-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--md-nobasis {
    flex-basis: 0;
  }

  .grid--md-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--md-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--md-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--md-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--md-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--md-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--md-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--md-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--md-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--md-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--md-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--md-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--md-nospace {
    margin: 0;
  }

  .grid--md-nospace > .gcell {
    padding: 0;
  }

  ._md-left {
    float: left;
  }

  ._md-right {
    float: right;
  }

  ._md-overflow {
    overflow: hidden;
  }

  ._md-text-left {
    text-align: left;
  }

  ._md-text-right {
    text-align: right;
  }

  ._md-text-center {
    text-align: center;
  }

  ._md-hide {
    display: none;
  }

  ._md-hide\! {
    display: none !important;
  }

  ._md-m-sm {
    margin: 0.4166667rem !important;
  }

  ._md-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._md-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._md-m-md {
    margin: 0.8333333rem !important;
  }

  ._md-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._md-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._md-m-def {
    margin: 1.6666667rem !important;
  }

  ._md-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._md-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._md-m-lg {
    margin: 2.5rem !important;
  }

  ._md-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._md-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._md-m-xl {
    margin: 3.3333333rem !important;
  }

  ._md-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._md-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._md-m-mg {
    margin: 4.1666667rem !important;
  }

  ._md-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._md-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._md-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._md-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._md-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._md-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._md-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._md-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._md-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._md-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._md-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._md-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._md-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._md-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._md-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._md-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._md-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._md-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._md-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._md-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._md-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._md-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._md-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._md-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._md-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._md-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._md-p-sm {
    padding: 0.4166667rem !important;
  }

  ._md-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._md-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._md-p-md {
    padding: 0.8333333rem !important;
  }

  ._md-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._md-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._md-p-def {
    padding: 1.6666667rem !important;
  }

  ._md-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._md-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._md-p-lg {
    padding: 2.5rem !important;
  }

  ._md-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._md-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._md-p-xl {
    padding: 3.3333333rem !important;
  }

  ._md-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._md-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._md-p-mg {
    padding: 4.1666667rem !important;
  }

  ._md-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._md-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._md-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._md-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._md-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._md-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._md-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._md-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._md-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._md-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._md-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._md-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._md-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._md-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._md-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._md-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._md-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._md-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._md-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._md-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._md-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._md-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._md-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._md-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._md-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._md-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._md-m-auto {
    margin: auto !important;
  }

  ._md-ml-auto {
    margin-left: auto !important;
  }

  ._md-mr-auto {
    margin-right: auto !important;
  }

  ._md-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 1024px) {
  /*! $mqpacker hack */

  .grid--def-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--def-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--def-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--def-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--def-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--def-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--def-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--def-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--def-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--def-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--def-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--def-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--def-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--def-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--def-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--def-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--def-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--def-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--def-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--def-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--def-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--def-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--def-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--def-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--def-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--def-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--def-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--def-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--def-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--def-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--def-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--def-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--def-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--def-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--def-justify-around {
    justify-content: space-around;
  }

  .grid--def-nowrap {
    flex-wrap: nowrap;
  }

  .grid--def-wrap {
    flex-wrap: wrap;
  }

  .grid--def-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--def-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--def-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--def-start {
    align-self: flex-start;
  }

  .grid > .gcell--def-end {
    align-self: flex-end;
  }

  .grid > .gcell--def-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--def-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--def-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--def-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--def-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--def-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--def-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--def-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--def-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--def-nobasis {
    flex-basis: 0;
  }

  .grid--def-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--def-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--def-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--def-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--def-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--def-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--def-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--def-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--def-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--def-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--def-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--def-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--def-nospace {
    margin: 0;
  }

  .grid--def-nospace > .gcell {
    padding: 0;
  }

  ._def-left {
    float: left;
  }

  ._def-right {
    float: right;
  }

  ._def-overflow {
    overflow: hidden;
  }

  ._def-text-left {
    text-align: left;
  }

  ._def-text-right {
    text-align: right;
  }

  ._def-text-center {
    text-align: center;
  }

  ._def-hide {
    display: none;
  }

  ._def-hide\! {
    display: none !important;
  }

  ._def-m-sm {
    margin: 0.4166667rem !important;
  }

  ._def-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._def-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._def-m-md {
    margin: 0.8333333rem !important;
  }

  ._def-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._def-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._def-m-def {
    margin: 1.6666667rem !important;
  }

  ._def-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._def-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._def-m-lg {
    margin: 2.5rem !important;
  }

  ._def-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._def-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._def-m-xl {
    margin: 3.3333333rem !important;
  }

  ._def-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._def-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._def-m-mg {
    margin: 4.1666667rem !important;
  }

  ._def-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._def-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._def-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._def-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._def-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._def-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._def-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._def-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._def-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._def-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._def-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._def-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._def-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._def-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._def-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._def-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._def-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._def-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._def-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._def-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._def-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._def-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._def-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._def-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._def-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._def-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._def-p-sm {
    padding: 0.4166667rem !important;
  }

  ._def-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._def-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._def-p-md {
    padding: 0.8333333rem !important;
  }

  ._def-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._def-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._def-p-def {
    padding: 1.6666667rem !important;
  }

  ._def-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._def-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._def-p-lg {
    padding: 2.5rem !important;
  }

  ._def-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._def-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._def-p-xl {
    padding: 3.3333333rem !important;
  }

  ._def-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._def-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._def-p-mg {
    padding: 4.1666667rem !important;
  }

  ._def-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._def-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._def-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._def-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._def-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._def-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._def-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._def-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._def-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._def-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._def-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._def-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._def-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._def-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._def-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._def-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._def-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._def-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._def-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._def-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._def-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._def-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._def-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._def-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._def-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._def-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._def-m-auto {
    margin: auto !important;
  }

  ._def-ml-auto {
    margin-left: auto !important;
  }

  ._def-mr-auto {
    margin-right: auto !important;
  }

  ._def-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 1280px) {
  /*! $mqpacker hack */

  html {
    font-size: 16px;
  }

  .grid--lg-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--lg-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--lg-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--lg-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--lg-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--lg-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--lg-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--lg-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--lg-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--lg-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--lg-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--lg-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--lg-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--lg-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--lg-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--lg-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--lg-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--lg-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--lg-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--lg-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--lg-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--lg-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--lg-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--lg-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--lg-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--lg-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--lg-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--lg-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--lg-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--lg-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--lg-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--lg-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--lg-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--lg-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--lg-justify-around {
    justify-content: space-around;
  }

  .grid--lg-nowrap {
    flex-wrap: nowrap;
  }

  .grid--lg-wrap {
    flex-wrap: wrap;
  }

  .grid--lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--lg-start {
    align-self: flex-start;
  }

  .grid > .gcell--lg-end {
    align-self: flex-end;
  }

  .grid > .gcell--lg-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--lg-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--lg-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--lg-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--lg-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--lg-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--lg-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--lg-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--lg-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--lg-nobasis {
    flex-basis: 0;
  }

  .grid--lg-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--lg-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--lg-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--lg-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--lg-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--lg-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--lg-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--lg-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--lg-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--lg-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--lg-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--lg-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--lg-nospace {
    margin: 0;
  }

  .grid--lg-nospace > .gcell {
    padding: 0;
  }

  ._lg-left {
    float: left;
  }

  ._lg-right {
    float: right;
  }

  ._lg-overflow {
    overflow: hidden;
  }

  ._lg-text-left {
    text-align: left;
  }

  ._lg-text-right {
    text-align: right;
  }

  ._lg-text-center {
    text-align: center;
  }

  ._lg-hide {
    display: none;
  }

  ._lg-hide\! {
    display: none !important;
  }

  ._lg-m-sm {
    margin: 0.4166667rem !important;
  }

  ._lg-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._lg-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._lg-m-md {
    margin: 0.8333333rem !important;
  }

  ._lg-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._lg-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._lg-m-def {
    margin: 1.6666667rem !important;
  }

  ._lg-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._lg-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._lg-m-lg {
    margin: 2.5rem !important;
  }

  ._lg-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._lg-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._lg-m-xl {
    margin: 3.3333333rem !important;
  }

  ._lg-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._lg-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._lg-m-mg {
    margin: 4.1666667rem !important;
  }

  ._lg-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._lg-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._lg-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._lg-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._lg-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._lg-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._lg-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._lg-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._lg-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._lg-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._lg-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._lg-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._lg-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._lg-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._lg-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._lg-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._lg-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._lg-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._lg-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._lg-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._lg-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._lg-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._lg-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._lg-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._lg-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._lg-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._lg-p-sm {
    padding: 0.4166667rem !important;
  }

  ._lg-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._lg-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._lg-p-md {
    padding: 0.8333333rem !important;
  }

  ._lg-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._lg-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._lg-p-def {
    padding: 1.6666667rem !important;
  }

  ._lg-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._lg-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._lg-p-lg {
    padding: 2.5rem !important;
  }

  ._lg-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._lg-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._lg-p-xl {
    padding: 3.3333333rem !important;
  }

  ._lg-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._lg-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._lg-p-mg {
    padding: 4.1666667rem !important;
  }

  ._lg-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._lg-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._lg-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._lg-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._lg-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._lg-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._lg-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._lg-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._lg-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._lg-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._lg-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._lg-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._lg-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._lg-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._lg-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._lg-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._lg-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._lg-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._lg-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._lg-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._lg-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._lg-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._lg-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._lg-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._lg-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._lg-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._lg-m-auto {
    margin: auto !important;
  }

  ._lg-ml-auto {
    margin-left: auto !important;
  }

  ._lg-mr-auto {
    margin-right: auto !important;
  }

  ._lg-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 1366px) {
  /*! $mqpacker hack */

  .grid--xl-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--xl-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--xl-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--xl-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--xl-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--xl-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--xl-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--xl-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--xl-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--xl-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--xl-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--xl-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--xl-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--xl-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--xl-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--xl-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--xl-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--xl-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--xl-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--xl-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--xl-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--xl-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--xl-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--xl-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--xl-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--xl-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--xl-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--xl-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--xl-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--xl-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--xl-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--xl-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--xl-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--xl-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--xl-justify-around {
    justify-content: space-around;
  }

  .grid--xl-nowrap {
    flex-wrap: nowrap;
  }

  .grid--xl-wrap {
    flex-wrap: wrap;
  }

  .grid--xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--xl-start {
    align-self: flex-start;
  }

  .grid > .gcell--xl-end {
    align-self: flex-end;
  }

  .grid > .gcell--xl-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--xl-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--xl-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--xl-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--xl-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--xl-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--xl-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--xl-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--xl-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--xl-nobasis {
    flex-basis: 0;
  }

  .grid--xl-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--xl-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--xl-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--xl-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--xl-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--xl-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--xl-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--xl-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--xl-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--xl-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--xl-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--xl-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--xl-nospace {
    margin: 0;
  }

  .grid--xl-nospace > .gcell {
    padding: 0;
  }

  ._xl-left {
    float: left;
  }

  ._xl-right {
    float: right;
  }

  ._xl-overflow {
    overflow: hidden;
  }

  ._xl-text-left {
    text-align: left;
  }

  ._xl-text-right {
    text-align: right;
  }

  ._xl-text-center {
    text-align: center;
  }

  ._xl-hide {
    display: none;
  }

  ._xl-hide\! {
    display: none !important;
  }

  ._xl-m-sm {
    margin: 0.4166667rem !important;
  }

  ._xl-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._xl-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._xl-m-md {
    margin: 0.8333333rem !important;
  }

  ._xl-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._xl-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._xl-m-def {
    margin: 1.6666667rem !important;
  }

  ._xl-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._xl-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._xl-m-lg {
    margin: 2.5rem !important;
  }

  ._xl-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._xl-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._xl-m-xl {
    margin: 3.3333333rem !important;
  }

  ._xl-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._xl-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._xl-m-mg {
    margin: 4.1666667rem !important;
  }

  ._xl-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._xl-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._xl-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._xl-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._xl-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._xl-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._xl-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._xl-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._xl-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._xl-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._xl-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._xl-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._xl-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._xl-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._xl-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._xl-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._xl-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._xl-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._xl-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._xl-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._xl-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._xl-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._xl-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._xl-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._xl-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._xl-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._xl-p-sm {
    padding: 0.4166667rem !important;
  }

  ._xl-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._xl-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._xl-p-md {
    padding: 0.8333333rem !important;
  }

  ._xl-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._xl-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._xl-p-def {
    padding: 1.6666667rem !important;
  }

  ._xl-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._xl-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._xl-p-lg {
    padding: 2.5rem !important;
  }

  ._xl-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._xl-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._xl-p-xl {
    padding: 3.3333333rem !important;
  }

  ._xl-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._xl-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._xl-p-mg {
    padding: 4.1666667rem !important;
  }

  ._xl-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._xl-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._xl-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._xl-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._xl-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._xl-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._xl-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._xl-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._xl-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._xl-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._xl-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._xl-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._xl-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._xl-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._xl-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._xl-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._xl-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._xl-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._xl-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._xl-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._xl-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._xl-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._xl-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._xl-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._xl-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._xl-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._xl-m-auto {
    margin: auto !important;
  }

  ._xl-ml-auto {
    margin-left: auto !important;
  }

  ._xl-mr-auto {
    margin-right: auto !important;
  }

  ._xl-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 1440px) {
  /*! $mqpacker hack */

  .grid--mg-1 > .gcell {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid--mg-2 > .gcell {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid--mg-3 > .gcell {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid--mg-4 > .gcell {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid--mg-5 > .gcell {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }

  .grid--mg-6 > .gcell {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid--mg-7 > .gcell {
    width: 14.2857143%;
    max-width: 14.2857143%;
    flex-basis: 14.2857143%;
  }

  .grid--mg-8 > .gcell {
    width: 12.5%;
    max-width: 12.5%;
    flex-basis: 12.5%;
  }

  .grid--mg-9 > .gcell {
    width: 11.1111111%;
    max-width: 11.1111111%;
    flex-basis: 11.1111111%;
  }

  .grid--mg-10 > .gcell {
    width: 10%;
    max-width: 10%;
    flex-basis: 10%;
  }

  .grid--mg-11 > .gcell {
    width: 9.0909091%;
    max-width: 9.0909091%;
    flex-basis: 9.0909091%;
  }

  .grid--mg-12 > .gcell {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid--mg-auto > .gcell {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }

  .grid > .gcell--mg-1 {
    width: 8.3333333%;
    max-width: 8.3333333%;
    flex-basis: 8.3333333%;
  }

  .grid > .gcell--mg-2 {
    width: 16.6666667%;
    max-width: 16.6666667%;
    flex-basis: 16.6666667%;
  }

  .grid > .gcell--mg-3 {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }

  .grid > .gcell--mg-4 {
    width: 33.3333333%;
    max-width: 33.3333333%;
    flex-basis: 33.3333333%;
  }

  .grid > .gcell--mg-5 {
    width: 41.6666667%;
    max-width: 41.6666667%;
    flex-basis: 41.6666667%;
  }

  .grid > .gcell--mg-6 {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
  }

  .grid > .gcell--mg-7 {
    width: 58.3333333%;
    max-width: 58.3333333%;
    flex-basis: 58.3333333%;
  }

  .grid > .gcell--mg-8 {
    width: 66.6666667%;
    max-width: 66.6666667%;
    flex-basis: 66.6666667%;
  }

  .grid > .gcell--mg-9 {
    width: 75%;
    max-width: 75%;
    flex-basis: 75%;
  }

  .grid > .gcell--mg-10 {
    width: 83.3333333%;
    max-width: 83.3333333%;
    flex-basis: 83.3333333%;
  }

  .grid > .gcell--mg-11 {
    width: 91.6666667%;
    max-width: 91.6666667%;
    flex-basis: 91.6666667%;
  }

  .grid > .gcell--mg-12 {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
  }

  .grid > .gcell--mg-auto {
    width: auto;
    max-width: 100%;
    flex-basis: auto;
  }

  .grid--mg-items-start {
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .grid--mg-items-end {
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .grid--mg-items-center {
    -webkit-box-align: center;
    align-items: center;
  }

  .grid--mg-items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  .grid--mg-justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  .grid--mg-justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  .grid--mg-justify-center {
    -webkit-box-pack: center;
    justify-content: center;
  }

  .grid--mg-justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .grid--mg-justify-around {
    justify-content: space-around;
  }

  .grid--mg-nowrap {
    flex-wrap: nowrap;
  }

  .grid--mg-wrap {
    flex-wrap: wrap;
  }

  .grid--mg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .grid--mg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .grid--mg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .grid > .gcell--mg-start {
    align-self: flex-start;
  }

  .grid > .gcell--mg-end {
    align-self: flex-end;
  }

  .grid > .gcell--mg-center {
    -ms-grid-row-align: center;
    align-self: center;
  }

  .grid > .gcell--mg-stretch {
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .grid > .gcell--mg-nogrow {
    -webkit-box-flex: 0;
    flex-grow: 0;
  }

  .grid > .gcell--mg-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }

  .grid > .gcell--mg-shrink {
    flex-shrink: 1;
  }

  .grid > .gcell--mg-noshrink {
    flex-shrink: 0;
  }

  .grid > .gcell--mg-order-start {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .grid > .gcell--mg-order-end {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .grid > .gcell--mg-noorder {
    -webkit-box-ordinal-group: 1;
    order: 0;
  }

  .grid > .gcell--mg-nobasis {
    flex-basis: 0;
  }

  .grid--mg-space-sm {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .grid--mg-space-sm > .gcell {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .grid--mg-space-md {
    margin-left: -5px;
    margin-right: -5px;
  }

  .grid--mg-space-md > .gcell {
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid--mg-space-def {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--mg-space-def > .gcell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid--mg-space-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .grid--mg-space-lg > .gcell {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid--mg-space-xl {
    margin-left: -20px;
    margin-right: -20px;
  }

  .grid--mg-space-xl > .gcell {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid--mg-space-mg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .grid--mg-space-mg > .gcell {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid--mg-nospace {
    margin: 0;
  }

  .grid--mg-nospace > .gcell {
    padding: 0;
  }

  ._mg-left {
    float: left;
  }

  ._mg-right {
    float: right;
  }

  ._mg-overflow {
    overflow: hidden;
  }

  ._mg-text-left {
    text-align: left;
  }

  ._mg-text-right {
    text-align: right;
  }

  ._mg-text-center {
    text-align: center;
  }

  ._mg-hide {
    display: none;
  }

  ._mg-hide\! {
    display: none !important;
  }

  ._mg-m-sm {
    margin: 0.4166667rem !important;
  }

  ._mg-mtb-sm {
    margin-top: 0.4166667rem !important;
    margin-bottom: 0.4166667rem !important;
  }

  ._mg-mlr-sm {
    margin-left: 0.4166667rem !important;
    margin-right: 0.4166667rem !important;
  }

  ._mg-m-md {
    margin: 0.8333333rem !important;
  }

  ._mg-mtb-md {
    margin-top: 0.8333333rem !important;
    margin-bottom: 0.8333333rem !important;
  }

  ._mg-mlr-md {
    margin-left: 0.8333333rem !important;
    margin-right: 0.8333333rem !important;
  }

  ._mg-m-def {
    margin: 1.6666667rem !important;
  }

  ._mg-mtb-def {
    margin-top: 1.6666667rem !important;
    margin-bottom: 1.6666667rem !important;
  }

  ._mg-mlr-def {
    margin-left: 1.6666667rem !important;
    margin-right: 1.6666667rem !important;
  }

  ._mg-m-lg {
    margin: 2.5rem !important;
  }

  ._mg-mtb-lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  ._mg-mlr-lg {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  ._mg-m-xl {
    margin: 3.3333333rem !important;
  }

  ._mg-mtb-xl {
    margin-top: 3.3333333rem !important;
    margin-bottom: 3.3333333rem !important;
  }

  ._mg-mlr-xl {
    margin-left: 3.3333333rem !important;
    margin-right: 3.3333333rem !important;
  }

  ._mg-m-mg {
    margin: 4.1666667rem !important;
  }

  ._mg-mtb-mg {
    margin-top: 4.1666667rem !important;
    margin-bottom: 4.1666667rem !important;
  }

  ._mg-mlr-mg {
    margin-left: 4.1666667rem !important;
    margin-right: 4.1666667rem !important;
  }

  ._mg-mt-sm {
    margin-top: 0.4166667rem !important;
  }

  ._mg-mt-md {
    margin-top: 0.8333333rem !important;
  }

  ._mg-mt-def {
    margin-top: 1.6666667rem !important;
  }

  ._mg-mt-lg {
    margin-top: 2.5rem !important;
  }

  ._mg-mt-xl {
    margin-top: 3.3333333rem !important;
  }

  ._mg-mt-mg {
    margin-top: 4.1666667rem !important;
  }

  ._mg-mr-sm {
    margin-right: 0.4166667rem !important;
  }

  ._mg-mr-md {
    margin-right: 0.8333333rem !important;
  }

  ._mg-mr-def {
    margin-right: 1.6666667rem !important;
  }

  ._mg-mr-lg {
    margin-right: 2.5rem !important;
  }

  ._mg-mr-xl {
    margin-right: 3.3333333rem !important;
  }

  ._mg-mr-mg {
    margin-right: 4.1666667rem !important;
  }

  ._mg-mb-sm {
    margin-bottom: 0.4166667rem !important;
  }

  ._mg-mb-md {
    margin-bottom: 0.8333333rem !important;
  }

  ._mg-mb-def {
    margin-bottom: 1.6666667rem !important;
  }

  ._mg-mb-lg {
    margin-bottom: 2.5rem !important;
  }

  ._mg-mb-xl {
    margin-bottom: 3.3333333rem !important;
  }

  ._mg-mb-mg {
    margin-bottom: 4.1666667rem !important;
  }

  ._mg-ml-sm {
    margin-left: 0.4166667rem !important;
  }

  ._mg-ml-md {
    margin-left: 0.8333333rem !important;
  }

  ._mg-ml-def {
    margin-left: 1.6666667rem !important;
  }

  ._mg-ml-lg {
    margin-left: 2.5rem !important;
  }

  ._mg-ml-xl {
    margin-left: 3.3333333rem !important;
  }

  ._mg-ml-mg {
    margin-left: 4.1666667rem !important;
  }

  ._mg-p-sm {
    padding: 0.4166667rem !important;
  }

  ._mg-ptb-sm {
    padding-top: 0.4166667rem !important;
    padding-bottom: 0.4166667rem !important;
  }

  ._mg-plr-sm {
    padding-left: 0.4166667rem !important;
    padding-right: 0.4166667rem !important;
  }

  ._mg-p-md {
    padding: 0.8333333rem !important;
  }

  ._mg-ptb-md {
    padding-top: 0.8333333rem !important;
    padding-bottom: 0.8333333rem !important;
  }

  ._mg-plr-md {
    padding-left: 0.8333333rem !important;
    padding-right: 0.8333333rem !important;
  }

  ._mg-p-def {
    padding: 1.6666667rem !important;
  }

  ._mg-ptb-def {
    padding-top: 1.6666667rem !important;
    padding-bottom: 1.6666667rem !important;
  }

  ._mg-plr-def {
    padding-left: 1.6666667rem !important;
    padding-right: 1.6666667rem !important;
  }

  ._mg-p-lg {
    padding: 2.5rem !important;
  }

  ._mg-ptb-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  ._mg-plr-lg {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  ._mg-p-xl {
    padding: 3.3333333rem !important;
  }

  ._mg-ptb-xl {
    padding-top: 3.3333333rem !important;
    padding-bottom: 3.3333333rem !important;
  }

  ._mg-plr-xl {
    padding-left: 3.3333333rem !important;
    padding-right: 3.3333333rem !important;
  }

  ._mg-p-mg {
    padding: 4.1666667rem !important;
  }

  ._mg-ptb-mg {
    padding-top: 4.1666667rem !important;
    padding-bottom: 4.1666667rem !important;
  }

  ._mg-plr-mg {
    padding-left: 4.1666667rem !important;
    padding-right: 4.1666667rem !important;
  }

  ._mg-pt-sm {
    padding-top: 0.4166667rem !important;
  }

  ._mg-pt-md {
    padding-top: 0.8333333rem !important;
  }

  ._mg-pt-def {
    padding-top: 1.6666667rem !important;
  }

  ._mg-pt-lg {
    padding-top: 2.5rem !important;
  }

  ._mg-pt-xl {
    padding-top: 3.3333333rem !important;
  }

  ._mg-pt-mg {
    padding-top: 4.1666667rem !important;
  }

  ._mg-pr-sm {
    padding-right: 0.4166667rem !important;
  }

  ._mg-pr-md {
    padding-right: 0.8333333rem !important;
  }

  ._mg-pr-def {
    padding-right: 1.6666667rem !important;
  }

  ._mg-pr-lg {
    padding-right: 2.5rem !important;
  }

  ._mg-pr-xl {
    padding-right: 3.3333333rem !important;
  }

  ._mg-pr-mg {
    padding-right: 4.1666667rem !important;
  }

  ._mg-pb-sm {
    padding-bottom: 0.4166667rem !important;
  }

  ._mg-pb-md {
    padding-bottom: 0.8333333rem !important;
  }

  ._mg-pb-def {
    padding-bottom: 1.6666667rem !important;
  }

  ._mg-pb-lg {
    padding-bottom: 2.5rem !important;
  }

  ._mg-pb-xl {
    padding-bottom: 3.3333333rem !important;
  }

  ._mg-pb-mg {
    padding-bottom: 4.1666667rem !important;
  }

  ._mg-pl-sm {
    padding-left: 0.4166667rem !important;
  }

  ._mg-pl-md {
    padding-left: 0.8333333rem !important;
  }

  ._mg-pl-def {
    padding-left: 1.6666667rem !important;
  }

  ._mg-pl-lg {
    padding-left: 2.5rem !important;
  }

  ._mg-pl-xl {
    padding-left: 3.3333333rem !important;
  }

  ._mg-pl-mg {
    padding-left: 4.1666667rem !important;
  }

  ._mg-m-auto {
    margin: auto !important;
  }

  ._mg-ml-auto {
    margin-left: auto !important;
  }

  ._mg-mr-auto {
    margin-right: auto !important;
  }

  ._mg-mlr-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 1439px) {
  /*! $mqpacker hack */

  .content-image--width-1000-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--mg-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--mg-only-icon > span > span {
    display: none;
  }

  ._mg-show {
    display: none;
  }

  ._mg-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 1365px) {
  /*! $mqpacker hack */

  .content-image--width-900-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--xl-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--xl-only-icon > span > span {
    display: none;
  }

  ._xl-show {
    display: none;
  }

  ._xl-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 1279px) {
  /*! $mqpacker hack */

  .content-image--width-800-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--lg-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--lg-only-icon > span > span {
    display: none;
  }

  ._lg-show {
    display: none;
  }

  ._lg-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  /*! $mqpacker hack */

  .view-text > blockquote,
  .view-text > pre,
  .view-text > .media-wrapper,
  .view-text > video,
  .view-text > iframe {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .view-text > blockquote,
  .view-text > pre {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .button--def-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--def-only-icon > span > span {
    display: none;
  }

  ._def-show {
    display: none;
  }

  ._def-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  /*! $mqpacker hack */

  .content-image--width-500-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .breadcrumbs {
    display: block;
  }

  .breadcrumbs span, .breadcrumbs span:before {
    display: none;
  }

  .breadcrumbs span:nth-last-child(2) {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    background: none;
    margin: 0;
  }

  .breadcrumbs span:nth-last-child(2):before {
    content: '<';
    margin: 0 5px 0 3px;
    display: inline-block;
    font-size: 16px;
    color: #c8c8c8;
  }

  .button--md-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--md-only-icon > span > span {
    display: none;
  }

  ._md-show {
    display: none;
  }

  ._md-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 639px) {
  /*! $mqpacker hack */

  .content-image--width-300-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--ms-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--ms-only-icon > span > span {
    display: none;
  }

  ._ms-show {
    display: none;
  }

  ._ms-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 479px) {
  /*! $mqpacker hack */

  .content-image--width-200-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--sm-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--sm-only-icon > span > span {
    display: none;
  }

  ._sm-show {
    display: none;
  }

  ._sm-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 411px) {
  /*! $mqpacker hack */
}

@media only screen and (max-width: 374px) {
  /*! $mqpacker hack */

  .content-image--width-100-and-more {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .button--xs-only-icon > span svg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .button--xs-only-icon > span > span {
    display: none;
  }

  ._xs-show {
    display: none;
  }

  ._xs-show\! {
    display: none !important;
  }
}

@media only screen and (max-width: 319px) {
  /*! $mqpacker hack */
}

@media print {

  ._noprint {
    display: none !important;
  }
}

@media screen and (max-width: 400px) {

  .breadcrumbs {
    margin-top: 75px;
  }

  #mobile-menu .search-box__form-search {
    width: 230px;
  }

  #mobile-menu .search-box__form-search-field {
    width: 83%;
  }

  .logo__gerb {
    display: none;
  }

  .search-box__form-search {
    display: none;
  }

  #mobile-menu .search-box__form-search {
    display: block;
  }

  .search-box__phones {
    display: none;
  }

  .menu {
    display: none;
  }

  .main-slider {
    display: none;
  }

  .mobile-menu__button-box {
    display: inline-block;
  }

  .logo {
    padding: 6px 0 10px;
  }

  .logo__slogan-box {
    margin-left: 10px;
  }

  .logo__slogan {
    font-size: 11px;
  }

  .news {
    margin-top: 60px;
  }

  .news__title {
    margin-bottom: 25px;
  }

  .news #all-news {
    margin-bottom: 25px;
  }

  .news__box {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .news__logo {
    width: 100%;
    height: auto;
  }

  .links__box {
    margin-left: 0;
  }

  .links__logo {
    width: 100%;
    height: auto;
  }

  .contacts {
    display: none;
  }

  .last-news__title {
    text-align: left;
  }

  .last-news__form-field-box {
    display: block;
    width: 259px;
    margin: 0 auto 15px;
  }

  .last-news__form-button {
    margin-left: 0;
  }

  .copyrighted__powered-box {
    text-align: left;
  }

  .copyrighted__powered-title-box {
    margin-left: 0;
  }

  .page-banner {
    display: none;
  }

  .left-column {
    display: none;
  }

  .right-column {
    width: 100%;
  }

  .city-budget__box {
    width: 100%;
  }

  .documents__box {
    width: 100%;
  }

  .open-budget__box {
    width: 100%;
    height: auto;
  }

  .open-budget__photo-title {
    top: 10%;
    left: 5%;
  }
}

@media screen and (min-width: 401px) and (max-width: 767px) {

  .breadcrumbs {
    margin-top: 75px;
  }

  .logo__gerb {
    display: none;
  }

  .search-box__form-search {
    display: none;
  }

  #mobile-menu .search-box__form-search {
    display: block;
  }

  .search-box__phones {
    display: none;
  }

  .menu {
    display: none;
  }

  .main-slider {
    display: none;
  }

  .mobile-menu__button-box {
    display: inline-block;
  }

  .logo {
    padding: 6px 0 10px;
  }

  .logo__slogan-box {
    margin-left: 10px;
  }

  .logo__slogan {
    font-size: 15px;
  }

  .news {
    margin-top: 60px;
  }

  .news #all-news {
    margin-bottom: 25px;
  }

  .news__box {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .news__logo {
    width: 100%;
    height: auto;
  }

  .links__box {
    margin-left: 0;
  }

  .links__logo {
    width: 100%;
    height: auto;
  }

  .contacts {
    display: none;
  }

  .last-news__title {
    text-align: left;
  }

  .last-news__form-field-box {
    display: block;
    width: 259px;
    margin: 0 auto 15px;
  }

  .last-news__form-button {
    margin-left: 0;
  }

  .copyrighted__powered-box {
    text-align: left;
  }

  .copyrighted__powered-title-box {
    margin-left: 0;
  }

  .page-banner {
    display: none;
  }

  .left-column {
    display: none;
  }

  .right-column {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 979px) {

  .breadcrumbs {
    margin-top: 75px;
  }

  .logo__gerb {
    display: none;
  }

  .search-box__form-search {
    display: none;
  }

  #mobile-menu .search-box__form-search {
    display: block;
  }

  .search-box {
    text-align: left;
    padding-top: 4px;
  }

  .search-box__phones-number {
    font-size: 18px;
    margin-left: 5px;
  }

  .menu {
    display: none;
  }

  .main-slider {
    display: none;
  }

  .mobile-menu__button-box {
    display: inline-block;
    float: right;
    padding: 5px 0 0 5px;
    vertical-align: top;
  }

  .logo {
    padding: 6px 0 10px;
  }

  .logo__slogan-box {
    margin-left: 10px;
  }

  .logo__slogan {
    font-size: 15px;
  }

  .news {
    margin-top: 60px;
  }

  .news__box {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .news__logo {
    width: 100%;
    height: auto;
  }

  .links__box {
    margin-left: 0;
  }

  .links__logo {
    width: 100%;
    height: auto;
  }

  .contacts {
    display: none;
  }

  .last-news__title {
    text-align: left;
  }

  .last-news__form-field-box {
    display: block;
    width: 259px;
    margin: 0 auto 15px;
  }

  .last-news__form-button {
    margin-left: 0;
  }

  .copyrighted__powered-box {
    text-align: left;
  }

  .copyrighted__powered-title-box {
    margin-left: 0;
  }

  .page-banner {
    display: none;
  }

  .left-column {
    display: none;
  }

  .right-column {
    width: 100%;
  }
}

@media screen and (min-width: 980px) and (max-width: 1023px) {

  .breadcrumbs {
    margin-top: 75px;
  }

  .logo__gerb {
    display: none;
  }

  .search-box__form-search {
    display: none;
  }

  #mobile-menu .search-box__form-search {
    display: block;
  }

  .search-box {
    text-align: left;
    padding-top: 4px;
  }

  .search-box__phones-number {
    font-size: 18px;
  }

  .menu {
    display: none;
  }

  .main-slider {
    display: none;
  }

  .mobile-menu__button-box {
    display: inline-block;
    float: right;
    padding: 7px 0 0 5px;
    vertical-align: top;
  }

  .logo {
    padding: 6px 0 10px;
  }

  .logo__slogan-box {
    margin-left: 10px;
  }

  .logo__slogan {
    font-size: 15px;
  }

  .links__logo {
    width: 100%;
    height: auto;
  }

  .news {
    margin-top: 60px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

  .breadcrumbs {
    margin-top: 125px;
  }

  .menu__item {
    margin: 0 5px;
  }

  .search-box__phones-number {
    margin-left: 5px;
    margin-top: 17px;
    font-size: 18px;
  }

  .search-box__form-search {
    width: 199px;
    margin-left: 5px;
  }

  .search-box__form-search-field {
    width: 80%;
  }

  .banner {
    left: 200px;
    bottom: 50px;
    width: 55%;
  }

  .banner__content {
    font-size: 25px;

  }

  .main-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
  }

  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    top: 50%;
  }

  .main-slider .swiper-button-prev {
    left: 10px;
    right: auto;
  }

  .main-slider .swiper-button-next {
    right: 10px;
    left: auto;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {

  .menu__item {
    margin: 0 25px;
  }

  .banner {
    left: 200px;
    bottom: 60px;
    width: 48%;
  }

  .banner__content {
    font-size: 34px;
  }

  .main-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
  }

  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    top: 50%;
  }

  .main-slider .swiper-button-prev {
    left: 10px;
    right: auto;
  }

  .main-slider .swiper-button-next {
    right: 10px;
    left: auto;
  }
}

@media screen and (min-width: 980px) and (max-width: 1279px) {

  .page-banner {
    display: none;
  }

  .left-column {
    display: none;
  }

  .right-column {
    width: 100%;
  }

  .open-budget__box {
    width: 33%;
    height: auto;
  }

  .open-budget__photo-title {
    top: 15%;
    left: 5%;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1850px) {

  .page-banner__title-box {
    top: 0;
  }
}

@media screen and (min-width: 401px) and (max-width: 639px) {

  .city-budget__box {
    width: 100%;
  }

  .documents__box {
    width: 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 859px) {

  .city-budget__box {
    width: 45%;
  }

  .documents__box {
    width: 45%;
  }
}

@media screen and (min-width: 401px) and (max-width: 480px) {

  .open-budget__box {
    width: 100%;
    height: auto;
  }

  .open-budget__photo-title {
    left: 5%;
  }
}

@media screen and (min-width: 481px) and (max-width: 600px) {

  .open-budget__box {
    width: 49%;
    height: auto;
  }

  .open-budget__photo-title {
    top: 6%;
    left: 5%;
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {

  .open-budget__box {
    width: 49%;
    height: auto;
  }

  .open-budget__photo-title {
    top: 20%;
    left: 5%;
  }
}

@media screen and (min-width: 801px) and (max-width: 979px) {

  .open-budget__box {
    width: 49%;
    height: auto;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1320px) {

  .open-budget__box {
    width: 33%;
    height: auto;
  }
}

@media screen and (max-width: 1279px) {

  .stewards__block {
    border-bottom: none;
  }

  .stewards__box {
    border: 1px solid #eaeaea;
  }

  .gcell:first-child .stewards__box {
    border-left: 1px solid #eaeaea;
  }

  .news-page__news-feed {
    margin-top: 0;
    padding-bottom: 0;
  }

  .search-page {
    margin-top: 80px;
  }
}

@media screen and (max-width: 767px) {

  .news-inner {
    margin-top: 65px;
  }

  .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .news-content,
  .news-sidebar {
    width: 100%;
  }

  .news-content {
    margin-bottom: 15px;
  }
}

/*# sourceMappingURL=style.css.map */
