.tpl-bg-1, .tpl-bg-1:hover, .tpl-bg-1:focus {
    background: #00aaf8;
    color: #fff;
}
.tpl-bg-page-1
{
    background: #00aaf8 !important;
}

.tpl-text-1, .tpl-text-1:hover, .tpl-text-1:focus {
    color: #00aaf8;
}

.tpl-outline-1, .tpl-outline-1:hover, .tpl-outline-1:focus {
    border: 1px solid #00aaf8;
    background: #fff;
}

.tpl-bg-2, .tpl-bg-2:hover, .tpl-bg-2:focus {
    background: #6372d3;
    color: #fff;
}
.tpl-bg-page-2
{
    background: #6372d3 !important;
}


.tpl-text-2, .tpl-text-2:hover, .tpl-text-2:focus {
    color: #6372d3;
}

.tpl-outline-2, .tpl-outline-2:hover, .tpl-outline-2:focus {
    border: 1px solid #6372d3;
    background: #fff;
}

.tpl-bg-3, .tpl-bg-3:hover, .tpl-bg-3:focus {
    background: #b153f1;
    color: #fff;
}
.tpl-bg-page-3
{
    background: #b153f1 !important;
}
.tpl-text-3, .tpl-text-3:hover, .tpl-text-3:focus {
    color: #b153f1;
}

.tpl-outline-3, .tpl-outline-3:hover, .tpl-outline-3:focus {
    border: 1px solid #b153f1;
    background: #fff;
}

.tpl-bg-4, .tpl-bg-4:hover, .tpl-bg-4:focus {
    background: #ff609a;
    color: #fff;
}
.tpl-bg-page-4
{
    background: #ff609a !important;
}
.tpl-text-4, .tpl-text-4:hover, .tpl-text-4:focus {
    color: #ff609a;
}

.tpl-outline-4, .tpl-outline-4:hover, .tpl-outline-4:focus {
    border: 1px solid #ff609a;
    background: #fff;
}

.tpl-bg-5, .tpl-bg-5:hover, .tpl-bg-5:focus {
    background: #df0004;
    color: #fff;
}
.tpl-bg-page-5
{
    background: #df0004 !important;
}
.tpl-text-5, .tpl-text-5:hover, .tpl-text-5:focus {
    color: #df0004;
}

.tpl-outline-5, .tpl-outline-5:hover, .tpl-outline-5:focus {
    border: 1px solid #df0004;
    background: #fff;
}

.tpl-bg-6, .tpl-bg-6:hover, .tpl-bg-6:focus {
    background: #ff9124;
    color: #fff;
}
.tpl-bg-page-6
{
    background: #ff9124 !important;
}
.tpl-text-6, .tpl-text-6:hover, .tpl-text-6:focus {
    color: #ff9124;
}

.tpl-outline-6, .tpl-outline-6:hover, .tpl-outline-6:focus {
    border: 1px solid #ff9124;
    background: #fff;
}

.tpl-bg-7, .tpl-bg-7:hover, .tpl-bg-7:focus {
    background: #f7c400;
    color: #fff;
}
.tpl-bg-page-7
{
    background: #f7c400 !important;
}
.tpl-text-7, .tpl-text-7:hover, .tpl-text-7:focus {
    color: #f7c400;
}

.tpl-outline-7, .tpl-outline-7:hover, .tpl-outline-7:focus {
    border: 1px solid #f7c400;
    background: #fff;
}

.tpl-bg-8, .tpl-bg-8:hover, .tpl-bg-8:focus {
    background: #56d600;
    color: #fff;
}
.tpl-bg-page-8
{
    background: #56d600 !important;
}
.tpl-text-8, .tpl-text-8:hover, .tpl-text-8:focus {
    color: #56d600;
}

.tpl-outline-8, .tpl-outline-8:hover, .tpl-outline-8:focus {
    border: 1px solid #56d600;
    background: #fff;
}

.tpl-bg-9, .tpl-bg-9:hover, .tpl-bg-9:focus {
    background: #2fbd00;
    color: #fff;
}
.tpl-bg-page-9
{
    background: #2fbd00 !important;
}
.tpl-text-9, .tpl-text-9:hover, .tpl-text-9:focus {
    color: #2fbd00;
}

.tpl-outline-9, .tpl-outline-9:hover, .tpl-outline-9:focus {
    border: 1px solid #2fbd00;
    background: #fff;
}

