/* cmsms stylesheet: Variables modified: wtorek, 27 stycznia 2026 13:07:57 */
:root {--scale: 1;--font: "Roboto Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;--font-sub: "PT Sans Narrow", "Roboto Condensed", Tahoma, Verdana, Arial, Helvetica, sans-serif;}/* cmsms stylesheet: Modal modified: wtorek, 1 lutego 2022 22:54:07 */
.comp-soul-modal-container {align-items: center;background: #ffffff;bottom: 0;display: flex;flex-flow: wrap row;justify-content: center;left: 0;opacity: 0;pointer-events: none;position: fixed;right: 0;top: 0;transition: opacity 0.4s;will-change: opacity;z-index: 6;}.comp-soul-modal-container.modal-active {opacity: 1;pointer-events: auto;}.comp-soul-modal-container.modal-close {pointer-events: auto;}.modal-unset, .modal-unset:before, .modal-unset:after, .comp-soul-modal-container.modal-unset, .comp-soul-modal-main.modal-unset {animation: unset !important;transition: none !important;}.comp-soul-modal-container:before {animation: comp-soul-modal-loading 1s infinite;border-bottom: 0.5em solid #48484800;border-left: 0.5em solid #484848;border-right: 0.5em solid #484848;border-top: 0.5em solid #48484800;border-radius: 100%;box-sizing: content-box;content: "";font-size: 4px;height: 6em;left: 50%;opacity: 1;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0);transition: opacity 0.4s;will-change: opacity;width: 6em;}.comp-soul-modal-container.modal-ready:before, .comp-soul-modal-container.modal-error:before {animation-play-state: paused;opacity: 0;}@keyframes comp-soul-modal-loading {from {transform: translate3d(-50%, -50%, 0) rotate(0deg);}to {transform: translate3d(-50%, -50%, 0) rotate(360deg);}}.comp-soul-modal-container:after {color: #ffffff;content: "\26A0";font-size: 42px;font-weight: 200;left: 50%;margin: -6px 0 0 0;opacity: 0;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0);transition: opacity 0.4s;will-change: opacity;}.comp-soul-modal-container.modal-error:after {opacity: 1;}.comp-soul-modal-container.modal-second {background: none;bottom: 32px;box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);left: 50%;max-height: calc(100% - 96px);right: auto;top: auto;transform: translate(-50%, 0);width: 780px;}.comp-soul-modal-container .comp-soul-modal-approve {float: right;margin: 28px -58px 0 0;}.comp-soul-modal-main {background: #ffffff;display: flex;flex: 1 100%;max-height: calc(100% - 128px);max-width: 964px;opacity: 1;padding: 32px;position: relative;z-index: 1;will-change: transform, opacity;}.comp-soul-modal-container.modal-second .comp-soul-modal-main {box-shadow: 0 0 40px 0 rgba(69, 79, 99, 0.2);transition: transform 0.4s, opacity 0.4s;max-height: 50vh;}.modal-change .comp-soul-modal-main {transition: transform 0.4s, opacity 0.4s;}.comp-soul-modal-main .comp-soul-modal-content {flex: 1 100%;overflow-y: auto;}.comp-soul-modal-container.modal-second .comp-soul-modal-main .comp-soul-modal-content {padding: 0 64px 0 0;}.comp-soul-modal-close {right: 40px;position: absolute;top: 8em;z-index: 2;}.comp-soul-modal-container.modal-second .comp-soul-modal-close {background: #ffffff;right: 38px;top: 28px;opacity: 0;transition: opacity 0.4s 0.4s;}.modal-ready.modal-active.modal-second .comp-soul-modal-close {opacity: 1;}.modal-cookies .comp-soul-modal-main {padding-left: 232px;position: relative;}.modal-cookies .comp-soul-modal-main:before {align-items: center;background: #000000;background-size: cover;bottom: 0;color: #e7a14f;content: "\e900";display: flex;font-size: 82px;justify-content: center;left: 0;position: absolute;top: 0;width: 200px;}.comp-soul-modal-next {right: 40px;position: absolute;top: 50%;transform: translate3d(0, -50%, 0);z-index: 2;}.comp-soul-modal-prev {left: 40px;position: absolute;top: 50%;transform: translate3d(0, -50%, 0);z-index: 2;}.comp-soul-modal-close, .comp-soul-modal-next, .comp-soul-modal-prev {background: none;border: none;cursor: default;font-size: 4px;height: 10em;opacity: 0;outline: 1px solid #e7a14f00;padding: 0;text-align: center;transition: opacity 0.4s;width: 10em;}.comp-soul-modal-close, .comp-soul-modal-next.modal-active, .comp-soul-modal-prev.modal-active {cursor: pointer;opacity: 1;}.comp-soul-modal-close:before, .comp-soul-modal-close:after, .comp-soul-modal-next:before, .comp-soul-modal-prev:before {border-top: 0.5em solid #484848;border-right: 0.5em solid #484848;box-sizing: content-box;content: "";cursor: pointer;display: inline-block;height: 3em;padding: 0 0 0.5em 0.5em;transform: rotate(45deg) translate3d(-25%, 25%, 0);transition: opacity 0.4s, border 0.4s;width: 3em;}.comp-soul-modal-close:hover:before, .comp-soul-modal-close:hover:after, .comp-soul-modal-next:hover:before, .comp-soul-modal-prev:hover:before {border-top: 0.5em solid #e7a14f;border-right: 0.5em solid #e7a14f;}.comp-soul-modal-close:after, .comp-soul-modal-prev:before {transform: rotate(-135deg) translate3d(-25%, 25%, 0);}.comp-soul-modal-close:before {transform: rotate(45deg) translate3d(-10%, 10%, 0);}.comp-soul-modal-close:after {transform: rotate(-135deg) translate3d(-10%, 10%, 0);}.comp-soul-modal-timer {height: 3px;left: 0;overflow: hidden;position: absolute;top: 0;z-index: 5;width: 100%;}.comp-soul-modal-timer:before {animation: comp-soul-slide-timeline 8s linear forwards;animation-play-state: paused;background: #e7a14f;content: "";display: block;height: 100%;transform: translate3d(-100%, 0, 0);width: 100%;}.modal-ready .comp-soul-modal-timer:before {animation-play-state: running;}.comp-soul-modal-container:hover .comp-soul-modal-timer:before {animation-play-state: paused;}@keyframes comp-soul-slide-timeline {from {transform: translate3d(-100%, 0, 0);}to {transform: translate3d(0, 0, 0);}}@media (max-width: 1100px) {.comp-soul-modal-container.modal-second {bottom: 16px;max-width: calc(100% - 64px);}.comp-soul-modal-main {box-sizing: border-box;max-width: calc(100% - 64px);}.comp-soul-modal-container.modal-second .comp-soul-modal-main {max-width: 100%;max-height: 80vh;padding: 32px;}.comp-soul-modal-container.modal-second .comp-soul-modal-main:before {display: none;}.comp-soul-modal-container.modal-second .comp-soul-modal-close {top: 8px;right: 8px;}.comp-soul-modal-container.modal-second .comp-soul-modal-main .comp-soul-modal-content {padding: 0 32px 0 0;}.comp-soul-modal-container .comp-soul-modal-approve {margin: 24px -32px 0 0;}}@media (max-width: 640px) {.comp-soul-modal-container.modal-second {bottom: 16px;max-width: calc(100% - 32px);}.comp-soul-modal-main {max-width: calc(100% - 32px);padding: 16px;}.comp-soul-modal-container .comp-soul-modal-approve {margin: 16px -32px 0 0;}}
/* cmsms stylesheet: Reset modified: piątek, 23 lipca 2021 11:03:36 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {border: 0;font-size: 100%;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: "";content: none;}table {border-collapse: collapse;border-spacing: 0;}
/* cmsms stylesheet: Fonts modified: sobota, 9 października 2021 22:31:04 */
@font-face {font-family: "Roboto Condensed";font-weight: 300;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed-300.woff") format("woff");font-display: swap;}@font-face {font-family: "Roboto Condensed";font-style: italic;font-weight: 300;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed-300-italic.woff") format("woff");font-display: swap;}@font-face {font-family: "Roboto Condensed";font-weight: 400;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed.woff") format("woff");font-display: swap;}@font-face {font-family: "Roboto Condensed";font-style: italic;font-weight: 400;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed-italic.woff") format("woff");font-display: swap;}@font-face {font-family: "Roboto Condensed";font-weight: 700;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed-700.woff") format("woff");font-display: swap;}@font-face {font-family: "Roboto Condensed";font-style: italic;font-weight: 700;src: url("https://compsoul.pl/uploads/fonts/roboto-condensed-700-italic.woff") format("woff");font-display: swap;}@font-face {font-family: "PT Sans Narrow";font-weight: 400;src: url("https://compsoul.pl/uploads/fonts/pt-sans-narrow.woff") format("woff");font-display: swap;}@font-face {font-family: Icon;src: url("https://compsoul.pl/uploads/fonts/icons.woff") format("woff");font-weight: normal;font-style: normal;font-display: block;}
/* cmsms stylesheet: Style modified: piątek, 10 marca 2023 11:11:35 */
:root {--scale: 1;}html {line-height: 1.15;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}body {background: #fafbfd;display: flex;flex-flow: row wrap;font-family: var(--font);position: relative;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {text-decoration: none;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: 700;}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;}img {border-style: none;height: auto;max-width: 100%;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button,[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: 1px dotted ButtonText;}fieldset {border: none;padding: 0;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {opacity: 1;}input::-moz-placeholder,textarea::-moz-placeholder {opacity: 1;}input:-ms-input-placeholder,textarea:-ms-input-placeholder {opacity: 1;}input:-moz-placeholder,textarea:-moz-placeholder {opacity: 1;}input::placeholder,textarea::placeholder {opacity: 1;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {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: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}.color-scheme {position: relative;height: 64px;width: 128px;}.color-scheme:before {bottom: 0;color: #ffffff;left: 0;position: absolute;right: 0;text-shadow: 0 1px 2px #000000;top: 0;}#tinymce {margin: 32px;}.color-scheme.main:before {background: #e7a14f;content: "main #e7a14f";}.color-scheme.sub:before {background: #484848;content: "sub #484848";}.color-scheme.c1:before {background: #000000;content: "1 #000000";}.color-scheme.c2:before {background: #ffffff;content: "2 #ffffff";}.color-scheme.c3:before {background: #0d0201;content: "3 #0d0201";}.color-scheme.c4:before {background: #464341;content: "4 #464341";}.color-scheme.c5:before {background: #808184;content: "5 #808184";}.color-scheme.c6:before {background: #b9b9b9;content: "6 #b9b9b9";}.color-scheme.c7:before {background: #eb3223;content: "7 #eb3223";}.color-scheme.c8:before {background: #c9a725;content: "8 #c9a725";}.color-scheme.c9:before {background: #484848;content: "9 #484848";}.color-scheme.c10:before {background: #d6b772;content: "10 #d6b772";}.color-scheme.c11:before {background: #eddcab;content: "11 #eddcab";}.container {box-sizing: border-box;padding: 0 calc((100vw - 1020px) / 2);width: 100%;}.container .container {padding: 0;}.mobile {display: none;}.module {padding-bottom: 104px;padding-top: 104px;position: relative;z-index: 0;}.module .module {padding-bottom: 0;padding-top: 0;}.module + .module,.module + .layout {padding-top: 0;}.module-second {background: #1f2240;padding-bottom: 104px;padding-top: 104px;}.module-second + .module,.module-second + .layout {padding-top: 104px;}.module-second .heading {color: #e7a14f;font-size: 84px;margin: 0 0 34px;text-align: center;text-transform: uppercase;}.module-second .module-heading {color: #ffffff;font-size: 62px;text-transform: none;}.module-second .subtitle {color: #d7d8ed;}.module-second .module-content {color: #ffffff;margin: 0 0 34px;}.module-second .module-content:last-child {margin: 0;}.module-background {bottom: 0;filter: saturate(50%) hue-rotate(-30deg);left: 0;object-fit: cover;position: absolute;right: 0;top: 0;z-index: -1;}.module-background:before {background: #290b51;bottom: 0;content: "";left: 0;opacity: 0.7;position: absolute;right: 0;top: 0;z-index: 1;}.module-background img {height: 100%;filter: grayscale(1);object-fit: cover;width: 100%;}.module-more {text-align: center;}.layout {padding-bottom: 104px;padding-top: 104px;}.layout + .layout,.layout + .module {padding-top: 0;}.layout .layout-heading,.module .module-heading  {text-align: center;margin-top: 104px;}.layout .layout-heading:first-child,.module .module-heading:first-child {margin-top: 0;}.layout .layout-module,.module .module-app {margin: 104px 0;}.layout .layout-module:first-child,.module .module-app:first-child {margin-top: 0;}.layout .layout-module:last-child,.module .module-app:last-child  {margin-bottom: 0;}.layout-content {margin: 0 0 21px;}.layout-content:last-child {margin-bottom: 0;}.layout-code {margin: 0 0 21px;}.layout-template {align-items: center;display: flex;flex-flow: row nowrap;justify-content: flex-start;padding-bottom: 110px;padding-top: 110px;}.layout-template + .layout-template,.layout + .layout-template {padding-top: 0;}.layout-template-second {background: #1f2240;color: #d7d8ed;}.layout-template-second + .layout-template,.layout-template + .layout-template-second {padding-top: 110px;}.layout-template-second .heading {color: #ffffff;}.layout-template-second .content {color: #d7d8ed;}.layout-template-column {display: block;padding-left: calc((100vw - 1020px) / 2);padding-right: calc((100vw - 1020px) / 2);text-align: center;}.layout-template .layout-template-content {flex: 1 100%;margin: 0 0 0 calc((50% - 500px) / 2);min-width: 380px;max-width: 26vw;order: -1;}.layout-template:nth-child(even) .layout-template-content {margin: 0 calc((50% - 500px) / 2) 0 0;max-width: 38vw;order: 1;}.layout-template-column .layout-template-content {margin: 0;max-width: none;}.layout-template-column .layout-template-main {text-align: left;}.layout-template .layout-template-nav {margin: 64px 0 0;}.layout-template .layout-template-button {margin: 0 21px 0 0;}.layout-template-second .layout-template-button.button-second:before {opacity: 0;}.layout-template .layout-template-module {flex: 1;position: relative;padding: 0 16px;}.layout-template .layout-template-report {flex: 1;margin: 64px 0 0;}.layout-template .layout-template-module .laptop {padding-top: 0;width: 100%;}.layout-template .layout-template-score-content {display: flex;justify-content: space-between;}.layout-template-details {align-items: start;display: flex;flex-flow: row wrap;justify-content: space-between;}.layout-template-details .layout-template-content {flex: 1 100%;}.layout-template .layout-template-score-link {color: #484848;display: block;}.layout-template .layout-template-score {align-items: center;border: 8px solid #a3a3a3;border-radius: 100%;display: flex;font-size: 32px;height: 134px;justify-content: center;position: relative;width: 134px;}.layout-template .layout-template-score:before,.layout-template .layout-template-diagram {border: 16px solid #e7a14f00;border-right: 16px solid #e7a14f;border-top: 16px solid #e7a14f;border-radius: 100%;bottom: -12px;content: "";left: -12px;position: absolute;right: -12px;top: -12px;}.layout-template .layout-template-score-item {margin: 0 auto 0 0;}.layout-template .layout-template-score-heading {font-size: 18px;margin: 32px 0 0;transition: color 0.4s;}.layout-template .layout-template-score-link:hover .layout-template-score-heading,.layout-template .layout-template-score-link:focus .layout-template-score-heading  {color: #e7a14f;}.layout-template .layout-template-rating {border: 1px solid #a3a3a3;color: #484848;font-size: 72px;font-weight: bold;margin: 64px 0 0 0;padding: 32px;}.layout-template .layout-template-rating-heading {font-size: 24px;}.heading {color: #484848;font-family: var(--font-sub);font-size: 62px;font-weight: 400;line-height: 1;margin: 0 0 21px;}.heading-second {color: #484848;font-family: var(--font-sub);font-size: 48px;font-weight: 400;line-height: 1;margin: 0 0 21px;}.headline {font-size: 62px;margin: 0 0 48px;text-align: center;}.subtitle {color: #a3a3a3;display: block;font-size: 24px;line-height: 1;margin: 12px 0 0;text-align: center;text-transform: none;}.subtitle:after {background: #e7a14f;border-radius: 20px;content: "";display: block;height: 6px;margin: 16px auto 0;width: 30px;}.content {color: #484848;font-family: var(--font);font-size: 21px;line-height: 1.4;}.content a {background: #e7a14f00;color: #e7a14f;position: relative;text-decoration: none;transition: background 0.4s, color 0.4s;z-index: 0;}.content a:hover,.content a:focus {background: #e7a14fff;color: #ffffff;}.content address, .content article, .content aside, .content blockquote, .content details, .content dialog, .content dd, .content dl, .content dt, .content fieldset, .content figcaption, .content figure, .content footer, .content form, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content header, .content hgroup, .content hr, .content main, .content nav, .content p, .content pre, .content section, .content table, .content ul, .content ol, .content img {margin-bottom: 21px;}.content address:last-child, .content article:last-child, .content aside:last-child, .content blockquote:last-child, .content details:last-child, .content dialog:last-child, .content dd:last-child, .content dl:last-child, .content dt:last-child, .content fieldset:last-child, .content figcaption:last-child, .content figure:last-child, .content footer:last-child, .content form:last-child, .content h1:last-child, .content h2:last-child, .content h3:last-child, .content h4:last-child, .content h5:last-child, .content h6:last-child, .content header:last-child, .content hgroup:last-child, .content hr:last-child, .content main:last-child, .content nav:last-child, .content p:last-child, .content pre:last-child, .content section:last-child, .content table:last-child, .content ul:last-child, .content ol:last-child, .content img:last-child {margin-bottom: 0;}.content h1 {font-size: 72px;}.content h2 {font-size: 52px;}.content h3 {font-size: 42px;padding-top: 21px;}.content h4 {font-size: 32px;padding-top: 21px;}.content h5 {font-size: 22px;padding-top: 21px;}.content h6 {font-size: 18px;padding-top: 21px;}h1, h2, h3, h4, h5, h6 {color: #484848;font-family: var(--font);font-weight: 400;}.content h1 span, .content h2 span, .content h3 span,.content h4 span, .content h5 span, .content h6 span {font-weight: 400;letter-spacing: -0.2px;}.content h1 strong, .content h2 strong, .content h3 strong,.content h4 strong, .content h5 strong, .content h6 strong {font-weight: 700;letter-spacing: -0.2px;}.content ul, .content ol {overflow: hidden;}.content ul li {padding: 0 0 0 28px;position: relative;margin: 0 0 12px;}.content ul li:last-child {margin: 0;}.content ul li:before {background: #e7a14f;border-radius: 100%;content: "";display: inline-block;height: 6px;margin: -4px 21px 0 -28px;vertical-align: middle;width: 6px;}.content ul:not(:last-child) {margin-bottom: 21px;overflow: hidden;}.content ul ul, .content ol ul {margin: 10px 0 12px;}.content ul ul ul, .content ul ol ol, .content ul ul ol {margin: 10px 0 0;}.content ul li:last-child ul {margin: 10px 0 0;}.content ol {counter-reset: li;list-style-type: none;overflow: hidden;padding: 0;}.content ol ol, .content ol ul {margin: 10px 0 12px;padding: 0 0 0 28px;}.content ol ol ol, .content ol ul ol, .content ol ul ul {margin: 10px 0 0;}.content ol li {counter-increment: li;margin: 0 0 12px;}.content ol li:last-child {margin: 0;}.content ol li:before {color: #e7a14f;content: counters(li, ".") ". ";}.content ol li ol li:before {content: counters(li, ".") " ";}.content hr {border: none;border-bottom: 1px solid #484848;clear: both;display: block;font-size: 0;height: 1px;overflow: hidden;}.content blockquote {color: #484848;font-size: 21px;position: relative;padding: 48px 0 0;z-index: 0;}.content blockquote:before {color: #e7a14f;content: "“";display: block;font-size: 130px;font-weight: 700;left: -6px;line-height: 0.30;margin: 0;position: absolute;top: 32px;z-index: -1;}.content table {background: #ffffff;border-radius: 5px;}.content table tr {position: relative;z-index: 0;}.content table tr:after {bottom: 0;box-shadow: 0px 0px 28px #00000033;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.4s;z-index: -1;}.content table tr:hover:after {opacity: 1;}.content table td:first-child:after {background: #25294c;border-radius: 20px;content: "";display: block;height: 5px;margin: 21px 0;width: 21px;}.content table td,.content table th  {font-size: 16px;padding: 16px;}.content table tr:first-child {color: #ffffff;font-size: 18px;font-weight: 400;line-height: 1;z-index: 1;}.content table tr:first-child:after {display: none;}.content table tr:first-child + tr {margin-top: 21px;}.content table tr:first-child td,.content table tr:first-child th {background: #25294c;font-size: 18px;padding: 21px 16px;text-align: left;}.content table tr:first-child td:first-child,.content table tr:first-child th:first-child {border-radius: 5px 0 0 0;}.content table tr:first-child td:last-child,.content table tr:first-child th:last-child {border-radius: 0 5px 0 0;}.hidden {border: 0 !important;height: 1px !important;opacity: 0;overflow: hidden;padding: 0 !important;pointer-events: none;position: absolute !important;width: 1px !important;}.icon:before,.icon:after,.icon-before:before,.icon-after:after,[data-icon]:before,[data-icon]:after {font-family: Icon, Tahoma, Verdana, Segoe, sans-serif !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}[data-icon="apple"]:before, [data-icon="apple"]:after {content: "\e901";}[data-icon="compsoul"]:before, [data-icon="compsoul"]:after {content: "\e92e";}[data-icon="html"]:before, [data-icon="html"]:after {content: "\e921";}[data-icon="css"]:before, [data-icon="css"]:after {content: "\e920";}[data-icon="js"]:before, [data-icon="js"]:after {content: "\e922";}[data-icon="ps"]:before, [data-icon="ps"]:after {content: "\e92a";}.columns {columns: 2;column-gap: 84px;}.button {background: none;border-radius: 5px;border: 1px solid #e7a14f;color: #e7a14f;cursor: pointer;display: inline-block;font-size: 21px;font-family: var(--font);font-weight: 400;padding: 14px 28px;position: relative;text-decoration: none;transition: color 0.4s;z-index: 0;}.button:before {background: #e7a14f;bottom: 0;content: "";cursor: pointer;left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.4s;z-index: -1;}.button:hover,.button:focus {color: #fff;}.button:hover:before,.button:focus:before {opacity: 1;}.button.button-second {border: 1px solid #fff;color: #fff;}.button.button-second:before {background: #ffffff;opacity: 0.1;}.button.button-second:hover,.button.button-second:focus {color: #25294c;}.button.button-second:hover:before,.button.button-second:focus:before {opacity: 1;}.button.button-third {border: 1px solid #1f2240;color: #1f2240;}.button.button-third:before {background: #1f2240;opacity: 0;}.button.button-third:hover,.button.button-third:focus {color: #fff;}.button.button-third:hover:before,.button.button-third:focus:before {opacity: 1;}.button-menu {align-items: center;background: none;border: none;box-sizing: content-box;color: #484848;cursor: pointer;display: flex;flex-flow: row wrap;font-size: 18px;justify-content: space-between;line-height: 1.4;padding: 14px 20px;position: relative;text-transform: uppercase;transition: color 0.4s;}.button-menu:hover,.button-menu:focus {color: #e7a14f;}.button-menu:before {background: #e7a14f;content: "";display: block;height: 2px;position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);width: 13px;}.button-menu:after {border-bottom: 2px solid #e7a14f;border-top: 2px solid #e7a14f;display: block;content: "";height: 8px;margin: 0 0 0 16px;width: 13px;}.button-close {align-items: center;background: none;border: none;cursor: pointer;display: flex;flex-flow: row wrap;padding: 0;text-align: center;}.button-close:after {content: "\e903";}.button-scroll {align-items: center;animation: button-scroll 1.6s linear infinite;animation-play-state: paused;border: none;background: none;cursor: pointer;display: flex;font-size: 1px;flex-flow: column wrap;padding: 0;position: relative;}.active .button-scroll {animation-play-state: running;}@keyframes button-scroll {0% {opacity: 1;transform: translate(0, 0);}50% {opacity: 0.2;transform: translate(0, 50%);}100% {opacity: 1;transform: translate(0, 0);}}.button-scroll:before {border: 2em solid #ffffff;border-radius: 10em;content: "";display: block;height: 32em;width: 16em;z-index: 1;}.button-scroll:after {animation: button-scroll-after 1.6s linear infinite;animation-play-state: paused;background: #ffffff;border-radius: 100%;content: "";height: 4em;left: 50%;margin: 0 0 0 -2em;position: absolute;top: 4em;width: 4em;z-index: 1;}.active .button-scroll:after {animation-play-state: running;}@keyframes button-scroll-after {0% {opacity: 1;transform: translate(0, 0);}50% {opacity: 0;transform: translate(0, 24em) scale(0);}100% {opacity: 1;transform: translate(0, 0);}}.button-scroll-text {animation: button-scroll-text 1.6s linear infinite;animation-play-state: paused;color: #ffffff;font-family: var(--font);font-size: 16em;transform: translate(0, 0.5em);}.active .button-scroll-text {animation-play-state: running;}@keyframes button-scroll-text {0% {transform: translate(0, 0.5em);}50% {transform: translate(0, 0);}100% {transform: translate(0, 0.5em);}}.form {text-align: right;}.form .form-fieldset {text-align: left;}.form .form-input,.form .form-textarea {background: none;border: 1px solid #a3a3a3;border-radius: 5px;box-sizing: border-box;color: #a3a3a3;font-family: var(--font);font-size: 16px;font-weight: 400;line-height: 1.4;margin: 0 0 16px;padding: 14px 24px;resize: none;width: 100%;}.form .form-input::-webkit-input-placeholder,.form .form-textarea::-webkit-input-placeholder {color: #ccccd1;font-style: italic;}.form .form-input::-moz-placeholder,.form .form-textarea::-moz-placeholder {color: #ccccd1;font-style: italic;}.form .form-input:-ms-input-placeholder,.form .form-textarea:-ms-input-placeholder {color: #ccccd1;font-style: italic;}.form .form-input:-moz-placeholder,.form .form-textarea:-moz-placeholder {color: #ccccd1;font-style: italic;}.form .form-textarea {height: 140px;}.form .form-checkbox {display: flex;flex: 1 100%;flex-flow: row;justify-content: space-between;position: relative;}.form .form-checkbox .form-input-checkbox {flex: 1 100%;height: 26px;max-width: 26px;opacity: 0;}.form .form-checkbox .form-label {cursor: pointer;flex: 1;font-size: 14px;margin: -2px 0 0;padding: 0 0 0 8px;}.form .form-checkbox .form-label:before {cursor: pointer;content: "\e916";font-size: 18px;left: 4px;opacity: 0;position: absolute;top: 3px;transition: opacity 0.4s;}.form .form-checkbox .form-input-checkbox:checked + .form-label:before {opacity: 1;}.form .form-checkbox .form-label:after {border: 1px solid #e7a14f;cursor: pointer;content: "";height: 22px;left: 0;position: absolute;top: 0;transition: border 0.4s;width: 22px;}.form .form-checkbox .form-input-checkbox:invalid:focus + .form-label:after {border: 1px solid #e8534c;}.form .form-tags {display: flex;flex-flow: row wrap;margin: 0px -6px 12px;}.form .form-legend {color: #a3a3a3;display: block;font-size: 18px;flex-flow: 1 100%;line-height: 1.4;margin: 12px 0 0;text-align: center;text-transform: none;margin: 0 6px 6px;}.form .form-tag {display: none;}.form .form-tag-label {color: #484848;cursor: pointer;flex: 1;padding: 12px;position: relative;text-align: center;transition: color 0.4s;user-select: none;white-space: nowrap;z-index: 0;}.form .form-tag-label:last-child {flex: unset;margin: 0 auto 0 0;}.form .form-tag-label:before,.form .form-tag-label:after {background: #eeeeee;bottom: 6px;content: "";left: 6px;position: absolute;right: 6px;top: 6px;transition: opacity 0.4s;z-index: -2;}.form .form-tag-label:after {background: #e7a14f;opacity: 0;z-index: -1;}.form .form-tag:checked + .form-tag-label {color: #ffffff;}.form .form-tag:checked + .form-tag-label:after {opacity: 1;}.form .form-submit {margin: 24px 0 0;}.form .form-modal {text-align: left;}.form-modal {display: none;}.comp-soul-modal-container .form-modal,.order .form-modal,.contact-form .form-modal {display: block;}.placeholder {position: relative;}.placeholder .placeholder-label {background: #eeeeee;border-radius: 5px;color: #484848;font-size: 14px;left: 50%;opacity: 0;padding: 8px 16px;position: absolute;pointer-events: none;top: 0;transition: transform 0.4s, opacity 0.4s;transform: translate(-50%, -120%);}.placeholder .placeholder-input:focus + .placeholder-label, .placeholder .placeholder-textarea:focus + label {opacity: 1;pointer-events: auto;transform: translate(-50%, -102%);}.placeholder .placeholder-input:placeholder-shown + .placeholder-label, .placeholder .placeholder-textarea:placeholder-shown + .placeholder-label {opacity: 0;pointer-events: none;transform: translate(-50%, -120%);}.placeholder .placeholder-label:before {border-top: 6px solid #eeeeee;border-left: 4px solid transparent;border-right: 4px solid transparent;bottom: 0;content: "";height: 0;left: 50%;position: absolute;transform: translate(-50%, 100%);width: 0;}.form-second {text-align: right;}.form-second .form-fieldset {text-align: left;}.form-second .form-input,.form-second .form-textarea {background: #ffffff11;box-sizing: border-box;border-radius: 5px;border: none;color: #d7d8ed;font-family: var(--font);font-size: 16px;font-weight: 400;line-height: 1.4;margin: 0 0 8px;padding: 12px 18px;resize: none;width: 100%;}.form-second .form-textarea {height: 100px;}.form-second .form-checkbox {display: flex;flex: 1 100%;flex-flow: row;justify-content: space-between;position: relative;}.form-second .form-checkbox .form-input-checkbox {flex: 1 100%;height: 26px;max-width: 26px;opacity: 0;}.form-second .form-checkbox .form-label {color: #d7d8ed;cursor: pointer;flex: 1;font-size: 14px;margin: -2px 0 0;padding: 0 0 0 8px;}.form-second .form-checkbox .form-label:before {cursor: pointer;content: "\e916";font-size: 14px;left: 4px;opacity: 0;position: absolute;top: 3px;transition: opacity 0.4s;}.form-second .form-checkbox .form-input-checkbox:checked + .form-label:before {opacity: 1;}.form-second .form-checkbox .form-label:after {border: 1px solid #e7a14f;cursor: pointer;content: "";height: 18px;left: 0;position: absolute;top: 0;transition: border 0.4s;width: 18px;}.form-second .form-checkbox .form-input-checkbox:invalid:focus + .form-label:after {border: 1px solid #e8534c;}.form-second .form-submit.button {font-size: 16px;margin: 24px 0 0;padding: 12px 14px;}.form-second input::-webkit-input-placeholder,.form-second textarea::-webkit-input-placeholder {color: #d7d8ed;opacity: 1;}.form-second input::-moz-placeholder,.form-second textarea::-moz-placeholder {color: #d7d8ed;opacity: 1;}.form-second input:-ms-input-placeholder,.form-second textarea:-ms-input-placeholder {color: #d7d8ed;opacity: 1;}.form-second input:-moz-placeholder,.form-second textarea:-moz-placeholder {color: #d7d8ed;opacity: 1;}.form-second input::placeholder,.form-second textarea::placeholder {color: #d7d8ed;opacity: 1;}.link-icon {color: #484848;font-size: 18px;line-height: 1.4;padding: 16px 20px;text-decoration: none;transition: color 0.4s;}.link-icon:hover,.link-icon:focus {color: #25294c;}.editor {display: block;position: relative;width: 100%;z-index: 1;}.editor:before {background: linear-gradient(#ecebec, #d7d6d7);border-radius: 10px 10px 0 0;display: block;content: "";height: 38px;}.editor.editor-shadow:after {box-shadow: 0 0 3vw #00000099;border-radius: 10px;bottom: 4px;display: block;content: "";height: 30%;left: 50%;position: absolute;transform: translate(-50%, 0);width: 90%;z-index: -1;}.editor .editor-nav {align-items: center;display: flex;height: 38px;margin: -38px 0 0 0;padding: 0 8px;}.editor .editor-nav .editor-pseudo-element {background: #ff6961;border: 1px solid #e8534c;border-radius: 100%;height: 10px;margin: 4px;width: 10px;}.editor .editor-nav .editor-pseudo-element:nth-child(2) {background: #febf36;border: 1px solid #e7aa2d;}.editor .editor-nav .editor-pseudo-element:nth-child(3) {background: #34cd4b;border: 1px solid #33b742;}.editor .editor-nav .editor-button {align-items: center;background: #fdfdfe;border-bottom: 1px solid #c8c7c8;border-radius: 5px;color: #555555;cursor: pointer;font-size: 16px;display: flex;height: 22px;margin: 0 1px;justify-content: center;width: 26px;}.editor .editor-nav .editor-button:active {border-bottom: 1px solid #c8c7c800;transform: scale(0.9);}.editor .editor-nav .editor-pseudo-element + .editor-button {margin-left: 18px;}.editor .editor-nav .editor-button-copy:before {content: "\e902";}.editor .editor-nav .editor-button-close:before {content: "\e903";}.editor-close-input:checked + .editor .editor-button-close:before {content: "\e923";}.editor .editor-input {display: none;}.editor .editor-tab  {background: #171714;border-bottom: 1px solid #181a1f;color: #fdfdfe;font-size: 0;margin: 0;padding: 8px 64px 0;}.editor .editor-label {background: linear-gradient(#31332d, #272822);border-left: 1px solid #40413a;border-right: 1px solid #40413a;border-top: 1px solid #40413a;border-radius: 10px 10px 0 0;box-sizing: border-box;cursor: pointer;display: none;font-size: 12px;letter-spacing: 0.4px;margin: 0 16px -2px 0;padding: 8px 24px;position: relative;min-width: 120px;user-select: none;}.editor-input:checked + .editor-input + .editor-input + .editor-tab .editor-label:nth-child(1),.editor-input:checked + .editor-input + .editor-tab .editor-label:nth-child(2),.editor-input:checked + .editor-tab .editor-label:nth-child(3) {z-index: 2;}.editor .editor-label-active {display: inline-block;}.editor .editor-container {background: #272822;border-bottom: 1px solid #13150c;border-top: 1px solid #40413a;box-sizing: border-box;color: #a0a8b4;display: none;overflow: hidden;position: relative;z-index: 1;}.editor-input:checked + .editor-input + .editor-input + .editor-tab + .editor-container,.editor-input:checked + .editor-input + .editor-tab + .editor-container + .editor-container,.editor-input:checked  + .editor-tab + .editor-container + .editor-container + .editor-container {display: block;}.editor .editor-container:after {background: #555555;border-radius: 0 0 10px 10px;border-top: 1px solid #919092;display: block;content: "";height: 12px;margin: 0 0 -12px;}.editor .editor-code  {scrollbar-color: #555555 #272822;counter-reset: editor-line;display: flex;flex-flow: column nowrap;font-size: 16px;max-height: 600px;min-height: 120px;overflow: auto;padding: 32px 32px 32px 64px;}.editor .editor-code::-webkit-scrollbar,.editor .editor-code::-webkit-scrollbar-corner  {background: #272822;}.editor .editor-code::-webkit-scrollbar-thumb {background: #555555;}.editor-close-input:checked + .editor .editor-code {box-sizing: border-box;height: 142px;max-height: unset;min-height: unset;overflow: initial;overflow: clip;}.editor-close-input:checked + .editor .editor-code:after {background: #272822;bottom: 0;content: "";position: absolute;right: 0;top: 0;width: 18px;}.editor .editor-line,.code .code-line {counter-increment: editor-line;display: inline-block;line-height: 1.2;position: relative;width: 100%;}.editor .editor-line:hover,.code .code-line:hover {background: #2e2f29;}.editor .editor-line:before,.code .code-line:before {box-sizing: border-box;content: counter(editor-line);display: inline-block;margin: 0 0 0 -64px;opacity: 0.8;padding: 0 21px 0 0;text-align: right;width: 64px;}.editor .editor-line:hover:before,.code .code-line:hover:before {opacity: 1;}.editor-close-input:checked + .editor .editor-line {display: none;}.editor-close-input:checked + .editor .editor-line:nth-child(1),.editor-close-input:checked + .editor .editor-line:nth-child(2),.editor-close-input:checked + .editor .editor-line:nth-child(3),.editor-close-input:checked + .editor .editor-line:nth-child(4) {display: inline-block;}.code:not(.editor-code) {overflow: hidden;position: relative;z-index: 1;}.code:not(.editor-code):before {border: 1px solid #919092;bottom: 0;content: "";left: 0;outline: 1px dashed #555555;outline-offset: -2px;position: absolute;right: 0;top: 0;z-index: -1;}.code:not(.editor-code) code {scrollbar-color: #555555 #272822;background: #272822;border-bottom: 1px solid #13150c;border-top: 1px solid #40413a;box-sizing: border-box;color: #a0a8b4;counter-reset: editor-line;display: flex;flex-flow: column nowrap;font-size: 16px;max-height: 600px;overflow: auto;position: relative;padding: 32px 32px 32px 64px;z-index: 1;}.code:not(.editor-code) code::-webkit-scrollbar,.code:not(.editor-code) code::-webkit-scrollbar-corner {background: #272822;}.code:not(.editor-code) code::-webkit-scrollbar-thumb {background: #555555;}.code-inline {background: #272822;color: #a0a8b4;display: inline-block;font-size: 16px;padding: 2px;vertical-align: text-bottom;}.code .html-tag,.code-inline .html-tag {color: #e06c75;}.code .html-comment,.code-inline .html-comment {color: #5c6370;font-style: italic;}.code .html-attribute,.code-inline .html-attribute {color: #d19a66;}.code .html-attribute-id,.code-inline .html-attribute-id {color: #61afef;}.code .html-attribute-value,.code-inline .html-attribute-value {color: #98c379;}.code .css-tag,.code-inline .css-tag {color: #e06c75;}.code .css-id,.code-inline .css-id {color: #61afef;}.code .css-class,.code-inline .css-class {color: #d19a66;}.code .css-comma,.code-inline .css-comma {color: #c678be;}.code .css-pseudo,.code-inline .css-pseudo {color: #b778dd;}.code .css-unit,.code-inline .css-unit {color: #d19a66;}.code .css-number,.code-inline .css-number {color: #d19a66;}.code .css-hash,.code-inline .css-hash {color: #d19a66;}.code .css-color,.code-inline .css-color {color: #3aa9c2;}.code .css-text,.code-inline .css-text {color: #8ab958;}.editor-demo {margin-bottom: 82px;margin-top: 104px;text-align: center;}.layout-code:last-child .editor-demo {margin-bottom: 0;}.editor-demo .editor-demo-button {background: #fafbfd;position: relative;z-index: 1;}.editor-demo .editor-demo-button .editor-demo-hiden {display: none;}.editor-demo .editor-demo-input:checked + .editor-demo-button .editor-demo-hiden {display: block;}.editor-demo .editor-demo-input:checked + .editor-demo-button .editor-demo-show {display: none;}.editor-demo .editor-demo-container {display: none;margin-top: 64px;}.container .editor-demo-container {margin: 0 calc((100vw - 1020px) / 2 * -1);}.editor-demo .editor-demo-container.editor-demo-load,.editor-demo .editor-demo-input:checked + .editor-demo-button + .editor-demo-container {display: block;}.editor-demo-container .editor-demo-iframe {height: 100vh;width: 100%;}.header {position: relative;flex: 1 100%;min-height: 100vh;max-width: 100%;z-index: 5;}.header-second {align-items: center;box-sizing: border-box;display: flex;flex-flow: column wrap;height: unset;justify-content: center;min-height: unset;overflow: hidden;padding-bottom: 164px;padding-top: 148px;position: relative;text-align: center;width: 100%;z-index: 3;}.header-heading {color: #e7a14f;font-size: 68px;margin: 0 0 21px;text-transform: uppercase;}.header-content {color: #a3a3a3;font-family: var(--font);font-size: 26px;position: relative;text-transform: unset;}.header-content:before,.header-content:after {background: #a3a3a3;content: "";height: 1px;left: 0;margin: 0 0 0 -8px;position: absolute;top: 50%;transform: translate(-100%, 50%);width: 160px;}.header-content:after {left: auto;margin: 0 -8px 0 0;right: 0;transform: translate(100%, 50%);}.header-picture {bottom: 0;filter: saturate(50%) hue-rotate(-30deg);left: 0;object-fit: cover;position: absolute;right: 0;top: 0;z-index: -1;}.header-picture:before {background: #290b51;bottom: 0;content: "";left: 0;opacity: 0.7;position: absolute;right: 0;top: 0;z-index: 1;}.header-img {height: 100%;filter: grayscale(1);object-fit: cover;width: 100%;}.header .header-top {align-items: center;display: flex;flex-flow: row wrap;left: 0;position: absolute;right: 0;top: 0;}.header .header-nav {align-items: center;display: flex;flex-flow: row wrap;margin: 0 0 0 auto;}.header .header-nav .link-icon,.header .header-nav .button-menu {color: #ffffff;cursor: pointer;transition: color 0.4s;}.header .header-nav .link-icon:hover,.header .header-nav .link-icon:focus,.header .header-nav .button-menu:hover,.header .header-nav .button-menu:focus {color: #e7a14f;}.header .button-scroll {bottom: 64px;left: 50%;margin: 0 0 0 -18em;position: absolute;}.header .logo-link {margin: 0 0 72px;}.header .compsoul-slide-logo,.header .compsoul-slide-title,.header .compsoul-slide-headline,.header .compsoul-slide .compsoul-slide-more {opacity: 0;transition: opacity 0.6s ease-in-out;}.header .compsoul-slide-logo {transition-delay: 0.4s;}.header .compsoul-slide-title {transition-delay: 1s;}.header .compsoul-slide-headline {transition-delay: 1.6s;}.header .compsoul-slide .compsoul-slide-more {transition: color 0.4s 0s, opacity 0.6s ease-in-out 2.2s;}.header .compsoul-slide-headline:before {transform: scale(0, 1) translate(-100%, 50%);transition: transform 0.6s ease-in-out;transition-delay: 2.2s;transform-origin: center left;}.header .compsoul-slide-headline:after {transform: scale(0, 1) translate(100%, 50%);transition: transform 0.6s ease-in-out;transition-delay: 2.2s;transform-origin: center right;}.compsoul-complete .header .compsoul-active .compsoul-slide-logo,.compsoul-complete .header .compsoul-active .compsoul-slide-title,.compsoul-complete .header .compsoul-active .compsoul-slide-headline,.compsoul-complete .header .compsoul-active .compsoul-slide-more {opacity: 1;}.compsoul-complete .header .compsoul-active .compsoul-slide-headline:before {transform: scale(1, 1) translate(-100%, 50%);}.compsoul-complete .header .compsoul-active .compsoul-slide-headline:after {transform: scale(1, 1) translate(100%, 50%);}.header-sticky {align-items: center;background: #eeeeee;display: flex;flex-flow: row wrap;flex: 1 100%;justify-content: space-between;left: 0;position: sticky;right: 0;top: 0;z-index: 4;}.sub .header-sticky {order: -1;}.header-sticky .header-sticky-nav {align-items: center;display: flex;flex-flow: row wrap;justify-content: space-between;}.header-sticky input {display: none;}.header-sticky .menu-list-container {opacity: 0;padding: 16px 0 0;position: absolute;pointer-events: none;transition: opacity 0.4s;}.header-sticky .menu-list-container:hover,.header-sticky .menu-list-container:focus-within,.header-sticky .menu-list-link:hover + input + .menu-list-container,.header-sticky .menu-list-link:focus + input + .menu-list-container {opacity: 1;pointer-events: auto;}.header-sticky .menu-list-container .menu-list {background: #eeeeee;border-radius: 5px;box-sizing: border-box;display: block;padding: 18px;width: 246px;}.header-sticky .menu-list-container .menu-list-item {border-bottom: 1px solid #e1e1e1;}.header-sticky .menu-list-container .menu-list-item:last-child {border: none;}.header-sticky .menu-list-container .menu-list-link:before {display: none;}.header-sticky .menu-list-container .menu-list-container {opacity: 1;padding: 0;position: static;transition: unset;}.header-sticky .menu-list-container .menu-list-container .menu-list {background: none;margin-top: -32px;padding: 16px 14px;width: 100%;}.header-sticky .menu-list-container .menu-list-container .menu-list-item {border: none;display: inline-block;}.header-sticky .menu-list-container .menu-list-container .menu-list-link {border: none;font-size: 12px;padding: 0;text-transform: lowercase;}.header-sticky .menu-list-container .menu-list-container .menu-list-link .menu-list-text:before {color: #e7a14f;display: inline;content: "#";}.logo-link {display: inline-block;}.logo-link.icon:before {color: #e7a14f;content: "\e900";font-size: 82px;}.menu .menu-list {display: flex;}.menu .menu-list .menu-list-link {color: #484848;display: block;font-size: 18px;line-height: 1.4;padding: 16px 14px;position: relative;text-decoration: none;transition: color 0.4s;z-index: 0;}.menu .menu-list .menu-list-link:hover,.menu .menu-list .menu-list-link:focus {color: #e7a14f;}.menu .menu-list .menu-list-link:before {background: #484848;border-radius: 100%;content: "";height: 4px;left: 8px;position: absolute;top: 50%;transform: translate(0, -50%);transition: background 0.4s;width: 4px;z-index: -1;}.menu .menu-list .menu-list-link:after {display: none;}.menu .menu-list .menu-list-link:hover:before,.menu .menu-list .menu-list-link:focus:before {background: #25294c;}.menu-header .menu-list {display: flex;}.menu-header .menu-list .menu-list-link {color: #ffffff;display: block;font-size: 18px;line-height: 1.4;padding: 16px 14px;position: relative;text-decoration: none;transition: color 0.4s;z-index: 0;}.menu-header .menu-list .menu-list-link:hover,.menu-header .menu-list .menu-list-link:focus {color: #e7a14f;}.menu-modal {display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 5;}.modal-menu .menu-modal {display: flex;}.menu-modal .menu-modal-row {display: flex;flex-flow: row wrap;height: 100%;overflow: hidden;width: 50%;}.menu-modal .menu-modal-row .menu-modal-row {height: 50%;flex: 1 100%;max-width: 50%;}.menu-modal .menu-modal-row .menu-modal-row:nth-child(3) {height: 50%;max-width: 100%;}.menu-modal .menu-slide .menu-modal-data {transition: transform 0.1s linear;}.menu-modal .menu-slide:nth-child(1) .menu-modal-data {transform: translate(110%, 0);}.menu-modal .menu-slide:nth-child(2) .menu-modal-data,.menu-modal .menu-slide:nth-child(3) .menu-modal-data {transform: translate(0, -110%);}.menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0.9s;}.menu-modal .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.6s;}.menu-modal .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.7s;}.menu-modal .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.8s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.3s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.4s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.5s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.1s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.2s;}.modal-close .menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0s;}.modal-close .menu-modal .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.3s;}.modal-close .menu-modal .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.2s;}.modal-close .menu-modal .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.1s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.6s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.5s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.9s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.8s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.7s;}.modal-active .menu-modal .menu-slide:nth-child(1) .menu-modal-data,.modal-active .menu-modal .menu-slide:nth-child(2) .menu-modal-data,.modal-active .menu-modal .menu-slide:nth-child(3) .menu-modal-data {transform: translate(0, 0);}.menu-modal .menu-modal-data {height: 100%;width: 100%;}.menu-modal .button-close {background: #1f2240;color: #ffffff;font-size: 42px;height: 100%;justify-content: center;transition: color 0.4s;width: 100%;}.menu-modal .button-close:hover,.menu-modal .button-close:focus {color: #e7a14f;}.menu-modal .link-email {align-items: center;background: #eeeeee;font-size: 42px;height: 100%;display: flex;justify-content: center;padding: 0;width: 100%;}.menu-modal .link-email:before {color: #484848;content: "\e905";transition: color 0.4s;}.menu-modal .link-email:hover:before,.menu-modal .link-email:focus:before {color: #e7a14f;}.menu-modal .link-email .link-text {display: none;}.menu-modal .link-phone {align-items: center;background: #ffffff;color: #484848;font-size: 24px;font-weight: 300;height: 100%;display: flex;justify-content: center;padding: 0;transition: color 0.4s;width: 100%;}.menu-modal .link-phone:hover,.menu-modal .link-phone:focus {color: #e7a14f;}.menu-modal .menu-modal-code {align-items: center;background: #e7a14f;color: #000000;font-size: 42px;height: 100%;display: flex;justify-content: center;padding: 0;width: 100%;}.menu-modal .menu-modal-code:before {content: "\e901";}.menu-modal .logo-link {align-items: center;background: #000000;height: 100%;display: flex;justify-content: center;padding: 0;width: 100%;}.menu-modal .menu-modal-comment {align-items: center;background: #eeeeee;box-sizing: border-box;color: #484848;height: 100%;display: flex;justify-content: center;padding: 24px 0;width: 100%;}.menu-modal .menu-modal-comment .listing-item {display: flex;flex-flow: row wrap;justify-content: space-between;max-height: 100%;overflow: auto;padding: 0 24px;}.menu-modal .menu-modal-comment .listing-content {flex: 1 100%;font-size: 21px;}.menu-modal .menu-modal-comment .listing-title,.menu-modal .menu-modal-comment .listing-time {color: #484848;font-size: 21px;line-height: 1.4;margin: 21px 0 0;order: 1;}.menu-modal .menu-modal-comment .listing-title {color: #e7a14f;}.menu-modal .menu-modal-comment .listing-title:before {content: "@";}.menu-modal .latest-article {align-items: center;background: #464972;box-sizing: border-box;color: #d7d8ed;height: 100%;display: flex;justify-content: center;padding: 24px 0;width: 100%;}.menu-modal .latest-article .list-item {max-height: 100%;overflow: auto;padding: 0 24px;}.menu-modal .latest-article .list-content {color: #d7d8ed;flex: 1 100%;font-size: 21px;}.menu-modal .latest-article .list-heading {color: #d7d8ed;font-size: 28px;font-family: var(--font-sub);font-weight: normal;margin-bottom: 12px;}.menu-modal .menu-modal-nav {align-items: center;background: #ffffff;box-sizing: border-box;color: #484848;height: 100%;display: flex;justify-content: center;overflow: auto;padding: 24px 0;width: 100%;}.menu-modal .menu-modal-nav .menu-list {max-height: 100%;}.menu-modal .menu-modal-nav .menu-list-item {position: relative;}.menu-modal .menu-modal-nav .menu-list-link {color: #484848;display: inline-block;font-size: 32px;padding: 21px;transition: color 0.4s;}.menu-modal .menu-modal-nav .menu-list-link:hover,.menu-modal .menu-modal-nav .menu-list-link:focus {color: #e7a14f;}.menu-modal .menu-modal-nav .menu-list-link:before,.menu-modal .menu-modal-nav .menu-list-link:after {display: none;}.menu-modal .menu-modal-nav input {z-index: 1;}.menu-modal .menu-modal-nav input,.menu-modal .menu-modal-nav .menu-list-container:before {border: 0;cursor: pointer;height: 32px;margin: 0;opacity: 0;position: absolute;padding: 0;left: -32px;top: 20px;width: 32px;}.menu-modal .menu-modal-nav .menu-list-container:before {align-items: center;color: #e7a14f;content: "\e926";display: flex;font-family: Icon, Tahoma, Verdana, Segoe, sans-serif !important;speak: never;font-size: 32px;font-style: normal;font-weight: normal;font-variant: normal;justify-content: center;opacity: 1;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.menu-modal .menu-modal-nav input:checked + .menu-list-container:before {content: "\e903";}.menu-modal .menu-modal-nav .menu-list-container .menu-list-link {display: none;font-size: 21px;padding: 12px 21px;}.menu-modal .menu-modal-nav input:checked + .menu-list-container .menu-list-link {display: inline-block;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container input,.menu-modal .menu-modal-nav .menu-list-container .menu-list-container:before,.menu-modal .menu-modal-nav .menu-list-container .menu-list-container:after {display: none;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container .menu-list {margin-top: -6px;padding: 0 21px;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container .menu-list-item {display: inline;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container .menu-list-link {font-size: 14px;padding: 0 0 6px;text-transform: lowercase;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container .menu-list-text:before {content: "#";color: #e7a14f;}.laptop {margin: 0 auto;padding: 4% 0;max-width: 1060px;}.menu-aside {flex: 1 100%;height: 0;position: sticky;top: 0;width: 0;z-index: 4;}.menu-aside .menu-list {background: #eeeeee;border-radius: 5px;box-sizing: border-box;margin: 50vh 0 0;padding: 18px 12px;transform: translate(calc((100% - 82px) * -1), -50%);transition: transform 0.4s;width: 246px;}.menu-aside .menu-list:hover,.menu-aside .menu-list:focus-within {transform: translate(0, -50%);}.menu-article .menu-list {transform: translate(-100%, -50%);}.menu-article .menu-list:before {align-items: center;background: #eeeeee;border-radius: 0 5px 5px 0;content: "\e926";cursor: pointer;display: flex;font-size: 24px;height: 48px;justify-content: center;position: absolute;right: 0;top: 50%;transform: translate(100%, -50%);width: 48px;}.menu-aside .menu-list .menu-list {width: 100%;}.menu-aside .menu-list-item {display: block;}.menu-aside .menu-list-link {align-items: center;border-bottom: 1px solid #e1e1e1;color: #484848;display: flex;font-size: 21px;justify-content: space-between;padding: 12px 0;}.menu-aside .menu-list-link.menu-list-active {color: #e7a14f;}.menu-aside .menu-list-link:before {display: none;}.menu-aside .menu-list-link:after {flex: 1 100%;max-width: 64px;text-align: center;}.menu-aside .menu-list-link .menu-list-text {transition: transform 0.4s;}.menu-aside .menu-list-link:hover .menu-list-text,.menu-aside .menu-list-link:focus .menu-list-text {transform: translate(21px, 0);}.menu-aside .menu-list-link[data-icon="compsoul"]:after {color: #e7a14f;font-size: 16px;}.menu-aside .menu-list-link[data-icon="html"]:after {color: #e34f26;}.menu-aside .menu-list-link[data-icon="css"]:after {color: #1572b6;}.menu-aside .menu-list-link[data-icon="js"]:after {color: #3c790a;}.menu-aside .menu-list-link[data-icon="ps"]:after {color: #ff0076;}.menu-aside .menu-list-item:last-child .menu-list-link {border: none;}.menu-aside .menu-list-container,.menu-aside input {display: none;}.article-nav {align-items: flex-end;bottom: 32px;display: flex;position: fixed;right: 32px;z-index: 4;}.article-nav .menu-list {align-items: flex-end;display: flex;flex-flow: column nowrap;height: 48px;justify-content: flex-end;position: relative;transform: none;width: 48px;}.article-nav .menu-list:before {background: none;bottom: 0;content: "";display: none;height: auto;line-height: 16px;position: absolute;right: 0;top: -16px;transform: none;width: 264px;}.article-nav .menu-list:hover:before,.article-nav .menu-list:focus-within:before {display: block;}.article-nav .menu-list:after {align-items: center;background: #eeeeee;border-radius: 5px;color: #484848;content: "\e926";cursor: pointer;display: flex;font-size: 21px;justify-content: center;line-height: 48px;margin: 16px 0 0;order: 2;position: relative;transition: color 0.4s;width: 48px;}.article-nav .menu-list:hover:after,.article-nav .menu-list:focus-within:after {color: #e7a14f;}.article-nav .menu-list-item {opacity: 0;pointer-events: none;transition: opacity 0.4s;}.article-nav .menu-list:hover .menu-list-item,.article-nav .menu-list:focus-within .menu-list-item {opacity: 1;pointer-events: auto;}.article-nav .menu-list-link {align-items: center;background: #eeeeee;border-bottom: 1px solid #e1e1e1;color: #484848;display: flex;font-size: 21px;justify-content: space-between;padding: 18px 12px;width: 240px;}.article-nav .menu-list-item:first-child .menu-list-link {border-radius: 5px 5px 0 0;}.article-nav .menu-list-item:last-child .menu-list-link {border-radius: 0 0 5px 5px;}.article-nav .menu-list-link.menu-list-active {color: #e7a14f;}.article-nav .menu-list-link .menu-list-text {transition: transform 0.4s;}.article-nav .menu-list-link:hover .menu-list-text,.article-nav .menu-list-link:focus .menu-list-text {transform: translate(21px, 0);}.article-nav .article-nav-link:after {align-items: center;background: #eeeeee;border-radius: 5px;color: #484848;cursor: pointer;display: flex;font-size: 21px;justify-content: center;height: 48px;margin: 0 0 0 16px;transition: color 0.4s;width: 48px;}.article-nav .article-nav-link:hover:after,.article-nav .article-nav-link:focus:after {color: #e7a14f;}.article-nav .article-nav-prev:after {content: "\e91a";}.article-nav .article-nav-next:after {content: "\e91b";}.main {flex: 1 100%;max-width: 100%;}.laptop .laptop-screen {background: #000000;border-radius: 3% 3% 0.5% 0.5% / 5%;margin: 0 auto;position: relative;width: 80%;}.laptop .laptop-screen:before {border: 2px solid #cacacc;border-radius: 3% 3% 0.5% 0.5% / 5%;box-shadow: 0 0 0 1px #000000cc inset, 0 0 1px 2px #ffffff4d inset;content: "";display: block;padding-top: 67%;}.laptop .laptop-screen:after {bottom: 0.75%;border-top: 2px solid #ffffff26;content: "";left: 0.5%;padding-top: 1%;position: absolute;width: 99%;}.laptop .laptop-viewport {background: #333333;bottom: 0;left: 0;margin: 4.3% 3.2%;position: absolute;right: 0;top: 0;}.laptop .laptop-base {position: relative;width: 100%;}.laptop .laptop-base:before {background: linear-gradient(#eaeced, #edeef0 55%, #ffffff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, #00000003 98%);border-radius: 0 0 10% 10%/ 0 0 50% 50%;content: "";display: block;padding-top: 3.3%;}.laptop .laptop-base:after {background: linear-gradient(90deg, #00000080, #ffffffcc 0.5%, #00000066 3.3%, transparent 15%, #ffffffcc 50%, transparent 85%, #00000066 96.7%, #ffffffcc 99.5%, #00000080 100%);content: "";height: 53%;position: absolute;top: 0;width: 100%;}.laptop .laptop-notch {background: #ddd;border-radius: 0 0 7% 7% / 0 0 95% 95%;box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;margin-left: auto;margin-right: auto;margin-top: -3.5%;position: relative;width: 14%;z-index: 2;}.laptop .laptop-notch:before {content: "";display: block;padding-top: 10%;}.laptop .laptop-viewport {background-position: 0 0;background-size: 100% auto;overflow: hidden;}.laptop .laptop-viewport:after {background: linear-gradient(transparent 0%, #ffffff0d 75%, transparent);bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;}.phone {margin: 0 auto;position: relative;transform: rotate(-30deg) skewX(30deg) scale(0.6);width: 1px;}.phone .phone-back {background-image: linear-gradient(to bottom, #3a3b3f 70%, #1d1d1f);border-radius: 74px 40px 84px 50px;box-shadow: -26px 8px 8px -10px rgba(0,0,0,0.3),-6px 6px 6px 0 rgba(0,0,0,0.6),-30px 14px 10px -10px rgba(0,0,0,0.5),-20px 40px 8px 0 rgba(0,0,0,0.1),-20px 30px 8px 0 rgba(0,0,0,0.1),inset 20px 0 15px -6px rgba(0,0,0,0.6),inset 2px 0 4px -2px rgba(0,0,0,0.6),inset 2px 0 1px -2px rgba(255,255,255,0.1),inset 0 -15px 10px -10px rgba(255,255,255,0.15);height: 734px;position: absolute;top: -3px;transform: translate(-50%, -50%);width: 430px;}.phone .phone-back:before {background: #ffffff;bottom: 40px;border-radius: 20px;content: "";display: block;filter: blur(5px);height: 300px;left: 16px;opacity: 0.1;position: absolute;transform: rotate(4deg);width: 100px;}.phone .phone-back:after {content: "";display: block;height: 300px;width: 100px;position: absolute;background-color: #fff;left: 26px;bottom: 40px;border-radius: 20px;filter: blur(4px);opacity: 0.25;transform: rotate(2deg);}.phone .phone-screen {background: #000;border-radius: 48px 40px 52px 45px;box-shadow: -2px 0 0px -1px rgba(255,255,255,0.4), -1px 3px 3px -3px rgba(255,255,255,0.7);height: 710px;left: 14px;position: absolute;top: -16px;transform: translate(-50%, -50%);width: 400px;}.phone .phone-display {background: #fbfbfb;border-radius: 45px 37px 41px 41px;height: 690px;left: 20px;overflow: hidden;position: absolute;top: -23px;transform: translate(-50%, -50%);z-index: 1;width: 378px;}.phone .phone-notch {background: #131313;border-radius: 0 0 20px 20px;border-top: 6px solid #000000;height: 21px;left: 50%;position: absolute;top: -1px;transform: translate(-50%);width: 210px;z-index: 3;}.phone .phone-notch:after {background: transparent;border-radius: 50%;box-shadow: 5px -5px 0 -3px #000;content: "";display: block;height: 12px;left: -12px;position: absolute;top: -5px;width: 12px;}.phone .phone-notch:before {background: transparent;border-radius: 50%;box-shadow: -4px -4px 0 -3px #000;content: "";display: block;height: 12px;position: absolute;right: -12px;top: -5px;width: 12px;}.phone .phone-img {object-fit: cover;object-position: 0 0;height: 100%;width: 100%;}.phone .phone-speaker {position: absolute;top: 6px;width: 58px;height: 6px;border-radius: 20px;background-color: #2b2b2b;overflow: hidden;box-shadow: 0 0 0 1px #363637, inset -3px 3px 1px 0px #000000, inset -3px 4px 0px -1px rgba(255,255,255,0.5);left: 50%;transform: translateX(-50%);}.phone .phone-speaker:after {background: #87888c;border-radius: 50%;content: "";display: block;height: 4px;position: absolute;right: -1px;top: -1px;width: 4px;}.phone .phone-speaker:before {background: #898a8e;border-radius: 50%;content: "";display: block;height: 4px;position: absolute;right: -2px;top: 4px;width: 4px;}.phone .phone-left-side {height: 100%;left: 0;position: absolute;top: 60px;width: 30px;}.phone .phone-left-side .phone-antena {background: transparent;border-radius: 50%;box-shadow: 0px -2px 1px -2px #000000;height: 20px;position: absolute;left: -5px;top: 10px;transform: rotate(-40deg) skewX(20deg);width: 50px;}.phone .phone-left-side .phone-antena.bottom {bottom: 128px;top: auto;}.phone .phone-left-side .phone-antena:after {background: transparent;border-radius: 50%;box-shadow: 0px -2px 1px -2px #000000;content: "";display: block;height: 20px;left: -5px;position: absolute;top: 3px;transform: rotate(-2deg);width: 50px;}.phone .phone-button {background: #010101;border-radius: 30px;box-shadow: -32px -16px 10px 0 rgba(0,0,0,0.4), -4px 0 4px 0 rgba(0,0,0,0.4);height: 47px;left: 4px;position: absolute;top: 100px;transform: skewY(-40deg);width: 12px;}.phone .phone-button.bottom {top: 160px;}.phone .phone-button.top {border-radius: 10px 10px 10px 3px;box-shadow: inset 2px 0 0 -1px rgba(255,255,255,0.25);height: 29px;left: 2px;top: 48px;width: 14px;}.phone .phone-button.top:after {height: 27px;left: 4px;top: 0px;width: 8px;}.phone .phone-button.top:before {box-shadow: 1px 0 0 0 rgba(0,0,0,0.4);height: 28px;left: 6px;top: 0px;width: 8px;}.phone .phone-button:before {background-image: linear-gradient(to bottom, #6a6b6f 85%, #0b0b0b);border-radius: 20px;content: "";display: block;height: 45px;position: absolute;width: 10px;}.phone .phone-button:after {background: #2d2d2f;border-radius: 20px;box-shadow: inset -1px -1px 0 -1px rgba(255,255,255,0.6);content: "";display: block;height: 44px;position: absolute;left: -2px;top: -1px;width: 10px;}.phone .phone-bottom {bottom: 0;position: absolute;width: 100%;}.phone .phone-bottom .bottom-speaker {bottom: 6px;display: flex;left: calc(50% - 120px);position: absolute;transform: skewX(-50deg);}.phone .phone-bottom .bottom-speaker.right {left: calc(50% + 45px);}.phone .phone-bottom .bottom-speaker div {background: #212121;border-radius: 50%;box-shadow: inset -4px -3px 2px -2px #000, 1px -1px 0 -1px rgba(255,255,255,0.5);height: 6px;margin: 0 3px;overflow: hidden;position: relative;width: 6px;}.phone .phone-bottom .bottom-speaker div:after {background: #ffffff;border-radius: 50%;bottom: -1px;content: "";display: block;height: 3px;left: 3px;opacity: 0.4;position: absolute;width: 3px;}.phone .phone-bottom .phone-screw {background-image: linear-gradient(to right, #1a1a1c 30%, #a1a2a7 60%, #1a1a1c 80%);border-radius: 50%;bottom: 5px;height: 9px;left: calc(50% - 38px);position: absolute;transform: translateX(-50%) skewX(-50deg);width: 9px;}.phone .phone-bottom .phone-screw.right {left: calc(50% + 36px);}.phone .phone-bottom .phone-screw div {background: #252527;border-radius: 50%;box-shadow: 2px 2px 0 0 rgba(0,0,0,0.9), inset -2px 1px 1px -1px #000;height: 6px;position: relative;width: 6px;}.phone .phone-bottom .phone-screw div:after {background: #151515;box-shadow: inset -1px -1px 0 0px rgba(255,255,255,0.6);content: "";display: block;height: 4px;position: absolute;top: 1px;transform: rotate(45deg);width: 4px;}.phone .phone-bottom .phone-charger {background-image: linear-gradient(to right, #121214 5%, #434446 20%, #434446 60%, #7a7b80 75%, #1b1b1d 90%);border-radius: 15px 16px 24px 20px;bottom: 2px;box-shadow: 1px 1px 1px -1px rgba(255,255,255,0.4), inset -2px -2px 0 -1px #0e0e0e, inset -3px -3px 0 -1px #252527, inset 3px 3px 0 -1px #050505;height: 14px;overflow: hidden;position: absolute;left: 50%;transform: translateX(-50%) skewX(-50deg);width: 48px;}.phone .phone-bottom .phone-charger:after {background-color: #050505;border-radius: 20px 8px 16px 10px;box-shadow: 1px 1px 0 -1px rgba(255,255,255,0.4);content: "";display: block;height: 10px;width: 42px;}.phone .phone-bottom .phone-antena {border-radius: 40%;bottom: 8px;background-color: transparent;box-shadow: 0px -2px 1px -2px #000;height: 20px;left: 60px;opacity: 0.7;position: absolute;transform: rotate(-45deg) skewX(20deg) scaleY(-1);width: 50px;}.phone .phone-bottom .phone-antena.right {box-shadow: 0px -2px 1px -2px #000, 19px -2px 0 -2px rgba(255,255,255,0.4);left: auto;right: 70px;}.phone .phone-bottom .phone-antena.right:after {box-shadow: 0px -2px 1px -2px #000, 19px -2px 0 -2px rgba(255,255,255,0.4);}.phone .phone-bottom .phone-antena:after {background-color: transparent;box-shadow: 0px -2px 1px -2px #000;border-radius: 40%;content: "";display: block;height: 20px;left: -3px;position: absolute;transform: rotate(-2deg);top: 3px;width: 50px;}.phone .phone-reflections {background: transparent;border-radius: 48px 40px 52px 45px;height: 709px;left: 15px;overflow: hidden;position: absolute;top: -17px;transform: translate(-50%, -50%);width: 399px;z-index: 4;}.phone .phone-reflections .reflection-1 {background: #ffffff;height: 200%;left: -320px;position: absolute;top: -200px;transform: rotate(32deg);width: 120%;opacity: 0.1;z-index: 10;}.phone .phone-reflections .reflection-2,.phone .phone-reflections .reflection-3 {background: #000000;border-radius: 100px;height: 100%;left: -94px;position: absolute;top: calc(50% + 14px);transform: translateY(-50%);width: 100px;z-index: 11;}.phone .phone-reflections .reflection-3 {background: #6d6c71;left: -8px;height: 60%;opacity: 0.6;top: 70%;width: 10px;}.phone .phone-reflections .reflection-4 {background: #67686c;height: 60%;position: absolute;top: 0;width: 16px;}.phone .phone-reflections .reflection-4:before {box-shadow: -20px 0px 0 0 #67686c;background: transparent;border-radius: 44px 40px 0 0;content: "";display: block;height: 100px;left: 16px;position: absolute;top: 4px;width: 100px;}.phone .phone-reflections .reflection-4:after {box-shadow: -25px -3px 2px -8px #000000;background: transparent;border-radius: 60px 0 0 0;content: "";display: block;height: 80px;left: 0px;position: absolute;top: -1px;transform: rotate(15deg);width: 80px;}.phone .phone-reflections .reflection-5 {background: #000000;border-radius: 50%;bottom: 0;height: 50%;left: 4px;position: absolute;width: 12px;}.phone .phone-reflections .reflection-6 {background: #000;border-radius: 50%;bottom: -4px;height: 20px;left: -14px;position: absolute;transform: rotate(40deg);width: 80px;z-index: 12;}.phone .phone-reflections .reflection-6:after {background: #000;border-radius: 40%;content: "";display: block;height: 100px;position: absolute;right: -17px;top: -78px;transform: rotate(50deg);width: 20px;}.phone .phone-reflections .reflection-6:before {background: transparent;border-radius: 40%;box-shadow: 4px 15px 1px -10px #000;content: "";display: block;height: 50px;position: absolute;left: 7px;top: -51px;transform: rotate(-20deg);width: 50px;}.phone .reflection-7 {background: #5c5d61;bottom: -4px;border-radius: 20px 0px 6px 10px;height: 20px;left: 10px;position: absolute;transform: skewX(60deg) skewY(-10deg) scaleY(-1) scaleX(-1) scale(0.8);width: 40px;z-index: 13;}.phone .reflection-7:after {background: #5c5d61;border-radius: 50%;content: "";display: block;height: 20px;position: absolute;right: 6px;top: -3px;transform: rotate(40deg) skewX(-54deg) skewY(47deg) scaleY(1) scaleX(1);width: 30px;}.phone .reflection-7:before {background: #5c5d61;border-radius: 2px;bottom: -6px;content: "";display: block;height: 18px;left: 6px;position: absolute;transform: rotate(253deg) skewX(10deg);width: 15px;}.listing-article .listing-item {align-items: center;display: flex;flex-flow: row nowrap;justify-content: flex-start;padding-bottom: 110px;padding-top: 110px;margin: 0 auto;max-width: 1920px;}.listing-article .listing-item + .listing-item {padding-top: 0;}.listing-article .listing-item-main {flex: 1 100%;max-width: 500px;margin: 0 0 0 calc(50% - 500px);}.listing-article .listing-item-large .listing-item-main {margin: 0 0 0 calc((50% - 500px) / 2);}.listing-article .listing-item:nth-child(2n + 1) .listing-item-main {margin: 0 calc(50% - 500px) 0 0;order: 1;}.listing-article .listing-item.listing-item-large:nth-child(2n + 1) .listing-item-main {margin: 0 calc((50% - 500px) / 2) 0 0;}.listing-article .listing-item-module {align-items: center;display: flex;flex: 1;flex-flow: row wrap;justify-content: flex-end;padding: 0 58px;}.listing-article .listing-item .listing-item-module .compsoul-slider-portfolio {margin: 0 auto 0 0;}.listing-article .listing-item:nth-child(2n + 1) .listing-item-module .compsoul-slider-portfolio {margin: 0 0 0 auto;}.listing-article .listing-heading-rwd {display: none;}.listing-article .listing-heading {font-size: 52px;margin: 0 0 20px;}.listing-article .listing-column {max-width: none;text-align: center;}.listing-article .listing-column .listing-item-main {margin: 0;max-width: 100%;}.listing-article .listing-column .listing-heading {font-size: 62px;margin: 0 0 40px;}.listing-article .listing-heading-subtitle {color: #a3a3a3;display: block;font-size: 21px;line-height: 1;margin: 12px 0 0;text-align: center;text-transform: none;}.listing-article .listing-heading-subtitle:after {background: #e7a14f;border-radius: 20px;content: "";display: block;height: 6px;margin: 16px auto 0;width: 30px;}.article-index .listing-time {display: none;}.listing-article .listing-more {margin: 40px 0 0;}.listing-blog .listing-item {align-items: center;display: flex;flex-flow: row nowrap;padding-bottom: 84px;padding-top: 84px;margin: 0 auto;width: 100%;}.listing-blog .listing-item + .listing-item {padding-top: 0;}.listing-blog .listing-time {display: none;}.listing-blog .listing-more {margin: 48px 0 0;}.listing-portfolio .listing-item {align-items: center;display: flex;flex-flow: row nowrap;justify-content: flex-start;padding-bottom: 110px;padding-top: 110px;}.listing-portfolio .module + .portfolio-module .listing-item:first-child {padding-top: 0;}.listing-portfolio .listing-item-even {background: #1f2240;color: #d7d8ed;}.listing-portfolio .listing-item-even .heading {color: #ffffff;}.listing-portfolio .listing-item-even .listing-main {color: #d7d8ed;}.listing-portfolio .listing-item-column {display: block;padding-left: calc((100vw - 1020px) / 2);padding-right: calc((100vw - 1020px) / 2);text-align: center;}.listing-portfolio .listing-content {flex: 1 100%;margin: 0 0 0 calc((50% - 500px) / 2);min-width: 380px;max-width: 26vw;order: -1;}.listing-portfolio .listing-item-even .listing-content {margin: 0 calc((50% - 500px) / 2) 0 0;max-width: 38vw;order: 1;}.listing-portfolio .listing-item-column .listing-content {margin: 0;max-width: none;}.listing-portfolio .listing-module-phone {flex: 1;position: relative;padding: 0 16px;}.listing-portfolio .listing-item-column .listing-main {text-align: left;}.listing-portfolio .listing-nav {margin: 64px 0 0;}.listing-portfolio .listing-button {margin: 0 21px 0 0;}.listing-portfolio .listing-item-odd .button-second {border: 1px solid #1f2240;color: #1f2240;}.listing-portfolio .listing-item-odd .button-second:hover,.listing-portfolio .listing-item-odd .button-second:focus {color: #ffffff;}.listing-portfolio .listing-item-odd .button-second:before {opacity: 0;background: #1f2240;}.listing-portfolio .listing-item-odd .button-second:hover:before,.listing-portfolio .listing-item-odd .button-second:focus:before {opacity: 1;}.listing-portfolio .listing-module {flex: 1;position: relative;padding: 0 16px;}.listing-portfolio .laptop {padding-top: 0;}.listing-comments {text-align: center;}.listing-comments:after {background: #444971;content: "";display: block;height: 104px;margin: 0 auto -104px;width: 2px;}.listing-comments .listing-item {color: #d7d8ed;display: flex;flex-flow: column wrap;text-align: center;}.listing-comments .listing-header:before,.listing-comments .listing-item:after {background: #444971;content: "";display: block;height: 30px;margin: 0 auto 4px;order: -4;width: 2px;}.listing-comments .listing-header:before {height: 16px;margin: 12px auto 0;order: -1;}.listing-comments .listing-header {display: flex;flex-flow: column wrap;text-align: center;}.listing-comments .listing-title {color: #d7d8ed;font-size: 20px;line-height: 1.2;order: -3;}.listing-comments .listing-time {font-size: 14px;line-height: 1;order: -3;}.listing-comments .listing-container {background: #464972;border-radius: 10px;box-sizing: border-box;color: #d7d8ed;font-size: 18px;line-height: 1.4;margin: 0 auto;max-width: 688px;padding: 32px 24px;text-decoration: none;width: 100%;}.listing-comments .listing-content {color: #d7d8ed;}.listing-comments .listing-answer {margin: 24px 0 0;text-align: right;}.listing-comments .listing-answer .feedback-message,.listing-comments .listing-answer .feedback-error {color: #e7a14f;margin: 24px 0 0;text-align: left;}.listing-comments .listing-answer-form {display: none;margin: 24px 0 0;}.listing-comments .listing-reply {color: #e7a14f;cursor: pointer;user-select: none;}.listing-comments .listing-reply-input:checked + .listing-reply + .listing-answer-form,.listing-comments .listing-reply-input:checked + .listing-reply + .feedback-message + .listing-answer-form,.listing-comments .listing-reply-input:checked + .listing-reply + .feedback-error + .listing-answer-form {display: block;}.listing-comments .listing-answer-container {margin: 24px 0 0;text-align: left;}.listing-comments .listing-answer-title {color: #e7a14f;font-size: 18px;margin: 0;}.listing-comments .listing-answer-time {display: block;font-size: 14px;line-height: 1;margin: 0 0 12px;}.list-article {text-align: center;margin: 0 0 -104px;}.list-article:after {background: #444971;content: "";display: block;height: 86px;margin: 0 auto;width: 2px;}.list-article .list-item {color: #d7d8ed;display: flex;flex-flow: column wrap;text-align: center;}.list-article .list-item:before,.list-article .list-item:after {background: #444971;content: "";display: block;height: 30px;margin: 0 auto 4px;order: -4;width: 2px;}.list-article .list-item:before {height: 16px;margin: 12px auto 0;order: -1;}.list-article .list-container {background: #464972;border-radius: 10px;color: #d7d8ed;margin: 0 auto;padding: 32px 24px;text-decoration: none;width: 640px;}.list-article .list-tags {font-size: 20px;line-height: 1.2;order: -3;}.list-article .list-time {font-size: 14px;line-height: 1;order: -3;}.list-article .list-heading {color: #d7d8ed;font-size: 28px;font-family: var(--font-sub);font-weight: normal;margin-bottom: 12px;transition: color 0.4s;}.list-article .list-container:hover .list-heading,.list-article .list-container:focus .list-heading {color: #e7a14f;}.list-article .list-content {color: #d7d8ed;font-size: 18px;line-height: 1.4;}.websites #portfolio,.websites .listing-item-module .laptop {width: 100%;}.websites .websites-module {margin: 104px 0 0;}.graphics .listing-item-module {padding-right: 0;}.graphics .graphic-tools {margin: 0 64px 0 0;}.sheet {background: #fafafa;border: 1px solid #e9e9e9;box-shadow: -10px 10px 10px #00000099;color: #909090;font-size: 14px;line-height: 1.6;overflow: hidden;padding: 80px 120px;}.sheet.icon {padding-top: 0;}.sheet.icon:before {color: #e9e9e9;content: "\e900";display: inline-block;font-size: 15vw;margin: 32px 0 64px;transform: translate(-50%, 0);}.graphics .sheet {flex: 1;order: 2;}.card {background: #fafafa;border: 1px solid #e9e9e9;box-shadow: -10px 10px 10px rgb(100, 100, 100);color: #909090;display: flex;flex-flow: column wrap;font-size: 16px;height: 194px;justify-content: center;line-height: 1.2;text-align: center;width: 300px;}.card + .card,.card + .pencils {margin: 64px 0 0 0;}.card.card-reverse {background: #000000;border: none;}.card .card-link {color: #909090;text-decoration: none;transition: color 0.4s;}.card .card-link:hover,.card .card-link:focus {color: #e7a14f;}.card .card-logo {margin: 20px 0;text-decoration: none;}.card .card-logo:before {color: #e7a14f;content: "\e900";font-size: 48px;}.card.card-reverse .card-logo:before {font-size: 62px;}.pencils {display: flex;flex-flow: row wrap;justify-content: center;}.pencils .pencil {height: 704px;margin: 0 10px;width: 46px;}.pencils .pencil:before {background: url("https://compsoul.pl/uploads/images/pencil.png") center no-repeat;background-size: contain;content: "";display: block;height: 100%;width: 100%;}.responsive .listing-item-module {flex-flow: column wrap;}.responsive .slider-portfolio-tablet + .slider-portfolio-phone {margin: -274px 0 0;}.performance {position: relative;}.performance .performance-fan {animation: performance-fan 1.6s linear infinite;animation-play-state: paused;left: 22.6%;position: absolute;top: 15.2%;width: 31%;}.active .performance .performance-fan {animation-play-state: running;}.performance .performance-fan + .performance-fan {left: 58%;}@keyframes performance-fan {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}.news .content {color: #d7d8ed;font-size: 18px;line-height: 1.4;}.offer {color: #909090;display: flex;flex-flow: row wrap;justify-content: center;padding: 32px 0;}.offer .offer-item {align-items: center;background: #ffffff;display: flex;flex: 1 100%;flex-flow: column wrap;max-width: 255px;padding: 0 0 48px;text-align: center;}.offer .offer-featured {box-shadow: 0px 0px 28px #00000033;margin: -32px 0;position: relative;z-index: 1;}.offer .offer-featured .packages-item:before {background: #e7a14f;}.offer .offer-heading {background: #25294c;border-radius: 5px 5px 0 0;box-sizing: border-box;color: #ffffff;font-family: var(--font-sub);font-size: 23px;font-weight: 400;line-height: 1;margin: 0 0 48px;padding: 21px;text-transform: uppercase;width: 100%;}.offer .offer-featured .offer-heading {background: #e7a14f;padding-top: 33px;}.offer .offer-subtitle {font-size: 21px;padding: 0 16px;}.offer .offer-price {display: block;font-size: 72px;line-height: 1;}.offer .offer-featured .offer-price {font-size: 92px;}.offer .offer-more {margin: auto 0 0;text-transform: uppercase;}.offer .offer-item:not(.offer-featured) .offer-more {border: 1px solid #25294c;color: #25294c;}.offer .offer-item:not(.offer-featured) .offer-more:before {background: #25294c;}.offer .offer-item:not(.offer-featured) .offer-more:hover,.offer .offer-item:not(.offer-featured) .offer-more:focus {color: #ffffff;}.packages {font-size: 18px;padding-bottom: 48px;}.packages .packages-item {line-height: 1.2;padding: 0 24px;}.packages .packages-item:before {background: #25294c;border-radius: 20px;content: "";display: block;height: 5px;margin: 21px auto;width: 21px;}.tooltip {background: none;border: none;cursor: pointer;display: inline;margin: 0 2px;padding: 0;position: relative;}.tooltip:before {color: #909090;content: "\e904";font-size: 16px;}.tooltip:after {background: #eeeeee;border-radius: 5px;color: #484848;content: attr(data-text);font-size: 14px;left: 50%;min-width: 120px;opacity: 0;padding: 8px 16px;position: absolute;pointer-events: none;top: 0;transition: transform 0.4s, opacity 0.4s;transform: translate(-50%, -120%);z-index: 2;}.tooltip:hover:after,.tooltip:focus:after {opacity: 1;pointer-events: auto;transform: translate(-50%, -100%);}.contact {display: flex;flex-flow: row wrap;justify-content: space-between;}.contact .contact-heading {flex: 1 100%;margin: 0 0 64px;text-align: center;text-transform: uppercase;}.contact .contact-heading span {text-transform: none;}.contact .contact-details {flex: 1 100%;max-width: 45%;}.contact .contact-details .list-heading {font-size: 52px;margin: 0 0 20px;}.contact .contact-details .list-description {margin: 0 0 21px;}.contact .contact-details .list-description:last-child {margin: 0;}.contact .contact-details .list-address {margin: 0 0 21px;}.contact .contact-details .list-address:last-child {margin: 0;}.contact .contact-details .list-phone {margin: 0 0 21px;}.contact .contact-details .list-phone:last-child {margin: 0;}.contact .contact-details .list-email {margin: 0 0 21px;}.contact .contact-details .list-email:last-child {margin: 0;}.contact .contact-details .list-link {color: #e7a14f;padding: 0 4px;position: relative;text-decoration: none;transition: background 0.4s, color 0.4s;z-index: 0;}.contact .contact-details .list-link:hover,.contact .contact-details .list-link:focus {background: #e7a14f;color: #ffffff;}.contact .contact-details .list-label {display: block;font-size: 16px;margin: 0 0 8px;}.contact .contact-details .list-label:last-child {margin: 0;}.contact .contact-form {flex: 1 100%;max-width: 45%;}.contact .contact-form .heading {font-size: 52px;margin: 0 0 21px;}.order .order-heading {font-family: var(--font-sub);font-size: 48px;margin: 0 0 48px;text-align: center;}.order .form {margin: 0 auto;max-width: 520px;}.templates {display: flex;flex-flow: row wrap;margin-left: -16px;margin-right: -16px;}.templates .listing-item {border-radius: 5px;display: flex;flex: 1 100%;flex-flow: column wrap;margin: 0 16px 48px;max-width: calc(33.333% - 32px);overflow: hidden;position: relative;z-index: 0;}.templates .listing-header {background: #25294c;box-sizing: border-box;color: #fafafa;display: flex;flex-flow: row wrap;font-size: 16px;justify-content: space-between;line-height: 1;margin: auto 0 0;order: 1;padding: 12px 14px;position: relative;width: 100%;}.templates .listing-heading,.templates .listing-price {color: #fafafa;display: flex;font-size: 24px;flex-flow: column wrap;line-height: 1.4;}.templates .listing-price {border-left: 1px solid #474f91;flex: 1 100%;margin: 0 0 0 16px;max-width: 80px;padding: 0 0 0 16px;}.templates .listing-name,.templates .listing-price-name {font-size: 16px;line-height: 1;order: -1;}.templates .listing-name:after,.templates .listing-price-name:after {content: ":";}.templates .listing-scroll {background: none;border: none;font-size: 0;left: 50%;padding: 0;position: absolute;top: 2px;transform: translate(-50%, -100%);}.templates .listing-scroll:before {color: #25294c;content: "\e906";font-size: 20px;}.templates .listing-scroll:after {color: #fafafa;content: "\e919";font-size: 20px;left: 50%;position: absolute;top: 0;transform: translate(-50%, 25%);}.templates .listing-nav {align-items: center;background: #25294ccc;display: flex;flex: 1 320px;flex-flow: column wrap;justify-content: center;opacity: 0;transition: opacity 0.4s;width: 100%;}.templates .listing-nav:hover,.templates .listing-nav:focus {opacity: 1;}.templates .listing-button {box-sizing: border-box;text-align: center;width: 200px;}.templates .listing-button + .listing-button {margin: 16px 0 0;}.templates .listing-item-figure {height: 320px;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: -1;}.templates .listing-item-img {height: 100%;object-fit: cover;object-position: 0 0;transition: object-position 1s linear;width: 100%;}.templates .listing-item:hover .listing-item-img,.templates .listing-item:focus .listing-item-img {object-position: none;}.feedback {display: flex;flex-flow: row wrap;justify-content: space-between;}.feedback .feedback-heading {flex: 1 100%;margin: 0 0 64px;text-align: center;text-transform: uppercase;}.feedback .feedback-heading span {text-transform: none;}.feedback .feedback-headline {font-size: 52px;margin: 0 0 21px;}.feedback .feedback-details {display: flex;flex: 1 100%;flex-flow: column;max-width: 45%;}.feedback .feedback-form {flex: 1 100%;max-width: 45%;}.feedback .feedback-message,.feedback .feedback-error {margin: 0 0 21px;}.feedback .feedback-content {display: flex;flex: 1;flex-flow: column;}.rating {margin: auto 0 0;text-align: center;}.rating .rating-heading {font-size: 32px;margin: 0;}.rating .rating-content {font-size: 0;}.rating .rating-input:checked + .rating-dislike:before {border: 1px solid #d45252;color: #d45252;}.rating .rating-input:checked + .rating-like:before {border: 1px solid #5cd053;color: #5cd053;}.rating .rating-dislike,.rating .rating-like {cursor: pointer;display: inline-block;padding: 24px 18px;}.rating .rating-dislike:before,.rating .rating-like:before {align-items: center;border: 1px solid #a3a3a3;border-radius: 100%;display: flex;font-size: 18px;height: 48px;line-height: 1;justify-content: center;text-align: center;width: 48px;}.rating .rating-dislike:before {content: "\e924"}.rating .rating-like:before {content: "\e925"}.rating .rating-dislike:after,.rating .rating-like:after {color: #484848;content: attr(data-count);font-family: var(--font) !important;font-size: 18px;display: block;line-height: 1.4;margin: 8px 0 0;text-align: center;}.social {align-items: center;bottom: 32px;display: flex;justify-content: center;left: 32px;position: fixed;z-index: 4;}.social .social-link {align-items: center;background: #eeeeee;border-radius: 100%;display: flex;font-size: 26px;height: 48px;justify-content: center;margin: 0 16px 0 0;width: 48px;}.social .social-link:before {transform: scale(0.8);transition: transform 0.2s linear;}.social .social-link:hover:before,.social .social-link:focus:before {transform: scale(1);}.social .social-telegram:before {content: "\e929";color: #2ca5e0;}.social .social-facebook:before {content: "\e928";color: #1877f2;}.footer {text-align: center;max-width: 100%;padding-bottom: 21px;padding-top: 21px;}a.copyright {color: #484848;}a.copyright:hover,a.copyright:focus {color: #ffffff;}@media (max-width: 1800px) {.logo-link.icon:before {font-size: 76px;}.menu-modal > .menu-modal-row:nth-child(2) {width: 60%;}.menu-modal .menu-modal-nav .menu-list-link {font-size: 30px;}.header-heading {font-size: 62px;}.header-second {padding-bottom: 132px;padding-top: 108px;}.header-second .logo-link.icon:before {font-size: 82px;}.header-content {font-size: 24px;min-height: unset;}.header .button-scroll {bottom: 52px;}.layout-template .layout-template-nav {margin: 52px 0 0;}.listing-portfolio .listing-nav {margin: 52px 0 0;}}@media (max-width: 1700px) {.graphics .sheet {min-width: 700px;}.graphics .listing-item-module {flex-flow: row nowrap;justify-content: flex-start;overflow: hidden;}}@media (max-width: 1600px) {.heading {font-size: 52px;}.heading-second {font-size: 48px;}.header .logo-link {margin: 0 0 64px;}.header-content {font-size: 21px;}.module {padding-bottom: 86px;padding-top: 86px;}.module .module {padding-bottom: 0;padding-top: 0;}.module + .module,.module + .layout {padding-top: 0;}.module-second {padding-bottom: 86px;padding-top: 86px;}.module-second + .module,.module-second + .layout {padding-top: 86px;}.layout {padding-bottom: 86px;padding-top: 86px;}.layout + .layout,.layout + .module {padding-top: 0;}.layout .layout-heading,.module .module-heading  {text-align: center;margin-top: 86px;}.layout .layout-heading:first-child,.module .module-heading:first-child {margin-top: 0;}.layout .layout-module,.module .module-app {margin: 86px 0;}.layout .layout-module:first-child,.module .module-app:first-child {margin-top: 0;}.layout .layout-module:last-child,.module .module-app:last-child  {margin-bottom: 0;}.module-second .heading {font-size: 76px;}.header-second .logo-link.icon:before {font-size: 74px;}.listing-article .listing-column .listing-heading {font-size: 52px;margin: 0 0 36px;}.listing-article .listing-item-large .listing-item-main {margin: 0 0 0 58px;}.listing-article .listing-item.listing-item-large:nth-child(2n+1) .listing-item-main {margin: 0 58px 0 0;}.listing-article .listing-more {margin: 36px 0 0;}.listing-portfolio .listing-item {padding-bottom: 86px;padding-top: 86px;}.listing-portfolio .listing-nav {margin: 48px 0 0;}.list-article {margin: 0 0 -84px;}.layout-template {padding-bottom: 86px;padding-top: 86px;}.layout-template-second + .layout-template, .layout-template + .layout-template-second {padding-top: 86px;}.layout-template-details .layout-template-content {margin: 0;}.layout-template .layout-template-nav {margin: 48px 0 0;}.pencils .pencil {height: 600px;width: 40px;}.order .order-heading {font-size: 52px;}.phone {transform: rotate(-30deg) skewX(30deg) scale(0.5);}.listing-comments:after {height: 86px;margin: 0 auto -86px;}}@media (max-width: 1500px) {.button {font-size: 18px;}.content h1 {font-size: 58px;}.content h2 {font-size: 48px;}.content h3 {font-size: 38px;padding-top: 16px;}.content h4 {font-size: 28px;padding-top: 16px;}.content h5 {font-size: 21px;padding-top: 16px;}.content h6 {font-size: 18px;padding-top: 16px;}.content blockquote {font-size: 18px;padding: 40px 0 0;}.content blockquote:before {font-size: 104px;left: -5px;top: 26px;}.content {font-size: 18px;line-height: 1.4;}.header-sticky .link-icon {color: #484848;padding: 16px;transition: color 0.4s;}.header-sticky .link-icon:hover,.header-sticky .link-icon:focus {color: #e7a14f;}.header-sticky .link-phone:before {content: "\e927";}.header-sticky .link-email:before {content: "\e905";}.header-sticky .link-text {display: none;}.button-menu {padding: 16px;}.button-menu:before {right: 16px;}.menu-modal .menu-modal-nav .menu-list-link {font-size: 28px;padding: 18px;}.menu-modal > .menu-modal-row:nth-child(2) {width: 70%;}.menu-modal .menu-modal-nav input,.menu-modal .menu-modal-nav .menu-list-container:before {top: 16px;}.logo-link.icon:before {font-size: 64px;}.menu-modal .menu-modal-code {font-size: 32px;}.menu-modal .link-email {font-size: 32px;}.menu-modal .button-close {font-size: 32px;}.heading {font-size: 48px;}.heading-second {font-size: 48px;}.headline {margin: 0 0 32px;}.module-second .heading {font-size: 58px;}.listing-article .listing-column .listing-heading {margin: 0 0 32px;}.listing-article .listing-item-large .listing-item-main {margin: 0 0 0 48px;}.listing-article .listing-item.listing-item-large:nth-child(2n+1) .listing-item-main {margin: 0 48px 0 0;}.listing-article .listing-item.listing-column:nth-child(2n+1) .listing-item-main {margin: 0;}.listing-article .listing-more {margin: 32px 0 0;}.listing-article .listing-item-module {padding: 0 48px;}.listing-blog .listing-item {padding-bottom: 64px;padding-top: 64px;}.listing-blog .listing-more {margin: 32px 0 0;}.listing-portfolio .listing-nav {margin: 32px 0 0;}.layout-template .layout-template-nav {margin: 32px 0 0;}.sheet {font-size: 16px;padding: 64px 96px;}.card {font-size: 14px;height: 164px;width: 254px;}.card .card-logo {margin: 16px 0;}.phone {transform: rotate(-30deg) skewX(30deg) scale(0.4);}.contact .contact-form .heading,.contact .contact-details .list-heading {font-size: 48px;}}@media (max-width: 1400px) {.listing-article .listing-item-main {max-width: 440px;}.listing-article .listing-item-large .listing-item-main {margin: 0 0 0 42px;}.listing-article .listing-item.listing-item-large:nth-child(2n+1) .listing-item-main {margin: 0 42px 0 0;}}@media (max-width: 1300px) {.content h1 {font-size: 52px;}.content h2 {font-size: 48px;}.content h3 {font-size: 38px;}.content h4 {font-size: 28px;}.content h5 {font-size: 21px;}.content h6 {font-size: 18px;}.heading {font-size: 42px;}.heading-second {font-size: 42px;}.header-heading {font-size: 52px;}.module-second .heading {font-size: 58px;}.listing-article .listing-heading {font-size: 42px;}.listing-article .listing-item-main {max-width: 400px;}.performance {max-width: 90%;margin: 0 auto;}.order .order-heading {font-size: 48px;}.contact .contact-details .list-heading,.contact .contact-form .heading {font-size: 42px;}.menu-aside .menu-list {padding: 14px 12px;transform: translate(calc((100% - 62px) * -1), -50%);width: 160px;}.menu-article .menu-list {transform: translate(-100%, -50%);}.article-nav .menu-list {transform: none;}.menu-aside .menu-list-link {font-size: 18px;}.menu-aside .menu-list-link:after {max-width: 48px;}.menu-aside .menu-list-link[data-icon="compsoul"]:after {font-size: 12px;}.menu-aside .menu-list-link {transition: color 0.4s;}.menu-aside .menu-list-link:hover,.menu-aside .menu-list-link:focus {color: #e7a14f;}.menu-aside .menu-list-link:hover .menu-list-text,.menu-aside .menu-list-link:focus .menu-list-text {transform: unset;}.article-nav .menu-list-link {font-size: 18px;padding: 12px;width: 180px;}}@media (max-width: 1200px) {.listing-article .listing-item-main {max-width: 400px;}.listing-article .listing-item:nth-child(2n+1) .listing-item-main {margin: 0 82px 0 0;}.listing-article .listing-item.listing-column:nth-child(2n+1) .listing-item-main {margin: 0;}.menu-modal .link-phone {font-size: 21px;}.menu-aside .menu-list {transform: translate(-100%, -50%);}.menu-aside .menu-list:after {font-family: Icon, Tahoma, Verdana, Segoe, sans-serif !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #eeeeee;border-radius: 5px;color: #484848;content: "\e926";cursor: pointer;display: flex;font-size: 24px;justify-content: center;line-height: 42px;order: 2;position: absolute;top: 50%;right: 0;text-align: center;transition: color 0.4s;transform: translate(100%, -50%);width: 42px;}}@media (max-width: 1100px) {.container {padding: 0 32px;}.heading {font-size: 48px;}.heading-second {font-size: 48px;}.module {padding-bottom: 64px;padding-top: 64px;}.module .module {padding-bottom: 0;padding-top: 0;}.module + .module,.module + .layout {padding-top: 0;}.module-second {padding-bottom: 64px;padding-top: 64px;}.module-second + .module,.module-second + .layout {padding-top: 64px;}.module-second .heading {font-size: 52px;}.module-second .module-heading {font-size: 52px;}.menu-modal > .menu-modal-row:nth-child(2) {width: 50%;}.menu-header {display: none;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(1),.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(3) {display: none;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) {height: 100%;max-width: 100%;width: 100%;}.menu-modal .menu-modal-row .menu-modal-data {transition-delay: 1s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.8s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.6s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.2s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.2s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 1s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.8s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.6s;}.layout {padding: 64px 0;margin-left: auto;margin-right: auto;max-width: 720px;}.layout + .layout,.layout + .module {padding-top: 0;}.layout .layout-heading,.module .module-heading  {text-align: center;margin-top: 64px;}.layout .layout-heading:first-child,.module .module-heading:first-child {margin-top: 0;}.layout .layout-module,.module .module-app {margin: 64px 0;}.layout .layout-module:first-child,.module .module-app:first-child {margin-top: 0;}.layout .layout-module:last-child,.module .module-app:last-child  {margin-bottom: 0;}.header .logo-link {margin: 0 0 32px;}.header .button-scroll {left: 20px;margin: 0;}.header-second {padding-top: 48px;padding-bottom: 64px;}.header-nav .link-icon {color: #484848;padding: 16px;transition: color 0.4s;}.header-nav .link-icon:hover,.header-nav .link-icon:focus {color: #e7a14f;}.header-nav .link-phone:before {content: "\e927";}.header-nav .link-email:before {content: "\e905";}.header-nav .link-text {display: none;}.header-sticky .menu-main {display: none;}.header-sticky .header-sticky-nav {margin: 0 0 0 auto;}.listing-article .listing-column .listing-item-main {margin: 0 auto;max-width: 720px;}.listing-article .listing-item {flex-flow: row wrap;justify-content: center;}.listing-article .listing-item-main {flex: 1 100%;margin: 0 !important;max-width: 720px;}.listing-article .listing-item .listing-content {text-align: left;}.listing-article .listing-item-module {flex: 1 100%;margin: 0 0 32px;max-width: 720px;order: -1;padding: 0;}.listing-portfolio .laptop {margin: 0 0 24px;}.listing-portfolio .module {max-width: 784px;margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0;}.listing-portfolio .listing-item {flex-flow: row wrap;justify-content: center;padding-bottom: 64px;padding-top: 64px;}.listing-portfolio .listing-content {flex: 1 100%;margin: 0;max-width: 720px;min-width: unset;order: 0;padding: 0;}.listing-portfolio .listing-item-even .listing-content {margin: 0;max-width: 720px;}.listing-portfolio .listing-module,.listing-portfolio .listing-module-phone {flex: 1 100%;max-width: 720px;order: -1;padding: 0;}.listing-portfolio .listing-module-phone {padding: 124px 0 128px;}.listing-comments:after {height: 64px;margin: 0 auto -64px;}.layout-template {flex-flow: row wrap;justify-content: center;padding-bottom: 64px;padding-top: 64px;}.layout-template-second + .layout-template, .layout-template + .layout-template-second {padding-top: 64px;}.layout-template-column {padding-left: 32px;padding-right: 32px;}.layout-template .layout-template-content {flex: 1 100%;margin: 0;max-width: 720px;min-width: unset;padding: 0;order: 0;}.layout-template .layout-template-module {flex: 1 100%;order: -1;max-width: 720px;padding-left: 32px;padding-right: 32px;}.layout-template:nth-child(2n).layout-template-phone .layout-template-module {min-width: unset;padding: 124px 0 128px;margin: 0;}.layout-template .layout-template-module {margin: 0 0 24px;}.layout-template:nth-child(2n).layout-template-phone .layout-template-content {margin: 0;max-width: 720px;}.layout-template .layout-template-rating {margin: 32px 0 0;}.layout-template .layout-template-report {margin: 32px 0 0;}.layout-template .layout-template-score-item {margin: 0 auto;}.graphics .sheet,.graphics .pencils {display: none;}.graphics .graphic-tools {display: flex;justify-content: space-around;margin: 0 0 21px;width: 100%;}.graphics .card + .card {margin: 0;}.phone {margin: 0 auto;}.responsive .listing-item-module {flex-flow: row wrap;height: 320px;}.script .editor .editor-code {max-height: 258px;}.list-article {margin: 0 0 -64px;}.templates {justify-content: center;}.templates .listing-item {min-width: 300px}.contact .contact-form {max-width: 50%;}.contact .contact-heading {font-size: 52px;}.contact .contact-details .list-heading,.contact .contact-form .heading {font-size: 48px;}.container .editor-demo-container {margin: 0;}.offer {margin-left: -82px;margin-right: -82px;}.footer {padding-bottom: 21px;padding-top: 21px;}}@media (max-width: 920px) {.offer {padding: 0;margin-left: 0;margin-right: 0;}.offer .offer-item {margin: 0 0 32px;max-width: 480px;padding: 0 0 32px;}.offer .offer-item:last-child {margin: 0;}.offer .offer-featured {box-shadow: unset;margin: 0 0 32px;}.offer .offer-featured .offer-heading {padding-top: 21px;}.offer .offer-heading {margin: 0 0 32px;}.offer .offer-price {font-size: 64px;}.offer .offer-featured .offer-price {font-size: 64px;}.packages {box-sizing: border-box;display: flex;flex-flow: row wrap;justify-content: center;padding: 20px 32px 32px 32px;width: 100%;}.packages .packages-item {padding: 12px;}.packages .packages-item:before {display: none;}.templates .listing-item {margin-bottom: 32px;}}@media (max-width: 840px) {.content h1 {font-size: 48px;}.content h2 {font-size: 42px;}.content h3 {font-size: 32px;}.content h4 {font-size: 22px;}.content h5 {font-size: 18px;}.content h6 {font-size: 18px;}.content .table {overflow-x: auto;}.heading {font-size: 42px;}.heading-second {font-size: 42px;}.header-content:before,.header-content:after {display: none;}.header-heading {font-size: 48px;margin: 0 0 12px;}.module-second .heading {font-size: 48px;}.module-second .module-heading {font-size: 48px;}.module-second .module-content {margin: 0 0 24px;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(1) {display: none;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) {max-width: 100%;width: 100%;}.menu-modal .link-phone {background: #e7a14f;font-weight: 400;}.menu-modal .link-phone:hover,.menu-modal .link-phone:focus {color: #ffffff;}.menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0.8s;}.menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.6s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.2s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.2s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.8s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.6s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.4s;}.layout {max-width: unset;padding-left: 32px;padding-right: 32px;}.layout-template {padding-left: 32px;padding-right: 32px;}.layout-template .layout-template-content {max-width: unset;}.layout-template .layout-template-report {flex: 1 100%;margin: 32px 0 0;}.layout-template .layout-template-report .layout-template-score-content {justify-content: space-around;}.layout-template .layout-template-rating {margin: 0;}.layout-template .layout-template-score-item {margin: 0 12px 24px;}.layout-template .layout-template-score-heading {margin: 21px 0 0;}.layout-template:nth-child(2n).layout-template-phone .layout-template-content {max-width: unset;}.layout-template .layout-template-module {padding: 0;}.module-background:before {opacity: 0.9;}.listing-portfolio .listing-item {padding-left: 32px;padding-right: 32px;}.listing-article .listing-item {padding: 64px 32px;}.listing-article .listing-column .listing-heading {font-size: 48px;}.list-article .list-container {box-sizing: border-box;max-width: 640px;width: 100%;}.listing-portfolio .module {padding-left: 32px;padding-right: 32px;}.contact .contact-heading {font-size: 48px;margin: 0 0 32px;}.contact .contact-form {max-width: 55%;}.contact .contact-details {max-width: 40%;}.contact .contact-details .list-heading, .contact .contact-form .heading {font-size: 42px;}.order .order-heading {font-size: 42px;}.menu-aside {top: 64px;}.menu-aside .menu-list {margin: 0;transform: translate(-100%, 0);}.menu-aside .menu-list:hover,.menu-aside .menu-list:focus-within {transform: translate(0, 0);}.menu-article.menu-aside .menu-list:before {top: 26px;transform: translate(100%, 0);}.menu-article.menu-aside .menu-list:after {display: none;}.social {bottom: 8px;left: 8px;}.social .social-link {margin: 0 8px 0 0;}.article-nav {bottom: 8px;flex-flow: column nowrap;right: 8px;}.article-nav .article-nav-link:after {margin: 8px 0 0;}.feedback .feedback-heading {margin: 0 0 32px;}.feedback .feedback-details {margin: 0 0 32px;max-width: 100%;}.feedback .feedback-form {max-width: 100%;}.rating .rating-heading {padding: 0;}}@media (max-width: 640px) {.heading {font-size: 42px;}.heading-second {font-size: 42px;}.header-heading {font-size: 42px;}.editor .editor-tab {padding: 8px 16px 0;}.editor .editor-label {padding: 8px 12px;min-width: unset;}.module {padding-bottom: 48px;padding-top: 48px;}.module .module {padding-bottom: 0;padding-top: 0;}.module + .module,.module + .layout {padding-top: 0;}.layout {padding: 48px 24px;}.layout + .layout,.layout + .module {padding-top: 0;}.layout .layout-heading,.module .module-heading  {text-align: center;margin-top: 48px;}.layout .layout-heading:first-child,.module .module-heading:first-child {margin-top: 0;}.layout .layout-module,.module .module-app {margin: 64px 0;}.layout .layout-module:first-child,.module .module-app:first-child {margin-top: 0;}.layout .layout-module:last-child,.module .module-app:last-child  {margin-bottom: 0;}.layout-template {padding: 48px 24px;}.layout-template + .layout-template,.layout + .layout-template {padding-top: 0;}.layout-template-second + .layout-template,.layout-template + .layout-template-second {padding-top: 48px;}.layout-template .layout-template-module {margin: 0 0 24px;}.layout-template-phone .layout-template-module {padding: 114px 0 128px;}.layout-template .layout-template-nav {margin: 0;text-align: center;}.layout-template .layout-template-nav .layout-template-button {margin: 24px 8px 0;}.layout-template .layout-template-score-content {flex-flow: row wrap;justify-content: center;}.layout-template {padding-left: 24px;padding-right: 24px;}.menu-modal > .menu-modal-row:nth-child(1) {width: 70%;}.menu-modal > .menu-modal-row:nth-child(2) {width: 30%;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) {height: 100%;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(1),.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) {height: 25%;max-width: 100%;width: 100%;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) {order: -1;}.menu-modal > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(2) > .menu-modal-row:nth-child(3) {display: none;}.menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0.6s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.2s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0s;}.menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-data {transition-delay: 0s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(2) .menu-modal-data {transition-delay: 0.4s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(1) .menu-modal-data {transition-delay: 0.6s;}.modal-close .menu-modal .menu-modal-row .menu-modal-row .menu-modal-row .menu-slide:nth-child(3) .menu-modal-data {transition-delay: 0.2s;}.menu-modal .link-phone {writing-mode: vertical-rl;}.module-second {padding-bottom: 48px;padding-top: 48px;}.module-second + .module,.module-second + .layout {padding-top: 48px;}.module-second .heading {font-size: 42px;}.module-second .module-heading {font-size: 42px;}.subtitle {font-size: 21px;}.listing-article .listing-item {padding: 48px 24px;}.listing-article .listing-heading {font-size: 38px;}.listing-article .listing-item-module {margin: 0 0 24px;max-width: 100%;}.listing-article .listing-column .listing-heading {font-size: 42px;}.listing-article .listing-more {margin: 24px 0 0;}.listing-article .listing-item {padding: 48px 24px;}.listing-portfolio .module {padding-left: 24px;padding-right: 24px;}.listing-portfolio .listing-item {padding: 48px 24px;}.listing-portfolio .listing-nav {margin-bottom: -21px;text-align: center;}.listing-portfolio .listing-button {margin: 0 8px 21px;}.listing-blog .listing-item {padding-top: 32px;padding-bottom: 32px;}.listing-blog .listing-more {margin: 16px 0 0;}.listing-comments:after {height: 48px;margin: 0 auto -48px;}.list-article {margin: 0 0 -48px;}.list-article:after {height: 64px;}.graphics .graphic-tools {flex-flow: column wrap;}.graphics .graphic-tools .card {margin: 0 0 0 auto;}.graphics .graphic-tools .card + .card {margin: 16px auto 0 0;}.phone {transform: rotate(-30deg) skewX(30deg) scale(0.38);}.contact .contact-heading {font-size: 42px;}.contact .contact-heading {margin: 0 0 48px;}.contact .contact-details .list-heading,.contact .contact-form .heading {font-size: 38px;}.contact .contact-details,.contact .contact-form {max-width: 100%;width: 100%;}.contact .contact-details + .contact-form  {margin: 32px 0 0;}.order .order-heading {font-size: 42px;}}@media (max-width: 480px) {.content h1 {font-size: 42px;}.content h2 {font-size: 32px;}.content h3 {font-size: 28px;}.content h4 {font-size: 24px;}.content h5 {font-size: 21px;}.content h6 {font-size: 18px;}.container {padding: 0 21px;}.button-scroll {display: none;}.button-menu {padding: 12px;}.button-menu:before {right: 12px;}.heading {font-size: 32px;}.header-second {padding-top: 32px;padding-bottom: 48px;}.header-second .logo-link.icon:before {font-size: 68px;}.module {padding-bottom: 32px;padding-top: 32px;}.module .module {padding-bottom: 0;padding-top: 0;}.module + .module,.module + .layout {padding-top: 0;}.module-second {padding-bottom: 32px;padding-top: 32px;}.module-second + .module,.module-second + .layout {padding-top: 32px;}.module-second .heading {font-size: 32px;margin: 0 0 21px;}.module-second .module-heading {font-size: 32px;}.layout {padding-bottom: 32px;padding-top: 32px;}.layout + .layout,.layout + .module {padding-top: 0;}.layout .layout-heading,.module .module-heading  {text-align: center;margin-top: 32px;}.layout .layout-heading:first-child,.module .module-heading:first-child {margin-top: 0;}.layout .layout-module,.module .module-app {margin: 32px 0;}.layout .layout-module:first-child,.module .module-app:first-child {margin-top: 0;}.layout .layout-module:last-child,.module .module-app:last-child  {margin-bottom: 0;}.layout-template {padding: 32px 21px;}.layout-template + .layout-template,.layout + .layout-template {padding-top: 0;}.layout-template-second + .layout-template,.layout-template + .layout-template-second {padding-top: 32px;}.layout-template .layout-template-module {margin: 0 0 21px;}.layout-template .layout-template-nav .layout-template-button {margin: 21px 8px 0;}.layout-template-phone .layout-template-module {padding: 86px 0 92px;}.subtitle {font-size: 18px;}.layout-subtitle {font-size: 21px;}.listing-article .listing-item {padding: 32px 21px;}.listing-article .listing-heading {font-size: 32px;}.listing-article .listing-item-module {margin: 0 0 21px;}.listing-article .listing-column .listing-heading {font-size: 32px;}.listing-article .listing-more {margin: 21px 0 0;}.listing-comments::after {height: 32px;margin: 0 auto -32px;}.list-article {margin: 0 -16px -32px;}.list-article:after {height: 32px;}.list-article .list-container {padding: 24px 16px;}.list-article .list-item:before {margin: 2px auto 0;}.list-article .list-item:after {margin: 0 auto 2px;}.list-article .list-heading {font-size: 24px;}.menu-modal .menu-modal-nav {padding: 24px;}.menu-modal .menu-modal-nav input,.menu-modal .menu-modal-nav .menu-list-container:before {left: -20px;top: 12px;}.menu-modal .menu-modal-nav .menu-list-link {font-size: 21px;padding: 18px;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-link {font-size: 18px;padding: 10px 32px;}.menu-modal .menu-modal-nav .menu-list-container .menu-list-container .menu-list {padding: 0 32px;}.header-nav .link-icon {padding: 12px;}.graphics .listing-item-module {overflow: unset;}.graphics .graphic-tools {align-items: center;}.graphics .graphic-tools .card {margin: 0;}.graphics .graphic-tools .card + .card {margin: 16px 0 0 0;}.responsive .listing-item-module {height: 180px;}.phone {transform: rotate(-30deg) skewX(30deg) scale(0.26);}.contact .contact-heading {font-size: 32px;margin: 0 0 32px;}.contact .contact-details .list-heading,.contact .contact-form .heading {font-size: 32px;}.order .order-heading {font-size: 32px;margin: 0 0 32px;}.footer {padding-bottom: 21px;padding-top: 21px;}}
/* cmsms stylesheet: Slider modified: wtorek, 25 stycznia 2022 20:52:32 */
.compsoul-slider {box-sizing: border-box;position: relative;min-height: 100vh;transition: min-height 0.4s;z-index: 0;}.header .compsoul-slider,.laptop .compsoul-slider,.phone .compsoul-slider {height: 100%;min-height: unset;width: 100%;}.compsoul-slide-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;overflow: hidden;padding: 0;position: absolute;margin: -1px;width: 1px;}.compsoul-slide {box-sizing: border-box;height: 100vh;left: 0;position: absolute;pointer-events: none;top: 0;width: 100%;}.header .compsoul-slide,.laptop .compsoul-slide,.phone .compsoul-slide {height: 100%;}.header .compsoul-slide {align-items: center;display: flex;flex-flow: row wrap;}.compsoul-slider-filter .compsoul-slide:before {background: #290b51;bottom: 0;content: "";filter: saturate(50%) hue-rotate(-30deg);left: 0;opacity: 0.7;position: absolute;right: 0;top: 0;z-index: 2;}.compsoul-slide.compsoul-first {position: static;}.compsoul-slide.compsoul-active {z-index: 1;pointer-events: auto;}.compsoul-slide-content {align-items: center;box-sizing: border-box;display: flex;flex-flow: column nowrap;height: 100%;justify-content: center;position: relative;text-align: center;width: 100%;z-index: 3;}.header .compsoul-slide-content {height: unset;padding-bottom: 124px;padding-top: 124px;}.compsoul-slide-content .compsoul-slide-heading {align-items: center;color: #e7a14f;display: flex;flex-flow: column wrap;font-size: 68px;margin: 0 0 21px;text-transform: uppercase;}.compsoul-slide-content .compsoul-slide-logo {margin: 0 0 82px;}.compsoul-slide-content .compsoul-slide-logo:before {color: #e7a14f;content: "\e900";font-size: 88px;}.compsoul-slide-content .compsoul-slide-headline {color: #a3a3a3;font-family: var(--font);font-size: 26px;position: relative;text-transform: unset;}.compsoul-slide-content .compsoul-slide-headline:before,.compsoul-slide-content .compsoul-slide-headline:after {background: #a3a3a3;content: "";height: 1px;left: 0;margin: 0 0 0 -8px;position: absolute;top: 50%;transform: translate(-100%, 50%);width: 160px;}.compsoul-slide-content .compsoul-slide-headline:after {left: auto;margin: 0 -8px 0 0;right: 0;transform: translate(100%, 50%);}.compsoul-slide .compsoul-slide-picture {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: -2;}.compsoul-slide .compsoul-slide-picture .compsoul-slide-img {display: block;height: 100%;object-fit: cover;width: 100%;}.laptop .compsoul-slide .compsoul-slide-picture .compsoul-slide-img {object-position: 0 0;transition: object-position 0.2s linear;}.compsoul-slider-filter .compsoul-slide .compsoul-slide-picture .compsoul-slide-img {filter: grayscale(1);}.compsoul-slide .compsoul-slide-more {font-size: 18px;margin: 80px 0 0;padding: 16px 32px;text-transform: uppercase;}.compsoul-slide-timeline {height: 3px;left: 0;position: absolute;top: 0;z-index: 5;width: 100%;}.compsoul-slide-timeline:before {animation: compsoul-slide-timeline 8s linear forwards;animation-play-state: paused;background: #ffffff;content: "";display: block;height: 100%;opacity: 0;transform: translate(-100%, 0);width: 100%;}#portfolio .compsoul-slide-timeline:before {animation-duration: 4s;}.compsoul-slider .compsoul-slide-timeline.compsoul-active:before {animation-play-state: running;}.compsoul-slider:hover .compsoul-slide-timeline:before,.header .compsoul-slider .compsoul-slide-timeline:before,.laptop .compsoul-slider .compsoul-slide-timeline:before {animation-play-state: paused;}.compsoul-complete .header.active .compsoul-slider .compsoul-slide-timeline.compsoul-active:before,.compsoul-complete .active .laptop .compsoul-slider .compsoul-slide-timeline.compsoul-active:before {animation-play-state: running;}.slider .compsoul-slider .compsoul-slide-timeline.compsoul-active:before {animation-play-state: paused;}.compsoul-slide-timeline.compsoul-unset:before {animation: unset;}@keyframes compsoul-slide-timeline {from {transform: translate(-100%, 0);}to {transform: translate(0, 0);}}.compsoul-slider-fade .compsoul-slide {opacity: 0;will-change: opacity;z-index: 0;}.compsoul-slider-fade .compsoul-slide.compsoul-wait {opacity: 1;z-index: 1;}.compsoul-slider-fade .compsoul-slide.compsoul-active {opacity: 1;transition: opacity 0.4s;z-index: 2;}.compsoul-slider-fade .compsoul-slide.compsoul-first, .compsoul-slider-fade .compsoul-slide.compsoul-previous {transition: unset;}.compsoul-slider-vertical {overflow: hidden;}.compsoul-slider-vertical .compsoul-slide {background: transparent;will-change: transform;}.compsoul-slider-vertical .compsoul-slide.compsoul-previous {z-index: 2;}.compsoul-slider-vertical .compsoul-slide.compsoul-active {z-index: 4;}.compsoul-slider-vertical .compsoul-slide.compsoul-direction-down {animation: compsoul-slider-vertical-down 0.4s linear forwards;}@keyframes compsoul-slider-vertical-down {from {transform: translate(0, -100%);}to {transform: translate(0, 0);}}.compsoul-slider-vertical .compsoul-slide.compsoul-direction-up {animation: compsoul-slider-vertical-up 0.4s linear forwards;}@keyframes compsoul-slider-vertical-up {from {transform: translate(0, 100%);}to {transform: translate(0, 0);}}.compsoul-slider-vertical .compsoul-slide.compsoul-first, .compsoul-slider-vertical .compsoul-slide.compsoul-previous {animation: unset;}.compsoul-slider-horizontal {overflow: hidden;}.compsoul-slider-horizontal .compsoul-slide {background: #ffffff;will-change: transform;}.compsoul-slider-horizontal .compsoul-slide.compsoul-previous {z-index: 2;}.compsoul-slider-horizontal .compsoul-slide.compsoul-active {z-index: 4;}.compsoul-slider-horizontal .compsoul-slide.compsoul-direction-down {animation: compsoul-slider-horizontal-left 0.4s linear forwards;}@keyframes compsoul-slider-horizontal-left {from {transform: translate(-100%, 0);}to {transform: translate(0, 0);}}.compsoul-slider-horizontal .compsoul-slide.compsoul-direction-up {animation: compsoul-slider-horizontal-right 0.4s linear forwards;}@keyframes compsoul-slider-horizontal-right {from {transform: translate(100%, 0);}to {transform: translate(0, 0);}}.compsoul-slider-horizontal .compsoul-slide.compsoul-first, .compsoul-slider-horizontal .compsoul-slide.compsoul-previous {animation: unset;}@media (max-width: 1800px) {.header .compsoul-slide-content {height: unset;padding-bottom: 108px;padding-top: 108px;}.compsoul-slide-content .compsoul-slide-logo {margin: 0 0 72px;}.compsoul-slide-content .compsoul-slide-logo:before {font-size: 82px;}.compsoul-slide-content .compsoul-slide-heading {font-size: 62px;}.compsoul-slide-content .compsoul-slide-headline {font-size: 24px;}.compsoul-slide .compsoul-slide-more {font-size: 16px;margin: 72px 0 0;}.laptop .compsoul-slide,.phone .compsoul-slide {max-height: unset;min-height: unset;}}@media (max-width: 1600px) {.compsoul-slide-content .compsoul-slide-logo {margin: 0 0 64px;}.compsoul-slide-content .compsoul-slide-logo:before {font-size: 74px;}.compsoul-slide-content .compsoul-slide-heading {font-size: 56px;}.compsoul-slide-content .compsoul-slide-headline {font-size: 21px;}.compsoul-slide .compsoul-slide-more {margin: 64px 0 0;}.laptop .compsoul-slide,.phone .compsoul-slide {max-height: unset;min-height: unset;}}@media (max-width: 1100px) {.compsoul-slide {min-height: 300px;}.compsoul-slide .compsoul-slide-content {padding: 32px;}.compsoul-slide-content .compsoul-slide-heading {font-size: 48px;margin: 0 0 32px;}.compsoul-slide-content .compsoul-slide-logo {margin: 0 0 32px;}.compsoul-slide .compsoul-slide-more {margin: 32px 0 0;}.laptop .compsoul-slide,.phone .compsoul-slide {max-height: unset;min-height: unset;}}@media (max-width: 840px) {.compsoul-slide {min-height: 380px;max-height: 100vh;}.compsoul-slide-content .compsoul-slide-heading {margin-bottom: 21px;}.compsoul-slide-content .compsoul-slide-headline:before,.compsoul-slide-content .compsoul-slide-headline:after {display: none;}.laptop .compsoul-slide,.phone .compsoul-slide {max-height: unset;min-height: unset;}}@media (max-width: 640px) {.compsoul-slide-content .compsoul-slide-heading {font-size: 42px;}}@media (max-width: 480px) {.compsoul-slide .compsoul-slide-content {padding: 52px 21px 28px;}.compsoul-slide-content .compsoul-slide-logo:before {font-size: 68px;}.compsoul-slide-content .compsoul-slide-heading {font-size: 32px;}.compsoul-slide .compsoul-slide-more {margin: 21px 0 0;padding: 14px 28px;}.laptop .compsoul-slide,.phone .compsoul-slide {max-height: unset;min-height: unset;}}