.border-primary {
    border-color: #7460ee !important;
}

.border-secondary {
    border-color: #e4e7ea !important;
}

.border-success {
    border-color: #26c6da !important;
}

.border-info {
    border-color: #1e88e5 !important;
}

.border-warning {
    border-color: #ffb22b !important;
}

.border-danger {
    border-color: #fc4b6c !important;
}

.border-pink {
    border-color: #FC3468 !important;
}

.border-purple {
    border-color: #7c277d !important;
}
.btn-black {
    background: #333;
    color: #fff;
}
.btn-green {
    background: var(--request-green);
    color: #fff;
}
.border-brown {
    border-color: #8d6658 !important;
}

.border-cyan {
    border-color: #57c7d4 !important;
}

.border-yellow {
    border-color: #fcc525 !important;
}

.border-gray {
    border-color: #868e96 !important;
}

.border-dark {
    border-color: #465161 !important;
}

.border-transparent {
    border-color: transparent !important;
}

.border-white {
    border-color: #fff !important;
}

.border-light {
    border-color: #f1f2f3 !important;
}

.border-fade {
    border-color: rgba(97, 106, 120, 0.07) !important;
}

.bg-primary {
    background-color: #7460ee !important;
    color: #fff;
}
.bg-light-blue {
    background-color: #ADD8E6 !important;
    color: #fff;
}
.bg-secondary {
    background-color: #e4e7ea !important;
    color: #fff;
}

.bg-success {
    background-color: #26c6da !important;
    color: #fff;
}

.bg-info {
    background-color: #1e88e5 !important;
    color: #fff;
}

.bg-warning {
    background-color: #ffb22b !important;
    color: #fff;
}

.bg-danger {
    background-color: #fc4b6c !important;
    color: #fff;
}

.bg-pink {
    background-color: #FC3468 !important;
    color: #fff;
}

.bg-purple {
    background-color: #7c277d !important;
    color: #fff;
}

.bg-brown {
    background-color: #8d6658 !important;
    color: #fff;
}

.bg-cyan {
    background-color: #57c7d4 !important;
    color: #fff;
}

.bg-yellow {
    background-color: #fcc525 !important;
    color: #fff;
}

.bg-gray {
    background-color: #868e96 !important;
    color: #fff;
}

.bg-dark {
    background-color: #465161 !important;
    color: #fff;
}

.bg-white {
    background-color: #fff !important;
}

.bg-inverse {
    background-color: #465161 !important;
    color: #fff;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-green {
    background-color: #06D73E;
    color: #fff;
}

.bg-secondary {
    color: #616a78;
}

.bg-lightest {
    background-color: #fcfdfe !important;
}

.bg-lighter {
    background-color: #f9fafb !important;
}

.bg-light {
    background-color: #f5f6f7 !important;
}

.bg-pale-primary {
    background-color: #dcfcfa !important;
}

.bg-pale-secondary {
    background-color: #f7fafc !important;
}

.bg-pale-success {
    background-color: #e3fcf2 !important;
}

.bg-pale-info {
    background-color: #e3f3fc !important;
}

.bg-pale-warning {
    background-color: #fcf0e3 !important;
}

.bg-pale-danger {
    background-color: #fce3e3 !important;
}

.bg-pale-pink {
    background-color: #fce3ec !important;
}

.bg-pale-purple {
    background-color: #ece3fc !important;
}

.bg-pale-brown {
    background-color: #eddcd5 !important;
}

.bg-pale-cyan {
    background-color: #e3fafc !important;
}

.bg-pale-yellow {
    background-color: #fcf8e3 !important;
}

.bg-pale-gray {
    background-color: #f2f2f2 !important;
}

.bg-pale-dark {
    background-color: #c8c8c8 !important;
}

.box-solid .box-body {
    background-color: #ffffff !important;
    color: #67757c;
}

.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-primary {
    color: #7460ee !important;
}

.text-secondary {
    color: #e4e7ea !important;
}

.text-success {
    color: #26c6da !important;
}

.text-info {
    color: #1e88e5 !important;
}

.text-warning {
    color: #ffb22b !important;
}

.text-danger {
    color: #fc4b6c !important;
}

.text-pink {
    color: #FC3468 !important;
}

.text-purple {
    color: #7c277d !important;
}

.text-brown {
    color: #8d6658 !important;
}

.text-cyan {
    color: #57c7d4 !important;
}

.text-yellow {
    color: #fcc525 !important;
}

.text-gray {
    color: #868e96 !important;
}

.text-dark {
    color: #465161 !important;
}

.text-facebook {
    color: #3b5998 !important;
}

.text-google {
    color: #dd4b39 !important;
}

.text-twitter {
    color: #00aced !important;
}

.text-linkedin {
    color: #007bb6 !important;
}

.text-pinterest {
    color: #cb2027 !important;
}

.text-git {
    color: #666666 !important;
}

.text-tumblr {
    color: #32506d !important;
}

.text-vimeo {
    color: #aad450 !important;
}

.text-youtube {
    color: #bb0000 !important;
}

.text-flickr {
    color: #ff0084 !important;
}

.text-reddit {
    color: #ff4500 !important;
}

.text-dribbble {
    color: #ea4c89 !important;
}

.text-skype {
    color: #00aff0 !important;
}

.text-instagram {
    color: #517fa4 !important;
}

.text-lastfm {
    color: #c3000d !important;
}

.text-behance {
    color: #1769ff !important;
}

.text-rss {
    color: #f26522 !important;
}

.text-default {
    color: #616a78 !important;
}

.text-muted {
    color: #868e96 !important;
}

.text-light {
    color: #788394 !important;
}

.text-lighter {
    color: #a5b3c7 !important;
}

.text-fade {
    color: rgba(97, 106, 120, 0.7) !important;
}

.text-fader {
    color: rgba(97, 106, 120, 0.5) !important;
}

.text-fadest {
    color: rgba(97, 106, 120, 0.4) !important;
}

.text-transparent {
    color: transparent !important;
}

.hover-primary:hover,
.hover-primary:focus {
    color: #7460ee !important;
}

.hover-secondary:hover,
.hover-secondary:focus {
    color: #e4e7ea !important;
}

.hover-success:hover,
.hover-success:focus {
    color: #26c6da !important;
}

.hover-info:hover,
.hover-info:focus {
    color: #1e88e5 !important;
}

.hover-warning:hover,
.hover-warning:focus {
    color: #ffb22b !important;
}

.hover-danger:hover,
.hover-danger:focus {
    color: #fc4b6c !important;
}

.hover-pink:hover,
.hover-pink:focus {
    color: #FC3468 !important;
}

.hover-purple:hover,
.hover-purple:focus {
    color: #7c277d !important;
}

.hover-brown:hover,
.hover-brown:focus {
    color: #8d6658 !important;
}

.hover-cyan:hover,
.hover-cyan:focus {
    color: #57c7d4 !important;
}

.hover-yellow:hover,
.hover-yellow:focus {
    color: #fcc525 !important;
}

