@charset "UTF-8";

html {
  font-family: "Roboto", Arial, Helvetica, 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: "Roboto", Arial, Helvetica, 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: 10px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

*, :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;
}

.view-wrapper {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.view-size {
  position: relative;
  max-width: 1240px;
  padding: 0 1.5rem;
  margin: 0 auto;
}

.view-size:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}

.view-size--no-gap {
  max-width: 1240px;
}

.view-size--big {
  max-width: 1660px;
}

.view-section {
  position: relative;
}

.view-header {
  position: relative;
}

.view-footer {
  position: relative;
  background: #000;
}

.footer-top {
  height: 300px;
  line-height: 300px;
  text-align: center;
}

.footer-top__text {
  display: inline-block;
  vertical-align: middle;
}

.footer-bot {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
}

.footer-bot a {
  font-size: 0.9rem;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
  color: #f5f5f5;
  font-weight: lighter;
  text-decoration: underline;
}

.footer-bot a:hover {
  text-decoration: none;
}

.question {
  display: block;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff;
}

.phone {
  font-weight: lighter;
  font-size: 4rem;
  line-height: 5rem;
  display: block;
  color: #417599;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.phone:hover {
  color: #fff;
}

.email {
  display: block;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #417599;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.email:hover {
  color: #fff;
}

.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: 16px;
  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 1.5rem;
  margin-bottom: 1.5rem !important;
}

.view-text h1 {
  font-size: 2.3em;
}

.view-text h2 {
  font-size: 2em;
}

.view-text h3 {
  font-size: 1.8em;
}

.view-text h4 {
  font-size: 1.5em;
}

.view-text h5 {
  font-size: 1.4em;
}

.view-text h6 {
  font-size: 1.2em;
}

.view-text__slogan {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 25px;
}

.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;
  font-weight: 300;
}

.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: #417599;
  -webkit-transition: all 0.2s easew;
  transition: all 0.2s easew;
}

.view-text a:visited {
  color: #7e2aa9;
}

.view-text a:hover {
  color: #7e2aa9;
}

.view-text a:active {
  color: #7e2aa9;
}

.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: 3rem;
  font-weight: 300;
  color: #000;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  margin: 1.2em 0 3.5rem;
}

.title--big {
  font-weight: bold;
  font-size: 3rem;
}

.title--underground {
  position: absolute;
  left: 0;
  top: 0;
  color: #f1f2f5;
  font-size: 10rem;
  line-height: 8rem;
  font-weight: bold;
}

