:root{
    primary : #49ab96;
}
.color-primary-bg {
    background-color: #49ab96;
}
.color-primary-hover-bg:hover,
.color-primary-hover-bg:hover:before{
    background-color: #49ab96;
}
.color-primary-text{
    color: #49ab96;
}
.color-primary-hover-text:hover{
    color: #49ab96;
}
.color-primary-active.active,
.color-primary-active:hover{
    background-color: #49ab96;
}
.color-primary-after:after {
    background-color: #49ab96 ;
}
.color-primary-gradient-bg:hover,
.color-primary-gradient-top:hover ~ .color-primary-gradient-bg{
    background: linear-gradient(rgba(0, 0, 0, 0), #49ab96) ;
}
.color-primary-gradient-bg:hover,
.color-primary-gradient-top:hover > .color-primary-gradient-bg{
    background: linear-gradient(rgba(0, 0, 0, 0), #49ab96) ;
}
#loader, #loader:after, #loader:before {
    border-top-color: #49ab96 ;
}
@media (min-width: 768px ) {
    .color-primary-bg-diagonal {
        background: -webkit-linear-gradient(30deg,  #49ab96 50%, rgba(0, 0, 0, 0) 50%);
    }
}
.color-border-bottom-hover:hover,
.color-border-bottom-hover.clicked,
.color-border-bottom-hover.active {
    border-bottom: 4px solid #006DA5 !important;
}