/*COLOR: #EF5041*/

.theme-color {
    color: #EF5041;
}

.theme-bg,
.theme-bg-after:after,
.theme-bg-after:before,
.theme-bg-hover:hover {
    background-color: #EF5041;
}
.theme-bg-hover:hover{
    color: white;
}
.theme-bg-opacity {
    background-color: rgba(0,0,0,0.75);
}

.theme-border {
    border-color: #EF5041!important;
}

.btn-line-theme, .btn-line-theme:focus {
    border-color: #EF5041;
}
.btn-line-theme:focus{
    background-color: #EF5041;
}
.btn-line-theme {
    color: #EF5041;
}

.bg-grad, .btn.bg-grad {
    color: white;
    background: #f6c964;
    background-image: -webkit-linear-gradient(315deg, #f6c964, #f5373a);
    background-image: linear-gradient(135deg, #f6c964, #f5373a);
    box-shadow: 0 5px 20px rgba(251, 152, 11, .5);
}

.bg-grad:hover {
    color: white!important;
}

.bg-grad:focus,
.bg-grad:active {
    color: white;
    -webkit-animation: glow-grad 1s linear infinite;
    animation: glow-grad 1s linear infinite;
    text-shadow:0 0 15px white;
}

@keyframes glow-grad {
    0% { box-shadow: 0 0 5px rgba(240, 195, 48, 0.5);}
    50% { box-shadow: 0 0 15px rgba(246, 185, 96, 0.5);}
    100% { box-shadow: 0 0 5px rgba(240, 195, 48, 0.5);}
}

@-webkit-keyframes glow-grad {
    0% { box-shadow: 0 0 10px rgba(240, 195, 48, 0.5);}
    50% { box-shadow: 0 0 15px rgba(246, 185, 96, 0.25);}
    100% { box-shadow: 0 0 10px rgba(240, 195, 48, 0.5);}
}