/* TABLE OF CONTENTS
	1. Template Purple
*/

/* 1. Template Purple */
.container .line {
    background: #c446da;
}

a:hover {
    color: #c446da;
}

a.btn.fill,
.btn.fill {
    background: #c446da;
    border-color: #c446da;
}

a.btn:hover,
.btn:hover {
    background: #c446da;
    border-color: #c446da;
}

.preloader .load {
    color: #c446da;
}

.preloader .typed-load,
.preloader .typed-cursor {
    color: #c446da;
}

input:focus,
textarea:focus,
button:focus {
    border-bottom-color: #c446da;
}

button:hover {
    border-bottom-color: #c446da;
}

@media (min-width: 580px) {
    .glitch-effect-white:before,
    .glitch-effect-white:after {
        background: #c446da;
    }

    .glitch-effect:after,
    .glitch-effect-white:after {
        text-shadow: -1px 0 #c446da;
    }

    .glitch-effect:before,
    .glitch-effect-white:before {
        text-shadow: 2px 0 #c446da;
    }

}

header .head-top .menu-btn:hover:before,
header .head-top .menu-btn:hover:after,
header .head-top .menu-btn:hover span {
    background: #c446da;
}

header .head-top .top-menu ul li.active a {
    color: #c446da;
}

header .head-top .top-menu ul li.active .btn {
    background: #c446da;
    border-color: #c446da;
}

.section.started .mouse_btn {
    color: #c446da;
}

.info-list ul li strong {
    color: #c446da;
}

.resume-items .resume-item:before {
    background: #c446da;
}

.resume-items .resume-item .date {
    color: #c446da;
    border-color: #c446da;
}

.resume-items .resume-item .date:before {
    background: #c446da;
}

.skills ul li .progress .percentage {
    background: #c446da;
}

.service-items .service-item .icon {
    color: #c446da;
}

.section.works .filters label.glitch-effect {
    color: #c446da;
}

.box-items .box-item:hover .desc .name {
    color: #c446da;
}

.box-items .box-item .image .info .centrize {
    background: #c446da;
}

.date {
    color: #c446da;
    border-color: #c446da;
}

footer .soc a:hover .ion {
    color: #c446da;
}

.skills.dotted ul li .progress .da span {
    background: #c446da !important;
}

.skills.list ul li .name:before {
    color: #c446da;
}

.skills ul li .progress .percentage {
    background: #c446da;
}

.skills.dotted ul li .progress .da span {
    background: #c446da;
}

.skills.circles .progress .bar,
.skills.circles .progress.p51 .fill,
.skills.circles .progress.p52 .fill,
.skills.circles .progress.p53 .fill,
.skills.circles .progress.p54 .fill,
.skills.circles .progress.p55 .fill,
.skills.circles .progress.p56 .fill,
.skills.circles .progress.p57 .fill,
.skills.circles .progress.p58 .fill,
.skills.circles .progress.p59 .fill,
.skills.circles .progress.p60 .fill,
.skills.circles .progress.p61 .fill,
.skills.circles .progress.p62 .fill,
.skills.circles .progress.p63 .fill,
.skills.circles .progress.p64 .fill,
.skills.circles .progress.p65 .fill,
.skills.circles .progress.p66 .fill,
.skills.circles .progress.p67 .fill,
.skills.circles .progress.p68 .fill,
.skills.circles .progress.p69 .fill,
.skills.circles .progress.p70 .fill,
.skills.circles .progress.p71 .fill,
.skills.circles .progress.p72 .fill,
.skills.circles .progress.p73 .fill,
.skills.circles .progress.p74 .fill,
.skills.circles .progress.p75 .fill,
.skills.circles .progress.p76 .fill,
.skills.circles .progress.p77 .fill,
.skills.circles .progress.p78 .fill,
.skills.circles .progress.p79 .fill,
.skills.circles .progress.p80 .fill,
.skills.circles .progress.p81 .fill,
.skills.circles .progress.p82 .fill,
.skills.circles .progress.p83 .fill,
.skills.circles .progress.p84 .fill,
.skills.circles .progress.p85 .fill,
.skills.circles .progress.p86 .fill,
.skills.circles .progress.p87 .fill,
.skills.circles .progress.p88 .fill,
.skills.circles .progress.p89 .fill,
.skills.circles .progress.p90 .fill,
.skills.circles .progress.p91 .fill,
.skills.circles .progress.p92 .fill,
.skills.circles .progress.p93 .fill,
.skills.circles .progress.p94 .fill,
.skills.circles .progress.p95 .fill,
.skills.circles .progress.p96 .fill,
.skills.circles .progress.p97 .fill,
.skills.circles .progress.p98 .fill,
.skills.circles .progress.p99 .fill,
.skills.circles .progress.p100 .fill {
    border-color: #c446da;
}