#hamburger-icon span{
    background: #55da68 !important;
}
.nav-panel li.active a {
    color: #55da68 !important;
}
@media(max-width:600px) {

    .nav-panel li.active {

        border-color:  #55da68 !important;

    }
}

#packages .box:hover .title  {
    color: #55da68;
}

.btn-colored {
    color: #fff;
    background: #55da68;
}

.btn-colored:hover {
    color: #fff;
    background: #3bc04e;
}

.menusocila a {
    display: inline-block;
    color: #55da68 !important;
}

#blog{
    margin-bottom: 80px;
}

#probootstrap-loader{
    background-color: #3bc04e !important;
}


.filter-wrapper li a:active    {
    background: #3bc04e !important;
}

.filter-wrapper li a:hover,
.filter-wrapper li a:focus ,
.filter-wrapper li a.selected {
    background: #55da68 !important;
    color: #ffffff !important;
}

.grid-item .grid-content h2 {
    box-shadow:0px 0px 7px rgba(85, 218, 104, 0.3) !important;
}

.prot-subtitle {
    border-color:  #3bc04e !important;
}

/*projects*/
.ico-circle {
    height: 100px;
    width: 100px;
    font-size: 2rem;
    border-radius: 50%;
    line-height: 1.55;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0 0 10px #3bc04e;
    display: block;
}


/*//single produt*/
.btn-primary {
    background-color: #55da68 !important;
}
.ia-icon:hover,
.ia-icon-box:hover .ia-icon {
    border-color: #55da68  !important;
}

.features-control-item.active .ia-icon {
    background: #55da68  !important;
    border-color: #55da68 !important;
    color: #fff;
}

.box:hover .icon.circle-mode-box,
.box:active .icon.circle-mode-box,
.box:focus .icon.circle-mode-box {
    border-color: #55da68 !important;
    background: #55da68 !important;
}
.box .icon.circle-mode-box {
    border: 2px solid rgba(66, 171, 52, 0.5) !important;
}
.box .icon.circle-mode-box i {
    color:  #55da68  !important;
}
.dark-div a:hover {
    color: #33a744 !important;
}

.features-control-item:after {
    background: #55da68 !important;
}

.smart{
    padding: 0;
    margin: 0;
}
.smart .full{
    height: 30vh;
}
.smart .half{
    height: 15vh;
    padding: 25px 15px;

}
.smart h1{
    color: white;
    text-align: center;
    margin: 0;
}
.smart h4{
    color: white;
    margin: 0;
}
.smart  .pad{
    padding: 80px 10px;
}
.smart div .green{
    background-color: #55da68;
    transition: 0.3s;
}
.smart div .red{
    background-color: #c2252a;
}
.smart div .blue{
    background-color: #3095ff;
}
.smart div .orange{
    background-color: #ff7217;
}
.smart div .dgreen{
    background-color: #3bc04e;
}

a.green:hover{
    background-color: #3bc04e;
}