:root{
    primary : #5287C3;
}
.color-primary-bg {
    background-color: #5287C3;
}
.color-primary-hover-bg:hover,
.color-primary-hover-bg:hover:before{
    background-color: #5287C3;
}
.color-primary-text{
    color: #5287C3;
}
.color-primary-hover-text:hover{
    color: #5287C3;
}
.color-primary-active.active,
.color-primary-active:hover{
    background-color: #5287C3;
}
.color-primary-after:after {
    background-color: #5287C3 ;
}
.color-primary-gradient-bg:hover,
.color-primary-gradient-top:hover ~ .color-primary-gradient-bg{
    background: linear-gradient(rgba(0, 0, 0, 0), #5287C3) ;
}
.color-primary-gradient-bg:hover,
.color-primary-gradient-top:hover > .color-primary-gradient-bg{
    background: linear-gradient(rgba(0, 0, 0, 0), #5287C3) ;
}
#loader, #loader:after, #loader:before {
    border-top-color: #5287C3 ;
}
@media (min-width: 768px ) {
    .color-primary-bg-diagonal {
        background: -webkit-linear-gradient(30deg,  #5287C3 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;
}