@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

.dropdown-menu-left {right: 0; left: auto; padding-left: 1px; padding-right: 1px;}
.swal-footer {background-color: rgb(245, 248, 250); margin-top: 32px; border-top: 1px solid #E9EEF1; overflow: hidden;}
#cj-wrapper .calendar-container table {width: auto;}
#cj-wrapper .pagination-toolbar {margin: 20px 0;}
#cj-wrapper .soc-btn-group-xs > .btn, .soc-btn-xs {padding: .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem;}

#cj-wrapper .ml-0 {margin-left: 0;}
#cj-wrapper .mr-0 {margin-right: 0;}
#cj-wrapper .mb-0 {margin-bottom: 0;}
#cj-wrapper .mt-0 {margin-top: 0;}
#cj-wrapper .pl-0 {padding-left: 0;}
#cj-wrapper .pr-0 {padding-right: 0;}
#cj-wrapper .pb-0 {padding-bottom: 0;}
#cj-wrapper .pt-0 {padding-top: 0;}
#cj-wrapper .margin-bottom-10 {margin-bottom: 10px !important;}
#cj-wrapper .margin-top-10 {margin-top: 10px !important;}
#cj-wrapper .margin-left-10 {margin-left: 10px !important;}
#cj-wrapper .margin-bottom-20 {margin-bottom: 20px !important;}
#cj-wrapper .margin-top-20 {margin-top: 20px !important;}
#cj-wrapper .error {color: #f00;}

@keyframes highlight {0% {background: #ffff99;} 100% {background: none;}}
#cj-wrapper .highlight {animation: highlight 3s;}
#cj-wrapper .max-2-lines {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0;}
#cj-wrapper .hidden {display: none !important;}

#cj-wrapper .list-inline-separated li {margin-left: -10px;}
#cj-wrapper .list-inline-separated li:first-child {margin-left: 0px;}
#cj-wrapper .list-inline-separated li:after {content: '\2022'; margin: 0 5px;}
#cj-wrapper .list-inline-separated li:last-child:after {content: '';}

#cj-wrapper .sociable-nav > .nav-tabs { border-top: 0; border-left: 0; border-right: 0; background: none; box-shadow: none; border-bottom: 2px solid #DDD;}
#cj-wrapper .sociable-nav > .nav-tabs li { position: relative; margin-right: 20px; }
#cj-wrapper .sociable-nav > .nav-tabs li a { text-decoration: none; padding-left: 0; padding-right: 0; }
#cj-wrapper .sociable-nav > .nav-tabs > li.active > a, #cj-wrapper .sociable-nav > .nav-tabs > li.active > a:focus, #cj-wrapper .sociable-nav > .nav-tabs > li.active > a:hover { border-width: 0; }
#cj-wrapper .sociable-nav > .nav-tabs > li > a { border: none; color: #666; }
#cj-wrapper .sociable-nav > .nav-tabs > li.active > a, #cj-wrapper .sociable-nav > .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
#cj-wrapper .sociable-nav > .nav-tabs > li > a::after { content: ""; background: #dd0000; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
#cj-wrapper .sociable-nav > .nav-tabs > li.active > a::after, #cj-wrapper .sociable-nav > .nav-tabs > li:hover > a::after { transform: scale(1); }
#cj-wrapper .sociable-nav > .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }

#cj-wrapper .item-count-box {min-width: 48px; margin-bottom: 0;}
#cj-wrapper .item-count-box .panel-body {padding: 7px 5px;}
#cj-wrapper .item-count-box .item-count-num {font-weight: bold; font-size: 1.5em; text-align: center; padding: 10px; line-height: 1;}
#cj-wrapper .item-count-box .item-count-caption {padding: 0 2px; font-weight: bold; font-size: 60%; text-transform: uppercase; text-align: center;}

#cj-wrapper .album-header {border-bottom: 1px solid #eee; margin-bottom: 10px; margin-top: 20px;}
#cj-wrapper .album-header .album-title {text-transform: uppercase; font-weight: bold; font-size: 1.05em;}
#cj-wrapper .album-description {margin-bottom: 10px;}

#cj-wrapper .status-form .tab-content {margin: 10px 0;}
#cj-wrapper .file-uploader input {display: none;}
#cj-wrapper .filepond--drop-label {color: #4c4e53;}
#cj-wrapper .filepond--label-action {text-decoration-color: #babdc0;}
#cj-wrapper .filepond--panel-root {border-radius: 2em; background-color: #edf0f4; height: 1em;}
#cj-wrapper .filepond--item-panel {background-color: #595e68;}
#cj-wrapper .filepond--drip-blob {background-color: #7f8a9a;}

@media (min-width: 768px) {
.filepond--item {width: calc(20% - .5em);}
}

#cj-wrapper .bootstrap-select .filter-option {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cj-wrapper .bootstrap-select button {width: auto;}
#cj-wrapper .filepond--action-process-item {display: none;}

#cj-wrapper .profile-main-wrapper {border-collapse: collapse;}
#cj-wrapper .sub-heading {border-bottom: 1px solid #eee; text-transform: uppercase; margin-bottom: 3px; padding-bottom: 2px; margin-top: 20px; font-weight: bold; font-size: 1.05em;}

#cj-wrapper .activity-meta div, #cj-wrapper .comments-meta div {display: inline-table;}
#cj-wrapper .sociable-rating .sociable-rating-button {display: inline-table; margin-right: 5px;}
#cj-wrapper .sociable-rating .rating-num {border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px;}
#cj-wrapper .activities .activity-item {margin: 10px 0 15px 0; border: 1px solid #eee; border-collapse: collapse;}
#cj-wrapper .activities .activity-item .activity-heading {padding: 10px; border-bottom: 1px solid #eee;}
#cj-wrapper .activities .activity-item .activity-heading .media {overflow: visible;}
#cj-wrapper .activities .activity-item .activity-body-wrapper, #cj-wrapper .activities .activity-item .activity-meta {padding: 10px;}
#cj-wrapper .activities .activity-item .activity-footer {padding: 10px; border-top: 1px solid #eee;}
#cj-wrapper .activities .activity-item .sociable-comments {padding: 10px; border-top: 1px solid #eee; display: none;}
#cj-wrapper .activities .activity-item .activity-footer, #cj-wrapper .activities .activity-item .sociable-comments {background-color: #eee}
#cj-wrapper .activities .activity-title {font-family: "Roboto",sans-serif !important; font-size: 1.2em; margin-bottom: 5px;}
#cj-wrapper .activities .comment {border-bottom: 1px solid #eee; padding-bottom: 10px;}
#cj-wrapper .activities .comment-description {margin-bottom: 10px;}
#cj-wrapper .activities .comment-form .btn-post-comment { padding: 6px 10px; }

#cj-wrapper .photo-gallery .photo {display: block; overflow: hidden; position: relative; float: left; cursor: pointer;}
#cj-wrapper .photo-gallery .image-wrap > img, #cj-wrapper .photo-gallery a > img {-webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; 
	-o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); width: 100%;}
#cj-wrapper .photo-gallery .image-wrap:hover > img, #cj-wrapper .photo-gallery a > img:hover {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
#cj-wrapper .photo-gallery .number {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
	color: #fff; font-family: 'Courier New'; font-size: 48pt;}
#cj-wrapper .photo-gallery img {height: 150px !important; object-fit: cover;}

#cj-wrapper .event .event-title {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
#cj-wrapper .event .event-details {margin: 20px 0;}
#cj-wrapper .event .event-date {background: #c4453c; float: left; height: 75px; margin: 0 20px 20px 20px; position: relative; width: 50px;}
#cj-wrapper .event .event-date p {color: #f6f6f6; font: 18px/30px Georgia, sans-serif; position: relative; text-align: center; text-shadow: 0 -1px 1px hsla(0,0%,0%,.1);}
#cj-wrapper .event .event-date p:after {content: ''; height: 25px; left: -20px; position: absolute; top: -25px; width: 90px; box-shadow: 0 10px 10px -10px hsla(0,0%,0%,.5);}
#cj-wrapper .event .event-date .day {display: block; font-size: 28px; padding-top: 6px;}
#cj-wrapper .event .traditional:after, #cj-wrapper .event .traditional:before {border-top: 15px solid #c4453c; bottom: -15px; content: ''; height: 0; position: absolute; width: 0;}
#cj-wrapper .event .traditional:after {border-right: 25px solid transparent; left: 0;}
#cj-wrapper .event .traditional:before {border-left: 25px solid transparent; right: 0;}

@media (min-width: 768px) {
.sociable-gallery .lg-img-wrap, .sociable-gallery .lg-video-cont {padding-right: 400px !important;}
.sociable-gallery .lg-toolbar {right: 420px; width: auto;}
.sociable-gallery .lg-actions .lg-next {right: 420px;}
.sociable-gallery .lg-item {background-image: none;}
.sociable-gallery .lg-item.lg-complete .lg-img-wrap, .sociable-gallery .lg-item.lg-complete .lg-video-cont {background-image: none;}
.sociable-gallery .lg-img-wrap, .sociable-gallery .lg-video-cont {background: url("../images/loading.gif") no-repeat scroll transparent; background-position: center center; background-position: calc((100% - 400px) / 2) center;}
.sociable-gallery .lg-sub-html {padding: 0; position: static;}
.sociable-gallery .lg-video-cont {max-width: 1250px !important;}
}

#cj-wrapper .photo-sidebar {padding: 10px; height: 100%; overflow-y: auto; position: absolute; right: 0; top: 0; width: 420px; z-index: 99999; background: #fff no-repeat scroll center center;}
#cj-wrapper .user-photos-row img {height: 150px; object-fit: cover;}
#cj-wrapper .user-photos-row .thumbnail {margin-bottom: 0;}
#cj-wrapper .photo-thumbnail {position: relative;}
#cj-wrapper .photo-thumbnail .dropdown {position: absolute; top: 5px; right: 15px; display: none; cursor: pointer;}
#cj-wrapper .photo-thumbnail:hover .dropdown {display: block;}

@media (max-width: 767px) {
#cj-wrapper .photo-album.span6 {clear: both; margin-top: 10px;}
}

#cj-wrapper .group-meta {margin-top: 20px;}
#cj-wrapper .group-meta ul {margin: 0;}
#cj-wrapper .group-meta li {padding: 0; margin-right: 15px;}
#cj-wrapper .group-description {margin-top: 10px;}
#cj-wrapper .group-tabs {margin: 20px 0;}
#cj-wrapper .topics-list {margin: 0;}
#cj-wrapper .topics-list .thumbnail {margin-bottom: 0;}
#cj-wrapper .topic-replies {margin: 20px 0;}
#cj-wrapper .topic-reply-form .actions {margin: 20px 0;}
#cj-wrapper .reply-description {margin: 15px 0;}

#cj-wrapper .badge-box > .icon { text-align: center; position: relative; }
#cj-wrapper .badge-box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
#cj-wrapper .badge-box > .icon:hover > .image { background: #333; }
#cj-wrapper .badge-box > .icon > .image > i { font-size: 36px !important; color: #fff !important; line-height: 88px;}
#cj-wrapper .badge-box > .icon:hover > .image > i { color: white !important; }
#cj-wrapper .badge-box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
#cj-wrapper .badge-box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
#cj-wrapper .badge-box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
#cj-wrapper .badge-box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
#cj-wrapper .badge-box > .icon:hover > .info > h3.title, #cj-wrapper .badge-box > .icon:hover > .info > p, #cj-wrapper .badge-box > .icon:hover > .info > .more > a { color: #222; }
#cj-wrapper .badge-box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
#cj-wrapper .badge-box > .icon:hover > .info > .more > a { color: #fff; background-color: #63B76C; padding: 6px 8px; }
#cj-wrapper .badge-box .space { height: 30px; }

#cj-wrapper .profile-icons {margin-left: 0;} 
#cj-wrapper .profile-icons a, #cj-wrapper .profile-icons a:hover {color: #fff; text-decoration: none;}
#cj-wrapper .profile-points {margin: 5px 0;}
#cj-wrapper .profile-tabs {margin-top: 15px;}

#cj-wrapper .tg-list {text-align: center; display: flex; align-items: center;}
#cj-wrapper .tg-list-item {margin: 0 2em;}
#cj-wrapper .tgl {display: none;}
#cj-wrapper .tgl, #cj-wrapper .tgl:after, #cj-wrapper .tgl:before, #cj-wrapper .tgl *, #cj-wrapper .tgl *:after, #cj-wrapper .tgl *:before, #cj-wrapper .tgl + #cj-wrapper .tgl-btn {box-sizing: border-box;}
#cj-wrapper .tgl::-moz-selection, #cj-wrapper .tgl:after::-moz-selection, #cj-wrapper .tgl:before::-moz-selection, #cj-wrapper .tgl *::-moz-selection, #cj-wrapper .tgl *:after::-moz-selection, 
#cj-wrapper .tgl *:before::-moz-selection, #cj-wrapper .tgl + .tgl-btn::-moz-selection {background: none;}
#cj-wrapper .tgl::selection, #cj-wrapper .tgl:after::selection, #cj-wrapper .tgl:before::selection, #cj-wrapper .tgl *::selection, #cj-wrapper .tgl *:after::selection, #cj-wrapper .tgl *:before::selection, #cj-wrapper .tgl + .tgl-btn::selection {background: none;}
#cj-wrapper .tgl + #cj-wrapper .tgl-btn {outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#cj-wrapper .tgl + #cj-wrapper .tgl-btn:after, #cj-wrapper .tgl + #cj-wrapper .tgl-btn:before {position: relative; display: block; content: ""; width: 50%; height: 100%;}
#cj-wrapper .tgl + #cj-wrapper .tgl-btn:after {left: 0;}
#cj-wrapper .tgl + #cj-wrapper .tgl-btn:before {display: none;}
#cj-wrapper .tgl:checked + #cj-wrapper .tgl-btn:after {left: 50%;}
#cj-wrapper .tgl-ios + .tgl-btn {background: #fbfbfb; border-radius: 2em; padding: 2px; transition: all .4s ease; border: 1px solid #e8eae9;}
#cj-wrapper .tgl-ios + #cj-wrapper .tgl-btn:after {border-radius: 2em; background: #fbfbfb; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);}
#cj-wrapper .tgl-ios + #cj-wrapper .tgl-btn:hover:after {will-change: padding;}
#cj-wrapper .tgl-ios + #cj-wrapper .tgl-btn:active {box-shadow: inset 0 0 0 2em #e8eae9;}
#cj-wrapper .tgl-ios + #cj-wrapper .tgl-btn:active:after {padding-right: .8em;}
#cj-wrapper .tgl-ios:checked + #cj-wrapper .tgl-btn {background: #86d993;}
#cj-wrapper .tgl-ios:checked + #cj-wrapper .tgl-btn:active {box-shadow: none;}
#cj-wrapper .tgl-ios:checked + #cj-wrapper .tgl-btn:active:after {margin-left: -.8em;}

body.guillotine-dragging, body.guillotine-dragging * {cursor: move !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; cursor: grabbing, move;  /* IE hack */}
.guillotine-window {display: block; position: relative; overflow: hidden; cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; cursor: grab, move;  /* IE hack */}
.guillotine-canvas {position: absolute; top: 0; left: 0; text-align: center; margin: 0 !important; padding: 0 !important; border: none !important;}
.guillotine-canvas > * {position: absolute; top: 0; left: 0; max-width: none; max-height: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: none !important;}
.guillotine-sample {position: absolute !important; top: -100000px !important; left: -100000px !important; width: auto !important; height: auto !important;}

#cj-wrapper #avatar-image {cursor: move;}
#avatar-controls {padding: 10px; text-align: center; display: block;}
#avatar-controls a {margin: 0 8px; font-size: large; color: #888;}
#avatar-controls a:hover {color: #fff;}

#cj-wrapper .sidenav {margin: 30px 0 0; padding: 0;	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065);}
#cj-wrapper .sidenav > li > a {display: block; width: 190px \9; margin: 0 0 -1px; padding: 8px 14px; border: 1px solid #e5e5e5;}
#cj-wrapper .sidenav > li:first-child > a {-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
#cj-wrapper .sidenav > li:last-child > a {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#cj-wrapper .sidenav > .active > a {position: relative; z-index: 2; padding: 9px 15px; border: 0; text-shadow: 0 1px 0 rgba(0,0,0,.15); 
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);}
#cj-wrapper .sidenav .fa-chevron-right {float: right; margin-top: 2px; opacity: .25;}
#cj-wrapper .sidenav > li:not(.active) > a:hover {background-color: #f5f5f5;}
#cj-wrapper .sidenav a:hover .fa-chevron-right {opacity: .5;}
#cj-wrapper .sidenav .active .fa-chevron-right, #cj-wrapper .sidenav .active a:hover .fa-chevron-right {opacity: 1;}
#cj-wrapper .connections-sidenav, #cj-wrapper .photos-sidenav {margin-top: 0px;}