.hover-gray:hover,
.hover-gray:focus {
    color: #868e96 !important;
}

.hover-dark:hover,
.hover-dark:focus {
    color: #465161 !important;
}

.hover-facebook:hover,
.hover-facebook:focus {
    color: #3b5998 !important;
}

.hover-google:hover,
.hover-google:focus {
    color: #dd4b39 !important;
}

.hover-twitter:hover,
.hover-twitter:focus {
    color: #00aced !important;
}

.hover-linkedin:hover,
.hover-linkedin:focus {
    color: #007bb6 !important;
}

.hover-pinterest:hover,
.hover-pinterest:focus {
    color: #cb2027 !important;
}

.hover-git:hover,
.hover-git:focus {
    color: #666666 !important;
}

.hover-tumblr:hover,
.hover-tumblr:focus {
    color: #32506d !important;
}

.hover-vimeo:hover,
.hover-vimeo:focus {
    color: #aad450 !important;
}

.hover-youtube:hover,
.hover-youtube:focus {
    color: #bb0000 !important;
}

.hover-flickr:hover,
.hover-flickr:focus {
    color: #ff0084 !important;
}

.hover-reddit:hover,
.hover-reddit:focus {
    color: #ff4500 !important;
}

.hover-dribbble:hover,
.hover-dribbble:focus {
    color: #ea4c89 !important;
}

.hover-skype:hover,
.hover-skype:focus {
    color: #00aff0 !important;
}

.hover-instagram:hover,
.hover-instagram:focus {
    color: #517fa4 !important;
}

.hover-lastfm:hover,
.hover-lastfm:focus {
    color: #c3000d !important;
}

.hover-behance:hover,
.hover-behance:focus {
    color: #1769ff !important;
}

.hover-rss:hover,
.hover-rss:focus {
    color: #f26522 !important;
}

.hover-white:hover,
.hover-white:focus {
    color: #fff !important;
}

.hover-muted:hover,
.hover-muted:focus {
    color: #868e96 !important;
}

.hover-light:hover,
.hover-light:focus {
    color: #788394 !important;
}

.hover-lighter:hover,
.hover-lighter:focus {
    color: #a5b3c7 !important;
}

.hover-fade:hover,
.hover-fade:focus {
    color: rgba(97, 106, 120, 0.4) !important;
}

.hover-transparent:hover,
.hover-transparent:focus {
    color: transparent !important;
}

/*Buttons*/

.btn:hover {
    cursor: pointer;
}

.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-bold {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

.btn-group-xs>.btn,
.btn-xs {
    font-size: 11px;
    padding: 2px 8px;
    line-height: 18px;
}

.btn-group-xs>.btn.btn-bold,
.btn-xs.btn-bold {
    font-size: 9px;
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: 12px;
    padding: 4px 12px;
    line-height: 20px;
}

.btn-group-sm>.btn.btn-bold,
.btn-sm.btn-bold {
    font-size: 11px;
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 15px;
    padding: 7px 20px;
    line-height: 32px;
}

.btn-group-lg>.btn.btn-bold,
.btn-lg.btn-bold {
    font-size: 14px;
}

.btn-w-xs {
    width: 85px;
}

.btn-w-sm {
    width: 100px;
}

.btn-w-md {
    width: 120px;
}

.btn-w-lg {
    width: 145px;
}

.btn-w-xl {
    width: 180px;
}

.btn-round {
    border-radius: 10rem;
}

.btn-sq,
.btn-square {
    padding: 5px;
    width: 36px;
    height: 36px;
}

.btn-sq.btn-lg,
.btn-square.btn-lg {
    width: 48px;
    height: 48px;
}

.btn-sq.btn-sm,
.btn-square.btn-sm {
    width: 29px;
    height: 29px;
}

.btn-sq.btn-xs,
.btn-square.btn-xs {
    width: 24px;
    height: 24px;
}

.btn-primary {
    background-color: #7460ee;
    border-color: #7460ee;
    color: #fff;
}

.btn-primary:hover {
    background-color: #52d3c7;
    border-color: #52d3c7;
    color: #fff;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #7460ee;
    border-color: #7460ee;
    opacity: 0.5;
}

.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    background-color: #2ba99d;
    border-color: #2ba99d;
    color: #fff;
}

.btn-success {
    background-color: #26c6da;
    border-color: #26c6da;
    color: #fff;
}

.btn-success:hover {
    background-color: #16d17f;
    border-color: #16d17f;
    color: #fff;
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #26c6da;
    border-color: #26c6da;
    opacity: 0.5;
}

.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    background-color: #14b56f;
    border-color: #14b56f;
    color: #fff;
}

.btn-info {
    background-color: #1e88e5;
    border-color: #1e88e5;
    color: #fff;
}

.btn-info:hover {
    background-color: #65bdf8;
    border-color: #65bdf8;
    color: #fff;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #1e88e5;
    border-color: #1e88e5;
    opacity: 0.5;
}

.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    background-color: #2ba3f6;
    border-color: #2ba3f6;
    color: #fff;
}

.btn-warning {
    background-color: #ffb22b;
    border-color: #ffb22b;
    color: #fff;
}

.btn-warning:hover {
    background-color: #fbb264;
    border-color: #fbb264;
    color: #fff;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffb22b;
    border-color: #ffb22b;
    opacity: 0.5;
}

.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    background-color: #f99a32;
    border-color: #f99a32;
    color: #fff;
}

.btn-danger {
    background-color: #fc4b6c;
    border-color: #fc4b6c;
    color: #fff;
}

.btn-danger:hover {
    background-color: #fa8181;
    border-color: #fa8181;
    color: #fff;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #fc4b6c;
    border-color: #fc4b6c;
    opacity: 0.5;
}

.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    background-color: #f84f4f;
    border-color: #f84f4f;
    color: #fff;
}

.btn-secondary {
    color: #616a78 !important;
    background-color: #e4e7ea;
    border-color: #e4e7ea;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #edeff1;
    border-color: #edeff1;
    color: #fff;
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #e4e7ea;
    border-color: #e4e7ea;
    opacity: 0.5;
}

.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #dbdfe3;
    border-color: #dbdfe3;
    color: #fff;
}

.btn-link {
    color: #1e88e5;
    font-weight: 500;
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
    color: #e4e7ea;
}

.btn-light {
    background-color: #fcfdfe;
    border-color: #ebebeb;
    color: #929daf;
}

.btn-light:hover,
.btn-light:focus {
    background-color: #f9fafb;
    color: #616a78;
}

.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    background-color: #f9fafb;
    color: #616a78;
}

.btn-purple {
    background-color: #7c277d;
    border-color: #7c277d;
    color: #fff;
}

.btn-purple:hover {
    background-color: #a282e3;
    border-color: #a282e3;
    color: #fff;
}

.btn-purple:focus,
.btn-purple.focus {
    color: #fff;
}

.btn-purple.disabled,
.btn-purple:disabled {
    background-color: #7c277d;
    border-color: #7c277d;
    opacity: 0.5;
}

