.list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.list ul,
.list ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

/* -- General --------------------------------------------------------------- */

/* -- Normalize.css                                                        -- */

html {
   line-height: 1.15;
       -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   margin: 0;
}

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

hr {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   height: 0;
   overflow: visible;
}

pre {
   font-family: monospace, monospace;
   font-size: 1em;
}

a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
}

abbr[title] {
   border-bottom: none;
           text-decoration: underline;
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
}

b,
strong {
   font-weight: bolder;
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em;
}

small {
   font-size: 80%;
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

audio:not([controls]) {
   display: none;
   height: 0;
}

img {
   border-style: none;
}

svg:not(:root) {
   overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
}

button,
input {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 0.1rem dotted;
}

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

legend {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal;
}

progress {
   vertical-align: baseline;
}

textarea {
   overflow: auto;
}

[type="checkbox"],
[type="radio"] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -0.2rem;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
}

details,
menu {
   display: block;
}

summary {
   display: list-item;
}

template {
   display: none;
}

[hidden] {
   display: none;
}

/* -- Common                                                               -- */

html {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 62.5%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

body {
   font-family: "PT Sans", sans-serif;
   line-height: 3rem;
   font-size: 1.8rem;
   font-weight: 400;
   color: #ffffff;
   background-color: #564c87;
}

:focus {
   outline-width: 0;
}

::-moz-focus-inner {
   border: 0;
   outline: 0;
}

::-moz-selection {
   color: #ffffff;
   text-shadow: none;
   background-color: #848484;
}

::selection {
   color: #ffffff;
   text-shadow: none;
   background-color: #848484;
}

h1 {
   margin: 0rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 3rem;
   font-weight: 700;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

h2 {
   margin: 4rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 2.4rem;
   font-weight: 700;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

h3 {
   margin: 3.2rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   font-weight: 400;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

h4 {
   margin: 2.4rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   font-weight: 400;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

h5 {
   margin: 2.4rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   font-weight: 400;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

h6 {
   margin: 2.4rem 0 1.2rem 0;
   line-height: 1.1em;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   font-weight: 400;
   color: #ffffff;
   text-rendering: optimizeLegibility;
}

a {
   color: #ffffff;
   text-decoration: none;
   -webkit-text-decoration-skip: ink;
           text-decoration-skip: ink;
   -webkit-transition: color 0.18s linear, border 0.18s linear;
        -o-transition: color 0.18s linear, border 0.18s linear;
           transition: color 0.18s linear, border 0.18s linear;
   cursor: default;
}

a:hover,
a:focus {
   color: #ffffff;
}

a:active,
a:focus {
   border: 0;
   outline: 0;
}

b,
strong {
   font-weight: 700;
}

i,
em {
   font-style: italic;
}

small {
   font-size: 100%;
}

address {
   margin-bottom: 1.6rem;
   line-height: 3rem;
   font-style: normal;
}

abbr {
   text-decoration: none;
}

abbr[title],
abbr[data-original-title] {
   border-bottom: 0.1rem dotted;
   -webkit-transition: color 0.18s linear, border 0.18s linear;
        -o-transition: color 0.18s linear, border 0.18s linear;
           transition: color 0.18s linear, border 0.18s linear;
}

abbr[title]:hover,
abbr[data-original-title]:hover,
abbr[title]:focus,
abbr[data-original-title]:focus {
   border-bottom-color: transparent;
   cursor: help;
}

mark {
   margin: 0 0.1rem;
   padding: 0 0.2rem;
   color: #ffffff;
   background-color: #0079bf;
   border-radius: 0rem;
}

q {
   font-style: italic;
   color: #ffffff;
   quotes: "\201C" "\201D" "\2018" "\2019";
}

q:lang(en) {
   quotes: "\201C" "\201D" "\2018" "\2019";
}

q:lang(ru) {
   quotes: "\00AB" "\00BB" "\201E" "\201C";
}

sub,
sup {
   font-style: normal;
   color: #ffffff;
}

code,
kbd,
samp {
   margin: 0 0.1rem;
   padding: 0.1rem 0.2rem;
   font-family: "Courier New", monospace;
   color: #ffffff;
   background-color: #0079bf;
   border-radius: 0rem;
}

p {
   margin: 0 0 1.6rem;
}

hr {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 0.1rem;
   margin: 0 0 1.6rem;
   background-color: #e5e5e5;
   border: 0;
}

pre {
   margin: 0 0 1.6rem;
   padding: 1.5rem 2rem;
   font-family: "Courier New", monospace;
   color: #ffffff;
   background-color: #0079bf;
   border-radius: 0rem;
}

blockquote {
   margin: 0 0 1.6rem;
   padding: 0 2rem;
   font-style: italic;
   color: #9890c2;
}

dl {
   margin: 0 0 1.6rem;
}

dt {
   line-height: 3rem;
   font-weight: 700;
}

dd {
   margin-left: 0;
   line-height: 3rem;
}

ul,
ol {
   margin: 0 0 1.6rem;
}

ul ul ol,
ol ul ol {
   margin-bottom: 0;
}

img {
   vertical-align: middle;
   max-width: 100%;
   height: auto;
}

figure {
   margin: 0 0 1.6rem;
}

iframe {
   border: 0;
}

input,
button,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: normal;
}

fieldset {
   min-width: 0;
   margin: 0;
   padding: 0;
   border: 0;
}

select[multiple],
select[size] {
   height: auto;
}

button {
   padding: 0;
   font-family: "PT Sans", sans-serif;
   background-color: transparent;
   border: 0;
   cursor: default;
}

[role="button"] {
   cursor: default;
}

progress {
   padding: 0;
   background-color: transparent;
   border: 0;
}

/* -- Nodes ----------------------------------------------------------------- */

/* -- Main                                                                 -- */

[data-type="default"] {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: 100vh;
}

[data-type="manager"] {
   min-width: 122.0rem;
}

.header {
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   background-color: #765aa6;
}

.header--cover {
   background-image: url("images/nodes/cover.jpg");
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
}

.header__hero {
   position: relative;
}

.common {
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
           flex-grow: 1;
}

.common__special {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
   height: calc(90vh - 9.6rem - 11rem);
   min-height: 46.0rem;
}

.footer {
   padding-right: 0.8rem;
   padding-left: 0.8rem;
}

/* -- Area                                                                 -- */

.area-base {
   max-width: 118.8rem;
   margin: auto;
}

.area-base::after {
   content: "";
   display: table;
   clear: both;
}

.area-flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
   max-width: 118.8rem;
   margin: auto;
}

/* -- Page                                                                 -- */

/* -- Aside                                                                -- */

/* -- Content --------------------------------------------------------------- */

/* -- Simple                                                               -- */

.content > *:last-child {
   margin-bottom: 0;
}

.content a {
   text-decoration: underline;
   cursor: pointer;
}

.content a:focus,
.content a:hover {
   text-decoration: none;
}

.content p {
   margin: 0 0 1.6rem;
}

.content .alignleft {
   text-align: left;
}

.content .alignright {
   text-align: right;
}

.content .aligncenter {
   text-align: center;
}

.content .underline {
   text-decoration: underline;
}

/* -- Lists                                                                -- */

.content ul,
.content ol {
   margin: 0 0 1.6rem;
   padding: 0 0 0 3.2rem;
}

.content ul li,
.content ol li {
   margin-top: 1.6rem;
   padding-left: 0.16rem;
}

.content ul ul,
.content ol ul,
.content ul ol,
.content ol ol {
   margin-bottom: 0;
   padding-left: 2.24rem;
}

.content ul ul {
   list-style: inherit;
}

.content ul ol {
   list-style: decimal;
}

.content ol {
   list-style: decimal;
}

.content ol ul {
   list-style: disc;
}

.content ol ol {
   list-style: decimal;
}

.content p + ul,
.content p + ol {
   margin-top: -1.2rem;
}

/* -- Media                                                                -- */

.content img {
   max-width: 100%;
   height: auto;
}

.content * + p > img {
   padding: 0.8rem 0 0.4rem;
}

.content img.alignleft,
.content img.alignright {
   max-width: calc(50% - 1.6rem / 2);
}

.content img.alignleft {
   float: left;
   margin-right: 1.6rem;
}

.content img.aligncenter {
   display: block;
   max-width: 100%;
   margin: 0 auto;
}

.content img.alignright {
   float: right;
   margin-left: 1.6rem;
}

/* -- Tables                                                               -- */

.table-simple {
   overflow-y: hidden;
   position: relative;
   padding: 1.5rem 0;
}

.table-simple table {
   width: 100%;
   text-align: left;
   border-spacing: 0;
   border-collapse: collapse;
}

.table-simple tr {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   border-top: 0.1rem solid #000000;
}

.table-simple tr:last-of-type {
   border-bottom: 0.1rem solid #000000;
}

.table-simple tr:nth-of-type(2n+2) {
   background-color: #000000;
}

.table-simple tr:hover {
   background-color: #000000;
}

.table-simple th,
.table-simple td {
   line-height: 2.2rem;
   font-weight: 400;
}

.table-simple th:nth-of-type(1n),
.table-simple td:nth-of-type(1n) {
   width: calc(100% - 20.0rem);
   padding: 1.3rem 0 1.3rem 3.0rem;
   color: #000000;
}

.table-simple th:nth-of-type(2n),
.table-simple td:nth-of-type(2n) {
   width: 20.0rem;
   padding: 1.3rem 3.0rem 1.3rem 3.0rem;
   font-size: 2.2rem;
   font-weight: 700;
   color: #000000;
   text-align: right;
}

/* -- Inputs ---------------------------------------------------------------- */

/* -- Inputs                                                               -- */

.input {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   height: 6.4rem;
   padding: 0 2.3rem;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   border-style: solid;
   border-width: 0.2rem;
   vertical-align: middle;
   width: 100%;
   padding-bottom: 0.1rem;
   color: #909090;
   background-color: #ffffff;
   border-color: #222222;
   border-radius: 0.9rem;
}

.input::-webkit-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.input:-ms-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.input::placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.input:hover {
   color: #222222;
   border-color: #765aa6;
}

.input:hover::-webkit-input-placeholder {
   color: #222222;
}

.input:hover:-ms-input-placeholder {
   color: #222222;
}

.input:hover::placeholder {
   color: #222222;
}

.input:focus {
   color: #222222;
   border-color: #765aa6;
}

.input:focus::-webkit-input-placeholder {
   color: #222222;
}

.input:focus:-ms-input-placeholder {
   color: #222222;
}

.input:focus::placeholder {
   color: #222222;
}

.input[disabled],
.input[disabled="disabled"] {
   color: #e5e5e5;
   border-color: #909090;
}

.input[disabled]::-webkit-input-placeholder,
.input[disabled="disabled"]::-webkit-input-placeholder {
   color: #e5e5e5;
}

.input[disabled]:-ms-input-placeholder,
.input[disabled="disabled"]:-ms-input-placeholder {
   color: #e5e5e5;
}

.input[disabled]::placeholder,
.input[disabled="disabled"]::placeholder {
   color: #e5e5e5;
}

.input--radio:hover {
   cursor: pointer;
}

.input--checkbox:hover {
   cursor: pointer;
}

/* -- Textarea                                                             -- */

.textarea {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   padding: 1.4rem 2.3rem;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   border-style: solid;
   border-width: 0.2rem;
   vertical-align: middle;
   width: 100%;
   color: #909090;
   background-color: #ffffff;
   border-color: #222222;
   border-radius: 0.9rem;
}

.textarea::-webkit-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.textarea:-ms-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.textarea::placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #909090;
}

.textarea:hover {
   color: #222222;
   border-color: #765aa6;
}

.textarea:hover::-webkit-input-placeholder {
   color: #222222;
}

.textarea:hover:-ms-input-placeholder {
   color: #222222;
}

.textarea:hover::placeholder {
   color: #222222;
}

.textarea:focus {
   color: #222222;
   border-color: #765aa6;
}

.textarea:focus::-webkit-input-placeholder {
   color: #222222;
}

.textarea:focus:-ms-input-placeholder {
   color: #222222;
}

.textarea:focus::placeholder {
   color: #222222;
}

/* -- Select                                                               -- */

.select {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   height: 6.4rem;
   padding: 0 2.3rem;
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   border-style: solid;
   border-width: 0.2rem;
   vertical-align: middle;
   width: 100%;
   color: #ffffff;
   background-color: transparent;
   border-color: #716a99;
   border-radius: 0.9rem;
}

.select::-webkit-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #ffffff;
}

.select:-ms-input-placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #ffffff;
}

.select::placeholder {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   color: #ffffff;
}

.select:hover {
   color: #ffffff;
   border-color: #ffffff;
}

.select:hover::-webkit-input-placeholder {
   color: #ffffff;
}

.select:hover:-ms-input-placeholder {
   color: #ffffff;
}

.select:hover::placeholder {
   color: #ffffff;
}

.select:focus {
   color: #ffffff;
   border-color: #ffffff;
}

.select:focus::-webkit-input-placeholder {
   color: #ffffff;
}

.select:focus:-ms-input-placeholder {
   color: #ffffff;
}

.select:focus::placeholder {
   color: #ffffff;
}

/* -- Button ---------------------------------------------------------------- */

/* -- Simple                                                               -- */

.button-simple {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   display: inline-block;
   height: 3.6rem;
   padding: 0 3.6rem;
   font-family: "PT Sans", sans-serif;
   line-height: 3.6rem;
   font-size: 1.8rem;
   color: #ffffff;
   text-align: center;
   background-color: #ffc930;
   border: 0;
   border-radius: 0.9rem;
   cursor: default;
}

.button-simple:hover,
.button-simple:focus {
   color: #ffffff;
   background-color: #ffbb00;
}

.button-simple--mini {
   height: 3.6rem;
   line-height: 3.2rem;
   font-size: 1.5rem;
   border-radius: 0.9rem;
}

.button-simple--plus {
   height: 7.2rem;
   line-height: 6.8rem;
   font-size: 2.2rem;
   border-radius: 0.9rem;
}

.button-simple--plus:hover,
.button-simple--plus:focus {
   -webkit-box-shadow: 0 1.2rem 2.4rem rgba(34, 34, 34, 0.12);
           box-shadow: 0 1.2rem 2.4rem rgba(34, 34, 34, 0.12);
}

.button-simple--mega {
   height: 7.2rem;
   padding: 0 2.4rem;
   line-height: 7rem;
   font-size: 2.7rem;
   font-weight: 700;
   border-radius: 0.9rem;
   -webkit-box-shadow: 0 1.6rem 3.2rem rgba(34, 34, 34, 0.12);
           box-shadow: 0 1.6rem 3.2rem rgba(34, 34, 34, 0.12);
}

.button-simple--mega:hover,
.button-simple--mega:focus {
   -webkit-box-shadow: 0 2.4rem 4rem rgba(34, 34, 34, 0.24);
           box-shadow: 0 2.4rem 4rem rgba(34, 34, 34, 0.24);
}

/* -- Ghost                                                                -- */

.button-ghost {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   display: inline-block;
   height: 3.6rem;
   padding: 0 2.2rem;
   font-family: "PT Sans", sans-serif;
   line-height: 3.2rem;
   font-size: 1.8rem;
   color: #ffffff;
   text-align: center;
   background-color: transparent;
   border: 0.2rem solid #716a99;
   border-radius: 1.8rem;
   cursor: default;
}

.button-ghost:hover,
.button-ghost:focus {
   color: #ffffff;
   text-decoration: none;
   border-color: #ffffff;
}

.button-ghost--mini {
   height: 3.6rem;
   line-height: 3.2rem;
   font-size: 1.5rem;
}

.button-ghost--plus {
   height: 7.2rem;
   line-height: 6.8rem;
   font-size: 2.2rem;
}

.button-ghost--mega {
   height: 7.2rem;
   line-height: 6.8rem;
   font-size: 2.7rem;
}

/* -- Controls -------------------------------------------------------------- */

/* -- Checkbox                                                             -- */

/* -- Radio                                                                -- */

/* -- Select                                                               -- */

/* -- Magnific Popup JS                                                    -- */

.mfp-bg {
   overflow: hidden;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1042;
   width: 100%;
   height: 100%;
   background: #0b0b0b;
   opacity: 0.8;
}

.mfp-wrap {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1043;
   width: 100%;
   height: 100%;
   outline: none !important;
   -webkit-backface-visibility: hidden;
}

.mfp-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0 0.8rem;
   text-align: center;
}

