/* Normalize */
html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
h1{font-size:2em;margin:0.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:bolder;}
code,
kbd,
samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
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{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],
[type="radio"]{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;}
/* Prism */
code[class*="language-"],
pre[class*="language-"] { color: #000; background: none; text-shadow: 0 1px #fff; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; }
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; }
@media print {
code[class*="language-"],
pre[class*="language-"] { text-shadow: none; }
}
/* Code blocks */
pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; }
:not(pre) > code[class*="language-"],
pre[class*="language-"] { background: #fff; }
/* Inline code */
:not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; }
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: slategray; }
.token.punctuation { color: #999; }
.namespace { opacity: .7; }
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted { color: #905; }
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted { color: #690; }
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string { color: #a67f59; background: hsla(0, 0%, 100%, .5); }
.token.atrule,
.token.attr-value,
.token.keyword { color: #07a; }
.token.function { color: #DD4A68; }
.token.regex,
.token.important,
.token.variable { color: #e90; }
.token.important,
.token.bold { font-weight: bold; }
.token.italic { font-style: italic; }
.token.entity { cursor: help; }
/* Code Box Copy */
.code-box-copy { position: relative; font-size: 16px; }
.code-box-copy__btn { opacity: 0; position: absolute; top: 11px; right: 11px; width: 36px; height: 36px; background-color: #eee; border: 1px solid #ccc; color: #1c0f24; border-radius: 2px; -webkit-transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out; }
.code-box-copy__btn::before { display: inline-block; content: ' '; vertical-align: middle; width: 16px; height: 16px; background: url('data:image/svg+xml;utf-8,') no-repeat 0 0; }
.code-box-copy:hover .code-box-copy__btn,
.code-box-copy .code-box-copy__btn:focus { opacity: 1; }
.code-box-copy .code-box-copy__btn:focus { outline: 1px dashed #1c0f24; outline-offset: 4px; }
.code-box-copy__btn:disabled { background-color: #eee; border-color: #ccc; color: #1c0f24; pointer-events: none; }
.code-box-copy__btn:hover { cursor: pointer; background-color: #fff; border: 1px solid #ccc; color: #1c0f24; }
.code-box-copy__btn:focus,
.code-box-copy__btn:active { outline: 0; }
.code-box-copy__tooltip { display: none; position: absolute; bottom: -webkit-calc(100% + 11px); bottom: calc(100% + 11px); right: 0; width: 80px; padding: 6px 0; background-color: #1c0f24; color: #fff; text-align: center; border-radius: 2px; font-size: 13px; }
.code-box-copy__tooltip::after { display: block; position: absolute; right: 13px; bottom: -5px; content: ' '; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #1c0f24 transparent transparent transparent; }
/*
=======================================================================
* Item Name : GDPR Cookie Law
* Item URL : https://codecanyon.net/item/gdpr-cookie-law/22061612
* Item Version : 1.0.8
* Author by : jablonczay
=======================================================================
*/
.gdpr-cookie-law{position:fixed;z-index:1000000000;padding:14px;bottom:0;left:0;right:0;max-width:100%;background-color:#09a0e1;color:#fff;font-family:Arial,sans-serif;line-height:1.4;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gdpr-cookie-law--is-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.gdpr-cookie-law__body{width:1170px;max-width:100%;margin-left:auto;margin-right:auto}.gdpr-cookie-law:not(.gdpr-cookie-law--sm):not(.gdpr-cookie-law--sm-fix) .gdpr-cookie-law__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gdpr-cookie-law__icon-box{margin-right:1em;width:24px}.gdpr-cookie-law__icon{display:inline-block;vertical-align:middle;width:24px;height:24px;fill:currentColor}.gdpr-cookie-law--sm .gdpr-cookie-law__icon-box,.gdpr-cookie-law--sm-fix .gdpr-cookie-law__icon-box{margin-left:auto;margin-right:auto;margin-bottom:.5em}.gdpr-cookie-law__desc{text-align:left}.gdpr-cookie-law--sm .gdpr-cookie-law__desc,.gdpr-cookie-law--sm-fix .gdpr-cookie-law__desc{text-align:center}.gdpr-cookie-law__link{display:inline-block;vertical-align:inherit;white-space:nowrap;color:inherit;text-decoration:none;font-weight:700;border:1px solid transparent}.gdpr-cookie-law__link:focus,.gdpr-cookie-law__link:hover{text-decoration:none;color:inherit;border:1px solid transparent}.gdpr-cookie-law__btn-bar{margin-left:auto;text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1}.gdpr-cookie-law--sm .gdpr-cookie-law__btn-bar,.gdpr-cookie-law--sm-fix .gdpr-cookie-law__btn-bar{text-align:center}.gdpr-cookie-law__btn{display:inline-block;font-weight:700;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#fff;color:#666;border:1px solid transparent;margin:0;padding:15px 56px 13px 56px;font-size:14px;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;-o-transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;text-transform:uppercase}.gdpr-cookie-law__btn:focus,.gdpr-cookie-law__btn:hover{text-decoration:none}.gdpr-cookie-law__btn:hover{cursor:pointer}.gdpr-cookie-law__btn:focus{outline:0}.gdpr-cookie-law__btn--accept{background-color:#fff;color:#666}.gdpr-cookie-law--animated{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes gdpr-cookie-law-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes gdpr-cookie-law-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes gdpr-cookie-law-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes gdpr-cookie-law-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes gdpr-cookie-law-slide-in-up{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes gdpr-cookie-law-slide-in-up{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes gdpr-cookie-law-slide-in-down{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes gdpr-cookie-law-slide-in-down{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes gdpr-cookie-law-slide-out-up{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes gdpr-cookie-law-slide-out-up{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes gdpr-cookie-law-slide-out-down{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes gdpr-cookie-law-slide-out-down{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes gdpr-cookie-law-fade-in-down{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes gdpr-cookie-law-fade-in-down{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes gdpr-cookie-law-fade-in-up{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes gdpr-cookie-law-fade-in-up{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes gdpr-cookie-law-fade-out-down{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes gdpr-cookie-law-fade-out-down{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes gdpr-cookie-law-fade-out-up{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes gdpr-cookie-law-fade-out-up{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.gdpr-cookie-law--animation-fade-in{-webkit-animation-name:gdpr-cookie-law-fade-in;animation-name:gdpr-cookie-law-fade-in}.gdpr-cookie-law--animation-fade-out{-webkit-animation-name:gdpr-cookie-law-fade-out;animation-name:gdpr-cookie-law-fade-out}.gdpr-cookie-law--animation-slide-in-up{-webkit-animation-name:gdpr-cookie-law-slide-in-up;animation-name:gdpr-cookie-law-slide-in-up}.gdpr-cookie-law--animation-slide-in-down{-webkit-animation-name:gdpr-cookie-law-slide-in-down;animation-name:gdpr-cookie-law-slide-in-down}.gdpr-cookie-law--animation-slide-out-up{-webkit-animation-name:gdpr-cookie-law-slide-out-up;animation-name:gdpr-cookie-law-slide-out-up}.gdpr-cookie-law--animation-slide-out-down{-webkit-animation-name:gdpr-cookie-law-slide-out-down;animation-name:gdpr-cookie-law-slide-out-down}.gdpr-cookie-law--animation-fade-in-up{-webkit-animation-name:gdpr-cookie-law-fade-in-up;animation-name:gdpr-cookie-law-fade-in-up}.gdpr-cookie-law--animation-fade-in-down{-webkit-animation-name:gdpr-cookie-law-fade-in-down;animation-name:gdpr-cookie-law-fade-in-down}.gdpr-cookie-law--animation-fade-out-up{-webkit-animation-name:gdpr-cookie-law-fade-out-up;animation-name:gdpr-cookie-law-fade-out-up}.gdpr-cookie-law--animation-fade-out-down{-webkit-animation-name:gdpr-cookie-law-fade-out-down;animation-name:gdpr-cookie-law-fade-out-down}.gdpr-cookie-law.gdpr-cookie-law--theme-dark{background-color:#444;color:#fff}.gdpr-cookie-law--theme-dark .gdpr-cookie-law__link,.gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-dark .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept{background-color:#ccc;color:#111}.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-dark .gdpr-cookie-law__btn--accept:hover{background-color:#eee;color:#111}.gdpr-cookie-law.gdpr-cookie-law--theme-light{background-color:#eee;color:#444}.gdpr-cookie-law--theme-light .gdpr-cookie-law__link,.gdpr-cookie-law--theme-light .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept{background-color:#333;color:#fff}.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light .gdpr-cookie-law__btn--accept:hover{background-color:#111;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-1{background-color:#5783ff;color:#fff}.gdpr-cookie-law--theme-1 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-1 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept{background-color:#4c67ea;color:#fff}.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-1 .gdpr-cookie-law__btn--accept:hover{background-color:#4759d4;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-2{background-color:#b667ff;color:#fff}.gdpr-cookie-law--theme-2 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-2 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept{background-color:#9d50e4;color:#fff}.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-2 .gdpr-cookie-law__btn--accept:hover{background-color:#9144cb;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-3{background-color:#ff56e0;color:#fff}.gdpr-cookie-law--theme-3 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-3 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept{background-color:#d635ab;color:#fff}.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-3 .gdpr-cookie-law__btn--accept:hover{background-color:#c6399a;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-4{background-color:#ff5f50;color:#fff}.gdpr-cookie-law--theme-4 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-4 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept{background-color:#da351e;color:#fff}.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-4 .gdpr-cookie-law__btn--accept:hover{background-color:#ca4329;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-5{background-color:#ff6438;color:#fff}.gdpr-cookie-law--theme-5 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-5 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept{background-color:#d85122;color:#fff}.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-5 .gdpr-cookie-law__btn--accept:hover{background-color:#bf4817;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-6{background-color:#6a9c00;color:#fff}.gdpr-cookie-law--theme-6 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-6 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept{background-color:#4c8100;color:#fff}.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-6 .gdpr-cookie-law__btn--accept:hover{background-color:#3d7300;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-7{background-color:#50a300;color:#fff}.gdpr-cookie-law--theme-7 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-7 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept{background-color:#378600;color:#fff}.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-7 .gdpr-cookie-law__btn--accept:hover{background-color:#297900;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-8{background-color:#00b284;color:#fff}.gdpr-cookie-law--theme-8 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-8 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept{background-color:#009173;color:#fff}.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-8 .gdpr-cookie-law__btn--accept:hover{background-color:#00806a;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-9{background-color:#00aab9;color:#fff}.gdpr-cookie-law--theme-9 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-9 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept{background-color:#00899f;color:#fff}.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-9 .gdpr-cookie-law__btn--accept:hover{background-color:#007993;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-10{background-color:#00a6ca;color:#fff}.gdpr-cookie-law--theme-10 .gdpr-cookie-law__link,.gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-10 .gdpr-cookie-law__link:hover{color:inherit}.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept{background-color:#0086ad;color:#fff}.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-10 .gdpr-cookie-law__btn--accept:hover{background-color:#00759f;color:#fff}.gdpr-cookie-law.gdpr-cookie-law--theme-light-1{background-color:#bccae4;color:#495b7d}.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__link:hover{color:#495b7d}.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__btn--accept{background-color:#1f3660;color:#bccae4}.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-1 .gdpr-cookie-law__btn--accept:hover{background-color:#13213a;color:#c8d4e9}.gdpr-cookie-law.gdpr-cookie-law--theme-light-2{background-color:#ccc5e6;color:#5d5580}.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__link:hover{color:#5d5580}.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__btn--accept{background-color:#382e65;color:#ccc5e6}.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-2 .gdpr-cookie-law__btn--accept:hover{background-color:#312858;color:#d0cae8}.gdpr-cookie-law.gdpr-cookie-law--theme-light-3{background-color:#dec1de;color:#754f75}.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__link:hover{color:#754f75}.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__btn--accept{background-color:#562657;color:#dec1de}.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-3 .gdpr-cookie-law__btn--accept:hover{background-color:#4f1f50;color:#e4cde4}.gdpr-cookie-law.gdpr-cookie-law--theme-light-4{background-color:#e6c0d0;color:#7f4d64}.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__link:hover{color:#7f4d64}.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__btn--accept{background-color:#632541;color:#e6c0d0}.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-4 .gdpr-cookie-law__btn--accept:hover{background-color:#5d233d;color:#e9c8d6}.gdpr-cookie-law.gdpr-cookie-law--theme-light-5{background-color:#e6c1c1;color:#7f4f50}.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__link:hover{color:#7f4f50}.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__btn--accept{background-color:#632728;color:#e6c1c1}.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-5 .gdpr-cookie-law__btn--accept:hover{background-color:#5b2425;color:#e9c8c8}.gdpr-cookie-law.gdpr-cookie-law--theme-light-6{background-color:#e1c3b8;color:#795243}.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__link:hover{color:#795243}.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__btn--accept{background-color:#5c2b19;color:#e1c3b8}.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-6 .gdpr-cookie-law__btn--accept:hover{background-color:#552411;color:#e8d2c9}.gdpr-cookie-law.gdpr-cookie-law--theme-light-7{background-color:#b4d1b4;color:#3e643e}.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__link:hover{color:#3e643e}.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__btn--accept{background-color:#124211;color:#b4d1b4}.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-7 .gdpr-cookie-law__btn--accept:hover{background-color:#113d10;color:#d0e2d0}.gdpr-cookie-law.gdpr-cookie-law--theme-light-8{background-color:#acd1d1;color:#346464}.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__link:hover{color:#346464}.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__btn--accept{background-color:#054140;color:#acd1d1}.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-8 .gdpr-cookie-law__btn--accept:hover{background-color:#032928;color:#cee4e4}.gdpr-cookie-law.gdpr-cookie-law--theme-light-9{background-color:#b1ceda;color:#3a6170}.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__link:hover{color:#3a6170}.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__btn--accept{background-color:#0c3d4f;color:#b1ceda}.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-9 .gdpr-cookie-law__btn--accept:hover{background-color:#0a3342;color:#cbdee6}.gdpr-cookie-law.gdpr-cookie-law--theme-light-10{background-color:#c6c7bf;color:#3e3d40}.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__link{color:inherit}.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__link:active,.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__link:focus,.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__link:hover{color:#3e3d40}.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__btn--accept{background-color:#3e3d40;color:#c6c7bf}.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__btn--accept:active,.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__btn--accept:focus,.gdpr-cookie-law--theme-light-10 .gdpr-cookie-law__btn--accept:hover{background-color:#262527;color:#dbdbd6}
/* Site */
html,
body { overflow-x: hidden; }
html { background-color: #efefef; scroll-behavior: smooth; }
body { background-color: transparent; color: #1f0830; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.4; }
.loading * { -webkit-transition: none !important; -o-transition: none !important; }
/* Helper */
.is-hidden { display: none; }
/* Links */
a,
a:hover,
a:focus { text-decoration: none; color: #0060f1; border-bottom: 1px dotted currentColor; }
a { display: inline-block; vertical-align: inherit; margin-bottom: -1px; }
a:hover,
a:focus { border-bottom-width: 0; }
/* Lists */
.unorder-list { margin: 0; padding: 0; list-style: none; border-top: 5px solid #0060f1; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
.unorder-item { padding: 20px; background-color: #fff; border-bottom: 1px solid #eee; }
.unorder-icon { display: inline-block; vertical-align: top; width: 20px; height: 20px; margin-right: 10px; }
.unorder-icon--check { background: url('data:image/svg+xml;utf-8,') no-repeat 0 0; }
.unorder-list--success { border-top-color: #00ad88; }
.unorder-list--danger { border-top-color: #f37; }
.order-list { list-style: none; margin: 40px 0 0 0; padding: 0; }
.order-item { position: relative; padding-left: 50px; }
.order-item:not(:first-child) { margin-top: 40px; }
.order-num { position: absolute; z-index: 1; left: 0; top: -5px; min-width: 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: bold; background-color: #00ad88; color: #fff; border-radius: 999px; }
.order-text {}
@media screen and (min-width: 768px) {
.order-item { padding-left: 60px; }
}
/* Tables */
.table { width: 100%; border-collapse: separate; border-spacing: 0; border: 0; border-top: 5px solid #0060f1; font-size: 16px; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
.table tbody tr { -webkit-box-shadow: none; box-shadow: none; }
.table thead th { background-color: #fbfcfd; padding: 20px; min-height: 80px; font-weight: 700; border: 1px solid #eee; border-bottom-width: 5px; border-left-width: 0; text-align: left; white-space: nowrap; text-transform: uppercase; }
.table thead th span { font-size: 14px; font-weight: 400; }
.table thead th:first-child { border-left-width: 1px; }
.table tbody td { background-color: #fff; padding: 20px; min-height: 80px; border: 1px solid #eee; border-top-width: 0; border-left-width: 0; }
.table tbody td:first-child { border-left-width: 1px; }
.table tbody tr:nth-child(2n + 2) td { background-color: #fafafa; }
@media screen and (max-width: 1199px) {
.table { border: 0; -webkit-box-shadow: none; box-shadow: none; }
.table thead { display: none; }
.table tbody tr { display: block; margin-bottom: 30px; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
.table tbody th,
.table tbody td { min-height: 50px; padding: 10px; border-left-width: 0 !important; border-right-width: 0 !important; }
.table tbody th { text-transform: none; white-space: normal; }
.table tbody td { border: 1px solid #eee; border-top-width: 0; display: block; font-size: 1em; text-align: left; }
.table tbody td:first-child { border-top-width: 5px; border-top-color: #0060f1; }
.table tbody tr:not(:first-child) { border-left: 0; }
.table tbody td:before { content: attr(aria-label); display: block; margin-bottom: 10px; text-align: left; color: #234753; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.table tbody tr:nth-child(2n + 2) td { background-color: #fff; }
}
/* Buttons */
.btn { display: inline-block; background-color: #fff; color: #666; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; border: 1px solid transparent; border-radius: 999px; padding: 15px 56px 13px 52px; font-size: 16px; line-height: 1.5; letter-spacing: 0.05em; -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; text-transform: uppercase; text-decoration: none; }
.btn:hover,
.btn:focus { text-decoration: none; border: 1px solid transparent; color: #fff; }
.btn:hover { cursor: pointer; }
.btn:focus { outline: 0; }
.btn:focus { outline: 1px dashed #fff; outline-offset: 6px; }
.btn:active { color: #fff; }
.btn--try { background-color: #9155be; color: #fff; border: 5px solid transparent; text-transform: none; }
.btn--try:hover,
.btn--try:focus { background-color: #9f6bc7; color: #fff; border: 5px solid transparent; }
.btn--try:active { background-color: #0c0014; color: #fff; border: 5px solid transparent; }
.btn--buy { background-color: #29a85c; color: #fff; border: 5px solid transparent; text-transform: none; }
.btn--buy:hover,
.btn--buy:focus { background-color: #14a552; color: #fff; border: 5px solid transparent; }
.btn--buy:active { background-color: #200038; color: #fff; border: 5px solid transparent; }
.btn__try-sm { display: inline; }
.btn__try-lg { display: none; }
@media screen and (min-width: 480px) {
.btn__try-sm { display: none; }
.btn__try-lg { display: inline; }
}
.wrapper { position: relative; overflow: hidden; }
.container { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; width: 1170px; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 1200px) {
.wrapper:before { top: 0; }
}
/* Header */
.header { background-color: #7601d0; text-align: center; }
.header__container { padding-top: 30px; padding-bottom: 50px; }
.header__title { display: inline-block; vertical-align: middle; background-color: #200038; min-width: 240px; margin: 0; padding: 10px 20px; font-size: 28px; font-weight: normal; line-height: 1.15; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; color: #f1f3f9; }
.header__title-info { display: block; font-size: 16px; color: #fff; opacity: 0.9; font-weight: normal; letter-spacing: 1px; text-transform: initial; }
.header__logo { display: block; width: 96px; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 3em; }
.header__logo-link { display: block; text-decoration: none; border: 0; }
.header__logo-link:hover,
.header__logo-link:focus { border: 0; }
.header__logo-link:focus { outline: 1px dashed #fff; outline-offset: 6px; }
.header__logo-img { display: block; width: 96px; height: 96px; }
.header__btn-bar { margin-top: 50px; text-align: center; }
.header__btn-bar .btn--try { display: block; margin-bottom: 30px; }
.header__btn-bar .btn--buy { display: block; }
@media screen and (min-width: 768px) {
.header__container { padding-top: 50px; padding-bottom: 80px; }
.header__logo { margin-top: 0; width: 128px; }
.header__logo-img { width: 128px; height: 128px; }
.header__title { font-size: 36px; }
.header__title-info { font-size: 20px; }
.header__btn-bar { margin-top: 60px; }
.header__btn-bar .btn--try { display: inline-block; margin-bottom: 0; margin-right: 30px; }
.header__btn-bar .btn--buy { display: inline-block; }
}
/* Nav */
.nav { position: absolute; top: 0; right: 0; left: 0; max-width: 100%; z-index: 1000000; margin: 0 0 50px 0; padding: 0; background-color: #7601d0; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); }
.nav__toggle { text-align: center; color: #fff; }
.nav__toggle-btn { position: absolute; top: 20px; right: 20px; z-index: 1; background: transparent; padding: 20px; border: 0; border-radius: 0; }
.nav__toggle-btn-text { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.nav__toggle-btn:hover { cursor: pointer; }
.nav__toggle-btn-icon { display: inline-block; vertical-align: middle; width: 25px; height: 20px; fill: #fff; }
.nav__toggle-form-control-chk { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.nav__toggle-form-control-chk:focus ~ .nav__toggle .nav__toggle-btn { outline: 1px dashed #fff; outline-offset: -12px; }
.nav__list { display: none; margin: 0; padding: 96px 0 60px 0; list-style: none; }
.nav__item:not(:first-child) { margin-left: 20px; margin-top: 10px; }
.nav__link { color: #fff; text-transform: uppercase; text-decoration: none; border: 0; padding: 2px 10px; border-bottom: 2px solid rgba(255, 255, 255, 0); font-size: 16px; -webkit-transition: border-color 0.15s ease; -o-transition: border-color 0.15s ease; transition: border-color 0.15s ease; }
.nav__link:hover,
.nav__link:focus { color: #fff; border-bottom: 2px solid rgba(255, 255, 255, 1); }
.nav__link:focus { outline: 1px dashed #fff; outline-offset: 6px; }
.nav__link:active { color: #fff; border-bottom: 2px solid rgba(255, 255, 255, 1); }
.nav__item--is-active .nav__link { color: #fff; border-bottom: 2px solid rgba(255, 255, 255, 1); }
.nav__toggle-form-control-chk:checked ~ .nav__list { display: block; }
@media (min-width: 768px) {
.nav { width: 400px; left: auto; }
.nav__link { font-size: 18px; }
}
@media (min-width: 1200px) {
.nav { position: relative; top: 0; right: 0; left: 0; width: auto; padding: 10px; -webkit-box-shadow: none; box-shadow: none; }
.nav__toggle { display: none; }
.nav__toggle-form-control-chk { display: none; }
.nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; }
.nav__toggle-form-control-chk:checked ~ .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; }
.nav__item:not(:first-child) { margin-top: 0; }
}
/* Main */
.main { padding-bottom: 100px; }
.main a:focus { outline: 1px dashed #200038; outline-offset: 4px; }
.site-title { margin: 0 0 20px 0; padding: 0; font-size: 30px; font-weight: 400; text-transform: uppercase; }
/* What's this */
.whats-this { margin-top: 50px; text-align: center; }
.whats-this__back { margin-bottom: 2em; text-align: right; }
.whats-this__title { margin: 0; padding: 0; font-weight: normal; font-size: 20px; }
.whats-this__title-info { margin-top: 1em; font-size: 16px; line-height: 1.5; }
@media screen and (min-width: 1200px) {
.whats-this { margin-top: 100px; }
.whats-this__title { font-size: 26px; }
.whats-this__title-info { font-size: 18px; }
}
/* Social */
.social { margin-top: 30px; text-align: center; }
.social__link { display: inline-block; vertical-align: top; margin: 10px; margin-bottom: 0; border-bottom: 0; -webkit-filter: grayscale(15%); filter: grayscale(15%); -webkit-transition: -webkit-filter 0.3s ease; transition: -webkit-filter 0.3s ease; -o-transition: filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; }
.social__link:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.social__icon { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: contain; background-size: contain; }
.social__icon--facebook { background-image: url(../img/social/facebook.svg); }
.social__icon--twitter { background-image: url(../img/social/twitter.svg); }
.social__icon--google-plus { background-image: url(../img/social/google-plus.svg); }
.social__icon--pinterest { background-image: url(../img/social/pinterest.svg); }
/* Features */
.features { margin-top: 100px; }
.features__new { padding: 4px 8px; font-size: 80%; white-space: nowrap; background-color: #00ad88; color: #fff; border-radius: 3px; }
/* Config */
.config { margin-top: 100px; }
.config__subtitle { margin: 30px 0 20px 0; padding: 0; font-size: 24px; font-weight: 400; border-bottom: 5px solid #0060f1; }
/* Config - Theme */
.config__themes {}
.config__themes-list { margin-top: 80px; margin-bottom: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.config__themes-item { margin: 10px; }
.config__themes-icon { display: block; width: 120px; height: 120px; line-height: 120px; color: #fff; border-radius: 999px; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }
.config__themes-link { display: block; text-decoration: none; border: 0; }
.config__themes-icon--theme-default { background-color: #09a0e1; }
.config__themes-icon--theme-dark { background-color: #444; }
.config__themes-icon--theme-light { background-color: #eee; color: #367; }
.config__themes-icon--theme-1 { background-color: #5783ff; }
.config__themes-icon--theme-2 { background-color: #b667ff; }
.config__themes-icon--theme-3 { background-color: #ff56e0; }
.config__themes-icon--theme-4 { background-color: #ff5f50; }
.config__themes-icon--theme-5 { background-color: #ff6438; }
.config__themes-icon--theme-6 { background-color: #6a9c00; }
.config__themes-icon--theme-7 { background-color: #50a300; }
.config__themes-icon--theme-8 { background-color: #00b284; }
.config__themes-icon--theme-9 { background-color: #00aab9; }
.config__themes-icon--theme-10 { background-color: #00a6ca; }
.config__themes-icon--theme-light-1 { background-color: #bccae4; color: #495b7d; }
.config__themes-icon--theme-light-2 { background-color: #ccc5e6; color: #5d5580; }
.config__themes-icon--theme-light-3 { background-color: #dec1de; color: #754f75; }
.config__themes-icon--theme-light-4 { background-color: #e6c0d0; color: #7f4d64; }
.config__themes-icon--theme-light-5 { background-color: #e6c1c1; color: #7f4f50; }
.config__themes-icon--theme-light-6 { background-color: #e1c3b8; color: #795243; }
.config__themes-icon--theme-light-7 { background-color: #b4d1b4; color: #3e643e; }
.config__themes-icon--theme-light-8 { background-color: #acd1d1; color: #346464; }
.config__themes-icon--theme-light-9 { background-color: #b1ceda; color: #3a6170; }
.config__themes-icon--theme-light-10 { background-color: #c6c7bf; color: #3e3d40; }
.config__themes-link--active .config__themes-icon,
.config__themes-link:hover .config__themes-icon,
.config__themes-link:focus .config__themes-icon { -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); }
/* Config - Position */
.config__position {}
.config__position-list { margin-top: 80px; margin-bottom: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.config__position-item { margin: 10px; }
.config__position-label { margin-bottom: 10px; }
.config__position-link { display: block; text-decoration: none; border: 0; }
.config__position-icon { position: relative; display: block; width: 114px; height: 60px; line-height: 60px; color: #fff; background-color: #f5f5f5; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }
.config__position-icon:before { display: block; content: ' '; position: absolute; z-index: 1; width: 48px; height: 12px; background-color: #ccc; }
.config__position-icon--bottom:before { bottom: 0; left: 0; right: 0; width: auto; }
.config__position-icon--bottom-left:before { bottom: 0; left: 0; }
.config__position-icon--bottom-center:before { bottom: 0; left: 50%; margin-left: -24px; }
.config__position-icon--bottom-right:before { bottom: 0; right: 0; }
.config__position-icon--top:before { top: 0; left: 0; right: 0; width: auto; }
.config__position-icon--top-left:before { top: 0; left: 0; width: }
.config__position-icon--top-center:before { top: 0; left: 50%; margin-left: -24px; }
.config__position-icon--top-right:before { top: 0; right: 0; }
.config__position-link--active .config__position-icon,
.config__position-link:hover .config__position-icon,
.config__position-link:focus .config__position-icon { -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); }
/* Config - Animation */
@-webkit-keyframes fade {
0% { opacity: 0; }
25% { opacity: 1; }
75% { opacity: 1 }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 0; }
25% { opacity: 1; }
75% { opacity: 1 }
100% { opacity: 0; }
}
@-webkit-keyframes slide {
0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
}
@keyframes slide {
0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
}
@-webkit-keyframes fade-slide {
0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; opacity: 0; }
25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; opacity: 0; }
}
@keyframes fade-slide {
0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; opacity: 0; }
25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; opacity: 0; }
}
.config__animation {}
.config__animation-list { margin-top: 80px; margin-bottom: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.config__animation-item { margin: 10px; }
.config__animation-label { margin-bottom: 10px; }
.config__animation-link { display: block; text-decoration: none; border: 0; }
.config__animation-icon { position: relative; overflow: hidden; display: block; width: 114px; height: 60px; line-height: 60px; color: #fff; background-color: #f5f5f5; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }
.config__animation-icon:before { display: block; content: ' '; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; width: auto; height: 12px; background-color: #ccc; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.config__animation-icon--none:before {}
.config__animation-icon--fade:before { -webkit-animation-name: fade; animation-name: fade; }
.config__animation-icon--slide:before { -webkit-animation-name: slide; animation-name: slide; }
.config__animation-icon--fade-slide:before { -webkit-animation-name: fade-slide; animation-name: fade-slide; }
.config__animation-link--active .config__animation-icon,
.config__animation-link:hover .config__animation-icon,
.config__animation-link:focus .config__animation-icon { -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2); }
/* Install */
.install { margin-top: 100px; }
.install .order-item pre[class*="language-"] { margin-top: 1em; margin-left: -50px; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
.install__values { margin-top: 50px; }
/* Example */
.example { margin-top: 100px; }
.example__subtitle { margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: 400; }
.example .code-box-copy { margin-bottom: 50px; }
.example__values {}
@media screen and (min-width: 768px) {
.install .order-item pre[class*="language-"] { margin-left: -60px; }
}
@media screen and (min-width: 992px) {
.install .order-item pre[class*="language-"] { margin-left: 0; }
}
/* Example */
.example { margin-top: 100px; }
.example__subtitle { margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: 400; }
.example .unorder-list { margin-bottom: 50px; }
/* Options */
.options { margin-top: 100px; }
.options__table b { font-weight: normal; padding: 1px 4px; background-color: #eee; border-radius: 3px; }
@media screen and (min-width: 1200px) {
.options__table { margin-bottom: 100px; }
}
/* Browser */
.browser { margin-top: 100px; }
.browser__desc { margin-bottom: 1em; }
/* Support */
.support { margin-top: 100px; }
.support .unorder-list { margin-top: 2em; margin-bottom: 2em; }
.support__desc + .unorder-list { margin-top: 1em; }
.support__desc--last { margin-bottom: 0; }
/* Contact */
.contact { margin-top: 100px; }
/* Note */
.note { margin-top: 100px; }
.note__desc { padding: 20px; margin-bottom: 1em; background-color: #fff; border-top: 5px solid #f37; -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
/* Buy */
.buy { margin-top: 100px; color: #fff; }
.buy__body { padding: 50px; background-color: #7601d0; }
.buy__title { text-align: center; }
.buy__desc { margin-bottom: 3em; margin-left: auto; margin-right: auto; max-width: 700px; text-align: center; }
.buy__desc a { display: inline; color: #fff; border-bottom-width: 0; }
.buy__btn-bar { text-align: center; }
.buy__btn { display: block; }
.buy a:focus { outline: 1px dashed #fff; outline-offset: 4px; }
.buy .buy__btn:focus { outline: 1px dashed #fff; outline-offset: 6px; }
@media screen and (min-width: 480px) {
.buy__btn { display: inline-block; }
}
/* Changelog */
.changelog { margin-top: 100px; }
.changelog__desc { margin-bottom: 1em; }
.changelog pre.language-markup { -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.03); }
/* Footer */
/* ORiginal Footer
.footer { background-color: #7601d0; color: #fff; padding: 34px 30px 33px 30px; text-align: center; }
.footer__logo { display: block; width: 48px; height: 48px; margin-left: auto; margin-right: auto; }
.footer__logo-link { display: inline-block; vertical-align: middle; text-decoration: none; border: 0; }
.footer__logo-link:hover,
.footer__logo-link:focus { text-decoration: none; border: 0; }
.footer__logo-link:focus { outline: 1px dashed #fff; outline-offset: 4px; }
.footer__logo-img { display: block; }
.footer a { color: #fff; text-decoration: none; border-bottom-width: 0; }
.footer a:focus { outline: 1px dashed #fff; outline-offset: 4px; }
*/
/* New Footer */
/**/
#footer {
position: relative;
font-family: sans-serif;
height: 20%;
background-color: #7601d0;
color: white;
display: grid;
grid-template-columns: 2fr 0.9fr 0.7fr 0.2fr 1.2fr;
grid-template-rows: 1.9fr 0.1fr;
grid-template-areas:
"logo product resource resource business"
"social social . design design";
"logo product resource resource business"
"social social . design design";
}
li {
list-style: none;
padding-top: 2%;
font-size: .9em;
}
.flex {
display: flex;
}
#footer li a {
/* Links */
text-decoration: none;
color: #eaeff3;
/*border-bottom: 1px dotted currentColor; */
}
#footer a {
text-decoration: none;
color: #eaeff3;
}
.logo {
display: flex;
flex-direction: column;
justify-content: flex-start;
grid-area: logo;
padding-left: 1rem;
padding-top: .5rem;
}
.img {
padding-top: .5rem;
width: 60px;
height: 50px;
}
.logo h4 {
line-height: 1rem;
margin-left: 2rem;
}
.copy {
padding-top: .3rem;
font-size: .7em;
color: #eaeff3;
}
.product {
grid-area: product;
}
.resource {
grid-area: resource;
}
.business {
grid-area: business;
}
.social {
grid-area: social;
padding-left: .3rem;
padding-bottom: .3rem;
font-size: .6em;
display: flex;
}
.design {
grid-area: design;
font-size: .6em;
text-align: right;
padding-right: .3rem;
padding-bottom: .3rem;
}
.icons {
width: 1rem;
height: 1rem;
padding-left: .3rem;
}
@media screen and (min-width: 768px) {
.footer__logo { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 10px; }
}