@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,600;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400");
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  color: #000;
  background: #fff;
  line-height: 1.4;
  font-size: 18px;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  color: #03a9f5;
  background-color: transparent;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

.wrap {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  padding: 101px 0 0;
}

.main {
  flex: 1;
  padding: 75px 0 0;
}
.main_no-top-spacing {
  padding-top: 0;
}

.separator {
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background: #eeeeee;
}

.image__align__center {
  display: block;
  margin: 40px auto;
}
.image__align__left {
  float: left;
  max-width: 50%;
  margin: 0 24px 24px 0;
}
@media screen and (max-width: 480px) {
  .image__align__left {
    display: block;
    float: none;
    max-width: 100%;
    margin: 24px auto;
  }
}
.image__align__right {
  float: right;
  max-width: 50%;
  margin: 0 0 24px 24px;
}
@media screen and (max-width: 480px) {
  .image__align__right {
    display: block;
    float: none;
    max-width: 100%;
    margin: 24px auto;
  }
}
.image__offset__top {
  margin-top: -20px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.overlow {
  overflow: hidden;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-4 {
  margin-bottom: 20px !important;
}

.grecaptcha-badge {
  bottom: 76px !important;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/* Shadows */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

/**
* Styles for HTML elements
*/
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

a {
  color: rgb(255, 152, 0);
  font-weight: 500;
}

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
blockquote:before {
  position: absolute;
  left: -0.5em;
  content: "“";
}
blockquote:after {
  content: "”";
  margin-left: -0.05em;
}

mark {
  background-color: #f4ff81;
}

dt {
  font-weight: 700;
}

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}

.mdl-typography--text-left {
  text-align: left;
}

.mdl-typography--text-right {
  text-align: right;
}

.mdl-typography--text-center {
  text-align: center;
}

.mdl-typography--text-justify {
  text-align: justify;
}

.mdl-typography--text-nowrap {
  white-space: nowrap;
}

.mdl-typography--text-lowercase {
  text-transform: lowercase;
}

.mdl-typography--text-uppercase {
  text-transform: uppercase;
}

.mdl-typography--text-capitalize {
  text-transform: capitalize;
}

.mdl-typography--font-thin {
  font-weight: 200 !important;
}

.mdl-typography--font-light {
  font-weight: 300 !important;
}

.mdl-typography--font-regular {
  font-weight: 400 !important;
}

.mdl-typography--font-medium {
  font-weight: 500 !important;
}

.mdl-typography--font-bold {
  font-weight: 700 !important;
}

.mdl-typography--font-black {
  font-weight: 900 !important;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-radio {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 22px;
  margin: 0;
  padding-left: 0;
}
.mdl-radio.is-upgraded {
  padding-left: 28px;
}

.mdl-radio__button {
  line-height: 22px;
}
.mdl-radio.is-upgraded .mdl-radio__button {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.mdl-radio__outer-circle {
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid rgb(3, 169, 244);
}
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle {
  border: 2px solid rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 7px;
  left: 5px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform;
  transform: scale(0, 0);
  border-radius: 50%;
  background: rgb(3, 169, 244);
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  transform: scale(1, 1);
}
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0,0,0, 0.26);
  cursor: auto;
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.mdl-radio__label {
  cursor: pointer;
}
fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0,0,0, 0.26);
  cursor: auto;
}

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: -12px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-radio__ripple-container .mdl-ripple {
  background: rgb(3, 169, 244);
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 20px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
}
.mdl-button::-moz-focus-inner {
  border: 0;
}
.mdl-button:hover {
  background-color: rgba(158,158,158, 0.20);
}
.mdl-button:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}
.mdl-button:active {
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button.mdl-button--colored {
  color: rgb(3, 169, 244);
}
.mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0,0,0, 0.12);
}

input.mdl-button[type=submit] {
  -webkit-appearance: none;
}

.mdl-button--raised {
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-button--raised:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--raised:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--raised.mdl-button--colored {
  background: rgb(3, 169, 244);
  color: rgb(255,255,255);
}
.mdl-button--raised.mdl-button--colored:hover {
  background-color: rgb(3, 169, 244);
}
.mdl-button--raised.mdl-button--colored:active {
  background-color: rgb(3, 169, 244);
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: rgb(3, 169, 244);
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}
.mdl-button--fab .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--fab.mdl-button--mini-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button--fab:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--fab:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158,158,158, 0.40);
}
.mdl-button--fab.mdl-button--colored {
  background: rgb(255, 152, 0);
  color: rgb(255,255,255);
}
.mdl-button--fab.mdl-button--colored:hover {
  background-color: rgb(255, 152, 0);
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: rgb(255, 152, 0);
}
.mdl-button--fab.mdl-button--colored:active {
  background-color: rgb(255, 152, 0);
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: rgb(255,255,255);
}

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
}
.mdl-button--icon .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
  top: 0px;
  left: 0px;
}
.mdl-button--icon .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
  background-color: transparent;
}

.mdl-button--primary.mdl-button--primary {
  color: rgb(3, 169, 244);
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: rgb(255,255,255);
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(3, 169, 244);
}

.mdl-button--accent.mdl-button--accent {
  color: rgb(255, 152, 0);
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: rgb(255,255,255);
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: rgb(255, 152, 0);
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent;
}
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: none;
}
.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
}

.mdl-button .material-icons {
  vertical-align: middle;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-textfield {
  position: relative;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}
.mdl-textfield .mdl-button {
  position: absolute;
  bottom: 20px;
}

.mdl-textfield--align-right {
  text-align: right;
}

.mdl-textfield--full-width {
  width: 100%;
}

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px;
}
.mdl-textfield--expandable .mdl-button--icon {
  top: 16px;
}

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 14px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 5px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}
.mdl-textfield__input[type=number] {
  -moz-appearance: textfield;
}
.mdl-textfield__input[type=number]::-webkit-inner-spin-button, .mdl-textfield__input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgb(213,0,0);
  box-shadow: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
}

.mdl-textfield textarea.mdl-textfield__input {
  display: block;
}

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 14px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 25px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label {
  visibility: hidden;
}
.mdl-textfield--floating-label .mdl-textfield__label {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  transition: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(0,0,0, 0.26);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: rgb(143, 143, 143);
  font-size: 11px;
  top: 4px;
  visibility: visible;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
  top: -16px;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgb(213,0,0);
  font-size: 11px;
}
.mdl-textfield__label:after {
  background-color: rgb(143, 143, 143);
  bottom: 20px;
  content: "";
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: rgb(213,0,0);
}

.mdl-textfield__error {
  color: rgb(213,0,0);
  position: absolute;
  font-size: 11px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.mdl-textfield.is-invalid .mdl-textfield__error {
  visibility: visible;
}

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
  max-width: 600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
  bottom: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
.mdl-grid {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}

.mdl-cell {
  box-sizing: border-box;
}

.mdl-cell--top {
  align-self: flex-start;
}

.mdl-cell--middle {
  align-self: center;
}

.mdl-cell--bottom {
  align-self: flex-end;
}

.mdl-cell--stretch {
  align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}

.mdl-cell--order-1 {
  order: 1;
}

.mdl-cell--order-2 {
  order: 2;
}

.mdl-cell--order-3 {
  order: 3;
}

.mdl-cell--order-4 {
  order: 4;
}

.mdl-cell--order-5 {
  order: 5;
}

.mdl-cell--order-6 {
  order: 6;
}

.mdl-cell--order-7 {
  order: 7;
}

.mdl-cell--order-8 {
  order: 8;
}

.mdl-cell--order-9 {
  order: 9;
}

.mdl-cell--order-10 {
  order: 10;
}

.mdl-cell--order-11 {
  order: 11;
}

.mdl-cell--order-12 {
  order: 12;
}

@media (max-width: 479px) {
  .mdl-grid {
    padding: 12px;
  }
  .mdl-cell {
    margin: 12px;
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-phone {
    display: none !important;
  }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    order: 1;
  }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    order: 2;
  }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    order: 3;
  }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    order: 4;
  }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    order: 5;
  }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    order: 6;
  }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    order: 7;
  }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    order: 8;
  }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    order: 9;
  }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    order: 10;
  }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    order: 11;
  }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 25%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 50%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 75%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 100%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: 100%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: 100%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: 100%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(25% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: 25%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(50% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: 50%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(75% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: 75%;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 12px;
  }
  .mdl-cell {
    margin: 12px;
    width: calc(50% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    order: 1;
  }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    order: 2;
  }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    order: 3;
  }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    order: 4;
  }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    order: 5;
  }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    order: 6;
  }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    order: 7;
  }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    order: 8;
  }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    order: 9;
  }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    order: 10;
  }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    order: 11;
  }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 12.5%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 25%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 37.5%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 50%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 62.5%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 75%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 87.5%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(12.5% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: 12.5%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(25% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: 25%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(37.5% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: 37.5%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(50% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: 50%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(62.5% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: 62.5%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(75% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: 75%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(87.5% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: 87.5%;
  }
}
@media (min-width: 840px) {
  .mdl-grid {
    padding: 12px;
  }
  .mdl-cell {
    margin: 12px;
    width: calc(33.3333333333% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.3333333333%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    order: 1;
  }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    order: 2;
  }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    order: 3;
  }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    order: 4;
  }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    order: 5;
  }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    order: 6;
  }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    order: 7;
  }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    order: 8;
  }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    order: 9;
  }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    order: 10;
  }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    order: 11;
  }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.3333333333% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.3333333333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.6666666667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: 25%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.3333333333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.6666666667% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.6666666667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: 50%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.3333333333% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.3333333333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.6666666667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: 75%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.3333333333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.6666666667% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.6666666667%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 24px);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(8.3333333333% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: 8.3333333333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.6666666667% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: 16.6666666667%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: 25%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(33.3333333333% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: 33.3333333333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.6666666667% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: 41.6666666667%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: 50%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(58.3333333333% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: 58.3333333333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.6666666667% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: 66.6666666667%;
  }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: 75%;
  }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(83.3333333333% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: 83.3333333333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.6666666667% + 12px);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: 91.6666666667%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1;
}
.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
  z-index: 999;
  visibility: visible;
}

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transform: scale(0);
  transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  transform: scale(1);
  z-index: 999;
}
.mdl-menu__outline.mdl-menu--bottom-right {
  transform-origin: 100% 0;
}
.mdl-menu__outline.mdl-menu--top-left {
  transform-origin: 0 100%;
}
.mdl-menu__outline.mdl-menu--top-right {
  transform-origin: 100% 100%;
}

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu {
  opacity: 1;
  z-index: 999;
}
.mdl-menu.is-animating {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-menu.mdl-menu--bottom-right {
  left: auto;
  right: 0;
}
.mdl-menu.mdl-menu--top-left {
  top: auto;
  bottom: 0;
}
.mdl-menu.mdl-menu--top-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.mdl-menu.mdl-menu--unaligned {
  top: auto;
  left: auto;
}

.mdl-menu__item {
  display: block;
  border: none;
  color: #000000;
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}
.mdl-menu__container.is-visible .mdl-menu__item {
  opacity: 1;
}
.mdl-menu__item::-moz-focus-inner {
  border: 0;
}
.mdl-menu__item--full-bleed-divider {
  border-bottom: 1px solid rgba(0,0,0, 0.12);
}
.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
  color: rgb(189,189,189);
  background-color: transparent;
  cursor: auto;
}
.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdl-menu__item:hover {
  background-color: #e1e1e1;
}
.mdl-menu__item:focus {
  outline: none;
  background-color: rgb(238,238,238);
}
.mdl-menu__item:active {
  background-color: rgb(224,224,224);
}

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-tooltip {
  transform: scale(0);
  transform-origin: top center;
  z-index: 999;
  background: #000000;
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}