.title--center {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.title--fiol {
  color: #6c2497;
}

.title--white {
  color: #fff;
}

.title--blue {
  color: rgba(255, 255, 255, 0.05);
}

.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 {
  color: #f00;
  text-decoration: underline;
}

.breadcrumbs span {
  color: #000;
  display: inline-block;
  vertical-align: top;
  font-size: 1em;
  line-height: 1.4;
  margin-right: .5em;
}

.breadcrumbs span:before {
  margin-right: .5em;
  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 {
  padding: 0 4.4rem;
  border: 2px solid #fff;
  box-sizing: border-box;
  line-height: 3.1rem;
  text-align: center;
  border-radius: 3.5rem;
  height: 3.5rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  background: none;
  outline: none !important;
}

.button span {
  text-transform: uppercase;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-weight: bold;
}

.button--svg {
  padding: 0 3rem;
}

.button--svg svg {
  display: inline-block;
  vertical-align: middle;
  fill: #fff;
  margin-left: 25px;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.button--lock svg {
  height: 21px;
  width: 17px;
}

.button--arrow svg {
  height: 29px;
  width: 16px;
}

.button--mb10 {
  margin-bottom: 10px;
}

.button:hover {
  background: #fff;
}

.button:hover span {
  color: #360568;
}

.button:hover svg {
  fill: #360568;
}

.button:active {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.pagination {
  text-align: center;
}

.control-holder--text input, .control-holder--text textarea, .control-holder--text select {
  position: relative;
  vertical-align: top;
  box-sizing: border-box;
  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%;
}

.form {
  position: relative;
  font-size: 1rem;
}

.form__group {
  display: block;
  position: relative;
  margin: 0 0 1.6rem;
}

.form__group .form__group {
  margin: 0 0 .8rem;
}

.form__label {
  cursor: default;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: .4rem;
}

.form__caption {
  font-size: .8em;
  margin-bottom: .4em;
}

.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;
}

label.form__label {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: -1rem;
  color: #fff;
  font-weight: lighter;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input:focus ~ label.form__label,
input.show ~ label.form__label {
  top: 0;
  font-size: 1rem;
  line-height: 1rem;
}

.control-holder {
  position: relative;
  margin-bottom: 20px;
}

.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: 1em;
  line-height: 1.5em;
  padding: .1em .5em;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  color: #000;
}

.control-holder--text input, .control-holder--text textarea, .control-holder--text select {
  display: block;
  width: 100%;
  line-height: calc( 1.75em - 2px);
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  height: 50px;
  padding: 0;
  outline: none !important;
  color: #fff;
  font-weight: lighter;
  font-size: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.control-holder--text input:focus, .control-holder--text textarea:focus, .control-holder--text select:focus {
  border-color: #fff;
}

.control-holder--text textarea {
  resize: vertical;
  min-height: 7em;
  max-height: 18em;
}

.control-holder--text-sm-size input, .control-holder--text-sm-size textarea, .control-holder--text-sm-size select {
  font-size: 12;
}

.control-holder--text-md-size input, .control-holder--text-md-size textarea, .control-holder--text-md-size select {
  font-size: 14;
}

.control-holder--text-lg-size input, .control-holder--text-lg-size textarea, .control-holder--text-lg-size select {
  font-size: 18;
}

.control-holder--text-xl-size input, .control-holder--text-xl-size textarea, .control-holder--text-xl-size select {
  font-size: 20;
}

.control-holder--flag label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 1em;
}

.control-holder--flag label:only-child, .control-holder--flag label.has-error {
  cursor: default;
  margin-right: 0;
}

.control-holder--flag ins {
  position: relative;
  display: inline-block;
  vertical-align: text-bottom;
  width: 1.2em;
  height: 1.2em;
  background-color: #fff;
  border: 1px solid;
}

.control-holder--flag input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.control-holder--flag input[type="radio"] ~ ins {
  border-radius: 50%;
}

.control-holder--flag input:checked ~ ins {
  background-color: #000;
  box-shadow: inset 0 0 0 3px #fff;
}

.control-holder--flag input:disabled ~ ins,
.control-holder--flag input:disabled ~ span {
  opacity: .5;
  cursor: not-allowed;
}

.control-holder--file label {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.control-holder--file input {
  position: absolute;
  outline: none;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.control-holder--file ._ellipsis {
  max-width: 200px;
  width: auto;
  display: inline-block;
  vertical-align: top;
}

.control-holder:last-child {
  margin-top: 45px;
  margin-bottom: 0;
}

.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;
}

._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;
}

._m-md {
  margin: 0.8333333rem !important;
}

._m-def {
  margin: 1.6666667rem !important;
}

._m-lg {
  margin: 2.5rem !important;
}

._m-xl {
  margin: 3.3333333rem !important;
}

._m-mg {
  margin: 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;
}

._mt-none {
  margin-top: 0 !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;
}

._mr-none {
  margin-right: 0 !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;
}

._mb-none {
  margin-bottom: 0 !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;
}

._ml-none {
  margin-left: 0 !important;
}

._m-none {
  margin: 0 !important;
}

._p-sm {
  padding: 0.4166667rem !important;
}

._p-md {
  padding: 0.8333333rem !important;
}

._p-def {
  padding: 1.6666667rem !important;
}

._p-lg {
  padding: 2.5rem !important;
}

._p-xl {
  padding: 3.3333333rem !important;
}

._p-mg {
  padding: 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;
}

._pt-none {
  padding-top: 0 !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;
}

._pr-none {
  padding-right: 0 !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;
}

._pb-none {
  padding-bottom: 0 !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;
}

._pl-none {
  padding-left: 0 !important;
}

._p-none {
  padding: 0 !important;
}

._m-auto {
  margin: auto !important;
}

._ml-auto {
  margin-left: auto !important;
}

._mr-auto {
  margin-right: auto !important;
}

/*helpers*/
.fll {
  float: left;
}

.flr {
  float: right;
}

.ovh {
  overflow: hidden;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

/*screen1*/
.screen1 {
  height: 680px;
  background: url(../images/top.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  padding-top: 85px;
  box-sizing: border-box;
}

.screen1-title {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 4.5rem;
  color: #fff;
  font-style: normal;
  margin-bottom: 2rem;
}

.screen1-slogan {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: "Cambria", Arial, Helvetica, sans-serif;
  max-width: 525px;
  margin-bottom: 2.8rem;
}

.screen1-slogan._black {
  color: #000;
  max-width: 100%;
}

.screen1-slogan--center {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.screen1-slogan--center2 {
  max-width: 1038px;
  margin-left: auto;
  margin-right: auto;
}

.screen1.show .monitors .monitor1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.screen1.show .monitors .monitor2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.screen1.show .monitors .graf1 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.screen1.show .monitors .graf2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.screen1.show .monitors .graf3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.left-size {
  max-width: 715px;
  width: 55%;
}

.logo {
  line-height: 0;
  display: block;
  padding-bottom: 70px;
  position: relative;
  margin-bottom: 25px;
}

.logo:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100px;
  background: #fff;
}

.monitors {
  position: absolute;
  right: 0;
  top: 0;
  width: 52.5%;
}

.monitors .monitor1 {
  left: 0;
  top: 200px;
  position: absolute;
  line-height: 0;
  max-width: 44%;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.5s 0.4s ease;
  transition: all 0.5s 0.4s ease;
}

.monitors .monitor2 {
  right: 0;
  top: 0;
  position: absolute;
  line-height: 0;
  max-width: 65%;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.monitors .graf1 {
  position: absolute;
  right: 45%;
  top: 130px;
  line-height: 0;
  max-width: 33%;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.5s 0.7s ease;
  transition: all 0.5s 0.7s ease;
}

.monitors .graf2 {
  position: absolute;
  right: 0;
  top: 150px;
  line-height: 0;
  max-width: 40%;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.5s 1s ease;
  transition: all 0.5s 1s ease;
}

.monitors .graf3 {
  position: absolute;
  right: 30%;
  top: 280px;
  line-height: 0;
  max-width: 41%;
  opacity: 0;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transition: all 0.5s 1.3s ease;
  transition: all 0.5s 1.3s ease;
}

/*screen2*/
.screen2 {
  padding: 100px 0 80px;
  box-sizing: border-box;
}

.block-with-underground {
  position: relative;
  padding-top: 60px;
}

.about {
  margin-bottom: 70px;
}

.about-block {
  position: relative;
  width: 100%;
  height: 220px;
  border: 1px solid #e7e8eb;
  box-sizing: border-box;
  border-radius: 7px;
  line-height: 220px;
  margin-bottom: 20px;
  text-align: center;
  background: #fff;
  transition: all 0.3s ease;
}

.about-block--big {
  height: 470px;
  line-height: 470px;
}

.about-block--green {
  border: 1px solid #8aba64;
  background: #8aba64;
}

.about-block--green .about-text {
  color: #fff;
  max-width: 240px;
}

.about-block--gray {
  border: 1px solid #e7e8eb;
  background: #e7e8eb url(../images/graf.png) no-repeat 40px 15px;
  text-align: right;
}

.about-block--gray .about-text {
  max-width: 230px;
  text-align: center;
  margin-right: 10%;
}

.about-block--fiol {
  background: url(../images/fiol.jpg) no-repeat top center;
  border: none;
  text-align: left;
}

.about-block--fiol .about-text {
  max-width: 230px;
  text-align: center;
  margin-left: 10%;
}

.about-block--hulf + .about-block--hulf {
  margin-top: 30px;
}

.about-block:hover {
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.about-block--cur {
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.about-block--cur:hover {
  box-shadow: none;
}

.about-text {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  max-width: 300px;
}

.about-text--roboto {
  font-weight: lighter;
  display: block;
  font-size: 1rem;
  margin-top: 10px;
  line-height: 1.5rem;
}

.about-text--cambria {
  font-family: "Cambria", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.about-text svg {
  display: block;
  margin: 0 auto 5px;
  max-width: 54px;
  max-height: 54px;
  fill: #8aba64;
}

.about-text--big {
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 20px;
}

.about-text--big span {
  font-size: 8rem;
  display: block;
  line-height: 6rem;
}

.about-text--light {
  color: #fff;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 45px;
}

.about-img--big {
  position: absolute;
  top: 40px;
  width: 440px;
  height: 440px;
  right: 0;
  background: url(../images/about.png) no-repeat top center;
}

.about-left {
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: "Cambria", Arial, Helvetica, sans-serif;
  color: #000;
  margin-bottom: 25px;
}

.about-right--title {
  font-weight: bold;
  color: #000;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 30px;
}

.about-list {
  margin-bottom: 30px;
}

.about-list__item {
  margin-bottom: 20px;
}

.about-list__svg {
  float: left;
  width: 25%;
  text-align: center;
}

.about-list__svg svg {
  fill: #8aba64;
  max-width: 50px;
  max-height: 50px;
}

.about-list__text {
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 300;
  padding-right: 30px;
  box-sizing: border-box;
}

.anchor-link {
  cursor: pointer;
}

.about-text-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}

.about-text-list ul li {
  display: inline-block;
  vertical-align: top;
  padding-left: 45px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
}

.about-text-list ul li:after {
  position: absolute;
  content: '';
  width: 29px;
  height: 16px;
  top: 0;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAATlBMVEWKumT///+KumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumSKumQL6OeTAAAAGXRSTlMAAAcKQ0VWV1hZW1xdeXp7fH1+f4CBg/z9k70WYwAAAF1JREFUeAF9zEcKgEAQRNEyZx2D9vT9LyoFI7iw/NsHH1kKrwo8fWgXg1aU5ptWNOa7VvKhlXxqRU2WSr4Al5H/dJXn3jxAKRFKB6JQ4gKlo/kMpRVRahsnaEWO1A1sVQnzNwLT5gAAAABJRU5ErkJggg==) no-repeat top center;
}

/*screen3*/
.screen3 {
  padding: 60px 0;
  box-sizing: border-box;
  background: #7e2aa9 url(../css/pic/fiol.jpg) no-repeat top center;
  background-size: cover;
}

.portfolio {
  margin-bottom: 15px;
}

.portfolio .gcell {
  margin-bottom: 30px;
}

.portfolio-item {
  line-height: 0;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.portfolio-item:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(138, 186, 100, 0.9);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.portfolio-item:hover {
  box-shadow: 0 40px 60px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.portfolio-item:hover:after {
  opacity: 1;
}

.portfolio-item:hover .portfolio-link {
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s ease;
  transition: all 0.3s 0.2s ease;
}

.portfolio-link {
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  max-width: 90%;
  opacity: 0;
}

.portfolio-link svg {
  fill: #fff;
  height: 66px;
  width: 66px;
  margin-bottom: 15px;
}

.portfolio-link span {
  color: #fff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: block;
}

.touchevents .portfolio {
  margin-bottom: 15px;
}

.touchevents .portfolio .gcell {
  margin-bottom: 30px;
}

.touchevents .portfolio-item {
  line-height: 0;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.touchevents .portfolio-item:hover {
  box-shadow: 0 40px 60px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.touchevents .portfolio-item:hover:after {
  opacity: 1;
}

.touchevents .portfolio-item:hover .portfolio-link {
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s ease;
  transition: all 0.3s 0.2s ease;
}

.touchevents .portfolio-link {
  z-index: 2;
  top: auto;
  bottom: 0;
  left: 0%;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  max-width: none;
  opacity: 1;
}

.touchevents .portfolio-link svg {
  display: none;
}

.touchevents .portfolio-link span {
  color: #fff;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: block;
  text-align: center;
  position: relative;
  z-index: 99999;
  padding: 5px 0;
}

.touchevents .portfolio-link:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(138, 186, 100, 0.9);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.add-new {
  /*left: 0;*/
  height: 100%;
  width: 100%;
  border: 2px dashed rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding-top: 60%;
  box-sizing: border-box;
}

.add-new__text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
}

.add-new__text span {
  display: block;
  font-size: 6rem;
  line-height: 5rem;
}

.add-new:hover {
  border: 2px dashed white;
}

.add-new:hover .add-new__text {
  color: white;
}

/*screen4*/
.screen4 {
  padding: 60px 0;
  box-sizing: border-box;
}

.columns {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}

.open-code {
  margin-bottom: 50px;
}

.price {
  height: 260px;
  border-radius: 7px;
  background: #f1f2f5;
  margin: 30px 0;
  position: relative;
  line-height: 260px;
}

.price-center {
  position: absolute;
  height: 320px;
  margin-top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  width: 48%;
  text-align: center;
  line-height: 320px;
}

.price-center span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #000;
}

.price-center span span {
  color: #8aba64;
  display: block;
  font-size: 11rem;
  line-height: 10rem;
  font-weight: 100;
  position: relative;
}

.price-center span span:after {
  position: absolute;
  content: '$';
  top: 0;
  left: -10px;
  font-size: 4rem;
  font-weight: lighter;
  line-height: 4rem;
}

.price-text {
  width: 38%;
  text-align: center;
}

.price-text span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.price-left {
  float: left;
}

.price-left span {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: lighter;
  color: #aeaeae;
}

.price-left span span {
  display: block;
  font-size: 7rem;
  line-height: 6rem;
  font-weight: 100;
  position: relative;
}

.price-left span span:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,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) no-repeat center center;
}

.price-left span span:after {
  position: absolute;
  content: '$';
  top: 0;
  left: -20px;
  font-size: 2rem;
  font-weight: lighter;
  line-height: 2rem;
}

.price-right {
  float: right;
}

.price-right span {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: lighter;
  color: #aeaeae;
}

.price-right span span {
  display: block;
  font-size: 7rem;
  line-height: 6rem;
  font-weight: 100;
  position: relative;
}

.price-right span span:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,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) no-repeat center center;
}

/*screen5*/
.screen5 {
  padding-top: 90px;
  box-sizing: border-box;
  background: #417599 url(../css/pic/seo.jpg) no-repeat bottom center;
  background-size: cover;
}

.screen5-title {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 2rem;
  margin-bottom: 15px;
}

.seo-block {
  margin-bottom: 40px;
}

.notebook {
  position: relative;
  line-height: 0;
}

.notebook img {
  max-width: 142%;
}

.notebook-screen {
  position: absolute;
  top: 17.1%;
  height: 63.6%;
  overflow: hidden;
  left: 12.3%;
  width: 60.7%;
}

.screen-link {
  color: #fff;
  box-sizing: border-box;
  position: relative;
  font-weight: 300;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.screen-link span {
  padding: 10px 20px;
  display: block;
  position: relative;
  line-height: 1.625rem;
  font-size: 16px;
}

.screen-link.cur span {
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  color: #417599;
}

.screen-link span:hover {
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  color: #417599;
}

.screen-link span:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 20px;
  left: 100%;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAsCAMAAABSfmj/AAAArlBMVEUDAwP////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vSSzRAAAAOXRSTlMAAQMGCAoPEhUcISQmLTQ3OkJKTlNbXGVpa294e4eWoKOrrbO3vL3DyMrS2Nvc4+jq6+7w9fb5/P5360G9AAAApElEQVR42m3QNQLDABADQYXtMDMzk53E9/+PxZ0K3ZZTLqZwsrGHycBB+/UVU+06aN+2g/ZpOWhx00GL6g7aq+agPaoO2r1MZLeQyC4BkZ1LRHYqEtmhQGS7PJFtckS2yhLZwsOJg3MobrOK5yIE7yEEoxoEfx0oDqE4g+I6o3gsQPAaQPBdgeC3BcGkB8UJFJdQ3OcU01uCzxCCcQNSeksbQfsDzyBhxeEU6lUAAAAASUVORK5CYII=) no-repeat top center;
  background-size: 100% 100%;
  display: none;
}

.screen-link span:hover:after {
  display: block;
}

.screen-link.cur span:after {
  display: block;
}

.comment-block {
  max-width: 820px;
  margin: 0 auto;
  height: 400px;
}

.comment-left {
  line-height: 400px;
  max-width: 295px;
  width: 35%;
}

.comment-left img {
  display: inline-block;
  vertical-align: bottom;
  max-height: 100%;
}

.comment-right {
  line-height: 400px;
  max-width: 460px;
  width: 65%;
}

.comment-text {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  position: relative;
}

.comment-text__main {
  font-family: "Cambria", Arial, Helvetica, sans-serif;
  margin-bottom: 25px;
  font-size: 1.5rem;
  line-height: 2rem;
}

.comment-text__man {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 1rem;
  line-height: 1.5rem;
}

.comment-text__man span {
  display: block;
}

.comment-text__man a {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.comment-text__man a:hover {
  color: #417599;
}

.comment-text:after {
  position: absolute;
  content: '«';
  font-size: 13rem;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.2);
  top: -30px;
  left: -120px;
  font-family: "Cambria", Arial, Helvetica, sans-serif;
}

/*screen6*/
.screen6 {
  padding: 110px 0 140px;
  box-sizing: border-box;
}

/*screen7*/
.screen7 {
  background: url(../css/pic/form.jpg) no-repeat center center;
  background-size: cover;
}

.order-form {
  margin-top: -80px;
  margin-bottom: 80px;
  padding: 12% 14.5%;
  box-sizing: border-box;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  background: #360568;
  background: -webkit-linear-gradient(-45deg, #360568 0%, #7e2aa9 100%);
  background: -webkit-linear-gradient(315deg, #360568 0%, #7e2aa9 100%);
  background: linear-gradient(135deg, #360568 0%, #7e2aa9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360568', endColorstr='#7e2aa9',GradientType=1 );
}

.order-title {
  color: #fff;
  font-size: 2.7rem;
  line-height: 3rem;
  font-weight: lighter;
  margin-bottom: 20px;
}

.order-slogan {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin-bottom: 40px;
}

.order-opus {
  line-height: 550px;
}

.order-opus__inn {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  max-width: 400px;
}

.order-title {
  color: #fff;
  font-size: 2.7rem;
  line-height: 3rem;
  margin-bottom: 20px;
  font-weight: 300;
}

.order-text {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 50px;
  font-weight: 300;
}

/*scroll*/
.scroll_up {
  position: fixed;
  height: 40px;
  width: 40px;
  cursor: pointer;
  bottom: 5px;
  right: 5px;
  text-align: center;
  line-height: 40px;
  z-index: 2;
  display: none;
  border-radius: 40px;
  background: #fff;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  border: 1px solid transparent;
  z-index: 99999;
}

.scroll_up svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  fill: #000;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.scroll_up:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.scroll_up:hover svg {
  opacity: 0.5;
}

.scroll_up:active {
  box-shadow: 0px 0px 0px transparent;
  border: 1px solid transparent;
}

.scroll_up:active svg {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}

/*animation*/
.no-touchevents .about-block.is-animation {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
  transition: opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease, opacity 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease, opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
}

.no-touchevents .portfolio .gcell.is-animation {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
}

.no-touchevents .portfolio .gcell:nth-child(1) {
  -webkit-transition: opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
  transition: opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease, opacity 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease, opacity 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
}

.no-touchevents .portfolio .gcell:nth-child(2) {
  -webkit-transition: opacity 0.3s 0.4s ease, -webkit-transform 0.3s 0.4s ease;
  transition: opacity 0.3s 0.4s ease, -webkit-transform 0.3s 0.4s ease;
  transition: transform 0.3s 0.4s ease, opacity 0.3s 0.4s ease;
  transition: transform 0.3s 0.4s ease, opacity 0.3s 0.4s ease, -webkit-transform 0.3s 0.4s ease;
}

.no-touchevents .portfolio .gcell:nth-child(3) {
  -webkit-transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
}

.no-touchevents .portfolio .gcell:nth-child(4) {
  -webkit-transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
}

.no-touchevents .portfolio .gcell:nth-child(5) {
  -webkit-transition: opacity 0.3s 0.7s ease, -webkit-transform 0.3s 0.7s ease;
  transition: opacity 0.3s 0.7s ease, -webkit-transform 0.3s 0.7s ease;
  transition: transform 0.3s 0.7s ease, opacity 0.3s 0.7s ease;
  transition: transform 0.3s 0.7s ease, opacity 0.3s 0.7s ease, -webkit-transform 0.3s 0.7s ease;
}

.no-touchevents .portfolio .gcell:nth-child(6) {
  -webkit-transition: opacity 0.3s 0.8s ease, -webkit-transform 0.3s 0.8s ease;
  transition: opacity 0.3s 0.8s ease, -webkit-transform 0.3s 0.8s ease;
  transition: transform 0.3s 0.8s ease, opacity 0.3s 0.8s ease;
  transition: transform 0.3s 0.8s ease, opacity 0.3s 0.8s ease, -webkit-transform 0.3s 0.8s ease;
}

.no-touchevents .portfolio .gcell:nth-child(7) {
  -webkit-transition: opacity 0.3s 0.9s ease, -webkit-transform 0.3s 0.9s ease;
  transition: opacity 0.3s 0.9s ease, -webkit-transform 0.3s 0.9s ease;
  transition: transform 0.3s 0.9s ease, opacity 0.3s 0.9s ease;
  transition: transform 0.3s 0.9s ease, opacity 0.3s 0.9s ease, -webkit-transform 0.3s 0.9s ease;
}

.no-touchevents .portfolio .gcell:nth-child(8) {
  -webkit-transition: opacity 0.3s 1s ease, -webkit-transform 0.3s 1s ease;
  transition: opacity 0.3s 1s ease, -webkit-transform 0.3s 1s ease;
  transition: transform 0.3s 1s ease, opacity 0.3s 1s ease;
  transition: transform 0.3s 1s ease, opacity 0.3s 1s ease, -webkit-transform 0.3s 1s ease;
}

.no-touchevents .portfolio .gcell:nth-child(9) {
  -webkit-transition: opacity 0.3s 1.1s ease, -webkit-transform 0.3s 1.1s ease;
  transition: opacity 0.3s 1.1s ease, -webkit-transform 0.3s 1.1s ease;
  transition: transform 0.3s 1.1s ease, opacity 0.3s 1.1s ease;
  transition: transform 0.3s 1.1s ease, opacity 0.3s 1.1s ease, -webkit-transform 0.3s 1.1s ease;
}

.no-touchevents .portfolio .gcell:nth-child(10) {
  -webkit-transition: opacity 0.3s 1.2s ease, -webkit-transform 0.3s 1.2s ease;
  transition: opacity 0.3s 1.2s ease, -webkit-transform 0.3s 1.2s ease;
  transition: transform 0.3s 1.2s ease, opacity 0.3s 1.2s ease;
  transition: transform 0.3s 1.2s ease, opacity 0.3s 1.2s ease, -webkit-transform 0.3s 1.2s ease;
}

.no-touchevents .portfolio .gcell:nth-child(11) {
  -webkit-transition: opacity 0.3s 1.3s ease, -webkit-transform 0.3s 1.3s ease;
  transition: opacity 0.3s 1.3s ease, -webkit-transform 0.3s 1.3s ease;
  transition: transform 0.3s 1.3s ease, opacity 0.3s 1.3s ease;
  transition: transform 0.3s 1.3s ease, opacity 0.3s 1.3s ease, -webkit-transform 0.3s 1.3s ease;
}

.no-touchevents .portfolio .gcell:nth-child(12) {
  -webkit-transition: opacity 0.3s 1.4s ease, -webkit-transform 0.3s 1.4s ease;
  transition: opacity 0.3s 1.4s ease, -webkit-transform 0.3s 1.4s ease;
  transition: transform 0.3s 1.4s ease, opacity 0.3s 1.4s ease;
  transition: transform 0.3s 1.4s ease, opacity 0.3s 1.4s ease, -webkit-transform 0.3s 1.4s ease;
}

.no-touchevents .animation-img img {
  -webkit-transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
}

.no-touchevents .animation-img img.is-animation {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
}

.no-touchevents .price.is-animation .price-left {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
  opacity: 0;
}

.no-touchevents .price.is-animation .price-right {
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  opacity: 0;
}

.no-touchevents .price.is-animation .price-center {
  margin-top: 50px;
  opacity: 0;
}

.no-touchevents .price .price-right,
.no-touchevents .price .price-left {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease;
  transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
}

.no-touchevents .price .price-center {
  opacity: 1;
  -webkit-transition: margin 0.3s 0.8s ease, opacity 0.3s 0.8s ease;
  transition: margin 0.3s 0.8s ease, opacity 0.3s 0.8s ease;
}

.no-touchevents .notebook {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
}

.no-touchevents .notebook.is-animation {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
}

.no-touchevents .comment-left {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
}

.no-touchevents .comment-left.is-animation {
  -webkit-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  opacity: 0;
}

.no-touchevents .screen6 img {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease;
  transition: transform 0.3s 0.6s ease, opacity 0.3s 0.6s ease, -webkit-transform 0.3s 0.6s ease;
}

.no-touchevents .screen6 img.is-animation {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
}

/*fix*/
.view-text._small {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}

.view-text._small2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

.view-text._small p {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}

.order-opus__inn .button, .screen1 .button {
  width: 100%;
  text-align: center;
  max-width: 370px;
}

.posRel {
  position: relative;
}

@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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._xs-m-def{
    margin: 1.6666667rem !important;
  }

  ._xs-m-lg{
    margin: 2.5rem !important;
  }

  ._xs-m-xl{
    margin: 3.3333333rem !important;
  }

  ._xs-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._xs-m-none{
    margin: 0 !important;
  }

  ._xs-p-sm{
    padding: 0.4166667rem !important;
  }

  ._xs-p-md{
    padding: 0.8333333rem !important;
  }

  ._xs-p-def{
    padding: 1.6666667rem !important;
  }

  ._xs-p-lg{
    padding: 2.5rem !important;
  }

  ._xs-p-xl{
    padding: 3.3333333rem !important;
  }

  ._xs-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._xs-p-none{
    padding: 0 !important;
  }

  ._xs-m-auto{
    margin: auto !important;
  }

  ._xs-ml-auto{
    margin-left: auto !important;
  }

  ._xs-mr-auto{
    margin-right: auto !important;
  }
}

@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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._sm-m-def{
    margin: 1.6666667rem !important;
  }

  ._sm-m-lg{
    margin: 2.5rem !important;
  }

  ._sm-m-xl{
    margin: 3.3333333rem !important;
  }

  ._sm-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._sm-m-none{
    margin: 0 !important;
  }

  ._sm-p-sm{
    padding: 0.4166667rem !important;
  }

  ._sm-p-md{
    padding: 0.8333333rem !important;
  }

  ._sm-p-def{
    padding: 1.6666667rem !important;
  }

  ._sm-p-lg{
    padding: 2.5rem !important;
  }

  ._sm-p-xl{
    padding: 3.3333333rem !important;
  }

  ._sm-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._sm-p-none{
    padding: 0 !important;
  }

  ._sm-m-auto{
    margin: auto !important;
  }

  ._sm-ml-auto{
    margin-left: auto !important;
  }

  ._sm-mr-auto{
    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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._ms-m-def{
    margin: 1.6666667rem !important;
  }

  ._ms-m-lg{
    margin: 2.5rem !important;
  }

  ._ms-m-xl{
    margin: 3.3333333rem !important;
  }

  ._ms-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._ms-m-none{
    margin: 0 !important;
  }

  ._ms-p-sm{
    padding: 0.4166667rem !important;
  }

  ._ms-p-md{
    padding: 0.8333333rem !important;
  }

  ._ms-p-def{
    padding: 1.6666667rem !important;
  }

  ._ms-p-lg{
    padding: 2.5rem !important;
  }

  ._ms-p-xl{
    padding: 3.3333333rem !important;
  }

  ._ms-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._ms-p-none{
    padding: 0 !important;
  }

  ._ms-m-auto{
    margin: auto !important;
  }

  ._ms-ml-auto{
    margin-left: auto !important;
  }

  ._ms-mr-auto{
    margin-right: auto !important;
  }
}

@media only screen and (min-width: 768px){
  /*! $mqpacker hack */

  html{
    font-size: 14px;
  }

  .sitemap{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._md-m-def{
    margin: 1.6666667rem !important;
  }

  ._md-m-lg{
    margin: 2.5rem !important;
  }

  ._md-m-xl{
    margin: 3.3333333rem !important;
  }

  ._md-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._md-m-none{
    margin: 0 !important;
  }

  ._md-p-sm{
    padding: 0.4166667rem !important;
  }

  ._md-p-md{
    padding: 0.8333333rem !important;
  }

  ._md-p-def{
    padding: 1.6666667rem !important;
  }

  ._md-p-lg{
    padding: 2.5rem !important;
  }

  ._md-p-xl{
    padding: 3.3333333rem !important;
  }

  ._md-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._md-p-none{
    padding: 0 !important;
  }

  ._md-m-auto{
    margin: auto !important;
  }

  ._md-ml-auto{
    margin-left: auto !important;
  }

  ._md-mr-auto{
    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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._def-m-def{
    margin: 1.6666667rem !important;
  }

  ._def-m-lg{
    margin: 2.5rem !important;
  }

  ._def-m-xl{
    margin: 3.3333333rem !important;
  }

  ._def-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._def-m-none{
    margin: 0 !important;
  }

  ._def-p-sm{
    padding: 0.4166667rem !important;
  }

  ._def-p-md{
    padding: 0.8333333rem !important;
  }

  ._def-p-def{
    padding: 1.6666667rem !important;
  }

  ._def-p-lg{
    padding: 2.5rem !important;
  }

  ._def-p-xl{
    padding: 3.3333333rem !important;
  }

  ._def-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._def-p-none{
    padding: 0 !important;
  }

  ._def-m-auto{
    margin: auto !important;
  }

  ._def-ml-auto{
    margin-left: auto !important;
  }

  ._def-mr-auto{
    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-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-m-md{
    margin: 0.8333333rem !important;
  }

  ._lg-m-def{
    margin: 1.6666667rem !important;
  }

  ._lg-m-lg{
    margin: 2.5rem !important;
  }

  ._lg-m-xl{
    margin: 3.3333333rem !important;
  }

  ._lg-m-mg{
    margin: 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-mt-none{
    margin-top: 0 !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-mr-none{
    margin-right: 0 !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-mb-none{
    margin-bottom: 0 !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-ml-none{
    margin-left: 0 !important;
  }

  ._lg-m-none{
    margin: 0 !important;
  }

  ._lg-p-sm{
    padding: 0.4166667rem !important;
  }

  ._lg-p-md{
    padding: 0.8333333rem !important;
  }

  ._lg-p-def{
    padding: 1.6666667rem !important;
  }

  ._lg-p-lg{
    padding: 2.5rem !important;
  }

  ._lg-p-xl{
    padding: 3.3333333rem !important;
  }

  ._lg-p-mg{
    padding: 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-pt-none{
    padding-top: 0 !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-pr-none{
    padding-right: 0 !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-pb-none{
    padding-bottom: 0 !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-pl-none{
    padding-left: 0 !important;
  }

  ._lg-p-none{
    padding: 0 !important;
  }

  ._lg-m-auto{
    margin: auto !important;
  }

  ._lg-ml-auto{
    margin-left: auto !important;
  }

  ._lg-mr-auto{
    margin-right: auto !important;
  }

  .notebook-screen{
    left: 21.3%;
    width: 98.7%;
  }
}

@media only screen and (min-width: 1366px){
  /*! $mqpacker hack */
}

@media only screen and (min-width: 1440px){
  /*! $mqpacker hack */
}

@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;
  }
}

@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;
  }
}

@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;
  }

  ._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;
  }

  ._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;
  }

  ._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;
  }

  ._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;
  }

  ._sm-show{
    display: none;
  }

  ._sm-show\!{
    display: none !important;
  }
}

@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;
  }

  ._xs-show{
    display: none;
  }

  ._xs-show\!{
    display: none !important;
  }
}

@media only screen and (max-width: 319px){
  /*! $mqpacker hack */
}

@media print{

  ._noprint{
    display: none !important;
  }
}