.mfp-container::before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
}

.mfp-align-top .mfp-container::before {
   display: none;
}

.mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   z-index: 1045;
   margin: 0 auto;
   text-align: left;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
   width: 100%;
   cursor: auto;
}

.mfp-ajax-cur {
   cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: -webkit-zoom-out;
   cursor:         zoom-out;
}

.mfp-zoom {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor:         zoom-in;
}

.mfp-auto-cursor .mfp-content {
   cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}

.mfp-loading.mfp-figure {
   display: none;
}

.mfp-hide {
   display: none !important;
}

.mfp-preloader {
   position: absolute;
   top: 50%;
   right: 8p x;
   left: 8px;
   z-index: 1044;
   width: auto;
   margin-top: -0.8em;
   color: #cccccc;
   text-align: center;
}

.mfp-preloader a {
   color: #cccccc;
}

.mfp-preloader a:hover {
   color: #ffffff;
}

.mfp-s-ready .mfp-preloader {
   display: none;
}

.mfp-s-error .mfp-content {
   display: none;
}

button.mfp-close,
button.mfp-arrow {
   overflow: visible;
   display: block;
   z-index: 1046;
   padding: 0;
   background: tr ansparent;
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
   outline: none;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
   -webkit-appearance: none;
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

.mfp-close {
   position: absolute;
   top: 0;
   right: 0;
   width: 4.4rem;
   height: 4.4rem;
   padding: 0 0 1.8rem 1.0rem;
   font-family: "PT Sans", sans-serif;
   line-height: 4.4rem;
   font-size: 2.8rem;
   font-style: normal;
   color: #ffffff;
   text-align: center;
   text-decoration: none;
   opacity: 0.65;
}

.mfp-close:hover,
.mfp-close:focus {
   opacity: 1;
}

.mfp-close:active {
   top: 0.1rem;
}

.mfp-close-btn-in .mfp-close {
   color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
   right: -0.6rem;
   width: 100%;
   padding-right: 0.6rem;
   color: #ffffff;
   text-align: right;
}

.mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   line-height: 1.8rem;
   font-size: 1.2rem;
   color: #cccccc;
   white-space: nowrap;
}