#cj-wrapper .profile-fields dd {margin-bottom: 10px;}
#cj-wrapper .profile-actions {margin-top: 5px;}
#cj-wrapper .profile-actions a {margin-right: 10px;}
/* START LOADERS */
@keyframes animate {0% {background-position: -468px 0} 100% {background-position: 468px 0}}
.soc-ph {width: 100%; clear: both; background: #fff; display: block; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 150px;}
.soc-ph .ph-container{width:100%; height: 30px;}
.soc-ph .ph-one,.soc-ph .ph-two,.soc-ph .ph-three,.soc-ph .ph-four,.soc-ph .ph-five,.soc-ph .ph-six {position:relative; background-color: #CCC; height: 6px; animation-name: animate; animation-duration: 2s; animation-iteration-count: infinite; 
	animation-timing-function: linear; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee)); background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); -webkit-background-size: 800px 104px;}
.soc-ph .ph-one {left:0; height: 40px; width: 40px;}
.soc-ph .ph-two {left:50px; top:-33px; width: 25%;}
.soc-ph .ph-three {left:50px; top:-20px; width: 15%;}
.soc-ph .ph-four {left:0px; top:30px; width: 80%;}
.soc-ph .ph-five {left:0px; top:45px; width: 90%;}
.soc-ph .ph-six {left:0px; top:60px; width: 50%;}

