/* Version: 0.1.12 */

.chevron-1, .chevron-2, .chevron-3, .chevron-4, .chevron-5, .chevron-6, .chevron-7, .chevron-8, .chevron-9, .chevron-10 {
    margin-top: -65px;
    margin-bottom: -65px;
    z-index: 5;
}
.chevron-1 {
    -webkit-clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
.chevron-1.alt {
    -webkit-clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
.chevron-3 {
    -webkit-clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% 100%, 60% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% 100%, 60% calc(100% - 65px), 0% 100%);
}
.chevron-3.alt {
    -webkit-clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% 100%, 40% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% 100%, 40% calc(100% - 65px), 0% 100%);
}
.chevron-5 {
    -webkit-clip-path: polygon(0% 0%, 50% 65px, 100% 0%, 100% 100%, 50% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 50% 65px, 100% 0%, 100% 100%, 50% calc(100% - 65px), 0% 100%);
}
.chevron-6 {
    -webkit-clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
.chevron-6.alt {
    -webkit-clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
.chevron-8 {
    -webkit-clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
.chevron-8.alt {
    -webkit-clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
.chevron-10 {
    -webkit-clip-path: polygon(0% 65px, 50% 0%, 100% 65px, 100% calc(100% - 65px), 50% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 50% 0%, 100% 65px, 100% calc(100% - 65px), 50% 100%, 0% calc(100% - 65px));
}
div.chevron-1 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
div.chevron-1.alt > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
div.chevron-3 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% 100%, 60% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 40% 65px, 100% 0%, 100% 100%, 60% calc(100% - 65px), 0% 100%);
}
div.chevron-3.alt > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% 100%, 40% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 60% 65px, 100% 0%, 100% 100%, 40% calc(100% - 65px), 0% 100%);
}
div.chevron-5 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 0%, 50% 65px, 100% 0%, 100% 100%, 50% calc(100% - 65px), 0% 100%);
    clip-path: polygon(0% 0%, 50% 65px, 100% 0%, 100% 100%, 50% calc(100% - 65px), 0% 100%);
}
div.chevron-6 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
div.chevron-6.alt > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
div.chevron-8 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 60% 0%, 100% 65px, 100% calc(100% - 65px), 60% 100%, 0% calc(100% - 65px));
}
div.chevron-8.alt > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 40% 0%, 100% 65px, 100% calc(100% - 65px), 40% 100%, 0% calc(100% - 65px));
}
div.chevron-10 > a > span.et_overlay {
    -webkit-clip-path: polygon(0% 65px, 50% 0%, 100% 65px, 100% calc(100% - 65px), 50% 100%, 0% calc(100% - 65px));
    clip-path: polygon(0% 65px, 50% 0%, 100% 65px, 100% calc(100% - 65px), 50% 100%, 0% calc(100% - 65px));
}
.triangle-large, .triangle, .triangle-small {
    z-index: 1;
}
.triangle-large {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 65px) 0px, 50% 65px, calc(50% + 65px) 0px, 100% 0%, 100% calc(100% - 65px), calc(50% + 65px) calc(100% - 65px), 50% 100%, calc(50% - 65px) calc(100% - 65px), 0% calc(100% - 65px));
    clip-path: polygon(0% 0px, calc(50% - 65px) 0px, 50% 65px, calc(50% + 65px) 0px, 100% 0%, 100% calc(100% - 65px), calc(50% + 65px) calc(100% - 65px), 50% 100%, calc(50% - 65px) calc(100% - 65px), 0% calc(100% - 65px));
    margin-top: -65px;
    margin-bottom: -65px;
}
.triangle {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 30px) 0px, 50% 30px, calc(50% + 30px) 0px, 100% 0%, 100% calc(100% - 30px), calc(50% + 30px) calc(100% - 30px), 50% 100%, calc(50% - 30px) calc(100% - 30px), 0% calc(100% - 30px));
    clip-path: polygon(0% 0px, calc(50% - 30px) 0px, 50% 30px, calc(50% + 30px) 0px, 100% 0%, 100% calc(100% - 30px), calc(50% + 30px) calc(100% - 30px), 50% 100%, calc(50% - 30px) calc(100% - 30px), 0% calc(100% - 30px));
    margin-top: -30px;
    margin-bottom: -30px;
}
.triangle-small {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 15px) 0px, 50% 15px, calc(50% + 15px) 0px, 100% 0%, 100% calc(100% - 15px), calc(50% + 15px) calc(100% - 15px), 50% 100%, calc(50% - 15px) calc(100% - 15px), 0% calc(100% - 15px));
    clip-path: polygon(0% 0px, calc(50% - 15px) 0px, 50% 15px, calc(50% + 15px) 0px, 100% 0%, 100% calc(100% - 15px), calc(50% + 15px) calc(100% - 15px), 50% 100%, calc(50% - 15px) calc(100% - 15px), 0% calc(100% - 15px));
    margin-top: -15px;
    margin-bottom: -15px;
}
.triangle-large.top {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 65px) 0px, 50% 65px, calc(50% + 65px) 0px, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0px, calc(50% - 65px) 0px, 50% 65px, calc(50% + 65px) 0px, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -65px;
    margin-bottom: 0px;
}
.triangle.top {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 30px) 0px, 50% 30px, calc(50% + 30px) 0px, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0px, calc(50% - 30px) 0px, 50% 30px, calc(50% + 30px) 0px, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -30px;
    margin-bottom: 0px;
}
.triangle-small.top {
    -webkit-clip-path: polygon(0% 0px, calc(50% - 15px) 0px, 50% 15px, calc(50% + 15px) 0px, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0px, calc(50% - 15px) 0px, 50% 15px, calc(50% + 15px) 0px, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -15px;
    margin-bottom: 0px;
}