.mfp-arrow {
   position: absolute;
   top: 50%;
   width: 9.0rem;
   height: 11.0rem;
   margin: 0;
   margin-top: -5.5rem;
   padding: 0;
   opacity: 0.65;
   -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
   margin-top: -5.4rem;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
   opacity: 1;
}

.mfp-arrow::before,
.mfp-arrow::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 0;
   height: 0;
   margin-top: 3.5rem;
   margin-left: 3.5rem;
   border: medium inset transparent;
}

.mfp-arrow::after {
   border-top-width: 1.3rem;
   border-bottom-width: 1.3rem;
   top: 0.8rem;
}

.mfp-arrow::before {
   border-top-width: 2.1rem;
   border-bottom-width: 2.1rem;
   opacity: 0.7;
}

.mfp-arrow-left {
   left: 0;
}

.mfp-arrow-left::after {
   margin-left: 3.1rem;
   border-right: 1.7rem solid #ffffff;
}

.mfp-arrow-left::before {
   margin-left: 2.5rem;
   border-right: 2.7rem solid #3f3f3f;
}

.mfp-arrow-right {
   right: 0;
}

.mfp-arrow-right::after {
   margin-left: 3.9rem;
   border-left: 1.7rem solid #ffffff;
}

.mfp-arrow-right::before {
   border-left: 2.7rem solid #3f3f3f;
}

.mfp-iframe-holder {
   padding-top: 4.0rem;
   padding-bottom: 4.0rem;
}

.mfp-iframe-holder .mfp-content {
   width: 100%;
   max-width: 90.0rem;
   line-height: 0;
}

.mfp-iframe-holder .mfp-close {
   top: -4rem;
}

.mfp-iframe-scaler {
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.6);
           box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.6);
   background: #000000;
}

img.mfp-img {
   display: block;
   width: auto;
   max-width: 100%;
   height: auto;
   margin: 0 auto;
   padding: 4.0rem 0;
   line-height: 0;
}

.mfp-figure {
   line-height: 0;
}

.mfp-figure::after {
   content: "";
   position: absolute;
   top: 4.0rem;
   right: 0;
   bottom: 4.0rem;
   left: 0;
   display: block;
   width: auto;
   height: auto;
   z-index: -1;
   -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.6);
           box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.6);
   background: #444444;
}

.mfp-figure small {
   display: block;
   line-height: 1.4rem;
   font-size: 1.2rem;
   color: #bdbdbd;
}

.mfp-figure figure {
   margin: 0;
}

.mfp-bottom-bar {
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   margin-top: -3.6rem;
   cursor: auto;
}

.mfp-title {
   padding-right: 3.6rem;
   line-height: 1.8rem;
   color: #f3f3f3;
   text-align: left;
   word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
   max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer;
}