.btn-purple:active,
.btn-purple.active,
.show>.btn-purple.dropdown-toggle {
    background-color: #8258d9;
    border-color: #8258d9;
    color: #fff;
}

.btn-pink {
    background-color: #FC3468;
    border-color: #FC3468;
    color: #fff;
}

.btn-pink:hover {
    background-color: #fa75a4;
    border-color: #fa75a4;
    color: #fff;
}

.btn-pink:focus,
.btn-pink.focus {
    color: #fff;
}

.btn-pink.disabled,
.btn-pink:disabled {
    background-color: #FC3468;
    border-color: #FC3468;
    opacity: 0.5;
}

.btn-pink:active,
.btn-pink.active,
.show>.btn-pink.dropdown-toggle {
    background-color: #f84d8a;
    border-color: #f84d8a;
    color: #fff;
}

.btn-cyan {
    background-color: #57c7d4;
    border-color: #57c7d4;
    color: #fff;
}

.btn-cyan:hover {
    background-color: #77d2dc;
    border-color: #77d2dc;
    color: #fff;
}

.btn-cyan:focus,
.btn-cyan.focus {
    color: #fff;
}

.btn-cyan.disabled,
.btn-cyan:disabled {
    background-color: #57c7d4;
    border-color: #57c7d4;
    opacity: 0.5;
}

.btn-cyan:active,
.btn-cyan.active,
.show>.btn-cyan.dropdown-toggle {
    background-color: #37bccc;
    border-color: #37bccc;
    color: #fff;
}

.btn-yellow {
    background-color: #fcc525;
    border-color: #fcc525;
    color: #fff;
}

.btn-yellow:hover {
    background-color: #fdd04d;
    border-color: #fdd04d;
    color: #fff;
}

.btn-yellow:focus,
.btn-yellow.focus {
    color: #fff;
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    background-color: #fcc525;
    border-color: #fcc525;
    opacity: 0.5;
}

.btn-yellow:active,
.btn-yellow.active,
.show>.btn-yellow.dropdown-toggle {
    background-color: #f5b703;
    border-color: #f5b703;
    color: #fff;
}

.btn-brown {
    background-color: #8d6658;
    border-color: #8d6658;
    color: #fff;
}

.btn-brown:hover {
    background-color: #9d7162;
    border-color: #9d7162;
    color: #fff;
}

.btn-brown:focus,
.btn-brown.focus {
    color: #fff;
}

.btn-brown.disabled,
.btn-brown:disabled {
    background-color: #8d6658;
    border-color: #8d6658;
    opacity: 0.5;
}

.btn-brown:active,
.btn-brown.active,
.show>.btn-brown.dropdown-toggle {
    background-color: #7d5b4e;
    border-color: #7d5b4e;
    color: #fff;
}

.btn-dark {
    background-color: #465161;
    border-color: #465161;
    color: #fff;
}

.btn-dark:hover {
    background-color: #515d70;
    border-color: #515d70;
    color: #fff;
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #465161;
    border-color: #465161;
    opacity: 0.5;
}

.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    background-color: #3b4552;
    border-color: #3b4552;
    color: #fff;
}

.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

.btn-facebook:hover {
    background-color: #466ab5;
    border-color: #466ab5;
    color: #fff;
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    background-color: #3b5998;
    border-color: #3b5998;
    opacity: 0.5;
}

.btn-facebook:active,
.btn-facebook.active,
.show>.btn-facebook.dropdown-toggle {
    background-color: #30487b;
    border-color: #30487b;
    color: #fff;
}

.btn-google {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

.btn-google:hover {
    background-color: #e36b5c;
    border-color: #e36b5c;
    color: #fff;
}

.btn-google:focus,
.btn-google.focus {
    color: #fff;
}

.btn-google.disabled,
.btn-google:disabled {
    background-color: #dd4b39;
    border-color: #dd4b39;
    opacity: 0.5;
}

.btn-google:active,
.btn-google.active,
.show>.btn-google.dropdown-toggle {
    background-color: #ca3523;
    border-color: #ca3523;
    color: #fff;
}

.btn-twitter {
    background-color: #00aced;
    border-color: #00aced;
    color: #fff;
}

.btn-twitter:hover {
    background-color: #17bfff;
    border-color: #17bfff;
    color: #fff;
}

.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    background-color: #00aced;
    border-color: #00aced;
    opacity: 0.5;
}

.btn-twitter:active,
.btn-twitter.active,
.show>.btn-twitter.dropdown-toggle {
    background-color: #008ec4;
    border-color: #008ec4;
    color: #fff;
}

.btn-linkedin {
    background-color: #007bb6;
    border-color: #007bb6;
    color: #fff;
}

.btn-linkedin:hover {
    background-color: #0097df;
    border-color: #0097df;
    color: #fff;
}

.btn-linkedin:focus,
.btn-linkedin.focus {
    color: #fff;
}

.btn-linkedin.disabled,
.btn-linkedin:disabled {
    background-color: #007bb6;
    border-color: #007bb6;
    opacity: 0.5;
}

.btn-linkedin:active,
.btn-linkedin.active,
.show>.btn-linkedin.dropdown-toggle {
    background-color: #005f8d;
    border-color: #005f8d;
    color: #fff;
}

.btn-pinterest {
    background-color: #cb2027;
    border-color: #cb2027;
    color: #fff;
}

.btn-pinterest:hover {
    background-color: #df353c;
    border-color: #df353c;
    color: #fff;
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    color: #fff;
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    background-color: #cb2027;
    border-color: #cb2027;
    opacity: 0.5;
}

.btn-pinterest:active,
.btn-pinterest.active,
.show>.btn-pinterest.dropdown-toggle {
    background-color: #a81a20;
    border-color: #a81a20;
    color: #fff;
}

.btn-git {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
}

.btn-git:hover {
    background-color: #7a7a7a;
    border-color: #7a7a7a;
    color: #fff;
}

.btn-git:focus,
.btn-git.focus {
    color: #fff;
}

.btn-git.disabled,
.btn-git:disabled {
    background-color: #666666;
    border-color: #666666;
    opacity: 0.5;
}

.btn-git:active,
.btn-git.active,
.show>.btn-git.dropdown-toggle {
    background-color: #525252;
    border-color: #525252;
    color: #fff;
}

.btn-tumblr {
    background-color: #32506d;
    border-color: #32506d;
    color: #fff;
}

.btn-tumblr:hover {
    background-color: #3f6589;
    border-color: #3f6589;
    color: #fff;
}

.btn-tumblr:focus,
.btn-tumblr.focus {
    color: #fff;
}

.btn-tumblr.disabled,
.btn-tumblr:disabled {
    background-color: #32506d;
    border-color: #32506d;
    opacity: 0.5;
}

.btn-tumblr:active,
.btn-tumblr.active,
.show>.btn-tumblr.dropdown-toggle {
    background-color: #253b51;
    border-color: #253b51;
    color: #fff;
}