.loader, .loader:before, .loader:after {border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out;}
.loader {color: #0080c0; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
.loader:before, .loader:after {content: ''; position: absolute; top: 0;}
.loader:before {left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.loader:after {left: 3.5em;}
@-webkit-keyframes load7 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}}
@keyframes load7 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}}
/** END LOADERS */

#cj-wrapper .profile-header-wrapper {padding: 1.5em;} 
#cj-wrapper .profile-header-wrapper * {color: #fff !important;}
#cj-wrapper .profile-header-wrapper .item-count-box, #cj-wrapper .profile-header-wrapper .item-count-box .item-count-caption {background-color: transparent;}
#cj-wrapper .profile-header-wrapper .profile-counts {text-decoration: none;}
#cj-wrapper .profile-header-wrapper.day-and-night {background: #2c3e50; background: -webkit-linear-gradient(to right, #3498db, #2c3e50); background: linear-gradient(to right, #3498db, #2c3e50);}
#cj-wrapper .profile-header-wrapper.grandeur {background: #000046; background: -webkit-linear-gradient(to right, #1CB5E0, #000046); background: linear-gradient(to right, #1CB5E0, #000046);}
#cj-wrapper .profile-header-wrapper.very-blue {background: #0575E6; background: -webkit-linear-gradient(to right, #021B79, #0575E6); background: linear-gradient(to right, #021B79, #0575E6);}
#cj-wrapper .profile-header-wrapper.frost {background: #000428; background: -webkit-linear-gradient(to right, #004e92, #000428); background: linear-gradient(to right, #004e92, #000428);}
#cj-wrapper .profile-header-wrapper.skyline {background: #1488CC; background: -webkit-linear-gradient(to right, #2B32B2, #1488CC); background: linear-gradient(to right, #2B32B2, #1488CC);}
#cj-wrapper .profile-header-wrapper.witching-hour {background: #c31432; background: -webkit-linear-gradient(to right, #240b36, #c31432); background: linear-gradient(to right, #240b36, #c31432);}
#cj-wrapper .profile-header-wrapper.pure-lust {background: #333333; background: -webkit-linear-gradient(to right, #dd1818, #333333); background: linear-gradient(to right, #dd1818, #333333);}
#cj-wrapper .profile-header-wrapper.sun-rise {background: #FF512F; background: -webkit-linear-gradient(to right, #F09819, #FF512F); background: linear-gradient(to right, #F09819, #FF512F);}
#cj-wrapper .profile-header-wrapper.hazel {background: #77A1D3; background: -webkit-linear-gradient(to right, #E684AE, #79CBCA, #77A1D3); background: linear-gradient(to right, #E684AE, #79CBCA, #77A1D3);}
#cj-wrapper .profile-header-wrapper.blooker {background: #e65c00; background: -webkit-linear-gradient(to right, #F9D423, #e65c00); background: linear-gradient(to right, #F9D423, #e65c00);}
#cj-wrapper .profile-header-wrapper.purple-love {background: #cc2b5e; background: -webkit-linear-gradient(to right, #753a88, #cc2b5e); background: linear-gradient(to right, #753a88, #cc2b5e);}
#cj-wrapper .profile-header-wrapper.bloody-mary {background: #FF512F; background: -webkit-linear-gradient(to right, #DD2476, #FF512F); background: linear-gradient(to right, #DD2476, #FF512F);}
#cj-wrapper .profile-header-wrapper.pinky {background: #DD5E89; background: -webkit-linear-gradient(to right, #F7BB97, #DD5E89); background: linear-gradient(to right, #F7BB97, #DD5E89);}
#cj-wrapper .profile-header-wrapper.flare {background: #f12711; background: -webkit-linear-gradient(to right, #f5af19, #f12711); background: linear-gradient(to right, #f5af19, #f12711);}
#cj-wrapper .profile-header-wrapper.summer {background: #22c1c3; background: -webkit-linear-gradient(to right, #fdbb2d, #22c1c3); background: linear-gradient(to right, #fdbb2d, #22c1c3);}
#cj-wrapper .profile-header-wrapper.sand-to-blue {background: #3E5151; background: -webkit-linear-gradient(to right, #DECBA4, #3E5151); background: linear-gradient(to right, #DECBA4, #3E5151);}
#cj-wrapper .profile-header-wrapper.selenium {background: #3C3B3F; background: -webkit-linear-gradient(to right, #605C3C, #3C3B3F); background: linear-gradient(to right, #605C3C, #3C3B3F);}
#cj-wrapper .profile-header-wrapper.koko-caremel {background: #D1913C; background: -webkit-linear-gradient(to right, #FFD194, #D1913C); background: linear-gradient(to right, #FFD194, #D1913C);}
#cj-wrapper .profile-header-wrapper.kyoto {background: #c21500; background: -webkit-linear-gradient(to right, #ffc500, #c21500); background: linear-gradient(to right, #ffc500, #c21500);}
#cj-wrapper .profile-header-wrapper.harmonic-energy {background: #16A085; background: -webkit-linear-gradient(to right, #F4D03F, #16A085); background: linear-gradient(to right, #F4D03F, #16A085);}
#cj-wrapper .profile-header-wrapper.combi {background: #00416A; background: -webkit-linear-gradient(to right, #FFE000, #799F0C, #00416A); background: linear-gradient(to right, #FFE000, #799F0C, #00416A);}
#cj-wrapper .profile-header-wrapper.velvet-sun {background: #e1eec3; background: -webkit-linear-gradient(to right, #f05053, #e1eec3); background: linear-gradient(to right, #f05053, #e1eec3);}
#cj-wrapper .profile-header-wrapper.army {background: #414d0b; background: -webkit-linear-gradient(to right, #727a17, #414d0b); background: linear-gradient(to right, #727a17, #414d0b);}
#cj-wrapper .profile-header-wrapper.green-to-dark {background: #6A9113; background: -webkit-linear-gradient(to right, #141517, #6A9113); background: linear-gradient(to right, #141517, #6A9113);}
#cj-wrapper .profile-header-wrapper.terminal {background: #000000; background: -webkit-linear-gradient(to right, #0f9b0f, #000000); background: linear-gradient(to right, #0f9b0f, #000000);}
#cj-wrapper .profile-header-wrapper.rainbow-blue {background: #00F260; background: -webkit-linear-gradient(to right, #0575E6, #00F260); background: linear-gradient(to right, #0575E6, #00F260);}
#cj-wrapper .profile-header-wrapper.meridian {background: #283c86; background: -webkit-linear-gradient(to right, #45a247, #283c86); background: linear-gradient(to right, #45a247, #283c86);}
#cj-wrapper .profile-header-wrapper.behengo {background: #52c234; background: -webkit-linear-gradient(to right, #061700, #52c234); background: linear-gradient(to right, #061700, #52c234);}
#cj-wrapper .profile-header-wrapper.red-ocean {background: #1D4350; background: -webkit-linear-gradient(to right, #A43931, #1D4350); background: linear-gradient(to right, #A43931, #1D4350);}
#cj-wrapper .profile-header-wrapper.moonlit-asteroid {background: #0F2027; background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); background: linear-gradient(to right, #2C5364, #203A43, #0F2027);}
#cj-wrapper .profile-header-wrapper.harvey {background: #1f4037; background: -webkit-linear-gradient(to right, #99f2c8, #1f4037); background: linear-gradient(to right, #99f2c8, #1f4037);}
#cj-wrapper .profile-header-wrapper.cosmic-fusion {background: #ff00cc; background: -webkit-linear-gradient(to right, #333399, #ff00cc); background: linear-gradient(to right, #333399, #ff00cc);}
#cj-wrapper .profile-header-wrapper.twitch {background: #6441A5; background: -webkit-linear-gradient(to right, #2a0845, #6441A5); background: linear-gradient(to right, #2a0845, #6441A5);}
#cj-wrapper .profile-header-wrapper.man-of-steel {background: #780206; background: -webkit-linear-gradient(to right, #061161, #780206); background: linear-gradient(to right, #061161, #780206);}
#cj-wrapper .profile-header-wrapper.ultra-voilet {background: #654ea3; background: -webkit-linear-gradient(to right, #eaafc8, #654ea3); background: linear-gradient(to right, #eaafc8, #654ea3);}
#cj-wrapper .profile-header-wrapper.neuromancer {background: #f953c6; background: -webkit-linear-gradient(to right, #b91d73, #f953c6); background: linear-gradient(to right, #b91d73, #f953c6);}
#cj-wrapper .profile-header-wrapper.yoda {background: #FF0099; background: -webkit-linear-gradient(to right, #493240, #FF0099); background: linear-gradient(to right, #493240, #FF0099);}
#cj-wrapper .profile-header-wrapper.instagram {background: #833ab4; background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);}
#cj-wrapper .profile-header-wrapper.flickr {background: #ff0084; background: -webkit-linear-gradient(to right, #33001b, #ff0084); background: linear-gradient(to right, #33001b, #ff0084);}
#cj-wrapper .profile-header-wrapper.pure-pink {background: #7F00FF; background: -webkit-linear-gradient(to right, #E100FF, #7F00FF); background: linear-gradient(to right, #E100FF, #7F00FF);}
#cj-wrapper .profile-header-wrapper.earthly {background: #649173; background: -webkit-linear-gradient(to right, #DBD5A4, #649173); background: linear-gradient(to right, #DBD5A4, #649173);}
#cj-wrapper .profile-header-wrapper.cool-brown {background: #603813; background: -webkit-linear-gradient(to right, #b29f94, #603813); background: linear-gradient(to right, #b29f94, #603813);}
#cj-wrapper .profile-header-wrapper.frozen {background: #403B4A; background: -webkit-linear-gradient(to right, #E7E9BB, #403B4A); background: linear-gradient(to right, #E7E9BB, #403B4A);}