.mdl-tooltip.is-active {
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.mdl-tabs {
  display: block;
  width: 100%;
}

.mdl-tabs__tab-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-between;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224);
}

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: rgba(0,0,0, 0.87);
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: rgb(255, 152, 0);
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: rgb(255, 152, 0);
}

.mdl-tabs__panel {
  display: block;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
  display: none;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
  display: block;
}

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
html, body {
  line-height: 1.4;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a {
  font-weight: 400;
}

.mdl-radio {
  font-size: 14px;
  line-height: 22px;
  height: 22px;
}
.mdl-radio.is-upgraded {
  padding-left: 28px;
}
.mdl-radio--full-width {
  width: 100%;
  cursor: pointer;
}

.mdl-radio__button {
  line-height: 22px;
}

.mdl-radio__outer-circle {
  top: 2px;
  width: 18px;
  height: 18px;
}

.mdl-radio__inner-circle {
  top: 7px;
  left: 5px;
  width: 8px;
  height: 8px;
}

.mdl-radio__label {
  font-weight: 400;
  cursor: pointer;
}

.mdl-radio__ripple-container {
  top: -10px;
  left: -12px;
  width: 42px;
  height: 42px;
}

.mdl-button--raised {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
}

.mdl-button--gray-light {
  color: #8f8f8f;
}
.mdl-button--increase {
  padding: 0 42px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .mdl-button--increase {
    padding: 0 25px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .mdl-button--increase {
    padding: 0 42px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .mdl-button--increase {
    width: 100%;
  }
}
.mdl-button--increase__gutter-small {
  padding: 0 30px;
}
.mdl-button--increase__gutter-x-small {
  padding: 0 14px;
}
.mdl-button_label {
  white-space: nowrap;
}
.mdl-button_label__text {
  display: inline-block;
  vertical-align: middle;
}
.mdl-button_label__icon {
  display: inline-block;
  vertical-align: middle;
}
.mdl-button_label__icon--left-bottom-spacing {
  margin: 0 0 4px 8px;
}
.mdl-button_label__icon svg {
  width: 50px;
  height: 24px;
}
@media screen and (max-width: 480px) {
  .mdl-button_label--desktop {
    display: none;
  }
}
.mdl-button_label--mobile {
  display: none;
}
@media screen and (max-width: 480px) {
  .mdl-button_label--mobile {
    display: inline;
  }
}
.mdl-button--full-width {
  width: 100%;
}
.mdl-button--fab {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
}
.mdl-button--fab .mdl-button__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-9px, -7px);
  line-height: 18px;
}
.mdl-button--fab .mdl-button__svg {
  fill: #fff;
}

.mdl-button--colored.mdl-button--colored-alternative,
.mdl-button--colored.mdl-button--colored-tertiary {
  color: #fff;
}

.mdl-button--colored.mdl-button--colored-alternative {
  background: rgb(76, 175, 80) !important;
}

.mdl-button--colored.mdl-button--colored-tertiary {
  background: #ff9800 !important;
}

.mdl-textfield__label {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
}
.mdl-textfield__label:after {
  background-color: rgb(3, 169, 244); /*@FIX: Исправить на переменную*/
}
.mdl-textfield__label-mark {
  padding-left: 3px;
  color: rgb(213, 0, 0);
}
.mdl-textfield--increase .mdl-textfield__label, .mdl-textfield--increase.is-invalid .mdl-textfield__label {
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .mdl-textfield--increase .mdl-textfield__label, .mdl-textfield--increase.is-invalid .mdl-textfield__label {
    font-size: 16px;
  }
}
@media screen and (max-width: 840px) {
  .mdl-textfield--increase .mdl-textfield__label, .mdl-textfield--increase.is-invalid .mdl-textfield__label {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .mdl-textfield--increase .mdl-textfield__label, .mdl-textfield--increase.is-invalid .mdl-textfield__label {
    font-size: 16px;
  }
}
.mdl-textfield--increase .mdl-textfield__input {
  padding-top: 11px;
  padding-bottom: 11px;
}
@media screen and (max-width: 1024px) {
  .mdl-textfield--increase .mdl-textfield__input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.mdl-grid--no-outer-spacing {
  margin: 0 0 0 -12px;
  padding: 0;
}
.mdl-grid--no-vertical-spacing {
  padding-top: 0;
  padding-bottom: 0;
}
.mdl-grid--no-vertical-top-spacing {
  padding-top: 0;
}
.mdl-grid--fill-background {
  background: #fff;
}
.mdl-grid--border-bottom {
  border-bottom: 1px solid #dcdcdc;
}
.mdl-grid--offset-top {
  margin-top: -1px;
}
.mdl-grid--no-margin {
  margin: 0;
}

.mdl-cell--no-vertical-spacing, .mdl-cell--no-vertical-spacing-tablet {
  margin-top: 0;
  margin-bottom: 0;
}
.mdl-cell--no-vertical-top-spacing {
  margin-top: 0;
}

.mdl-cell--2v3-col {
  width: calc(19.999% - 24px);
}

@media screen and (max-width: 1600px) {
  .mdl-cell--12-col-lg {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-grid--subscribe .mdl-cell {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 840px) {
  .mdl-grid--scenarios .mdl-cell--4-col {
    margin: 0;
    width: 100%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
.mdl-menu__outline {
  box-shadow: 1px 0 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.mdl-menu {
  padding: 0;
}

.mdl-menu__title,
.mdl-menu__item {
  padding: 0 12px;
  height: 44px;
  line-height: 44px;
}
.mdl-menu__title:first-child,
.mdl-menu__item:first-child {
  border-radius: 0 0 8px 8px;
}

.mdl-menu__title {
  display: block;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  font-size: 16px;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.mdl-menu__container.is-visible .mdl-menu__title {
  opacity: 1;
}

.mdl-menu__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 230px;
}
.mdl-menu__item:last-child {
  border-radius: 0 0 8px 8px;
}

.mdl-menu__item-icon {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.section__context-menu .mdl-menu__container {
  margin-top: -28px;
  margin-right: 8px;
}
.section__context-menu .mdl-menu__item {
  min-width: 220px;
  line-height: 42px;
}

.box-mdl-menu--triangle-top-left .mdl-menu__container, .box-mdl-menu--triangle-top-right .mdl-menu__container {
  margin-top: 14px;
}
.box-mdl-menu--triangle-top-left .mdl-menu__container:after, .box-mdl-menu--triangle-top-right .mdl-menu__container:after {
  position: absolute;
  bottom: 100%;
  z-index: 1000;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: "";
}
.box-mdl-menu--triangle-top-left .mdl-menu__container:before, .box-mdl-menu--triangle-top-right .mdl-menu__container:before {
  position: absolute;
  bottom: 100%;
  z-index: 1;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
  content: "";
}
.box-mdl-menu--triangle-top-left .mdl-menu__container:after {
  left: 12px;
}
.box-mdl-menu--triangle-top-left .mdl-menu__container:before {
  left: 12px;
}
.box-mdl-menu--triangle-top-right .mdl-menu__container:after {
  right: 12px;
}
.box-mdl-menu--triangle-top-right .mdl-menu__container:before {
  right: 12px;
}
.box-mdl-menu--overlay-button {
  position: relative;
}
.box-mdl-menu--overlay-button .mdl-menu__container {
  margin-top: -28px;
  margin-right: 8px;
}
.box-mdl-menu--player .mdl-menu__outline {
  box-shadow: none;
  border-radius: 0;
  background: rgba(37, 37, 37, 0.9);
}

.mdl-menu--player {
  text-align: center;
}
.mdl-menu--player .mdl-menu__item {
  min-width: 125px;
  color: #e1e1e1;
  text-align: center;
}
.mdl-menu--player .mdl-menu__item:first-child, .mdl-menu--player .mdl-menu__item:last-child {
  border-radius: 0;
}
.mdl-menu--player .mdl-menu__item:hover, .mdl-menu--player .mdl-menu__item:focus {
  color: #fff;
  background: none;
}
.mdl-menu--player .mdl-menu__item--active {
  color: #fff;
}

.mdl-tooltip {
  padding: 10px 20px;
}
.mdl-tooltip--top:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.mdl-tooltip--small-space {
  margin-top: 5px;
}

.mdl-tabs__tab-bar {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  border-bottom: none;
}

.mdl-tabs__tab {
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 3px;
}

.mdl-tabs--stretch .mdl-tabs__tab {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.mdl-tabs--padding .mdl-tabs__panel {
  padding: 20px;
}

.mdl-togglefield {
  padding: 22px 0;
}

.mdl-button-icon {
  padding: 18px 0;
}

.mdl-button--icon-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.getmdl-select {
  outline: none;
}
.getmdl-select .mdl-textfield__input {
  cursor: pointer;
}
.getmdl-select .selected {
  background-color: #ddd;
}
.getmdl-select .mdl-icon-toggle__label {
  float: right;
  margin-top: -30px;
  color: rgba(0, 0, 0, 0.4);
  transform: rotate(0);
  transition: transform 0.3s;
}
.getmdl-select.is-focused .mdl-icon-toggle__label {
  color: #3f51b5;
  transform: rotate(180deg);
}
.getmdl-select .mdl-menu__container {
  width: 100% !important;
  margin-top: 2px;
}
.getmdl-select .mdl-menu__container .mdl-menu {
  width: 100%;
}
.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
  font-size: 16px;
}

.getmdl-select__fix-height .mdl-menu__container .mdl-menu {
  overflow-y: auto;
  max-height: 288px !important;
}
.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left {
  bottom: auto;
  top: 0;
}

.getmdl-select .mdl-menu__outline {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  background: #fff;
}
.getmdl-select .mdl-menu__container {
  overflow: visible;
}
.getmdl-select .mdl-menu__container .mdl-menu {
  padding: 0;
}
.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
}
.getmdl-select.mdl-textfield--full-width,
.getmdl-select .mdl-menu__outline,
.getmdl-select .mdl-menu {
  width: 100% !important;
}
.getmdl-select--limited-height .mdl-menu__container {
  overflow: auto;
  max-height: 200px;
}

.getmdl-select__fullwidth .mdl-menu {
  width: 100%;
}

.mdl-textfield--margin {
  margin-top: 12px;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-backdrop.in {
  opacity: 0.1;
}

.modal-content {
  border-radius: 4px;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.modal-dialog {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-dialog--wide {
  width: 100%;
  max-width: 800px;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

/* @supports (padding: unquote('max(0px)')) {
    .fancybox-caption {
        padding: 75px unquote('max(44px, env(safe-area-inset-right))') unquote('max(25px, env(safe-area-inset-bottom))') unquote('max(44px, env(safe-area-inset-left))');
    }
} */
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* @supports (padding: unquote('max(0px)')) {
      .fancybox-caption {
          padding-left: unquote('max(12px, env(safe-area-inset-left))');
          padding-right: unquote('max(12px, env(safe-area-inset-right))');
      }
  } */
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.heading {
  margin: 0 0 10px;
}
.heading__title {
  margin: 0;
  line-height: 1.25;
  font-size: 60px;
  font-weight: 100;
}
@media screen and (max-width: 1024px) {
  .heading__title {
    font-size: 44px;
  }
}
@media screen and (max-width: 840px) {
  .heading__title {
    font-size: 60px;
  }
}
.heading__subtitle {
  margin: 17px 0 0;
  line-height: 1.6;
  font-size: 24px;
  font-weight: 100;
}
@media screen and (max-width: 1024px) {
  .heading__subtitle {
    margin-top: 7px;
  }
}
.heading--promo .heading__title {
  margin: 0 0 16px;
  font-family: "Roboto";
  font-size: 43px;
}
@media screen and (max-width: 1440px) {
  .heading--promo .heading__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 959px) {
  .heading--promo .heading__title {
    font-size: 43px;
  }
}
@media screen and (max-width: 600px) {
  .heading--promo .heading__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 600px) and (max-height: 700px) {
  .heading--promo .heading__title {
    font-size: 22px;
  }
}
.heading--promo .heading__subtitle {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 1440px) {
  .heading--promo .heading__subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .heading--promo .heading__subtitle {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .heading--promo .heading__subtitle {
    font-size: 16px;
  }
}
.heading--white {
  color: #fff;
}
@media screen and (max-width: 959px) {
  .heading--manual .heading__title {
    font-size: 43px;
  }
}
@media screen and (max-width: 480px) {
  .heading--manual .heading__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 959px) {
  .heading--manual .heading__subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .heading--manual .heading__subtitle {
    font-size: 20px;
  }
}
.heading--subscribe .heading__title {
  line-height: 1.2;
  font-size: 43px;
}
.heading--scenarios .heading__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 959px) {
  .heading--scenarios .heading__title {
    font-size: 43px;
  }
}
@media screen and (max-width: 480px) {
  .heading--scenarios .heading__title {
    font-size: 30px;
  }
}
.heading--subscribe .heading__title {
  line-height: 1.2;
  font-size: 43px;
}
@media screen and (max-width: 1024px) {
  .heading--subscribe {
    margin-bottom: 40px;
    text-align: center;
  }
}
.heading__description {
  margin: 0;
  color: #8f8f8f;
  font-size: 16px;
}

.page-gray {
  background: #fafafa;
}
.page-gray .main {
  background: #fafafa;
}
.page-gray {
  height: 100%;
}

.image-align--left {
  float: left;
  margin: 0 24px 24px 0;
}
.image-align--right {
  float: right;
  margin: 0 0 24px 24px;
}
.image-align--center {
  display: block;
  margin: 24px auto;
}
.image-align--title-h2 {
  margin-top: 54px;
}

.content {
  padding: 0 0 10px;
  font-size: 18px;
}
.content h1,
.content .h1 {
  margin: 0 0 5px;
  font-size: 60px;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 100;
}
@media screen and (max-width: 1024px) {
  .content h1,
  .content .h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 400px) {
  .content h1,
  .content .h1 {
    font-size: 38px;
  }
}
.content h2,
.content .h2 {
  margin: 54px 0 10px;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 400;
}
.content h3,
.content .h3 {
  margin: 50px 0 5px;
  font-size: 30px;
}
.content h4,
.content .h4 {
  margin: 50px 0 5px;
  font-size: 27px;
}
.content h5,
.content .h5 {
  margin: 50px 0 5px;
  font-size: 24px;
}
.content h6,
.content .h6 {
  margin: 50px 0 5px;
  font-size: 21px;
}
.content p {
  margin: 40px 0;
  font-size: 18px;
}
.content p:first-child {
  margin-top: 0;
}
.content p:last-child {
  margin-top: 0;
}
.content h1 + p {
  margin-top: 5px;
}
.content h2 + p {
  margin-top: 5px;
}
.content h3 + p,
.content h4 + p,
.content h5 + p,
.content h6 + p {
  margin-top: 0;
}
.content ul,
.content ol {
  margin: 10px 0;
  padding: 0 0 0 16px;
  font-size: 18px;
}
.content li {
  margin: 10px 0;
}
.content p + ul,
.content p + ol {
  margin-top: -30px;
}
.content .p-default-space {
  margin: 40px 0;
}

.wrap-promo {
  position: relative;
  overflow: hidden;
  margin: 0;
  height: 930px;
}
@media screen and (max-width: 991px) {
  .wrap-promo {
    display: flex;
    flex-direction: column;
    height: auto;
  }
}

.promo {
  position: relative;
  z-index: 2;
  padding: 115px 0 0;
}
@media screen and (max-width: 1280px) and (max-height: 650px) {
  .promo {
    padding-top: 60px;
  }
}
@media screen and (max-width: 991px) {
  .promo {
    order: 2;
    margin: 20px 0;
    padding-top: 0;
  }
}
.promo__box {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .promo__box {
    width: 100%;
  }
}
.promo__heading {
  margin-bottom: 30px;
}
.promo__brands {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .promo__brands {
    margin-bottom: 20px;
  }
}
.promo__logo {
  height: 63px;
}
@media screen and (max-width: 600px) {
  .promo__logo {
    height: 40px;
  }
}
.promo__logo_capterra {
  height: 50px;
}
@media screen and (max-width: 600px) {
  .promo__logo_capterra {
    height: 30px;
  }
}
.promo__logo_g2 {
  height: 40px;
}
@media screen and (max-width: 600px) {
  .promo__logo_g2 {
    height: 20px;
  }
}

.promo-illustration {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  overflow: hidden;
  width: 50%;
}
@media screen and (max-width: 991px) {
  .promo-illustration {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    order: 1;
    width: 100%;
    max-width: 600px;
    margin: 20px auto 0;
    padding: 0 20px;
    overflow: visible;
  }
}
.promo-illustration__link .promo-illustration__pc-bg {
  background-image: url("../i/bitmapped/imac-button.png");
}
@media screen and (max-width: 991px) {
  .promo-illustration__wrap-circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -120px;
    z-index: 1;
    overflow: visible;
    width: 100%;
  }
}
.promo-illustration__circle-image {
  position: absolute;
  top: 30px;
  right: -35%;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 882px;
  max-width: 50vw;
  max-height: 829px;
}
@media screen and (max-width: 1640px) {
  .promo-illustration__circle-image {
    top: 100px;
    max-height: calc(100vh - 200px);
  }
}
@media screen and (max-width: 1440px) {
  .promo-illustration__circle-image {
    right: -260px;
    width: 582px;
    height: 572px;
    max-width: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 991px) {
  .promo-illustration__circle-image {
    top: 0;
    right: -300px;
  }
}
@media (max-width: 991px) {
  .promo-illustration__link {
    position: relative;
    z-index: 2;
    display: flex;
    width: auto;
    height: auto;
  }
}
@media (max-width: 991px) {
  .promo-illustration__pc-bg-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 80.674157303%;
  }
}
.promo-illustration__pc-bg {
  position: absolute;
  top: 244px;
  bottom: 144px;
  left: 61px;
  z-index: 2;
  width: 100%;
  max-width: 674px;
  background: url("../i/bitmapped/imac-button.png") no-repeat 50% 0;
  background-size: contain;
}
@media screen and (max-width: 1640px) {
  .promo-illustration__pc-bg {
    top: 270px;
    bottom: 100px;
    background-position: 100% 100%;
  }
}
@media screen and (max-width: 1440px) {
  .promo-illustration__pc-bg {
    top: 220px;
    left: auto;
    right: 50px;
    width: 550px;
    height: 444px;
  }
}
@media screen and (max-width: 1280px) {
  .promo-illustration__pc-bg {
    top: 230px;
    left: auto;
    right: 50px;
    width: 445px;
    height: 359px;
  }
}
@media (max-width: 991px) {
  .promo-illustration__pc-bg {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-position: 50% 0;
  }
}

.form-register {
  max-width: 445px;
  font-size: 16px;
}
.form-register--secondary {
  margin: 0 auto;
}
.form-register__wrap-button {
  position: relative;
  display: inline-flex;
  margin-top: 4px;
  margin-bottom: 16px;
}
.form-register__wrap-button--center {
  justify-content: center;
}
.form-register__wrap-button-block:last-child {
  margin-left: 20px;
}
.form-register__button {
  border-radius: 8px;
}
.form-register__footer {
  color: #8f8f8f;
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  .form-register__footer {
    font-size: 14px;
  }
}
.form-register__link {
  color: #03a9f4;
  text-decoration: underline;
}
.form-register__link:hover {
  color: #03a9f4;
  text-decoration: none;
}
.form-register--color--white {
  margin: 0 auto;
  color: #fff;
}
.form-register--color--white .mdl-textfield__label {
  color: #fff !important;
}
.form-register--color--white .mdl-textfield__input {
  border-bottom-color: #fff;
}
.form-register--color--white a {
  color: #fff;
}
.form-register--color--white a:hover {
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .form-register--color--white {
    padding: 0 18px;
  }
}
.form-register--color--white .form-register__footer {
  color: #b2d8e9;
}
.form-register--color--white .form-register__text {
  margin: 6px 0;
}
.form-register--color--white .form-register__text:first-child {
  margin-top: 0;
}
.form-register--color--white .form-register__text:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .form-register--color--dark {
    max-width: 324px;
  }
}
@media screen and (max-width: 600px) {
  .form-register--color--dark {
    max-width: 100%;
  }
}

.more {
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 10;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .more {
    position: static;
    order: 3;
    width: auto;
    margin: 0 auto;
  }
}
.more__button {
  margin: 0 0 21px;
}
.more__text {
  font-size: 20px;
}
@media screen and (max-width: 1440px) {
  .more__text {
    font-size: 16px;
  }
}

.presentation {
  position: relative;
  margin: 50px 0;
  padding: 50px 0;
}
@media screen and (max-width: 1600px) {
  .presentation {
    margin: 25px 0;
    padding: 25px 0;
  }
}
.presentation .owl-prev,
.presentation .owl-next {
  position: absolute;
  top: 50%;
  width: 17px;
  height: 26px;
  color: #03a9f4;
  cursor: pointer;
}
.presentation .owl-prev:hover,
.presentation .owl-next:hover {
  color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
}
.presentation .owl-prev {
  left: 80px;
}
@media screen and (max-width: 1600px) {
  .presentation .owl-prev {
    left: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .presentation .owl-prev {
    left: 20px;
  }
}
.presentation .owl-next {
  right: 80px;
}
@media screen and (max-width: 1600px) {
  .presentation .owl-next {
    right: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .presentation .owl-next {
    right: 20px;
  }
}
.presentation .owl-stage {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webit-align-items: center;
  align-items: center;
}
.presentation__nav {
  margin: 0 0 40px;
  font-size: 0;
  line-height: 1;
  text-align: center;
}
.presentation__nav--left {
  text-align: left;
}
@media screen and (max-width: 1600px) {
  .presentation__nav {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .presentation__nav {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .presentation__nav {
    padding: 0 20px;
  }
}
.presentation__nav-item {
  display: inline-block;
  color: #828282;
}
@media screen and (max-width: 1200px) {
  .presentation__nav-item {
    margin: 0 10px 10px;
  }
}
.presentation__nav-item:before {
  content: "|";
  position: relative;
  top: -2px;
  margin: 0 15px;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .presentation__nav-item:before {
    content: none;
  }
}
.presentation__nav-item:first-child:before {
  content: none;
}
.presentation__nav-link {
  font-size: 16px;
  color: #828282;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .presentation__nav-link {
    font-size: 14px;
  }
}
.presentation__nav-link:hover, .presentation__nav-link--active {
  color: #03a9f4;
  text-decoration: none;
}
.presentation__item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 350px;
  padding: 24px 140px 0;
}
@media screen and (max-width: 1600px) {
  .presentation__item {
    padding: 24px 100px 0;
  }
}
@media screen and (max-width: 1280px) {
  .presentation__item {
    padding: 24px 60px 0;
  }
}
@media screen and (max-width: 1024px) {
  .presentation__item {
    display: block;
  }
}
.presentation__preview {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin: 0 120px 0 0;
}
@media screen and (max-width: 1600px) {
  .presentation__preview {
    margin: 0 80px 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .presentation__preview {
    margin: 0 40px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .presentation__preview {
    margin: 0 0 24px;
  }
}
.presentation__image {
  display: block;
  width: 100%;
  max-width: 740px;
}
.presentation__content {
  position: relative;
  z-index: 2;
  -ms-flex: 0 0 420px;
  -webkit-flex: 0 0 420px;
  flex: 0 0 420px;
  box-sizing: border-box;
  width: 420px;
  padding: 0 40px 0 0;
}
@media screen and (max-width: 1280px) {
  .presentation__content {
    -ms-flex: 0 0 400px;
    -webkit-flex: 0 0 400px;
    flex: 0 0 400px;
    width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .presentation__content {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  .presentation__content {
    margin: 0 150px 0 0;
    padding: 0 0 0 24px;
  }
}
@media screen and (max-width: 840px) {
  .presentation__content {
    margin: 0 60px 0 0;
  }
}
.presentation__title {
  margin: 0 0 20px;
  font-size: 48px;
  line-height: 1.25;
}
@media screen and (max-width: 1280px) {
  .presentation__title {
    font-size: 38px;
  }
}
.presentation__title a {
  color: inherit;
}
.presentation__description {
  font-weight: 100;
  font-size: 24px;
  line-height: 1.45;
}
@media screen and (max-width: 1280px) {
  .presentation__description {
    font-size: 20px;
  }
}
.presentation__description a {
  color: inherit;
}

.manual {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px 0 30px;
  text-align: center;
}
.manual--bottom-spacing {
  padding: 0 0 30px;
}

.manual-list {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 110px 0 0;
}
.manual-list:after {
  position: absolute;
  top: 87px;
  right: 150px;
  left: 150px;
  z-index: 1;
  height: 4px;
  background: #b3e5fc;
  content: "";
}
@media screen and (max-width: 720px) {
  .manual-list:after {
    content: none;
  }
}
@media screen and (max-width: 1024px) {
  .manual-list {
    margin: 60px 0 0;
  }
}
@media screen and (max-width: 720px) {
  .manual-list {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
}
.manual-list__item {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 24px;
  width: 292px;
  vertical-align: top;
  text-align: center;
}
.manual-list__number {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto 22px;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  border: 6px solid #b3e5fc;
  color: #03a9f4;
  background: #fff;
  line-height: 124px;
  font-size: 36px;
  font-weight: 700;
}
.manual-list__number:after {
  position: absolute;
  top: -16px;
  left: -16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  border-radius: 140px;
  border: 10px solid #fff;
  content: "";
}
.manual-list__number-text {
  z-index: 2;
}
.manual-list__number-figure {
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 130px;
  height: 130px;
}
.manual-list__title {
  margin: 0 0 12px;
  color: #03a9f4;
  font-size: 24px;
  font-weight: 400;
}
.manual-list__title__text, .manual-list__title__icon {
  display: inline-block;
  vertical-align: middle;
}
.manual-list__title__icon svg {
  width: 24px;
  height: 24px;
}
.manual-list__description {
  font-size: 18px;
}
.manual-list a {
  color: #000;
}
.manual-list__item--one .manual-list__number-figure {
  left: auto;
  right: -6px;
  width: 65px;
  height: 60px;
}
.manual-list__item--one .manual-list__number-figure:after {
  position: absolute;
  top: 0;
  left: -65px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  border: 6px solid #03a9f4;
  content: "";
}
.manual-list__item--two .manual-list__number-figure {
  left: auto;
  right: -6px;
  width: 65px;
}
.manual-list__item--two .manual-list__number-figure:after {
  position: absolute;
  top: 0;
  left: -65px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  border: 6px solid #03a9f4;
  content: "";
}
.manual-list__item--three .manual-list__number-figure:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  border-radius: 130px;
  border: 6px solid #03a9f4;
  content: "";
}

.review-cards__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid #d9d9d9;
  margin-right: 10px;
  background-color: #f8f8f8;
}
.review-cards__card:last-child {
  margin-right: 0;
}
.review-cards__card {
  position: relative;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  text-align: center;
}
.review-cards .review-wrap {
  margin-bottom: 20px;
}
.review-cards__heading {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.review-cards__score-stars {
  margin: auto;
  margin-bottom: 10px;
  display: inline-block;
  box-sizing: border-box;
}
.review-cards__text {
  flex: 1;
  width: 80%;
  margin: 0 auto;
  color: #000000;
  font-weight: 300;
}
.review-cards__date {
  text-align: right;
  padding: 10px;
  font-weight: 400;
  color: #4c4c4c;
}
.review-cards__logo {
  max-width: 110px;
  margin: 10px auto;
}
.review-cards__meta {
  bottom: 20px;
  width: 100%;
  color: #666666;
}
.review-cards__meta__block {
  margin: 3px 0;
}
.review-cards__meta--reviewer {
  color: #666666;
}

.scenarios {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 60px;
  text-align: center;
}

.scenarios-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 24px;
  height: 640px;
  height: 33.3333333333vw;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 18px;
}
@media screen and (min-height: 1920px) {
  .scenarios-card {
    height: 640px;
  }
}
@media screen and (max-width: 960px) {
  .scenarios-card {
    padding-top: 60px;
    padding-bottom: 60px;
    height: 100%;
  }
}
.scenarios-card--employee-monitoring {
  background-color: #0c425a;
  background-image: url("../i/bitmapped/scenarios/Employee-monitoring.jpg");
}
.scenarios-card--insider-threats {
  background-color: #c46d0c;
  background-image: url("../i/bitmapped/scenarios/Insider-threats.jpg");
}
.scenarios-card--productivity-optimization {
  background-color: #104a13;
  background-image: url("../i/bitmapped/scenarios/Productivity-optimization.jpg");
}
.scenarios-card__block {
  height: 50%;
}
@media screen and (max-width: 840px) {
  .scenarios-card__block {
    height: auto;
  }
}
.scenarios-card__block--primary {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 840px) {
  .scenarios-card__block--primary {
    display: block;
  }
}
.scenarios-card__image {
  margin: 0 auto 20px;
  width: 110px;
  height: 110px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 110px;
  text-align: center;
}
.scenarios-card__image:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
@media screen and (max-width: 1280px) and (min-width: 841px) {
  .scenarios-card__image {
    width: 80px;
    height: 80px;
  }
}
.scenarios-card__svg {
  display: inline-block;
  fill: #fff;
  vertical-align: middle;
}
.scenarios-card__title {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 1280px) {
  .scenarios-card__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .scenarios-card__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 840px) {
  .scenarios-card__title {
    font-size: 18px;
  }
}
.scenarios-card__description {
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 1300px) and (min-width: 841px) {
  .scenarios-card__description br {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .scenarios-card__description {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .scenarios-card__description {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .scenarios-card__description br {
    display: none;
  }
}
.scenarios-card--employee-monitoring .scenarios-card__svg {
  width: 64px;
  height: 65px;
}
@media screen and (max-width: 1280px) and (min-width: 841px) {
  .scenarios-card--employee-monitoring .scenarios-card__svg {
    width: 52px;
    height: 53px;
  }
}
@media screen and (max-width: 480px) {
  .scenarios-card--employee-monitoring .scenarios-card__svg {
    width: 52px;
    height: 53px;
  }
}
.scenarios-card--employee-monitoring .scenarios-card__title {
  color: #03a9f4;
}
.scenarios-card--insider-threats .scenarios-card__svg {
  width: 52px;
  height: 64px;
}
@media screen and (max-width: 1280px) and (min-width: 841px) {
  .scenarios-card--insider-threats .scenarios-card__svg {
    width: 40px;
    height: 52px;
  }
}
@media screen and (max-width: 480px) {
  .scenarios-card--insider-threats .scenarios-card__svg {
    width: 40px;
    height: 52px;
  }
}
.scenarios-card--insider-threats .scenarios-card__title {
  color: #fd9b2d;
}
.scenarios-card--productivity-optimization .scenarios-card__svg {
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 1280px) and (min-width: 841px) {
  .scenarios-card--productivity-optimization .scenarios-card__svg {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 480px) {
  .scenarios-card--productivity-optimization .scenarios-card__svg {
    width: 32px;
    height: 32px;
  }
}
.scenarios-card--productivity-optimization .scenarios-card__title {
  color: #4caf50;
}

.scenarios-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 38px 0 30px;
}
@media screen and (max-width: 1024px) {
  .scenarios-cards {
    margin: 0;
  }
}
.scenarios-cards__block {
  width: 20%;
}
@media screen and (max-width: 1080px) {
  .scenarios-cards__block {
    width: 33.3333%;
  }
  .scenarios-cards__block:nth-last-child(-n+2) {
    width: 50%;
  }
}
@media screen and (max-width: 840px) {
  .scenarios-cards__block {
    width: 50%;
  }
  .scenarios-cards__block:nth-last-child(-n+1) {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .scenarios-cards__block {
    width: 100%;
  }
  .scenarios-cards__block:nth-last-child(-n+2) {
    width: 100%;
  }
}

/*
 * General styles.
 * Not necessary for the component to work
*/
.c-rating {
  font-family: "Roboto Slab", serif;
}
.c-rating div {
  display: inline-block;
  float: left;
  width: 1.25em;
  height: 1.25em;
  border: 0;
  text-indent: -9999px;
  outline: none;
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0"] div:nth-child(-n+0) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.25"] div:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.25"] div:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.5"] div:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.5"] div:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.75"] div:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.75"] div:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1"] div:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.25"] div:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.25"] div:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.5"] div:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.5"] div:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.75"] div:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.75"] div:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2"] div:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.25"] div:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.25"] div:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.5"] div:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.5"] div:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.75"] div:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.75"] div:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3"] div:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.25"] div:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.25"] div:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.5"] div:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.5"] div:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.75"] div:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.75"] div:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4"] div:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.25"] div:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.25"] div:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.5"] div:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.5"] div:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.75"] div:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.75"] div:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="5"] div:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating--small {
  font-size: 50%;
}
.c-rating--big {
  font-size: 150%;
}

.nav-additional__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav-additional__list {
  margin: 10px 0 0 10px;
}
.nav-additional__item {
  margin: 10px 0;
  padding: 0;
  line-height: 1.3;
}
.nav-additional__item:first-child {
  margin-top: 0;
}
.nav-additional__item:last-child {
  margin-bottom: 0;
}
.nav-additional__link {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  text-transform: uppercase;
}
.nav-additional__link:hover {
  color: rgb(255, 152, 0);
  text-decoration: none;
}
.nav-additional__item_active > .nav-additional__link {
  color: rgb(255, 152, 0);
}
.nav-additional__item_active > .nav-additional__link::before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgb(255, 152, 0);
}

.trigger-scroll-bottom {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: -1;
}

.subscribe {
  height: 559px;
  background: #105777 url("../i/bitmapped/subscribe-bg.png") no-repeat 50% 0;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .subscribe {
    padding: 40px 0;
    height: auto;
  }
}
.subscribe__container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.subscribe__title {
  color: #fff;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 43px;
  font-weight: 100;
}
.subscribe__grid {
  width: 100%;
}