.mfp-fade.mfp-bg {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready {
   opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
   opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   opacity: 0;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
           transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
   opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
   opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
}

/* -- Selectric.js                                                         -- */

.selectric-wrapper {
   position: relative;
}

.selectric-responsive {
   width: 100%;
}

.selectric {
   background-color: #efeefb;
   border: 0.2rem solid #efeefb;
   border-radius: 1.8rem;
   overflow: hidden;
   position: relative;
}

.selectric .label {
   font-family: "PT Sans", sans-serif;
   font-size: 1.8rem;
   height: 3.2rem;
   padding: 0 1.8rem;
   line-height: 3.1rem;
   color: #765aa6;
   overflow: hidden;
   display: block;
   white-space: nowrap;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}

.selectric .button {
   width: 4.0rem;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   font-size: 0;
}

.selectric .button::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 200;
   background-image: url("images/manager/database/arrow.svg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 1.2rem 0.7rem;
}

.selectric-focus .selectric {
   background-color: #ffffff;
}

.selectric-hover .selectric {
   background-color: #ffffff;
}

.selectric-open {
   z-index: 1800;
}

.selectric-open .selectric-items {
   display: block;
}

.selectric-disabled {
   opacity: 0.5;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   cursor: default;
}

.selectric-hide-select {
   position: relative;
   overflow: hidden;
   width: 0;
   height: 0;
}

.selectric-hide-select select {
   position: absolute;
   left: -100%;
}

.selectric-hide-select.selectric-is-native {
   position: absolute;
   z-index: 10;
   width: 100%;
   height: 100%;
}

.selectric-hide-select.selectric-is-native select {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1;
   width: 100%;
   height: 100%;
   border: none;
   opacity: 0;
}

.selectric-input {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 0.1rem;
   height: 0.1rem;
   margin: 0;
   padding: 0;
   font-size: 0;
   background: none;
   border: none;
   outline: none;
   clip: rect(0, 0, 0, 0);
}

.selectric-temp-show {
   position: absolute;
   visibility: hidden;
   display: block;
}

.selectric-items {
   overflow: hidden;
   top: 0;
   z-index: 1;
   background-color: #ffffff;
   border-radius: 1.8rem;
   position: absolute;
   left: 0;
   display: none;
}

.selectric-items .selectric-scroll {
   overflow: auto;
   height: 100%;
}

.selectric-above .selectric-items {
   top: auto;
   bottom: 0;
}

.selectric-items li,
.selectric-items ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.selectric-items li {
   font-size: 1.8rem;
   padding: 0 2rem;
   line-height: 3.5rem;
   color: #765aa6;
   display: block;
}

.selectric-items li:last-of-type {
   padding-bottom: 0.2rem;
}

.selectric-items li.selected {
   background-color: rgba(0, 0, 0, 0.08);
}

.selectric-items li.highlighted {
   background-color: rgba(0, 0, 0, 0.08);
}

.selectric-items li:hover {
   background-color: rgba(0, 0, 0, 0.08);
}

.selectric-items .disabled {
   color: #666666;
   background-color: none;
   opacity: 0.5;
   cursor: default;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
   padding-left: 1.0rem;
   font-weight: bold;
   color: #444444;
   background-color: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   cursor: default;
}

.selectric-items .selectric-group.disabled li {
   opacity: 1;
}

.selectric-items .selectric-group li {
   padding-left: 2.5rem;
}

/* -- Tabby JS                                                             -- */

.js-tabby [data-tabby-item] {
   overflow: hidden;
   position: absolute;
   width: 0.1rem;
   height: 0.1rem;
   margin-top: -0.1rem;
   padding: 0;
   border: 0;
   clip: rect(0, 0, 0, 0);
}

.js-tabby [data-tabby-item]:focus {
   outline: none;
}

.js-tabby [data-tabby-item].is-active {
   overflow: visible;
   position: static;
   width: auto;
   height: auto;
   margin: 0;
   clip: auto;
}

[data-tabby-item]:not(:first-of-type) {
   display: none;
}

.js-tabby [data-tabby-panes] {
   -webkit-transition: height 0.42s linear;
        -o-transition: height 0.42s linear;
           transition: height 0.42s linear;
}

.js-tabby [data-tabby-item] {
   display: block;
}

/* -- Logo                                                                 -- */

.logo {
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   float: left;
   width: 23.8rem;
}

.logo__link {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   display: block;
   width: 23.8rem;
   margin: 0 -0.8rem;
   padding: 3.6rem 0.8rem;
}

.logo__link:hover,
.logo__link:focus {
   -webkit-transform: scale(1.025) rotate(0.75deg);
       -ms-transform: scale(1.025) rotate(0.75deg);
           transform: scale(1.025) rotate(0.75deg);
}

.logo__image {
   display: block;
   width: 22.2rem;
}

/* -- Main Nav                                                             -- */

.main-nav {
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   position: relative;
   float: left;
   width: calc(100% - 22.2rem - 1.6rem);
   height: 9.6rem;
}

.main-nav__list {
   font-size: 0;
   letter-spacing: 0;
   display: none;
}

.main-nav__link {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   display: block;
   padding: 0 2.4rem;
   line-height: 4.0rem;
   font-size: 1.8rem;
   font-weight: 700;
   white-space: nowrap;
   color: #765aa6;
}

.main-nav__link:hover,
.main-nav__link:focus {
   color: #765aa6;
   background-color: rgba(0, 0, 0, 0.08);
}

.main-nav__menu {
   position: relative;
   z-index: 2200;
   float: right;
   width: 4.8rem;
   height: 4.8rem;
   margin: 2.4rem -1.2rem;
   padding: 1.2rem;
   font-size: 0;
   border-radius: 0.4rem;
}

.main-nav__menu::after {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: url("images/common/main-nav/menu.svg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 2.4rem 2.4rem;
}

.main-nav__menu:hover::after,
.main-nav__menu:focus::after {
   opacity: 0.6;
}

.main-nav__list.is-active {
   position: absolute;
   top: 6.8rem;
   right: 0.8rem;
   z-index: 2000;
   display: block;
   padding: 1.2rem 0;
   background-color: #ffffff;
   border-radius: 0.4rem 0 0.4rem 0.4rem;
   -webkit-box-shadow: 0 0.8rem 2.4rem rgba(34, 34, 34, 0.2);
           box-shadow: 0 0.8rem 2.4rem rgba(34, 34, 34, 0.2);
}

.main-nav__item.is-active .main-nav__link {
   border-color: #b498e4;
}

.main-nav__menu.is-active {
   margin-right: 0;
   background-color: #ffffff;
   border-radius: 0.4rem 0.4rem 0 0;
}

.main-nav__menu.is-active::after {
   background-image: url("images/common/main-nav/close.svg");
   background-size: 2.2rem 2.2rem;
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
}

.main-nav__menu.is-active:hover::after,
.main-nav__menu.is-active:focus::after {
   opacity: 0.6;
}

/* -- Contact                                                              -- */

.contact {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   padding-top: 4.8rem;
   padding-bottom: 3.2rem;
}

.contact__desc {
   display: block;
   font-size: 1.8rem;
   color: #9890c2;
   text-align: center;
}

.contact__link {
   cursor: pointer;
}

.contact__link:hover,
.contact__link:focus {
   text-decoration: underline;
}

/* -- Go To                                                                -- */

.go-to {
   position: absolute;
   left: 50%;
   bottom: -0.1rem;
   width: 26.0rem;
   margin-left: -13rem;
   background-image: url("images/common/goto/bground.png");
   background-size: 26.0rem 4.8rem;
}

.go-to__action {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   position: relative;
   display: block;
   width: 22.0rem;
   height: 4.8rem;
   margin: 0 auto;
   line-height: 4.8rem;
   color: #ffffff;
   text-align: center;
}

.go-to__action:hover,
.go-to__action:focus {
   text-decoration: underline;
}

/* -- Search                                                               -- */

.search {
   float: left;
   margin-top: 4.8rem;
}

.search__form {
   position: relative;
}

.search__input {
   height: 5.4rem;
   padding: 0 7.0rem 0.1rem 2.4rem;
   font-size: 1.8rem;
   color: #8179ad;
   background-color: #48406e;
   border: 0;
   border-radius: 0.4rem;
}

.search__input::-webkit-input-placeholder {
   color: #8179ad;
}

.search__input:-ms-input-placeholder {
   color: #8179ad;
}

.search__input::placeholder {
   color: #8179ad;
}

.search__input:hover,
.search__input:focus {
   color: #ffffff;
}

.search__input:hover::-webkit-input-placeholder,
.search__input:focus::-webkit-input-placeholder {
   color: #ffffff;
}

.search__input:hover:-ms-input-placeholder,
.search__input:focus:-ms-input-placeholder {
   color: #ffffff;
}

.search__input:hover::placeholder,
.search__input:focus::placeholder {
   color: #ffffff;
}

.search__button {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 5.4rem;
   font-size: 0;
   background-color: transparent;
   background-image: url("images/common/search/search.svg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 2.4rem 2.4rem;
   border: 0;
}

.search__button:hover,
.search__button:focus {
   background-color: rgba(0, 0, 0, 0.08);
}

/* -- Filter                                                               -- */

.filter {
   float: left;
   margin-top: 4.8rem;
}

.filter .selectric {
   background-color: #48406e;
   border-color: #48406e;
   border-radius: 0.4rem;
}

.filter .selectric .label {
   height: 5rem;
   padding: 0 2.2rem;
   line-height: 5rem;
   font-size: 1.8rem;
   color: #8179ad;
}

.filter .selectric .button {
   top: -0.2rem;
   right: -0.2rem;
   bottom: -0.2rem;
   width: 5.4rem;
}

.filter .selectric .button::after {
   background-image: url("images/common/filter/arrow.svg");
   background-size: 2.2rem 1.2rem;
}

.filter .selectric-hover .selectric .button::after,
.filter .selectric-open .selectric .button::after {
   background-image: url("images/common/filter/arrow--hover.svg");
}

.filter .selectric-items {
   border-radius: 0.4rem;
}

.filter .selectric-items li {
   padding: 0 2.4rem 0.2rem;
   line-height: 4.0rem;
   font-size: 1.8rem;
}

.filter .selectric-items li:first-of-type {
   display: none;
}

.filter .selectric-items li:nth-of-type(2) {
   margin-top: 0.6rem;
}

.filter .selectric-items li:last-of-type {
   margin-bottom: 0.6rem;
}

/* -- Action                                                               -- */

.action {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   padding-top: 4.8rem;
}

.action__button {
   display: block;
   max-width: 36.0rem;
   margin: 0 auto;
}

/* -- Simple Form                                                          -- */

.simple-form {
   max-width: 41.0rem;
   margin: auto;
   padding-top: 4.0rem;
   background-color: #ffffff;
   border-radius: 0.9rem;
   -webkit-box-shadow: 0 1.6rem 3.2rem rgba(34, 34, 34, 0.6);
           box-shadow: 0 1.6rem 3.2rem rgba(34, 34, 34, 0.6);
}

.simple-form__title {
   display: block;
   margin-bottom: 2.1rem;
   padding: 0 3.2rem;
   line-height: 1.0em;
   font-size: 3.3rem;
   font-weight: 700;
   color: #222222;
   text-align: center;
}

/* -- Modal Form                                                           -- */

.modal-form {
   position: relative;
   display: none;
   max-width: 42.0rem;
   margin: 0 auto;
   padding-top: 4.2rem;
   background-color: #ffffff;
   border-radius: 0.9rem;
}

.mfp-ready .modal-form {
   display: block;
}

.modal-form__header {
   padding: 0 3.2rem;
   text-align: center;
}

.modal-form__title {
   display: block;
   margin-bottom: 1.2rem;
   padding: 0 2.4rem;
   line-height: 1.0em;
   font-size: 3.3rem;
   font-weight: 700;
   color: #222222;
}

.modal-form__desc {
   display: block;
   padding: 0 2.4rem;
   line-height: 1.35em;
   font-size: 1.8rem;
   color: #222222;
}

.modal-form__domain {
   display: block;
   margin-bottom: 2.8rem;
   line-height: 1.0em;
   font-size: 4.4rem;
   font-weight: 700;
   color: #765aa6;
}

.modal-form__date {
   display: block;
   font-size: 1.8rem;
   color: #765aa6;
}

.modal-form__text {
   display: block;
   color: #765aa6;
}

.modal-form__close {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   position: absolute;
   top: 0.8rem;
   right: 0.8rem;
   display: block;
   font-size: 0;
   background-image: url("images/common/modal-form/close.svg");
   background-position: center center;
   background-repeat: no-repeat;
   opacity: 0.3;
}

.modal-form__close:hover,
.modal-form__close:focus {
   opacity: 1.0;
   -webkit-transform: rotateZ(90deg);
       -ms-transform: rotate(90deg);
           transform: rotateZ(90deg);
}

.modal-form--feedback {
   max-width: 42.0rem;
   padding: 6.5rem 0 5.5rem;
}

.modal-form--feedback .modal-form__good,
.modal-form--feedback .modal-form__error {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:         flex;
   margin: 0 auto;
   width: 13.6rem;
   height: 13.6rem;
   margin: -2.4rem auto 4rem;
   border-radius: 50%;
}

.modal-form--feedback .modal-form__good {
   background-color: #90c241;
   -webkit-box-shadow: 0 1.6rem 3.2rem rgba(173, 222, 98, 0.75);
           box-shadow: 0 1.6rem 3.2rem rgba(173, 222, 98, 0.75);
}

.modal-form--feedback .modal-form__error {
   background-color: #d44f5f;
   -webkit-box-shadow: 0 1.6rem 3.2rem rgba(247, 114, 130, 0.75);
           box-shadow: 0 1.6rem 3.2rem rgba(247, 114, 130, 0.75);
}

.modal-form--feedback .modal-form__icon {
   margin: auto;
}

/* -- Order Form                                                           -- */

.order-form__item {
   font-size: 0;
   letter-spacing: 0;
}

.order-form__item:not(:last-of-type) {
   margin-bottom: 2.4rem;
   padding: 0 3.2rem;
}

.order-form__item:last-of-type {
   margin-top: 3.2rem;
}

.order-form__item--alt {
   padding: 0 !important;
}

.order-form__half {
   display: inline-block;
   vertical-align: top;
   width: 100%;
}

.order-form__half:not(:last-of-type) {
   margin-bottom: 2.4rem;
}

.order-form__textarea {
   resize: vertical;
   height: 12.6rem;
}

.order-form__hint {
   display: none;
   margin: 0.8rem;
   font-size: 1.8rem;
   color: #222222;
}

.order-form__submit {
   width: 100%;
   padding-bottom: 0.1rem;
   line-height: 6.9rem;
   border-radius: 0 0 0.9rem 0.9rem;
   -webkit-box-shadow: none;
           box-shadow: none;
}

.order-form__item.is-error .order-form__input,
.order-form__half.is-error .order-form__input {
   border-color: #d44f5f;
}

.order-form__item.is-error .order-form__input:hover,
.order-form__half.is-error .order-form__input:hover {
   border-color: #765aa6;
}

.order-form__item.is-error .order-form__input:focus,
.order-form__half.is-error .order-form__input:focus {
   border-color: #765aa6;
}

.order-form__item.is-error .order-form__hint,
.order-form__half.is-error .order-form__hint {
   display: block;
   color: #d44f5f;
}

.order-form__item.is-error {
   margin-bottom: 1.2rem;
}

.order-form__half.is-error {
   margin-bottom: -2rem;
}

/* -- Domains                                                              -- */

.domains {
   margin-top: 2.4rem;
}

.domains__list {
   font-size: 0;
   letter-spacing: 0;
}

.domains__list .list__item {
   display: inline-block;
}

.domains__list .list__link {
   display: inline-block;
   margin: 0.2rem -1.2rem 0.2rem 0;
   padding: 0.7rem 1.2rem;
   font-size: 1.8rem;
}

.domains__list .list__link:hover,
.domains__list .list__link:focus {
   text-decoration: underline;
}

.domains__list .list__price {
   position: relative;
   display: inline-block;
   height: 3.0rem;
   margin-left: 2.6rem;
   padding: 0 0.8rem 0 0.2rem;
   font-size: 1.8rem;
   color: #222222;
   background-color: #ffc930;
   border-radius: 0 0.4rem 0.4rem 0;
}

.domains__list .list__price::before {
   content: "";
   position: absolute;
   top: 0;
   left: -1.6rem;
   width: 1.8rem;
   height: 3.0rem;
   background-image: url("images/content/domains/arrow.png");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.8rem 3.0rem;
}

.domains__list .list__count {
   display: inline-block;
   margin-left: 1.4rem;
   padding: 0 0.8rem;
   font-size: 1.8rem;
   color: #ffffff;
   background-color: #765aa6;
   border-radius: 0.4rem;
}

.domains__list .list__item--mega {
   width: 100%;
}

/* -- Hero                                                                 -- */

.hero {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   text-align: center;
}

.hero__title {
   display: block;
   margin: 0;
   padding-bottom: 0.8rem;
   line-height: 1em;
}

.hero__desc {
   display: block;
   margin: 0 auto;
   font-size: 1.8rem;
}

.hero__action {
   margin-top: 2.7rem;
   padding-right: 2.4rem;
   padding-left: 2.4rem;
}

.hero__action:hover,
.hero__action:focus {
   text-decoration: none;
}

.hero__action .action__price {
   position: relative;
   display: block;
   height: 7.0rem;
   padding: 0 2.4rem;
   color: #000000;
   background-color: #ffffff;
   border-radius: 0 0 0.9rem 0.9rem;
}

.hero__action .action__price:hover,
.hero__action .action__price:focus {
   text-decoration: none;
}

.hero__more {
   display: block;
   margin: 0 auto;
   padding-top: 5.2rem;
   font-size: 1.8rem;
   color: #b498e4;
}

.hero__more a:hover,
.hero__more a:focus {
   text-decoration: underline;
}

/* -- Domain Info                                                          -- */

.domain-info {
   margin: 4.8rem auto 10.4rem;
}

.domain-info::after {
   content: "";
   display: table;
   clear: both;
}

.domain-info__about {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
}

.domain-info__header {
   text-align: center;
}

.domain-info__title {
   display: block;
   margin: 0 0 0.8rem;
   line-height: 1em;
   font-weight: 700;
}

.domain-info__hint {
   display: block;
   padding-top: 1.2rem;
   line-height: 1.8rem;
   font-size: 1.8rem;
   font-weight: 400;
}

.domain-info__price {
   position: relative;
   vertical-align: top;
   display: inline-block;
   height: 4.2rem;
   margin-top: 1.5rem;
   margin-left: 2.2rem;
   padding: 0 1.2rem 0 0.2rem;
   line-height: 4.2rem;
   font-size: 2.61rem;
   color: #222222;
   background-color: #ffc930;
   border-radius: 0 0.4rem 0.4rem 0;
}

.domain-info__price::before {
   content: "";
   position: absolute;
   top: 0;
   left: -2.2rem;
   width: 2.3rem;
   height: 4.2rem;
   background-image: url("images/content/domain-info/arrow.png");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 2.3rem 4.2rem;
}

.domain-info__text {
   max-width: 62.0rem;
   margin: 2.4rem auto 0;
   text-align: center;
}

.domain-info__action {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
}

/* -- Article                                                              -- */

.article {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   padding-top: 4.5rem;
}

.article__info {
   font-size: 0;
   letter-spacing: 0;
   margin: -1.6rem -0.8rem 1.2rem;
}

.article__info .info__item {
   display: block;
   padding: 3.2rem 0.8rem 0;
   font-size: 3rem;
   font-weight: 700;
   color: #b498e4;
}

.article__info .info__link {
   display: inline-block;
   margin-top: 0.8rem;
}

.article__info .info__link:hover,
.article__info .info__link:focus {
   text-decoration: underline;
}

/* -- Questions                                                            -- */

.questions {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   padding-top: 4.8rem;
}

.questions__list {
   margin: 0;
}

.questions__title {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   padding-right: 2.7rem;
   font-size: 2.4rem;
   font-weight: 700;
   color: #b498e4;
   cursor: default;
}

.questions__title:not(:first-of-type) {
   margin-top: 2.4rem;
}

.questions__title::after {
   -webkit-transition: all 0.22s linear;
        -o-transition: all 0.22s linear;
           transition: all 0.22s linear;
   content: "";
   display: inline-block;
   width: 1.9rem;
   height: 1.9rem;
   margin: 0 -1.9rem -0.3rem 0.8rem;
   background-image: url("images/content/questions/arrow.svg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 1.1rem 1.9rem;
}

.questions__title:hover,
.questions__title:focus {
   text-decoration: underline;
}

.questions__desc {
   padding-top: 1.2rem;
   font-size: 1.8rem;
}

.questions__desc a {
   text-decoration: underline;
   cursor: pointer;
}

.questions__desc a:focus,
.questions__desc a:hover {
   text-decoration: none;
}

.questions__list .questions__title.is-active {
   color: #ffffff;
}

.questions__list .questions__title.is-active::after {
   margin-bottom: -0.1rem;
   background-image: url("images/content/questions/arrow--active.svg");
   background-size: 1.9rem 1.2rem;
}

/* -- Error                                                                -- */

.error {
   width: 100%;
   padding-right: 0.8rem;
   padding-left: 0.8rem;
   margin: auto;
   padding-top: 4.8rem;
   text-align: center;
}

.error__name {
   padding: 0 2.4rem;
}

.error__desc {
   display: block;
   margin-top: 2.4rem;
   padding: 0 1.6rem;
}

.error__back {
   margin-top: 4.0rem;
}

/* -- Manager                                                              -- */

.manager__nav {
   font-size: 0;
   letter-spacing: 0;
   padding: 0 2.5rem;
   background-color: #765aa6;
}

.manager__logo {
   display: inline-block;
   vertical-align: top;
   width: 15.2rem;
   height: 7.2rem;
   padding-right: 3.2rem;
   line-height: 6.7rem;
}

.manager__logo .logo__text {
   font-size: 2.7rem;
   font-weight: 700;
   letter-spacing: 0.1rem;
}

.manager__tabs {
   display: inline-block;
   vertical-align: top;
   width: calc(100% - 15.2rem);
   height: 7.2rem;
   padding-top: 0.9rem;
   padding-left: 2vw;
}

.manager__tabs .tabs__toggle {
   display: inline-block;
}

.manager__tabs .tabs__link {
   position: relative;
   display: inline-block;
   height: 6.4rem;
   padding: 0 2.4rem;
   line-height: 5.8rem;
   font-size: 2.2rem;
   text-align: center;
}

.manager__tabs .tabs__link:hover .tabs__title,
.manager__tabs .tabs__link:focus .tabs__title {
   border-color: #ffffff;
}

.manager__tabs .tabs__title {
   display: inline-block;
   line-height: 1.1em;
   border-bottom: 0.2rem dotted transparent;
}

.manager__tabs .tabs__link.is-active {
   margin: 0 4.0rem;
   padding: 0 1.8rem;
   background-color: #564c87;
}

.manager__tabs .tabs__link.is-active::before,
.manager__tabs .tabs__link.is-active::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   width: 6.2rem;
   height: 6.4rem;
   background-image: url("images/manager/interface/tabs.svg");
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 23.2rem 6.4rem;
}

.manager__tabs .tabs__link.is-active::before {
   left: -6.2rem;
   background-position: left top;
}

.manager__tabs .tabs__link.is-active::after {
   right: -6.2rem;
   background-position: right top;
}

.manager__tabs .tabs__link.is-active:hover,
.manager__tabs .tabs__link.is-active:focus {
   cursor: default;
}

.manager__tabs .tabs__link.is-active:hover .tabs__title,
.manager__tabs .tabs__link.is-active:focus .tabs__title {
   border-color: transparent;
}

/* -- Database                                                             -- */

.database {
   width: 100%;
   text-align: left;
   background-color: #564c87;
   border-spacing: 0;
   border-collapse: collapse;
}

.database [data-hint-toggle] {
   border-bottom: 1px dotted #ffffff;
   cursor: pointer;
}

.database [data-hint-toggle]:hover {
   border: 0;
}

.database [data-hint-toggle]:hover + [data-hint-content] {
   display: block;
}

.database__head .database__column {
   padding-top: 1.5rem;
   padding-bottom: 0;
}

.database__title {
   font-size: 1.5rem;
   font-weight: 400;
   color: #9890c2;
}

.database__line:nth-of-type(2n+2) {
   background-color: #524981;
}

.database__column {
   position: relative;
   padding: 1.7rem 3.0rem 1.9rem 0;
}

.database__column:first-of-type {
   padding-left: 2.5rem;
}

.database__column:last-of-type {
   font-size: 0;
   letter-spacing: 0;
   width: 17.3rem;
   padding-right: 2.5rem;
}

.database__text {
   display: inline-block;
   line-height: 1.6em;
}

.database__hint {
   display: none;
   position: absolute;
   top: 65%;
   z-index: 200;
   left: -0.8rem;
   width: 24.0rem;
   padding: 1.4rem 2.2rem;
   line-height: 1.35em;
   background-color: #efeefb;
   border-radius: 0.4rem;
}

.database__hint:hover {
   display: block;
}

.database__hint::before {
   content: "";
   position: absolute;
   top: -0.9rem;
   right: 0;
   left: 0;
   height: 0.9rem;
   background-color: transparent;
}

.database__hint::after {
   content: "";
   position: absolute;
   top: -1.8rem;
   left: 2.8rem;
   width: 1.8rem;
   height: 1.8rem;
   border: 0.9rem solid transparent;
   border-bottom-color: #efeefb;
}

.database__hint .hint__title {
   display: block;
   color: #48406e;
}

.database__hint .hint__text {
   display: block;
   color: #48406e;
}

.database__hint .hint__price {
   display: block;
   padding-top: 1.2rem;
   color: #48406e;
}

.database__add-text {
   display: inline-block;
   vertical-align: top;
   width: 14.8rem;
   margin: 0.1rem 1.6rem 1.0rem 0;
}

.database__status {
   display: inline-block;
   vertical-align: top;
   width: 14.8rem;
   margin: 0.1rem 0 -0.1rem;
}

/* -- Add Text Form                                                        -- */

.add-text-form .form__textarea {
   height: 13.6rem;
   padding: 1.6rem 2.8rem;
   font-size: 2.0rem;
   color: #000000;
   border-radius: 0.9rem 0.9rem 0 0;
}

.add-text-form .form__textarea::-webkit-input-placeholder {
   color: #000000;
}

.add-text-form .form__textarea:-ms-input-placeholder {
   color: #000000;
}

.add-text-form .form__textarea::placeholder {
   color: #000000;
}

.add-text-form .form__textarea:hover {
   color: #765aa6;
   -webkit-box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.12);
           box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.12);
}

.add-text-form .form__textarea:hover::-webkit-input-placeholder {
   color: #765aa6;
}

.add-text-form .form__textarea:hover:-ms-input-placeholder {
   color: #765aa6;
}

.add-text-form .form__textarea:hover::placeholder {
   color: #765aa6;
}

.add-text-form .form__textarea:focus {
   color: #765aa6;
   -webkit-box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.12);
           box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.12);
}

