body .site-content__inner-right, body .site-content__sidebar, body .left-menu {
    --c-dark: #ffffff; --c-white: #1c1e1f; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    opacity: 0.1;
}
.site-content__sidebar .search-wrap .search-field, .site-content__sidebar select {
    border-color: var(--c-semi-dark);
}

.site-content:not(.unit), .site-content:not(.unit) a, .site-content:not(.unit) .mCSB_scrollTools .mCSB_dragger {
    cursor: none;
}



/* ---------------- */

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}


body {
    --c-white: #ffffff;--c-black: #000000;--c-dark: #222222;--c-semi-dark: #333333;--c-semi-grey: #555555;--c-grey: #888888;--c-light-grey: #bfbfbf;--c-soft-grey: #eeeeee;--c-primary: #00c483;--first-font: 'Roboto', sans-serif}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

a {
    background-color: transparent
}

img {
    border-style: none;
    clear: both
}

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
}
[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
}

body {
    font-family: var(--first-font);
    color: var(--c-grey);
    overflow: hidden
}

html {
    overflow: hidden
}

* {
    font-size: 15px;
    -webkit-font-smoothing: antialiased
}

i {
    font-size: inherit
}

span,p,em {
    font-size: inherit;
    line-height: inherit;
    position: relative
}

img {
    max-width: 100%
}

a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    text-decoration: none;
    color: var(--c-dark);
    font-weight: 500;
    font-size: 15px
}

a:hover {
    color: var(--c-primary);
    text-decoration: none
}

h1 {
    font-size: 70px;
    margin-block-start:0;margin-block-end:0}

h2 {
    font-size: 54px
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 18px
}

ul,ol {
    padding-left: 20px
}

ul ul,ol ul {
    list-style-type: initial
}

td,tr,th {
    padding: 5px 10px
}

th,td,tr,table {
    border: 1px solid var(--c-light-grey)
}

table {
    width: 100%;
    margin-bottom: 15px
}

table.is-style-stripes {
    border: none
}

pre {
    background-color: #fbfbfb;
    padding: 20px 15px
}

b,strong {
    -webkit-font-smoothing: auto
}

@media (min-width: 768px) {
    .circle-cursor {
        position:fixed;
        left: 0;
        top: 0;
        pointer-events: none;
        border-radius: 50%
    }

    .circle-cursor--outer {
        width: 30px;
        height: 30px;
        border: 1px solid var(--c-primary);
        z-index: 12000;
        background-color: transparent
    }

    .circle-cursor--inner {
        width: 5px;
        height: 5px;
        left: -2.5px;
        top: -2.5px;
        z-index: 11000;
        background: var(--c-primary)
    }

    .unit .circle-cursor {
        display: none
    }
}

.preloader-page {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: var(--c-white)
}

.preloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: var(--c-white)
}

.preloader-wrap .preloader {
    color: var(--c-dark)
}

.preloader-wrap .preloader::before,.preloader-wrap .preloader::after {
    background: var(--c-dark)
}

.preloader-wrap.dark {
    background-color: var(--c-dark)
}

.preloader-wrap.dark .preloader {
    color: var(--c-white)
}

.preloader-wrap.dark .preloader::before,.preloader-wrap.dark .preloader::after {
    background: var(--c-white)
}

.preloader {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    letter-spacing: 0.2em;
    font-size: 22px
}

.preloader img {
    max-height: 20px
}

.preloader::before,.preloader::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    animation: load .7s infinite alternate ease-in-out
}

.preloader::before {
    top: 0
}

.preloader::after {
    bottom: 0
}

@keyframes load {
    0% {
        left: 0;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 235px;
        height: 30px;
        width: 15px
    }
}

.mCSB_scrollTools {
    width: 8px
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: var(--c-soft-grey)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--c-soft-grey)
}

.mCSB_inside>.mCSB_container {
    margin-right: 0
}

.height-100 {
    height: 100%
}

.s-hidden {
    visibility: hidden
}

.overflow-hidden {
    overflow: hidden
}

#defaultCanvas0 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.admin-bar .site-content {
    padding-top: 32px;
    margin-top: -32px
}

.site-content {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative
}

.site-content.unit {
    background-color: var(--c-dark)
}

.site-content .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--c-dark);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s
}

.site-content__background-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -2
}

.site-content__background-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3
}

.site-content__inner {
    height: 98%;
    padding-top: 1%
}

.site-content__inner-left {
    max-width: calc(50% - 30px);
    z-index: 1
}

.site-content__inner-right {
    max-width: calc(50% + 30px);
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    transition: 0.5s all;
    z-index: 0
}

.site-content__inner-right.animated {
    transform: translateX(-100%)
}

.site-content__inner-right.animated .mCSB_container {
    opacity: 0
}

.site-content__inner-right.full_width {
    max-width: 100%
}

.site-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.site-content__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site-content__page .post-nav {
    padding-bottom: 20px
}

.site-content__page-wrap {
    background-color: var(--c-white);
    width: 100%;
    margin: 40px 0;
    padding: 0 5px 0 35px;
    overflow: hidden;
    position: relative
}

.site-content__page-wrap::before,.site-content__page-wrap::after {
    content: '';
    left: 0;
    right: 0;
    height: 50px;
    position: absolute;
    display: block;
    z-index: 3
}