#cj-wrapper .user-about {padding: 15px; margin-top: 0; border-style: solid; border-width: 0 1px 1px 1px; border-collapse: collapse;}
#cj-wrapper .collapsed {height: 2em; overflow: hidden; text-overflow: ellipsis;}
#cj-wrapper .user-about h4 {margin-top: 0;}
#cj-wrapper .user-about.day-and-night {border-color: #3498db;}
#cj-wrapper .user-about.grandeur {border-color: #1CB5E0;}
#cj-wrapper .user-about.very-blue {border-color: #0575E6;}
#cj-wrapper .user-about.frost {border-color: #004e92;}
#cj-wrapper .user-about.skyline {border-color: #1488CC;}
#cj-wrapper .user-about.witching-hour {border-color: #c31432;}
#cj-wrapper .user-about.pure-lust {border-color: #333333;}
#cj-wrapper .user-about.sun-rise {border-color: #FF512F;}
#cj-wrapper .user-about.hazel {border-color: #E684AE;}
#cj-wrapper .user-about.blooker {border-color: #F9D423;}
#cj-wrapper .user-about.purple-love {border-color: #cc2b5e;}
#cj-wrapper .user-about.bloody-mary {border-color: #FF512F;}
#cj-wrapper .user-about.pinky {border-color: #F7BB97;}
#cj-wrapper .user-about.flare {border-color: #f5af19;}
#cj-wrapper .user-about.summer {border-color: #fdbb2d;}
#cj-wrapper .user-about.sand-to-blue {border-color: #DECBA4;}
#cj-wrapper .user-about.selenium {border-color: #3C3B3F;}
#cj-wrapper .user-about.koko-caremel {border-color: #FFD194;}
#cj-wrapper .user-about.kyoto {border-color: #ffc500;}
#cj-wrapper .user-about.harmonic-energy {border-color: #F4D03F;}
#cj-wrapper .user-about.combi {border-color: #FFE000;}
#cj-wrapper .user-about.velvet-sun {border-color: #f05053;}
#cj-wrapper .user-about.army {border-color: #727a17;}
#cj-wrapper .user-about.green-to-dark {border-color: #6A9113;}
#cj-wrapper .user-about.terminal {border-color: #0f9b0f;}
#cj-wrapper .user-about.rainbow-blue {border-color: #0575E6;}
#cj-wrapper .user-about.meridian {border-color: #45a247;}
#cj-wrapper .user-about.behengo {border-color: #52c234;}
#cj-wrapper .user-about.red-ocean {border-color: #1D4350;}
#cj-wrapper .user-about.moonlit-asteroid {border-color: #2C5364;}
#cj-wrapper .user-about.harvey {border-color: #99f2c8;}
#cj-wrapper .user-about.cosmic-fusion {border-color: #ff00cc;}
#cj-wrapper .user-about.twitch {border-color: #6441A5;}
#cj-wrapper .user-about.man-of-steel {border-color: #780206;}
#cj-wrapper .user-about.ultra-voilet {border-color: #eaafc8;}
#cj-wrapper .user-about.neuromancer {border-color: #f953c6;}
#cj-wrapper .user-about.yoda {border-color: #FF0099;}
#cj-wrapper .user-about.instagram {border-color: #fd1d1d;}
#cj-wrapper .user-about.flickr {border-color: #ff0084;}
#cj-wrapper .user-about.pure-pink {border-color: #E100FF;}
#cj-wrapper .user-about.earthly {border-color: #DBD5A4;}
#cj-wrapper .user-about.cool-brown {border-color: #b29f94;}
#cj-wrapper .user-about.frozen {border-color: #E7E9BB;}