.add-text-form .form__textarea:focus::-webkit-input-placeholder {
   color: #765aa6;
}

.add-text-form .form__textarea:focus:-ms-input-placeholder {
   color: #765aa6;
}

.add-text-form .form__textarea:focus::placeholder {
   color: #765aa6;
}

.add-text-form .form__submit {
   width: 100%;
   border-radius: 0 0 0.9rem 0.9rem;
}

/* -- MQueries -------------------------------------------------------------- */

@media (min-width: 33.8125em) {
   .button-simple--mega {
      padding: 0 5.0rem;
   }

   .modal-form__content {
      margin-top: 3.2rem;
   }

   .modal-form__close {
      width: 4rem;
      height: 4rem;
      background-size: 2.4rem 2.4rem;
   }

   .order-form {
      margin-top: 3.2rem;
   }

   .hero__title {
      font-size: 7.4rem;
   }

   .hero__action .action__price {
      display: inline-block;
      height: 100%;
      border-radius: 0 0.9rem 0.9rem 0;
   }

   .hero__action .action__price::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -0.4rem;
      width: 0.5rem;
      background-image: url(images/content/hero/border.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 0.5rem 7.2rem;
   }

   .domain-info__title {
      font-size: 7.4rem;
   }

   .domain-info__price {
      height: 6.0rem;
      padding: 0 2.0rem 0 1.0rem;
      line-height: 6.0rem;
      font-size: 4.05rem;
   }

   .domain-info__price::before {
      left: -3.1rem;
      width: 3.3rem;
      height: 6.0rem;
      background-size: 3.3rem 6.0rem;
   }

   .error__name {
      padding: 0 4.0rem;
   }

   .error__desc {
      padding: 0 5.6rem;
   }

   .add-text-form .form__textarea {
      font-size: 2.2rem;
   }
}

