/* solid colors */


.clr-1 { color: #0064e5!important; }
.clr-2 { color: #FF5C00!important; }
.clr-3 { color: #FFC100!important; }
.clr-4 { color: #45479C!important; }

.clr-5 { color: #6B3C8F!important; }
.clr-6 { color: #F37A7A!important; }
.clr-7 { color: #05EBDD!important; }
.clr-8 { color: #8BD279!important; }

.clr-light-1 { color: #b9c3f0!important; }
.clr-light-2 { color: #fac681!important; }
.clr-light-3 { color: #9ee4ed!important; }
.clr-light-4 { color: #feb0c4!important; }

.clr-dark-1 { color: #474873!important; }
.clr-dark-2 { color: #81553D!important; }
.clr-dark-3 { color: #3F6C6C!important; }
.clr-dark-4 { color: #884E4E!important; }

.bgd-1 { background-color: #09a8ba; }
.bgd-2 { background-color: #F37A7A; }
.bgd-3 { background-color: #6b8dd2; }
.bgd-4 { background-color: #c6ac8c; }

.bgd-5 { background-color: #83cb5e; }
.bgd-6 { background-color: #5aa4f3; }
.bgd-7 { background-color: #c47183; }
.bgd-8 { background-color: #0064e5; }

.bgd-light-1 { background-color: #76efdf; }
.bgd-light-2 { background-color: #8aff7c; }
.bgd-light-3 { background-color: #fff431; }
.bgd-light-4 { background-color: #e4b2fe; }

.bgd-pastel-1 { background-color: #e4ffea; }
.bgd-pastel-2 { background-color: #fef4e4; }
.bgd-pastel-3 { background-color: #eafff1; }
.bgd-pastel-4 { background-color: #fff6f2; }
.bgd-pastel-5 { background-color: #e0f1ff; }

.bgd-dark-1 { background-color: #474873; }
.bgd-dark-2 { background-color: #81553D; }
.bgd-dark-3 { background-color: #3F6C6C; }
.bgd-dark-4 { background-color: #884E4E; }

.brd-theme-light-1 { border: 1px solid #ebebeb; }
.brd-theme-light-2 { border: 1px solid #cce7ed; }
.brd-theme-light-3 { border: 1px solid #bbe2d6; }
.brd-theme-light-4 { border: 1px solid #94ec9f; }
.brd-theme-light-5 { border: 1px solid #f4c3bc; }
.brd-theme-light-6 { border: 1px solid #90e3f3; }
.brd-theme-light-7 { border: 1px solid #e7b9d7; }
.brd-theme-light-8 { border: 1px solid #afbce0; }
.brd-theme-light-9 { border: 1px solid #4d6f94; }

.bgd-light-pastel-1 { background-color: #fff1fa; }
.bgd-light-pastel-2 { background-color: #faf4ff; }
.bgd-light-pastel-3 { background-color: #ecf0ff; }
.bgd-light-pastel-4 { background-color: #e4f5ff; }
.bgd-light-pastel-5 { background-color: #dffaff; }
.bgd-light-pastel-6 { background-color: #dbfaff; }
.bgd-light-pastel-7 { background-color: #e7f7e9; }
.bgd-light-pastel-8 { background-color: #e1faf2; }
.bgd-light-pastel-9 { background-color: #e6f7e5; }
.bgd-light-pastel-10 { background-color: #f0f7e4; }
.bgd-light-pastel-11 { background-color: #faf5e5; }
.bgd-light-pastel-12 { background-color: #faf0f0; }
.bgd-light-pastel-13 { background-color: #fbefe8; }
.bgd-light-pastel-14 { background-color: #ffeef5; }

.bgd-xlight-pastel-1 { background-color: #fff9fc; }
.bgd-xlight-pastel-2 { background-color: #fffffb; }
.bgd-xlight-pastel-3 { background-color: #f3faff; }
.bgd-xlight-pastel-4 { background-color: #f3fffd; }
.bgd-xlight-pastel-5 { background-color: #f4fdff; }
.bgd-xlight-pastel-6 { background-color: #e6fdff; }
.bgd-xlight-pastel-7 { background-color: #e7f7e9; }
.bgd-xlight-pastel-8 { background-color: #e1faf2; }
.bgd-xlight-pastel-9 { background-color: #e6f7e5; }
.bgd-xlight-pastel-10 { background-color: #f0f7e4; }
.bgd-xlight-pastel-11 { background-color: #faf5e5; }
.bgd-xlight-pastel-12 { background-color: #faf0f0; }
.bgd-xlight-pastel-13 { background-color: #fbefe8; }
.bgd-xlight-pastel-14 { background-color: #ffeef5; }


.bgd-page-opt-az {
    background: -moz-linear-gradient(top, rgba(253,252,246,1) 0%, rgba(253,252,246,0.01) 99%, rgba(253,252,246,0) 100%);
    background: -webkit-linear-gradient(top, rgba(253,252,246,1) 0%,rgba(253,252,246,0.01) 99%,rgba(253,252,246,0) 100%);
    background: linear-gradient(to bottom, rgba(253,252,246,1) 0%,rgba(253,252,246,0.01) 99%,rgba(253,252,246,0) 100%);
}

.bgd-page-opt-za {
    background: -moz-linear-gradient(top, rgba(253,252,246,0) 0%, rgba(253,252,246,0.01) 1%, rgba(253,252,246,1) 100%);
    background: -webkit-linear-gradient(top, rgba(253,252,246,0) 0%,rgba(253,252,246,0.01) 1%,rgba(253,252,246,1) 100%);
    background: linear-gradient(to bottom, rgba(253,252,246,0) 0%,rgba(253,252,246,0.01) 1%,rgba(253,252,246,1) 100%);
}

/* links */

a.lnk:not(.btn) {
    color: #0061ff;
    text-decoration: none;
}

a.lnk:not(.btn):hover, a.lnk:not(.btn):visited, a.lnk:not(.btn):active  {
    color: #0051d9;
    text-decoration: none;
}

/* clr-white > links */

.bgd-deep a.lnk:not(.btn):not(.clr-white) {
    color: #f7c2b3 !important;
    text-decoration: none;
}

.bgd-deep a.lnk:not(.btn):hover, .bgd-deep a.lnk:not(.btn):active  {
    color: #ffefdf !important;
    text-decoration: none;
}

.bgd-deep a.lnk.clr-white:not(.btn) {
    color: #fff;
    text-decoration: none;
}

.bgd-deep a.lnk.clr-white:not(.btn):hover, .bgd-deep a.lnk.clr-white:not(.btn):visited,.bgd-deep a.lnk.clr-white:not(.btn):active  {
    color: #fff;
    text-decoration: none;
}

/* btns */

.bgd-deep a.lnk.btn.btn-outline-success
{
    color: #00d0ff;
    text-decoration: none;
    border-color: #00fbca;
}

.bgd-deep a.lnk.btn.btn-outline-success:hover,
.bgd-deep a.lnk.btn.btn-outline-success:visited,
.bgd-deep a.lnk.btn.btn-outline-success:active
{
    text-decoration: none;
    background-color: #00d0ff;
}

.bgd-deep a.lnk.btn.btn-outline-success:hover
{
    color: #237075;
}

.bgd-deep a.lnk.btn.btn-success
{
    color: #237075;
    text-decoration: none;
    background-color: #00fbca;
    border-color: #00fbca;
}

.bgd-deep a.lnk.btn.btn-success:hover,
.bgd-deep a.lnk.btn.btn-success:visited,
.bgd-deep a.lnk.btn.btn-success:active
{
    color: #237075;
    text-decoration: none;
    background-color: #00dfaf;
    border-color: #00dfaf;
}

.btn.btn-light.btn-yellow {
    background-color: #ffff00;
    border: 1px solid #ffff00!important;
}

.btn.btn-light.btn-yellow:hover {
    background-color: #ffcf39;
    border: 1px solid #ffcf39!important;
}

.shadow-bgd-1 {
    -webkit-box-shadow: 15px 15px 0px 0px rgba(26, 0, 255, 1);
    -moz-box-shadow: 15px 15px 0px 0px rgba(26, 0, 255, 1);
    box-shadow: 15px 15px 0px 0px rgba(26, 0, 255, 1);
}

.shadow-bgd-1-2 {
    box-shadow: 15px 15px 0px 0px rgb(2, 255, 208), -10px -10px 0px 0px rgb(227, 173, 255);
}

.shadow-bgd-3-4 {
    box-shadow: 15px 15px 0px 0px rgb(88, 248, 255), -10px -10px 0px 0px rgb(103, 144, 255);
}

.shadow-bgd-2 {
    -webkit-box-shadow: 15px 15px 0px 0px rgba(255, 124, 0, 1);
    -moz-box-shadow: 15px 15px 0px 0px rgba(255, 124, 0, 1);
    box-shadow: 15px 15px 0px 0px rgba(255, 124, 0, 1);
}

.shadow-pastel-1 {
    -webkit-box-shadow: 15px 15px 0px 0px rgb(205, 255, 250);
    -moz-box-shadow: 15px 15px 0px 0px rgb(205, 255, 250);
    box-shadow: 15px 15px 0px 0px rgb(205, 255, 250);
}

.shadow-pastel-2 {
    -webkit-box-shadow: 15px 15px 0px 0px rgb(255, 246, 237);
    -moz-box-shadow: 15px 15px 0px 0px rgb(255, 246, 237);
    box-shadow: 15px 15px 0px 0px rgb(255, 246, 237);
}

.shadow-pastel-3 {
    -webkit-box-shadow: 15px 15px 0px 0px rgb(224, 244, 236);
    -moz-box-shadow: 15px 15px 0px 0px rgb(224, 244, 236);
    box-shadow: 15px 15px 0px 0px rgb(224, 244, 236);
}

.shadow-gray-1 {
    -webkit-box-shadow: 15px 15px 0px 0px rgb(244, 244, 244);
    -moz-box-shadow: 15px 15px 0px 0px rgb(244, 244, 244);
    box-shadow: 15px 15px 0px 0px rgb(244, 244, 244);
}

.shadow-gray-2 {
    -webkit-box-shadow: 15px 15px 0px 0px rgb(240, 240, 240);
    -moz-box-shadow: 15px 15px 0px 0px rgb(240, 240, 240);
    box-shadow: 15px 15px 0px 0px rgb(240, 240, 240);
}

.bodrer-gray-10 {
    border: 10px solid rgb(251, 251, 251);
}

.bodrer-gray-10:hover {
    border: 10px solid rgb(255, 240, 224);
}