#cj-wrapper .registration-form .board {width: 100%;}
#cj-wrapper .registration-form .board .board-inner ul li {margin: 0;}
#cj-wrapper .registration-form .board .nav-tabs {position: relative; margin-bottom: 0; box-sizing: border-box; background-color: transparent;}
#cj-wrapper .registration-form .board > div.board-inner {background: #fafafa url(../images/bg.png); background-size: 30%;}
#cj-wrapper .registration-form p.narrow {width: 60%; margin: 10px auto;}
#cj-wrapper .registration-form .liner {height: 2px; background: #ddd; position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1;}
#cj-wrapper .registration-form .nav-tabs > li.active > a, #cj-wrapper .registration-form .nav-tabs > li.active > a:hover, #cj-wrapper .registration-form .nav-tabs > li.active > a:focus {color: #555555; cursor: default; border: 0; border-bottom-color: transparent;}
#cj-wrapper .registration-form span.round-tabs {width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: white; z-index: 2; position: relative; left: 0; text-align: center; font-size: 25px;}
#cj-wrapper .registration-form span.round-tabs.one {color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);}
#cj-wrapper .registration-form li.active span.round-tabs.one {background: #fff !important; border: 2px solid #ddd; color: rgb(34, 194, 34);}
#cj-wrapper .registration-form span.round-tabs.two {color: #febe29;border: 2px solid #febe29;}
#cj-wrapper .registration-form li.active span.round-tabs.two {background: #fff !important; border: 2px solid #ddd; color: #febe29;}
#cj-wrapper .registration-form span.round-tabs.three {color: #3e5e9a;border: 2px solid #3e5e9a;}
#cj-wrapper .registration-form li.active span.round-tabs.three {background: #fff !important; border: 2px solid #ddd; color: #3e5e9a;}
#cj-wrapper .registration-form span.round-tabs.four {color: #f1685e;border: 2px solid #f1685e;}
#cj-wrapper .registration-form li.active span.round-tabs.four {background: #fff !important; border: 2px solid #ddd; color: #f1685e;}
#cj-wrapper .registration-form span.round-tabs.five {color: #999;border: 2px solid #999;}
#cj-wrapper .registration-form li.active span.round-tabs.five {background: #fff !important; border: 2px solid #ddd; color: #999;}
#cj-wrapper .registration-form .nav-tabs > li.active > a span.round-tabs {background: #fafafa;}
#cj-wrapper .registration-form li:after {content: " "; position: absolute; left: 45%; opacity:0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #ddd; transition:0.1s ease-in-out;}
#cj-wrapper .registration-form .nav-tabs > li a {width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0;}
#cj-wrapper .registration-form .nav-tabs > li a:hover{background: transparent;}
#cj-wrapper .registration-form .tab-pane{position: relative; padding-top: 50px;}
#cj-wrapper .registration-form .tab-content .head{font-family: 'Roboto Condensed', sans-serif; font-size: 25px; text-transform: uppercase; padding-bottom: 10px;}
#cj-wrapper .registration-form .btn-outline-rounded{padding: 10px 40px; margin: 20px 0; border: 2px solid transparent; border-radius: 25px;}
#cj-wrapper .registration-form .btn.green{background-color:#5cb85c;  color: #ffffff;}
@media( max-width : 767px ){
	#cj-wrapper .registration-form .board {width: 100%; height:auto !important;}
	#cj-wrapper .registration-form .board .nav-tabs {margin: auto; width: 50px;}
    #cj-wrapper .registration-form span.round-tabs {font-size:16px; width: 50px; height: 50px; line-height: 50px;}
    #cj-wrapper .registration-form .tab-content .head {font-size:20px;}
    #cj-wrapper .registration-form .nav-tabs > li {display: none;}
    #cj-wrapper .registration-form .nav-tabs > li.active {display: inline-block;}
    #cj-wrapper .registration-form .nav-tabs > li a {width: 50px; height: 50px; line-height:50px;}
    #cj-wrapper .registration-form .btn-outline-rounded {padding:12px 20px;}
}
#cj-wrapper .registration-form .user-details {padding: 2em 0 0;}
#cj-wrapper .registration-form .user-details label {width: auto;}
#cj-wrapper .registration-form .user-details .form-group {position: relative; margin-bottom: 1.5em !important; }
#cj-wrapper .registration-form .user-details .form-control {width: 100%; border: 0px !important; border-bottom: 1px solid #eee !important; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; background: transparent; position: relative; z-index: 2; box-sizing : border-box;}
#cj-wrapper .registration-form .user-details .form-control:focus, #cj-wrapper .registration-form .user-details .form-control:active {outline:none !important; outline-width: 0; border-color: #adadad !important; box-shadow: 0 0 0 0.2rem transparent;}
#cj-wrapper .registration-form .user-details *:focus {outline: none;}
#cj-wrapper .registration-form .form-control-placeholder:not(.error) {position: absolute; top: 0; padding: 0 0 0 13px; transition: all 200ms; opacity: 0.5; border-top: 0px; border-left: 0; border-right: 0; z-index: 1; box-sizing : border-box;}
#cj-wrapper .registration-form .form-control:focus + .form-control-placeholder:not(.error), #cj-wrapper .registration-form .form-control:valid + .form-control-placeholder:not(.error) {font-size: 75%; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 1;}
#cj-wrapper .registration-form .form-control-empty:not(.error) {position: absolute; top: 0; padding: 0 0 0 13px; transition: all 200ms; opacity: 0.5; border-top: 0px; border-left: 0; border-right: 0; z-index: 1; box-sizing : border-box;}
#cj-wrapper .registration-form .form-control:focus + .form-control-empty:not(.error) {font-size: 75%; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 1;}

