@charset "UTF-8";

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

  Base

 -------------------------------------------------------------------*/
html {
    overflow-y: scroll;
}

body {
    color: rgba(33,0,211,1);
    background-color: #FAFAFA;
}

.nk-main {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

::-moz-selection {
    color: #fff;
    background-color: #a922f7;
}

::selection {
    color: #fff;
    background-color: #a922f7;
}

.bg-image,
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1;
}

.bg-image > div,
.bg-video > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}

.nk-gap,
.nk-gap-1,
.nk-gap-2,
.nk-gap-3,
.nk-gap-4,
.nk-gap-5 {
    display: block;
}

.nk-gap:after, .nk-gap:before,
.nk-gap-1:after,
.nk-gap-1:before,
.nk-gap-2:after,
.nk-gap-2:before,
.nk-gap-3:after,
.nk-gap-3:before,
.nk-gap-4:after,
.nk-gap-4:before,
.nk-gap-5:after,
.nk-gap-5:before {
    content: '';
    display: table;
    clear: both;
}

.nk-gap {
    height: 20px;
}

.nk-gap-1 {
    height: 30px;
}

.nk-gap-2 {
    height: 40px;
}

.nk-gap-3 {
    height: 50px;
}

.nk-gap-4 {
    height: 80px;
}


.nk-gap-5 {
    height: 100px;
}

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

  Typography

 -------------------------------------------------------------------*/
@font-face {
  font-family: 'SharpGrotesk-Light25';
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGroteskLight25.woff') format("woff");
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-Light25.svg');
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-Light25.otf') format("opentype");
}

@font-face {
  font-family: 'SharpGrotesk-SemiBold20';
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGroteskSmBold20.woff') format("woff");
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-SemiBold20.svg');
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-SemiBold20.otf') format("opentype");
}

@font-face {
  font-family: 'SharpGrotesk-SemiBold25';
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGroteskSmBold25.woff') format("woff");
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-SemiBold25.svg');
  src:  url('https://directdirigeants.com/assets/bower_components/font/SharpGrotesk-SemiBold25.otf') format("opentype");
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: 0.004em;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    margin-bottom: 1.6rem;
    line-height: 1.5rem;
}

strong {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: rgba(33,0,211,1);
}

/* headings */
h1 {
    font-family: "SharpGrotesk-SemiBold25", sans-serif;
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-style: normal;
}

h1 > span:last-of-type {
    font-family: "SharpGrotesk-Light25", sans-serif;
    color: #fff;
    font-size: 1.6rem;
}

h1 > span.text-highlighted {
    position: relative;
    background-image: linear-gradient(145deg, rgba(169,34,247,1) 0%, rgba(169,34,247,1) 100%);
    background-repeat: no-repeat;
    background-size: 100% 41%;
    background-position: 0 95%;
}

h2 {
    font-family: "SharpGrotesk-SemiBold20", sans-serif;
    color: rgba(33,0,211,1);
    margin-bottom: 1rem;
    font-size: 2.2rem;
}

h3 {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: 0.004em;
    color: #fff;;
    font-size: 1.15rem;
    margin-bottom: 1.1rem;
}

h3>strong {
    font-weight: 700;
    font-style: normal;
    color: rgba(255,255,255,1);
}

h4 {
    font-family: "SharpGrotesk-SemiBold20", sans-serif;
    color: rgba(33,0,211,1);
    font-size: 2.2rem;
    margin-top: 0.5rem;
}

h5 {
    font-family: "SharpGrotesk-SemiBold20", sans-serif;
    color: rgba(33,0,211,1);
    margin-bottom: 1rem;
}

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

  Bootstrap

 -------------------------------------------------------------------*/
.row.vertical-gap > [class*='col-'] {
    padding-top: 30px;
}

.row.vertical-gap {
    margin-top: -30px;
}


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

  Helpers

 -------------------------------------------------------------------*/
/*
 * Text Color Helper
 */
.text-white {
    color: #fff !important;
}

/*
 * Bg Color Helper
 */
.bg-white {
    background-color: #fff !important;
}

.bg-gray-1 {
    background-color: #FAFAFA !important;
}

.bg-gray-2 {
    background-color: #fcfcfc !important;
}

/*
 * Image Fit
 */
.nk-img-fit,
.nk-img {
    max-width: 100%;
}

