* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: calc(12px + 0.5vw);
}
@font-face {
    font-family: 'Golos';
    font-style: normal;
    font-weight: normal;
    src: local('Golos'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.woff2') format('woff2'), 
        url('https://rocket-tools.pro/font/Golos-Text_Regular.woff') format('woff'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.web.ttf') format('ttf'),
        url('https://rocket-tools.pro/font/Golos-Text_Regular.eot') format('eot');
}
@font-face {
    font-family: 'Golos Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Golos Medium'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.woff2') format('woff2'), 
        url('https://rocket-tools.pro/font/Golos-Text_Medium.woff') format('woff'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.web.ttf') format('ttf'),
        url('https://rocket-tools.pro/font/Golos-Text_Medium.eot') format('eot');
}
@font-face {
    font-family: 'Nunito Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Bold'),
        url('https://rocket-tools.pro/font/Nunito-Bold.woff2') format('woff2'),
        url('https://rocket-tools.pro/font/Nunito-Bold.ttf') format('ttf');
}
header {
    font-family: 'Golos';
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 3.3em;
    box-shadow: 0 0 12px -1px rgba(29,29,38,.08);
    background: white;
    z-index: 5;
}
header a.logo {
    float: left;
    min-width: 15%;
    box-sizing: border-box;
    padding: .5em 1em .5em 1.5em;
    text-decoration: none;
}
header a.logo img, .no-navigation a.logo img {
    height: 1.2em;
    float: left;
    margin: .5em .5em .5em 0;
    outline-color: transparent;
    outline-style: solid;
    border-radius: 5px;
    outline-width: 2px;
}
header a.logo span {
    line-height: 2em;
    font-size: 1.1em;
    font-family: 'Nunito Bold';
    color: #0F1C2D;
}
.no-navigation .logo span {
    line-height: 2em;
    font-size: 1.1em;
    font-family: 'Nunito Bold';
    color: #fff;
}
header .nav {
    float: left;
    padding: .5em;
    box-sizing: border-box;
}
header .nav a, header .nav .big {
    text-decoration: none;
    font-size: .8em;
    padding: .85em 1.2em;
    float: left;
    margin-right: 1em;
    border-radius: 5px;
}
header .nav a {
    color: #0F1C2D;    
}
header .nav .big {
    background: #0f1c2d;
    color: #fff;
    position: relative;
    padding-left: 2.4em;
}
header .nav .big:before {
    content: '';
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    background-image: url('/img/menu.svg');
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    left: .8em;
}
.reg-btn, .auth-btn, header .user-name {
    float: right;
    text-decoration: none;
    border: 2px solid #8556fc;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    margin: 0.75em 1.5em 0.75em 0;
    border-radius: 5px;
    max-width: calc(100% - 46em);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.reg-btn {
    background: #8556fc; 
    color: #fff;   
}
.auth-btn, header .user-name {
    color: #8556fc;
    background: #fff;
}
nav, .user-input-wrp .data-search, .user-input-wrp .data-results, .user-input-wrp .data-labels, .qa-block .answer, .user-input-wrp.show .data-labels, .ranking-report:not(.showall) .ranking-left a span, .ranking-report:not(.showall) .ranking-left .show-menu .text, .input-block .data-search, .input-block .data-results, .input-selector .data-labels, .calendar-container, .no_more, .no-project-data .input-selector:not(#project):not(#key_project):not(#trck_project), .no-project-data #export, .no-project-data .competitors-tabs, .no-project-data .statistic-tabs, .no-project-data .data-table, .ranking-report.showall .positions-filter:nth-child(2), .data-results .data.hidden, .no-project-data #key_export, .no-project-data .data-keyword, .no-project-data #chart-container-1, .no-project-data #chart-container-2, .no-project-data h2, .step-container:not(.actual), .tracking-report:not(.showall) .tracking-left a span, .tracking-report:not(.showall) .tracking-left .show-menu .text, .tracking-tab:not(.show), .hidden-uiw, .pack .pages-list {
    display: none;
}
nav.show {
    display: block;
    background: #ffffff;
    float: left;
    font-family: 'Golos';
    width: 100%;
    position: fixed;
    top: 3.3em;
    left: 0;
    z-index: 5;
    max-height: calc(100vh - 3.3em);
}
.banner {
    margin-top: 3.3em;
    width: 100%;
    float: left;
    position: relative;
    background: white;
    padding: 4em 40% 2em 1.5em;
    box-sizing: border-box;
}
.banner:before {
    content: '';
    position: absolute;
    height: 35vw;
    width: 35vw;
    bottom: 0;
    right: 1.5em;
    background-image: url(/img/ufo.svg);
    background-size: 35vw;
    background-repeat: no-repeat;
}
.banner h1 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: .75em;
}
.banner p {
    font-family: 'Golos';
    width: 100%;
    float: left;
    margin-bottom: 1.5em;
}
.banner-btn, .plan-card .btn {
    float: left;
    text-decoration: none;
    background: #8556fc;
    border: 2px solid #8556fc;
    font-size: .9em;
    padding: calc(0.725em - 2px) 1.2em;
    margin: 0.75em 1em 0.75em 0;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
}
.banner-users {
    font-family: 'Golos';
    padding: 0.725em 1.2em 0.725em 3.8em;
    float: left;
    position: relative;
    font-size: .9em;
    color: #6e788d;
}
.banner-users span {
    color: #0f1c2d;
    font-size: 1em;
}
.banner-users:before {
    content: '';
    position: absolute;
    left: .6em;
    width: 2.4em;
    height: 2.4em;
    background-image: url(/img/love-users.svg);
    background-size: 2.4em;
    background-repeat: no-repeat;
}
.brands {
    width: 100%;
    float: left;
    background: #f3f3f7;
    height: 3.5em;
    padding: .75em 1em;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}
.brands p {
    font-family: 'Golos';
    color: #6e788d;
    margin-bottom: 1em;
    width: 100%;
}
.brand-list {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.brand-list img {
    height: 1.5em;
}
.brand-list img:not(:last-child) {
    margin-right: 2em;
}
.possibilities {
    width: 100%;
    float: left;
    padding: 3em 0 3em 1.5em;
    box-sizing: border-box;
    background: linear-gradient(45deg, #8556fc, #5f1cc8);
}
.possibilities h2 {
    font-family: 'Nunito Bold';
    color: white;
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 1em;
}
.poss-left {
    float: left;
    width: calc(50% - .5em);
}
.poss-right {
    float: right;
    width: calc(50% - .5em);
}
.poss-list .poss-card {
    width: 100%;
    float: left;
    margin: .75em 0;
    position: relative;
}
.poss-list .poss-card.selected img {
    height: 4em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.poss-list .poss-card:not(.selected) img {
    height: 2em;
    width: auto;
    float: left;
    margin-right: 1em;
    margin-left: 1em;
    position: absolute;
}
.poss-list .poss-card:not(.selected) p {
    display: none;
}
.poss-list .poss-card:not(.selected) h3 {
    font-family: 'Golos Medium';
    color: white;
    font-size: 1em;
    line-height: 2em;
    margin-left: 4em;
}
.poss-card.selected div {
    background: rgba(0,0,0,0.1);
    margin-left: 2em;
    padding: 1em 1.25em 1em 3.5em;
    border-radius: 5px;
}
.poss-card.selected div h3 {
    font-family: 'Golos Medium';
    color: white;
    font-size: 1.1em;
    margin-bottom: 1em;
}
.poss-card.selected div p {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    color: white;
}
.poss-right img:not(.selected), .language-selector .data-results {
    display: none;
}
.poss-right img.selected {
    width: 100%;
    margin: .75em 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.alltools, .allplan {
    width: 100%;
    float: left;
    padding: 3em 1.5em;
    box-sizing: border-box;
}
.alltools h2, .allplan h2 {
    font-family: 'Nunito Bold';
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 1em;
    color: #0f1c2d;
}
.tools-list {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}
.re-tools-list {
    float: left;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2em;
}
.tools-list .tools-card {
    width: calc(33.3% - 1em);
    margin-bottom: 1.5em;
    background: #f3f3f7;
    padding: 1em;
    box-sizing: border-box;
    border-radius: 5px;
}
.re-tools-card {
    width: calc(33.3% - 1em);
    margin-bottom: 1.5em;
    background: rgba(255,255,255,0.75);
    padding: 1em;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
}
.tools-list .tools-card:nth-child(3n+1), .tools-list .tools-card:nth-child(3n+2), .re-tools-list .re-tools-card:nth-child(3n+1), .re-tools-list .re-tools-card:nth-child(3n+2) {
    margin-right: 1.5em;
}
.tools-card div {
    font-family: 'Golos Medium';
    margin-bottom: .5em;
    width: calc(100% - 2em);
    color: #0f1c2d;
}
.re-tools-card .name {
    font-family: 'Golos Medium';
    margin-bottom: .5em;
    width: 100%;
    color: #0f1c2d;
}
.tools-card a, .re-tools-card .description {
    display: block;
    width: 100%;
    float: left;
    margin-top: .5em;
    text-decoration: none;
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    color: #6e788d;
}
.tools-card img {
    width: 1em;
    margin-left: .5em;
    float: right;
    background: #8556fc;
    border-radius: 5px;
    padding: .25em;
}
.plan-list {
    display: flex;
    width: 100%;
    margin: 2em auto 1em auto;
}
.plan-card {
    flex: 0 0 calc(33.3% - 1em);
    float: left;
    color: #0F1C2D;
    font-size: .9em;
    font-family: 'Golos';
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1em;
}
.plan-card.selected {
    background: #e8dfff;
    margin: 0 1em 2em 1em;
}
.plan-card:not(.selected) {
    background: #f3f3f7;
    margin: 2em auto;
}
.plan-card .name {
    font-family: 'Golos Medium';
    font-size: 1.2em;
    margin-bottom: .5em;
}
.price {
    position: relative;
    margin-left: 1em;
}
.price span.ruble:before {
    background-image: url('/img/icon/ruble.svg');
}
.price span.dollar:before {
    background-image: url('/img/icon/dollar.svg');
}
.price > span:before {
    content: '';
    width: 0.8em;
    height: 0.8em;
    left: -1em;
    top: 0.25em;
    position: absolute;
    background-size: 0.8em;
    background-repeat: no-repeat;
}
.price > span {
    font-family: 'Golos Medium';
}
.price > span  > span {
    font-family: 'Golos';
    font-size: .9em;
}
.plan-card .advant {
    background: rgba(255,255,255,0.75);
    border-radius: 5px;
    margin: 1em 0;
    padding: .5em 1em;
    box-sizing: border-box;
}
.plan-card .advant p {
    font-size: .9em;
    margin-bottom: .5em;
}
.plan-card .advant ul li {
    list-style: none;
    font-size: .9em;
    line-height: 1.5em;
    position: relative;
    padding-left: 1.5em;
}
.plan-card .advant ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 1em;
    height: 1em;
    background-image: url('/img/icon/check-plan.svg');
    background-size: .7em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.free-plan {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
}
.service-text {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
    text-align: center;
}
.contact-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 980px;
    width: 100%;
    margin: 1em auto;
}
.contact-list .contact-card {
    flex: 0 0 30%;
    float: left;
    margin: 1em auto;
    color: #0F1C2D;
    font-size: .9em;
    background: #f3f3f7;
    font-family: 'Golos';
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 1em;
}
.contact-card img {
    width: 3.5em;
    margin-top: 1em;
    margin-bottom: .5em;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: .75em;
    background: linear-gradient(to bottom, #f0fef4, #c4ffe8);
    box-sizing: border-box;
    border-radius: 5px;
}
.contact-card p {
    font-size: .9em;
    text-align: center;
    margin: 1em auto;
    color: #6e788d;
}
.contact-card .link, .contact-card .link a {
    color: #8556fc;
    font-size: 1em;
    text-decoration: none;
}
.contact-card:nth-child(2) {
    margin: 1em 5%;
}
footer {
    background: #000;
    float: left;
    width: 100%;
    padding: 1.5em;
    box-sizing: border-box;
    min-height: 20em;
}
.footer-list {
    width: 100%;
    display: flex;
}
.footer-card {
    flex: 0 0 25%;
    float: left;
}
.footer-card .name {
    color: #ffffff;
    font-family: 'Golos Medium';
    font-size: .8em;
    width: 100%;
    float: left;
    margin-bottom: 1em;
}
.footer-card .name.not-fist {
    margin-top: 2em;
}
.footer-card a {
    color: #858585;
    font-family: 'Golos';
    text-decoration: none;
    width: 100%;
    float: left;
    margin-bottom: .75em;
    font-size: .9em;
}
footer .copyright {
    color: #858585;
    font-family: 'Golos';
    font-size: .9em;
    margin-top: 1em;
}
.language-selector {
    width: auto;
    border: 2px solid #858585;
    height: 2.4em;
    float: left;
    border-radius: 5px;
    box-sizing: border-box;
}
.language-selector .selected {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0.75em 2.2em 0.75em 1.2em;
    font-size: .8em;
    color: #fff;
    font-family: 'Golos';
}
.language-selector .selected:after {
    content: '';
    position: absolute;
    top: .7em;
    right: 0.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/white-chevdown.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.tool-int {
    width: 100%;
    float: left;
    padding: 1.5em;
    box-sizing: border-box;
    margin-top: 3.3em;
}
.service-page {
    margin-top: 3.3em;
}
.about-int {
    background: #f3f3f7;
    width: 100%;
    float: left;
    padding: 1.5em;
    box-sizing: border-box;
}
.bread {
    float: left;
    font-family: 'Golos';
    width: 60%;
    font-size: .8em;
    margin-bottom: 1em;
    padding: 0.5em 0;
}
.bread span, .bread a {
    font-size: 1em;
    color: #6e788d;
    float: left;
    text-decoration: none;
}
.bread .icon {
    width: 1.4em;
    height: 1.4em;
    margin: 0 .25em;
    background-image: url(/img/icon/bread-chevron.svg);
    background-size: 0.6em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.balance {
    float: right;
    font-family: 'Golos';
    font-size: .8em;
    width: 40%;
    text-align: right;
}
.balance .block {
    font-size: 1em;
    background: rgb(233 255 243);
    width: fit-content;
    float: right;
    padding: .5em 1em .5em 2.5em;
    border-radius: 5px;
    position: relative;
}
.balance .block:before {
    content: '';
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    left: .6em;
    background-image: url(/img/icon/limits.svg);
    background-size: 1.2em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.balance .block .back {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1.75em;
    border-radius: 5px;
    z-index: 1;
    background: rgb(77 254 174 / 20%);
}
.balance .block span {
    font-size: 1em;
    font-family: 'Golos Medium';
}
.tool-int h1 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.tool-desc {
    font-family: 'Golos';
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 2em;
    color: #6e788d;
}
.interface, .send-rating, .user-information, .project-information, .crawl-pack .pack {
    background: #fff;
    margin-right: 1em;
    font-family: 'Golos';
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-bottom: 2em;
    position: relative;
    box-sizing: border-box;
}
.input-els {
    font-size: .8em;
    padding: .5em 1.5em;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.crawl-pack .pack {
    padding: 1em 1.5em;
}
.user-input-wrp:not(.b-rel) {
    position: relative;
    width: calc(50% - .9em);
    margin: 1em 0;
    float: left;
}
.user-input-wrp .inputText {
    padding: .5em 1.2em;
}
.user-input-wrp .inputText, .user-input-wrp textarea {
    width: 100%;
    outline: none;
    border: 1px solid #e6e6e6;
    min-height: 3em;
    height: 3em;
    font-size: .8em;
    border-radius: 5px;
    box-sizing: border-box;
}
.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: .75em;
    left: 1em;
    font-size: .8em;
    transition: 0.2s ease all;
}
.interface .user-input-wrp:nth-child(2n), .user-information .user-input-wrp:nth-child(2n), .project-information .user-input-wrp:nth-child(2n) {
    margin-left: 1.8em;
}
.user-input-wrp .input-selector, .user-input-wrp .time-selector {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 2.4em;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.input-selector.label .selected span {
    font-size: 1em;
}
.time-selector input[type="time"] {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    font-family: 'Golos';
    padding: 0.75em 1.2em;
    font-size: .8em;
}
.user-input-wrp .selector-name, .user-input-wrp .textarea-name, .grid-selector-name {
    position: absolute;
    pointer-events: none;
    top: -.75em;
    left: 1em;
    background: white;
    font-size: .7em;
    border-radius: 5px;
    padding: 0 .5em;
    transition: 0.2s ease all;
}
.user-input-wrp:not(.b-rel) .input-selector .selected {
    width: 100%;
    padding-right: 1.25em;
    box-sizing: border-box;
    padding: 0.75em 1.2em;
    font-size: .8em;
}
.action-els {
    padding: .8em 1.2em;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.interface .btn, .review-btn, .user-information .inform-btn, .user-information .pass-btn, .newchat-btn, .action-els .pay-btn, .promocode-btn, .project-information .project-btn, .next-step, .operation-popup .check-btn, .user-information .notif-btn, .crawl-pack .pack .btn {
    float: left;
    text-decoration: none;
    background: #8556fc;
    border: 2px solid #8556fc;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 0;
}
.operation-limits {
    float: left;
    font-size: .7em;
    padding: 0.9em 1.2em;
    background: rgb(206 255 228);
    margin: 0.25em 0 0.25em 1.5em;
    border-radius: 5px;
    position: relative;
    color: #6e788d;
}
.operation-limits:before, .pack .limits:before {
    content: '';
    position: absolute;
    left: -1.475em;
    top: .75em;
    border-top: .75em solid transparent;
    border-left: .75em solid transparent;
    border-bottom: .75em solid transparent;
    border-right: .75em solid rgb(206 255 228);
}
.about-int .block {
    margin: 2em 0;
    width: 100%;
    float: left;
}
.block.video-text, .block.image-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.block.video-text .b-text {
    width: 55%;
    float: left;
    box-sizing: border-box;
}
.b-text.left {
    padding-right: 2em;    
}
.b-text.right {
    padding-left: 2em;  
}
.block.video-text .b-video {
    width: 55%;
    float: left;
}
.b-image {
    width: 55%;
    float: left;
}
.block.image-text .b-text {
    width: 45%;
}
.b-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.block h2, .history h2, .operations h2, .result-container h2, .crawl-pack h2 {
    font-family: 'Nunito Bold';
    color: #0f1c2d;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.result-container h3 {
    font-family: 'Nunito Bold';
    color: #6e788c;
    font-size: 1.15em;
    line-height: 1.2em;
    margin-bottom: .75em;
    width: 100%;
    float: left;
}
.block p {
    font-family: 'Golos';
    font-size: .8em;
    line-height: 1.4em;
    margin-bottom: 2em;
}
.block.checklist ul li {
    list-style: none;
    position: relative;
    font-family: 'Golos';
    font-size: .8em;
    line-height: 2em;
    width: 50%;
    float: left;
    padding-left: 1.2em;
    box-sizing: border-box;
}
.block.checklist ul li:before {
    content: "";
    position: absolute;
    font-size: .9em;
    left: 0;
    top: .25em;
    width: 1.2em;
    height: 2em;
    background-image: url('/img/icon/check-plan.svg');
    background-size: .8em;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
.about-int table, .history table, .result table, .check-table table {
    border-collapse: collapse;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #fcfcfd;
    max-width: 100%;
    font-family: 'Golos'
}
.about-int table tr:nth-child(2n+1), .history table tr:nth-child(2n+1), .result table tr:nth-child(2n+1), .check-table table tr:nth-child(2n+1) {
    background: #f3f3f7;
}
.about-int table th, .history table th, .result table th, .check-table table th {
    background: #6e788d;
    border: 1px solid #6e788d;
    color: white;
    white-space: nowrap;
    text-align: center;
    padding: 0.5em 1em;
    font-size: .8em;
}
.about-int table td, .history table td, .result table td, .check-table table td {
    padding: 0.5em 1em;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: .7em;
}
.about-int table tr:last-child, .history table tr:last-child, .result table tr:last-child, .check-table table tr:last-child {
    border-bottom: 2px solid #6e788d;
}
.check-table {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    overflow: scroll;
}
.b-video iframe {
    width: 100%;
    border-radius: 5px;
}
.qa-block:not(:last-child) {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.block.faq h2 {
    margin-bottom: 2em;
}
.qa-block .question {
    font-family: 'Golos Medium';
    padding: 1em 2em 1.2em 0;
    cursor: pointer;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.qa-block .question:after {
    content: '';
    position: absolute;
    right: 0;
    top: .5em;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-image: url(/img/icon/plus.svg);
    transform: rotate(0deg);
}
.qa-block .answer p {
    float: left;
    width: 100%;
    margin-bottom: .8em;
    color: #6e788d;
}
.rating-block {
    float: left;
    width: 100%;
}
.rating-block .value {
    width: auto;
    padding: 1em 0;
    border-radius: .5em;
    box-sizing: border-box;
}
.rating .stars div, .stars-input div {
    height: 2em;
    width: 1.8em;
    font-size: 1em;
    background-size: 1.4em;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left;
}
.rating .stars div.star, .stars-input div.user-star.selected, .stars-input div.user-star.setted {background-image: url(/img/icon/star.svg);}
.rating .stars div.no-star, .stars-input div.user-star {background-image: url(/img/icon/nostar.svg);}
.rating .stars div.half-star {background-image: url(/img/icon/halfstar.svg);}
.rating .text {
    line-height: 2em;
    font-size: 1em;
    font-family: 'Golos';
}
.rating .stars {
    float: left;
    margin-right: .25em;
}
.rating .text span {
    font-size: 1em;
}
.block.experts {
    background: #e8dfff;
    border-radius: 5px;
    padding: 1em;
    width: 100%;
    box-sizing: border-box;
}
.block.experts img {
    border-radius: 5px;
    float: right;
    width: 20%;
    margin-left: 1em;
}
.expert .review {
    background: rgba(255,255,255,0.75);
    width: calc(80% - 1em);
    border-radius: 5px;
    padding: .5em 1em;
    box-sizing: border-box;
    margin-bottom: 1em;
    font-family: 'Nunito Bold';
    float: left;
}
.expert .name {
    font-family: 'Nunito Bold';
    float: left;
    margin-top: 1em;
    color: #6e788d;
    font-size: .9em;
}
.social-links {
    float: left;
    width: calc(80% - 1em);
}
.social-links div {
    background-color: white;
    width: 2.2em;
    height: 2.2em;
    float: left;
    margin-right: 1em;
    border-radius: 5px;
    background-size: 2.2em;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.exp-telegram {
    background-image: url(/img/social/telegram.svg);
}
.exp-vk {
    background-image: url(/img/social/vk.svg);
}
.exp-youtube {
    background-image: url(/img/social/youtube.svg);
}
.exp-tenchat {
    background-image: url(/img/social/tenchat.svg);
}
.exp-linkedin {
    background-image: url(/img/social/linkedin.svg);
}
.exp-max {
    background-image: url(/img/social/max.svg);
}
.review q {
    float: left;
    width: 100%;
}
.user-input-wrp textarea {
    max-width: 100%;
    min-width: 100%;
    font-family: 'Golos';
    padding: 1em 1.2em .5em 1.2em;
}
.history a {
    font-size: 1em;
    color: #1175e6;
    text-decoration: none;
}
.history a:visited {
    color: #8556fc;
}
.user-input-wrp .input-selector .selected:after, .result-filters .f-name:after {
    content: '';
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/chevron-down.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
header .logout {
    float: right;
    text-decoration: none;
    color: #f7fbff;
    height: 1.2em;
    width: 1.2em;
    border: 2px solid #0f1c2d;
    font-size: .8em;
    padding: .6em .8em;
    margin: 0.75em 1.5em 0.75em 0;
    border-radius: 5px;
    background-image: url(https://rocket-tools.pro/img/icon/exit.svg);
    background-size: 1.1em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.history tr td:first-child {
    max-width: 35vw;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.export-btns {
    width: 100%;
    margin: .75em 0;
    float: left;
}
.export_clipboard, .export_csv {
    float: left;
    text-decoration: none;
    background: #6e788d;
    border: 2px solid #6e788d;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 1em 0.25em 0;
}
.progress, .result-container, .operations, .history {
    width: 100%;
    float: left;
    padding: 0em 1.5em;
    box-sizing: border-box;
    margin-bottom: 4em;
    background: #fff;
}
.send-rating {
    font-family: 'Golos';
}
.name-els {
    padding: 1.2em 1.33em .5em 1.33em;
    font-size: 1em;
}
.stars-input {
    float: left;
    width: calc(50% - 0.9em);
    padding: 0.25em 1em;
    margin: 1em 0;
    box-sizing: border-box;
    height: 2.6em;
}
.stars-input div {
    cursor: pointer;
}
.personal-account, .ranking-report, .tracking-report {
    background: #f3f3f7;
    width: 100%;
    float: left;
    padding: 3.3em 0 1.5em 0;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}
.account-left {
    width: 12em;
    background: #f3f3f7;
    padding: 1.5em 0;
    box-sizing: border-box;
    float: left;
}
.ranking-left, .tracking-left {
    background: #f3f3f7;
    padding: 1.5em 0;
    box-sizing: border-box;
    position: relative;
}
.ranking-report:not(.showall) .ranking-left, .tracking-report:not(.showall) .tracking-left {
    width: 3em;
}
.ranking-report.showall .ranking-left, .tracking-report.showall .tracking-left {
    width: 12em;
}
.account-right {
    margin: 1em 0;
    padding: 1em 1.5em;
    width: calc(100% - 12em);
    box-sizing: border-box;
    background: #fff;
    float: right;
    border-radius: 5px 0 0 5px;
    min-height: 13em;
}
.ranking-right, .tracking-right {
    margin: 1em 0;
    padding: 1em;
    box-sizing: border-box;
    background: #fff;
    float: right;
    border-radius: 5px 0 0 5px;
    min-height: 20em;
}
.ranking-report:not(.showall) .ranking-right, .tracking-report:not(.showall) .tracking-right {
    width: calc(100% - 3em);
}
.ranking-report.showall .ranking-right, .tracking-report.showall .tracking-right {
    width: calc(100% - 12em);
}
.ranking-left .show-menu, .tracking-left .show-menu {
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    padding: .8em 1em;
    font-family: 'Golos';
    font-size: 1em;
    box-sizing: border-box;
    color: #0F1C2D;
}
.ranking-left .show-menu .icon, .tracking-left .show-menu .icon {
    width: 1em;
    height: 1em;
    background-image: url(/img/icon/chevron-left.svg);
    background-size: 0.75em;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: 50%;
    float: left;
}
.account-left a, .ranking-left a, .tracking-left a {
    float: left;
    font-family: 'Golos Medium';
    font-size: .9em;
    width: 100%;
    padding: .8em 10% .8em 8%;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    color: #0f1c2d;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.account-left a img, .ranking-report.showall .ranking-left a img, .tracking-report.showall .tracking-left a img {
    float: left;
    height: 1.2em;
    margin-right: .75em;
}
.account-left a span, .ranking-report.showall .ranking-left a span, .tracking-report.showall .tracking-left a span, .result table sup {
    font-size: 1em;
}
.result table sup small {
    font-size: .8em;
}
.ranking-report:not(.showall) .ranking-left a img, .tracking-report:not(.showall) .tracking-left a img {
    float: left;
    height: 1.2em;
    margin-right: 0;
    margin-left: 50%;
    transform: translateX(-50%);
}
.account-left a span {
    font-size: 1em;
}
.account-right h1 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-bottom: 1em;
    width: 100%;
}
.data-volatility h2 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 2em;
    width: 100%;
    float: left;
    text-align: center;
}
.ranking-right h2, .tracking-right h2 {
    font-family: 'Nunito Bold';
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    float: left;
}
.account-left a.selected, .ranking-left a.selected {
    background: white;
    border-right: .2em solid #6e788d;
}
.account-right h2 {
    font-family: 'Nunito Bold';
    font-size: 1.1em;
    margin-bottom: 1em;
    margin-top: 2em;
    width: 100%;
}
.input-block .input-btn#refresh, .input-btn.refresh-dashboard {
    background-color: #8556fd;
    position: relative;
    margin-right: 1em;
}
.input-block {
    position: relative;
    margin: 0;
    float: left;
    font-family: 'Golos';
    z-index: 3;
}
.input-block .input-btn, .input-btn.refresh-dashboard {
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 2.5em;
    width: 2.5em;
    font-size: .8em;
    padding: 0.6em .8em;
    border-radius: 5px;
    box-sizing: border-box;
}
.input-block .input-btn#refresh:before, .input-btn.refresh-dashboard:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/img/icon/refresh.svg);
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 2.5em;
    width: 2.5em;
}
.input-block .input-selector {
    width: 100%;
    border: 2px solid #e6e6e6;
    height: 2em;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.input-block .input-selector .selected {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em 2em;
    font-size: .8em;
    position: relative;
    max-width: 15em;
    min-width: 8em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.input-block .input-selector .selected:before {
    content: '';
    width: 1em;
    height: 1em;
    position: absolute;
    left: .5em;
    top: .625em;
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.input-selector#project .selected:before, .input-selector#key_project .selected:before, .input-selector#vol_project .selected:before, .input-selector#set_project .selected:before, .input-selector#trck_project .selected:before {
    background-image: url(/img/icon/filter-website.svg);
}
.input-selector#engine .selected:before, .input-selector#key_engine .selected:before, .input-selector#vol_engine .selected:before {
    background-image: url(/img/icon/filter-search.svg);
}
.input-selector#region .selected:before, .input-selector#key_region .selected:before, .input-selector#vol_region .selected:before {
    background-image: url(/img/icon/filter-region.svg);
}
.input-selector#dates .selected:before, .input-selector#key_dates .selected:before, .input-selector#vol_dates .selected:before {
    background-image: url(/img/icon/filter-date.svg);
}
.input-selector#keyword .selected:before {
    background-image: url(/img/icon/filter-keyword.svg);
}
.input-selector#vol_depth .selected:before {
    background-image: url(/img/icon/filter-depth.svg);
}
.ranking-filters {
    width: 100%;
    float: left;
    margin: 1em 0;
}
.competitors-tabs, .statistic-tabs {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
.ranking-report .data-table, .ranking-report .data-keyword, .data-volatility .table-container {
    width: 100%;
    float: left;
    margin-top: 1em;
    margin-bottom: 2em;
    font-family: 'Golos';
    overflow: scroll;
}
.ranking-report .data-table table, .ranking-report .data-keyword table, .data-volatility .table-container table {
    border-collapse: collapse;
    border-radius: 5px;
}
.ranking-report .data-table table thead, .ranking-report .data-keyword thead, .data-volatility .table-container thead {
    z-index: 3;
    position: relative;
}
.ranking-report .data-table table thead th, .ranking-report .data-keyword table thead th {
    background: #6e788c;
    border: 2px solid #6e788c;
    color: #fff;
    white-space: nowrap;
    padding: 0.5em 1em;
    font-family: 'Golos Medium';
    font-size: .75em;
    position: sticky;
    top: 0;
    text-align: center;
}
.data-volatility .table-container tr th:nth-child(1), .data-volatility .table-container tr td:nth-child(1) {
    text-align: left;
    padding: .5em 1.5em .5em 1em;
    border-left: 2px solid #fff;
}
.data-volatility .table-container tr td, .data-volatility .table-container tr th {
    font-size: .8em;
    border: 0;
    text-align: center;
    padding: 2px;
    background: #fff;
    position: relative;
}
.data-volatility .table-container tr th div {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #6e788c;
    text-align: center;
}
.data-volatility .table-container tr td div {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.75em 1.5em;
    display: block;
    border: 2px solid #f1f1f1;
    text-decoration: none;
    color: #0f1c2d;
    background: #f1f1f1;
    text-align: center;
    position: relative;
}
.ranking-report .data-table table tr:nth-child(2n+1), .ranking-report .data-keyword table tr:nth-child(2n+1) {
    background: #f7f7f7;
}
.ranking-report .data-table table tr:nth-child(2n), .ranking-report .data-keyword table tr:nth-child(2n) {
    background: #fff;
}
.ranking-filters .input-block:not(:last-child) {
    margin-right: 1em;
}
.competitors-tabs div {
    float: left;
    font-size: .8em;
    margin-right: .8em;
    background: #e6e6e6;
    padding: .25em .8em;
    border-radius: 5px;
    font-family: 'Golos';
    margin-bottom: .8em;
}
.competitors-tabs div span {
    font-size: 1em;
    margin-left: .5em;
    padding-left: .5em;
    color: #bebdbd;
    border-left: 2px solid #bebdbd;
    font-family: 'Golos Medium';
}
.competitors-tabs div.selected, .competitors-tabs div.selected.no_more {
    background: #0e1c2d;
    color: white;
    display: block;
}
.competitors-tabs div.selected span {
    color: white;
}
.competitors-tabs div.more {
    color: #aca8a8;
    font-family: 'Golos Medium';
}
.positions-filter {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-family: 'Golos Medium';
    float: left;
}
.competitors-tabs div span {
    font-size: 1em;
    margin-left: .5em;
    padding-left: .5em;
    color: #bebdbd;
    border-left: 2px solid #bebdbd;
    font-family: 'Golos Medium';
}
.competitors-tabs div.selected span {
    color: white;
}
.pf-data {
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    margin-right: .5em;
    margin-bottom: .5em;
    background: #fff;
    float: left;
}
.positions-filter:nth-child(2) {
    float: left;
    margin-top: 1em;
}
.pf-data .name {
    font-size: .8em;
    font-family: 'Golos Medium';
    float: left;
    padding: .4em .8em;
}
.pf-data:first-child .number {
    padding: .4em .8em;
}
.pf-data:not(:first-child) .number {
    padding: .4em 1.2em .4em .8em;
}
.pf-data .number {
    font-size: .8em;
    font-family: 'Golos';
    text-align: center;
    float: right;
    background: rgb(249 249 249);
    position: relative;
}
.pf-data .number .dynamic {
    font-size: .7em;
    float: right;
    transform: translate(1em, -.25em);
}
.pf-data .name img {
    width: .8em;
}
.ranking-report .data-table table tr td {
    font-size: .75em;
    border: 2px solid #e6e6e7;
    text-align: center;
    padding: 2px;
    background: #fff;
}
.ranking-report .data-keyword table tr td {
    font-size: .75em;
    border: 2px solid #e6e6e7;
    text-align: left;
    padding: 2px;
    background: #fff;
    position: relative;
    padding-left: 1.5em;
}
.ranking-report .data-table tbody tr th, .ranking-report .data-keyword table th {
    font-size: .75em;
    padding: 2px;
    border: 2px solid #e6e6e7;
    position: sticky;
    text-align: left;
    z-index: 2;
    background: inherit;
}
.ranking-report .data-table table tr td div, .ranking-report .data-table table tr th div, .ranking-report .data-table table tr td a, .ranking-report .data-keyword table tr td a {
    font-size: 1em;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    text-decoration: none;
    color: #0f1c2d;
}
.data-table table .clr-3 {
    background-color: #25e6a4;
}
.data-table table .clr-5 {
    background-color: #72ecba;
}
.data-table table .clr-10 {
    background-color: #a5f2d0;
}
.data-table table .clr-50 {
    background-color: #d3f8e8;
}
.data-table table .clr-100 {
    background-color: #edfcf6;
}
.data-table table .clr-none {
    background-color: #fff;
}
.input-block .input-selector .selected:after {
    content: '';
    position: absolute;
    top: 0.4em;
    right: 0.25em;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/img/icon/chevron-down.svg);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.newchat-btn {
    margin-top: 2em;
}
.result table td a {
    color: #8556fc;
    text-decoration: none;
    font-size: 1em;
}
.content.flex .chat {
    flex-grow: 3;
    margin: 0;
    position: relative;
    padding: 0;
}
.chat .tape {
    overflow: scroll;
    margin-bottom: 4em;
}
.dialog-user {
    float: right;
    max-width: 90%;
    clear: both;
    margin-bottom: 1em;
}
.dialog-user img {
    width: 1em;
    height: 1em;
    background: #45536b;
    padding: .5em;
    border-radius: 5px;
    margin-left: 1em;
}
.dialog-user .text-snippet {
    float: left;
    font-family: 'Golos';
    max-width: calc(100% - 3em);
}
.dialog-user .text {
    background: #f3f3f7;
    font-size: .9em;
    padding: 0.5em 1em;
    border-radius: 5px 0 5px 5px;
    border: 1px solid #f3f3f7;
}
.dialog-user .date {
    font-size: .7em;
    margin-right: 1.2em;
    margin-top: 0.8em;
    color: #45536c;
    float: right;
}
.dialog-support {
    float: left;
    max-width: 90%;
    clear: both;
    margin-bottom: 1em;
}
.dialog-support img {
    width: 1em;
    height: 1em;
    background: #45536b;
    padding: .5em;
    border-radius: 5px;
    margin-right: 1em;
}
.dialog-support .text-snippet {
    float: right;
    font-family: 'Golos';
}
.dialog-support .text {
    background: white;
    font-size: .9em;
    padding: .5em 1em;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #e6e6e6;
}
.dialog-support .date {
    font-size: .7em;
    margin-left: 1.2em;
    margin-top: .8em;
    color: #45536c;
}
.chat .message {
    background: #fff;
    margin-right: 1em;
    font-family: 'Golos';
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-bottom: 2em;
    position: relative;
    box-sizing: border-box;
    padding: 1em 1.5em;
}
.chat .message .user-input-wrp {
    width: calc(100% - 3em);
    margin: .5em 0;
    float: left;
}
.message .send-message-btn {
    position: absolute;
    width: 2em;
    height: 2em;
    background-color: #8556fc;
    background-image: url(/img/icon/send-message.svg);
    background-size: 1.2em;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 1.5em;
    top: 1.5em;
    border-radius: 5px;
}
.no-navigation {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    background: linear-gradient(45deg, #0f0c29, #302b63, #24243e);
    z-index: 999;
}
.no-navigation .logo {
    text-align: center;
    color: #0F1C2D;
    margin: 1.5em auto;
    width: fit-content;
    display: block;
    text-decoration: none;
}
.no-navigation .content {
    margin-bottom: 4em;
    padding: 0;
    position: relative;
}
.content .form-left, .content .form-right {
    width: 50%;
    height: 100%;
    position: absolute;
    overflow: visible;
    z-index: 1;
    opacity: .25;
}
.form-left {
    top: 0;
    left: 0;
}
.form-right {
    right: 0;
    top: 0;
}
.content .form-center {
    width: 25em;
    margin: 0 calc(50% - 12.5em);
    background: #fff;
    font-family: 'Golos';
    border-radius: 5px;
    flex-grow: 1;
    margin-bottom: 2em;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
}
.form-center h1 {
    padding: 1em 1.4em;
    color: #0F1C2D;
    font-size: .9em;
    width: 100%;
    font-family: 'Golos';
    text-align: center;
    float: left;
    box-sizing: border-box;
}
.form-center .form {
    position: relative;
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 1em 1.5em;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.form .user-input-wrp {
    width: 100%;
    position: relative;
    margin: 1em 0 2em 0;
}
.form-center p {
    font-size: .8em;
    text-align: center;
}
.form-center p a {
    font-size: 1em;
    text-decoration: none;
    color: #8556fc;
    cursor: pointer;
}
.form-center .btn {
    width: 100%;
    font-size: .9em;
    color: #fff;
    background: #8556fc;
    padding: 1em 1.2em;
    margin: 0.25em 0;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 2em;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.content .form-left:after {
    content: '';
    width: 50em;
    height: 50em;
    position: absolute;
    bottom: -15em;
    left: -15em;
    background-image: url(/img/icon/space-ufo.svg);
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
    z-index: 0;
}
@-moz-keyframes backspin { 
    100% { -moz-transform: rotate(-235deg); } 
}
@-webkit-keyframes backspin { 
    100% { -webkit-transform: rotate(-235deg); } 
}
@keyframes backspin { 
    100% { 
        -webkit-transform: rotate(-235deg); 
        transform:rotate(-235deg); 
    } 
}
.content .form-right:after {
    content: '';
    width: 50em;
    height: 50em;
    position: absolute;
    top: -15em;
    right: -15em;
    transform: rotate(125deg);
    background-image: url(/img/icon/space-planet.svg);
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation:backspin 25s linear infinite;
    -moz-animation:backspin 25s linear infinite;
    animation:backspin 25s linear infinite;
    z-index: 0;
}
.input-block .input-btn#export, .input-block .input-btn#key_export {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    background-image: url(/img/icon/export.svg);
}
.dynamic.win {
    color: #25e6a4;
}
.dynamic.lose {
    color: #e62567;
}
.dynamic {
    color: #e4e4e4;
}
.input-block .input-selector#dates, .input-selector#key_dates, .input-selector#vol_dates {
    position: relative;
}
.input-selector#key_engine, .input-selector#key_region, .input-selector#key_dates, .input-selector#keyword {
    margin-bottom: 1em;
}
.data-keyword tbody {
    counter-reset: my-counter;
    list-style-type: none;
}
.data-keyword tbody tr {
    counter-increment: my-counter;
    
}
.data-keyword tbody tr td:before {
    content: counter(my-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    height: 1.5em;
    font-size: .8em;
    line-height: 1.5em;
    background: #e5e5e6;
    text-align: center;
}
.sticky-nav {
    height: calc(100vh - 6.3em);
    position: sticky;
    top: 4.8em;
}
.delete-check {
    color: #6e788d;
    cursor: pointer;
}
.step-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    margin-bottom: 1em;
}
.step-list div {
    border: 2px solid #8556fc;
    background: white;
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
    border-radius: .5em;
    margin: 0 auto;
    font-size: .9em;
    font-family: 'Nunito Bold';
    z-index: 2;
}
.step-list:before {
    content: '';
    position: absolute;
    height: 2px;
    background: #e5e5e5;
    width: 100%;
    margin-top: 0.875em;
    z-index: 1;
}
.step-list .step-1 {
    margin-left: 1em;
}
.step-list .step-3 {
    margin-right: 1em;
}
.create-new-project {
    border: 2px solid #6e788c;
    background: #6e788c;
    color: white;
    height: 2.5em;
    border-radius: 5px;
    float: left;
    padding: 0.5em 1em;
    font-size: .8em;
    box-sizing: border-box;
    font-family: 'Golos';
}
.create-new-project:not(.from-dash) {
    margin-left: 1em;    
}
.project-list:not(.tracking) {
    float: left;
    width: 100%;
    margin-top: 2em;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    border-collapse: collapse;
    overflow: hidden;
}
.project-list.tracking {
    float: left;
    width: 100%;
    margin-top: 2em;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    border-collapse: collapse;
    overflow: hidden;
}
.project-list .project-card {
    width: 100%;
    display: contents;
}
.project-list .project-card > div {
    font-size: .9em;
    word-break: break-word;
    white-space: normal;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.5em 1em;
    text-align: center;
}
.project-list .project-card.heading {
    font-family: 'Golos Medium';
    font-size: .8em;
    color: #6e788d;
    white-space: nowrap;
}
.project-list .project-card:not(.heading) {
    font-family: 'Golos';
    font-size: .9em;
}
.project-list .project-card.heading > div {
    border-top: 1px solid #e6e6e6;
}
.project-list .project-card > div:first-child {
    border-left: 1px solid #e6e6e6;
}
.project-list .project-card > div:last-child {
    border-right: 1px solid #e6e6e6;
}
.project-list .project-card:first-child > div:first-child {
    border-top-left-radius: 5px;
}
.project-list .project-card:first-child > div:last-child {
    border-top-right-radius: 5px;
}
.project-list .project-card:last-child > div:first-child {
    border-bottom-left-radius: 5px;
}
.project-list .project-card:last-child > div:last-child {
    border-bottom-right-radius: 5px;
}
.project-card div .name {
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: .25em;
}
.project-card div .link {
    font-size: .9em;
    text-align: left;
    width: 100%;
    float: left;
}
.project-card div .link a {
    color: #6e788d;
    font-size: 1em;
    text-decoration: none;
    opacity: .5;
}
.project-card .icons {
    float: left;
    width: 100%;
    margin-top: .75em;
}
.project-card .icons a {
    width: 1em;
    height: 1em;
    display: block;
    background-size: .9em;
    background-position: 50%;
    background-repeat: no-repeat;
    float: left;
    margin-right: .5em;
}
.project-card .icons a.r-table {
    background-image: url('/img/icon/rank-pos.svg');
}
.project-card .icons a.r-keyword {
    background-image: url('/img/icon/rank-key.svg');
}
.project-card .icons a.r-volatility {
    background-image: url('/img/icon/rank-vol.svg');
}
.project-card .icons a.r-settings {
    background-image: url('/img/icon/rank-set.svg');
}
.project-card .icons a.r-site {
    background-image: url('/img/icon/track-site.svg');
}
.project-card .icons a.r-pages {
    background-image: url('/img/icon/track-page.svg');
}
.project-card > div:not(.no-align) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tracking-filters {
    border: 2px solid #e6e6e6;
    background: #fff;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    position: relative;
    flex-direction: row;
    font-family: 'Golos Medium';
    float: left;
    width: 100%;
    clear: both;
    display: flex;
    margin-top: 1em;
    overflow: scroll;
}
.tracking-filters div {
    padding: .75em 1.5em .75em 2.75em;
    font-size: .8em;
    position: relative;
}
.tracking-filters div.track-uptime:before {
    background-image: url(/img/icon/track-filter-site.svg);
}
.tracking-filters div.track-robots:before {
    background-image: url(/img/icon/track-filter-robots.svg);
}
.tracking-filters div.track-sitemap:before {
    background-image: url(/img/icon/track-filter-sitemap.svg);
}
.tracking-filters div.track-ssl:before {
    background-image: url(/img/icon/track-filter-ssl.svg);
}
.tracking-filters div.track-safety:before {
    background-image: url(/img/icon/track-filter-safety.svg);
}
.tracking-filters div.track-pages:before {
    background-image: url(/img/icon/track-filter-page.svg);
}
.tracking-filters div.track-canonical:before {
    background-image: url(/img/icon/track-filter-canonical.svg);
}
.tracking-filters div.track-canonical:before {
    background-image: url(/img/icon/track-filter-canonical.svg);
}
.tracking-filters div.track-directive:before {
    background-image: url(/img/icon/track-filter-directives.svg);
}
.tracking-filters div.track-title:before {
    background-image: url(/img/icon/track-filter-title.svg);
}
.tracking-filters div.track-description:before {
    background-image: url(/img/icon/track-filter-description.svg);
}
.tracking-filters div.track-heading:before {
    background-image: url(/img/icon/track-filter-heading.svg);
}
.tracking-filters div.track-hreflang:before {
    background-image: url(/img/icon/track-filter-hreflang.svg);
}
.tracking-filters div:before {
    content: '';
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: .75em;
    top: .625em;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: 50%;
}
.tracking-filters div.show {
    background: #e6e6e6;
    color: #6e788c;
}
.tracking-data {
    float: left;
    width: 100%;
    overflow: scroll;
}
.tracking-tab {
    float: left;
    width: 100%;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    border-collapse: collapse;
}
.tracking-tab tr td {
    font-family: 'Golos';
    padding: .75em 1em;
    font-size: .8em;
    border: 2px solid #e4e4e4;
    text-align: center;
}
.tracking-tab tr th {
    font-family: 'Golos Medium';
    padding: .75em 1em;
    font-size: .8em;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 2px 2px 2px;
}
.tracking-tab span.time {
    font-size: 1em;
    margin-left: .5em;
    color: #6e788c;
}
.tracking-filters div:not(.show) {
    opacity: .5;
}
.project-list.tracking .status-code {
    transform: none;
    margin-left: unset;
    display: block;
    text-decoration: none;
}
.status-code {
    float: left;
    padding: .25em .75em;
    color: white;
    font-size: .9em;
    border-radius: .5em;
    margin-left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    position: relative;
}
.tracking-tab th.left, .tracking-tab td.left {
    text-align: left;
}
.tracking-tab td a {
    font-size: 1em;
    color: #000;
    text-decoration: none;
}
.tracking-tab code span {
    font-size: 1em;
    white-space: pre-wrap;
}
code span.del-fragment {
    color: #e62525;
    text-decoration: line-through;
    background: #fed7d4;
}
code span.new-fragment {
    color: #27e5a3;
    background: #d4f9e7;
}
.tracking-filters .alert-track {
    font-size: .8em;
    background: #e72425;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
    margin-left: .125em;
}
.input-btn.refresh-dashboard .alert-check {
    position: absolute;
    font-size: .8em;
    background: #e72425;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
    margin-left: .125em;
    position: absolute;
    right: -.5em;
    top: -.5em;
}
.project-list.tracking .alert-track, .project-list.tracking .changes-track {
    font-size: 0.7em;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    line-height: 1em;
    text-align: center;
    border-radius: 5px;
    margin-left: .125em;
    position: absolute;
    right: -.75em;
    top: -.75em;
    width: .5em;
}
.project-list.tracking .alert-track {
    background: #e72425;
}
.project-list.tracking .changes-track {
    background: #ff9903;
}
.tracking-tab .show-history {
    font-size: 1em;
    background: #f2f2f2;
    width: fit-content;
    margin: 0 auto;
    padding: .25em .5em;
    border-radius: .5em;
    cursor: pointer;
}

.alerts-table {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto;
    border-collapse: collapse;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
    padding: 1em 1.25em .5em 1.25em;
    box-sizing: border-box;
}
.alerts-row {
    width: 100%;
    display: contents;
}
.alerts-row.heading {
    font-family: 'Golos Medium';
    font-size: .8em;
    color: #6e788d;
    white-space: nowrap;
}
.alerts-row.heading div {
    font-size: 1em;
    padding-bottom: 1em;
}
.alerts-row:not(.heading) {
    font-size: .8em;
}
.alerts-row:not(.heading) div {
    padding: .75em 0;
    font-size: 1em;
    border-top: 1px solid #e3e3e3;
}
.alerts-row div:not(:first-child) {
    text-align: center;
}
.alerts-row input[type="checkbox"] {
    position: relative;
    width: .8em;
    height: .8em;
    outline: none;
}
.alerts-row input[type="checkbox"]:before {
    content: '';
    border: 2px solid #e6e6e6;
    position: absolute;
    width: 1em;
    height: 1em;
    left: -.1em;
    top: -.1em;
    background-color: white;
    border-radius: 5px;
    box-sizing: border-box;
    background-size: .6em;
    background-position: 50%;
    background-repeat: no-repeat;
}
.alerts-row input[type="checkbox"]:checked:before {
    background-image: url(https://rocket-tools.pro/img/icon/check.svg);
}
.alerts-row input[type="checkbox"]:disabled {
    opacity: .25;
}
.delete-project {
    width: 100%;
    float: left;
}
.delete-project .btn-delete, .pt-delete-btn, .pr-delete-btn {
    text-decoration: none;
    background: #e62525;
    border: 2px solid #e62525;
    font-size: .8em;
    padding: calc(0.725em - 2px) 1.2em;
    border-radius: 5px;
    color: white;
    font-family: 'Golos Medium';
    margin: 0.25em 0;
}
.delete-project .btn-delete {
    float: right;  
}
.pt-delete-btn, .pr-delete-btn {
    float: left;
}
.toggle {
    float: right;
    width: 4em;
    border-width: 3px;
    border-style: solid;
    height: 2em;
    border-radius: 1em;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin-left: 2em;
}
.toggle div {
    width: calc(2em - 6px);
    height: calc(2em - 6px);
    position: absolute;
    background-color: white;
    border-radius: calc(1em - 3px);
}
.toggle[data-status="0"] {
    border-color: #e5e5e5;
    background: #e5e5e5;
}
.toggle[data-status="0"] div {
    left: 0;
}
.toggle[data-status="1"] {
    border-color: #25e6a4;
    background: #25e6a4;
}
.toggle[data-status="1"] div {
    left: 2em;
}
.table-container .vol-card.perc-10 {
    background-color: #EAEAEA;
    border-color: #EAEAEA;
}
.table-container .vol-card.perc-20 {
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}
.table-container .vol-card.perc-40 {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}
.table-container .vol-card.perc-60 {
    background-color: #D7D7D7;
    border-color: #D7D7D7;
}
.table-container .vol-card.perc-80 {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
}
.table-container .vol-card.perc-90 {
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}
.table-container .vol-card.perc-95 {
    background-color: #C3C3C3;
    border-color: #C3C3C3;
}
.table-container .vol-card.perc-100 {
    background-color: #BCBCBC;
    border-color: #BCBCBC;
}
.grid-selector {
    grid-template-columns: repeat(7, 1fr);
    display: grid;
    width: 100%;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: .5em 0;
}
.grid-selector div {
    background: #e5e5e5;
    margin: 1em auto;
    text-align: center;
    border-radius: 5px;
    font-size: .8em;
    line-height: 1em;
    padding: .75em 0;
    cursor: pointer;
    width: 2.75em;
}
.grid-selector div.selected {
    background: #c2aaff
}
.crawl-pack .pack .name {
    font-family: 'Nunito Bold';
    color: #6e788c;
    font-size: 1.15em;
    line-height: 2em;
    float: left;
}
.pack .show-pages {
    background: #f3f3f7;
    position: relative;
    width: 2em;
    height: 2.5em;
    float: left;
    margin-left: 2em;
    border-radius: 5px;
    position: relative;
}
.pack .show-pages:after {
    content: '';
    background-size: 1em;
    background-image: url(/img/icon/plus.svg);
    transform: rotate(0deg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 2.5em;
    width: 2em;
}