.footer-short-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 16px 0 0;
  color: #7b7b7b;
  font-size: 13px;
}
@media screen and (max-width: 600px) {
  .footer-short-info {
    margin: 5px 0 0;
    padding: 0 18px 18px;
    width: 100%;
    text-align: center;
  }
}
.footer-short-info__copyright {
  font-size: inherit;
}
.footer-short-info__link {
  color: #7b7b7b;
  text-decoration: underline;
}
.footer-short-info__link:hover {
  color: #7b7b7b;
  text-decoration: none;
}

.form__title {
  font-size: 30px;
}
.form__error {
  font-size: 12px;
  color: rgb(213, 0, 0);
}
.form__wrap-button {
  position: relative;
  display: inline-block;
}
.form__wrap-button_center {
  display: block;
  text-align: center;
}
.form__button {
  border-radius: 8px;
}
.form--theme--white {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 4px;
  background: #fff;
}
.form--subscribe {
  margin-right: auto;
  margin-left: auto;
  max-width: 450px;
}
.form--support {
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  max-width: 450px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
}
.form--premise-solution .form__title {
  margin-bottom: -12px;
  padding: 0 20px;
}

.price {
  margin: 0 0 80px;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.price__head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 0 20px;
}
.price__title {
  margin: 0 0 10px;
  text-align: center;
  font-size: 60px;
  font-weight: 100;
}
@media screen and (max-width: 840px) {
  .price__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .price__title {
    font-size: 24px;
  }
}
.price__subtitle {
  margin: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 100;
}
@media screen and (max-width: 840px) {
  .price__subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .price__subtitle {
    font-size: 16px;
  }
}
.price__subtitle-link {
  color: #03a9f4;
  font-size: 16px;
}
@media screen and (max-width: 840px) {
  .price__subtitle-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .price__subtitle-link {
    font-size: 12px;
  }
}