.btn-vimeo {
    background-color: #aad450;
    border-color: #aad450;
    color: #fff;
}

.btn-vimeo:hover {
    background-color: #badc71;
    border-color: #badc71;
    color: #fff;
}

.btn-vimeo:focus,
.btn-vimeo.focus {
    color: #fff;
}

.btn-vimeo.disabled,
.btn-vimeo:disabled {
    background-color: #aad450;
    border-color: #aad450;
    opacity: 0.5;
}

.btn-vimeo:active,
.btn-vimeo.active,
.show>.btn-vimeo.dropdown-toggle {
    background-color: #99ca32;
    border-color: #99ca32;
    color: #fff;
}

.btn-youtube {
    background-color: #bb0000;
    border-color: #bb0000;
    color: #fff;
}

.btn-youtube:hover {
    background-color: #e40000;
    border-color: #e40000;
    color: #fff;
}

.btn-youtube:focus,
.btn-youtube.focus {
    color: #fff;
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    background-color: #bb0000;
    border-color: #bb0000;
    opacity: 0.5;
}

.btn-youtube:active,
.btn-youtube.active,
.show>.btn-youtube.dropdown-toggle {
    background-color: #920000;
    border-color: #920000;
    color: #fff;
}

.btn-flickr {
    background-color: #ff0084;
    border-color: #ff0084;
    color: #fff;
}

.btn-flickr:hover {
    background-color: #ff2998;
    border-color: #ff2998;
    color: #fff;
}

.btn-flickr:focus,
.btn-flickr.focus {
    color: #fff;
}

.btn-flickr.disabled,
.btn-flickr:disabled {
    background-color: #ff0084;
    border-color: #ff0084;
    opacity: 0.5;
}

.btn-flickr:active,
.btn-flickr.active,
.show>.btn-flickr.dropdown-toggle {
    background-color: #d6006f;
    border-color: #d6006f;
    color: #fff;
}

.btn-reddit {
    background-color: #ff4500;
    border-color: #ff4500;
    color: #fff;
}

.btn-reddit:hover {
    background-color: #ff6329;
    border-color: #ff6329;
    color: #fff;
}

.btn-reddit:focus,
.btn-reddit.focus {
    color: #fff;
}

.btn-reddit.disabled,
.btn-reddit:disabled {
    background-color: #ff4500;
    border-color: #ff4500;
    opacity: 0.5;
}

.btn-reddit:active,
.btn-reddit.active,
.show>.btn-reddit.dropdown-toggle {
    background-color: #d63a00;
    border-color: #d63a00;
    color: #fff;
}

.btn-dribbble {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}

.btn-dribbble:hover {
    background-color: #ee71a1;
    border-color: #ee71a1;
    color: #fff;
}

.btn-dribbble:focus,
.btn-dribbble.focus {
    color: #fff;
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    background-color: #ea4c89;
    border-color: #ea4c89;
    opacity: 0.5;
}

.btn-dribbble:active,
.btn-dribbble.active,
.show>.btn-dribbble.dropdown-toggle {
    background-color: #e62771;
    border-color: #e62771;
    color: #fff;
}

.btn-skype {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff;
}

.btn-skype:hover {
    background-color: #1ac1ff;
    border-color: #1ac1ff;
    color: #fff;
}

.btn-skype:focus,
.btn-skype.focus {
    color: #fff;
}

.btn-skype.disabled,
.btn-skype:disabled {
    background-color: #00aff0;
    border-color: #00aff0;
    opacity: 0.5;
}

.btn-skype:active,
.btn-skype.active,
.show>.btn-skype.dropdown-toggle {
    background-color: #0091c7;
    border-color: #0091c7;
    color: #fff;
}

.btn-instagram {
    background-color: #517fa4;
    border-color: #517fa4;
    color: #fff;
}

.btn-instagram:hover {
    background-color: #6993b5;
    border-color: #6993b5;
    color: #fff;
}

.btn-instagram:focus,
.btn-instagram.focus {
    color: #fff;
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    background-color: #517fa4;
    border-color: #517fa4;
    opacity: 0.5;
}

.btn-instagram:active,
.btn-instagram.active,
.show>.btn-instagram.dropdown-toggle {
    background-color: #446a89;
    border-color: #446a89;
    color: #fff;
}

.btn-lastfm {
    background-color: #c3000d;
    border-color: #c3000d;
    color: #fff;
}

.btn-lastfm:hover {
    background-color: #ec0010;
    border-color: #ec0010;
    color: #fff;
}

.btn-lastfm:focus,
.btn-lastfm.focus {
    color: #fff;
}

.btn-lastfm.disabled,
.btn-lastfm:disabled {
    background-color: #c3000d;
    border-color: #c3000d;
    opacity: 0.5;
}

.btn-lastfm:active,
.btn-lastfm.active,
.show>.btn-lastfm.dropdown-toggle {
    background-color: #9a000a;
    border-color: #9a000a;
    color: #fff;
}

.btn-behance {
    background-color: #1769ff;
    border-color: #1769ff;
    color: #fff;
}

.btn-behance:hover {
    background-color: #4083ff;
    border-color: #4083ff;
    color: #fff;
}

.btn-behance:focus,
.btn-behance.focus {
    color: #fff;
}

.btn-behance.disabled,
.btn-behance:disabled {
    background-color: #1769ff;
    border-color: #1769ff;
    opacity: 0.5;
}

.btn-behance:active,
.btn-behance.active,
.show>.btn-behance.dropdown-toggle {
    background-color: #0054ed;
    border-color: #0054ed;
    color: #fff;
}

.btn-rss {
    background-color: #f26522;
    border-color: #f26522;
    color: #fff;
}

.btn-rss:hover {
    background-color: #f48049;
    border-color: #f48049;
    color: #fff;
}

.btn-rss:focus,
.btn-rss.focus {
    color: #fff;
}

.btn-rss.disabled,
.btn-rss:disabled {
    background-color: #f26522;
    border-color: #f26522;
    opacity: 0.5;
}

.btn-rss:active,
.btn-rss.active,
.show>.btn-rss.dropdown-toggle {
    background-color: #de500d;
    border-color: #de500d;
    color: #fff;
}

.btn-primary-outline {
    color: #7460ee;
    background-color: transparent;
    border-color: #7460ee;
}

.btn-primary-outline:hover {
    color: #fff;
    background-color: #7460ee;
    border-color: #7460ee;
}

.btn-primary-outline:active,
.btn-primary-outline.active,
.show>.btn-primary-outline.dropdown-toggle {
    background-color: #2ba99d;
    border-color: #2ba99d;
}

.btn-success-outline {
    color: #26c6da;
    background-color: transparent;
    border-color: #26c6da;
}

.btn-success-outline:hover {
    color: #fff;
    background-color: #26c6da;
    border-color: #26c6da;
}

.btn-success-outline:active,
.btn-success-outline.active,
.show>.btn-success-outline.dropdown-toggle {
    background-color: #12a766;
    border-color: #12a766;
}

