@import url("https://fonts.googleapis.com/css?family=Lato");

@font-face {
    font-family: "Ubuntu";
    src: url("../font/Ubuntu-Title.ttf")
}

@font-face {
    font-family: "Lane";
    src: url("../font/LANENAR.ttf")
}

* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: 'Lato', ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ''
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.hide {
    display: none
}

html, body {
    width: 100%;
    height: 100%;
    background: #ffff
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: #eee
}

canvas {
    display: block;
    vertical-align: bottom
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background: url("") no-repeat 50% 50%
}

#stats {
    display: none
}

nav {
    width: 82vw;
    margin: 0 auto
}

.uk-navbar-container li a {
    text-transform: capitalize
}

.more-orange {
    background-color: #fa811d;
    color: white;
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none !important;
    margin-top: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none
}

.more-orange:hover {
    background-color: #fa902d;
    -webkit-box-shadow: 0px 15px 20px rgba(11, 17, 22, 0.26);
    box-shadow: 0px 15px 20px rgba(11, 17, 22, 0.26);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    color: #d7d7d7
}

.slide, .slide > * {
    color: #000
}

@-webkit-keyframes mymove {
    from {
        background-position: -250px 0px
    }
    to {
        background-position: -370px 0px
    }
}

@keyframes mymove {
    from {
        background-position: -250px 0px
    }
    to {
        background-position: -370px 0px
    }
}

@-webkit-keyframes mymove-events {
    from {
        background-position: -150px 50px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        background-position: -320px center;
        -webkit-transform: scale(1.23);
        transform: scale(1.23)
    }
}

@keyframes mymove-events {
    from {
        background-position: -150px 50px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        background-position: -320px center;
        -webkit-transform: scale(1.23);
        transform: scale(1.23)
    }
}

@-webkit-keyframes imzoom {
    from {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
    to {
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }
}

@keyframes imzoom {
    from {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
    to {
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }
}

.s1 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    background: url(../img/header-img.jpg) center top;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s1 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

.s2 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    background: url(../img/stories-bg.jpg) center top;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s2 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

.s2 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    background: url(../img/inc-bg.jpg) center top;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s2 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

.s3 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 900px;
    font-family: Ubuntu, serif !important;
    background: url(../img/hack.jpg) center top;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s3 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 900px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

.s4 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    background: url(../img/nexteconomy11.jpg) center top no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s4 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

.s5 > .bg > .n {
    position: absolute;
    bottom: -220px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    background: url(../img/fellow.png) center top no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -99;
    -webkit-animation-name: mymove;
    animation-name: mymove;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.s5 > .bg > .n-back {
    z-index: -1000;
    position: absolute;
    bottom: -220px;
    left: 80px;
    font-size: 1280px;
    line-height: 1000px;
    font-family: Ubuntu, serif !important;
    color: #fa9644
}

#show {
    height: 100vh;
    overflow: hidden
}

#show .uk-slideshow-items {
    height: 100% !important
}

.evens, .evens .uk-slideshow-items {
    height: 100vh !important
}

.evens p, .evens h2 {
    color: #000 !important
}

.main-title > .tite {
    display: block;
    font-size: 75px;
    text-align: right;
    font-family: Calibri, serif;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: -5px;
    color: #333;
    margin-top: 0px !important
}

.main-title > p {
    margin-top: 25px;
    text-rendering: optimizeLegibility
}

.main-title {
    color: #000;
    text-align: right;
    height: 50vh;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bg.b2 {
    background-image: url("")
}

.main-title > .uk-thumbnav > li {
    width: 100%
}

.uk-thumbnav > li > a {
    color: #000 !important;
    text-decoration: none !important
}

.main-title > .uk-thumbnav > .uk-active > p, .uk-thumbnav > .uk-active > a {
    border-bottom: 3px solid #fa9644;
    padding-bottom: 2px
}

.uk-slideshow-items > li {
    margin-top: 0 !important
}

nav img {
    height: 70px
}

.uk-navbar-dropbar.uk-navbar-dropbar-slide {
    background-color: rgba(255, 255, 255, 0.54)
}

.uk-navbar-dropdown.uk-navbar-dropdown-dropbar.uk-open {
    background: none !important
}

.uk-thumbnav > * > ::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.uk-position-bottom-right > .uk-thumbnav li {
    margin-top: 5px
}

.uk-panel {
    font-size: 24px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    text-align: center
}

.img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    overflow: hidden;
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.uk-slider-items > .uk-width-1-1 {
    height: 40vh
}

.note {
    margin: 0 auto;
    max-width: 400px;
    color: white;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size: 19px;
    line-height:30px;
}

.note:before {
    content: '\201C'
}

.note:after {
    content: '\201D'
}

.writer {
    line-height: 30px;
    font-size: 25px !important;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}

.writer:before {
    content: '- '
}

.gal-top-title {
    position: absolute;
    color: white;
    text-align: left;
    bottom: 20px;
    left: 20px;
    z-index: 1999;
    background-color: rgba(0, 0, 0, 0.836);
    padding: 30px
}

.zooma {
    position: relative;
    height: 53vh;
    overflow: hidden;
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease-in-out;
    transition: all ease-in-out
}

.zooma:hover .img {
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.big {
    font-size: 40px;
    font-weight: 700
}

.uk-section-secondary .big {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff
}

.big a {
    font-weight: 200;
    color: #fff !important;
    line-height: 20px;
    height: 41px;
    vertical-align: text-bottom
}

.services {
    min-height: 100vh
}

.ic {
    height: 92px;
    margin-top: 100px
}

.inc {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.86)), to(rgba(34, 34, 34, 0.86))), url(../img/inc-bg.jpg) no-repeat;
    background: linear-gradient(rgba(34, 34, 34, 0.86), rgba(34, 34, 34, 0.86)), url(../img/inc-bg.jpg) no-repeat;
    background-size: cover;
    height: 100vh
}

