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

    .nav-panel li.active {

        border-color:  #df136b !important;

    }
}

#packages .box:hover .title  {
    color: #df136b;
}

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

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

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

#probootstrap-loader{
    background-color: #e41870 !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 #e41870;
    display: block;
}


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

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

.box:hover .icon.circle-mode-box,
.box:active .icon.circle-mode-box,
.box:focus .icon.circle-mode-box {
    border-color: #ff338b !important;
    background: #ff338b !important;
}
.box .icon.circle-mode-box {
    border: 2px solid rgba(255, 51, 139, 0.5) !important;
}
.box .icon.circle-mode-box i {
    color:  #ff338b  !important;
}
.dark-div a:hover {
    color: #9e1f56 !important;
}

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