.btn-info-outline {
    color: #1e88e5;
    background-color: transparent;
    border-color: #1e88e5;
}

.btn-info-outline:hover {
    color: #fff;
    background-color: #1e88e5;
    border-color: #1e88e5;
}

.btn-info-outline:active,
.btn-info-outline.active,
.show>.btn-info-outline.dropdown-toggle {
    background-color: #2ba3f6;
    border-color: #2ba3f6;
}

.btn-warning-outline {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
}

.btn-warning-outline:hover {
    color: #fff;
    background-color: #ffb22b;
    border-color: #ffb22b;
}

.btn-warning-outline:active,
.btn-warning-outline.active,
.show>.btn-warning-outline.dropdown-toggle {
    background-color: #f99a32;
    border-color: #f99a32;
}

.btn-danger-outline {
    color: #fc4b6c;
    background-color: transparent;
    border-color: #fc4b6c;
}

.btn-danger-outline:hover {
    color: #fff;
    background-color: #fc4b6c;
    border-color: #fc4b6c;
}

.btn-danger-outline:active,
.btn-danger-outline.active,
.show>.btn-danger-outline.dropdown-toggle {
    background-color: #f84f4f;
    border-color: #f84f4f;
}

.btn-secondary-outline {
    color: #e4e7ea;
    background-color: transparent;
    border-color: #e4e7ea;
}

.btn-secondary-outline:hover {
    color: #fff;
    background-color: #e4e7ea;
    border-color: #e4e7ea;
}

.btn-secondary-outline:active,
.btn-secondary-outline.active,
.show>.btn-secondary-outline.dropdown-toggle {
    background-color: #dbdfe3;
    border-color: #dbdfe3;
}

.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline:hover {
    color: #121212;
    background-color: #fff;
}

.btn-outline.btn-primary {
    color: #7460ee;
    background-color: transparent;
    border-color: #7460ee;
}

.btn-outline.btn-primary:hover {
    color: #fff;
    background-color: #7460ee;
    border-color: #7460ee;
}

.btn-outline.btn-primary:active,
.btn-outline.btn-primary.active,
.show>.btn-outline.btn-primary.dropdown-toggle {
    background-color: #2ba99d;
    border-color: #2ba99d;
}

.btn-outline.btn-success {
    color: #26c6da;
    background-color: transparent;
    border-color: #26c6da;
}

.btn-outline.btn-success:hover {
    color: #fff;
    background-color: #26c6da;
    border-color: #26c6da;
}

.btn-outline.btn-success:active,
.btn-outline.btn-success.active,
.show>.btn-outline.btn-success.dropdown-toggle {
    background-color: #12a766;
    border-color: #12a766;
}

.btn-outline.btn-info {
    color: #1e88e5;
    background-color: transparent;
    border-color: #1e88e5;
}

.btn-outline.btn-info:hover {
    color: #fff;
    background-color: #1e88e5;
    border-color: #1e88e5;
}

.btn-outline.btn-info:active,
.btn-outline.btn-info.active,
.show>.btn-outline.btn-info.dropdown-toggle {
    background-color: #2ba3f6;
    border-color: #2ba3f6;
}

.btn-outline.btn-warning {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
}

.btn-outline.btn-warning:hover {
    color: #fff;
    background-color: #ffb22b;
    border-color: #ffb22b;
}

.btn-outline.btn-warning:active,
.btn-outline.btn-warning.active,
.show>.btn-outline.btn-warning.dropdown-toggle {
    background-color: #f99a32;
    border-color: #f99a32;
}

.btn-outline.btn-danger {
    color: #fc4b6c;
    background-color: transparent;
    border-color: #fc4b6c;
}

.btn-outline.btn-danger:hover {
    color: #fff;
    background-color: #fc4b6c;
    border-color: #fc4b6c;
}

.btn-outline.btn-danger:active,
.btn-outline.btn-danger.active,
.show>.btn-outline.btn-danger.dropdown-toggle {
    background-color: #f84f4f;
    border-color: #f84f4f;
}

.btn-outline.btn-secondary {
    color: #e4e7ea;
    background-color: transparent;
    border-color: #e4e7ea;
}

.btn-outline.btn-secondary:hover {
    color: #fff;
    background-color: #e4e7ea;
    border-color: #e4e7ea;
}

.btn-outline.btn-secondary:active,
.btn-outline.btn-secondary.active,
.show>.btn-outline.btn-secondary.dropdown-toggle {
    background-color: #dbdfe3;
    border-color: #dbdfe3;
}