.outs {
    background-color: #fff;
    height: 100vh
}

.outs .servhead {
    font-weight: 700;
    font-size: 35px;
    margin-top: 30px;
    color: #000000
}

.uk-section-grey {
    background-color: #f7f2f2
}

.inc p {
    color: #ffffff;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight: bold;
    line-height: 22px;
    width: 88%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto
}

.train {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.86)), to(rgba(34, 34, 34, 0.86))), url(../img/stories-bg.jpg) no-repeat;
    background: linear-gradient(rgba(34, 34, 34, 0.86), rgba(34, 34, 34, 0.86)), url(../img/stories-bg.jpg) no-repeat;
    background-size: cover;
    height: 100vh
}

.train p {
    color: #ffffff;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight: bold;
    line-height: 22px;
    width: 88%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto
}

.outs p {
    color: #000000;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight: bold;
    line-height: 22px;
    width: 88%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.servhead {
    font-weight: 700;
    font-size: 35px;
    margin-top: 30px;
    color: white
}

.events {
    min-height: 100vh
}

.evehed {
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 4px solid #fa902d;
    display: inline-block
}

.partners img {
    height: 70px
}

.eves > div {
    padding: 80px 100px 0px
}

.eves p {
    line-height: 20px
}

.events .tuw {
    -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    background-size: cover;
    background: url(../img/hack.jpg) no-repeat;
    -webkit-animation-name: mymove-events;
    animation-name: mymove-events;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#about .events .tuw {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    background-size: 100vw 100vh !important;
    background: url(../img/about-bg.jpg) no-repeat
}




.blur1 {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (max-width: 1142px) {
    .bg, .dis {
        display: none
    }

    .blur {
        background-color: #fff;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .s1:before {
        content: '';
        background: url(../img/header-img.jpg) center top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(13px);
        filter: blur(13px);
        opacity: .5;
        -webkit-animation-name: mymove;
        animation-name: mymove;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    .s2:before {
        content: '';
        background: url(../img/inc-bg.jpg) center top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(13px);
        filter: blur(13px);
        opacity: .5;
        -webkit-animation-name: mymove;
        animation-name: mymove;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    .s3:before {
        content: '';
        background: url(../img/hack.jpg) center top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(13px);
        filter: blur(13px);
        opacity: .5
    }

    .s4:before {
        content: '';
        background: url(../img/nexteconomy11.jpg) center top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(13px);
        filter: blur(13px);
        opacity: .5;
        -webkit-animation-name: mymove;
        animation-name: mymove;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    .s5:before {
        content: '';
        background: url(../img/fellow.png) center top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-filter: blur(13px);
        filter: blur(13px);
        opacity: .5;
        -webkit-animation-name: mymove;
        animation-name: mymove;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    .main {
        position: absolute;
        right: 0;
        top: 100px;
    }

    .main-title {
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

.forty {
    height: 60vh;
    margin-top: 0!important;
    padding-top: 40px;
}
@media (max-width: 959px) {
    .events .tuw {
        -webkit-clip-path: none;
        clip-path: none;
        background-size: 200% !important;
        height: 250px;
        background-repeat: no-repeat !important;
        background: url(../img/hack.jpg) center center
    }

    #about .events .tuw {
        -webkit-clip-path: none;
        clip-path: none;
        background-size: 200% !important;
        background-repeat: no-repeat !important;
        height: 250px;
        background: url(../img/about-bg.jpg) center center
    }

    .eves > div {
        padding: 30px 30px 30px
    }

    .evens, .evens .uk-slideshow-items {
        min-height: 700px !important;
        height: 700px !important
    }
}

@media (min-width: 730px) {
    .hidde {
        display: none !important
    }
}

@media (max-width: 729px) {
    .uk-navbar-right > .uk-navbar-nav > li > a {
        display: none
    }

    .services .more-orange, .uk-section-secondary .more-orange {
        position: relative;
        top: 12px
    }

    .uk-navbar-right > .uk-navbar-nav > li > a.hidde {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width: 575px) {
    .evens, .evens .uk-slideshow-items {
        min-height: 900px !important;
        height: 900px !important
    }
}

@media (max-width: 505px) {
    .main-title > .tite {
        font-size: 60px;
        font-weight: 800;
        line-height: 55px;
        letter-spacing: -5px
    }
}

@media (max-width: 375px) {
    .uk-panel h1 {
        font-size: 17px;
    }

    .sixty, .forty {
        padding: 10px
    }

    .main.uk-width-3-4 {
        width: 100% !important;
        padding-right: 10px
    }
}

.sixty {
    height: 40vh
}

.sixty > img {
    height: 80%;
    margin-top: 10%;
}

.forty>.uk-slideshow>.uk-slideshow-items{
    min-height: 60vh!important;
}

.forty p {
    margin: 0 auto;
    max-width: 400px;
    color: white;
    font-size: 50px;
    line-height: 50px;
    z-index: 400 !important;
    position: relative
}

.bga {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.96)), to(rgba(34, 34, 34, 0.96))), url(../img/stories-bg.jpg) no-repeat;
    background: linear-gradient(rgba(34, 34, 34, 0.96), rgba(34, 34, 34, 0.96)), url(../img/stories-bg.jpg) no-repeat;
    background-size: cover
}

.gal-top-title > h2 {
    color: #ffffff;
    line-height: 25px;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size: 1.5em !important;
    font-weight: 700
}

.gal-top-title > a {
    line-height: 25px;
    font-family: Lane, ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important
}

.uk-navbar-dropdown.uk-navbar-dropdown-dropbar.uk-open {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.footer {
    background-color: #2e2e2e;
    padding-bottom: 70px !important
}

.footer h2, .footer p {
    color: #ffffff
}

.footer p {
    font-size: 17px
}

.footer img {
    width: 200px
}

.footer .uk-button-default {
    background-color: #fa902d;
    display: block;
    position: relative;
    top: 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.footer .uk-button-default:hover {
    background-color: #db7e27 !important;
    color: #fff !important;
    top: 12px;
    -webkit-box-shadow: 0px 3px 5px #b06621;
    box-shadow: 0px 3px 5px #b06621
}

.footer .uk-button-default:active {
    background-color: #db7e27 !important;
    color: #fff !important;
    top: 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

[type="submit"] {
    border: solid 0 !important
}

.mini-div {
    height: 70%;
    width: 100%;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .form {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uk-icon-button {
    color: black
}

.facebook:hover {
    color: #ffffff;
    background-color: #3b5998
}

.twitter:hover {
    color: #ffffff;
    background-color: #00aced
}

.google:hover {
    color: #ffffff;
    background-color: #dd4b39
}

.instagram:hover {
    color: #ffffff;
    background-color: #8a3ab9
}

.linkedin:hover {
    color: #ffffff;
    background-color: #007bb6
}

.footer .sosh {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hackjos {
    background-color: #03c376e6
}

.innovate {
    background-color: white
}

.uk-navbar {
    width: 100% !important;
    padding-left: 5%;
    padding-right: 5%
}

.uk-navbar-nav li > a {
    color: #000
}

#abNav .uk-navbar-nav li > a {
    color: #ffffff
}

#abNav.uk-navbar-sticky .uk-navbar-nav li > a {
    color: #000 !important
}

.uk-navbar {
    height: 100px;
    z-index: 1000;
}

#about .eves .uk-heading-primary {
    padding-bottom: 5px;
    font-size: 50px;
    border-bottom: 4px solid #fa902d
}

#about .eves p {
    line-height: 25px;
    word-spacing: 2px
}

.who {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-animation-name: imzoom;
    animation-name: imzoom;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.wwa {
    min-height: 30vh;
    background-color: #fa902d
}

.wwa .text {
    padding: 40px
}

.wwa .text .uk-heading-primary {
    color: #ffffff;
    font-size: 50px;
    padding-bottom: 5px;
    border-bottom: solid 4px white;
    display: inline-block;
    margin-bottom: 10px
}

.wwa .text p {
    color: #000000;
    line-height: 25px;
    margin-bottom: 20px
}

.uk-sticky {
    width: 100% !important
}

.nteam .uk-navbar-nav li > a {
    color: #000 !important
}

.nteam .uk-section-muted .uk-heading-primary {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif !important;
    font-size: 80px;
    padding-bottom: 10px;
    border-bottom: solid 3px #fa902d;
    display: inline-block;
    margin-bottom: 10px
}

.notbold {
    font-weight: 100 !important;
    font-style: italic;
    font-size: 25px;
    vertical-align: middle;
    font-family: Calibri, "Trebuchet MS", sans-serif !important
}

.teamimg {
    height: 240px;
    overflow: hidden
}

.teamimg > img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    top: 0;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.teambod {
    color: #ffffff
}

.teambod h3 {
    font-size: 18px;
    font-weight: bold
}

.teamcard {
    max-height: 370px;
    height: 370px;
    overflow: hidden;
    background-color: #fa902d
}

.teamcard:hover {
    background-color: #e28329 !important
}

.teamcard:hover > .teamimg > img {
    -webkit-transform: scale(1.13);
    transform: scale(1.13);
    top: 0
}

@media (max-width: 475px) {
    .teamcard {
        max-height: 100%;
        height: auto
    }
}

.heading {
    padding-top: 150px
}
.notrans{
    text-transform: none!important;
}

.uk-text-big{
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3rem;
}

.c1 .cd1 {
    background-color: rgb(169,81,237);
}

.c1 .uk-button-cd1 {
    background-color: rgb(169, 81, 237);
    color: white;
}

.white{
    color:white
}

.uk-button-cd1{
    display: none;
}

.c1 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(169,81,237,0.8);
}

.c2 .cd1 {
    background-color: rgb(125,151,173);
}

.c2 .uk-button-cd1 {
    background-color: rgb(125,151,173);
    color: white;
}


.c2 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(125,151,173,0.8);
}

.c3 .cd1 {
    background-color:  rgb(2,179,228);
}

.c3 .uk-button-cd1 {
    background-color: rgb(2,179,228);
    color: white;
}


.c3 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(2,179,228,0.8);
}

.c4 .cd1 {
    background-color: rgb(255,162,52);
}

.c4 .uk-button-cd1 {
    background-color: rgb(255,162,52);
    color: white;
}

.c4 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(255,162,52,0.8);
}

.c5 .cd1 {
    background-color: rgb(255,84,131);
}

.c5 .uk-button-cd1 {
    background-color: rgb(255,84,131);
    color: white;
}

.c5 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(255,84,131,0.8);
}

.c6 .uk-button-cd1 {
    background-color: black;
    color: white;
}

.c6 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
.c7 .uk-button-cd1 {
    background-color: rgb(53, 200, 106);
    color: white;
}

.c7 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(53, 200, 106, 0.8);
}

.c8 .uk-button-cd1 {
    background-color: lightskyblue;
    color: white;
}

.c8 .cblur{
    filter: blendTrans(23px);
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: rgba(135, 206, 250, 0.8);
}

.uk-card-media-top{
    position: relative;
    height: 210px;
    overflow: hidden;
}

.uk-card-media-top img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.name{
    line-height: 25px;
    font-weight: 300;
    font-size: 19px;
}

.price{
    font-weight: 400;
}

@media (min-width: 1366px){
    .uk-container-large{
        width: 1100px;
    }
}


.about .uk-navbar-nav > li> a{
    color: white!important;
}

.uk-sticky-below .uk-navbar-nav > li> a{
    color: #000!important;
}
 .uk-navbar-nav > li:hover> a{
    color: #a7611e!important;
}

.uk-navbar-nav > li.uk-active > a{
    color: #e28329!important;
}

                                                                                    .partners{
    background-color: rgba(255, 255, 255, 0.65) !important;
}

.services p{
    height: 115px;
}

.rote {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}


.uk-container-large{
    margin: 0 auto;
}

.cowork{
    background-color: rgba(255, 255, 255, 0.75);
}

.cards{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thall .uk-card{
    background-image: url(../img/thall.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.thall .uk-card-body{
    background-color: rgba(182, 255, 203, 0.8);
}

.troom .uk-card-body{
    background-color: rgba(93, 154, 255, 0.8);
}

.sWork .uk-card-body{
    background-color: rgba(255, 226, 103, 0.8);
}

.troom .uk-card{
    background-image: url(../img/troom.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.sWork .uk-card{
    background-image: url(../img/shared.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.cards .uk-card .uk-card-title,.uk-card p{
    position: relative;
    line-height: 25px;
    color: #fff6ee!important;
}

.cowork .uk-heading-primary{
    position: relative;
    top: 10%;
}

.bga .uk-card .uk-card-title,.uk-card p{
    position: relative;
    line-height: 25px;
    color: #151515 !important;
}



.cards .uk-card-header{
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
}


.cards .uk-card-footer{
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    height: 60px;
    display: none;
}


.cards .uk-card-body{
    height: 240px;
}

.cards .uk-card-body>p{
    color: white!important;
}

.uk-container{
    padding-right: 0;
}


/*# sourceMappingURL=style.css.map */
.more-orange{
    display: none;
}