#cj-wrapper .login-form .main {font-family: "Roboto",sans-serif !important; margin-top:70px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); padding:0px;}
#cj-wrapper .login-form .fb:focus, #cj-wrapper .login-form .fb:hover{color:#fff !important;}
#cj-wrapper .login-form .left-side {padding:0px 0px 100px; background:#9100ff; background-size:cover;}
#cj-wrapper .login-form .left-side h1 {font-size: 60px; font-weight: 900; color:#FFF; padding: 50px 10px 00px 26px;}
#cj-wrapper .login-form .left-side p {font-weight:600; color:#FFF; padding:10px 10px 10px 26px;}
#cj-wrapper .login-form .facebook {background: #2d6bb7; color: #FFF; padding: 10px 15px; border-radius: 18px; font-size: 12px; font-weight: 600; margin-right: 15px; margin-left:26px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
#cj-wrapper .login-form .twitter {background: #20c1ed; color: #FFF; padding: 10px 15px; border-radius: 18px; font-size: 12px; font-weight: 600; margin-right: 15px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
#cj-wrapper .login-form .google {background: #dd4b39; color: #FFF; padding: 10px 15px; border-radius: 18px; font-size: 12px; font-weight: 600; margin-right: 15px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
#cj-wrapper .login-form .linkedin {background: #fff; color: #08829F; padding: 10px 15px; border-radius: 18px; font-size: 12px; font-weight: 600; margin-right: 15px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
#cj-wrapper .login-form .right-side {background:#FFF; background-size:cover;}
#cj-wrapper .login-form .right-side h1{font-size: 30px; font-weight: 700; color:#000; padding: 50px 10px 00px 50px;}
#cj-wrapper .login-form .right-side p {font-weight:600; color:#000; padding:10px 50px 10px 50px;}
#cj-wrapper .login-form .form{padding:10px 50px 10px 50px;}
#cj-wrapper .login-form .form-control{box-shadow: none !important; border-radius: 0px !important; border-bottom: 1px solid #9100ff !important; border-top: none !important; border-left: none !important; border-right: none !important;}
#cj-wrapper .login-form .btn-deep-purple {background: #84d14e; border-radius: 18px; padding: 5px 19px; color: #FFF; font-weight: 600; float: right; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}

#cj-wrapper .poweredby {text-align: center; margin: auto; margin-top: 20px;}