.btn-outline.btn-light {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline.btn-light:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline.btn-light:active,
.btn-outline.btn-light.active,
.show>.btn-outline.btn-light.dropdown-toggle {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.btn-outline.btn-purple {
    color: #7c277d;
    background-color: transparent;
    border-color: #7c277d;
}

.btn-outline.btn-purple:hover {
    color: #fff;
    background-color: #7c277d;
    border-color: #7c277d;
}

.btn-outline.btn-purple:active,
.btn-outline.btn-purple.active,
.show>.btn-outline.btn-purple.dropdown-toggle {
    background-color: #8258d9;
    border-color: #8258d9;
}

.btn-outline.btn-pink {
    color: #FC3468;
    background-color: transparent;
    border-color: #FC3468;
}

.btn-outline.btn-pink:hover {
    color: #fff;
    background-color: #FC3468;
    border-color: #FC3468;
}

.btn-outline.btn-pink:active,
.btn-outline.btn-pink.active,
.show>.btn-outline.btn-pink.dropdown-toggle {
    background-color: #f84d8a;
    border-color: #f84d8a;
}

.btn-outline.btn-cyan {
    color: #57c7d4;
    background-color: transparent;
    border-color: #57c7d4;
}

.btn-outline.btn-cyan:hover {
    color: #fff;
    background-color: #57c7d4;
    border-color: #57c7d4;
}

.btn-outline.btn-cyan:active,
.btn-outline.btn-cyan.active,
.show>.btn-outline.btn-cyan.dropdown-toggle {
    background-color: #37bccc;
    border-color: #37bccc;
}

.btn-outline.btn-yellow {
    color: #fcc525;
    background-color: transparent;
    border-color: #fcc525;
}

.btn-outline.btn-yellow:hover {
    color: #fff;
    background-color: #fcc525;
    border-color: #fcc525;
}

.btn-outline.btn-yellow:active,
.btn-outline.btn-yellow.active,
.show>.btn-outline.btn-yellow.dropdown-toggle {
    background-color: #f5b703;
    border-color: #f5b703;
}

.btn-outline.btn-brown {
    color: #8d6658;
    background-color: transparent;
    border-color: #8d6658;
}

.btn-outline.btn-brown:hover {
    color: #fff;
    background-color: #8d6658;
    border-color: #8d6658;
}

.btn-outline.btn-brown:active,
.btn-outline.btn-brown.active,
.show>.btn-outline.btn-brown.dropdown-toggle {
    background-color: #7d5b4e;
    border-color: #7d5b4e;
}

.btn-outline.btn-dark {
    color: #465161;
    background-color: transparent;
    border-color: #465161;
}

.btn-outline.btn-dark:hover {
    color: #fff;
    background-color: #465161;
    border-color: #465161;
}

.btn-outline.btn-dark:active,
.btn-outline.btn-dark.active,
.show>.btn-outline.btn-dark.dropdown-toggle {
    background-color: #3b4552;
    border-color: #3b4552;
}

.btn-outline.btn-light:hover {
    color: #616a78;
}

.btn-outline.btn-facebook {
    color: #3b5998;
    background-color: transparent;
    border-color: #3b5998;
}

.btn-outline.btn-facebook:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.btn-outline.btn-facebook:active,
.btn-outline.btn-facebook.active,
.show>.btn-outline.btn-facebook.dropdown-toggle {
    background-color: #30487b;
    border-color: #30487b;
}

.btn-outline.btn-google {
    color: #dd4b39;
    background-color: transparent;
    border-color: #dd4b39;
}

.btn-outline.btn-google:hover {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-outline.btn-google:active,
.btn-outline.btn-google.active,
.show>.btn-outline.btn-google.dropdown-toggle {
    background-color: #ca3523;
    border-color: #ca3523;
}

.btn-outline.btn-twitter {
    color: #00aced;
    background-color: transparent;
    border-color: #00aced;
}

.btn-outline.btn-twitter:hover {
    color: #fff;
    background-color: #00aced;
    border-color: #00aced;
}

.btn-outline.btn-twitter:active,
.btn-outline.btn-twitter.active,
.show>.btn-outline.btn-twitter.dropdown-toggle {
    background-color: #008ec4;
    border-color: #008ec4;
}

.btn-outline.btn-linkedin {
    color: #007bb6;
    background-color: transparent;
    border-color: #007bb6;
}

.btn-outline.btn-linkedin:hover {
    color: #fff;
    background-color: #007bb6;
    border-color: #007bb6;
}

.btn-outline.btn-linkedin:active,
.btn-outline.btn-linkedin.active,
.show>.btn-outline.btn-linkedin.dropdown-toggle {
    background-color: #005f8d;
    border-color: #005f8d;
}

.btn-outline.btn-pinterest {
    color: #cb2027;
    background-color: transparent;
    border-color: #cb2027;
}

.btn-outline.btn-pinterest:hover {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
}

.btn-outline.btn-pinterest:active,
.btn-outline.btn-pinterest.active,
.show>.btn-outline.btn-pinterest.dropdown-toggle {
    background-color: #a81a20;
    border-color: #a81a20;
}

.btn-outline.btn-git {
    color: #666666;
    background-color: transparent;
    border-color: #666666;
}

.btn-outline.btn-git:hover {
    color: #fff;
    background-color: #666666;
    border-color: #666666;
}

.btn-outline.btn-git:active,
.btn-outline.btn-git.active,
.show>.btn-outline.btn-git.dropdown-toggle {
    background-color: #525252;
    border-color: #525252;
}

.btn-outline.btn-tumblr {
    color: #32506d;
    background-color: transparent;
    border-color: #32506d;
}

.btn-outline.btn-tumblr:hover {
    color: #fff;
    background-color: #32506d;
    border-color: #32506d;
}

.btn-outline.btn-tumblr:active,
.btn-outline.btn-tumblr.active,
.show>.btn-outline.btn-tumblr.dropdown-toggle {
    background-color: #253b51;
    border-color: #253b51;
}

.btn-outline.btn-vimeo {
    color: #aad450;
    background-color: transparent;
    border-color: #aad450;
}

.btn-outline.btn-vimeo:hover {
    color: #fff;
    background-color: #aad450;
    border-color: #aad450;
}

.btn-outline.btn-vimeo:active,
.btn-outline.btn-vimeo.active,
.show>.btn-outline.btn-vimeo.dropdown-toggle {
    background-color: #99ca32;
    border-color: #99ca32;
}

.btn-outline.btn-youtube {
    color: #bb0000;
    background-color: transparent;
    border-color: #bb0000;
}

.btn-outline.btn-youtube:hover {
    color: #fff;
    background-color: #bb0000;
    border-color: #bb0000;
}

.btn-outline.btn-youtube:active,
.btn-outline.btn-youtube.active,
.show>.btn-outline.btn-youtube.dropdown-toggle {
    background-color: #920000;
    border-color: #920000;
}

.btn-outline.btn-flickr {
    color: #ff0084;
    background-color: transparent;
    border-color: #ff0084;
}

.btn-outline.btn-flickr:hover {
    color: #fff;
    background-color: #ff0084;
    border-color: #ff0084;
}

.btn-outline.btn-flickr:active,
.btn-outline.btn-flickr.active,
.show>.btn-outline.btn-flickr.dropdown-toggle {
    background-color: #d6006f;
    border-color: #d6006f;
}

.btn-outline.btn-reddit {
    color: #ff4500;
    background-color: transparent;
    border-color: #ff4500;
}

.btn-outline.btn-reddit:hover {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

.btn-outline.btn-reddit:active,
.btn-outline.btn-reddit.active,
.show>.btn-outline.btn-reddit.dropdown-toggle {
    background-color: #d63a00;
    border-color: #d63a00;
}

.btn-outline.btn-dribbble {
    color: #ea4c89;
    background-color: transparent;
    border-color: #ea4c89;
}

.btn-outline.btn-dribbble:hover {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-outline.btn-dribbble:active,
.btn-outline.btn-dribbble.active,
.show>.btn-outline.btn-dribbble.dropdown-toggle {
    background-color: #e62771;
    border-color: #e62771;
}

.btn-outline.btn-skype {
    color: #00aff0;
    background-color: transparent;
    border-color: #00aff0;
}

.btn-outline.btn-skype:hover {
    color: #fff;
    background-color: #00aff0;
    border-color: #00aff0;
}

.btn-outline.btn-skype:active,
.btn-outline.btn-skype.active,
.show>.btn-outline.btn-skype.dropdown-toggle {
    background-color: #0091c7;
    border-color: #0091c7;
}

.btn-outline.btn-instagram {
    color: #517fa4;
    background-color: transparent;
    border-color: #517fa4;
}

.btn-outline.btn-instagram:hover {
    color: #fff;
    background-color: #517fa4;
    border-color: #517fa4;
}

.btn-outline.btn-instagram:active,
.btn-outline.btn-instagram.active,
.show>.btn-outline.btn-instagram.dropdown-toggle {
    background-color: #446a89;
    border-color: #446a89;
}

.btn-outline.btn-lastfm {
    color: #c3000d;
    background-color: transparent;
    border-color: #c3000d;
}

.btn-outline.btn-lastfm:hover {
    color: #fff;
    background-color: #c3000d;
    border-color: #c3000d;
}

.btn-outline.btn-lastfm:active,
.btn-outline.btn-lastfm.active,
.show>.btn-outline.btn-lastfm.dropdown-toggle {
    background-color: #9a000a;
    border-color: #9a000a;
}

.btn-outline.btn-behance {
    color: #1769ff;
    background-color: transparent;
    border-color: #1769ff;
}

.btn-outline.btn-behance:hover {
    color: #fff;
    background-color: #1769ff;
    border-color: #1769ff;
}

.btn-outline.btn-behance:active,
.btn-outline.btn-behance.active,
.show>.btn-outline.btn-behance.dropdown-toggle {
    background-color: #0054ed;
    border-color: #0054ed;
}

.btn-outline.btn-rss {
    color: #f26522;
    background-color: transparent;
    border-color: #f26522;
}

.btn-outline.btn-rss:hover {
    color: #fff;
    background-color: #f26522;
    border-color: #f26522;
}

.btn-outline.btn-rss:active,
.btn-outline.btn-rss.active,
.show>.btn-outline.btn-rss.dropdown-toggle {
    background-color: #de500d;
    border-color: #de500d;
}

.btn-label {
    position: relative;
    padding-left: 52px;
    overflow: hidden;
}

.btn-label label {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    line-height: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-bottom: 0;
}

.btn-label.btn-xs {
    padding-left: 32px;
}

.btn-label.btn-xs label {
    width: 24px;
}

.btn-label.btn-sm {
    padding-left: 41px;
}

.btn-label.btn-sm label {
    width: 29px;
}

.btn-label.btn-lg {
    padding-left: 64px;
}

.btn-label.btn-lg label {
    width: 48px;
}

.btn-flat {
    position: relative;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    background-color: #fcfdfe;
    border: none;
    letter-spacing: 1px;
    border-radius: 0;
}

.btn-flat:hover {
    background-color: #f9fafb;
}

.btn-flat svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-flat circle {
    fill: rgba(255, 255, 255, 0.3);
}

.btn-flat.btn-primary {
    color: #7460ee;
}

.btn-flat.btn-primary circle {
    fill: rgba(51, 202, 187, 0.1);
}

.btn-flat.btn-secondary {
    color: #e4e7ea;
}

.btn-flat.btn-secondary circle {
    fill: rgba(228, 231, 234, 0.1);
}

.btn-flat.btn-success {
    color: #26c6da;
}

.btn-flat.btn-success circle {
    fill: rgba(21, 195, 119, 0.1);
}

.btn-flat.btn-info {
    color: #1e88e5;
}

.btn-flat.btn-info circle {
    fill: rgba(72, 176, 247, 0.1);
}

.btn-flat.btn-warning {
    color: #ffb22b;
}

.btn-flat.btn-warning circle {
    fill: rgba(250, 166, 75, 0.1);
}

.btn-flat.btn-danger {
    color: #fc4b6c;
}

.btn-flat.btn-danger circle {
    fill: rgba(249, 104, 104, 0.1);
}

.btn-flat.btn-pink {
    color: #FC3468;
}

.btn-flat.btn-pink circle {
    fill: rgba(249, 97, 151, 0.1);
}

.btn-flat.btn-purple {
    color: #7c277d;
}

.btn-flat.btn-purple circle {
    fill: rgba(146, 109, 222, 0.1);
}

.btn-flat.btn-brown {
    color: #8d6658;
}

.btn-flat.btn-brown circle {
    fill: rgba(141, 102, 88, 0.1);
}

.btn-flat.btn-cyan {
    color: #57c7d4;
}

.btn-flat.btn-cyan circle {
    fill: rgba(87, 199, 212, 0.1);
}

.btn-flat.btn-yellow {
    color: #fcc525;
}

.btn-flat.btn-yellow circle {
    fill: rgba(252, 197, 37, 0.1);
}

.btn-flat.btn-gray {
    color: #868e96;
}

.btn-flat.btn-gray circle {
    fill: rgba(134, 142, 150, 0.1);
}

.btn-flat.btn-dark {
    color: #465161;
}

.btn-flat.btn-dark circle {
    fill: rgba(70, 81, 97, 0.1);
}

.btn-flat.btn-secondary {
    color: #788394;
}

.btn-flat.btn-facebook {
    color: #3b5998;
}

.btn-flat.btn-facebook circle {
    fill: rgba(59, 89, 152, 0.1);
}

.btn-flat.btn-google {
    color: #dd4b39;
}

.btn-flat.btn-google circle {
    fill: rgba(221, 75, 57, 0.1);
}

.btn-flat.btn-twitter {
    color: #00aced;
}

.btn-flat.btn-twitter circle {
    fill: rgba(0, 172, 237, 0.1);
}

.btn-flat.btn-linkedin {
    color: #007bb6;
}

.btn-flat.btn-linkedin circle {
    fill: rgba(0, 123, 182, 0.1);
}

.btn-flat.btn-pinterest {
    color: #cb2027;
}

.btn-flat.btn-pinterest circle {
    fill: rgba(203, 32, 39, 0.1);
}

.btn-flat.btn-git {
    color: #666666;
}

.btn-flat.btn-git circle {
    fill: rgba(102, 102, 102, 0.1);
}

.btn-flat.btn-tumblr {
    color: #32506d;
}

.btn-flat.btn-tumblr circle {
    fill: rgba(50, 80, 109, 0.1);
}

.btn-flat.btn-vimeo {
    color: #aad450;
}

.btn-flat.btn-vimeo circle {
    fill: rgba(170, 212, 80, 0.1);
}

.btn-flat.btn-youtube {
    color: #bb0000;
}

.btn-flat.btn-youtube circle {
    fill: rgba(187, 0, 0, 0.1);
}

.btn-flat.btn-flickr {
    color: #ff0084;
}

.btn-flat.btn-flickr circle {
    fill: rgba(255, 0, 132, 0.1);
}

.btn-flat.btn-reddit {
    color: #ff4500;
}

.btn-flat.btn-reddit circle {
    fill: rgba(255, 69, 0, 0.1);
}

.btn-flat.btn-dribbble {
    color: #ea4c89;
}

.btn-flat.btn-dribbble circle {
    fill: rgba(234, 76, 137, 0.1);
}

.btn-flat.btn-skype {
    color: #00aff0;
}

.btn-flat.btn-skype circle {
    fill: rgba(0, 175, 240, 0.1);
}

.btn-flat.btn-instagram {
    color: #517fa4;
}

.btn-flat.btn-instagram circle {
    fill: rgba(81, 127, 164, 0.1);
}

.btn-flat.btn-lastfm {
    color: #c3000d;
}

.btn-flat.btn-lastfm circle {
    fill: rgba(195, 0, 13, 0.1);
}

.btn-flat.btn-behance {
    color: #1769ff;
}

.btn-flat.btn-behance circle {
    fill: rgba(23, 105, 255, 0.1);
}

.btn-flat.btn-rss {
    color: #f26522;
}

.btn-flat.btn-rss circle {
    fill: rgba(242, 101, 34, 0.1);
}

/*Borders*/

.b-0 {
    border: 0px solid #ebebeb !important;
}

.bt-0 {
    border-top: 0px solid #ebebeb !important;
}

.br-0 {
    border-right: 0px solid #ebebeb !important;
}

.bb-0 {
    border-bottom: 0px solid #ebebeb !important;
}

.bl-0 {
    border-left: 0px solid #ebebeb !important;
}

.bx-0 {
    border-right: 0px solid #ebebeb !important;
    border-left: 0px solid #ebebeb !important;
}

.by-0 {
    border-top: 0px solid #ebebeb !important;
    border-bottom: 0px solid #ebebeb !important;
}

.b-1 {
    border: 1px solid #ebebeb !important;
}

.bt-1 {
    border-top: 1px solid #ebebeb !important;
}

.br-1 {
    border-right: 1px solid #ebebeb !important;
}

.bb-1 {
    border-bottom: 1px solid #ebebeb !important;
}

.bl-1 {
    border-left: 1px solid #ebebeb !important;
}

.bx-1 {
    border-right: 1px solid #ebebeb !important;
    border-left: 1px solid #ebebeb !important;
}

.by-1 {
    border-top: 1px solid #ebebeb !important;
    border-bottom: 1px solid #ebebeb !important;
}

.b-2 {
    border: 2px solid #ebebeb !important;
}

.bt-2 {
    border-top: 2px solid #ebebeb !important;
}

.br-2 {
    border-right: 2px solid #ebebeb !important;
}

.bb-2 {
    border-bottom: 2px solid #ebebeb !important;
}

.bl-2 {
    border-left: 2px solid #ebebeb !important;
}

.bx-2 {
    border-right: 2px solid #ebebeb !important;
    border-left: 2px solid #ebebeb !important;
}

.by-2 {
    border-top: 2px solid #ebebeb !important;
    border-bottom: 2px solid #ebebeb !important;
}

.b-3 {
    border: 3px solid #ebebeb !important;
}

.bt-3 {
    border-top: 3px solid #ebebeb !important;
}

.br-3 {
    border-right: 3px solid #ebebeb !important;
}

.bb-3 {
    border-bottom: 3px solid #ebebeb !important;
}

.bl-3 {
    border-left: 3px solid #ebebeb !important;
}

.bx-3 {
    border-right: 3px solid #ebebeb !important;
    border-left: 3px solid #ebebeb !important;
}

.by-3 {
    border-top: 3px solid #ebebeb !important;
    border-bottom: 3px solid #ebebeb !important;
}

/*---badges---*/

.badge {
    border-radius: 3px;
    font-weight: 300;
    line-height: 1.3;
    font-size: 85%;
}

.badge:empty {
    display: inline-block;
    vertical-align: inherit;
}

.badge-pill {
    border-radius: 10rem;
}

.badge-primary {
    background-color: #7460ee;
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #2b95d4;
}

.badge-secondary {
    background-color: #398bf7;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    background-color: #2e7de5;
}

.badge-success {
    background-color: #26c6da;
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #0fc491;
}

.badge-info {
    background-color: #1e88e5;
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #2e7de5;
}

.badge-warning {
    background-color: #ffb22b;
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #df9e1b;
}

.badge-danger {
    background-color: #fc4b6c;
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #e73f3c;
}

.badge-pink {
    background-color: #FC3468;
}

.badge-pink[href]:focus,
.badge-pink[href]:hover {
    background-color: #f84887;
}

.badge-purple {
    background-color: #7c277d;
}

.badge-purple[href]:focus,
.badge-purple[href]:hover {
    background-color: #664ce1;
}

.badge-brown {
    background-color: #8d6658;
}

.badge-brown[href]:focus,
.badge-brown[href]:hover {
    background-color: #7d5b4e;
}

.badge-cyan {
    background-color: #57c7d4;
}

.badge-cyan[href]:focus,
.badge-cyan[href]:hover {
    background-color: #43c0cf;
}

.badge-yellow {
    background-color: #fcc525;
}

.badge-yellow[href]:focus,
.badge-yellow[href]:hover {
    background-color: #fcbe0c;
}

.badge-gray {
    background-color: #d2d6de;
}

.badge-gray[href]:focus,
.badge-gray[href]:hover {
    background-color: #b5bbc8;
}

.badge-dark {
    background-color: #465161;
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    background-color: #3b4552;
}

.badge-warning {
    color: #fff;
}

.badge-default {
    color: #788394;
    background-color: #f5f6f7;
}

.badge-default[href]:focus,
.badge-default[href]:hover {
    color: #788394;
    background-color: #edeef0;
}

.badge-secondary {
    color: #788394;
    background-color: #e4e7ea;
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #788394;
    background-color: #dbdfe3;
}

.badge-sm {
    line-height: 1.2;
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: 75%;
}

.badge-lg {
    line-height: 1.5;
    padding: 5px 7px;
    font-size: 95%;
}

.badge-xl {
    line-height: 1.7;
    padding: 7px 9px;
    font-size: 100%;
}

.badge-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
}

.badge-dot.badge-sm {
    width: 6px;
    height: 6px;
}

.badge-dot.badge-lg {
    width: 10px;
    height: 10px;
}

.badge-dot.badge-xl {
    width: 12px;
    height: 12px;
}

.badge-ring {
    position: relative;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
}

.badge-ring::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    transition: .3s;
}

.badge-ring.badge-sm {
    width: 8px;
    height: 8px;
}

.badge-ring.badge-sm::after {
    width: 4px;
    height: 4px;
}

.badge-ring.badge-lg {
    width: 12px;
    height: 12px;
}

.badge-ring.badge-lg::after {
    width: 8px;
    height: 8px;
}

.badge-ring.badge-xl {
    width: 14px;
    height: 14px;
}

.badge-ring.badge-xl::after {
    width: 10px;
    height: 10px;
}

.badge-ring.fill::after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.badge-bold {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

/*Spacing*/

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-3 {
    margin: 3px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.mx-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.my-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.m-5 {
    margin: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mx-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mx-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.mx-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.mx-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}

.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.mx-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.mx-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.mx-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.m-60 {
    margin: 60px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
}

.my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.m-70 {
    margin: 70px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.mx-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
}

.my-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.m-80 {
    margin: 80px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.mx-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
}

.my-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-3 {
    padding: 3px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.px-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.p-5 {
    padding: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.px-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.px-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.px-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.px-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.px-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.px-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.px-50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.px-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.px-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.px-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.h-50px {
    height: 50px !important;
}

/*Modal*/
.modal-right {
    z-index: 1500;
}
.modal-right .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 360px;
    max-width: 100%;
    margin: 0;
    -webkit-transform: translate(100%, 0) !important;
    transform: translate(100%, 0) !important;
    -webkit-transition: .5s;
    transition: .5s;
}
.modal-right.show .modal-dialog {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}
.modal-right .modal-dialog.w-600, .modal-left .modal-dialog.w-600 {
    width: 600px;
}
.modal-right .modal-content {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-radius: 0;
}