#top {
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

#top .navbar-brand, #top .navbar-nav>li>a {
    font-weight: 500;
    color: #563d7c;
}

#top .navbar-nav>li>a:hover, #top .navbar-nav>.active>a, #top .navbar-nav>.active>a:hover{
    color:#463265;
    background-color: #eee;
}

#top .navbar-brand{
    background: transparent url(../img/logo-small.png) no-repeat 20px 50%;
    padding-left: 50px;
    color:#369;
}
#top .navbar-toggle .icon-bar {
    background-color: #563d7c;
}
.slick-dots{
    bottom: 25px;    
}

.headroom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .5s ease-in-out;
}
.headroom--unpinned {
    top: -100px;
}
.headroom--pinned {
    top: 0;
}


#banner {
    height: 540px;
    width: 100%;
    margin-top: 50px;
}

#banner div{
    height: 100%;
}
#banner h1{
    font-size: 64px;
    text-shadow: 4px 4px 4px  rgba(0,0,0,0.5);
}
#particles{
    position: relative;
    top:-540px;
}

.slick-dots li.slick-active button:before{
    color: red;
}


.footer {
    background-color: #393939;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.footer .flink {
    line-height: 30px;
    color: #929292;
    border-bottom: 1px #4d4d4d solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer, .footer a{
    color:#9d9d9d;
}

.footerNav, .footerNav ul{
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.footerNav li.fNav {
    float: left;
    margin-right: 30px;
}

.footerNav li.fNav a {
    color: #999;
    display: block
}

.footerNav li ul li {
    line-height: 20px
}

.footerNav li ul li a {
    font-size: 11px
}

.footerNav li a:hover {
    color: #fff
}

.footerNav li.fNav a.fnavmain {
    line-height: 24px;
    font-size: 15px;
    color: #B8B8B8;
    margin-bottom: 12px
}

#back-top {
    display: none;
    width: 50px;
    height: 50px;
    background: url(../img/top.png) top center no-repeat;
    cursor: pointer;
    position: fixed;
    bottom: 45px;
    right: 20px
}

#back-top:hover {
    background: url(../img/top.png) bottom center no-repeat
}

.link-block {
    border-left: 1px solid #ccc
}

.link-block:first-of-type {
    border-left: none
}

@media (max-width: 759px) {
    .link-block {
        border: none
    }
}

@media (max-width: 759px) {
    .link-block {
        border-bottom: 1px solid #ccc
    }

    .link-block:last-of-type {
        border-bottom: none
    }

    #skill .col-sm-3{
        margin-left:-15px;
        margin-right:-15px;
    }
    #skill .col-sm-3:nth-child(even){
        background: #f9f9f9;
    }
    #skill .col-sm-3:nth-child(odd){
        background: #f0f0f0;
    }
}

#link-nav{
    color:#5a5a5a;
    margin-bottom: 30px;
}

#service{
    height:300px;
}

#case{
    height:300px;
}

#team{
    height: 364px;
    background: #41d6c3 url("../img/bg-shape-1.svg") no-repeat -40px -270px;
    color:white;
    padding-top: 5vw!important;
    padding-bottom: 5vw!important;
}

#link-nav a{
    color:#666;
}