.site-content__page-wrap::before {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, var(--c-white)), color-stop(23%, var(--c-white)), to(transparent));
    background-image: -webkit-linear-gradient(top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: -o-linear-gradient(top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: linear-gradient(to bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%)
}

.site-content__page-wrap::after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(45%, var(--c-white)), color-stop(23%, var(--c-white)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: -o-linear-gradient(bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: linear-gradient(to top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%)
}

.site-content__page-wrap .entry-header {
    margin-top: 40px;
    margin-bottom: 20px
}

.site-content__page-wrap .entry-title {
    font-weight: 900;
    color: var(--c-dark);
    line-height: normal;
    text-transform: lowercase;
    padding-right: 30px
}

.site-content__page-wrap .niko-blog {
    padding-right: 30px
}

.site-content__page-wrap .niko-sc {
    padding-bottom: 50px;
    padding-right: 30px;
    position: relative
}

.site-content__page-wrap .niko-sc:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 30px;
    height: 1px;
    background-color: var(--c-dark);
    opacity: 0.09
}

.site-content__page-wrap .niko-sc__title-wrap {
    margin: 40px 0 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.site-content__page-wrap .niko-sc__title-icon {
    font-size: 30px;
    color: var(--c-primary);
    margin-right: 20px
}

.site-content__page-wrap .niko-sc__title {
    font-weight: 900;
    color: var(--c-dark);
    text-transform: lowercase;
    margin-bottom: 0
}

.site-content__sidebar .select-wrap {
    position: relative
}

.site-content__sidebar .select-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f107';
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1.3;
    color: var(--c-primary);
    pointer-events: none
}

.site-content__sidebar select {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    font-size: 13px;
    line-height: 1.85;
    color: var(--c-grey);
    padding-bottom: 5px;
    border-bottom: 2px solid var(--c-soft-grey);
    cursor: pointer;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.site-content__sidebar select option {
    border: none;
    outline: none;
    font-size: 13px;
    line-height: 1.85;
    color: var(--c-grey)
}

.site-content__sidebar select::-ms-expand {
    display: none
}

.site-content__sidebar select {
    -webkit-appearance: none;
    appearance: none
}

.site-content__sidebar-mobile {
    display: none
}

.left-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--c-white);
    margin: 40px 0;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.left-menu__sidebar-btn {
    width: 100%;
    height: 70px;
    background: var(--c-primary);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.left-menu__sidebar-btn i {
    font-size: 22px;
    color: var(--c-white);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all
}

.left-menu__sidebar-btn:hover i {
    transform: scale(1.3)
}

.left-menu__menu-list .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 270px;
    overflow: hidden
}

.left-menu__menu-list .menu-item {
    text-align: center
}

.left-menu__menu-list .menu-item.icon_for_child a {
    font-size: 0;
    display: inline-block;
    padding: 16px
}

.left-menu__menu-list .menu-item.icon_for_child a:before {
    font-size: 22px;
    color: var(--c-light-grey);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all
}

.left-menu__menu-list .menu-item.icon_for_child:hover a::before {
    color: var(--c-primary)
}

.left-menu__menu-list .menu-item.icon_for_child.current-menu-item a {
    transform: scale(1.35)
}

.left-menu__menu-list .menu-item.icon_for_child.current-menu-item a::before {
    color: var(--c-primary)
}

.left-menu__download-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 39px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
    color: var(--c-primary);
    padding: 15px 10px
}

.left-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    opacity: 0
}

.person {
    display: inline-block;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 32px 84px 0 rgba(0,0,0,0.5);
    box-shadow: 0 32px 84px 0 rgba(0,0,0,0.5)
}

.person__avatar {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.person__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.person__name {
    font-weight: 900;
    line-height: 1.17;
    color: var(--c-white);
    text-align: center
}

.person__position {
    font-size: 18px;
    font-weight: bold;
    color: var(--c-primary);
    text-align: center;
    margin-top: 10px;
    line-height: normal
}

.person__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 15px 0 70px
}

