@font-face {
    font-family: 'Hello-America';
    src: url('../fonts/Hello\ America\ Demo.otf');
}

@font-face {
    font-family: "Nexa-Regular";
    src: url("../fonts/Nexa-Regular/font.woff2") format("woff2"), url("../fonts/Nexa-Regular/font.woff") format("woff");
}

@font-face {
    font-family: "Nexa-Bold";
    src: url("../fonts/Nexa-Bold/font.woff2") format("woff2"), url("../fonts/Nexa-Bold/font.woff") format("woff");
}

@font-face {
    font-family: "Nexa-Book";
    src: url("../fonts/Nexa-Book/Fontfabric\ -\ Nexa-Book.otf") format("woff2"), url("../fonts/Nexa-Book/Fontfabric\ -\ Nexa-Book.otf") format("woff");
}

@font-face {
    font-family: "Nexa-Heavy";
    src: url("../fonts/Nexa-Heavy/font.woff2") format("woff2"), url("../fonts/Nexa-Heavy/font.woff") format("woff");
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn, li, span, a, p, select, alt-font {
    font-family: 'Nexa-Heavy' !important;
}

.nav-icon:hover span, .nav-icon.active span {
    background-color: #00FF91;
}

.scroll-top-arrow, .scroll-top-arrow:focus {
    background: #00FF91;
}

.scroll-top-arrow:hover {
    background: #00FF91;
}

.ti-arrow-up:before {
    color: #000000;
}

.bg-black {
    background: black;
}

.bg-light {
    background: #F7F7F7 !important;
}

.bg-green {
    background-color: #00FF91;
}

.footer-logo {
    max-height: 46px;
}

.text-green {
    color: #00FF91;
}

.text-black {
    color: #000000 !important; 
}

.font-hello {
    font-family: 'Hello-America' !important;
}

.fs-90 {
    font-size: 90px !important;
    line-height: 96px !important;
}

.fs-85 {
    font-size: 85px !important;
}

.fs-80 {
    font-size: 80px !important;
    line-height: 80px !important;
}

.fs-60 {
    font-size: 60px !important;
    line-height: 66px !important;
}

.fs-50 {
    font-size: 50px !important;
    line-height: 56px !important;
}

.fs-44 {
    font-size: 44px !important;
    line-height: 50px !important;
}

.fs-40 {
    font-size: 40px !important;
    line-height: 46px !important;
}

.fs-36 {
    font-size: 36px !important;
    line-height: 42px !important;
}

.fs-32 {
    font-size: 32px !important;
    line-height: 38px !important;
}

.fs-30 {
    font-size: 30px !important;
    line-height: 36px !important;
}

.fs-24 {
    font-size: 24px !important;
    line-height: 30px;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.lh-50 {
    line-height: 56px !important;
}

.ls-1 {
    letter-spacing: 1px;
}

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

.nexa-bold {
    font-family: "Nexa-Bold" !important;
}

.nexa-book {
    font-family: "Nexa-Book" !important;
}

.font-ul li {
    color: #ffffff;
    font-family: "Nexa-Bold" !important;
    font-size: 20px;
}

.font-ul.text-black li  {
    color: #000000 !important;
}

.btn-primary {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
    font-size: 16px !important;
    border-radius: 50px;
    font-family: "Nexa-Bold" !important;
}

.btn-primary:hover {
    background: #00FF91;
    border-color: #00FF91;
    color: #000000;
}

.btn-primary:active {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
}

.btn-primary:focus {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
}

.btn-secondary {
    background: #00FF91;
    border-color: #00FF91;
    color: #000000;
    font-size: 16px !important;
    border-radius: 50px;
    font-family: "Nexa-Bold" !important;
}

.btn-secondary:hover {
    background: transparent;
    border-color: #00FF91;
    color: #000000;
    font-size: 16px !important;
    border-radius: 50px;
    font-family: "Nexa-Bold" !important;
}

.btn-secondary:active {
    background: #00FF91;
    border-color: #00FF91;
    color: #000000;
}

.btn-black {
    background: transparent !important;
    border-color: #000000 !important;
    color: #000000 !important;
    font-size: 16px !important;
    border-radius: 50px;
    font-family: "Nexa-Bold" !important;
}

.btn-black:hover {
    background: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

.feature-box-11 .progress-line:after {
    background: transparent !important;
}

.w-91 {
    width: 91%!important;
}

.bg-circles {
    background-image: url('../images/bg-circles.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.bg-circles-big {
    background-image: url('../images/bg-circles-big.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.fa-arrow-up:before {
    color: #000000;
}
.fa-arrow-down:before {
    color: #000000;
}

.px-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.px-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.hover-option2 .separator-line-horrizontal-medium-light2 {
    opacity: 1 !important;
}

.br-10 {
    border-radius: 10px;
}

.bg-deep-pink {
    background-color: rgb(0, 255, 145, 0.6);
}

.feature-box-12 .feature-icon-box {
    border: 0 !important;
}

.feature-box-12 .hover-content-box {
    background-color: #00FF91;
    width: 90%;
    border-radius: 10px;
}

.swiper-pagination-bullet-active {
    background: #00FF91;
}

.swiper-pagination-bullet {
    background: #00FF91;
}

.icon-box .icon-box-holder img {
    position: absolute;
    left: 0;
    vertical-align: middle;
    padding-top: 10px;
}

.icon-box {
    border-bottom: 1px solid #ffffff;
}

.icon-box .icon-box-holder {
    height: 125px;
}

input::placeholder {
    color: #707070;
    font-size: 14px;
    line-height: 17px;
    font-family: "Nexa-Book";
}

input.input-bg {
    background-color: #F5F5F5;
    border: 1px solid #707070;
    font-family: "Nexa-Book";
}

.btn.btn-link {
    padding: 0;
    border-bottom: 0;
    line-height: 12px;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: rgb(0, 255, 145, 0.6);
}

.h-600 {
    height: 600px !important;
}

header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
    font-size: 30px;
}

header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {
    font-size: 21px;
    color: #000000;
}

.img-desktop {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.img-mobile {
    display: none;
}

.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    padding: 254px 0;
}

.sidebar-part2 {
    width: 415px;
}

.sidebar-part2 ul > li {
    width: 303px;
}

.border-w {
    border: 2px solid #ffffff;
}

.feature-box-12 .hover-content-box {
    left: 45px !important;
}

.max-width {
    max-width: 100%;
}

/* --- */

.about-us .logo-white {
    width: 111px !important;
}

.about-us .bg-header-small {
    background-image: url('../images/bg-header-small.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.about-us .one-fourth-screen {
    height: 564px !important;
}

.about-us header nav .navbar-nav > li > a {
    text-transform: capitalize;
    font-size: 16px !important;
    font-family: "Nexa-Bold" !important;
}

.about-us .white-link .header-searchbar, .white-link .header-social-icon {
    border-left: 1px solid #ffffff;
}

.about-us .font-ul li {
    color: #000000 !important;
    font-family: 'Nexa-Book' !important;
    font-size: 20px !important;
    list-style: disc !important;
}

.about-us .list-style-black li {
    border-bottom: 1px solid #000000;
    padding: 0 0 30px 22px;
    margin: 0 0 30px 0;

}

.about-us .list-style-black li.b-none {
    border-bottom: none !important;
}

.about-us .bg-medium-gray {
    background-color: #00FF91;
}

.about-us .bg-deep-pink {
    background-color: #ffffff;
}

.about-us .team-style-1 figure .overlay-content {
    background-color: rgb(0, 255, 145, 0.6);
}

.about-us .feature-box-12:hover .feature-icon-box, .feature-box-12:hover .feature-content-box {
    transform: none;
    -webkit-transform: none;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    opacity: 1;
}

.icon-email {
    position: absolute;
    display: block;
    bottom: 1.7rem;
    right: 1rem;
    user-select: none;
    cursor: pointer;
    border: 0px;
    background-color: #f5f5f5;
}

/* --- */

.sevices .bg-header-black {
    background-image: url('../images/bg-header-black.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.sevices .one-fourth-screen {
    height: 564px !important;
}

.sevices .list-style-4 li:before {
    color: #00FF91;
}

.sevices .list-style-4 li {
    padding: 0 0 30px 22px;
}

.sevices .list-style-4 li.b-none {
    border-bottom: none !important;
}

/* --- */

.sales-enablement .bg-header-small {
    background-image: url('../images/bg-header-small.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.sales-enablement .one-fourth-screen {
    height: 564px !important;
}

.sales-enablement .hover-option6 .grid-item figcaption {
    background: #00FF91;
}

.sales-enablement .feature-box-12:hover .feature-icon-box, .feature-box-12:hover .feature-content-box {
    transform: none;
    -webkit-transform: none;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    opacity: 1;
}

.sales-enablement .font-ul li {
    color: #000000 !important;
    font-family: 'Nexa-Book' !important;
    font-size: 20px !important;
    list-style: disc !important;
}

.sales-enablement .list-style-black li {
    padding: 0 0 30px 22px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #000000;
}

.sales-enablement .list-style-black li.b-none {
    border-bottom: none !important;
}

.sales-enablement .container .hover-option6 .grid-item figcaption {
    padding: 15px 10px;
}

/* --- */

.product .bg-header-small {
    background-image: url('../images/bg-header-small.png');
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.product .one-fourth-screen {
    height: 564px !important;
}

.product .hover-option6 .grid-item figcaption {
    background: #00FF91;
}

.product .feature-box-12:hover .feature-icon-box, .feature-box-12:hover .feature-content-box {
    transform: none;
    -webkit-transform: none;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    opacity: 1;
}

.product .font-ul li {
    color: #000000 !important;
    font-family: 'Nexa-Book' !important;
    font-size: 20px !important;
    list-style: disc !important;
}

.product .list-style-black li {
    padding: 0 0 30px 22px;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #000000;
}

.product .list-style-black li.b-none {
    border-bottom: none !important;
}

.product .container .hover-option6 .grid-item figcaption {
    padding: 15px 10px;
}

.direction-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- */

.arrow-bottom:after {
    border-top-color: #000000;
}

.arrow-top:after {
    border-bottom-color: #000000;

}

/* --- */

.font-ul.fs-14 li {
    font-size: 14px !important;
}

.medium-input, .medium-textarea, .medium-select select {
    font-family: 'Nexa-Book';
}

/* --- */

.modal-dialog {
    max-width: 800px;
    margin: 120px auto;
}

.modal-body {
    position:relative;
    padding:0px;
}
.btn-close {
    position:absolute;
    right:-30px;
    top:0;
}

/* --- */

.portfolio-wrapper .grid-item figcaption {
    padding: 9px 25px 30px 25px;
}

/* --- */

@media (max-width: 576px) {
    .text-xs-center {
        text-align: center !important;
    }

    .flex-xs-direction {
        display: flex;
        flex-direction: column-reverse;
    }

    .tp-leftarrow.tparrows.uranus.noSwipe {
        display: none;
    }
    .tp-rightarrow.tparrows.uranus.noSwipe {
        display: none;
    }

    .padding-thirteen-left {
        padding-left: 4%;
    }

    span.text-white-2.text-white-2-hover.fs-80 {
        font-size: 50px !important;
    }
    span.text-green.font-hello.fs-85 {
        font-size: 37px !important;
    }
    p.fs-24.text-white.nexa-book {
        font-size: 17px !important;
    }

    .about-us .font-ul li {
        list-style: none !important;
    }

    .about-us .fs-40 {
        font-size: 30px !important;
        line-height: 33px !important;
    }

    .tp-rightarrow.tparrows.uranus {
        display: none;
    }
    .tp-leftarrow.tparrows.uranus {
        display: none;
    }

    ol, ul {
        padding-left: 0px;
    }

    .sales-enablement .font-ul.ls-none li {
        list-style: none !important;
    }
    .product .font-ul.ls-none li {
        list-style: none !important;
    }

    .fs-sm-50 {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    .fs-sm-48 {
        font-size: 48px !important;
        line-height: 48px !important;
    }

    .fs-sm-44 {
        font-size: 44px !important;
        line-height: 44px !important;
    }

    div#rev_slider_151_1_forcefullwidth {
        height: 600px !important;
    }

    .padding-75px-right {
        padding-right: 0px;
    }

    .img-desktop {
        display: none;
    }

    .img-mobile {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    header .sidebar-part2 nav.navbar.bootsnav ul > li > a {
        font-size: 20px !important;
    }

    header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {
        font-size: 20px !important;
    }

    .sidebar-part2 {
        width: 240px !important;
    }

    .sidebar-part2 ul > li {
        width: 208px;
    }

    .border-w {
        border: 0
    }

    .mb-sm-0 {
        margin-bottom: 0px !important;
    }

    .max-width {
        max-width: 100%;
        height: 225px;
    }
}

@media (max-width: 425px) {
    ul, ol, dl {
        list-style: none !important;
    }
}