.price-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1600px;
}
@media screen and (max-width: 600px) {
  .price-box {
    padding: 0 6px;
  }
}
.price-box__row {
  display: -webkit-flex;
  display: flex;
}
.price-box__col {
  border-bottom: 1px solid #ebebeb;
}
.price-box__col--primary, .price-box__col--ghost {
  width: 20%;
  text-align: left;
}
.price-box__col--primary {
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  .price-box__col--primary {
    padding-right: 12px;
    width: 25%;
  }
}
.price-box__col--ghost {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
@media screen and (max-width: 1439px) {
  .price-box__col--ghost {
    display: none;
  }
}
.price-box__col--secondary {
  width: 60%;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .price-box__col--secondary {
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .price-box__col--secondary {
    width: 75%;
  }
}
.price-box__row--no-border .price-box__col {
  margin-bottom: 0;
  border-top: none;
  border-bottom: none;
}
.price-box__row--reset-offset .price-box__col {
  margin-bottom: 0;
}

.price-detail {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
  background: #fff;
}
.price-detail__col {
  position: relative;
  width: 50%;
}
.price-detail__col::after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 2px;
  background: #ebebeb;
  content: "";
}
.price-detail__col:last-child::after {
  content: none;
}
.price-detail__col--primary .price-info__link {
  color: #03a9f4;
}
.price-detail__col--secondary .price-info__link {
  color: #4caf50;
}
.price-detail__col--tertiary .price-info__link {
  color: #ff9800;
}
.price-detail--no-border .price-detail__col:after {
  content: none;
}

.price-heading {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 24px 80px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .price-heading {
    min-height: 190px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 840px) {
  .price-heading {
    min-height: 150px;
    padding: 20px 10px 60px;
  }
}
@media screen and (max-width: 600px) {
  .price-heading {
    padding-bottom: 30px;
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .price-heading {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 600px) {
  .price-heading__group {
    min-height: 55px;
  }
}
.price-heading__title {
  text-transform: uppercase;
  font-size: 24px;
}
@media screen and (max-width: 840px) {
  .price-heading__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .price-heading__title {
    font-size: 14px;
  }
}
.price-heading__subtitle {
  font-size: 16px;
}
@media screen and (max-width: 840px) {
  .price-heading__subtitle {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .price-heading__subtitle {
    font-size: 12px;
  }
}
.price-heading--primary {
  border-radius: 4px 0 0 0;
  background: #03a9f4;
}
.price-heading--secondary {
  background: #4caf50;
}
.price-heading--tertiary {
  border-radius: 0 4px 0 0;
  background: #ff9800;
}

.price-sticker {
  position: absolute;
  top: 100%;
  left: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: -67px;
  margin-left: -67px;
  width: 134px;
  height: 134px;
  border-radius: 134px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
  color: #000;
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 840px) {
  .price-sticker {
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 600px) {
  .price-sticker {
    position: static;
    right: auto;
    left: auto;
    margin: 20px 0 0;
    padding: 20px 0 0;
    width: auto;
    height: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .price-sticker {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.price-sticker__title {
  font-size: 48px;
  font-weight: 100;
}
.price-sticker__subtitle {
  color: #8f8f8f;
  font-size: 14px;
}
@media screen and (max-width: 840px) {
  .price-sticker__subtitle {
    padding: 0 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .price-sticker__subtitle {
    font-size: 11px;
    color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .price-sticker__subtitle {
    padding: 0;
  }
}
.price-sticker--secondary {
  color: #4caf50;
}
@media screen and (max-width: 600px) {
  .price-sticker--secondary {
    color: #fff;
  }
}
.price-sticker--secondary .price-sticker__title {
  color: #4caf50;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 600px) {
  .price-sticker--secondary .price-sticker__title {
    font-size: 11px;
    color: #fff;
  }
}
.price-sticker--tertiary .price-sticker__title {
  color: #ff9800;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 600px) {
  .price-sticker--tertiary .price-sticker__title {
    color: #fff;
  }
}

.price-subheading {
  padding: 90px 10px 24px;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 840px) {
  .price-subheading {
    padding-top: 60px;
    padding-bottom: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .price-subheading {
    padding-top: 12px;
    font-size: 11px;
  }
}
@media screen and (max-width: 480px) {
  .price-subheading {
    font-size: 10px;
  }
}
.price-subheading--primary, .price-subheading--primary .price-subheading__title-link {
  color: #03a9f4;
}
.price-subheading--secondary, .price-subheading--secondary .price-subheading__title-link {
  color: #4caf50;
}
.price-subheading--tertiary, .price-subheading--tertiary .price-subheading__title-link {
  color: #ff9800;
}

.price-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 0;
  height: 100%;
  font-size: 16px;
}
@media screen and (max-width: 840px) {
  .price-info {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .price-info {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .price-info {
    font-size: 11px;
  }
}
.price-info:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.price-info__text {
  display: inline-block;
  vertical-align: middle;
}
.price-info__text--tooltiped {
  color: #656565;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 2px;
}
.price-info__text--tooltiped:hover {
  color: black;
  cursor: pointer;
}
.price-info__icon {
  display: inline-block;
  width: 21px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.price-info__icon--square {
  width: 25px;
  height: 25px;
}
.price-info__icon--primary {
  background-image: url("../i/bitmapped/icon-checked-blue.png");
}
.price-info__icon--secondary {
  background-image: url("../i/bitmapped/icon-checked-green.png");
}
.price-info__icon--tertiary {
  background-image: url("../i/bitmapped/icon-checked-orange.png");
}
.price-info__icon--macos {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../i/bitmapped/macos-icon.png");
}
.price-info__icon--windows {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../i/bitmapped/windows-icon.png");
}
.price-info__icon--linux {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../i/bitmapped/linux-icon.png");
}
.price-info__icon--aws {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../i/bitmapped/aws-icon.png");
}

.price-action {
  padding: 24px 0;
}
@media screen and (max-width: 1024px) {
  .price-action {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 600px) {
  .price-action {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding: 0;
  }
}
.price-action__button {
  padding-right: 18px;
  padding-left: 18px;
  font-size: 16px;
  border-radius: 8px;
}
@media screen and (max-width: 1280px) {
  .price-action__button {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .price-action__button {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    line-height: 1.2;
    font-size: 14px;
  }
}
@media screen and (max-width: 840px) {
  .price-action__button {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .price-action__button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    font-size: 12px;
    border-radius: 0;
  }
}
@media screen and (max-width: 480px) {
  .price-action__button {
    font-size: 10px;
  }
}

.preloader-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url("../i/bitmapped/gearcogs.png") center center no-repeat;
  animation: animatedCog 10s linear infinite;
}

@keyframes animatedCog {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.content .title-info {
  padding-top: 50px;
  padding-bottom: 200px;
  text-align: center;
  line-height: 1.25;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 43px;
  font-weight: 100;
}

.columns__row {
  -webkit-display: flex;
  display: flex;
  margin: 0 -24px;
  padding: 0 0 60px;
}
@media screen and (max-width: 840px) {
  .columns__row {
    display: block;
    margin: 0;
  }
}
.columns__row--reset-spacing {
  padding: 0;
}
.columns__row--small-spacing {
  padding-bottom: 20px;
}
.columns__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 24px;
}
@media screen and (max-width: 840px) {
  .columns__col {
    padding: 0;
  }
}
.columns__col--align--center {
  display: flex;
  justify-content: center;
}
.columns__col_sidebar {
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  padding-right: 20px;
}
@media screen and (max-width: 840px) {
  .columns__col_sidebar {
    width: 100%;
    padding-bottom: 40px;
  }
}
.columns__col_pseudo-sidebar {
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
}
@media screen and (max-width: 840px) {
  .columns__col_pseudo-sidebar {
    width: 100%;
    padding-bottom: 40px;
  }
}
.columns__col--content {
  position: relative;
  width: 100%;
}
.columns__content {
  position: relative;
  width: 100%;
}

.video-container {
  position: relative;
  clear: both;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
}
.video-container__align__left, .video-container__align__right {
  width: 50%;
  padding-bottom: 25%;
}
@media screen and (max-width: 480px) {
  .video-container__align__left, .video-container__align__right {
    width: 100%;
    padding-bottom: 56.25%;
  }
}
.video-container__align__left {
  float: left;
  margin: 0 24px 24px 0;
}
@media screen and (max-width: 480px) {
  .video-container__align__left {
    float: none;
    width: 100%;
    margin: 24px auto;
  }
}
.video-container__align__right {
  float: right;
  margin: 0 0 24px 24px;
}
@media screen and (max-width: 480px) {
  .video-container__align__right {
    float: none;
    width: 100%;
    margin: 24px auto;
  }
}
.video-container__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text--color--mute {
  color: #777777;
}

.link--color--mute {
  color: #777777;
}
.link--color--mute:hover {
  color: rgb(93.5, 93.5, 93.5);
}

.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;
  background-color: #f1f4f6;
  display: none;
}

.cookie-consent-banner__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 32px;
}

.cookie-consent-banner__copy {
  margin-bottom: 16px;
}

.cookie-consent-banner__header {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__description {
  font-weight: normal;
  color: #838F93;
  font-size: 16px;
  line-height: 24px;
}

.icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.brand-figure-about {
  position: relative;
  z-index: 1;
  height: 328px;
  margin-top: -30px;
  margin-bottom: -1px;
  overflow: hidden;
  background: url("../i/svg/brand-figure-about.svg") no-repeat 50% 100%;
}
@media (max-width: 1024px) {
  .brand-figure-about {
    margin-top: 0;
  }
}

.footer {
  position: relative;
  padding: 40px 0 24px;
  color: #ffffff;
  background: #03A9F5;
  -webkit-font-smoothing: antialiased;
}
.footer small {
  font-size: inherit;
}
.footer::after {
  content: "";
  position: absolute;
  top: -11px;
  right: 0;
  left: 0;
  height: 12px;
  background: #03A9F5;
}
.footer__row {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .footer__row {
    margin-bottom: 32px;
  }
}
.footer__row:last-child {
  margin-bottom: 0;
}

.footer-main-info {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 880px) {
  .footer-main-info {
    gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.footer-main-info__group {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 880px) {
  .footer-main-info__group {
    gap: 32px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.footer-main-nav {
  display: flex;
  flex-wrap: wrap;
}
.footer-main-nav__link {
  padding: 10px 16px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
.footer-main-nav__link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-section__title {
  margin: 0 0 24px;
  padding: 0 0 10px;
  font-weight: 500;
  font-size: 18px;
  border-bottom: 2px solid currentColor;
}
.footer-section__content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 880px) {
  .footer-section__content {
    flex-direction: column;
  }
}
.footer-section__block {
  box-sizing: border-box;
  padding: 0 24px 24px 0;
}
.footer-section__block_solution-width_default {
  flex: 0 0 20%;
  padding: 0;
}
.footer-section__block_solution-width_large {
  flex: 0 0 40%;
  padding: 0;
}
@media screen and (max-width: 880px) {
  .footer-section__block {
    flex: 0 0 100%;
    padding: 0 24px 48px 0;
  }
  .footer-section__block:last-child {
    padding-bottom: 24px;
  }
}

.extend-link-block__title {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.42;
}
.extend-link-block__link {
  color: currentColor;
  text-decoration: none;
}
.extend-link-block__link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.extend-link-block__description {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

.extended-footer-list__title {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.extended-footer-list__list_column_2 {
  columns: 2;
}
@media screen and (max-width: 880px) {
  .extended-footer-list__list_column_2 {
    columns: 1;
  }
}
.extended-footer-list__item {
  margin: 0 0 32px;
  padding: 0 16px 0 0;
}
.extended-footer-list__item:last-child {
  margin-bottom: 0;
}
.extended-footer-list__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.42;
  color: currentColor;
  text-decoration: none;
}
.extended-footer-list__link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-additional-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  font-size: 14px;
}
@media screen and (max-width: 880px) {
  .footer-additional-info {
    flex-direction: column;
  }
}
.footer-additional-info__link {
  color: currentColor;
  text-decoration: none;
}
.footer-additional-info__link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.logo-new {
  display: block;
  width: 200px;
}
@media (max-width: 1024px) {
  .logo-new {
    width: 180px;
  }
}
.logo-new__svg {
  color: #03A9F5;
  fill: #454545;
}
.logo-new_theme_light .logo-new__svg {
  color: #ffffff;
  fill: #ffffff;
}

.section-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 1024px) {
  .section-container {
    padding: 0 16px;
  }
}

.socials {
  display: flex;
  gap: 16px;
}
.socials__link {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 8px;
  color: #03A9F5;
  text-decoration: none;
  background: #ffffff;
  border-radius: 32px;
}

.wrap-footer {
  position: relative;
  background: radial-gradient(50% 50% at 50% 50%, rgba(152, 223, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.wrap-footer_old-design {
  padding-top: 11px;
}
.wrap-footer_old-design.wrap-footer_with-figure {
  padding-top: 40px;
}

.group-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.group-buttons_align_center {
  justify-content: center;
}

.button {
  box-sizing: border-box;
  min-height: 53px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.16;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background: #03A9F5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.button:hover, .button:focus {
  color: #ffffff;
  text-decoration: none;
}
.button__icon_svg-monitor {
  width: 24px;
  height: 24px;
}
.button__icon_svg-login {
  width: 22px;
  height: 22px;
}
.button__icon_svg-mobile-nav {
  width: 24px;
  height: 20px;
}
.button_theme_outline {
  color: #03A9F5;
  background: transparent;
  border: 1px solid #03A9F5;
}
.button_theme_outline:focus {
  color: #03A9F5;
}
.button_theme_outline:hover {
  color: #03A9F5;
}
.button_theme_secondary {
  background: #FF9800;
}
.button_theme_tertiary {
  background: #5FC330;
}
.button_theme_tertiaryOutline {
  color: #5FC330;
  background: transparent;
  border: 1px solid #5FC330;
}
.button_theme_tertiaryOutline:focus {
  color: #5FC330;
}
.button_theme_tertiaryOutline:hover {
  color: #5FC330;
}
.button_theme_light {
  color: #03A9F5;
  background: #ffffff;
}
.button_theme_light:hover, .button_theme_light:focus {
  color: #03A9F5;
}
.button_theme_dark {
  background: #454545;
}
@media (max-width: 1280px) {
  .button_adaptive-mobile {
    width: 40px;
    min-height: 40px;
    padding: 8px;
  }
}
.button_adaptive-mobile .button__icon {
  display: none;
}
@media (max-width: 1280px) {
  .button_adaptive-mobile .button__icon {
    display: block;
  }
}
@media (max-width: 1280px) {
  .button_adaptive-mobile .button__text {
    display: none;
  }
}
@media (max-width: 768px) {
  .button_special_header {
    width: 40px;
    height: 40px;
    min-height: 0;
  }
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  -webkit-font-smoothing: antialiased;
}
.header__main {
  position: relative;
  z-index: 2;
  background: #FFFFFF;
  border-bottom: 1px solid #E0F2FB;
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  gap: 16px;
}
@media (max-width: 1280px) {
  .header__block_nav {
    position: fixed;
    top: 101px;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    transform: translateX(-100%);
    overflow: auto;
    background: #ffffff;
    transition: transform 0.3s;
  }
}
.header__block_mobile-nav-active {
  transform: translateX(0);
}
.header__user-buttons {
  display: flex;
  gap: 16px;
}
@media (max-width: 1280px) {
  .header__user-buttons {
    gap: 8px;
  }
}
.header__mobile-toggle-nav {
  display: none;
}
@media (max-width: 1280px) {
  .header__mobile-toggle-nav {
    display: block;
  }
}
.header__subnav-section {
  position: absolute;
  top: -100%;
  right: 0;
  left: 0;
  transition: top 0.3s;
}
.header__subnav-section_open {
  top: 100%;
}

.button-toggle-nav {
  position: relative;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: #454545;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}
.button-toggle-nav:focus {
  outline: none;
}
.button-toggle-nav__icon-close {
  display: none;
}
.button-toggle-nav__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px;
}
.button-toggle-nav__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.button-toggle-nav_active .button-toggle-nav__icon-default {
  display: none;
}
.button-toggle-nav_active .button-toggle-nav__icon-close {
  display: block;
}

.main-nav-new {
  display: flex;
  font-size: 18px;
}
@media (max-width: 1280px) {
  .main-nav-new {
    display: block;
  }
}
.main-nav-new__link, .main-nav-new__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 16px;
  font-weight: 500;
  color: #454545;
  text-decoration: none;
  vertical-align: top;
}
.main-nav-new__link:focus, .main-nav-new__button:focus {
  outline: none;
}
.main-nav-new__link:hover, .main-nav-new__button:hover {
  color: #03A9F5;
  text-decoration: none;
}
.main-nav-new__link::after, .main-nav-new__button::after {
  content: "";
  position: absolute;
  top: -28px;
  right: 0;
  bottom: -30px;
  left: 0;
}
@media (max-width: 1280px) {
  .main-nav-new__link::after, .main-nav-new__button::after {
    content: none;
  }
}
@media (max-width: 1280px) {
  .main-nav-new__link, .main-nav-new__button {
    width: 100%;
    padding: 21px 16px;
  }
}
.main-nav-new__button {
  background: none;
  border: none;
}
.main-nav-new__icon {
  display: block;
  width: 10px;
  height: 5px;
  margin: 0 0 0 8px;
  color: currentColor;
  transition: transform 0.3s;
}
.main-nav-new__subnav {
  display: none;
}
@media (max-width: 1280px) {
  .main-nav-new__subnav {
    display: block;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s;
  }
}
@media (max-width: 1280px) {
  .main-nav-new__subnav-mobile-active {
    max-height: 2000px;
  }
}
.main-nav-new__button_active .main-nav-new__icon {
  transform: rotate(180deg);
}

.main-nav-subnav {
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-nav-subnav__list-with-description, .main-nav-subnav__list-columns {
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  .main-nav-subnav__list-with-description, .main-nav-subnav__list-columns {
    display: block;
  }
}
.main-nav-subnav__list-with-description {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1366px) {
  .main-nav-subnav__list-with-description {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1280px) {
  .main-nav-subnav__list-with-description {
    display: block;
  }
}
.main-nav-subnav__item {
  padding: 48px 32px;
}
@media (max-width: 1280px) {
  .main-nav-subnav__item {
    padding: 16px;
  }
}
@media (max-width: 1366px) {
  .main-nav-subnav__list-with-description .main-nav-subnav__item {
    padding: 16px;
  }
}
.main-nav-subnav__link {
  display: block;
  box-sizing: border-box;
  margin: 0 0 8px;
  font-weight: 500;
  font-size: 14px;
  color: #454545;
  text-decoration: none;
}
@media (max-width: 1280px) {
  .main-nav-subnav__link {
    width: 100%;
  }
}
.main-nav-subnav__link:hover {
  color: #03A9F5;
}
.main-nav-subnav__description {
  font-size: 12px;
}
.main-nav-subnav__category {
  padding: 24px 32px 0;
  font-size: 12px;
  color: #03A9F5;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  .main-nav-subnav__category {
    padding: 24px 16px 0;
  }
}
.main-nav-subnav__sublist {
  display: flex;
}
@media (max-width: 1280px) {
  .main-nav-subnav__sublist {
    display: block;
  }
}
.main-nav-subnav__sublist-column {
  width: 288px;
}
@media (max-width: 1439px) {
  .main-nav-subnav__sublist-column {
    width: 240px;
  }
}
@media (max-width: 1280px) {
  .main-nav-subnav__sublist-column {
    width: auto;
  }
}
.main-nav-subnav__sublist-item {
  padding: 16px 32px;
}
@media (max-width: 1280px) {
  .main-nav-subnav__sublist-item {
    padding: 16px;
  }
}
.main-nav-subnav__sublist-link {
  font-weight: 500;
  color: #454545;
  text-decoration: none;
}
.main-nav-subnav__sublist-link:hover {
  color: #03A9F5;
  text-decoration: none;
}

.intro-brands {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  opacity: 0.8;
}

html {
  overflow-x: hidden;
}

.bg-gray {
  background-color: #eff1f3 !important;
}

.row {
  flex-wrap: wrap;
}
.row > div {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .col-sm-6 {
    flex: 0 0 50%;
  }
}
@media (min-width: 1200px) {
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
  }
}
.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.text-white {
  color: #fff !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.flex-col {
  flex-direction: column !important;
}

.h-full {
  height: 100% !important;
}

.align-items-center {
  align-items: center;
}

.solution-page {
  overflow: hidden;
}
.solution-page .py-5 {
  padding-top: 5rem;
  padding-bottom: 2rem;
}
.solution-page a {
  text-decoration: none;
}
.solution-page .text-lg {
  font-size: 16px;
}
.solution-page .text-3xl {
  font-size: 23px;
}
.solution-page .bg-primary {
  background-color: #03a9f5 !important;
}
.solution-page .bg-white {
  background-color: #fff !important;
}
.solution-page .overflow-hidden {
  overflow: hidden !important;
}
.solution-page section {
  position: relative;
}
.solution-page .svg-bottom {
  position: absolute;
  width: 100%;
  bottom: -3px;
  left: 0;
}
.solution-page .row-bg {
  margin-right: -20px;
  margin-left: -20px;
}
.solution-page .row-bg > [class*=col-] {
  padding-left: 20px;
  padding-right: 20px;
}
.solution-page .heading {
  margin-top: 10rem;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}
.solution-page h1 {
  line-height: 1.2;
}
.solution-page h2 {
  font-size: 2.7rem;
}
.solution-page h3 {
  margin-bottom: 2rem;
  font-size: 1.7rem;
  line-height: 1.3;
}
.solution-page h4 {
  margin-top: 0;
}
.solution-page .list {
  padding-left: 0;
  list-style: none;
}
.solution-page .list-item {
  position: relative;
  padding-left: 45px;
  margin-bottom: 10px;
}
.solution-page .svg-check-icon {
  position: absolute;
  left: 0;
  top: -4px;
}
.solution-page .btn {
  background-color: #53c3f7;
  padding: 15px 35px;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: none;
}
.solution-page .btn-secondary {
  background-color: rgb(255, 152, 0);
  color: #fff;
  border-color: rgb(255, 152, 0);
}
.solution-page .btn-secondary:hover {
  border-color: rgb(255, 152, 0);
}
.solution-page .promo-section {
  padding: 11rem 0 12rem;
  z-index: 5;
}
.solution-page .promo-section h2 {
  margin-bottom: 4rem;
}
.solution-page .promo-section .btn-trial {
  margin-left: 1.5rem;
}
.solution-page .promo-section svg {
  width: calc(194% + 1.3px);
  height: 125px;
  position: absolute;
}
.solution-page .promo-section svg:first-child {
  transform: rotate(180deg);
  top: -8.7rem;
}
.solution-page .info-box {
  height: 100%;
  border-radius: 20px;
  background-color: #fff;
}
.solution-page .info-box .icon {
  margin-bottom: 1.5rem;
}
.solution-page .card {
  padding: 4rem;
  border-radius: 20px;
}
.solution-page .card h4 {
  margin-top: 0;
}
.solution-page .card img {
  display: block;
  max-width: 150px;
  margin: 20px 0;
}
.solution-page .info-box-container {
  margin-top: -14rem;
}
.solution-page .box-shadow {
  box-shadow: 0 20px 60px 0 rgba(27, 27, 27, 0.18);
}
.solution-page .icon {
  position: relative;
}
.solution-page .icon .float-img {
  position: absolute;
  right: 6px;
  top: 20px;
}
.solution-page .svg-icon-white {
  fill: #fff;
}
.solution-page .icon-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 110px;
}
.solution-page .svg-corner-bottom,
.solution-page .svg-corner-top {
  position: absolute;
  width: 100%;
  left: 0;
}
.solution-page .svg-corner-top {
  top: 0;
}
.solution-page .svg-corner-bottom {
  bottom: 0;
}
.solution-page .padding-bg {
  padding: 14rem 0 11rem;
}

.solution-intro-section {
  padding-top: 100px;
  min-height: 780px;
  background-image: linear-gradient(180deg, rgba(27, 27, 27, 0.85), rgba(27, 27, 27, 0.85)), url("../i/assets/images/slides/slide-2.png"), linear-gradient(180deg, #1b1b1b, #1b1b1b);
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
}
.solution-intro-section .capterra-mark {
  margin-left: -2rem;
}
.solution-intro-section .muted-icon {
  filter: grayscale(1);
  opacity: 0.6;
}
.solution-intro-section p {
  margin-bottom: 4rem;
}
.solution-intro-section .btn-trial {
  margin-left: 1.5rem;
}

.solution-page .info-box {
  padding: 3rem;
}

.solution-review-section {
  padding: 0 0 16rem;
  background-image: linear-gradient(180deg, rgba(27, 27, 27, 0.85), rgba(27, 27, 27, 0.85)), url("../i/assets/images/slides/slide-2.png"), linear-gradient(180deg, #1b1b1b, #1b1b1b);
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
}
.solution-review-section .svg-horizon {
  top: -5rem;
  transform: rotate(180deg);
}
.solution-review-section .section-container {
  margin-top: -11rem;
}
.solution-review-section > svg {
  position: relative;
  margin-top: -3px;
  z-index: 1;
}

.solution-tab-section {
  padding: 7rem 0;
}
.solution-tab-section .icon-bg {
  width: 60px;
  height: 60px;
}
.solution-tab-section .info-box {
  padding: 1rem 3rem;
  box-shadow: none;
}
.solution-tab-section .info-box-details {
  text-align: center;
}
.solution-tab-section .info-box-details h4 {
  margin-bottom: 0 !important;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.solution-tab-section .wrap {
  position: relative;
  width: 100%;
  min-width: auto;
}
.solution-tab-section .slider {
  position: absolute;
  left: 0;
  top: 0;
  background: #03a9f5;
  height: 60px;
  width: 100%;
  border-radius: 16px;
}
.solution-tab-section .tabs-block {
  display: flex;
  padding: 0;
  flex-direction: row;
  width: 100%;
  /*   height: auto; */
  position: relative;
  margin: 0 auto;
}
.solution-tab-section .tab-menu {
  position: sticky;
  top: 6rem;
}
.solution-tab-section .tab-menu li {
  text-align: center;
  margin: 0;
  padding: 17px 15px 16px;
  flex: auto;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  list-style: none;
  border-radius: 20px 20px 0 0;
  user-select: none;
}
.solution-tab-section .tab-menu li.active {
  color: #fff;
}
.solution-tab-section .article-block {
  width: 100%;
  overflow: hidden;
  background: #fff;
  position: relative;
  border-radius: 24px;
  min-height: 631px;
  height: 631px;
}
.solution-tab-section .article {
  position: absolute;
  width: 100%;
  padding: 40px;
  left: 0;
  top: 0;
  line-height: 1.5;
  overflow: hidden;
}
.solution-tab-section.tab-vertical .tabs-block {
  display: block;
}
.solution-tab-section.tab-vertical li {
  text-align: start;
}

.grid {
  display: grid;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.gap-4 {
  gap: 1rem;
}

.gap-8 {
  gap: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 1400px) {
  .solution-review-section .section-container {
    margin-top: -7rem;
  }
}
@media (max-width: 1200px) {
  .solution-review-section .section-container {
    margin-top: -4rem;
  }
  .solution-tab-section .col-lg-3,
  .solution-tab-section .col-lg-9 {
    padding: 0 15px;
    width: 100%;
    flex: 0 0 100%;
  }
  .solution-tab-section .article-block {
    min-height: auto;
  }
  .solution-tab-section .info-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .solution-review-section .section-container {
    margin-top: 0;
  }
  .solution-page h1 {
    font-size: 3.4rem;
  }
  .solution-page .heading {
    margin-top: 7rem;
  }
  .solution-page h2 {
    font-size: 2.7rem;
  }
  .solution-page .banners .col-md-5 {
    order: 2;
  }
  .solution-page .banners .col-md-7 {
    order: 1;
  }
}
@media (max-width: 767px) {
  .solution-page h1 {
    font-size: 3rem;
  }
  .solution-tab-section {
    padding-top: 4rem;
  }
  .solution-intro-section {
    padding-top: 175px;
  }
  .solution-page + .footer {
    padding-top: 2rem;
  }
}
@media (max-width: 575px) {
  .col-12 {
    width: 100%;
    flex: 0 0 100%;
  }
  .solution-page .promo-section {
    padding: 7rem 0;
  }
  .solution-review-section .section-container {
    margin-top: 3rem;
  }
  .solution-review-section {
    padding-bottom: 12rem;
  }
  .solution-page .btn {
    padding: 15px 20px;
  }
  .solution-intro-section br {
    display: none;
  }
  .solution-intro-section .btn-trial {
    margin-left: 1rem;
  }
  .heading br {
    display: none;
  }
  .solution-tab-section .grid .col-span-4 {
    grid-column: span 6/span 6;
  }
  .promo-section h2 {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .solution-page {
    margin-top: -2rem;
  }
}
.security-page h2 {
  font-weight: 500;
  font-size: 40px;
}
.security-page h3 {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.3;
}
.security-page h3 + p {
  margin-bottom: 2rem;
  font-size: 18px;
}
.security-page .section-title {
  margin-bottom: 2.5rem;
}
.security-page .app-security {
  margin: 25px 0;
}
.security-page .heading {
  max-width: 1000px;
  margin: 0 auto 5rem;
}
.security-page .details-content ul {
  padding-left: 0;
  list-style: none;
}
.security-page .list-item {
  position: relative;
  padding-left: 45px;
  margin-bottom: 10px;
}
.security-page .svg-check-icon {
  position: absolute;
  left: 0;
  top: -4px;
}
.security-page .svg-corner-bottom,
.security-page .svg-corner-top {
  position: absolute;
  width: 100%;
  left: 0;
}
.security-page .svg-corner-top {
  top: 0;
}
.security-page .svg-corner-bottom {
  bottom: 0;
}
.security-page section {
  position: relative;
}
.security-page .logo-section {
  margin-bottom: 80px;
}
.security-page .logo-section .logo-image {
  object-fit: cover;
}
.security-page .padding-bg {
  padding: 12rem 0 10rem;
}

.security-box-container {
  padding: 6rem 0;
}

.security-page .book-button {
  padding: 13px 25px;
  border-color: #03a9f4;
  background-color: #03a9f4;
  color: #fff;
  font-size: 18px;
  transition: color 0.3s;
}
.security-page .book-button:hover {
  border-color: #37b5ee;
  background-color: #37b5ee;
}

@media (min-width: 1200px) {
  .logo-section .col-lg-3 {
    width: 20% !important;
  }
}
.shadow {
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  transition: box-shadow 0.3s;
}
.shadow.presentation-image {
  border: 14px solid #eff1f3;
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.7);
  object-fit: cover;
}
.shadow:hover {
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.7);
}

.security-box {
  padding: 3rem;
  height: 100%;
  border-radius: 20px;
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
}
.security-box ul {
  padding-left: 0;
}

@media (max-width: 1200px) {
  .what__is .columns__row .sidebar:last-child {
    display: none;
  }
  .mdl-cell--5-cols {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .what__is .mobile__sidebar {
    transform: translateX(-320px);
  }
  .open-sidebar .what__is .mobile__sidebar {
    transform: translateX(-20px);
  }
  .mdl-grid {
    padding: 0;
  }
  .mdl-cell--5-cols {
    width: 33.33%;
  }
}
@media (max-width: 960px) {
  .mdl-button--fab.mdl-button--mini-fab {
    height: 45px;
    min-width: 45px;
  }
}
@media (max-width: 768px) {
  .mdl-cell--5-cols {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .mdl-cell--5-cols {
    width: 100%;
  }
}
.mdl-cell--5-cols,
.mdl-cell--5-cols-desktop {
  width: 20%;
}

.scenarios-card--remote-workers {
  background-image: url(../i/bitmapped/scenarios/workforce.jpg);
}
.scenarios-card--remote-workers .scenarios-card__svg {
  width: 50px;
  height: 50px;
}

.scenarios-card--user-behavior {
  background-image: url(../i/bitmapped/scenarios/user-behavior.jpg);
}
.scenarios-card--user-behavior .scenarios-card__svg {
  width: 60px;
  height: 60px;
}

.scenarios .scenarios-card {
  text-decoration: none;
  transition: filter 0.3s;
}
.scenarios .scenarios-card:hover {
  filter: brightness(1.5);
}
.scenarios .scenarios-card:hover .scenarios-card__image {
  transform: translateY(-10px);
}
.scenarios .scenarios-card .scenarios-card__image {
  transition: transform 0.3s;
}

.scenarios-card__block .scenarios-card__title {
  text-decoration: none;
  cursor: pointer;
}

.scenarios-card--insider-threats .scenarios-card__title {
  color: #4caf50 !important;
}

.scenarios-card--productivity-optimization .scenarios-card__title {
  color: #fd9b2d !important;
}

.scenarios-card--remote-workers .scenarios-card__title {
  color: #13d2fa !important;
}

.scenarios-card--user-behavior .scenarios-card__title {
  color: #f4bf08 !important;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}