#indexNav {
    position: absolute;
}
.index_content {
    display: block;
    background-size: cover;
    height: 740px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    padding-top: 100px;
}
.index_content .btn-title {
    color: #fff;
    font-size: 17px;
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 13px;
}
.news_slideshow .overlay {
    /*background:rgba(0,0,17,.1);*/
    background: transparent;
    position: absolute;
    width: 100%;
    height: 500px;
    top: 0px;
    left: 0;
}
#indexNav {
    width: 100%;
    border-radius: 0;
    z-index: 2;
}
/**
.cubes trial rip
 */
@keyframes cube-fade-in {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
}

.cubes {
    position: absolute;
    left: 40%;
    top: -50px;
    width: 100%;
    height: 500px;
}

.cube {
    position: absolute;
    will-change: transform;
    animation-name: cube-fade-in;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-delay: initial;
    animation-iteration-count: initial;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}

.cube .sides {
    transform-style: preserve-3d;
    perspective: 600px;
}

.cube .shadow {
    top: 40%;
    background: #07427a;
}

.cube div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.news_slideshow {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
}

/**
About page
 */
.mainbody .container {
    padding: 0 15px;
}

.subheader > .container {
    background: #000 url(../../images/intro/developer.jpg) no-repeat top;
    -webkit-background-size: cover;
    background-size: cover;
    background-opacity: 0.8;
    filter: alpha(opacity=0.8);
    overflow: hidden;
}

.subheader-inner {
    position: relative;
    z-index: 1;
    padding: 50px;
}

.subheader-inner h1, .subheader-inner h2, .subheader-inner h4 {
    color: #fff;
}

.subheader-inner h1 {
    font-size: 60px;
    font-weight: 300;
}

.subheader-inner h4 span {
    background: #000;
    padding: 10px 25px;
    margin-right: 20px;
    display: inline-block;
    border-radius: 4px;
}

.p-md {
    padding: 40px 80px;
}

h1.text-dark {
    color: #424242;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
}

h2.text-dark {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}

.dashstripe {
    color: #fff;
}

.dashstripe:after {
    content: '';
    display: block;
    width: 241px;
    height: 27px;
    z-index: -1;
    position: absolute;
    bottom: 99px;
    left: 270px;
    background: url(../../images/dashstripe.png) no-repeat;
}

#cmsIndex_menu .navbar-nav.primary {
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