.person__socials-list li {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.person__socials-list li:not(:last-child) {
    margin-right: 10px
}

.person__socials-list a {
    font-size: 18px;
    color: var(--c-white)
}

.person__socials-list a i {
    font-family: 'FontAwesome';
    font-style: normal
}

.a-btn-little {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: var(--c-primary);
    padding: 5px 15px;
    border: 1px solid var(--c-primary)
}

.a-btn-little:hover {
    background-color: var(--c-primary);
    color: var(--c-white)
}

.niko-sc__about-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__about-item {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.67;
    color: var(--c-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__about-item:not(:last-child) {
    margin-right: 15px
}

.niko-sc__about-item:not(:last-child)::after {
    content: '/';
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.67;
    color: var(--c-dark);
    opacity: 0.25;
    padding-left: 15px
}

.niko-sc__about-description {
    color: var(--c-grey);
    line-height: 1.73
}

.niko-sc__about-description:not(:first-child) {
    margin-top: 20px
}

.niko-sc__services-list {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__services-item {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    margin-bottom: 30px
}

.niko-sc__services-icon {
    font-size: 30px;
    color: var(--c-primary)
}

.niko-sc__services-name {
    font-weight: 900;
    color: var(--c-dark);
    line-height: 1.5
}

.niko-sc__services-name:not(:first-child) {
    margin-top: 10px
}

.niko-sc__services_description {
    font-size: 15px;
    line-height: 1.73;
    color: var(--c-grey);
    margin-top: 10px
}

.niko-sc__pricing-list {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__pricing-item {
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100% / 3);
    margin-bottom: 40px;
    text-align: center
}

.niko-sc__pricing-name {
    font-weight: 900;
    color: var(--c-dark);
    line-height: 1.5;
    margin-bottom: 20px;
    text-transform: lowercase
}

.niko-sc__pricing-price {
    color: var(--c-primary);
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px
}

.niko-sc__pricing-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.niko-sc__pricing-currency {
    font-size: 28px;
    line-height: 1
}

.niko-sc__pricing-cost {
    font-size: 54px;
    line-height: 0.8
}

.niko-sc__pricing-period {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__pricing-period>span {
    margin-right: 3px
}

.niko-sc__pricing-description-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 2.4
}

.niko-sc__pricing-description-list:not(:last-child) {
    margin-bottom: 20px
}

.niko-sc__pricing-description-list li {
    color: var(--c-light-grey)
}

.niko-sc__pricing-description-list li.active {
    color: var(--c-dark)
}

.niko-sc__counter-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__counter-item {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% / 4);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.niko-sc__counter-number {
    font-size: 26px;
    font-weight: 800;
    color: var(--c-primary)
}

.niko-sc__counter-name {
    font-size: 13px;
    color: var(--c-dark);
    font-weight: bold
}

.niko-sc__clients-list {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__clients-item {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% / 4);
    margin-bottom: 30px
}

.niko-sc__clients-image {
    display: inline-block;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

@media (min-width: 992px) and (max-width: 1400px) {
    .site-content__inner {
        height:94%;
        padding-top: 3%
    }

    .site-content__inner-left {
        max-width: calc(50% - 150px)
    }

    .site-content__inner-right {
        max-width: calc(50% + 150px)
    }
}

@media (min-width: 992px) {
    .error-404__title {
        font-size:150px
    }
}

iframe {
    width: 99%;
    height: 550px
}

@media (max-width: 767px) {
    iframe {
        height:360px
    }
}

@media (max-width: 575px) {
    iframe {
        height:auto
    }
}

@media (max-width: 1199px) {
    h1 {
        font-size:63px
    }

    h2 {
        font-size: 48px
    }

    h3 {
        font-size: 32px
    }

    h4 {
        font-size: 24px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }

    .site-content__page-wrap {
        padding: 0 5px 0 40px
    }

    .site-content__page-wrap::before,.site-content__page-wrap::after {
        height: 30px
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 28px;
        margin-right: 10px
    }

    .site-content__page-wrap .entry-title {
        margin-top: 30px
    }

    .niko-sc__pricing-list {
        margin-left: -20px;
        margin-right: -20px
    }

    .niko-sc__pricing-item {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% / 2)
    }

    .niko-sc__pricing-price {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .niko-sc__counter-item {
        width: calc(100% / 2);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .niko-sc__clients-item {
        width: calc(100% / 3)
    }

    .niko-sc__contacts-text-wrap,.niko-sc__contacts-mail-wrap {
        width: 100%
    }
}

@media (max-width: 991px) {
    h1 {
        font-size:56px
    }

    h2 {
        font-size: 42px
    }

    h3 {
        font-size: 28px
    }

    h4 {
        font-size: 22px
    }

    .site-content__page-wrap {
        padding: 0 1px 0 30px
    }

    .site-content__page-wrap .entry-title {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .site-content__page-wrap .niko-sc {
        padding-bottom: 40px
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 24px;
        margin-right: 8px
    }

    .site-content__page-wrap__title {
        margin: 30px 0 30px
    }

    .niko-sc__pricing-name {
        margin-bottom: 15px
    }

    .niko-sc__pricing-price {
        margin-bottom: 10px
    }

    .niko-sc__portfolio-item-wrap {
        width: 100%
    }

    .niko-sc__contacts-list {
        margin-top: 30px
    }

    .niko-sc__contact-form input:not([type="submit"]),.niko-sc__contact-form textarea {
        margin-bottom: 20px
    }

    .niko-sc__contact-form .wpcf7-not-valid-tip {
        top: -20px
    }

    .niko-sc__exp-educ-list {
        flex-direction: column
    }

    .niko-sc__exp,.niko-sc__educ {
        width: 100%
    }

    .niko-sc_educ {
        order: 1
    }

    .niko-sc__exp {
        order: 2
    }

    .niko-blog__list {
        margin-bottom: -30px
    }

    .niko-blog__item {
        width: 100%;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    h1 {
        font-size:50px
    }

    h2 {
        font-size: 38px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 20px
    }

    .circle-cursor {
        display: none
    }

    .site-content,.site-content a,.site-content .mCSB_scrollTools .mCSB_dragger {
        cursor: unset
    }

    .site-content__page-wrap {
        margin: 0
    }

    .site-content__page-wrap::before,.site-content__page-wrap::after {
        display: none
    }

    .site-content__inner {
        height: 100%;
        padding-top: 0
    }

    .site-content__inner-left {
        max-width: 50px
    }

    .site-content__inner-left::after {
        position: absolute;
        content: '';
        right: 0;
        top: 50px;
        background-image: -webkit-radial-gradient(center, ellipse, #ddd 0, rgba(255,255,255,0) 100%);
        background-image: -o-radial-gradient(center, ellipse, #ddd 0, rgba(255,255,255,0) 100%);
        background-image: radial-gradient(ellipse at center, #ddd 0, rgba(255,255,255,0) 100%);
        width: 1px;
        height: 100%;
        opacity: 0.3
    }

    .site-content__inner-right {
        max-width: calc(100% - 50px)
    }

    .left-menu {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        margin: 0
    }

    .left-menu__sidebar-btn {
        width: 100%;
        height: 50px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .left-menu__sidebar-btn i {
        font-size: 20px
    }

    .left-menu__menu-list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .left-menu__menu-list .menu-item {
        min-width: 20%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .left-menu__menu-list .menu-item.icon_for_child a::before {
        font-size: 20px
    }

    .left-menu__download {
        height: 50px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 5px
    }

    .left-menu__download-btn {
        width: 100%;
        color: var(--c-primary);
        font-size: 30px;
        margin-bottom: 0
    }

    .person {
        display: none
    }

    .niko-sc__pricing-item {
        width: calc(100% / 3)
    }

    .niko-sc__counter-item {
        width: calc(100% / 4)
    }

    .niko-sc__counter-name {
        font-size: 12px
    }

    .niko-sc__exp-educ-list .niko-sc__experience-title-icon,.niko-sc__exp-educ-list .niko-sc__experience-title {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    h1 {
        font-size:48px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 22px
    }

    .site-content__page-wrap .entry-title {
        text-align: center
    }

    .site-content__page-wrap .niko-sc__title-wrap {
        justify-content: center
    }

    .site-content__page-wrap .niko-sc__title {
        text-align: center
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 20px
    }

    .site-content__sidebar {
        max-width: 260px;
        width: 100%
    }

    .niko-sc__about-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .niko-sc__about-item {
        font-size: 17px
    }

    .niko-sc__about-item:not(:last-child) {
        margin-right: 5px
    }

    .niko-sc__about-item:not(:last-child)::after {
        padding-left: 5px
    }

    .niko-sc__about-description {
        text-align: justify
    }

    .niko-sc__services-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: justify
    }

    .niko-sc__pricing-item {
        width: 100%;
        text-align: center
    }

    .niko-sc__pricing-price {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .niko-sc__counter-item {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .niko-sc__clients-item {
        width: calc(100% / 2);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .niko-sc__contacts-description {
        text-align: justify
    }

    .niko-sc__exp-educ-list .niko-sc__experience-title-icon,.niko-sc__exp-educ-list .niko-sc__experience-title {
        font-size: 22px
    }

    .niko-sc__experience-period,.niko-sc__experience-name,.niko-sc__experience-region {
        text-align: center
    }

    .niko-sc__experience-description {
        text-align: justify
    }
}

@media (max-width: 425px) {
    .niko-sc .acf-map {
        height:200px
    }
}

:root {
    --wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87
	}

body {
    --c-white: #ffffff;--c-black: #000000;--c-dark: #222222;--c-semi-dark: #333333;--c-semi-grey: #555555;--c-grey: #888888;--c-light-grey: #bfbfbf;--c-soft-grey: #eeeeee;--c-primary: #00c483;--first-font: 'Roboto', sans-serif}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

a {
    background-color: transparent
}

img {
    border-style: none;
    clear: both
}

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
}

body {
    font-family: var(--first-font);
    color: var(--c-grey);
    overflow: hidden
}

html {
    overflow: hidden
}

* {
    font-size: 15px;
    -webkit-font-smoothing: antialiased
}

i {
    font-size: inherit
}

span,p,em {
    font-size: inherit;
    line-height: inherit;
    position: relative
}

figcaption {
    margin-top: 1em;
    font-size: 13px;
    text-align: center;
    color: var(--c-grey)
}

figcaption * {
    font-size: inherit !important
}

img {
    max-width: 100%
}

em {
    color: var(--c-dark)
}

::-moz-selection {
    background: var(--c-primary);
    color: #fff
}

::selection {
    background: var(--c-primary);
    color: #fff
}

a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    text-decoration: none;
    color: var(--c-dark);
    font-weight: 500;
    font-size: 15px
}

a:hover {
    color: var(--c-primary);
    text-decoration: none
}

h1 {
    font-size: 70px;
    margin-block-start:0;margin-block-end:0}

h2 {
    font-size: 54px
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 18px
}

ul,ol {
    padding-left: 20px
}

ul ul,ol ul {
    list-style-type: initial
}

td,tr,th {
    padding: 5px 10px
}

th,td,tr,table {
    border: 1px solid var(--c-light-grey)
}

table {
    width: 100%;
    margin-bottom: 15px
}

table.is-style-stripes {
    border: none
}

pre {
    background-color: #fbfbfb;
    padding: 20px 15px
}

b,strong {
    -webkit-font-smoothing: auto
}

@media (min-width: 768px) {
    .circle-cursor {
        position:fixed;
        left: 0;
        top: 0;
        pointer-events: none;
        border-radius: 50%
    }

    .circle-cursor--outer {
        width: 30px;
        height: 30px;
        border: 1px solid var(--c-primary);
        z-index: 12000;
        background-color: transparent
    }

    .circle-cursor--inner {
        width: 5px;
        height: 5px;
        left: -2.5px;
        top: -2.5px;
        z-index: 11000;
        background: var(--c-primary)
    }

    .unit .circle-cursor {
        display: none
    }
}

.preloader-page {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: var(--c-white)
}

.preloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: var(--c-white)
}

.preloader-wrap .preloader {
    color: var(--c-dark)
}

.preloader-wrap .preloader::before,.preloader-wrap .preloader::after {
    background: var(--c-dark)
}

.preloader-wrap.dark {
    background-color: var(--c-dark)
}

.preloader-wrap.dark .preloader {
    color: var(--c-white)
}

.preloader-wrap.dark .preloader::before,.preloader-wrap.dark .preloader::after {
    background: var(--c-white)
}

.preloader {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    letter-spacing: 0.2em;
    font-size: 22px
}

.preloader img {
    max-height: 20px
}

.preloader::before,.preloader::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    animation: load .7s infinite alternate ease-in-out
}

.preloader::before {
    top: 0
}

.preloader::after {
    bottom: 0
}

@keyframes load {
    0% {
        left: 0;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 235px;
        height: 30px;
        width: 15px
    }
}

.mCSB_scrollTools {
    width: 8px
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: var(--c-soft-grey)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--c-soft-grey)
}

.mCSB_inside>.mCSB_container {
    margin-right: 0
}

.height-100 {
    height: 100%
}

.s-hidden {
    visibility: hidden
}

.overflow-hidden {
    overflow: hidden
}

#defaultCanvas0 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.admin-bar .site-content {
    padding-top: 32px;
    margin-top: -32px
}

.site-content {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative
}

.site-content.unit {
    background-color: var(--c-dark)
}

.site-content .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--c-dark);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s
}

.site-content__background-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -2
}

.site-content__background-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3
}

.site-content__inner {
    height: 98%;
    padding-top: 1%
}

.site-content__inner-left {
    max-width: calc(50% - 30px);
    z-index: 1
}

.site-content__inner-right {
    max-width: calc(50% + 30px);
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    transition: 0.5s all;
    z-index: 0
}

.site-content__inner-right.animated {
    transform: translateX(-100%)
}

.site-content__inner-right.animated .mCSB_container {
    opacity: 0
}

.site-content__inner-right.full_width {
    max-width: 100%
}

.site-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.site-content__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.site-content__page .post-nav {
    padding-bottom: 20px
}

.site-content__page-wrap {
    background-color: var(--c-white);
    width: 100%;
    margin: 40px 0;
    padding: 0 5px 0 35px;
    overflow: hidden;
    position: relative
}

.site-content__page-wrap::before,.site-content__page-wrap::after {
    content: '';
    left: 0;
    right: 0;
    height: 50px;
    position: absolute;
    display: block;
    z-index: 3
}

.site-content__page-wrap::before {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, var(--c-white)), color-stop(23%, var(--c-white)), to(transparent));
    background-image: -webkit-linear-gradient(top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: -o-linear-gradient(top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: linear-gradient(to bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%)
}

.site-content__page-wrap::after {
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(45%, var(--c-white)), color-stop(23%, var(--c-white)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: -o-linear-gradient(bottom, var(--c-white) 45%, var(--c-white) 23%, transparent 100%);
    background-image: linear-gradient(to top, var(--c-white) 45%, var(--c-white) 23%, transparent 100%)
}

.site-content__page-wrap .entry-header {
    margin-top: 40px;
    margin-bottom: 20px
}

.site-content__page-wrap .entry-title {
    font-weight: 900;
    color: var(--c-dark);
    line-height: normal;
    text-transform: lowercase;
    padding-right: 30px
}

.site-content__page-wrap .niko-blog {
    padding-right: 30px
}

.site-content__page-wrap .niko-sc {
    padding-bottom: 50px;
    padding-right: 30px;
    position: relative
}

.site-content__page-wrap .niko-sc:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 30px;
    height: 1px;
    background-color: var(--c-dark);
    opacity: 0.09
}

.site-content__page-wrap .niko-sc__title-wrap {
    margin: 40px 0 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.site-content__page-wrap .niko-sc__title-icon {
    font-size: 30px;
    color: var(--c-primary);
    margin-right: 20px
}

.site-content__page-wrap .niko-sc__title {
    font-weight: 900;
    color: var(--c-dark);
    text-transform: lowercase;
    margin-bottom: 0
}

.site-content__sidebar {
    font-size: 15px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -410px;
    width: 340px;
    background: var(--c-white);
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    z-index: 4;
    padding-top: 30px
}

.site-content__sidebar .widget {
    padding: 0 30px 30px;
    margin-bottom: 30px;
    position: relative
}

.site-content__sidebar .widget::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--c-dark);
    opacity: 0.05;
    content: ''
}

.site-content__sidebar .widget-title {
    font-weight: 900;
    text-transform: lowercase;
    color: var(--c-dark);
    margin-bottom: 20px
}

.site-content__sidebar .widget-title::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 40px;
    background-color: var(--c-primary);
    left: 0;
    top: 27px
}

.site-content__sidebar table {
    width: 100%
}

.site-content__sidebar table th,.site-content__sidebar table td {
    border: 1px solid var(--c-soft-grey);
    text-align: center;
    padding: 4px 2px 2px
}

.site-content__sidebar table caption {
    color: var(--c-primary);
    font-weight: 700;
    padding-bottom: 0
}

.site-content__sidebar table thead {
    color: var(--c-primary)
}

.site-content__sidebar table tbody td {
    font-size: 14px
}

.site-content__sidebar table a {
    color: var(--c-black);
    font-size: 14px;
    font-weight: 300
}

.site-content__sidebar .search-wrap {
    display: inline-block;
    position: relative
}

.site-content__sidebar .search-wrap::after {
    content: "\f002";
    font-family: "FontAwesome";
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    background-color: transparent;
    color: var(--c-primary);
    height: 100%;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.site-content__sidebar .search-wrap label {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.site-content__sidebar .search-wrap .screen-reader-text {
    display: none
}

.site-content__sidebar .search-wrap .search-field {
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--c-soft-grey);
    padding: 5px 120px 5px 0;
    width: 100%;
    z-index: 3;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.site-content__sidebar .search-wrap .search-submit {
    background: transparent;
    border: 0;
    color: transparent;
    text-indent: -999px;
    overflow: hidden;
    width: 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1
}

.site-content__sidebar li {
    font-size: 13px;
    position: relative
}

.site-content__sidebar li .children li {
    color: var(--c-grey)
}

.site-content__sidebar li .children li:hover>a {
    color: var(--c-primary)
}

.site-content__sidebar li .children li a {
    color: var(--c-grey)
}

.site-content__sidebar li li .children {
    padding-bottom: 0
}

.site-content__sidebar li li::before {
    display: none
}

.site-content__sidebar li:not(:last-child) {
    margin-bottom: 10px
}

.site-content__sidebar li:not(:last-child) li {
    margin-bottom: 5px
}

.site-content__sidebar a {
    font-size: 15px;
    line-height: 1.85;
    color: var(--c-grey);
    text-transform: capitalize
}

.site-content__sidebar a:hover {
    color: var(--c-primary)
}

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

.site-content__sidebar ul ul {
    padding-left: 10px;
    padding-top: 10px
}

.site-content__sidebar ul ul ul {
    padding-top: 5px;
    margin-bottom: 5px
}

.site-content__sidebar ul ul ul ul ul ul ul {
    padding-left: 0 !important
}

.site-content__sidebar img {
    max-width: 100%;
    height: auto;
    margin: 10px 0
}

.site-content__sidebar .select-wrap {
    position: relative
}

.site-content__sidebar .select-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    content: '\f107';
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1.3;
    color: var(--c-primary);
    pointer-events: none
}

.site-content__sidebar select {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    font-size: 13px;
    line-height: 1.85;
    color: var(--c-grey);
    padding-bottom: 5px;
    border-bottom: 2px solid var(--c-soft-grey);
    cursor: pointer;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none
}

.site-content__sidebar select option {
    border: none;
    outline: none;
    font-size: 13px;
    line-height: 1.85;
    color: var(--c-grey)
}

.site-content__sidebar select::-ms-expand {
    display: none
}

.site-content__sidebar select {
    -webkit-appearance: none;
    appearance: none
}

.site-content__sidebar-mobile {
    display: none
}

.empty-sidebar {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--c-white);
    font-size: 4em;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s
}

.empty-sidebar.visible {
    visibility: visible;
    opacity: 1
}

.left-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--c-white);
    margin: 40px 0;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.left-menu__sidebar-btn {
    width: 100%;
    height: 70px;
    background: var(--c-primary);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.left-menu__sidebar-btn i {
    font-size: 22px;
    color: var(--c-white);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all
}

.left-menu__sidebar-btn:hover i {
    transform: scale(1.3)
}

.left-menu__menu-list .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 270px;
    overflow: hidden
}

.left-menu__menu-list .menu-item {
    text-align: center
}

.left-menu__menu-list .menu-item.icon_for_child a {
    font-size: 0;
    display: inline-block;
    padding: 16px
}

.left-menu__menu-list .menu-item.icon_for_child a:before {
    font-size: 22px;
    color: var(--c-light-grey);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all
}

.left-menu__menu-list .menu-item.icon_for_child:hover a::before {
    color: var(--c-primary)
}

.left-menu__menu-list .menu-item.icon_for_child.current-menu-item a {
    transform: scale(1.35)
}

.left-menu__menu-list .menu-item.icon_for_child.current-menu-item a::before {
    color: var(--c-primary)
}

.left-menu__download-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 39px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
    color: var(--c-primary);
    padding: 15px 10px
}

.left-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    opacity: 0
}

.person {
    display: inline-block;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 32px 84px 0 rgba(0,0,0,0.5);
    box-shadow: 0 32px 84px 0 rgba(0,0,0,0.5)
}

.person__avatar {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.person__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.person__name {
    font-weight: 900;
    line-height: 1.17;
    color: var(--c-white);
    text-align: center
}

.person__position {
    font-size: 18px;
    font-weight: bold;
    color: var(--c-primary);
    text-align: center;
    margin-top: 10px;
    line-height: normal
}

.person__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 15px 0 70px
}

.person__socials-list li {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.person__socials-list li:not(:last-child) {
    margin-right: 10px
}

.person__socials-list a {
    font-size: 18px;
    color: var(--c-white)
}

.person__socials-list a i {
    font-family: 'FontAwesome';
    font-style: normal
}


.a-btn-little {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: var(--c-primary);
    padding: 5px 15px;
    border: 1px solid var(--c-primary)
}

.a-btn-little:hover {
    background-color: var(--c-primary);
    color: var(--c-white)
}

.niko-sc__about-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__about-item {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.67;
    color: var(--c-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__about-item:not(:last-child) {
    margin-right: 15px
}

.niko-sc__about-item:not(:last-child)::after {
    content: '/';
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.67;
    color: var(--c-dark);
    opacity: 0.25;
    padding-left: 15px
}

.niko-sc__about-description {
    color: var(--c-grey);
    line-height: 1.73
}

.niko-sc__about-description:not(:first-child) {
    margin-top: 20px
}

.niko-sc__services-list {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__services-item {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    margin-bottom: 30px
}

.niko-sc__services-icon {
    font-size: 30px;
    color: var(--c-primary)
}

.niko-sc__services-name {
    font-weight: 900;
    color: var(--c-dark);
    line-height: 1.5
}

.niko-sc__services-name:not(:first-child) {
    margin-top: 10px
}

.niko-sc__services_description {
    font-size: 15px;
    line-height: 1.73;
    color: var(--c-grey);
    margin-top: 10px
}

.niko-sc__pricing-list {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__pricing-item {
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100% / 3);
    margin-bottom: 40px;
    text-align: center
}

.niko-sc__pricing-name {
    font-weight: 900;
    color: var(--c-dark);
    line-height: 1.5;
    margin-bottom: 20px;
    text-transform: lowercase
}

.niko-sc__pricing-price {
    color: var(--c-primary);
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 30px
}

.niko-sc__pricing-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.niko-sc__pricing-currency {
    font-size: 28px;
    line-height: 1
}

.niko-sc__pricing-cost {
    font-size: 54px;
    line-height: 0.8
}

.niko-sc__pricing-period {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.niko-sc__pricing-period>span {
    margin-right: 3px
}

.niko-sc__pricing-description-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 2.4
}

.niko-sc__pricing-description-list:not(:last-child) {
    margin-bottom: 20px
}

.niko-sc__pricing-description-list li {
    color: var(--c-light-grey)
}

.niko-sc__pricing-description-list li.active {
    color: var(--c-dark)
}

.niko-sc__counter-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__counter-item {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% / 4);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.niko-sc__counter-number {
    font-size: 26px;
    font-weight: 800;
    color: var(--c-primary)
}

.niko-sc__counter-name {
    font-size: 13px;
    color: var(--c-dark);
    font-weight: bold
}

.niko-sc__clients-list {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.niko-sc__clients-item {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% / 4);
    margin-bottom: 30px
}

.niko-sc__clients-image {
    display: inline-block;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.niko-sc__clients-image:hover {
    filter: none;
    -webkit-filter: none
}

@media (min-width: 992px) and (max-width: 1400px) {
    .site-content__inner {
        height:94%;
        padding-top: 3%
    }

    .site-content__inner-left {
        max-width: calc(50% - 150px)
    }

    .site-content__inner-right {
        max-width: calc(50% + 150px)
    }
}

@media (min-width: 992px) {
    .error-404__title {
        font-size:150px
    }
}

iframe {
    width: 99%;
    height: 550px
}

@media (max-width: 767px) {
    iframe {
        height:360px
    }
}

@media (max-width: 575px) {
    iframe {
        height:auto
    }
}

@media (max-width: 1199px) {
    h1 {
        font-size:63px
    }

    h2 {
        font-size: 48px
    }

    h3 {
        font-size: 32px
    }

    h4 {
        font-size: 24px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }

    .site-content__page-wrap {
        padding: 0 5px 0 40px
    }

    .site-content__page-wrap::before,.site-content__page-wrap::after {
        height: 30px
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 28px;
        margin-right: 10px
    }

    .site-content__page-wrap .entry-title {
        margin-top: 30px
    }

    .niko-sc__pricing-list {
        margin-left: -20px;
        margin-right: -20px
    }

    .niko-sc__pricing-item {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% / 2)
    }

    .niko-sc__pricing-price {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .niko-sc__counter-item {
        width: calc(100% / 2);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .niko-sc__clients-item {
        width: calc(100% / 3)
    }

    .niko-sc__contacts-text-wrap,.niko-sc__contacts-mail-wrap {
        width: 100%
    }
}

@media (max-width: 991px) {
    h1 {
        font-size:56px
    }

    h2 {
        font-size: 42px
    }

    h3 {
        font-size: 28px
    }

    h4 {
        font-size: 22px
    }

    .site-content__page-wrap {
        padding: 0 1px 0 30px
    }

    .site-content__page-wrap .entry-title {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .site-content__page-wrap .niko-sc {
        padding-bottom: 40px
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 24px;
        margin-right: 8px
    }

    .site-content__page-wrap__title {
        margin: 30px 0 30px
    }

    .niko-sc__pricing-name {
        margin-bottom: 15px
    }

    .niko-sc__pricing-price {
        margin-bottom: 10px
    }

    .niko-sc__portfolio-item-wrap {
        width: 100%
    }

    .niko-sc__contacts-list {
        margin-top: 30px
    }

    .niko-sc__contact-form input:not([type="submit"]),.niko-sc__contact-form textarea {
        margin-bottom: 20px
    }

    .niko-sc__contact-form .wpcf7-not-valid-tip {
        top: -20px
    }

    .niko-sc__exp-educ-list {
        flex-direction: column
    }

    .niko-sc__exp,.niko-sc__educ {
        width: 100%
    }

    .niko-sc_educ {
        order: 1
    }

    .niko-sc__exp {
        order: 2
    }

    .niko-blog__list {
        margin-bottom: -30px
    }

    .niko-blog__item {
        width: 100%;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    h1 {
        font-size:50px
    }

    h2 {
        font-size: 38px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 20px
    }

    .circle-cursor {
        display: none
    }

    .site-content,.site-content a,.site-content .mCSB_scrollTools .mCSB_dragger {
        cursor: unset
    }

    .site-content__page-wrap {
        margin: 0
    }

    .site-content__page-wrap::before,.site-content__page-wrap::after {
        display: none
    }

    .site-content__inner {
        height: 100%;
        padding-top: 0
    }

    .site-content__inner-left {
        max-width: 50px
    }

    .site-content__inner-left::after {
        position: absolute;
        content: '';
        right: 0;
        top: 50px;
        background-image: -webkit-radial-gradient(center, ellipse, #ddd 0, rgba(255,255,255,0) 100%);
        background-image: -o-radial-gradient(center, ellipse, #ddd 0, rgba(255,255,255,0) 100%);
        background-image: radial-gradient(ellipse at center, #ddd 0, rgba(255,255,255,0) 100%);
        width: 1px;
        height: 100%;
        opacity: 0.3
    }

    .site-content__inner-right {
        max-width: calc(100% - 50px)
    }

    .left-menu {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        margin: 0
    }

    .left-menu__sidebar-btn {
        width: 100%;
        height: 50px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .left-menu__sidebar-btn i {
        font-size: 20px
    }

    .left-menu__menu-list {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .left-menu__menu-list .menu-item {
        min-width: 20%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .left-menu__menu-list .menu-item.icon_for_child a::before {
        font-size: 20px
    }

    .left-menu__download {
        height: 50px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 5px
    }

    .left-menu__download-btn {
        width: 100%;
        color: var(--c-primary);
        font-size: 30px;
        margin-bottom: 0
    }

    .person {
        display: none
    }

    .niko-sc__pricing-item {
        width: calc(100% / 3)
    }

    .niko-sc__counter-item {
        width: calc(100% / 4)
    }

    .niko-sc__counter-name {
        font-size: 12px
    }

    .niko-sc__exp-educ-list .niko-sc__experience-title-icon,.niko-sc__exp-educ-list .niko-sc__experience-title {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    h1 {
        font-size:48px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 22px
    }

    .site-content__page-wrap .entry-title {
        text-align: center
    }

    .site-content__page-wrap .niko-sc__title-wrap {
        justify-content: center
    }

    .site-content__page-wrap .niko-sc__title {
        text-align: center
    }

    .site-content__page-wrap .niko-sc__title-icon {
        font-size: 20px
    }

    .site-content__sidebar {
        max-width: 260px;
        width: 100%
    }

    .niko-sc__about-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .niko-sc__about-item {
        font-size: 17px
    }

    .niko-sc__about-item:not(:last-child) {
        margin-right: 5px
    }

    .niko-sc__about-item:not(:last-child)::after {
        padding-left: 5px
    }

    .niko-sc__about-description {
        text-align: justify
    }

    .niko-sc__services-item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: justify
    }

    .niko-sc__pricing-item {
        width: 100%;
        text-align: center
    }

    .niko-sc__pricing-price {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .niko-sc__counter-item {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .niko-sc__clients-item {
        width: calc(100% / 2);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .niko-sc__contacts-description {
        text-align: justify
    }

    .niko-sc__exp-educ-list .niko-sc__experience-title-icon,.niko-sc__exp-educ-list .niko-sc__experience-title {
        font-size: 22px
    }

    .niko-sc__experience-period,.niko-sc__experience-name,.niko-sc__experience-region {
        text-align: center
    }

    .niko-sc__experience-description {
        text-align: justify
    }
}

@media (max-width: 425px) {
    .niko-sc .acf-map {
        height:200px
    }
}

.niko-sc__skills-item{display:flex;flex-wrap:wrap;justify-content:space-between}.niko-sc__skills-item:not(:last-child){margin-bottom:20px}.niko-sc__skills-name{font-weight:900;line-height:normal;color:var(--c-dark)}.niko-sc__skills-value{font-weight:900;line-height:normal;color:var(--c-primary);display:inline-block}.niko-sc__skills-line{position:relative;width:100%;height:3px;background-color:var(--c-soft-grey);margin-top:5px}.niko-sc .active-line{position:absolute;top:0;left:0;bottom:0;width:0;background-color:var(--c-primary);transition:width 1.5s ease, opacity 1.5s ease}.niko-sc__experience-list{margin-bottom:-30px}.niko-sc__experience-item{margin-bottom:30px}.niko-sc__experience-period{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--c-primary);margin-bottom:5px;text-transform:uppercase}.niko-sc__experience-start::after{content:'-';padding-left:4px}.niko-sc__experience-name{font-weight:900;line-height:1.5;color:var(--c-dark);margin-bottom:0}.niko-sc__experience-region{color:var(--c-grey);opacity:0.5;font-size:13px;line-height:1.85;margin-bottom:5px}.niko-sc__experience-description{line-height:1.6}.niko-sc__exp-educ-list{margin-left:-30px;margin-right:-30px;display:flex;flex-wrap:wrap}.niko-sc__exp-educ-list .niko-sc__experience-title-icon,.niko-sc__exp-educ-list .niko-sc__experience-title{font-size:26px}.niko-sc__exp,.niko-sc__educ{padding-left:30px;padding-right:30px;width:50%}
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}