#kopa-header-top{
    padding: 15px 0px !important;
    border-bottom: 3px solid ;
    background: #0A1F2C!important;
}
#top-nav #top-menu li a{
    color: #fff;
    font-weight: 500!important;
    font-size: 16px;

}
#top-nav{
    margin-top: 19px;
}
#top-nav #top-menu li:first-child{
    border-left: 0px!important;
}
#top-nav #top-menu li{
    border-right: 0px!important;
}
#pg-8-0, #pl-8 .so-panel{
    margin-bottom: 0px !important;
}
.n2-ss-widget{
    margin-top: -50px!important;
}
.n2-padding{
    padding-bottom: 0px !important;
}

#kopa-header-bottom{
    display: none!important;
}
.kopa-area{
    padding-top: 0px !important;
}
#service-box{
    transition-delay: 0.2s;
}
.hover-ds{
    transition: 0.5s
}
.hover-ds:hover{
    background: #fff;
    box-shadow: 0px 0px 13px 2px #e9e9e9;
    transition: .5s;
    cursor: pointer;
}
.hover-ds:hover #service-box{
    border: 0px!important;

}
.hover-ds:hover #service-box h4{
    color: #35c36f!important;
}
.hover-ds:hover #service-box .fa{
    color: #35c36f!important;
}
.hover-ds:hover #service-box a{
    color: #35c36f!important;
}
.btn-white:hover{
    background: #35C36F!important;
    color: #fff!important;
}
#pg-8-0, #pl-8 .so-panel{
    margin-top: -5px;
}
.sub-menu li a{
    color: #000!important;
}
#menu-item-118 a{
    color: #000!important;
}
.kopa-area{
    padding-bottom: 0px !important;
}
#bottom-sidebar{
    background: #0A1F2C!important;
}
#bottom-sidebar .container > .row > div:first-child{
    background: #0A1F2C!important;
}
#bottom-sidebar .container > .row > div:last-child{
    background: #0A1F2C!important;
}
#kopa-page-footer{
    background: #102b3b!important;
}
.menu-item-21:hover #top-nav #top-menu li.flip-back ul{
    display: block!important;
}
.form-ds{
    border: none !important;
    background: #eee!important;
    width: 100%;
    margin-bottom: 15px
}
.skillbar-bar{
    height: 20px!important;
}
.skillbar{
    height: 20px !important;
    margin-bottom: 25px!important;
}
.skillbar-title span{
    height: 20px !important;
    line-height: 1.5!important;
}
.skill-bar-percent{
    line-height: 1.5 !important;
    color: #000!important;
    font-weight: 700!important;
}
.ptfolio-ds{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    transition: 0.5s; z-index:-1;
}
#ptfolio:hover .ptfolio-ds{

    z-index: 10;
    background: rgba(53,195,111,0.9);
}
.circle-hover:hover{
    border: 2px solid #35C36F!important;

}
.circle-hover:hover h5, .circle-hover:hover .fa{
    color:  #35C36F!important;

}
.shadow:hover{
    box-shadow: 0px 0px 5px 2px #ccc;
    transition: .5s;
}
.shadow{
    transition: .5s;
}
#pg-111-0, #pg-111-1, #pg-111-2, #pg-111-3, #pg-111-4, #pl-111 .so-panel, #pg-107-0, #pg-107-1, #pg-107-2, #pg-107-3, #pg-107-4, #pl-107 .so-panel, #pg-113-0, #pg-113-1, #pg-113-2, #pg-113-3, #pg-113-4, #pl-113 .so-panel{
    margin-bottom: 0px!important;
}
.hover-white:hover{
    color: #35C36F!important;
    background: #fff!important;

}
#bottom-sidebar .container > .row > div{
    background: #0A1F2C!important;
}
@media screen and (max-width: 400px){
    #starter, #best{
        display: none;
    }

}
.color-white{
    color: #fff!important;
}

.border_r_l{
    border-left: 5px solid #35C36F; border-right: 5px solid #35C36F;
}
.lower_row{
    position: relative; z-index: 5; background: #f9f9f9;
}
@media screen and (max-width: 768px){
.none{
    display: none;
}
.border_r_l{
    border-left: 0; border-right: 0;
}
.lower_row{
    position: relative; z-index: 5; background: none;
}
}