.section {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
}
.shead .shead-content h1 {
    font-size: 52px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -1.55px;
    line-height: 1.18;
}
.shead .shead-content h3, .shead .shead-content h4 {
    font-weight: 300;
    line-height: 1.5;
    color: #d9fcff;
}
.shead .shead-content p {
    color: #fff;
}
.shead .simage {
    margin-top:160px;
}
.ft-logo {
    border-radius: 15px;
    padding: 11px;
    display: inline-block;
    color: #fff;
}
.ft-logo.orange {
    background: #ffbc49;
    background: -moz-linear-gradient(-45deg, #ffbc49 0%, #ff7e6b 99%);
    background: -webkit-linear-gradient(-45deg, #ffbc49 0%,#ff7e6b 99%);
    background: linear-gradient(135deg, #ffbc49 0%,#ff7e6b 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc49', endColorstr='#ff7e6b',GradientType=1 );
}
.ft-logo.red {
    background: #dc3562;
    background: -moz-linear-gradient(-45deg, #dc3562 0%, #ff7e6b 99%);
    background: -webkit-linear-gradient(-45deg, #dc3562 0%,#ff7e6b 99%);
    background: linear-gradient(135deg, #dc3562 0%,#ff7e6b 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc3562', endColorstr='#ff7e6b',GradientType=1 );
}
.ft-logo.purple {
    background: #7f45bb;
    background: -moz-linear-gradient(-45deg, #7f45bb 0%, #cc65b6 98%);
    background: -webkit-linear-gradient(-45deg, #7f45bb 0%,#cc65b6 98%);
    background: linear-gradient(135deg, #7f45bb 0%,#cc65b6 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f45bb', endColorstr='#cc65b6',GradientType=1 );
}
.ft-logo.green {
    background: #4ea899;
    background: -moz-linear-gradient(-45deg, #4ea899 0%, #aada82 97%);
    background: -webkit-linear-gradient(-45deg, #4ea899 0%,#aada82 97%);
    background: linear-gradient(135deg, #4ea899 0%,#aada82 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea899', endColorstr='#aada82',GradientType=1 );
}
.ft-logo.blue {
    background: #1872ad;
    background: -moz-linear-gradient(-45deg, #1872ad 0%, #00c4b8 100%);
    background: -webkit-linear-gradient(-45deg, #1872ad 0%,#00c4b8 100%);
    background: linear-gradient(135deg, #1872ad 0%,#00c4b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1872ad', endColorstr='#00c4b8',GradientType=1 );
}
.ft-logo.sea-blue {
    background: #00c4b8;
    background: -moz-linear-gradient(-45deg, #00c4b8 0%, #5e74dc 100%);
    background: -webkit-linear-gradient(-45deg, #00c4b8 0%,#5e74dc 100%);
    background: linear-gradient(135deg, #00c4b8 0%,#5e74dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4b8', endColorstr='#5e74dc',GradientType=1 );
}
.ft-logo.sea-purple {
    background: #0037ba;
    background: -moz-linear-gradient(-45deg, #0037ba 0%, #5e74dc 100%);
    background: -webkit-linear-gradient(-45deg, #0037ba 0%,#5e74dc 100%);
    background: linear-gradient(135deg, #0037ba 0%,#5e74dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0037ba', endColorstr='#5e74dc',GradientType=1 );
}
.ft-logo.grey {
    background: #87a1b2;
    background: -moz-linear-gradient(-45deg, #87a1b2 0%, #aaa 100%);
    background: -webkit-linear-gradient(-45deg, #87a1b2 0%,#aaa 100%);
    background: linear-gradient(135deg, #87a1b2 0%,#aaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a1b2', endColorstr='#aaa',GradientType=1 );
}
.ft-logo.sea-green {
    background: #2dcd92;
    background: -moz-linear-gradient(-45deg, #2dcd92 0%, #aceaab 100%);
    background: -webkit-linear-gradient(-45deg, #2dcd92 0%,#aceaab 100%);
    background: linear-gradient(135deg, #2dcd92 0%,#aceaab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dcd92', endColorstr='#aceaab',GradientType=1 );
}

.ft-logo.cyandish {
    background: #0e3667;
    background: -moz-linear-gradient(-45deg, #0e3667 0%, #0a668c 28%, #20bfcb 66%);
    background: -webkit-linear-gradient(-45deg, #0e3667 0%,#0a668c 28%,#20bfcb 66%);
    background: linear-gradient(135deg, #0e3667 0%,#0a668c 28%,#20bfcb 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3667', endColorstr='#20bfcb',GradientType=1 );
}
.ft-logo.bordered-white {
    border:2px solid rgba(255,255,255,.3);
}

.user-review {
    margin:100px 0;
    position: relative;
}
.user-review .stripes {
    min-height:650px;
}

.infusion-info {
    display: block;
    margin-top:-80px;
    background: #0e3667;
    background: -moz-linear-gradient(-45deg, #0e3667 0%, #0a668c 28%, #20bfcb 66%, #c6fcea 100%);
    background: -webkit-linear-gradient(-45deg, #0e3667 0%,#0a668c 28%,#20bfcb 66%,#c6fcea 100%);
    background: linear-gradient(135deg, #0e3667 0%,#0a668c 28%,#20bfcb 66%,#c6fcea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3667', endColorstr='#c6fcea',GradientType=1 );
    color: #fff;
}
.infusion-info .infusion-dtl {
    margin:100px 0;
}
.infusion-info .infusion-dtl hr {
    display: inline-block;
    width: 100px;
    border-top: 2px solid #13A7BB;
}
.infusion-info .infusion-dtl li {
    padding: 10px;
}
.infusion-info .infusion-dtl h1,
.infusion-info .infusion-dtl h2,
.infusion-info .infusion-dtl h3,
.infusion-info .infusion-dtl h4,
.infusion-info .infusion-dtl p,
.infusion-info .infusion-dtl-2 h1,
.infusion-info .infusion-dtl-2 h2,
.infusion-info .infusion-dtl-2 h3,
.infusion-info .infusion-dtl-2 h4,
.infusion-info .infusion-dtl-2 p {
    color:#fff;
    margin-bottom: 0;
}
.infusion-info .infusion-dtl a {
    outline: 0;
    text-decoration: none;
    border-radius: 15px;
    display: block;
    padding:10px;
    transition: background-color 0.1s ease-in;
}
.infusion-info .infusion-dtl ul.block > li.active > a {
    background: rgba(0,0,0,.25);
}
.infusion-info .infusion-dtl ul.block > li:hover > a {
    background: #13A7BB;
}

.infusion-info .screens {
    border-radius : 25px;
    position: absolute;
    -webkit-box-shadow: -10px -10px 45px #13A7BB;
    -moz-box-shadow: -10px -10px 45px #13A7BB;
    box-shadow: -10px -10px 45px #13A7BB;
    margin-top:280px;
    border:0;
}
.slogan {
    padding: 80px 0;
    background-color:#F7F7F7;
}
.devs {
    padding: 80px 0;
    background: #933554;
    background: -moz-linear-gradient(-45deg, #933554 1%, #ae3d69 17%, #f2a571 50%, #ffdb9f 77%, #fef8d0 99%);
    background: -webkit-linear-gradient(-45deg, #933554 1%,#ae3d69 17%,#f2a571 50%,#ffdb9f 77%,#fef8d0 99%);
    background: linear-gradient(135deg, #933554 1%,#ae3d69 17%,#f2a571 50%,#ffdb9f 77%,#fef8d0 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#933554', endColorstr='#fef8d0',GradientType=1 );
}
.devs .devs-dtl h3,
.devs .devs-dtl h4 {
    color: #fff;
}
/* Github client mimic */
.devs .github-client .github-head {
    background: #24292E;
    border-radius:5px 5px 0 0;
    color: #fff;
}
.devs .github-client .github-head > .github-head-col:first-child {
    border-radius:5px 0 0 0;
}
.devs .github-client .github-head > .github-head-col:last-child {
    border-radius:0 5px 0 0;
    padding: 15px;
}
.devs .github-client .github-head > .github-head-col {
    border-right: 1px solid #050606;
}
.devs .github-client .github-head > .github-head-col:hover {
    background: #14171a;
}
.devs .github-client .github-head > .github-head-col > a {
    color: #fff;
    display: block;
    padding: 15px;
}

.devs .github-client .github-head > .github-head-col > a:hover,
.devs .github-client .github-head > .github-head-col > a:focus {
    text-decoration: none;
}
.devs .github-client .github-body {
    background: #fff;
}
.devs .github-client .github-body ul.block > li {
    padding:5px 10px;
    display: block;
    color: #444;
    border-bottom:1px solid #ddd;
}
.devs .github-client .github-body ul.block > li:hover,
.devs .github-client .github-body ul.block > li:focus {
    background: #f6fbff;
    text-decoration: none;
}
/**
Nss
 */
.nss {
    text-align:center;
    min-height:900px;
    color: #fff;
    background: #121950;
    background: -moz-linear-gradient(-45deg, #121950 0%, #3e88a6 100%);
    background: -webkit-linear-gradient(-45deg, #121950 0%,#3e88a6 100%);
    background: linear-gradient(135deg, #121950 0%,#3e88a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121950', endColorstr='#3e88a6',GradientType=1 );
}
.nss .nss-head {
   margin: 100px 0 150px;
}
.nss .nss-head h2, .nss .nss-head h3, .nss .nss-head h4 {
    color:#fff;
}
.nss .earth {
    display: inline-block;
    position: absolute;
    background-image: url(../../../../../images/earth.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 310px;
    width: 310px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nss .earth-light {
    position: absolute;
    background: transparent;
    height: 230px;
    width: 227px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    box-shadow: 0 0 70px 22px rgba(30,205,235,.6);
    top: 19px;
}
.nss .earth-ring {
    position: absolute;
    background: transparent;
    height: 260px;
    width: 260px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.3);
    top: -6px;
}
.nss .earth-ring-lg, .nss .nss-dtl-orb {
    position: absolute;
    background: transparent;
    height: 510px;
    width: 507px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.1);
    top: -76px;
}

.nss .nss-wrap {
    margin-top: -75px;
    width: 100%;
}
.nss .left .nss-dtl {
    border: 0;
    float: right;
    width: 1050px;
    height: 1080px;
    shape-margin: 40px;
    margin-right: 60px;
    margin-bottom: 20px;
    position: relative;
    shape-outside: circle(50%);
    margin-top: -110px;
    overflow: hidden;
    display: block;
}

.nss .right .nss-dtl {
    border: 0;
    float: left;
    width: 1160px;
    height: 1060px;
    shape-margin: 40px;
    margin-right: 80px;
    margin-bottom: 20px;
    position: relative;
    margin-top: -100px;
    overflow: hidden;
    display: block;
}

.nss .nss-block {
    position: relative;
    z-index: 1;
    text-align: right;
    margin-bottom: 15px;
}
.nss .nss-block.right {
    text-align:left;
}
.nss .nss-block h4 {
    color:#fff;
}
.nss .nss-block a {
    color: rgba(255,255,255,.6);
}
.nss .nss-block a:hover, .nss .nss-block a:focus {
    color: rgb(255,255,255);
}
.nss .icon-border {
    padding: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:1px solid rgba(255,255,255,.2);
}
.nss .ft-logo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
}
/*walkthrough*/
.walkthrough .guide {
    min-height: 250px;
}
.walkthrough .install-guide {
    padding-top:0;
    color:#fff;
    background: #121950;
    background: -moz-linear-gradient(-45deg, #121950 0%, #3e88a6 100%);
    background: -webkit-linear-gradient(-45deg, #121950 0%,#3e88a6 100%);
    background: linear-gradient(135deg, #121950 0%,#3e88a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121950', endColorstr='#3e88a6',GradientType=1 );
}
.walkthrough .install-guide hr {
    display: inline-block;
    width: 100px;
    border-top: 2px solid #13A7BB;
}
.walkthrough .install-guide .software-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.walkthrough .install-guide h3,
.walkthrough .tech-docs h3 {
    color: #fff;
    margin-bottom:0;
}
.walkthrough .guide-button {
    display: block;
    position: absolute;
    bottom: 20px;
}
.walkthrough .tech-docs {
    padding-bottom:0;
    color:#fff;
    background: #283845;
    background: -moz-linear-gradient(-45deg, #283845 0%, #344553 100%);
    background: -webkit-linear-gradient(-45deg, #283845 0%,#344553 100%);
    background: linear-gradient(135deg, #283845 0%,#344553 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283845', endColorstr='#344553',GradientType=1 );
}
.walkthrough .tech-docs hr {
    display: inline-block;
    width: 100px;
    border-top: 2px solid #fcb659;
}
.walkthrough .online-users {
    background: #232B33;
    color: #4B6677;
}
.walkthrough .online-users .guest {
    color: #27E3B7;
}
.walkthrough .online-users .member {
    color: #F4CD66;
}
.walkthrough .online-users .unactivated {
    color: #F64C85;
}
.walkthrough .online-users a,
.walkthrough .online-users h3 {
    color: #fff;
}
.walkthrough .motto {
    background: #3b2dbd;
    background: -moz-linear-gradient(45deg, #3b2dbd 0%, #3360e1 54%, #46a5eb 100%);
    background: -webkit-linear-gradient(45deg, #3b2dbd 0%,#3360e1 54%,#46a5eb 100%);
    background: linear-gradient(45deg, #3b2dbd 0%,#3360e1 54%,#46a5eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2dbd', endColorstr='#46a5eb',GradientType=1 );
    color: #fff;
}
.walkthrough .motto h3,
.walkthrough .motto h4 {
    color: #fff;
}

.featurette {
    background-color:#fff;
    padding-bottom:80px;
    margin-bottom:80px;
    padding-top:470px;
    margin-top:-470px;
}
.cta-join, .walkthrough {
    background: #F7F7F7;
}

/*
Home media
 */
@media only screen and (max-width: 767px) {
    .cubes {
        position: absolute;
        left: -70%;
        top: 290px;
        width: 100%;
        height: 500px;
        z-index: -1;
    }
    .index_content .stripes {
        top: -70px;

    }
    .index_content .container,
    .cta-join .container
    {
        text-align:center;
    }
    .cta-join h4 {
        color: #aaa;
        padding: 0 30px;
    }
    .index_content .btn {
        margin-top:50px;
    }
    .simage {
        visibility: hidden;
    }
    .featurette {
        margin-top: 0;
        padding-top: 100px;
    }

}

@media screen and (max-width: 978px) {
    .index_content {
        height:830px;
    }
    .index_content .stripes {
        top:0 !important;
    }

    .infusion-info .infusion-dtl ul.block > li {
        width: 50%;
        height: 75px;
        display: inline-block;
        position: relative;
        float: left;
        clear: unset;
    }
    .infusions-info .infusion-dtl.sm-head {
        margin-top:0;
    }
    .infusion-dtl-2.sm-well {
        padding: 30px;
        background: rgba(0,0,0,.25);
        border-radius: 15px;
        margin-top: 30px;
        margin-bottom:80px;
    }
}