@media (min-width: 56.3125em) {
   .common__basic {
      padding-bottom: 4.8rem;
   }

   .common__special {
      height: calc(100vh - 9.6rem - 11rem);
   }

   .main-nav__list {
      display: block;
      text-align: right;
   }

   .main-nav__item {
      display: inline-block;
   }

   .main-nav__item:not(:last-of-type) {
      margin-right: 4.8rem;
   }

   .main-nav__link {
      display: block;
      height: 9.6rem;
      margin: 0 -2.4rem;
      padding: 0 2.4rem;
      font-family: "PT Sans", sans-serif;
      line-height: 9.6rem;
      font-size: 1.8rem;
      font-weight: 700;
      color: #ffffff;
      border-bottom: 0.5rem solid transparent;
   }

   .main-nav__link:hover,
   .main-nav__link:focus {
      color: #ffffff;
      background-color: transparent;
      border-color: #b498e4;
   }

   .main-nav__menu {
      display: none;
   }

   .search {
      width: 66.66666667%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .search--mega {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .filter {
      width: 33.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .simple-form__title {
      padding: 0 4.8rem;
   }

   .modal-form {
      max-width: 68.0rem;
   }

   .modal-form__header {
      padding: 0 4.8rem;
   }

   .modal-form__text {
      margin-bottom: 5.6rem;
      font-size: 2.2rem;
   }

   .order-form__item:not(:last-of-type) {
      padding: 0 4.8rem;
   }

   .order-form__half {
      width: 50%;
   }

   .order-form__half:first-of-type {
      padding-right: 1.2rem;
   }

   .order-form__half:last-of-type {
      padding-left: 1.2rem;
   }

   .order-form__half:not(:last-of-type) {
      margin-bottom: 0;
   }

   .hero {
      padding-top: 11.2rem;
      padding-bottom: 21.0rem;
   }

   .hero__desc {
      width: 66.66666667%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .hero__action {
      padding-right: 7.0rem;
      padding-left: 7.0rem;
   }

   .hero__action .action__price {
      margin: 0 -7rem 0 7rem;
      padding: 0 3.6rem;
   }

   .hero__more {
      width: 66.66666667%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .domain-info__about {
      width: 58.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      float: left;
      margin-top: 3.0rem;
      padding-right: 2.4rem;
   }

   .domain-info__header {
      text-align: left;
   }

   .domain-info__title {
      padding-left: 0;
   }

   .domain-info__text {
      max-width: none;
      text-align: left;
   }

   .domain-info__action {
      width: 41.66666667%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      float: left;
   }

   .article {
      width: 83.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .article__info .info__item {
      display: inline-block;
      width: 50%;
   }

   .questions {
      width: 83.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .questions__title:not(:first-of-type) {
      margin-top: 3.2rem;
   }

   .questions__title {
      font-size: 3rem;
   }
}

@media (min-width: 71.3125em) {
   .header {
      padding-right: 5.6rem;
      padding-left: 5.6rem;
   }

   .common {
      padding-right: 5.6rem;
      padding-left: 5.6rem;
   }

   .footer {
      padding-right: 5.6rem;
      padding-left: 5.6rem;
   }

   .domains__list .list__item {
      width: 22.25%;
      padding-left: 2.0rem;
   }

   .domain-info__about {
      width: 50%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      margin-top: 9.0rem;
   }

   .domain-info__title {
      display: inline-block;
   }

   .domain-info__price {
      margin-left: 5.2rem;
   }

   .domain-info__action {
      width: 50%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }
}

@media (min-width: 92.5625em) {
   .manager__nav {
      padding: 0 4rem;
   }

   .manager__tabs {
      padding-left: 8vw;
   }

   .manager__tabs .tabs__link {
      padding: 0 3.8rem;
   }

   .manager__tabs .tabs__link.is-active {
      margin: 0 2.0rem;
   }

   .database__column:first-of-type {
      padding-left: 4rem;
   }

   .database__column:last-of-type {
      width: 35.2rem;
      padding-right: 4rem;
   }

   .database__hint {
      top: 75%;
   }

   .database__add-text {
      margin-bottom: -0.1rem;
   }
}

@media (max-width: 33.75em) {
   .common__basic {
      padding-bottom: 1.2rem;
   }

   .button-simple--mega {
      font-size: 2.43rem;
   }

   .search {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .search--mega {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .filter {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      margin-top: 2.4rem;
   }

   .modal-form__content {
      margin-top: 2.4rem;
   }

   .modal-form__text {
      margin-bottom: 2.8rem;
      font-size: 2.0rem;
   }

   .modal-form__close {
      width: 3.4rem;
      height: 3.4rem;
      background-size: 1.8rem 1.8rem;
   }

   .order-form {
      margin-top: 2.4rem;
   }

   .domains__list .list__item {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      max-width: 24.5rem;
      padding-left: 2.0rem;
   }

   .hero {
      max-width: 38.0rem;
      margin: 0 auto;
      padding-top: 4.8rem;
      padding-bottom: 11.2rem;
   }

   .hero__title {
      font-size: 5.2rem;
   }

   .hero__desc {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .hero__action {
      border-radius: 0.9rem 0.9rem 0 0;
   }

   .hero__action .action__price {
      width: calc(100% + 2.4rem * 2);
      margin: 0 -2.4rem;
   }

   .hero__more {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .domain-info__title {
      font-size: 5.2rem;
   }

   .domain-info__action {
      margin-top: 4.8rem;
   }
}

@media (min-width: 33.8125em)
                    and (max-width: 56.25em) {
   .header {
      padding-right: 3.2rem;
      padding-left: 3.2rem;
   }

   .common {
      padding-right: 3.2rem;
      padding-left: 3.2rem;
   }

   .common__basic {
      padding-bottom: 2.4rem;
   }

   .footer {
      padding-right: 3.2rem;
      padding-left: 3.2rem;
   }

   .main-nav__link {
      line-height: 4.8rem;
      font-size: 2.2rem;
   }

   .search {
      width: 50%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .search--mega {
      width: 100%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .filter {
      width: 50%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .modal-form__text {
      margin-bottom: 3.8rem;
      font-size: 2.1rem;
   }

   .domains__list .list__item {
      width: 50%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      padding-left: 2.0rem;
   }

   .hero {
      padding-top: 7.2rem;
      padding-bottom: 16.0rem;
   }

   .hero__desc {
      width: 83.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .hero__action .action__price {
      margin: 0 -2.4rem 0 2.4rem;
   }

   .hero__more {
      width: 83.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
   }

   .domain-info__action {
      margin-top: 4.8rem;
   }
}

@media (min-width: 56.3125em)
                    and (max-width: 71.25em) {
   .header {
      padding-right: 4.0rem;
      padding-left: 4.0rem;
   }

   .common {
      padding-right: 4.0rem;
      padding-left: 4.0rem;
   }

   .footer {
      padding-right: 4.0rem;
      padding-left: 4.0rem;
   }

   .domains__list .list__item {
      width: 33.33333333%;
      padding-right: 0.8rem;
      padding-left: 0.8rem;
      padding-left: 2.0rem;
   }
}

@media (min-width: 71.3125em)
                    and (max-width: 92.5em) {
   .manager__nav {
      padding: 0 2.5rem;
   }

   .database__column:first-of-type {
      padding-left: 2.5rem;
   }

   .database__column:last-of-type {
      width: 17.3rem;
      padding-right: 2.5rem;
   }
}

@media print {
   *,
   *::after,
   *::before,
   div::first-line,
   div::first-letter,
   li::first-line,
   li::first-letter,
   p::first-line,
   p::first-letter,
   blockquote::first-line,
   blockquote::first-letter {
      text-shadow: none !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
   }

   a,
   a:visited {
      text-decoration: underline;
   }

   abbr[title]::after {
      content: " (" attr(title) ")";
   }

   pre {
      white-space: pre-wrap !important;
   }

   blockquote,
   pre {
      border: 1px solid #999999;
      page-break-inside: avoid;
   }

   thead {
      display: table-header-group;
   }

   img,
   tr {
      page-break-inside: avoid;
   }

   h2,
   h3,
   p {
      orphans: 3;
      widows: 3;
   }

   h2,
   h3 {
      page-break-after: avoid;
   }

   table {
      border-collapse: collapse !important;
   }

   table td,
   table th {
      background-color: #ffffff !important;
   }
}