body {
            font-size: 18px;
            background-color: #fafafa;
			color:#0a2540;
        }
        body.lightflow {
            font-size: 18px;
            background-color: #fafafa;
			color:#0a2540;
			-webkit-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
        }
		body.darkflow {
            font-size: 18px;
            background-color: #181818;
			color:#ffffff;
			-webkit-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
        }
		body.darkflow.mobile {
			background: initial;
			background-color: #212121;
		}
		body.lightflow.mobile {
			background:initial;
			background-color: #fafafa;
		}
        main {
            height: 100vh;
            margin: auto;
            max-width: 935px;
        }
        .align-items-center {
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .justify-content-center {
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
        .logo{
            width:100%;
        }
        .frm-login {
            width: 400px;
            background-color: white;
            border: 1px solid #dbdbdb;
            margin-bottom: 10px;
            padding: 40px;
        }
		.darkflow .frm-login {
            width: 400px;
            background-color: #212121;
            border: 1px solid #212121;
            margin-bottom: 10px;
            padding: 40px;
        }
		img.logo:after {
		  content: url("/images/logo.png");
		}
		.darkflow img.logo:after {
		  content: url("/images/logo-white.png");
		}
        .flex {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .direction-column {
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -moz-box-direction: normal;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .justify-content-center {
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
        .align-items-center {
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .flex-wrap {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .vertex-input .vertex-input-group {
            background: #edf2f5;
            padding-top: 14px;
            padding-left: 25px;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #e6e6e6;
        }
		.darkflow .vertex-input .vertex-input-group {
			background: #181818;
			padding-top: 14px;
			padding-left: 25px;
			-ms-flex-align: center;
			align-items: center;
			display: -ms-flexbox;
			display: flex;
			border-bottom: 1px solid #181818;
		}
        .vertex-input-group.focus {
            background: white;
        }
        .vertex-input .vertex-input-group.focus .form-group label {
            color: #2484da !important;
        }
        .vertex-input .vertex-input-group.last {
            border-bottom-width: 0;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        .vertex-input .vertex-input-group.first {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }
        .vertex-input .vertex-input-group .form-group {
            width: 100%;
            margin-bottom: 0;
            margin-left: 25px;
        }
        .vertex-input .vertex-input-group .form-group label {
            margin: 0;
            font-size:1.2rem;
        }
        .vertex-input .vertex-input-group .form-group .form-control {
            margin-top: -1rem;
            font-size: 1.2rem;
        }
        .vertex-input-group .apend-wrap i {
            vertical-align: 12px;
            font-size: 25px;
            opacity: 0.5;
        }
        .input-group {
            border: 1px solid #eaeff4;
            border-radius: 2px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        .input-group.focus {
            border-color: #f1f2f3;
            -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.045);
            box-shadow: 0 0 40px rgba(0,0,0,0.045)
        }
        .input-group .form-control {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
            border-radius: 0
        }
        .input-group-prepend, .input-group-append {
            margin-left: 0;
            margin-right: 0
        }
        .input-group-prepend .btn, .input-group-append .btn {
            height: calc(100% + 2px);
            margin: -1px
        }
        .input-group-text {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            padding-top: 0;
            padding-bottom: 0;
            background-color: #fff;
            border: none;
            color: #c9ccce;
            font-weight: 300;
            border-radius: 0;
            height: 100%;
        }
        .input-group-text .custom-control {
            margin-bottom: 0
        }
        .input-group-text + .form-control {
            padding-left: 0
        }
        .input-group .form-control:not(:last-child), .input-group-text:not(:last-child) {
            border-right: 0
        }
        .input-group .form-control:not(:first-child), .input-group-text:not(:first-child) {
            border-left: 0
        }
        .input-group-prepend .btn {
            margin-right: 0
        }
        .input-group-append .btn {
            margin-left: 0
        }
        .input-group-prepend .input-group-text:last-child {
            padding-right: 0
        }
        .was-validated .input-group:valid, .input-group.is-valid {
            border-color: #00c9a7
        }
        .was-validated .input-group:valid .valid-feedback, .was-validated .input-group:valid .valid-tooltip, .was-validated .input-group:valid ~ .valid-feedback, .was-validated .input-group:valid ~ .valid-tooltip, .input-group.is-valid .valid-feedback, .input-group.is-valid .valid-tooltip, .input-group.is-valid ~ .valid-feedback, .input-group.is-valid ~ .valid-tooltip {
            display: block
        }
        .was-validated .input-group:invalid, .input-group.is-invalid {
            border-color: #ff4954
        }
        .was-validated .input-group:invalid .invalid-feedback, .was-validated .input-group:invalid .invalid-tooltip, .was-validated .input-group:invalid ~ .invalid-feedback, .was-validated .input-group:invalid ~ .invalid-tooltip, .input-group.is-invalid .invalid-feedback, .input-group.is-invalid .invalid-tooltip, .input-group.is-invalid ~ .invalid-feedback, .input-group.is-invalid ~ .invalid-tooltip {
            display: block
        }
        .input-border .form-control:focus, .input-border .input-group.focus {
            border-color: #96c7ff;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        .input-line .form-control {
            border-color: transparent;
            padding-left: 0;
            padding-right: 0;
            background-color: transparent;
            -webkit-background-size: 0 1px, 100% 1px;
            background-size: 0 1px, 100% 1px;
            background-repeat: no-repeat;
            background-position: center bottom,center calc(100%);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#eaeff4), to(#eaeff4));
            background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#eaeff4, #eaeff4);
            background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#eaeff4, #eaeff4);
            -webkit-transition: background 0.3s;
            transition: background 0.3s
        }
		.darkflow .input-line .form-control {
			border-color: #b3565600;
			padding-left: 0;
			padding-right: 0;
			background-color: transparent;
			-webkit-background-size: 0 1px, 100% 1px;
			background-size: 0 1px, 100% 1px;
			background-repeat: no-repeat;
			background-position: center bottom,center calc(100%);
			background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#181818), to(#181818));
			background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#181818, #181818);
			background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#181818, #181818);
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
		}
		.darkflow input.form-control{
			color:#f7f6f57d;
            padding-left: 10px !important;
		}
        .input-line .form-control:focus, .input-line .form-control.focus {
            -webkit-background-size: 100% 2px, 100% 2px;
            background-size: 100% 2px, 100% 2px;
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }
        .input-line .form-control:disabled, .input-line .form-control[readonly] {
            background-color: #fff;
            opacity: 0.7
        }
        .input-line .form-control.is-valid {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#00c9a7), to(#00c9a7));
            background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#00c9a7, #00c9a7);
            background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#00c9a7, #00c9a7)
        }
        .input-line .form-control.is-invalid {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#ff4954), to(#ff4954));
            background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#ff4954, #ff4954);
            background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#ff4954, #ff4954)
        }
        .input-line .input-group {
            border: none
        }
        .input-line .input-group.focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        .input-line .input-group-prepend .btn, .input-line .input-group-append .btn {
            height: 100%;
            margin: 0
        }
        .input-line .input-group-text {
            background-color: transparent
        }
        .input-line .input-group-prepend .input-group-text:last-child {
            padding-right: .75rem
        }
        .input-round .form-control, .input-round .input-group, .input-round .input-group-text, .input-round .input-group .btn {
            border-radius: 10rem
        }
        .input-round .form-control {
            padding-left: 1rem;
            padding-right: 1rem
        }
        .input-round textarea.form-control {
            border-radius: 2px
        }
        .input-round .input-group-text {
            padding-left: 1rem;
            padding-right: 1rem;
            opacity: .8
        }
        .input-round .input-group-text + .form-control {
            padding-left: 0
        }
        .input-round .form-control-lg, .input-round .input-group-lg .form-control {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }
        .input-glass .form-control {
            border: none;
            background-color: rgba(255,255,255,0.2);
            font-weight: 400;
            color: rgba(255,255,255,0.8)
        }
        .input-glass .form-control.is-valid {
            background-color: rgba(60,212,88,0.2)
        }
        .input-glass .form-control.is-invalid {
            background-color: rgba(255,73,84,0.2)
        }
        .input-glass .form-control::-webkit-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-glass .form-control::-moz-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-glass .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-glass .form-control::-ms-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-glass .form-control::placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-glass .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff
        }
        .input-glass select option {
            color: #323d47
        }
        .input-glass label {
            opacity: .8
        }
        .input-glass .input-group {
            border: none
        }
        .input-glass .input-group-prepend .btn, .input-glass .input-group-append .btn {
            height: 100%;
            margin: 0
        }
        .input-glass .input-group-text {
            background-color: rgba(255,255,255,0.2);
            border: none;
            color: rgba(255,255,255,0.8)
        }
        .input-glass.input-round .input-group {
            background-color: rgba(255,255,255,0.2)
        }
        .input-glass.input-round .input-group .form-control, .input-glass.input-round .input-group .input-group-text {
            background-color: transparent
        }
        .input-transparent .form-control {
            border-color: rgba(255,255,255,0.3);
            background-color: transparent;
            color: rgba(255,255,255,0.8)
        }
        .input-transparent .form-control.is-valid {
            border-color: rgba(60,212,88,0.4)
        }
        .input-transparent .form-control.is-invalid {
            border-color: rgba(255,73,84,0.4)
        }
        .input-transparent .form-control::-webkit-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-transparent .form-control::-moz-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-transparent .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-transparent .form-control::-ms-input-placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-transparent .form-control::placeholder {
            color: rgba(255,255,255,0.65)
        }
        .input-transparent .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: rgba(255,255,255,0.5);
            color: #fff
        }
        .input-transparent select option {
            color: #323d47
        }
        .input-transparent label {
            opacity: .8
        }
        .input-transparent .input-group {
            border-color: rgba(255,255,255,0.3)
        }
        .input-transparent .input-group.focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: rgba(255,255,255,0.5);
            color: #fff
        }
        .input-transparent .input-group .btn-outline-light {
            border-color: rgba(255,255,255,0.3)
        }
        .input-transparent .input-group .input-group-prepend .btn-outline-light {
            border-top-width: 0;
            border-left-width: 0;
            border-bottom-width: 0
        }
        .input-transparent .input-group .input-group-append .btn-outline-light {
            border-top-width: 0;
            border-right-width: 0;
            border-bottom-width: 0;
        }
        .input-transparent .input-group-text {
            background-color: transparent;
            border-color: rgba(255,255,255,0.3);
            color: rgba(255,255,255,0.75)
        }
        .form-control-lg {
            height: calc(3.0875rem + 2px);
            padding: .375rem 1rem;
            font-size: 1.0625rem;
            line-height: 2.2;
            border-radius: 2px;
        }
        .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
            height: calc(3.0875rem + 2px);
            padding: .375rem 1rem;
            font-size: 1.0625rem;
            line-height: 2.2;
            border-radius: 2px;
        }
        .divider {
            display: -webkit-box;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            flex: 0;
            color: #929daf;
            font-size: 1.2rem;
            letter-spacing: .5px;
            margin: 2rem auto;
            width: 100%;
            font-weight: 500;
        }
        .divider::before, .divider::after {
            content: '';
            -webkit-box-flex: 1;
            flex-grow: 1;
            border-top: 1px solid #eaeff4;
        }
        .divider::before {
            margin-right: 1rem;
        }

/*------------------------------------
  Social Icons
------------------------------------*/
.social a { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin-right: 4px; margin-bottom: 4px; text-align: center; color: inherit; font-size: 1rem; border-radius: 3px; opacity: 0.8; -webkit-transition: .4s ease-out; transition: .4s ease-out; }
.social a:hover { opacity: 1; }
.social a:last-child { margin-right: 0; }
.social a.social-facebook:hover { color: #3b5998; }
.social a.social-google:hover { color: #dd4b39; }
.social a.social-gplus:hover { color: #dd4b39; }
.social a.social-twitter:hover { color: #00aced; }
.social a.social-linkedin:hover { color: #007bb6; }
.social a.social-pinterest:hover { color: #cb2027; }
.social a.social-git:hover { color: #666666; }
.social a.social-tumblr:hover { color: #32506d; }
.social a.social-vimeo:hover { color: #aad450; }
.social a.social-youtube:hover { color: #bb0000; }
.social a.social-flickr:hover { color: #ff0084; }
.social a.social-reddit:hover { color: #ff4500; }
.social a.social-dribbble:hover { color: #ea4c89; }
.social a.social-skype:hover { color: #00aff0; }
.social a.social-instagram:hover { color: #517fa4; }
.social a.social-lastfm:hover { color: #c3000d; }
.social a.social-soundcloud:hover { color: #ff8800; }
.social a.social-behance:hover { color: #1769ff; }
.social a.social-envato:hover { color: #82b541; }
.social a.social-medium:hover { color: #00ab6c; }
.social a.social-spotify:hover { color: #1db954; }
.social a.social-quora:hover { color: #a82400; }
.social a.social-xing:hover { color: #026466; }
.social a.social-snapchat:hover { color: #fffc00; }
.social a.social-telegram:hover { color: #0088cc; }
.social a.social-whatsapp:hover { color: #075e54; }
.social a.social-rss:hover { color: #f26522; }
.social-vertical { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.social-sm a { width: 28px; height: 28px; line-height: 28px; margin-right: 2px; margin-bottom: 2px; font-size: 0.8125rem; }
.social-lg a { width: 38px; height: 38px; line-height: 36px; margin-right: 6px; margin-bottom: 6px; font-size: 1.25rem; }
.social-inline a { width: auto; height: auto; margin-right: 1rem; }
.social-brand a.social-facebook { color: #3b5998; }
.social-brand a.social-google { color: #dd4b39; }
.social-brand a.social-gplus { color: #dd4b39; }
.social-brand a.social-twitter { color: #00aced; }
.social-brand a.social-linkedin { color: #007bb6; }
.social-brand a.social-pinterest { color: #cb2027; }
.social-brand a.social-git { color: #666666; }
.social-brand a.social-tumblr { color: #32506d; }
.social-brand a.social-vimeo { color: #aad450; }
.social-brand a.social-youtube { color: #bb0000; }
.social-brand a.social-flickr { color: #ff0084; }
.social-brand a.social-reddit { color: #ff4500; }
.social-brand a.social-dribbble { color: #ea4c89; }
.social-brand a.social-skype { color: #00aff0; }
.social-brand a.social-instagram { color: #517fa4; }
.social-brand a.social-lastfm { color: #c3000d; }
.social-brand a.social-soundcloud { color: #ff8800; }
.social-brand a.social-behance { color: #1769ff; }
.social-brand a.social-envato { color: #82b541; }
.social-brand a.social-medium { color: #00ab6c; }
.social-brand a.social-spotify { color: #1db954; }
.social-brand a.social-quora { color: #a82400; }
.social-brand a.social-xing { color: #026466; }
.social-brand a.social-snapchat { color: #fffc00; }
.social-brand a.social-telegram { color: #0088cc; }
.social-brand a.social-whatsapp { color: #075e54; }
.social-brand a.social-rss { color: #f26522; }
.social-gray a { color: #929daf; }
.social-gray a:hover { color: #757575 !important; }
.social-light a { color: rgba(255, 255, 255, 0.65); }
.social-light a:hover { color: #fff !important; }
.social-bg-brand a { color: #fff; opacity: 1; }
.social-bg-brand a:hover { color: #fff !important; }
.social-bg-brand .social-facebook { background-color: #3b5998; }
.social-bg-brand .social-google { background-color: #dd4b39; }
.social-bg-brand .social-gplus { background-color: #dd4b39; }
.social-bg-brand .social-twitter { background-color: #00aced; }
.social-bg-brand .social-linkedin { background-color: #007bb6; }
.social-bg-brand .social-pinterest { background-color: #cb2027; }
.social-bg-brand .social-git { background-color: #666666; }
.social-bg-brand .social-tumblr { background-color: #32506d; }
.social-bg-brand .social-vimeo { background-color: #aad450; }
.social-bg-brand .social-youtube { background-color: #bb0000; }
.social-bg-brand .social-flickr { background-color: #ff0084; }
.social-bg-brand .social-reddit { background-color: #ff4500; }
.social-bg-brand .social-dribbble { background-color: #ea4c89; }
.social-bg-brand .social-skype { background-color: #00aff0; }
.social-bg-brand .social-instagram { background-color: #517fa4; }
.social-bg-brand .social-lastfm { background-color: #c3000d; }
.social-bg-brand .social-soundcloud { background-color: #ff8800; }
.social-bg-brand .social-behance { background-color: #1769ff; }
.social-bg-brand .social-envato { background-color: #82b541; }
.social-bg-brand .social-medium { background-color: #00ab6c; }
.social-bg-brand .social-spotify { background-color: #1db954; }
.social-bg-brand .social-quora { background-color: #a82400; }
.social-bg-brand .social-xing { background-color: #026466; }
.social-bg-brand .social-snapchat { background-color: #fffc00; }
.social-bg-brand .social-telegram { background-color: #0088cc; }
.social-bg-brand .social-whatsapp { background-color: #075e54; }
.social-bg-brand .social-rss { background-color: #f26522; }
.social-bg-pale-brand a { opacity: 1; }
.social-bg-pale-brand .social-facebook { color: #3b5998; background-color: #e7ebf3; }
.social-bg-pale-brand .social-facebook:hover { color: #3b5998 !important; background-color: #d8deea !important; }
.social-bg-pale-brand .social-google { color: #dd4b39; background-color: #fbe9e7; }
.social-bg-pale-brand .social-google:hover { color: #dd4b39 !important; background-color: #f8dbd7 !important; }
.social-bg-pale-brand .social-gplus { color: #dd4b39; background-color: #fbe9e7; }
.social-bg-pale-brand .social-gplus:hover { color: #dd4b39 !important; background-color: #f8dbd7 !important; }
.social-bg-pale-brand .social-twitter { color: #00aced; background-color: #e0f5fd; }
.social-bg-pale-brand .social-twitter:hover { color: #00aced !important; background-color: #cceefb !important; }
.social-bg-pale-brand .social-linkedin { color: #007bb6; background-color: #e0eff6; }
.social-bg-pale-brand .social-linkedin:hover { color: #007bb6 !important; background-color: #cce5f0 !important; }
.social-bg-pale-brand .social-pinterest { color: #cb2027; background-color: #f9e4e5; }
.social-bg-pale-brand .social-pinterest:hover { color: #cb2027 !important; background-color: #f5d2d4 !important; }
.social-bg-pale-brand .social-git { color: #666666; background-color: #ededed; }
.social-bg-pale-brand .social-git:hover { color: #666666 !important; background-color: #e0e0e0 !important; }
.social-bg-pale-brand .social-tumblr { color: #32506d; background-color: #e6eaed; }
.social-bg-pale-brand .social-tumblr:hover { color: #32506d !important; background-color: #d6dce2 !important; }
.social-bg-pale-brand .social-vimeo { color: #aad450; background-color: #f5faea; }
.social-bg-pale-brand .social-vimeo:hover { color: #aad450 !important; background-color: #eef6dc !important; }
.social-bg-pale-brand .social-youtube { color: #bb0000; background-color: #f7e0e0; }
.social-bg-pale-brand .social-youtube:hover { color: #bb0000 !important; background-color: #f1cccc !important; }
.social-bg-pale-brand .social-flickr { color: #ff0084; background-color: #ffe0f0; }
.social-bg-pale-brand .social-flickr:hover { color: #ff0084 !important; background-color: #ffcce6 !important; }
.social-bg-pale-brand .social-reddit { color: #ff4500; background-color: #ffe9e0; }
.social-bg-pale-brand .social-reddit:hover { color: #ff4500 !important; background-color: #ffdacc !important; }
.social-bg-pale-brand .social-dribbble { color: #ea4c89; background-color: #fceaf1; }
.social-bg-pale-brand .social-dribbble:hover { color: #ea4c89 !important; background-color: #fbdbe7 !important; }
.social-bg-pale-brand .social-skype { color: #00aff0; background-color: #e0f5fd; }
.social-bg-pale-brand .social-skype:hover { color: #00aff0 !important; background-color: #cceffc !important; }
.social-bg-pale-brand .social-instagram { color: #517fa4; background-color: #eaf0f4; }
.social-bg-pale-brand .social-instagram:hover { color: #517fa4 !important; background-color: #dce5ed !important; }
.social-bg-pale-brand .social-lastfm { color: #c3000d; background-color: #f8e0e2; }
.social-bg-pale-brand .social-lastfm:hover { color: #c3000d !important; background-color: #f3cccf !important; }
.social-bg-pale-brand .social-soundcloud { color: #ff8800; background-color: #fff1e0; }
.social-bg-pale-brand .social-soundcloud:hover { color: #ff8800 !important; background-color: #ffe7cc !important; }
.social-bg-pale-brand .social-behance { color: #1769ff; background-color: #e3edff; }
.social-bg-pale-brand .social-behance:hover { color: #1769ff !important; background-color: #d1e1ff !important; }
.social-bg-pale-brand .social-envato { color: #82b541; background-color: #f0f6e8; }
.social-bg-pale-brand .social-envato:hover { color: #82b541 !important; background-color: #e6f0d9 !important; }
.social-bg-pale-brand .social-medium { color: #00ab6c; background-color: #e0f5ed; }
.social-bg-pale-brand .social-medium:hover { color: #00ab6c !important; background-color: #cceee2 !important; }
.social-bg-pale-brand .social-spotify { color: #1db954; background-color: #e4f7ea; }
.social-bg-pale-brand .social-spotify:hover { color: #1db954 !important; background-color: #d2f1dd !important; }
.social-bg-pale-brand .social-quora { color: #a82400; background-color: #f5e5e0; }
.social-bg-pale-brand .social-quora:hover { color: #a82400 !important; background-color: #eed3cc !important; }
.social-bg-pale-brand .social-xing { color: #026466; background-color: #e1eced; }
.social-bg-pale-brand .social-xing:hover { color: #026466 !important; background-color: #cce0e0 !important; }
.social-bg-pale-brand .social-snapchat { color: #fffc00; background-color: lightyellow; }
.social-bg-pale-brand .social-snapchat:hover { color: #fffc00 !important; background-color: #fffecc !important; }
.social-bg-pale-brand .social-telegram { color: #0088cc; background-color: #e0f1f9; }
.social-bg-pale-brand .social-telegram:hover { color: #0088cc !important; background-color: #cce7f5 !important; }
.social-bg-pale-brand .social-whatsapp { color: #075e54; background-color: #e1ecea; }
.social-bg-pale-brand .social-whatsapp:hover { color: #075e54 !important; background-color: #cddfdd !important; }
.social-bg-pale-brand .social-rss { color: #f26522; background-color: #fdede4; }
.social-bg-pale-brand .social-rss:hover { color: #f26522 !important; background-color: #fce0d3 !important; }
.social-bg-gray a { color: #929daf; border: none; background-color: #fafbfb; }
.social-bg-light a { border: none; background-color: #fff; }
.social-bg-dark a { border: none; color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.1); }
.social-bg-dark a:hover { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(255, 255, 255, 0.15) !important; }
.social-hover-primary a:hover { color: #50a1ff !important; }
.social-hover-bg-brand a.social-facebook:hover { background-color: #3b5998; color: #fff; }
.social-hover-bg-brand a.social-google:hover { background-color: #dd4b39; color: #fff; }
.social-hover-bg-brand a.social-gplus:hover { background-color: #dd4b39; color: #fff; }
.social-hover-bg-brand a.social-twitter:hover { background-color: #00aced; color: #fff; }
.social-hover-bg-brand a.social-linkedin:hover { background-color: #007bb6; color: #fff; }
.social-hover-bg-brand a.social-pinterest:hover { background-color: #cb2027; color: #fff; }
.social-hover-bg-brand a.social-git:hover { background-color: #666666; color: #fff; }
.social-hover-bg-brand a.social-tumblr:hover { background-color: #32506d; color: #fff; }
.social-hover-bg-brand a.social-vimeo:hover { background-color: #aad450; color: #fff; }
.social-hover-bg-brand a.social-youtube:hover { background-color: #bb0000; color: #fff; }
.social-hover-bg-brand a.social-flickr:hover { background-color: #ff0084; color: #fff; }
.social-hover-bg-brand a.social-reddit:hover { background-color: #ff4500; color: #fff; }
.social-hover-bg-brand a.social-dribbble:hover { background-color: #ea4c89; color: #fff; }
.social-hover-bg-brand a.social-skype:hover { background-color: #00aff0; color: #fff; }
.social-hover-bg-brand a.social-instagram:hover { background-color: #517fa4; color: #fff; }
.social-hover-bg-brand a.social-lastfm:hover { background-color: #c3000d; color: #fff; }
.social-hover-bg-brand a.social-soundcloud:hover { background-color: #ff8800; color: #fff; }
.social-hover-bg-brand a.social-behance:hover { background-color: #1769ff; color: #fff; }
.social-hover-bg-brand a.social-envato:hover { background-color: #82b541; color: #fff; }
.social-hover-bg-brand a.social-medium:hover { background-color: #00ab6c; color: #fff; }
.social-hover-bg-brand a.social-spotify:hover { background-color: #1db954; color: #fff; }
.social-hover-bg-brand a.social-quora:hover { background-color: #a82400; color: #fff; }
.social-hover-bg-brand a.social-xing:hover { background-color: #026466; color: #fff; }
.social-hover-bg-brand a.social-snapchat:hover { background-color: #fffc00; color: #fff; }
.social-hover-bg-brand a.social-telegram:hover { background-color: #0088cc; color: #fff; }
.social-hover-bg-brand a.social-whatsapp:hover { background-color: #075e54; color: #fff; }
.social-hover-bg-brand a.social-rss:hover { background-color: #f26522; color: #fff; }
.social-rounded a { border-radius: 50%; border: 1px solid #f1f2f3; }
.social-rounded.social-gray a { border-color: #f5f6f7; }
.social-rounded.social-light a { border-color: rgba(255, 255, 255, 0.5); font-size: 0.8125rem; }
.social-rounded.social-light.social-sm a { font-size: 0.6875rem; }
.social-rounded.social-light.social-lg a { font-size: 0.9375rem; }
.social-bordered a { border: 1px solid #eaeff4; }
.social-bordered.social-gray a { border-color: #f5f6f7; }
.social-bordered.social-light a { border-color: rgba(255, 255, 255, 0.6); }
.social-cycling a:hover i { -webkit-animation: cycle .4s forwards; animation: cycle .4s forwards; }