@media (max-width: 575px) {
    .nk-img-fit-xs-down {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .nk-img-fit-sm-up {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .nk-img-fit-sm-down {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .nk-img-fit-md-up {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .nk-img-fit-md-down {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .nk-img-fit-lg-up {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .nk-img-fit-lg-down {
        max-width: 100%;
    }
}

@media (min-width: 1200) {
    .nk-img-fit-xl-up {
        max-width: 100%;
    }
}

/*
 * Image Stretch
 */
.nk-img-stretch {
    width: 100%;
}

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

  Pop-Up

 -------------------------------------------------------------------*/
.popupContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.popupContent {
    background-color: #FAFAFA;
    text-align: center;
    margin: 15% auto;
    padding: 30px 40px 40px 40px;
    border: 1px solid #a922f7;
    width: 90%;
    max-width: 400px;
    position: relative;
}

.popup_text {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.004em;
    color: rgba(33, 0, 211, 1);
    margin-top: 1rem;
    margin-bottom: 1.3rem;
}

.popup_text strong {
    line-height: 1.3;
    letter-spacing: 0.004em;
    color: rgba(33, 0, 211, 1);
    margin-top: 1rem;
}

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

  Navbar

 -------------------------------------------------------------------*/
/* Header */
.nk-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
}

.nk-header-legal {
    margin-top: 60px;
}

.nk-header.nk-header-opaque {
    position: relative;
}

/* Navbar */
.nk-navbar {
    position: relative;
    padding: 33px 0;
    font-size: 0.96rem;
    z-index: 1000;
    transition: .3s background-color;
    will-change: background-color;
}

.nk-navbar .container-fluid .nk-nav-table {
    padding-left: 30px;
    padding-right: 30px;
}

.nk-navbar.nk-navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: .2s transform, .2s visibility, .3s background-color;
    will-change: transform, visibility, background-color;
}

.nk-navbar.nk-navbar-fixed.nk-onscroll-show {
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.nk-navbar.nk-navbar-fixed.nk-onscroll-hide {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
}

.nk-navbar.nk-navbar-transparent {
    background-color: transparent;
}

.nk-navbar, .nk-navbar.nk-navbar-solid {
    background-color: #fff;
}

.nk-navbar.nk-navbar-align-center {
    text-align: center;
}

.nk-navbar .nk-nav-table {
    display: table;
    width: 100%;
    height: 100%;
}

.nk-navbar .nk-nav-table > * {
    display: table-cell;
    vertical-align: middle;
}

.nk-navbar .nk-nav-table > .nk-nav-row {
    display: table-row;
}

.nk-navbar .nk-nav-table > .nk-nav-row-center > * {
    display: table-cell;
    vertical-align: middle;
}

.nk-navbar .nk-nav-table > .nk-nav-icons,
.nk-navbar .nk-nav-table > .nk-nav-logo {
    width: 0.1%;
}

.nk-navbar .nk-nav-icons {
    white-space: nowrap;
}

.nk-navbar .nk-nav-icons > * {
    white-space: initial;
}

.nk-navbar a {
    color: inherit;
    transition: .3s color;
}

.nk-navbar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nk-navbar ul > li > a {
    white-space: nowrap;
}

.nk-navbar ul > li > a:hover, .nk-navbar ul > li > a:focus {
    text-decoration: none;
}

.nk-navbar .nk-nav {
    position: relative;
    padding-left: 20px;
}

.nk-navbar .nk-nav > li:last-of-type > a,
.nk-navbar .nk-nav > li.single-icon:last-of-type > a {
    padding-right: 0;
}

.nk-navbar .nk-nav + .nk-nav {
    padding-left: 0;
}

.nk-navbar .nk-nav + .nk-nav > li:first-child {
    padding-left: 20px;
}

.nk-navbar .nk-nav .nk-nav {
    padding-left: 0;
    padding-right: 0;
}

.nk-navbar .nk-nav > li {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.nk-navbar .nk-nav > li > a {
    position: relative;
    padding: 6px 14.6px;
    display: block;
    text-transform: uppercase;
}

.nk-navbar.nk-navbar-white-text-on-top .nk-nav > li > a {
    color: #fff;
}

.nk-navbar.nk-navbar-white-text-on-top .nk-nav > li > a:hover,
.nk-navbar.nk-navbar-white-text-on-top .nk-nav > li.active > a {
    color: #a922f7;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.nk-navbar.nk-navbar-white-text-on-top.nk-navbar-solid .nk-nav > li > a {
    color: rgba(33,0,211,1);
}

.nk-navbar.nk-navbar-white-text-on-top.nk-navbar-solid .nk-nav > li > a:hover,
.nk-navbar.nk-navbar-white-text-on-top.nk-navbar-solid .nk-nav > li.active > a {
    color: #a922f7;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.nk-navbar.nk-navbar-white-text-on-top .nk-nav-logo .nk-nav-logo-onscroll + img {
    display: none;
}

.nk-navbar.nk-navbar-white-text-on-top.nk-navbar-solid .nk-nav-logo .nk-nav-logo-onscroll {
    display: none;
}

.nk-navbar.nk-navbar-white-text-on-top.nk-navbar-solid .nk-nav-logo .nk-nav-logo-onscroll + img {
    display: block;
}

.nk-navbar .nk-nav-right {
    text-align: right;
}

.nk-navbar .nk-nav-right > * {
    text-align: left;
}

.nk-navbar .nk-nav-center {
    text-align: center;
}

.nk-navbar .nk-nav-center > * {
    text-align: left;
}

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

  Navbar Full

 -------------------------------------------------------------------*/
.nk-navbar-full {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    background: #252525;
    z-index: 1002;
}

.nk-navbar-full .nk-nav-header {
    padding: 33px 0px 33px 0px;
    margin-right: -22px;
}

.nk-navbar-full .nk-nav-header:after {
    content: '';
    display: table;
    clear: both;
}

.nk-navbar-full .nk-nav-header .nk-nav-logo {
    float: left;
    padding-top: 2px;
}


.nk-navbar-full .nk-nav-header .nk-nav-close {
    cursor: pointer;
    float: right;
    padding: 6px 25px;
    color: #fff;
    z-index: 1;
}

.nk-navbar-full .container-fluid .nk-nav-header {
    padding-right: 8px;
    padding-left: 30px;
    margin-right: 0;
}

.nk-navbar-full .nano {
    display: table-cell;
    height: 100%;
    overflow-y: auto;
}

.nk-navbar-full .nk-nav {
    position: relative;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 50px;
    overflow: hidden;
}

.nk-navbar-full .nk-nav > li {
    position: static;
    display: block;
    max-width: 450px;
    margin: 0 auto;
}

.nk-navbar-full .nk-nav > li:last-of-type > a,
.nk-navbar-full .nk-nav > li > a {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.7rem;
    text-transform: none;
    padding: 10px 80px;
    line-height: 1.1;
    white-space: normal;
    color: #fff;
}

@media (max-width: 400px) {
    .nk-navbar-full .nk-nav > li:last-of-type > a,
    .nk-navbar-full .nk-nav > li > a {
        font-size: 1.3rem;
    }
}

@media (max-width: 550px) {
    .nk-navbar-full .nk-nav > li:last-of-type > a,
    .nk-navbar-full .nk-nav > li > a {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.nk-navbar-full .nk-nav > li.active > a,
.nk-navbar-full .nk-nav > li > a:hover {
    /*background: linear-gradient(45deg, rgba(209,0,89,1) 0%, rgba(213,0,53,1) 100%);             -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/
    color: #a922f7;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.nk-navbar-full .nk-nav-social {
    padding: 51px 20px;
}

.nk-navbar-full .nk-nav-social > ul li {
    display: inline-block;
}

.nk-navbar-full .nk-nav-social > ul li > a {
    display: block;
    font-size: 1.13rem;
    color: #fff;
    margin: 3px 6px;
}

.nk-navbar-full .nk-nav-social > ul li > a:hover, .nk-navbar-full .nk-nav-social > ul li > a.hover {
    color: #a922f7;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

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

  Header Title

 -------------------------------------------------------------------*/
.nk-header-title {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    padding-top: 75px;
    z-index: 0;
}

.nk-header-title .nk-header-table {
    height: 370px;
}

.nk-header-title.nk-header-title-full {
    padding-top: 0;
    min-height: 700px;
    height: 100vh;
}

.nk-header-title.nk-header-title-full .nk-header-table {
    height: 100%;
    min-height: 700px;
}

.nk-header-title .nk-header-table {
    display: table;
    width: 100%;
}

.nk-header-title .nk-header-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0px 40px 0px;
}

.nk-header-title h1.nk-title {
    line-height: 1.30;
}

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

  Footer

 -------------------------------------------------------------------*/
.nk-footer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.nk-footer .nk-footer-cont {
    padding-top: 44px;
    padding-bottom: 25px;
}

.nk-footer .nk-footer-cont-sm {
    padding-top: 22px;
    padding-bottom: 2px;
}

.nk-footer .nk-footer-social {
    padding-bottom: 12px;
    color: #fff;
}

.nk-footer .nk-footer-social > ul {
    padding: 0;
    margin: 0;
}

.nk-footer .nk-footer-social > ul li {
    display: inline-block;
}

.nk-footer .nk-footer-social > ul li > a {
    display: block;
    font-size: 1.13rem;
    color: inherit;
    padding: 3px 6px;
    transition: .5s color;
}

.nk-footer .nk-footer-social > ul li > a:hover, .nk-footer .nk-footer-social > ul li > a.hover {
    color: #a922f7;
}

.nk-footer .nk-footer-text {
    font-size: 0.95rem;
    color: #fff;
}

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

  Portfolio

 -------------------------------------------------------------------*/
/* List */
.nk-portfolio-list .nk-portfolio-item {
    position: relative;
    overflow: hidden;
}

.nk-portfolio-list .nk-portfolio-item div.nk-portfolio-item-image,
.nk-portfolio-list .nk-portfolio-item a.nk-portfolio-item-image {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 80.4%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}

.nk-portfolio-list .nk-portfolio-item div.nk-portfolio-item-image img,
.nk-portfolio-list .nk-portfolio-item a.nk-portfolio-item-image img {
    display: none;
}

.nk-portfolio-list .nk-portfolio-item img.nk-portfolio-item-image {
    width: 100%;
}

.nk-portfolio-list .nk-portfolio-item div.nk-portfolio-item-image > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-size: cover;
}

.nk-portfolio-list .nk-portfolio-item.nk-portfolio-item-sm div.nk-portfolio-item-image,
.nk-portfolio-list .nk-portfolio-item.nk-portfolio-item-sm a.nk-portfolio-item-image {
    padding-bottom: 67%;
}

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

  Elements

 -------------------------------------------------------------------*/
/*---------------------------
  Element Buttons
 ----------------------------*/
.nk-btn {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    border: 0;
    text-transform: uppercase;
    padding: 16px 22px 14px 22px;
    font-size: 0.96rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: linear-gradient(145deg, rgba(49,37,220,1) 0%, rgba(9,12,136,1) 100%);
    transition: .3s transform;
    transform-style: preserve-3d;    
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.nk-btn:hover, .nk-btn.hover {
    -ms-transform: scale(0.95);
        transform: scale(0.95);
}
.nk-btn, .nk-btn:hover, .nk-btn.hover, .nk-btn:active, .nk-btn.active, .nk-btn:focus {
    color: #fff;
    text-decoration: none;
}

/*---------------------------
  Element Progress
 ----------------------------*/
.nk-progress {
    display: block;
    width: 100%;
}

/*---------------------------
  Element Tabs
 ----------------------------*/
.nk-tabs .nav-tabs {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    display: block;
    border-bottom: none;
    margin-top: -10px;
    margin-bottom: 27px;
}

.nk-tabs .nav-tabs .nav-item {
    float: none;
    display: inline-block;
    color: rgba(33,0,211,1);
}

.nk-tabs .nav-tabs .nav-link, .nk-tabs .nav-tabs .nav-link:focus, .nk-tabs .nav-tabs .nav-link:hover,
.nk-tabs .nav-tabs .nav-item.open .nav-link,
.nk-tabs .nav-tabs .nav-item.open .nav-link:focus,
.nk-tabs .nav-tabs .nav-item.open .nav-link:hover,
.nk-tabs .nav-tabs .nav-link.active,
.nk-tabs .nav-tabs .nav-link.active:focus,
.nk-tabs .nav-tabs .nav-link.active:hover {
    color: inherit;
    background-color: transparent;
}

.nk-tabs .nav-tabs .nav-link {
    position: relative;
    padding: 10px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 0.955rem;
    transition: .5s color;
}

.nk-tabs .nav-tabs .nav-link:hover {
    color: #a922f7;

}

.nk-tabs .nav-tabs .nav-link:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 6px;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid transparent;
    transition: .5s border-bottom;
}

.nk-tabs .nav-tabs .nav-link.active:after, .nk-tabs .nav-tabs .nav-link.active:focus:after, .nk-tabs .nav-tabs .nav-link.active:hover:after {
    border-bottom: 1px solid;
}

/*---------------------------
  Element Icon Boxes
 ----------------------------*/
.nk-ibox-title {
    font-size: 1.50rem;
    font-family: "SharpGrotesk-SemiBold25", sans-serif;
}

.nk-ibox-1 .nk-ibox-icon {
    position: absolute;
    font-size: 2.2rem;
    width: 50px;
    height: 50px;
    text-align: center;
}

.nk-ibox-1 .nk-ibox-cont {
    margin-left: 70px;
}

.nk-ibox-1 .nk-ibox-text {
    text-transform: uppercase;
    font-size: 0.95rem;
    margin-top: -5px;
}

/*---------------------------
  Element Content Boxes
 ----------------------------*/
.nk-box,
.nk-box-1,
.nk-box-2,
.nk-box-3,
.nk-box-4,
.nk-box-rounded,
.nk-box-rounded-1,
.nk-box-rounded-2,
.nk-box-rounded-3,
.nk-box-rounded-4 {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    height: 100%;
}

.nk-box-1,
.nk-box-rounded-1 {
    padding: 20px;
}

/*---------------------------
  Element Tabs
 ----------------------------*/
.nk-tabs .nav-tabs {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: 0.004em;
    display: block;
    border-bottom: none;
    margin-bottom: 15px;
}

.nk-tabs .nav-tabs .nav-item {
    float: none;
    display: inline-block;
    color: rgba(33,0,211,1);
}

.nk-tabs .nav-tabs .nav-link, .nk-tabs .nav-tabs .nav-link:focus, .nk-tabs .nav-tabs .nav-link:hover,
.nk-tabs .nav-tabs .nav-item.open .nav-link,
.nk-tabs .nav-tabs .nav-item.open .nav-link:focus,
.nk-tabs .nav-tabs .nav-item.open .nav-link:hover,
.nk-tabs .nav-tabs .nav-link.active,
.nk-tabs .nav-tabs .nav-link.active:focus,
.nk-tabs .nav-tabs .nav-link.active:hover {
    color: inherit;
    background-color: transparent;
}

.nk-tabs .nav-tabs .nav-link {
    position: relative;
    padding: 10px 15px 5px 0px;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    transition: .5s color;
}

.nk-tabs .nav-tabs .nav-link:hover {
    color: #a922f7;
}

.nk-tabs .nav-tabs .nav-link:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 5px;
    left: 0px;
    right: 15px;
    border-bottom: 1px solid transparent;
    transition: .5s border-bottom;
}

.nk-tabs .nav-tabs .nav-link.active:after, .nk-tabs .nav-tabs .nav-link.active:focus:after, .nk-tabs .nav-tabs .nav-link.active:hover:after {
    border-bottom: 1px solid;
}

.nk-tabs .tab-content {
    padding-right: 50px;
}

.nk-tabs .tab-content .nk-contact-info {
    margin-top: 10px;
}


/*---------------------------
  Element Contact Info
 ----------------------------*/
.nk-contact-info {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nk-contact-info > li + li {
    margin-top: 12px;
}

.nk-contact-info > li > strong {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: rgba(33,0,211,1);
    padding-right: 5px;
}

/*---------------------------
  Element Pagination
 ----------------------------*/
.nk-pagination {
    width: 100%;
    background-color: #fff;
    padding: 0px 0px 20px 0px;
}

.nk-pagination.nk-pagination-nobg {
    background-color: transparent;
}

.nk-pagination,
.nk-pagination .container {
    display: table;
    left: -15px;
    right: -15px;
}

.nk-pagination > a,
.nk-pagination .container > a {
    display: inline-block;
    vertical-align: middle;
    color: #2100D3;
    text-transform: uppercase;
    font-size: 0.97rem;
    text-decoration: none;
    padding: 19px;
    transition: .5s opacity;
}

.nk-pagination > a:hover,
.nk-pagination .container > a:hover {
    opacity: 0.6;
}

.nk-pagination > span,
.nk-pagination .container > span {
    display: inline-block;
    vertical-align: middle;
    color: #171717;
    text-transform: uppercase;
    font-size: 0.97rem;
    padding: 19px;
}

.nk-pagination .nk-pagination-prev,
.nk-pagination .nk-pagination-next,
.nk-pagination .container .nk-pagination-prev,
.nk-pagination .container .nk-pagination-next {
    display: table-cell;
    min-width: 190px;
}

.nk-pagination .nk-pagination-prev > span,
.nk-pagination .nk-pagination-next > span,
.nk-pagination .container .nk-pagination-prev > span,
.nk-pagination .container .nk-pagination-next > span {
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1;
    margin-top: -1px;
}

.nk-pagination .nk-pagination-prev,
.nk-pagination .container .nk-pagination-prev {
    text-align: left;
    padding-left: 0;
}

.nk-pagination .nk-pagination-prev > span,
.nk-pagination .container .nk-pagination-prev > span {
    margin-left: -8px;
}

.nk-pagination .nk-pagination-next,
.nk-pagination .container .nk-pagination-next {
    text-align: right;
    padding-right: 0;
}

.nk-pagination .nk-pagination-next > span,
.nk-pagination .container .nk-pagination-next > span {
    margin-right: -8px;
}

.nk-pagination .nk-pagination-center,
.nk-pagination .container .nk-pagination-center {
    display: table-cell;
    width: 100%;
}

@media (max-width: 991px) {
    .nk-pagination .nk-pagination-prev,
    .nk-pagination .nk-pagination-next,
    .nk-pagination .container .nk-pagination-prev,
    .nk-pagination .container .nk-pagination-next {
        font-size: 0;
        min-width: 60px;
    }
    .nk-pagination .nk-pagination-prev > span,
    .nk-pagination .nk-pagination-next > span,
    .nk-pagination .container .nk-pagination-prev > span,
    .nk-pagination .container .nk-pagination-next > span {
        font-size: 1.6rem;
    }
}

.nk-pagination.nk-pagination-center {
    text-align: center;
}

.nk-pagination.nk-pagination-left {
    text-align: left;
}

.nk-pagination.nk-pagination-right {
    text-align: right;
}

/*---------------------------
  Element Carousels
 ----------------------------*/
.nk-carousel,
.nk-carousel-2 {
    position: relative;
}

.nk-carousel .flickity-slider > div,
.nk-carousel-2 .flickity-slider > div {
    display: block;
    width: 100%;
    padding: 17px 0;
}

.flickity-viewport.is-dragging {
    pointer-events: none;
}

.flickity-page-dots .dot {
    background: currentColor;
    margin: 0 3px;
    -ms-transform: scale(0.6);
        transform: scale(0.6);
    transition: .4s opacity, .4s transform;
}

.flickity-page-dots .dot.is-selected {
    -ms-transform: scale(1);
        transform: scale(1);
}

.flickity-page-dots .dot:hover {
    opacity: 1;
}

/* Style 2 */
.nk-carousel-2 .flickity-slider > div {
    width: 40%;
    max-width: 600px;
    margin: 0 20px;
    opacity: 0.5;
    transition: .3s opacity;
}

.nk-carousel-2 .flickity-slider > div.is-selected {
    opacity: 1;
}

@media (max-width: 1199px) {
    .nk-carousel-2 .flickity-slider > div {
        width: 50%;
        opacity: 0.5;
    }
}

@media (max-width: 767px) {
    .nk-carousel-2 .flickity-slider > div {
        width: 70%;
        margin: 0 20px;
        opacity: 1;
    }
}

@media (max-width: 575px) {
    .nk-carousel-2 .flickity-slider > div {
        width: 90%;
        margin: 0 20px;
    }
}

.nk-carousel-2.nk-carousel-x4 .flickity-slider > div {
    width: 20%;
}

@media (max-width: 1199px) {
    .nk-carousel-2.nk-carousel-x4 .flickity-slider > div {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .nk-carousel-2.nk-carousel-x4 .flickity-slider > div {
        width: 33.3334%;
    }
}

@media (max-width: 575px) {
    .nk-carousel-2.nk-carousel-x4 .flickity-slider > div {
        width: 50%;
    }
}

/*---------------------------
  Element Video
 ----------------------------*/
/* FullScreen Video */
.nk-video-fullscreen {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, rgba(9,25,186,0.9) 0%, rgba(8,9,142,0.9) 50%, rgba(5,5,88,0.9) 100%);
    overflow: hidden;
    z-index: 1200;
}

.nk-video-fullscreen .nk-video-fullscreen-cont {
    position: absolute;
}

.nk-video-fullscreen .nk-video-fullscreen-cont > iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.nk-video-fullscreen .nk-video-fullscreen-close {
    position: absolute;
    cursor: pointer;
    text-align: right;
    color: #fff;
    padding: 30px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

/* Toggle Video Button */
.nk-video-fullscreen-toggle,
.nk-video-plain-toggle {
    display: inline-block;
    cursor: pointer;
}

.nk-video-icon {
    text-decoration: none;
}

/* Plain Video */
.nk-plain-video {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    background-position: 50% 50%;
    background-size: cover;
    cursor: pointer;
}

.nk-plain-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.nk-plain-video > .nk-video-plain-toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    z-index: 0;
}

/*---------------------------
  Element Forms
 ----------------------------*/
/* Placeholders */
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #4a50cd;
    opacity: 1;
}
::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #4a50cd;
    opacity: 1;
}
:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #4a50cd;
    opacity: 1;
}
::placeholder,
.form-control::placeholder {
    color: #4a50cd;
    opacity: 1;
}

/* From Style 1 */
.form-control {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #4a50cd;
    padding: 16px 22px 14px 22px;
    font-size: 0.95rem;
    line-height: 1.2;
    background-color: #fff;
    border: none;
    border-radius: 0;
}

.col-checkbox>label{
    margin-left: 5px;
    font-size: 0.8rem;
}

.col-checkbox>label>a{
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #a922f7;
}

.check-box {
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    vertical-align: middle;
}

/* Validation */
div.nk-error {
    background-color: transparent;
    color: red;
    padding: 0;
    margin: 5px 0;
    z-index: 1;
}

.form-control.nk-error,
.nk-form-style-1 .form-control.nk-error {
    background-color: rgba(213, 0, 52, 0.4);
}

.nk-form-response-success {
    display: none;
    color: green;
    margin-bottom: 10px;
}

.nk-form-response-error {
    display: none;
    color: red;
    margin-bottom: 10px;
}

/*---------------------------
  Element Icons
 ----------------------------*/
.nk-icon-burger {
    position: relative;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    color: #a922f7;
}

.nk-icon-burger > span {
    position: absolute;
    display: block;
    width: 20px;
    height: 0;
    border-bottom: 2px solid;
    top: 50%;
    transition: .3s .2s width, .3s opacity, .2s transform;
    will-change: width, opacity, transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.nk-icon-burger .nk-t-1 {
    margin-top: -8px;
}

.nk-icon-burger .nk-t-2 {
    margin-top: -1px;
}

.nk-icon-burger .nk-t-3 {
    margin-top: 6px;
}

.nk-icon-burger:hover .nk-t-1,
a:hover > .nk-icon-burger .nk-t-1 {
    animation: nk-icon-burger-animation .4s ease-in-out;
}

.nk-icon-burger:hover .nk-t-2,
a:hover > .nk-icon-burger .nk-t-2 {
    animation: nk-icon-burger-animation .4s .1s ease-in-out;
}

.nk-icon-burger:hover .nk-t-3,
a:hover > .nk-icon-burger .nk-t-3 {
    animation: nk-icon-burger-animation .4s .2s ease-in-out;
}

@keyframes nk-icon-burger-animation {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        width: 14px;
        transform: translateX(3px);
    }
}

.nk-icon-squares {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.nk-icon-squares:after, .nk-icon-squares:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 0;
    border-bottom: 6px solid;
    box-shadow: 0 10px;
}

.nk-icon-squares:before {
    left: auto;
    right: 0;
}

.nk-icon-close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.nk-icon-close:before, .nk-icon-close:after {
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 0;
    border-bottom: 2px solid;
    top: 50%;
    left: 0;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
}

.nk-icon-close:before {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}

.nk-icon-close:after {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}

.nk-play-icon {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid;
}

.nk-video-icon,
.nk-video-icon-light {
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-block;
    color: #fff;
}

.nk-video-icon:before,
.nk-video-icon-light:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 42.5px;
    background: linear-gradient(145deg, rgba(169,34,247,1) 0%, rgba(82,18,239,1) 100%);
    transition: .3s transform;
    transform-style: preserve-3d;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.nk-video-icon > *,
.nk-video-icon-light > * {
    display: block;
    position: absolute;
    color: inherit;
    text-align: center;
    font-size: 1.5rem;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    line-height: 55px;
    margin-top: -26.5px;
    margin-left: -24.5px;
    transition: .3s transform;
    transform-style: preserve-3d;
}

.nk-video-icon:hover:before, .nk-video-icon.hover:before,
.nk-video-icon-light:hover:before,
.nk-video-icon-light.hover:before {
    -ms-transform: scale(0.95);
        transform: scale(0.95);
}

/*---------------------------
  Element Isotope
 ----------------------------*/
.nk-isotope:after {
    content: '';
    display: table;
    clear: both;
}

.nk-isotope.nk-isotope-gap {
    margin: 20px -15px -15px -15px;
}

.nk-isotope.nk-isotope-gap .nk-isotope-item {
    padding: 15px;
}

.container-fluid .nk-isotope {
    margin-left: -15px;
    margin-right: -15px;
}

.container-fluid .nk-isotope.nk-isotope-gap {
    margin-left: -30px;
    margin-right: -30px;
}

.container-fluid .nk-isotope.nk-isotope-gap-big {
    margin: -60px;
}

.container-fluid .nk-isotope.nk-isotope-gap-big .nk-isotope-item {
    padding: 60px;
}

.container-fluid .nk-isotope.nk-isotope-gap-small {
    margin-left: -25px;
    margin-right: -25px;
}

.nk-isotope .nk-isotope-item {
    display: block;
    width: 25%;
    float: left;
}

.nk-isotope .nk-isotope-item.nk-isotope-item-x2 {
    width: 50%;
}

.nk-isotope .nk-isotope-item.nk-isotope-item-x3 {
    width: 75%;
}

.nk-isotope.nk-isotope-3-cols .nk-isotope-item {
    width: 33.332%;
}

.nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x2 {
    width: 66.665%;
}

.nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x3 {
    width: 100%;
}

.nk-isotope.nk-isotope-2-cols .nk-isotope-item {
    width: 50%;
}

.nk-isotope.nk-isotope-2-cols .nk-isotope-item.nk-isotope-item-x2, .nk-isotope.nk-isotope-2-cols .nk-isotope-item.nk-isotope-item-x3 {
    width: 100%;
}

.nk-isotope.nk-isotope-1-cols .nk-isotope-item {
    width: 100%;
}

.nk-isotope.nk-isotope-1-cols .nk-isotope-item.nk-isotope-item-x2, .nk-isotope.nk-isotope-1-cols .nk-isotope-item.nk-isotope-item-x3 {
    width: 100%;
}

.nk-isotope.nk-isotope-wide .nk-isotope-item {
    width: 100%;
}

@media (max-width: 1199px) {
    .nk-isotope .nk-isotope-item,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item {
        width: 33.3334%;
    }
    .nk-isotope .nk-isotope-item.nk-isotope-item-x2, .nk-isotope .nk-isotope-item.nk-isotope-item-x3,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x2,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x3 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .nk-isotope .nk-isotope-item,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item,
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item {
        width: 50%;
    }
    .nk-isotope .nk-isotope-item.nk-isotope-item-x2, .nk-isotope .nk-isotope-item.nk-isotope-item-x3,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x2,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.nk-isotope-item-x3,
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.nk-isotope-item-x2,
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.nk-isotope-item-x3 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .nk-isotope .nk-isotope-item,
    .nk-isotope .nk-isotope-item.nk-isotope-item-x2,
    .nk-isotope .nk-isotope-item.nk-isotope-item-x3,
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item,
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item {
        width: 100%;
    }
}

.nk-isotope-filter {
    display: none;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    margin-left: -17px;
    margin-right: -17px;
    text-align: center;
}

.nk-isotope-filter.nk-isotope-filter-active {
    display: block;
}

.nk-isotope-filter > li {
    display: inline-block;
    cursor: pointer;
    padding: 5px 17px;
    transition: .5s color;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.nk-isotope-filter > li.active, .nk-isotope-filter > li:hover {
    color: #A922F7;
}

.nk-pagination + div > .nk-isotope-filter,
.nk-pagination + .nk-isotope-filter {
    margin-top: -23px;
}

.nk-pagination.nk-isotope-filter-active a {
    opacity: 0.3;
}

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

  Blog

 -------------------------------------------------------------------*/
/* Isotope Posts list */
.nk-blog-isotope .nk-blog-post {
    padding: 25px 30px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
}

.nk-blog-isotope .nk-blog-post .nk-post-thumb {
    opacity: 0.6;
    transition: .5s opacity;
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -25px;
    margin-bottom: 25px;
}

.nk-blog-isotope .nk-blog-post >a:hover {
    text-decoration: none;
}

.nk-blog-isotope .nk-blog-post .nk-post-thumb {
    transition: .5s opacity;
}

.nk-blog-isotope .nk-blog-post .nk-post-thumb:hover {
    opacity: 1;
}

.nk-blog-isotope .nk-blog-post .nk-post-twitter {
    font-size: 1rem;
    color: #1d9bf0;
}

.nk-blog-isotope .nk-blog-post .nk-post-twitter > i {
    padding-right: 10px;
}

.nk-blog-isotope .nk-blog-post .nk-post-youtube {
    font-size: 1rem;
    color: #ec3323;
}

.nk-blog-isotope .nk-blog-post .nk-post-youtube > i {
    padding-right: 10px;
}

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

  Plugins

 -------------------------------------------------------------------*/
/*---------------------------
  Plugin NanoScroller
 ----------------------------*/
.nano {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.nano .nano-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: scroll;
    overflow-x: hidden;
    outline: none;
}

.nano .nano-content::-webkit-scrollbar {
    display: none;
}

.nano > .nano-pane {
    width: 6px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: .2s opacity;
    will-change: opacity;
    visibility: hidden\9;
    opacity: .01;
}

.nano > .nano-pane > .nano-slider {
    background: #fff;
    position: relative;
    margin: 0 1px;
    opacity: 0.5;
}

.nano > .nano-pane:hover > .nano-slider {
    opacity: 0.6;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible\9;
    opacity: 0.99;
}