.tpl-bg-10, .tpl-bg-10:hover, .tpl-bg-10:focus {
    background: #00cfba;
    color: #fff;
}
.tpl-bg-page-10
{
    background: #00cfba !important;
}
.tpl-text-10, .tpl-text-10:hover, .tpl-text-10:focus {
    color: #00cfba;
}

.tpl-outline-10, .tpl-outline-10:hover, .tpl-outline-10:focus {
    border: 1px solid #00cfba;
    background: #fff;
}

.tpl-bg-11, .tpl-bg-11:hover, .tpl-bg-11:focus {
    background: linear-gradient(to right, #FFBC5D, #F25771) ;
    color: #fff;
}
.tpl-bg-page-11
{
    background:linear-gradient(to right, #FFBC5D, #F25771)!important;
}
.tpl-text-11, .tpl-text-11:hover, .tpl-text-11:focus {
    color: #FFBC5D;
}

.tpl-outline-11, .tpl-outline-11:hover, .tpl-outline-11:focus {
    border: 1px solid #FFBC5D;
    background: #fff;
}

.tpl-bg-12, .tpl-bg-12:hover, .tpl-bg-12:focus {
    background: linear-gradient(to right, #E584FF, #9E77FF);
    color: #fff;
}

.tpl-text-12, .tpl-text-12:hover, .tpl-text-12:focus {
    color: #E584FF;
}

.tpl-outline-12, .tpl-outline-12:hover, .tpl-outline-12:focus {
    border: 1px solid #E584FF;
    background: #fff;
}

.tpl-bg-13, .tpl-bg-13:hover, .tpl-bg-13:focus {
    background: linear-gradient(to right, #77A6FF, #9784FF);
    color: #fff;
}

.tpl-text-13, .tpl-text-13:hover, .tpl-text-13:focus {
    color: #77A6FF;
}

.tpl-outline-13, .tpl-outline-13:hover, .tpl-outline-13:focus {
    border: 1px solid #77A6FF;
    background: #fff;
}

.tpl-bg-14, .tpl-bg-14:hover, .tpl-bg-14:focus {
    background: linear-gradient(to right, #4FACFE, #1CE6E6);
    color: #fff;
}

.tpl-text-14, .tpl-text-14:hover, .tpl-text-14:focus {
    color: #41BCF7;
}

.tpl-outline-14, .tpl-outline-14:hover, .tpl-outline-14:focus {
    border: 1px solid #41BCF7;
    background: #fff;
}

.tpl-bg-15, .tpl-bg-15:hover, .tpl-bg-15:focus {
    background: linear-gradient(to right, #33C7FF, #4391F5);
    color: #fff;
}

.tpl-text-15, .tpl-text-15:hover, .tpl-text-15:focus {
    color: #33C7FF;
}

.tpl-outline-15, .tpl-outline-15:hover, .tpl-outline-15:focus {
    border: 1px solid #33C7FF;
    background: #fff;
}

.tpl-bg-16, .tpl-bg-16:hover, .tpl-bg-16:focus {
    background: linear-gradient(to right, #CF9BFF, #5BB8FF);
    color: #fff;
}

.tpl-text-16, .tpl-text-16:hover, .tpl-text-16:focus {
    color: #B0A3FF;
}

.tpl-outline-16, .tpl-outline-16:hover, .tpl-outline-16:focus {
    border: 1px solid #B0A3FF;
    background: #fff;
}

.tpl-bg-17, .tpl-bg-17:hover, .tpl-bg-17:focus {
    background: linear-gradient(to right, #F093FB, #F5576C);
    color: #fff;
}

.tpl-text-17, .tpl-text-17:hover, .tpl-text-17:focus {
    color: #F183D4;
}

.tpl-outline-17, .tpl-outline-17:hover, .tpl-outline-17:focus {
    border: 1px solid #F183D4;
    background: #fff;
}

.tpl-bg-101, .tpl-bg-101:hover, .tpl-bg-101:focus {
    background: #000;
    color: #fff;
}

.tpl-text-101, .tpl-text-101:hover, .tpl-text-101:focus {
    color: #000;
}

.tpl-outline-101, .tpl-outline-101:hover, .tpl-outline-101:focus {
    border: 1px solid #000;
    background: #fff;
}

.tpl-bg-102, .tpl-bg-102:hover, .tpl-bg-102:focus {
    background: #f2f2f2;
    color: #666;
}

.tpl-text-102, .tpl-text-102:hover, .tpl-text-102:focus {
    color: #666;
}

.tpl-outline-102, .tpl-outline-102:hover, .tpl-outline-102:focus {
    border: 1px solid #f2f2f2;
    background: #fff;
}