.profile-settings {
    color: #FFF;
    /* min-width: 1100px; */
    /* padding: 90px 120px 40px 120px; */
    /* margin: 0 auto 0 auto!important; */
    font-family: "proxima-nova";
    -webkit-font-smoothing: antialiased;
}

/* section.profile-settings {
    padding: 1px 120px 50px 120px;
} */

.profile-settings h2 {
    font-size: 20px;
    margin:0;
}

.profile-settings h3 {
    font-size: 13px;
    margin: 0px 0px 29px 0px;
    text-transform: uppercase;
}

.profile-settings fieldset {
    margin:0; 
    padding: 0;
    border: none;
}

.profile-settings label:not(.util-small-btn, .util-switch-2, .util-file-input) {
    color: #9e9c9c;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.profile-settings label.util-small-btn {
    display: block;
}

.profile-settings label.util-checkbox-label {
    display: flex;
    margin-bottom: 20px;
    letter-spacing: unset;
}

.profile-settings .util-label {
    letter-spacing: unset;
}

.profile-settings .util-toggle,
.profile-settings .util-select,
.profile-settings .appearance .photo fieldset label,
.profile-settings .appearance .photo .choose-temp-photo fieldset button,
.profile-settings .appearance .delete-avatar-btn {
    width: 232px;
}

.profile-settings .appearance .delete-avatar-btn {
    background: #DD6C69;
    margin-bottom: 20px;
}

.profile-settings .appearance .delete-avatar-btn:disabled {
    opacity: 0.7;
    background-image: url(/img/loader.gif);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 30px;
}

.profile-settings .appearance .delete-avatar-btn.hide {
    display: none;
}

.profile-settings .util-select {
    font-size: 16px;
    max-height: 80px;
}

.profile-settings .util-toggle-with-label {
    margin-bottom: 30px;
}

.profile-settings .util-checkbox-input:checked + .util-checkbox-label:before {
    background: #2DDB73;
}

.profile-settings input:not(.util-input-text),
.profile-settings .profile-bio textarea {
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px 9px 12px;
    margin-top: 11px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    border: solid 1px #979797;
    background-color: #e5e5e5;
}

.profile-settings input[readonly=readonly]{
    background-color: #c1c1c1;
    color: #777777;
}

.profile-settings input::placeholder {
    color: #b5b5b5;
}

.profile-settings .personal-info {
    margin: 15px 0px 45px 0;
}

.profile-settings .personal-info h2.title {
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.profile-settings .personal-info h2.title b {
    text-transform: initial;
}

.profile-subjects h2,
.profile-tray h2 {
    border-bottom: solid 1px #979797;
    margin-bottom: 48px;
    padding-bottom: 15px;
}

.profile-subjects .subject-selector,
.profile-tray .selector {
    width: 90%;
    min-height: 350px;
}

.profile-subjects .subject-selector fieldset {
    width: 50%;
    position: relative;
}

.profile-tray .blocklist {
    color: #FFF;
    text-decoration: underline;
    margin-right: 70px;
}

.profile-tray .blocklist:hover {
    color: #02db73;
}

.profile-tray .selector form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-tray .selector form fieldset {
    width: 40%;
}

.profile-tray .selector form fieldset.update-all {
    width: 50%;
    position: relative;
    top: -2px;
    text-align: right;
}

.profile-tray .selector form fieldset.update-all button {
    width: auto;
    margin-left:10px;
    font-size: 13px;
    padding: 8px 5px;
}

.profile-tray .selector form fieldset.update-all button:hover {
    color: #FFF;
}

.profile-tray .selector fieldset.update-all label {
    color: #fff;
    text-transform: initial;
    letter-spacing: normal;
    padding-left: 25px;
    width: auto;
    display: inline-flex;
    position: relative;
    cursor: pointer;
}

.profile-tray .selector fieldset.update-all label.hide {
    display: none;
}

.profile-tray .selector fieldset.update-all label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #2DDB73;
    border-radius: 4px;
    background-color: #fff;
    display: block;
    position: absolute;
    left:5px;
    top: -7px;
}

.profile-tray .selector fieldset.update-all input:checked ~ label:before {
    background: #FFF url("/img/check-black.png") no-repeat center / 80%;
}


.profile-subjects .subject-selector fieldset {
    border:none;
}

.profile-subjects .subject-selector fieldset input:not(.subject-create-search),
.profile-tray input{
    border: 2px solid #2DDB73;
    margin-bottom: 5px;
    padding:6px 20px 9px 12px;
}



.profile-subjects .subject-selector fieldset small {
    font-size: 14px!important;
    padding-left: 10px!important;
    color: #D1D1D0;
    display: block;
}

.profile-subjects .subject-selector fieldset .subject-list {
    display: none;
    position: absolute;
    top:54px;
    border-radius: 2px;
    background-color: #000;
    padding: 10px;
    z-index: 999;
    width: 65%;
    box-sizing: border-box;
}

.profile-subjects .subject-selector fieldset  .subject-list-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 99;
    display: none;
}

.profile-subjects .subject-selector fieldset .subject-list ul {
    max-height: 250px;
    overflow: scroll;
    margin: 0px;
    padding: 0px 20px;
}

.profile-subjects .subject-selector fieldset .subject-list ul li {
    list-style-type: none;
    padding: 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid #d1d1d1;
}

.profile-subjects .subject-selector fieldset .subject-list ul li:hover {
    color: #2DDB73;
    border-color: #2DDB73;
}

.profile-settings .selected-subject-list  {
    margin-top: 20px;
}

.profile-settings .selected-subject-list .selected-subject, 
.profile-settings .selected-read{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-settings .selected-read .credit {
    background-color: rgb(167, 232, 200) !important;
    border-radius: 50%;
    padding: 10px;
    width: 35px;
    font-size: 14px;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: bold;
    cursor: default;
    overflow: hidden;
}

.profile-settings .selected-read .note {
    padding: 0;
    width: 35px;
    font-size: 14px;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    cursor: default;
    position: relative;
}

.profile-settings .selected-read .note .note-panel {
  position: absolute;
  top: 0;
  width: 500px;
  max-height: 400px;
  overflow: scroll;
  background: #000;
  border: 5px solid #505050;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  z-index: 10000000;
  display: none;
}

.profile-settings .selected-read .note:hover .note-panel {
  display: block;
}

.profile-settings .selected-read .note .note-panel p {
  color: #fff;
  text-align: left;
  margin: 0;
  padding: 0 0 15px 0;
  font-weight: 300;
}

.profile-settings .selected-read .note .note-panel p.quote {
  border-left: 10px solid #fff;
  padding-left: 10px;
  font-weight: bold;
  font-style: italic;
  padding-bottom: 0;
  margin-bottom: 15px;
}

.profile-settings .selected-read .save-read {
    margin-left:15px;
}

.profile-settings .selected-subject-list .selected-subject input {
    width: 100%;
}

.profile-settings .selected-subject-list span {
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 12px 9px 12px;
    margin-top: 11px;
    width: 240px;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    background-color: #e5e5e5;
    border: 2px solid #7b847e;
    margin-bottom: 5px;
    color: #a9a9a9;
    cursor: not-allowed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-settings .selected-subject-list .subject-keywords-preview span {
    display: inline-block;
    width: 330px;
    color: #333;
    cursor: pointer;
    height: 35px;
}

.profile-settings .selected-subject-list fieldset {
    width: auto;
    margin-left: 15px;
 }

 .profile-settings .selected-subject-list fieldset.update-all.hide {
     display: none;
 }

 .profile-settings .selected-subject-list fieldset.subject-name {
    width: 22%;
 }  

 .profile-settings .selected-subject-list fieldset.subject-name .select-wrapper,
 .profile-settings .selected-subject-list fieldset.subject-name .select-wrapper select{
    width: 100%;
 }

 .profile-settings .selected-subject-list fieldset.public .select-wrapper select {
     padding: 7px 25px 9px 12px;
 }


 .profile-settings .selected-subject-list fieldset.public .select-wrapper:after {
    right: 15px;
 }

 .profile-settings .selected-subject-list fieldset.subject-label {
     width: 30%;
 }

 .profile-settings .selected-subject-list fieldset.subject-keywords {
    width: 50%;
}

.profile-settings .selected-subject-list fieldset.total-reads {
    width: 110px;
    position: relative;
}

.profile-settings .selected-subject-list fieldset.total-reads div {
    display: none;
    position: absolute;
    top: -30px;
    width: 180px;
    right: -30px;
    background: #000;
    color: #ccc;
    padding: 7px;
    border-radius: 4px;
    border: 1px solid #777;
    font-size: 12px;
    margin: 0;
    z-index: 1000;
}

.profile-settings .selected-subject-list fieldset.total-reads:hover div {
    display: block;
}

.profile-settings .selected-subject-list a.title {
    width: 40%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    color: #2DDB73;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 10px 6px 0px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-settings .selected-subject-list a.title:hover {
    text-decoration: underline;
}


.profile-settings .selected-subject-list fieldset .select-wrapper {
    position: relative;
    display: inline-block;
    background-color: #e5e5e5;
    margin-top: 8px;
    border-radius: 3px;
}


.profile-settings .selected-subject-list fieldset .select-wrapper:after{
    content: "";
    display: block;
    width: 11px;
    height: 7px;
    position: absolute;
    top: 15px;
    opacity: 0.6;
    right: 15px;
    background: url(/img/arrow-down-black.png) no-repeat center center / cover;
}

.profile-settings .selected-subject-list fieldset .select-wrapper select {
    -webkit-appearance: none;
    border: 2px solid #2DDB73;
    background: transparent;
    position: relative;
    z-index: 999;
    padding: 7px 40px 9px 12px;
    outline: none;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}

.profile-settings .selected-subject-list .remove-btn {
    background: url("/img/trash-red.svg") no-repeat center / cover;
    width: 25px;
    height: 23px;
    display: block;
    margin-left: 15px;
    margin-top: 6px;
    cursor: pointer;
    filter: grayscale(1);
}

.profile-settings .selected-subject-list .remove-btn:hover {
    filter: none;

}

.profile-settings .selected-subject-list input:checked  ~ .pinned-subject{
    filter: none;

}

.profile-settings .selected-subject-list .pinned-subject  {
    background: url(/img/pin.svg) no-repeat center / cover;
    width: 37px;
    height: 33px;
    display: block;
    margin-top: 6px;
    cursor: pointer;
    filter: grayscale(1);
    position: relative;
    top: 3px;
    transform: rotate(28deg);
}

.profile-settings .selected-subject-list .save-subject,
.profile-tray .btn-green {
    margin-left: 20px;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    background-color:#2DDB73;
    color: #000;
    border:none;
    /* pointer-events: none; */
    width: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-settings .selected-subject-list .save-subject i,
.profile-tray .btn-green i {
    display: none;
    width: 20px;
    height: 20px;
    background: url("/img/loader.gif") no-repeat center center / cover;
}

.profile-settings .selected-subject-list .save-subject.active {
    background-color: #2DDB73;
    pointer-events: initial;
}

.profile-settings .selected-subject-list fieldset .tip {
    width: 15px;
    height: 15px;
    background: url(/img/icons/questionMark.svg) no-repeat center center / cover;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top: 20px;
    right: 5px;
    z-index: 99999;
}

.profile-settings .selected-subject-list .subject-keywords {
    padding-right: 27px;
}

.profile-settings .selected-subject-list .subject-keywords textarea {
    width: 500px;
    height: 300px;
    border: 5px solid #2DDB73;
    padding: 10px;
    position: absolute;
    left: -100px;
    z-index: 9999999;
    top: -15px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    font-family: proxima-nova;
    top: -150px;
}

.profile-settings .selected-subject-list .subject-keywords .remove-textarea {
    position: absolute;
    left: -80px;
    top: 102px;
    z-index: 99999999999;
    cursor: pointer;
}

.profile-settings .selected-subject-list fieldset .maximize-input {
    width: 20px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 18px;
}

.profile-settings .selected-subject-list fieldset .tip p {
    display: none;
    width: 250px;
    font-size: 11px;
    background: #818188;
    color: #000;
    letter-spacing: normal;
    text-transform: initial;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    top: 20px;
    z-index: 999;
}

.profile-settings .selected-subject-list fieldset.subject-keywords .tip {
    right: 31px;
}

.profile-tray fieldset {
    width: 100%;
}

.profile-tray fieldset input {
    width: 65%;
}

.profile-tray fieldset button {
    display: inline-flex!important;
    font-size: 15px;
    top: 2px;
    outline: none;
    position: relative;
}

.profile-settings .selected-subject-list fieldset .tip:hover p {
    display: block;
}

.profile-settings .personal-info  .mb-40{
    margin-bottom: 40px;
}

.profile-settings .personal-info .connect-linkedin {
    margin-bottom: 14px;
}

.profile-settings .personal-info .connect-linkedin button{
    background-color: #1587bb;
    margin: 10px 0px 16px 0px;
    color: #FFF;
    text-transform: uppercase;
    border:none;
    font-size: 14px;
    padding: 6px 12px 9px 12px;
    text-align: left;
    width: 260px;
    font-weight: bold;
}

.profile-settings .personal-info .connect-linkedin p{
    font-size: 14px;
    font-weight: bold;
}

.profile-settings .personal-info .content{
    width: 100%;
}

.profile-settings .personal-info  {
    padding-bottom: 50px;
}

.profile-settings .personal-info fieldset {
    width: 43%;
    margin-right: 27px;
    display: inline-block;
    margin-bottom: 20px;
}

.profile-settings .personal-info fieldset.full {
    display: block;
    width: 55%;
}

.profile-settings .personal-info fieldset.additional-title {
    margin-top: 5px;
}

.profile-settings .personal-info fieldset.additional-title button {
    background: transparent;
    outline: none;
    border:none;
    color: #E0E0E0;
    font-size: 12px;
    display: flex;
    align-items: center;
    text-align: left;
    padding:0;
    cursor: pointer;
}

.profile-settings .personal-info fieldset.additional-title button i {
    background: url("/img/add-circle.png") no-repeat center center / cover;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 5px; 
}

.profile-settings .personal-info fieldset.additional-title > div {
    display: none;
}


.profile-settings .subjects {
    padding: 60px 100px;
}

.profile-settings .subjects {
    padding: 24px 0px 45px 0;
    margin: 15px 0px 45px 0;
}

.profile-settings .subjects h2 {
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #FFF;
}


.profile-settings .personal-info .row {
    display: flex;
}

.profile-settings .personal-info .row .col {
    width: 50%;
}

.profile-settings .personal-info .row .col:first-child {
    border-right: 1px solid #979797;
    padding-right: 0px;
    margin-right: 45px;
}

.profile-settings .profile-url {
    display: block!important;
    margin-bottom: 35px;
}

.profile-settings .profile-url h3 {
    font-size: 18px;
    text-transform: initial;
    margin:0;
}


.profile-settings .profile-url p {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 28px;
}

.profile-settings .profile-url span {
    font-weight: bold;
    color: #969696;
    font-size: 18px;;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .profile-url form {
    display: flex;
    font-size: 20px;
    margin-top: 32px;
    align-items: center;
    font-weight: bold;
    width: 100%;
}

.profile-settings .profile-url > div {
    margin: 20px 0px 7px 0px;
}

.profile-settings .profile-url input {
    margin:0 0 0 0px;
    width: 260px;
    border-color: #2DDB73;
}

.profile-settings .profile-url  small {
    color: #DBDBDB;
    font-size: 12px;
    font-weight: normal;
}

.profile-settings .profile-url  small  b {
    color: #FFFFFF;
}

.profile-settings .profile-url button {
    width: auto;
    margin: 0 0 0 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: inline!important;
    outline: none;
}

.profile-settings .profile-url .save-btn i {
    width: 23px;
    height: 14px;
}

.profile-settings .profile-appearance h2 {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.profile-settings .profile-appearance h2 span {
    text-transform: none;
}

.profile-settings .profile-appearance h2 #lastName {
    text-transform: uppercase;
}

.profile-settings .appearance .photo .theme  {
    z-index: 9;
    position: relative;
    margin-bottom: 30px;
}

.profile-settings .appearance .photo .theme label{
    margin-bottom: 30px;
}

.profile-settings .appearance .photo .theme fieldset {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    margin-top: 0;
    padding-bottom: 0;
}

.profile-settings .appearance .photo .theme fieldset:last-child {
    margin-right: 0;
}

.profile-settings .appearance .photo .theme fieldset label {
    width: 23px;
    height: 23px;
    border-radius: 6px;
    margin:0;
    cursor: pointer;
}

.profile-settings .appearance .photo .theme fieldset input:checked ~ label:after {
    content: '';
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #636363;
    position: absolute;
    z-index: -1;
    left: -6px;
    top: -6px;
}
.profile-settings .appearance .photo {
    margin-top: 35px;
}

.profile-settings .appearance .photo .field-wrapper {
    display: flex;
    margin-top: 17px;
}

.profile-settings .appearance .photo .info {
    font-size: 14px;
    color: #8E8E8F;
    font-weight: 900;
    display: inline;
    margin-left: 15px;
}

.profile-settings .appearance .select-wrapper {
    position: relative;
    width: auto;
    display: inline-block;
}

.profile-settings .appearance .select-wrapper:after{
    content: '';
    width: 12px;
    height: 8px;
    background: url("/img/arrow-down-green.png") center center / cover;
    display:block;
    position: absolute;
    right: 17px;
    top: 14px;
}

.profile-settings .appearance .select-wrapper  select {
    -webkit-appearance: none;
    background-color: #12131C;
    border: 1px solid #828282;
    border-radius: 17.5px;
    height: 35px;
    font-size: 14px;
    color: #8E8E8F;
    outline: none;
    min-width: 200px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0px 30px 0px 15px;
}

.profile-settings .appearance .photo fieldset {
    margin-right: 18px;
    margin-top: 40px;
    width: auto;
    position: relative;
    padding-bottom: 50px;
}

.profile-settings .appearance .photo fieldset svg {
    position: absolute;
    bottom: 6px;
    left: 20%;
    height: 42px;
    width: 33px;
}

.profile-settings .appearance .photo fieldset label {
    height: auto;
    display: inline-block;
    background-color: #2DDB73;
    color: #000000;
    padding: 10px;
    box-sizing: border-box;
    font-family: "proxima-nova";
    font-size: 14px!important;
    -webkit-font-smoothing: antialiased;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: -0.7;
}

.profile-settings .appearance .photo fieldset small {
    font-weight: bold;
    color: #706969;
    font-size: 14px!important;
}


.profile-settings .appearance .photo .sample-photos span{
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 11px;
}

.profile-settings .appearance .photo .sample-photos img{
    display: inline-block;
    width: 142px;
    height: 84px;
    margin-right: 13px;
    background: #818181;
    border: solid 1px #979797;
    object-fit: cover;
}

.profile-settings .appearance .photo .sample-photos img:last-child {
    margin-right: 0;
}

.profile-settings .appearance .photo .choose-temp-photo {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.profile-settings .appearance .photo .choose-temp-photo fieldset button {
    top:0;
    font-size: 14px!important;
    padding: 10px;
    box-sizing: border-box;
    font-family: "proxima-nova";
    color: #000000;
    background-color: #2DDB73;
    text-transform: lowercase;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .appearance .photo .choose-temp-photo fieldset.userPhoto {
    margin-right: 35px!important;
    padding-bottom: 5px !important;
}

.profile-settings .appearance .photo .choose-temp-photo fieldset.userPhoto.hide {
    display: none;
}

.profile-settings .appearance .photo .choose-temp-photo small.uppercase {
    text-transform: uppercase;
}

.profile-settings .appearance .media-size-err {
    color:red;
    font-size: 16px;
    display: block;
    margin-top: 2px;
    margin-bottom: 0px!important;
}


.profile-settings .appearance .photo .choose-temp-photo .temp-photo-container.hide {
    display:none;
}

.profile-settings .appearance .photo .choose-temp-photo .temp-photo-container {
    width: 50%!important;
}

.temp-photo-container.company {
    width: 50% !important;
    top: 40%;
}


.temp-photo-container.company .container {
    height: 350px!important;
}


.profile-settings .appearance .photo .choose-temp-photo .temp-photo-container .container {
    height: 350px!important;
}

.profile-settings .appearance .photo .choose-temp-photo .temp-photo-container .container img {
    height: 105px;
}

.profile-settings #mobileView {
    position: relative;
    margin-left: 40px;
}

.profile-settings #desktopView .badges svg,
.profile-settings #mobileView .badges svg {
    width: 15px!important;
    height: 20px!important;
    margin:0px;
}

.profile-settings .appearance .examples-mobile {
    position: absolute;
    position: absolute;
    left: 281px;
    top: 0;
    width: 245px;
}

.profile-settings .appearance .examples-mobile p {
    margin: 0 0 25px 0;
    font-size: 13px;
    font-weight: bold;
}
.profile-settings .appearance .examples-mobile img{
    width: 79px;
    height: 135px;
    display: inline-block;
    float: left;
    border:1px solid #fff;
}

.profile-settings .appearance .examples-mobile img:last-child {
    margin-left: 20px;
}

.profile-settings .appearance .info {
    margin-top: 44px;
    font-size: 14px;
    font-weight: bold;
    width: 75%;
}

.profile-settings .appearance .preview {
    padding: 0px 0px 40px 0;
    margin: 0px 0px 0px 0;
    display: flex;
}

.profile-settings .appearance .preview section.cover {
    background: #605c5c;
    /* border: solid 1px #ffffff; */
    width: 800px;
	height: 450px!important;
    min-height: initial!important;
    overflow: hidden;
    margin-left:0!important;
    margin-right: 0;
    margin-bottom: 40px!important;
}

.profile-settings .appearance .preview section.cover .profile {
    justify-content: flex-start;
}

.profile-settings .appearance .preview section.cover .profile .bottom-link {
    height: 45px;
    width: 314px;
    margin-left: -28px;
}


.profile-settings .appearance .preview section.cover .user-img-wrapper {
    width: 800px;
    height: 450px;
    position: absolute;
    overflow: hidden;
    cursor: move;
}

.profile-settings .appearance .preview section.cover .user-img-wrapper img {
    position: absolute;
}

.profile-settings .appearance .preview section.cover .badges {
    margin-bottom: 20px!important;
}

.profile-settings .appearance .preview section.cover .cursor {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    transition: all 0.2s ease;
}

.profile-settings .appearance .preview section.cover .cursor.hide {
    display: none!important;
}

.profile-settings .appearance .preview section.cover.mobile .cursor {
    top: 89px;
    bottom: initial;
}

.profile-settings .appearance .preview section.cover:hover .cursor{
    visibility: hidden;
    opacity: 0;
    z-index: -10;
}

.profile-settings .appearance .preview section.cover .row{
    padding: 30px 0px 0px 28px!important;
}


.profile-settings .appearance .standard-cover.preview  {
    width: 800px!important;
    border:none!important;
    padding: 0;
    margin: 0 0 22px 0px;
    display: block;
}

.profile-settings .appearance .standard-cover.preview > div {
    display: flex;
    border: 1px solid #1D1D1D;
    height: 211px;
    margin-bottom: 25px;
}

.profile-settings .appearance .standard-cover.preview .profile.small {
    width: 160px;
    background-color: #000;
    text-align: center;
    padding:15px 0px 0px 0px;
    margin:0;
    display: block;
}

.profile-settings .appearance .standard-cover.preview section.cover{
    width: calc(800px - 160px);
    border: none;
    padding:0;
    margin: 0!important;
    height: 211px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .profile:before,
.profile-settings .appearance .standard-cover.preview section.cover .profile:after,
.profile-settings .appearance .standard-cover.preview .profile.small:after {
    display: none;
}

.profile-settings .appearance .standard-cover.preview .profile.small img {
    width: 112px;
    height: 112px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.profile-settings .appearance .standard-cover.preview .profile.small .badges {
    margin-top: 10px;
}

.profile-settings .appearance .standard-cover.preview .profile.small .badges svg {
    width: 16px;
    height: 22px;
    margin-right: 2px;
}

.profile-settings .appearance .standard-cover.preview section.cover .profile h2 {
    font-size: 24px;
    line-height: 22px;
}

.profile-settings .appearance .preview section.cover.low-res .profile {
    padding-top: 15px!important;
    padding-left: 20px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .trigger {
    display:block;
    font-size: 8px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover h1 {
    font-weight: 900;
    margin: 15px 0px 5px 0px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .badges svg {
    width: 15px;
    height: 18px;
}

.profile-settings .appearance .standard-cover.preview section.cover .social-links {
    left:15px;
}

.profile-settings .appearance .standard-cover.preview section.cover .social-links a {
    width: 16px;
    height: 16px;
    margin-right: 0px;
}

.profile-settings .appearance .standard-cover.preview section.cover .pin,
.profile-settings .appearance .standard-cover.preview section.cover .browse{
    height: 26px!important;
    margin-bottom: 5px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .pin:nth-child(3) {
    width: 155px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .browse {
    width: 185px!important;
    margin-bottom: 0px!important;
}

.profile-settings .appearance .standard-cover.preview section.cover .favs {
    width: 143px;
    height: 26px;
    position: relative;
    display: block;
    background: #212121;
    z-index: 9999;
    opacity: 1;
    bottom: inherit;
    right: -15px;
    margin-top: 18px;
    padding: 0;
    left: initial;
}


.profile-settings .appearance .high-res h3{
    text-transform: initial;
    font-size: 18px;
    max-width: 800px;
    margin:0;
}

.profile-settings .appearance .high-res h3 b{
    color: #FF5C5C;
    text-transform: initial;
}

.profile-settings .appearance .high-res h3 a {
    color: #5DFDA1;
}

.profile-settings .appearance .high-res h3 a:hover {
    text-decoration: underline;
}

.profile-settings .appearance .high-res .row {
    display: flex;
    margin: 25px 0px;
}

.profile-settings .appearance .high-res .row .col{
    margin-right: 20px;
}

.profile-settings .appearance .high-res .row .col:last-child {
    margin-right: 0px;
}

.profile-settings .appearance .high-res .row .col label {
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    padding: 0px;
    margin: 0 0 10px 0px;
    letter-spacing: initial;
    text-transform: initial;
}

.profile-settings .appearance .high-res .row .col img {
    width: 158px;
    height: 105px;
    display: inline-block;
}

.profile-settings .appearance .high-res fieldset {
    margin-top: 25px;
    padding-bottom: 0px;
}

.profile-settings .appearance .preview section.cover {
    margin-top: 0px!important;
}


.profile-settings .appearance .hide {
    display: none!important;
}

.profile-settings .appearance .preview section.cover.low-res .profile:after {
    display: none;
}

.profile-settings .appearance .preview section.cover.low-res .profile::before {
    content: '';
    background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
    width: 250px!important;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: -1;
}

.profile-settings .appearance .preview section.cover.low-res .row {
    padding: 0px!important;;
    width: 100%;
}


.profile-settings .appearance .preview section.cover .row .profile::before {
    z-index: -3;
    width: 170px;
}


.profile-settings .appearance .preview section.cover.mobile .row .profile::before {
    z-index: -3;
    width: 60px;
}

.profile-settings .appearance .preview section.cover .profile-image {
    position: absolute;
    object-fit: cover;
    object-position: left;
    cursor: move;
}

.profile-settings .appearance .preview section.cover.low-res .profile-image {
    cursor: default;
    top: 50%!important;
    left:0!important;
    transform: translateY(-50%);
    object-position: center!important;

}



.profile-settings .appearance .preview section.cover.mobile .profile-image{
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.profile-settings .appearance .preview section.cover.mobile .placeholder {
    height: 27px;
    background-color: #212121;
    width: 100%;
}

#mobileView .myrange {
    margin-left: 40px;
}

.profile-settings .appearance .preview section.cover .favs a:after, 
.profile-settings .appearance .preview section.cover .reads::before{
    display: none;
}

.profile-settings .appearance .preview section.cover .profile h2 {
    font-size: 1.75rem;
    line-height: 24px;
    margin-bottom: 5px;
    border:none;
    padding-bottom:0px;
}

.profile-settings .appearance .preview section.cover .profile h1{
    font-size: 1.75rem!important;
    line-height: 24px;
}

.profile-settings .appearance .preview section.cover .profile h1{ 
    font-size: 1.75rem;
    display: inline-block;
    margin-top: 10px;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .appearance .preview section.cover .profile h3, 
.profile-settings .appearance .preview section.cover .profile h3.stats-h3 {
    font-size: 0.875rem;
}

.profile-settings .appearance .preview section.cover .profile h3 {
    margin-bottom: 126px;
}

.profile-settings .appearance .preview section.cover .profile h3.stats-h3 {
    display: inline-block;
    margin-left: 5px;
}

.profile-settings .appearance .preview section.cover .reads {
    margin-top: 18px;
}
.profile-settings .appearance .preview section.cover .pinned {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: -15px;
}

.profile-settings .appearance .preview section.cover .pinned .pin{
    background-color: #000000;
    height: 36px;
    width: 105px;
    margin-bottom: 14px;
    display: inline-block;
}

.profile-settings .appearance .preview section.cover .pinned .pin:nth-child(2n) {
    box-shadow: initial;
    width: 124px;
}

.profile-settings .appearance .preview section.cover .pinned .pin:nth-child(3n){
    box-shadow: initial;
    width: 98px;
}

section.cover .reads .favs {
    right: 0;
}

.profile-settings .appearance .preview section.cover .reads .favs a  {
    width: 98px;
    height: 36px;
    padding:0;
    background-color: #212121;
}

.profile-settings .appearance .preview section.cover .reads .browse {
    right: 0;
    padding:15px;
    height: fit-content;
    background-color: #3aff98;
}

.profile-settings .appearance .preview section.cover .filters-wrap {
    display: flex;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct {
    margin-right: 22px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct:last-child {
    margin-right: 0px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct .filter {
    background: #000;
    height: 7px;
    margin-bottom: 5px;
    width: 30px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct .filter:nth-child(2) {
    width: 40px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct .filter:nth-child(3) {
    width: 57px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct .filter:nth-child(4) {
    width: 45px;
}

.profile-settings .appearance .preview section.cover .filters-wrap .filter-ct .filter:nth-child(5) {
    width: 47px;
}

.profile-settings .appearance .preview .profile .badges img {
    width: 17px;
    height: 23px;
}

.profile-settings .appearance .preview section.cover .subjects.professional {
    margin: 16px 0px 12px 0px;
    padding:0px;
    bottom: auto!important;
}

.profile-settings .appearance .preview section.cover .subjects.personal {
    padding: 0;
    bottom: 0!important;
    margin-bottom: 10px;
}

.profile-settings #mobileView .subjects.personal, 
.profile-settings #mobileView .subjects.professional {
    position: relative!important;
}

.profile-settings .appearance .preview section.cover .subjects a {
    font-size: 0.75rem!important;
    line-height: 14px;
    display: block;
}

.profile-settings .appearance .preview section.cover.mobile {
    width: 170px;
    margin-left: 40px;
    display: inline-block;
}

.profile-settings .appearance .preview section.cover.mobile .row {
    padding: 0!important;
    height: auto;
}

.profile-settings .appearance .preview section.cover.mobile .profile h2,
.profile-settings .appearance .preview section.cover.mobile .profile h1 {
    font-size: 18px;
    line-height: 16px;
}

.profile-settings .appearance .preview section.cover.mobile .profile h2 {
    margin-bottom: 10px;
}

.profile-settings .appearance .preview section.cover.mobile .profile h1 {
    margin: 20px 0px 8px 0px;
}


.profile-settings .appearance .preview section.cover.mobile .placeholder{
    width: 100%;
    height: 27px;
    margin-bottom: 3px;
    background-color: #212121;
    position: relative;
    z-index: 99;
}

.profile-settings .appearance .preview section.cover.mobile .placeholder:last-child {
    margin-bottom: 0;
    background-color: #3aff98;
}

.profile-settings .appearance .preview section.cover.mobile .profile h3 {
    font-size: 10px;
}

.profile-settings .appearance .preview section.cover.mobile .profile h3.stats-h3{
    margin-left: 3px;
}

.profile-settings .appearance .preview section.cover.mobile .profile .badges img,
.profile-settings .appearance .preview section.cover.mobile .profile .badges svg {
    width: 15px;
    height: 20px;
}

.profile-settings .appearance .preview section.cover.mobile .subjects.personal {
    margin-bottom: 12px;
}

.profile-settings .appearance .preview section.cover.mobile .subjects a {
    font-size: 8px!important;
    line-height: 10px;
}


.profile-settings .appearance .extra-details {
    padding: 50px 0px 50px 0;
    -webkit-font-smoothing: antialiased;

}

.profile-settings .appearance .extra-details .row {
    display:flex;
}

.profile-settings .appearance .extra-details .row .col {
    width: 49%;
}

.profile-settings .appearance .extra-details  h2 b {
    text-transform: initial;
}

.profile-settings .appearance .extra-details label {
    margin: 58px 0px 31px 0px;
}

.profile-settings .appearance .extra-details fieldset label {
    margin: 0px 0px 10px 0px;
}

.profile-settings .appearance .extra-details fieldset input {
    width: 200px;
    margin: 0px 0px 29px 0px;
}

.profile-settings .appearance .extra-details fieldset small {
    font-weight: bold;
    color:#B5B5B5;
    font-size: 14px;
}

.profile-settings .save-btn,
.profile-settings .save-profile-sections.save-profile-sections {
    background-color: #00bb55;
    padding: 22px 34px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    border:none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 15px;
    -webkit-font-smoothing: initial;
}
.profile-settings .save-btn,
.profile-settings .save-btn + p {
    display: none;
}



.profile-settings .save-btn:disabled {
    opacity: 0.8;
}

.profile-settings .save-btn i {
    display: none;
    position: relative;
    top:2px;
    width: 30px;
    height: 20px;
    background: url("/img/loader.gif") no-repeat center center / cover;
}

.profile-settings .save-btn:disabled i {
    display: inline-block;
}

.profile-settings .save-profile-sections.save-profile-sections {
    margin: 40px auto 15px auto!important;
    letter-spacing: normal;
}

.profile-settings .save-btn + p,
.save-text {
	text-align: center;
	color: #fff;
}

.profile-settings .btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-settings .btn-container  .save-btn,
.profile-settings .btn-container  .save-text {
    width: auto;
    margin:0;
}

.profile-settings .btn-container  .save-btn{
    color: #000000;
    font-weight: 900;
    font-family: "proxima-nova";
    text-transform: initial;
    font-size: 30px;
    padding: 10px 40px;
    border-radius: 0px;
    background: #2DDB73;
}

.profile-settings .btn-container  .save-text a {
    font-size: 30px;
    color: #4F4F4F;
    font-weight: 900;
    line-height: 18px;
    letter-spacing: -1.5;
    margin-right: 40px;
}

.profile-settings .save-btn + p a,
.save-text a {
	color: #fff;
}

.profile-sections {
    text-align: left;
    width: 100%;
    font-family: proxima-nova, sans-serif;
  }

  .profile-sections h2 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
  }

  .profile-sections .save-profile-sections {
    border-radius: 5px;
    background-color: #2ecd6e;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    padding: 23px 5%;
    margin: 25px auto;
    border: none;
    font-weight: bold;
    display: none;
    letter-spacing: 5.14px;
  }

  .profile-sections .row {
    margin-top: 20px;
    width: 100%;
    justify-content: left;
    display: flex;
  }
  .profile-sections .col {
    width: 50%;
    box-sizing: border-box;
    padding-left: 37px;
  }
  .profile-sections .col:first-child {
    border-right: 1px solid #979797;
    padding-left: 0;
    padding-right: 20px;
  }
  .profile-sections .col h3 {
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    font-family: proxima-nova, sans-serif;
  }
  .profile-sections .col h3 b {
    text-transform: uppercase;
    margin: 0;
  }
  .profile-sections .col h3 b.subject-type {
      padding: 1px 5px;
      display: inline-block;
      color: #000;
  }
  .profile-sections .col span {
    font-size: 18px;
  }
  .profile-sections .col.full {
    width: 100%;
    border: none;
  }
  .profile-sections .col.full .subject {
    width: 23%;
  }
  .profile-sections .col.full .subject.show .cat.show {
    width: 23% !important;
  }
  .profile-sections .col.full .subject.show .sub-cat.show span.show {
    width: 23% !important;
  }
  .profile-sections .col.full .subject.show .sub-cat.show .sub-subject {
    width: 23% !important;
  }
  .profile-sections .subjects {
    margin-top: 41px;
    max-height: 550px;
    overflow: scroll;
  }

  .profile-sections .subjects .subject {
    width: 48%;
    margin-bottom: 35px!important;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
  }
  .profile-sections .subjects .subject.show {
    width: 100% !important;
  }
  .profile-sections .subjects .subject.show .cat.show, .profile-sections .subjects .subject.show span.show {
    width: 48% !important;
  }
  .profile-sections .subjects .subject.show .sub-cats.show {
    text-align: left;
    margin-left: 15px;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject {
    width: 45% !important;
    display: inline-block;
    margin-right: 8px !important;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.show {
    width: 100% !important;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.show .sub-cats.show {
    height: initial !important;
    overflow: initial !important;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub {
    margin-bottom: 8px;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub img {
    height: 163px;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub .cat {
    height: 163px;
    margin-bottom: 0;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub.active .cat:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #02db73;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
  }

  .profile-sections .subject.selected > .cat:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #02db73;
    opacity: 0.6;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
  }

  .profile-sections .subject.selected > .cat h4 {
    color: #fff;
  }

  .profile-sections .subject.selected > .cat img {
      filter:none;
  }


  .profile-sections .sub-subject.selected > .cat:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #02db73;
    opacity: 0.6;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
  }

  .profile-sections .sub-subject.selected > .cat h4 {
    color: #fff;
  }

  .profile-sections .sub-subject.selected > .cat img {
      filter:none;
  }

  .profile-sections.subjects {
      position: relative;
  }

  .profile-subjects .simple-url {
      color: #fff;
      cursor: pointer;
      font-size: 18px;
      margin-bottom: 40px;
      display: block;
      font-weight: lighter;
      text-decoration: none;
  }

  .profile-subjects .simple-url.subject-recommend {
    font-size: 16px;
    margin: 10px 0px 24px 10px;
  }

  .profile-subjects .simple-url span {
    color: #00FF7F;
  }

  .profile-subjects  h1{
      font-size: 32px;
      margin:0;
      margin-bottom: 20px;
  }

  .profile-subjects p,
  .profile-tray p  {
      margin-bottom: 25px;
      font-size: 18px;
  }

  .profile-subjects p b {
      font-weight: 900;
  }

  .profile-subjects p i {
      font-style: normal;
      font-size: 14px;
      text-transform: uppercase;
 }

 .profile-subjects h2.for-more {
     font-size: 14px;
     font-weight: 900;
     margin-bottom: 30px;
     padding-bottom: 5px;

 }



  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub.active .cat img {
    filter: initial;
  }
  .profile-sections .subjects .subject.show .sub-cats.show .sub-subject.no-sub.active .cat h4 {
    color: #fff;
    text-align: center;
  }
  .profile-sections .subjects .subject.show .cat.show:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #02db73;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
  }
  .profile-sections .subjects .subject.show .cat.show img {
    filter: initial;
  }
  .profile-sections .subjects .subject.show .cat.show h4 {
    color: #fff;
    text-align: center;
  }
  .profile-sections .subjects .subject .sub-cats .subject {
    width: 24%;
    margin-bottom: 8px;
  }
  .profile-sections .subjects .subject .sub-cats .subject .cat, .profile-sections .subjects .subject .sub-cats .subject .sub-cat, .profile-sections .subjects .subject .sub-cats .subject .sub-cat span {
    width: 100%;
  }
  .profile-sections .subjects .subject.no-sub img {
    height: 163px;
  }
  .profile-sections .subjects .subject.no-sub .cat {
    height: 163px;
    margin-bottom: 0;
  }
  .profile-sections .subjects .subject img {
    width: 100%;
    height: 107px;
    object-fit: cover;
    filter: brightness(0.3);
  }
  .profile-sections .subjects .subject h4 {
    position: absolute;
    color: #8d8d8d;
    font-size: 18px;
    text-align: center;
    padding: 0px 15px;
    margin: 0;
    text-transform: uppercase;
    z-index: 99;
  }
  .profile-sections .subjects .subject .cat {
    height: 107px;
    position: relative;
    margin-bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .profile-sections .subjects .subject .cat:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #02db73;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .profile-sections .subjects .subject .cat:hover h4 {
    color: #fff;
  }
  .profile-sections .subjects .subject .cat:hover img {
    filter: initial;
  }
  .profile-sections .subjects .sub-cat {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
  }
  .profile-sections .subjects .sub-cat span {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    color: #8d8d8d;
    background: #4f4e4e;
    cursor: pointer;
  }
  .profile-sections .subjects .sub-cat.show .sub-cats.show {
    height: initial !important;
    overflow: initial !important;
  }
  .profile-sections .subjects .sub-cat.show span.show {
    font-size: 0px !important;
    background-image: url(../img/icons/chevron-arrow-up-grey.svg) !important;
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .profile-sections .subjects .sub-cat .sub-cats {
    width: 100%;
    margin-top: 2px;
    height: 0;
    text-align: center;
    overflow: hidden;
  }
  .profile-sections .subjects .sub-cat .sub-cats span {
    font-size: 14px;
    background-image: none;
  }

  .profile-subjects .subjects .sub-cat.show .sub-cats {
    border: none;
  }


.profile-settings input.myrange {
    width: 202px;
    height: 6px;
    height: 6px;
    border-radius: 6.5px;
    background-color: #766f6f;
    -webkit-appearance: none;
    border: 0;
    margin: 0 auto 30px auto;
    padding:0;
    display: block;
    position: relative;
}

.profile-settings small.range-text {
    font-size: 14px;
    color: #C3C3C3;
    display: block;
    text-align: center;
}

.profile-settings .reposition-label {
    font-size: 12px;
    color: #C3C3C3;
    display: block;
}

.profile-settings small.range-text b {
    color: #FFF;
}


.myrange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
  }

  .myrange::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #fff;
    cursor: pointer;
  }

  .myrange:after {
    content : "+";
    font-size: 13px;
    color: #fff;
    display:block;
    position: absolute;
    right: -15px;
    top: -5px;
}

  .myrange:before {
      content : "-";
      font-size: 13px;
      color: #fff;
      display:block;
      position: absolute;
      left: -10px;
      top: -5px;
  }
  

  .subjects-overlay, .keyword-editor {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
  }
  .subjects-overlay.show, .keyword-editor.show {
    display: flex;
  }
  .subjects-overlay .content, .keyword-editor .content {
    background: #fff;
    border-radius: 5px;
    padding: 45px;
    width: 360px;
    text-align: center;
  }

  .subjects-overlay .content {
    min-width: fit-content;
  }
  
  .keyword-editor .content {
    width: 90%;
    background-color: #111015;
    border: 1px solid #505050;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    max-height: 80%;
    overflow: auto;
  }
  
  .keyword-editor .content h2 {
    margin-bottom: 10px;
    margin-top:0;
  }
  
  .keyword-editor .content .keywords {
    padding: 0 0 25px 0;
  }
  
  .keyword-editor .content .keywords b {
    color: #505050;
  }
  
  .keyword-editor .content .keywords span, .keyword-editor .content p span.sample, .keyword-editor .content .keywords input {
    display: inline-block;
    background-color: #111015;
    border: 1px solid #505050;
    box-sizing: border-box;
    padding: 5px;
    margin: 2px;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .keyword-editor .content .keywords span b {
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background: #880000;
    color: #fff;
    display: none;
    margin-left: 5px;
  }
  
  .keyword-editor .content .keywords span:hover b {
    display: inline-block;
  }
  
  .keyword-editor .content .keywords span:hover b:hover {
    background: #f00;
  }
  
  .keyword-editor .content .keywords input {
    cursor: text;
    background-color: #fff;
    color: #222; 
  }
  
  .keyword-editor .content p .sample { margin: 0; }
  .keyword-editor .content p .sample.on { background: #02db73; }
  
  .keyword-editor .content .keywords span.on {
    background: #02db73;
  }
  
  .keyword-editor .content h3 {
    margin: 0;
    padding: 0 0 5px 0;  
  }
  
  .keyword-editor .content h3 span {
    font-weight: normal;
    color: #777;
    font-size: 14px;
  }
  
  .keyword-editor .content button,
  .reset-overall-keywords {
    background: #02db73;
    color: #fff;
    padding: 6px 20px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
  }

  .reset-overall-keywords {
    margin: 24px 0;
  }

  .reset-overall-popup-ct {
    z-index: 99999;
  }

  .reset-popup-ct .util-popup,
  .reset-overall-popup-ct .util-popup {
      max-width: 400px;
  }

  .reset-overall-popup-ct .util-popup {
    max-width: 433px;
  }

  .reset-popup-ct .btns-ct,
  .reset-overall-popup-ct .btns-ct {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
  }

  .reset-popup-ct p,
  .reset-overall-popup-ct p {
      font-size: 18px;
      text-align: center;
  }

  .reset-popup-ct p:first-of-type,
  .reset-overall-popup-ct p:first-of-type {
      font-weight: 900;
      font-size: 24px;
  }

  .reset-popup-ct .util-cancel-bt,
  .reset-overall-popup-ct .util-cancel-btn {
      margin-right: 16px;
  }

  .reset-popup-ct .util-cancel-btn,
  .reset-popup-ct .util-delete-btn,
  .reset-overall-popup-ct .util-cancel-btn,
  .reset-overall-popup-ct .util-delete-btn {
    padding: 8px 16px;
    font-size: 18px;
    flex: 1;
  }

  .confirm-reset-popup {
    background-color: #0b0a0c;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    position: relative;
    border-radius: 3px;
    border: solid 1px #737373;
    padding: 30px;
  }

  .confirm-reset-popup p,
  .confirm-reset-popup h2 {
      color: #FFFFFF;
  }
  
  .keyword-editor .content .keywords button {
    padding: 5px;
    margin: 2px;
    font-size: 14px;
  }
  
  .subjects-overlay .content p,  .keyword-editor .content p {
      margin-bottom: 20px;
  }
  .subjects-overlay .content h2 {
      color: #000;
      margin-bottom: 10px;
      margin-top:0;
  }
  .subjects-overlay .content .cls-btn {
    background: #02db73;
    color: #fff;
    padding: 6px 20px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
  }

  .subjects-overlay.confirm a{
    color:#fff;
    font-size: 16px;
    border-radius: 4px;
    padding: 8px 30px;
    text-align: center;
    cursor: pointer;
  }

  .subjects-overlay a.delete-btn i {
    display: none;
    width: 20px;
    height: 13px;
    background: url(/img/loader.gif) no-repeat center center / cover;
    margin-left: 3px;
    position: relative;
    top: 1px;
  }
  
  .subjects-overlay a.delete-btn {
      background-color: #02db73;
  }

  .subjects-overlay a.cancel-btn {
      background: #BE1E2D;
      margin-right: 15px;
  }

  .cover-subjects {
      margin-bottom: 64px;
      padding-bottom: 64px;
      border-bottom: solid 1px #979797;
  }

  .cover-subjects h3 {
      text-transform: initial;
      font-size: 32px;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      font-family: "proxima-nova";
      margin-bottom: 10px;
  }

  .cover-subjects p {
      margin-bottom: 25px;
  }

  .cover-subjects .row{
    display: flex;
  }

  .cover-subjects .row .col{
    width: 38%;
  }

  .cover-subjects .row .col span {
      font-size: 14px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 22px;
      font-weight: bold;
  }

  .cover-subjects .row .col:first-child {
      margin-right: 56px;
  }

  .cover-subjects .row .col a {
    border-radius: 9px;
    border: solid 1px #c4c4c4;
    background-color: #ffffff;
    display: inline-block;
    color: #000; 
    font-size: 12px;
    padding: 4px 10px;
    margin-bottom:3px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
  }

  .cover-subjects .row .col.professional a.selected {
    border: solid 1px #c4c4c4;
    background-color: #90e7ff;
  }

  .cover-subjects .row .col.personal a.selected {
    border: solid 1px #c4c4c4;
    background-color: #ffa05e;
  }

  body.readocracy, 
  .profile-settings {
      background: #0b0a0c!important;
  }

  .edit-sections-buttons a {
    border: solid 1px #505050;
    color: #505050;
    padding: 5px 16px;
    margin-right: 10px;
    background: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    outline:none;
    cursor: pointer;
    font-family: "proxima-nova";
    -webkit-font-smoothing: antialiased;
  }

  .edit-sections-buttons a.active,
  .edit-sections-buttons a:hover {
      color: #FFF;
      border-color: #FFF;
  }

  .personal-info,
  .profile-appearance, 
  .profile-subjects {
      display: none;
  }


  .personal-info.active,
  .profile-appearance.active, 
  .profile-subjects.active {
      display: block;
  }


.personal-info .linkedin-connect {
    margin-top: 27px!important;
    padding: 0;
    margin-bottom: 27px!important;
    width: 95%!important;
    margin: 0;
    border: none;
}

.personal-info .linkedin-connect label {
    margin-bottom: 10px;
}

 .personal-info .linkedin-connect button {
    border-radius: 3px;
    background-color: #0583b4;
    width: 96%;
    color: #fff;
    font-size: 14px;
    text-align: left;
    height: 32px;
    border:none;
    display: flex;
    align-items: center;
    outline: none;
    font-weight: 600;
}

 .personal-info .linkedin-connect button i {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
    background: url("/img/onboard/linkedin.svg") no-repeat center center / cover;
}

 .personal-info .linkedin-connect a{
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
    cursor: pointer;
    border-bottom:  1px solid #fff;
    padding-bottom: 3px;
}

.profile-settings .favorites {
    display: none;
}

.profile-settings .favorites h2 {
    border-bottom: solid 1px #979797;
    margin-bottom: 48px;
    padding-bottom: 15px;
}

.profile-settings .favorites.active {
    display: block;
}

.profile-settings .favorites span {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 22px;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .favorites span.err {
    color: red;
    margin-bottom: 24px;
}


.profile-settings .favorites .row {
    display: flex;
}


.profile-settings .favorites .row .col {
    width: 40%;
}

.profile-settings .favorites .row .col:first-child {
    margin-right: 85px;
}


.profile-settings .favorites .row .col fieldset.current {
    position: relative;
    margin-bottom: 35px;
}


.profile-settings .favorites .row .col fieldset.current label {
    color: #fff;
    max-height: 17px;
    margin-bottom: 15px;
    overflow: hidden;
}

.profile-settings .favorites .row fieldset label {
    padding-top: 10px!important;
}

.profile-settings .favorites .row .col fieldset.current a {
    color: #00bb55;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    overflow: hidden;
    display: block;
}

.profile-settings .favorites .row .col fieldset.current .btn-container {
    display: flex;
    position: absolute;
    right: -140px;
    top: 17px;
    align-items: center;

}

.profile-settings .favorites .row .col fieldset.current button {
    background: url("/img/trash-red.svg") no-repeat center center / cover;
    border: none;
    width: 23px;
    height: 23px;
    position: relative;
    z-index: 999;
    padding: 0;
    margin: 0;
    bottom: -3px;
    outline: none;
    overflow: hidden;
    display: inline-block;
    filter: grayscale(1);
}

.profile-settings .favorites .row .col fieldset.current button.edit {
    background: url("/img/pen.png") no-repeat center center / cover;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    filter: brightness(0.3);
}

.profile-settings .favorites .row .col fieldset.current button.cancel {
    background: url("/img/cross.svg") no-repeat center center / cover;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    filter: grayscale(1);
    display: none;
}

.profile-settings .favorites .row .col fieldset.current button:hover {
    filter: none;
    cursor: pointer;
}


.profile-settings .favorites .save-btn {
    margin-top: 35px;

}

.subject-type-selector label{
    font-size: 12px!important;
    font-weight: lighter;
    padding-top: 0;
    cursor: pointer;
    padding-bottom: 0;
    letter-spacing: 0.85px!important;
}

.subject-type-selector label:first-child {
    color: #90e7ff!important;
}

.subject-type-selector label:first-child:after {
    content: 'OR';
    display: block;
    color: #fff;
    position: relative;
    left: 8px;
    pointer-events: none;
}

.subject-type-selector label:nth-child(2) {
    color: #ffa05e!important;
}

.subject-type-selector label,
.subject-type-selector label:nth-child(2) {
    background: none!important;
    border:none!important;
    border-radius: 0!important;
}

.subject-type-selector {
    left: -81px!important;
    top: -55px!important;
    border-radius: 50px;
    background: #232323!important;
    padding: 11px 15px!important;
}

.subject-type-selector.show:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid #232323;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -8px;
}


@media only screen and (max-width: 1300px) {
    .profile-settings .appearance .examples-mobile {
        left: 215px;
    }

}


@media only screen and (max-width: 1024px) and (min-width: 875px) {
    .profile-settings .appearance .preview section.cover .row {
        padding: 30px 0px 0px 28px!important;
    }

}

@media only screen and (max-width: 1200px) {    
    .profile-settings .appearance .examples-mobile {
        left: -670px;
        bottom: 0px;
        top: initial;
        width: auto;
    }

    .profile-settings .appearance .examples-mobile p {
        width: 250px;
        float: left;
        margin-right: 10px;
    }
    .profile-settings #mobileView {
        padding-bottom: 205px;
    }
}

@media only screen and (max-width: 875px){
    .profile-settings {
        min-width: initial!important;
        /* padding: 20px 20px 40px 20px!important; */
    }

    .edit-sections-buttons {
        display: none!important;
    }
    .edit-sections-buttons a {
        display: block;
        margin-bottom: 10px;
    }

    .profile-settings .selector form {
        display: block!important;
    }

    .profile-settings .selector form fieldset, 
    .profile-settings .selector form fieldset input {
        width: 100%!important;
    }

    .profile-settings .selected-subject-list a.title {
        width: 80%;
    }

    .profile-settings .selected-subject-list fieldset.public .select-wrapper,
    .profile-settings .selected-subject-list fieldset.public .select-wrapper select {
        width: 100%;
    }

    .profile-settings .selected-subject-list fieldset.public .select-wrapper:after {
        right: 25px;
    }

    .profile-settings .selected-subject-list .credit {
        display: inline-block;
        text-align: center;
        margin-left: 20px;
    }

    .profile-settings .selected-subject-list fieldset {
        width: 100%!important;
        margin-left: 0;
    }

    .profile-settings .selector form fieldset button,
    .profile-settings .selected-read .save-read {
        margin-left:0px!important;
    }

    .profile-settings .selected-read .save-read {
        width: 70%;
        display: inline-block;
    }

    .profile-settings .selected-subject-list .remove-btn {
        display: inline-block;
        position: relative;
        top: 7px;
    }

    .profile-settings .selector form fieldset.update-all {
        display: none!important;
    }

    /* section.profile-settings {
        padding: 1px 20px 50px 20px!important;
    } */

    .profile-settings .selected-subject-list .selected-subject, .profile-settings .selected-read {
        display: block!important;
        margin-top: 50px;
    }


    .unsubscribe-container .edit-sections-buttons{
        display: none!important;;
    }

    .unsubscribe-container .profile-settings {
        min-width: auto;
        padding:30px 20px;
    }

    .subjects-overlay .content .cls-btn {
        display: block;
        margin-bottom: 10px;
    }

    .subjects-overlay .content {
        box-sizing: border-box;
    }

    .profile-settings  section.cover .profile {
        position: initial!important;
    }

    .profile-settings section.cover .badges svg {
        width: 17px!important;
        height: 23px!important;
    }

    .profile-settings section.cover .row {
        flex-direction: row!important;
    }

    .profile-settings .appearance .preview section.cover .subjects.personal {
        padding: 0;
        bottom: 0!important;
        margin-bottom: 10px;
        position: relative;
    }

    .profile-settings .appearance .preview section.cover .subjects.professional {
        margin: 16px 0px 12px 0px!important;
        padding: 0px;
        bottom: auto!important;
        position: relative;
    }
}





.subjects-overlay.subject-picker .content {
    background: #000;
    text-align: left!important;
}

.subjects-overlay.subject-picker .content h2 {
    color: #fff;
}

.subjects-overlay.subject-picker .content .subject-selector {
    width: 100%;
    margin:0;
    min-height: 100px;
    color: #fff;
}

.subjects-overlay.subject-picker .content .subject-selector fieldset{
    width: 100%;
    padding:0;
    margin: 20px 0px 30px 0px;
}

.subjects-overlay.subject-picker .content .subject-selector fieldset input {
    width: 100%;
    font-size: 16px;
    line-height: none;
    font-weight: bold;
    outline: none;
    border-radius: 2px;
}


.subjects-overlay.subject-picker .content .subject-selector fieldset .subject-list {
    top:38px;
}

.subjects-overlay.subject-picker .content .subject-selector fieldset .subject-list ul {
    padding: 0px 10px;
}

.subjects-overlay.subject-picker .content .cls-btn {
    width: 40%;
    margin-right: 15px;
    background: #BE1E2D;
    outline: none;
}

.subjects-overlay.subject-picker .content .update-btn {
    background: #02db73;
    color: #fff;
    padding: 6px 20px;
    width: 40%;
    font-size: 16px;
    outline: none;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    border-radius: 2px;
    font-weight: bold;
}

.subjects-overlay.subject-picker .content .update-btn i {
    display: none;
    width: 19px;
    height: 12px;
    background: url("/img/loader.gif") no-repeat center center / cover;
}

.subjects-overlay.subject-picker .content span.err {
    color: #BE1E2D;
    padding-top: 5px;
    padding-left :10px;
    display: block;
    font-size: 14px;
}

.unsubscribe button,
.unsubscribe a {
    width: auto;
    height: 56px;
    padding: 10px 25px;
    color: #000;
    cursor: pointer;
    border:none;
    font-size: 30px;
    display: inline-block;
    outline: none;
    font-weight: 800;
    background-color: #00bb55;
}

.unsubscribe a {
    background-color: transparent;
    color: #4F4F4F;
    margin-right: 30px;
    margin-left: 310px;
}


.unsubscribe button i {
    display: none;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    background: url("/img/loader.gif") no-repeat center center / cover;
}



.profile-settings .collections .back-btn:hover {
    color: #54FE9C;
}

.profile-settings .collections .back-btn svg {
    margin-right: 20px;
}

.profile-bio {
    max-width: 815px;
}

.profile-bio p {
    font-weight: bold;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

.profile-bio form {
    margin-top: 25px;
    max-width: 750px;
}

.profile-bio form fieldset {
    margin-bottom: 30px;
    max-width: 490px;
}

.profile-bio form fieldset input.small {
    max-width: 220px;
}

.profile-bio form fieldset textarea{ 
    height: 94px;
    resize: none;
}

.profile-bio form fieldset textarea::placeholder {
    color: #B4B5B4;
}

.profile-bio form fieldset small {
    font-size: 14px!important;
    color: #505050;
    display: block;
    text-align: right;
    margin-top: 5px;
    font-weight: 100;
}

.profile-bio form select {
    background-color: #e5e5e5;
    padding: 6.5px 12px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 11px;
    border: 1px solid #979797;
    width: 220px;
    border-radius: 3px;
}

.profile-settings .btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 72px;
}

.profile-settings .favorites .row .col fieldset.current .btn-container {
    margin-top: 0!important;
}

.profile-settings  .payment .btn-container {
    margin-top: 0;
}

.profile-settings .btn-container button {
    background-color: #2DDB73;
    /* width: 133px; */
    height: 56px;
    font-size: 30px;
    font-weight: bold;
    border:none;
    outline: none;
    font-family: "proxima-nova";
    cursor: pointer;
    letter-spacing: -1.5px;
}

.profile-settings .btn-container button.btn-save {
    padding: 0 20px;
}


.profile-settings .btn-container .cancel {
    font-size: 30px;
    color: #4F4F4F;
    font-weight: bold;
    font-family: "proxima-nova";
    background-color: transparent;
    border:none;
    outline: none;
    margin-right: 50px;
    letter-spacing: -1.5px;
}

.profile-settings .btn-container .cancel:hover {
    color: #2DDB73;
}

.profile-settings .favorites.active button {
    display: block;
    margin-top:0;
}

.profile-settings .profile-bio .btn-container{
    justify-content: flex-end;
}


.profile-settings .account-type h2{
    text-align: center;
    margin:0px;
    font-size: 18px;
    line-height: 22px;
}

.profile-settings .account-type label {
    color: #5AE27C;
    font-size: 24px;
    line-height: 22px;
    display: block;
    text-align: center;
    font-weight: bold;
    letter-spacing: normal;
    margin: 10px 0px;
}

.profile-settings .account-type .account-options {
    display: flex;
    margin: 40px auto 0 auto;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.profile-settings .account-type .account-options .option {
    background-color: #fff;
    border: 10px solid #9E9EA1;
    border-radius: 4px;
    color: #BABAC1;
    padding: 20px 15px;
    width: 230px;
    min-width: 230px;
    min-height: 460px;
    height: fit-content;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 15px;
}

.profile-settings .account-type .account-options .option.full-height {
    height: auto;
}

.profile-settings .account-type .account-options .option.active {
    background-color: #F5F4FF;
}

.profile-settings .account-type .account-options .option p{
    margin-bottom: 10px;
}

.profile-settings .account-type .account-options .option label {
    color: #727279;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
}

.profile-settings .account-type .account-options .option h1 {
    color: #727279;
    font-weight: 900;
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -1;
    margin:15px 0px 5px 0px;
}

.profile-settings .account-type .account-options .option h4.plan-currency {
    color: #727279;
    font-weight: 900;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -1;
    margin:3px 0px 5px 0px;
}

.profile-settings .account-type .account-options .option > span {
    color: #727279;
    font-size: 18px;
    line-height: 28px;
}

.profile-settings .account-type .account-options .option ul {
    padding:0;
    margin:25px 0px 0px 0px;
}

.profile-settings .account-type .account-options .option ul li {
    list-style-type: none;
    font-size: 18px;
    line-height: 28px;
}

.profile-settings .account-type .account-options .option span.plus {
    font-size: 18px;
    line-height: 10px;
    display: block;
    margin: 15px 0px 0px 0px;
}

.profile-settings .account-type .account-options .option h3 {
    color: #727279;
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    margin:15px 0 8px 0!important;
    text-transform: initial;
}

.profile-settings .account-type .account-options .option small {
    font-size: 14px!important;
    line-height: 18px;
    display: block;
    width: 100%;
    text-align: center;
}

.profile-settings .account-type .account-options .option.active {
    border: 10px solid #2DDB73;
    color: #4341B1;
}

.profile-settings .account-type .account-options .option.active h1, 
.profile-settings .account-type .account-options .option.active label, 
.profile-settings .account-type .account-options .option.active span {
    color: #2E2688;
}

.profile-settings .account-type .account-options .option.active h3 {
    color: #3B37A4;
}

.profile-settings .account-type .account-options .option.active small {
    color: #3B37A4;
}

.profile-settings .account-type .field {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4F4F4F;
    margin: 30px 0px 35px 50px;
}

.profile-settings .account-type .support {
    color: #8C8C8C;
    font-size: 14px;
    display: block;
    text-align: center;
}

.profile-settings .account-type .field label {
    background-color: #D8D8D8;
    border-radius: 25px;
    width: 73px;
    height: 40px;
    position: relative;
    margin: 0px 15px;
    border: 5px solid #979797;
    cursor: pointer;
}

.profile-settings .account-type .field label:after {
    content: "";
    background-color: #2DDB73;
    width: 38px;
    height: 38px;
    border: 1px solid #979797;
    border-radius: 50%;
    position: absolute;
    left:0px;
    top:0;
    transition: all 0.3s ease;
}

.profile-settings .account-type .field input:checked ~ label:after {
    left:33px;
    transition: all 0.3s ease;
}

.profile-settings .account-type .field input:checked ~ span.monthly {
    color: #4F4F4F!important;
}

.profile-settings .account-type .field input:checked ~ span.annual {
    color: #2DDB73;
}

.profile-settings .account-type .field  span.monthly.active {
    color: #2DDB73!important;
}


.profile-settings .account-type .field input::not(:checked) ~ span.annual {
    color: #4F4F4F!important;
}

.profile-settings .account-type .field input::not(:checked) ~ span.monthly {
    color: #2DDB73;
}


.profile-settings .account-type .btn-green {
    background: #00d264;
    text-transform: initial;
    justify-content: center;
    padding: 16px 25px;
    color: #000000;
    font-size: 30px;
    font-weight: 900;
    min-width: 155px;
    font-family: "proxima-nova";
    letter-spacing: -1.5px;
    box-sizing: border-box;
    outline: none;
    border:none;
    display:table;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);

}

.profile-settings .account-type .btn-container {
    display: flex;
    width: 100%;
    justify-content: center;
}

.profile-settings .account-type form .btn-container {
    justify-content: flex-end;
}

@media (max-width: 800px) {
    .profile-settings .account-type form .btn-container {
        justify-content: center;
    }
}

.profile-settings .account-type .btn-container a {
    display: inline-block;
    margin:0 0 0 5px;
    min-width: 309px;
}

.profile-settings .account-type .btn-container button:last-child {
    margin-left: 10px
}

.profile-settings .account-type .btn-green.cancel {
    background-color: #5F5F5F;
}

.profile-settings .account-type .payment {
    text-align: left;
    background-color: #fff;
    padding: 40px 85px 60px 85px;
    margin-top: 90px;
    display: none;
}

@media (max-width: 800px){
    .profile-settings .account-type .payment {   
        padding: 40px 20px;
    }
}

.profile-settings .account-type .btn-url {
    color: #FFF;
    display: flex;
    font-weight: bold;

    align-items:center;
}

.profile-settings .account-type .btn-url:hover,
.profile-settings .account-type .payment.edit .btn-url:hover{
    color: #02db73;
}
.profile-settings .account-type .btn-url:hover svg g {
    fill: #02db73;
}

.profile-settings .account-type .payment.edit {
    position: relative;
}

.profile-settings .account-type .payment.edit .btn-url {
    color: #000;
    position: absolute;
    right: 35px;
    top:35px;
}

.profile-settings .account-type .payment.edit .btn-url svg {
    transform: rotate(180deg);
    margin-right: 0;
    margin-left: 10px;
}

.profile-settings .payment .country-select {
    border: 2px solid #4737FF;
    background-color: #F5F4FF;
    border-radius: 5px;
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding: 0px 20px;
    margin-top: 11px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .payment .province-fieldset select {
    border: 2px solid #4737FF;
    background-color: #F5F4FF;
    border-radius: 5px;
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding: 0px 20px;
    margin-top: 11px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .payment .month-select {
    border: 2px solid #4737FF;
    background-color: #F5F4FF;
    border-radius: 5px;
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding: 0px 0px 0 20px;
    margin-top: 11px;
    width: 70px;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
}

.profile-settings .account-type .payment a {
    color: #4737FF;
}

.profile-settings .payment .year-select {
    border: 2px solid #4737FF;
    background-color: #F5F4FF;
    border-radius: 5px;
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding: 0px 0px 0 20px;
    margin-top: 11px;
    width: 95px;
    outline: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.profile-settings .payment .expiry-selects {
    display: flex;
}


.profile-settings .account-type .btn-url svg {
    margin-right: 10px;
}

.profile-settings .account-type .payment.edit {
    display: block;
    margin-top: 30px;
}

.profile-settings .account-type .payment.edit form {
    padding-left: 0px!important;
}


.profile-settings .account-type .payment.edit form button {
    float: none!important;
    margin:0!important;
}

.profile-settings .account-type .payment .row {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 800px) {
    .profile-settings .account-type .payment .row {
       flex-direction: column;
    }

    #planForm {
        margin: 0px;
        padding: 0px;
    }
}

.profile-settings .account-type .payment .uppercase {
    text-transform: uppercase;
}

.profile-settings .account-type .payment h2 {
    font-size: 32px;
    color: #000;
    margin:0 0 45px 0;
    text-align: left;
}

.profile-settings .account-type .payment .account-options {
    margin: 0px 17px 0px 0px!important;
    text-align: left;
    width: auto;
}

.profile-settings .account-type .payment.credit-card .account-options {
    display: flex;
    width: 100%;
}


.profile-settings .account-type .payment.credit-card .col {
    width: 40%;
    margin-left: 5%;
}

.profile-settings .account-type .payment.credit-card .expiry div.expiry-field {
    position: absolute;
    bottom: -15px;
}

.profile-settings .account-type .payment.credit-card .expiry div.expiry-field  span {
    width: 100%!important;
}

.profile-settings .account-type .payment.credit-card .expiry span.err{
    width: 146px;
    bottom: -15px
}

.profile-settings .account-type .payment.credit-card .small span.err {
    top: 85px;
}

.profile-settings .account-type .payment.credit-card form button {
    float: none!important;
    margin:10px 0px 0px 0px!important;
}

.profile-settings .account-type .payment .option.active {
    border-color: #2E2688!important;
    padding: 20px 15px;
    top:0;
}

.profile-settings .account-type .payment .option .plan-insights {
    text-transform: capitalize;
}

.profile-settings .account-type .payment .row .col h3 {
    color: #000;
    font-size: 18px;
    margin:0 0 30px 0;
    padding:0px 0px 20px 20px;
    border-bottom: 1px solid #979797;
    text-transform: initial;
}

.profile-settings .account-type .payment .row .col h3.plan-info, .profile-settings .account-type .payment .row .col h3.terms {
    border-bottom: 0;
    margin: 0;
    padding: 0px;
}

.profile-settings .account-type .payment .row .col h3.terms {
    padding-top: 20px;   
}

.profile-settings .account-type .payment .row .col h3.plan-info span, .profile-settings .account-type .payment .row .col h3.plan-info b {
    border-bottom: 3px solid #2DDB73
}

.profile-settings .account-type .payment .row .col form {
    padding-left: 20px;
}

.profile-settings .account-type .payment .row .col form fieldset  {
    margin-bottom: 25px;
    position: relative;
    width: 98%;
}

.profile-settings .account-type .payment .row .col form fieldset.full {
    width: 99%;
}

.profile-settings .account-type .payment .row .col form fieldset.name {
    width: 100%;
}

.profile-settings .account-type .payment .row .col form fieldset label {
    color: #4737FF;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    text-align: left;
    margin:0;
}

.profile-settings .account-type .payment .row .col form fieldset input {
    border: 2px solid #4737FF;
    background-color: #F5F4FF;
    border-radius: 5px;
    font-weight: normal;
    font-size: 16px;
    height: 50px;
    padding: 0px 20px;
}


.profile-settings .account-type .payment .row .col form fieldset input.half {
    display: inline-block;
    width: 48.5%;
}

.profile-settings .account-type .payment.edit .row .col form fieldset input.half {
    width: 49.2%;
}

.profile-settings .account-type .payment .row .col form fieldset input.half:last-child {
    margin-left: 3px;
}

.profile-settings .account-type .payment .row .col form fieldset input::placeholder {
    color: #4737FF;
}

.profile-settings .account-type .payment .row .col form fieldset.medium {
    width: 48%;
    margin-right: 3px;
    display: inline-block;
}

.profile-settings .account-type .payment .row .col form fieldset.small {
    margin-right: 3px;
    width: 90px;
    display: inline-block;
}

.profile-settings .account-type .payment .row .col form fieldset.expiry {
    margin-right: 25;
    width: 110px;
    display: inline-block;
    margin-left: 25px;
}
.profile-settings .account-type .payment .row .col form fieldset.half {
    width: 49%;
    display: inline-block;
}

.profile-settings .account-type .payment .row .col form fieldset.small:last-child {
    margin-right: 0px;
}

.profile-settings .account-type .payment .row .col form .btn-container button {
    margin: 50px 0px 0px 0px;
    padding: 10px 35px;
    cursor: pointer;
}

.profile-settings .account-type .payment .row .col form .btn-container .cancel {
    background-color: #d64646;
    min-width: initial;
    padding: 0px 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px!important;
    margin-top: 10px!important;
    height: 56px;
    color: #000;
}

.profile-settings .account-type .payment .row .col form .btn-container .cancel:hover {
    color: #fff;
}

.profile-settings .account-type .payment.edit .row .col form .btn-container .cancel.mt-10.mt-10{
    margin-top: 10px!important;;
}

.profile-settings .account-type .payment.edit .row .col form .btn-container .cancel {
    margin-top: 0px!important;
}

.profile-settings .account-type .payment span.err {
    color: red;
    display: block;
    font-weight: bold;
    font-size: 12px;
    /* height: 14px; */
    position: absolute;
    bottom: -15px;
}


.profile-settings .account-type .payment .expiry-field {
    position: absolute;
    top: 85px;
    width: 100%;
}

.profile-settings .account-type .payment .expiry-field span {
    position: initial!important;
}

.profile-settings .account-type .payment .small span.err{
    top:85px;
}

.profile-settings .account-type .btn-green i{
    position: relative;
    width: 30px;
    height: 22px;
    background: url(/img/loader.gif) no-repeat center center / cover;
    display: none;
    margin: 0 auto;
}

.profile-settings .account-type .upgrade-field {
    position: relative;
}

.profile-settings .account-type .upgrade-field .warning-msg {
    display: none!important;
}

.profile-settings .account-type .upgrade-field.hide .warning-msg {
    display:none;
    position: absolute;
    opacity: 1;
    background: #383838;
    color: #fff;
    padding: 15px 10px;
    z-index: 9999;
    left: 0;
    height: 69px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    right: 0;
    margin: auto;
    width: 232px;
    text-align: center;
    top: 0px;
    font-weight: bold!important;
}

.profile-settings .account-type .upgrade-field.hide .warning-msg::before {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #383838;
}
.profile-settings .account-type .upgrade-field.hide button, 
.profile-settings .account-type .upgrade-field.hide .term-field{
    pointer-events: none;
    opacity: 0.3;
}

.deactivated {
    pointer-events: none;
    opacity: 0.3;
}

.profile-settings .account-type .upgrade-field.hide:hover .warning-msg{
    display: flex!important;
}

.profile-settings .account-type .payment h2.err {
    color: red;
    font-size: 20px;
    margin-bottom: 0px;
}

.profile-settings .account-type .btn-green.cancel i {
    top:2px;
}

.profile-settings .account-type .btn-green i.show {
    display: inline-block;
}
.profile-settings .account-type #ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

.profile-settings .account-type #ccsingle svg {
    width: 100px;
    max-height: 60px;
}

.profile-settings .account-type .creditcard svg#cardfront,
.profile-settings .account-type .creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}
/* FRONT OF CARD */
.profile-settings .account-type #svgname {
    text-transform: uppercase;
}

.profile-settings .account-type #cardfront .st2 {
    fill: #FFFFFF;
}

.profile-settings .account-type #cardfront .st3 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}

.profile-settings .account-type #cardfront .st4 {
    font-size: 54.7817px;
}

.profile-settings .account-type #cardfront .st5 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

.profile-settings .account-type #cardfront .st6 {
    font-size: 33.1112px;
}

.profile-settings .account-type #cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

.profile-settings .account-type #cardfront .st8 {
    font-size: 24px;
}

.profile-settings .account-type #cardfront .st9 {
    font-size: 36.5498px;
}

.profile-settings .account-type #cardfront .st10 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}

.profile-settings .account-type #cardfront .st11 {
    font-size: 16.1716px;
}

.profile-settings .account-type #cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
.profile-settings .account-type #cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}



.profile-settings .account-type #cardback .st2 {
    fill: #ccc;
}

.profile-settings .account-type #cardback .st3 {
    fill: #F2F2F2;
}

.profile-settings .account-type #cardback .st4 {
    fill: #D8D2DB;
}

.profile-settings .account-type #cardback .st5 {
    fill: #C4C4C4;
}

.profile-settings .account-type #cardback .st6 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

.profile-settings .account-type #cardback .st7 {
    font-size: 27px;
}

.profile-settings .account-type #cardback .st8 {
    opacity: 0.6;
}

.profile-settings .account-type #cardback .st9 {
    fill: #FFFFFF;
}

.profile-settings .account-type #cardback .st10 {
    font-size: 24px;
}

.profile-settings .account-type #cardback .st11 {
    fill: #EAEAEA;
}

.profile-settings .account-type #cardback .st12 {
    font-family: 'Rock Salt', cursive;
}

.profile-settings .account-type #cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */
.profile-settings .account-type .container {
    perspective: 1000px;
    max-width: 500px;
    min-width: 320px;
    margin-right: 25px;
}

.profile-settings .account-type .creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    /* cursor: pointer; */
}

.profile-settings .account-type .creditcard input {
    background-color: transparent!important;
    border:none!important;
}

.profile-settings .account-type .creditcard .front,
.profile-settings .account-type .creditcard .back {
    position: absolute;
    width: 100%;
    max-width: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    color: #47525d;
}

.profile-settings .account-type .creditcard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.profile-settings .account-type .creditcard.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.profile-settings .social-links a {
    width: 16px;
    height: 16px;
    margin-top: 15px;
    display: inline-block;
    background-size: cover;
}

.profile-settings .social-links a.instagram {
    background-image: url('/img/social-icons/instagram.svg');
}

.profile-settings .social-links a.facebook {
    background-image: url('/img/social-icons/facebook.svg');
}

.profile-settings .social-links a.linkedin {
    background-image: url('/img/social-icons/linkedin.svg');
}

.profile-settings .social-links a.twitter {
    background-image: url('/img/social-icons/twitter.svg');
}

.profile-settings .social-links a.medium {
    background-image: url('/img/social-icons/medium.png');
}

.profile-settings .social-links a.substack {
    background-image: url('/img/landing-page/app-icons/substack.svg');
}

.profile-settings .social-links a.quora {
    background-image: url('/img/social-icons/quora.svg');
}

.profile-settings .social-links a.reddit {
    background-image: url('/img/social-icons/reddit.svg');
}

.profile-settings .social-links a.yelp {
    background-image: url('/img/social-icons/yelp.svg');
}






.upgrade-field .btn-container .upgradeBtn {
    display: none;
    background: #00d264;
    text-transform: initial;
    justify-content: center;
    padding: 16px 25px;
    color: #000000;
    font-size: 30px;
    font-weight: 900;
    min-width: 155px;
    font-family: "proxima-nova";
    letter-spacing: -1.5px;
    box-sizing: border-box;
    outline: none;
    border: none;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    margin: 0 0 0 5px;
    min-width: 309px;
    height: 69px;
}


.upgrade-field .btn-container .downgradeBtn {
    display: none;
    background-color: #5F5F5F;
    text-transform: initial;
    justify-content: center;
    padding: 16px 25px;
    color: #000000;
    font-size: 30px;
    font-weight: 900;
    min-width: 155px;
    font-family: "proxima-nova";
    letter-spacing: -1.5px;
    box-sizing: border-box;
    outline: none;
    border: none;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    margin: 0 0 0 5px !important;
    min-width: 309px;
    height: 69px;
}

.upgrade-field .btn-container .downgradeBtn:hover {
    color: #2DDB73; 
}

.profile-settings .account-type .account-options .selected {
    border-color:#2E2688;
    color: #2E2688;
}

.profile-settings .account-type .account-options .selected h1 {
    color: #2E2688;
}

.profile-settings .account-type .account-options .selected label {
    color: #2E2688;
}

.profile-settings .account-type .account-options .selected .billed {
    color: #2E2688;
}

.profile-settings .account-type  .btn-green.cancelActive {
    background: rgb(223, 40, 40);
}

.profile-settings .account-type .cancelActive:hover {
    color: #fff;
}

.cancelPopup-ct {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.70);
    align-items: center;
    justify-content: center;
    position: fixed;
    font-family: "proxima-nova";
    top: 0px;
}

.cancelPopup-ct .cancelPopup {
    width: 600px;
    background: rgb(23, 23, 23);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}

.cancelPopup-ct .cancelPopup h2 {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.cancelPopup-ct .cancelPopup p {
    margin: 0px;
    margin-bottom: 40px;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}

.cancelPopup-ct .cancelPopup div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cancelPopup-ct.activePopup {
    display: flex;
}

.cancelPopup-ct .cancelPopup div button {
    background: #00d264;
    text-transform: initial;
    justify-content: center;
    padding: 16px 25px;
    color: #000000;
    font-size: 30px;
    font-weight: 900;
    min-width: 155px;
    font-family: "proxima-nova";
    letter-spacing: -1.5px;
    box-sizing: border-box;
    outline: none;
    border: none;
    display: table;
    margin: 0;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.cancelPopup-ct .cancelPopup div button.no {
    background: rgb(223, 40, 40);
    color: #000;
}

/* Default cover preview  */

.default-cover-preview {
    position: relative;
    box-sizing: border-box;
    display: flex;
    background: rgb(46, 46, 46);
    color: #fff;
    width: 800px;
    height: 450px;
    margin-bottom: 25px;
}

.default-cover-preview * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    font-family: proxima-nova;
}

/* Left section  */

.default-cover-preview .left-section .user-img-wrapper {
    width: 314px;
    /* height: 90%; */
    height: 405px;
    overflow: hidden;
    position: relative;
}

.default-cover-preview .left-section .user-img-wrapper img {
    position: absolute;
    cursor: move;
}

.default-cover-preview.default .left-section {
    background-color: #000;
}

.default-cover-preview.default .left-section .user-img-wrapper {
    -webkit-mask-image: linear-gradient(-90deg, rgba(255,255,255,0.5) 10%, rgba(0,0,0,1) 65%);
    mask-image: linear-gradient(-90deg, rgba(255,255,255,0.5) 10%, rgba(0,0,0,1) 65%);
}

.default-cover-preview.default .left-section .user-img-wrapper img {
    filter: grayscale();
}

.default-cover-preview .left-section .top-section {
    /* background-image: url("https://readefined-static.s3.amazonaws.com/dd749f514b423444fea75fdaec8715dbdc7fbef2.jpg"); */
    /* background-size: cover; */
    /* background-position: center; */
    /* display: flex; */
    /* flex-direction: column; */
    filter: grayscale();
    /* align-items: flex-end;
    justify-content: flex-end; */
    /* width: 500px; */
    /* height: 371px; */
/* transform: scale(2); */
}

.default-cover-preview .left-section .top-section .about-me {
    background: #000;
    height: 25px;
    padding: 0px 10px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
}

.default-cover-preview .left-section .bottom-section {
    width: 314px;
    height: 10%;
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 600;
    font-size: 13px;
    padding: 0;
}

/* Right section  */

.default-cover-preview .right-section {
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.default-cover-preview .right-section .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.default-cover-preview .right-section .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3aff99;
    opacity: 0.9;
}

.default-cover-preview .right-section .right-section-left {
    color: #000;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.default-cover-preview .right-section .right-section-left .name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    line-height: 23px;
    margin-bottom: 10px;
}

.default-cover-preview .right-section .right-section-left .occupation {
    text-transform: uppercase;
    font-size: 14px;
    font-family: din-condensed;
}

.default-cover-preview .right-section .right-section-left .company {
    text-transform: uppercase;
    font-size: 15px;
    font-family: din-condensed;
}

.default-cover-preview .right-section .right-section-left .subjects {
    padding:0;
    margin:0;
}

.default-cover-preview .right-section .right-section-left .subjects .title {
    padding:0;
    margin:0;
    font-size: 15px;
    color: #313131;
    margin-bottom: 4px;
    font-family: din-condensed;
    margin-top: 8px;
}

.default-cover-preview .right-section .right-section-left .subjects p.subject {
    padding:0;
    margin:0;
    font-size: 12px;
    color: #000;
    margin-bottom: 2px !important;
    font-weight: 600;
}

.default-cover-preview .right-section .right-section-right {
    padding: 15px 0px;
    display: flex;
    margin: 0px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.default-cover-preview .right-section .right-section-right .top-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.default-cover-preview .right-section .right-section-right .article {
    color: #fff;
    background-color: #000;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 9px;
    text-align: end;
    width: fit-content;
    line-height: 15px;
}

.default-cover-preview .right-section .right-section-right .bottom-section {
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.default-cover-preview .right-section .right-section-right .bottom-section p {
    color: #000;
    font-size: 10px;
}

.default-cover-preview .right-section .right-section-right .bottom-section p:last-of-type {
    margin-bottom: 0px;
}


/* Simple cover preview  */

.default-cover-preview.simple {
    height: 450px;
}

/* Left section  */

.default-cover-preview.simple .left-section .top-section {
    width: 400px;
    height: 400px;
}

.default-cover-preview.simple .left-section .bottom-section {
    width: 400px;
    height: 50px;
}

/* Standard cover  */

.default-cover-preview.standard .left-section .top-section {
    filter: none;
    background-color: #000000;
}

.default-cover-preview.standard .right-section * {
    color: #fff;
}

.default-cover-preview.standard .right-section .background {
    background: rgba(0, 0, 0, 0.9);
}

.default-cover-preview.standard .right-section .right-section-left .subjects .title {
    color: #838383;
}

.default-cover-preview.standard .right-section .right-section-right .bottom-section p {
    color: #fff;
}

.default-cover-preview.standard .right-section .right-section-left .subjects p.subject {
    color: #fff;
}

.default-cover-preview.standard .left-section .user-img-wrapper {
    background-color: #000;
    -webkit-mask-image: linear-gradient(-90deg, rgba(255,255,255,0.5) 10%, rgba(0,0,0,1) 65%);
    mask-image: linear-gradient(-90deg, rgba(255,255,255,0.5) 10%, rgba(0,0,0,1) 65%);
}

/* plans - clean */


.profile-settings .account-type .free-btns-ct {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
}

.profile-settings .account-type .free-btns-ct .btn-green:first-of-type {
    margin: 0 20px;
    min-width: 226px;
}

.profile-settings .account-type .free-btns-ct .btn-green {
    margin: 0;
}

.profile-settings .account-type .payment.edit .row .col form fieldset.expiry {
    margin-left: 0;
}

@media (max-width: 500px) {
    .profile-settings .account-type .payment .row .col form fieldset.expiry {
        margin-left: 0;
    }

    .profile-settings .account-type .payment .row .col form fieldset.medium {
        width: 100%;
    }

    .profile-settings .account-type .btn-container,
    .profile-settings .account-type .free-btns-ct {
        flex-direction: column;
    }

    .profile-settings .account-type .btn-container a,
    .upgrade-field .btn-container .upgradeBtn,
    .upgrade-field .btn-container .downgradeBtn,
    .profile-settings .account-type .free-btns-ct a,
    .profile-settings .account-type .free-btns-ct button {
        margin-bottom: 15px!important;
    }

    .cancelPopup-ct .cancelPopup {
        width: calc(100vw - 80px);
    }

    .cancelPopup-ct .cancelPopup div {
        flex-direction: column;
    }

    .cancelPopup-ct .cancelPopup div button:first-of-type {
        margin-bottom: 15px;
    }

    .profile-settings .account-type .btn-green,
    .profile-settings .account-type .btn-container a,
    .upgrade-field .btn-container .upgradeBtn,
    .upgrade-field .btn-container .downgradeBtn {
        width: 100%;
    }

    .profile-settings .account-type .free-btns-ct .btn-green:first-of-type {
        margin: 0 0 20px 0;
    }

    .profile-settings .account-type .account-options .option {
        width: 100%;
    }

    .profile-settings .account-type .payment.edit .row .col form .btn-container .cancel {
        margin: 20px 0 0 0!important;
    }

    .profile-settings .account-type .payment h2 {
        margin-top: 50px;
    }

    .profile-settings .account-type .edit .container {
        margin-bottom: 250px;
        min-width: 300px;
    }

    .profile-settings .account-type .payment.credit-card .col {
        width: 100%;
        margin-left: 0;
    }

    .profile-settings .account-type .payment.credit-card .account-options {
        flex-direction: column;
    }
}

/* Standard small cover preview */

.default-cover-preview.standard.small-standard .left-section .top-section {
    height: 270px;
}

.default-cover-preview.standard.small-standard .left-section .top-section .user-img-wrapper {
    height: 270px;
}

.default-cover-preview.standard.small-standard .left-section .bottom-section {
    height: 40%;
}

.default-cover-preview.standard.small-standard  .left-section .bottom-section p {
    height: 50px;
}

section.cover.mobile .profile {
    padding: 0px;
    width: 100%;
}

section.cover.mobile .profile .top-section {
    padding: 15px;
}


/* mobile previews  */


.cover-preview-ct {
    display: flex;
    box-sizing: border-box;
}


.mobile-preview {
    width: 203px;
	height: 480px;
    background: white;
    margin-left: 70px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.mobile-preview .top-section {
    position: relative;
}

.mobile-preview .top-section .mobile-background-cover {
    filter: none;
    height: 231px;
    width: 203px;
    object-fit: cover;
}

.mobile-preview .bottom-section {
    background: #000000;
    padding: 8px;
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mobile-preview .bottom-section .row-1-right {
    text-align: end;
    font-family: din-condensed;
    font-weight: 500;
    margin-left: auto;
}

.mobile-preview .bottom-section .occupation-company {
    text-transform: capitalize;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
}

.mobile-preview .bottom-section .name {
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 8px;
}

.mobile-preview .bottom-section .row {
    display: flex;
}

.mobile-preview .bottom-section .social-icons img {
    height: 16px;
    width: 16px;
    margin-bottom: 8px;
}

.mobile-preview .bottom-section .row-2 .txt,
.mobile-preview .bottom-section .row-3 .txt,
.mobile-preview .bottom-section .bold {
    font-weight: 600;
}

.mobile-preview .bottom-section .row-2 .txt {
    line-height: 1.2;
}

.mobile-preview .bottom-section .grey {
    color: grey;
}

.mobile-preview .bottom-section .arrow {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 20px;
}

.mobile-preview .bottom-section .arrow .line {
    height: 100%;
    width: 2px;
    background: #4B4B4B;
    margin-right: 6px;
}

.mobile-preview .bottom-section .arrow .triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid #4B4B4B;
}

.mobile-preview .bottom-section .row-2 {
    margin-top: auto;
}

.mobile-preview .bottom-section .row-3 {
    margin-top: auto;
    font-size: 8px;
    white-space: nowrap;
    justify-content: space-between;
}

.mobile-preview .bottom-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-preview .bottom-link p {
    padding: 8px;
    color: #000000;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.mobile-preview .bottom-link .arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #000;
    margin-right: 8px;
}

.cover-preview-ct .mobile-preview .team-avatar {
  min-height: 32px;
  max-height: 32px;
  min-width: 32px;
  max-width: 32px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 11px;
}

.cover-preview-ct .mobile-preview .team-logo {
  min-height: 32px;
  max-height: 32px;
  min-width: 32px;
  object-fit: contain;
}

.cover-preview-ct .mobile-preview .team-avatar,
.cover-preview-ct .mobile-preview .team-logo {
    position: absolute;
    top: 8px;
    left: 8px;
}

.cover-preview-ct .mobile-preview .team-avatar.hide,
.cover-preview-ct .mobile-preview .team-logo.hide {
  display: none;
}

.appearance .util-form-error.full-option-err {
    margin-bottom: 16px;
}

.profile-settings .appearance .upload-avatar-section fieldset.userPhoto {
    margin-top: 0;
    padding-bottom: 20px;
}

.profile-settings .appearance .upload-avatar-section .avatar-preview {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    background-image: url(/img/user-avatars/user-avatar-7.jpg);
    background-size: cover;
    margin-bottom: 20px;
    border: 2px solid #FFFFFF;
}

.profile-settings .appearance .upload-avatar-section .avatar-preview-ct {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 232px;
}

.profile-settings .appearance .cover-row {
    display: flex;
    padding-top: 30px;
    border-top: 1px solid grey;
    width: -moz-fit-content;
    width: fit-content;
}

.profile-settings .appearance .cover-row .util-field-ct {
    width: -moz-fit-content;
    width: fit-content;
}

.profile-settings .appearance .img-required-error {
    color: hsl(var(--red-02)) !important;
    font-family: 'proxima-nova';
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-top: 38px;
    margin-bottom: -47px;
}

.profile-settings .appearance .img-required-error.hide {
    display: none;
}

.profile-settings .collections .save {
    background-color: #00bb55;
    color: #fff;
    font-weight: 800;
    letter-spacing: -1.5px;
    outline: none;
    display: inline-block;
    font-size: 25px;
    padding: 0px 25px;
    margin-bottom: 25px;
    margin-top: 25px;
    border:none;
    height: 56px;
    border-radius: 0;
    font-size: 30px;
    color: #000;
    font-family: proxima-nova;
}

.search-subjects-form {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin: 0;
}

.search-subjects-form button,
.profile-subjects .reset-search {
    height: 34px;
    margin: 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subject-create-search,
.search-subjects-form input {
    width: 480px;
    max-width: 480px;
}

.subject-create-search {
    margin-bottom: 4px;
}

.profile-subjects .divider {
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    background-color: #9e9c9c;
}

.profile-subjects .reset-search {
    color: #9e9c9c;
    border-bottom: 2px solid #9e9c9c;
    background: none;
    box-sizing: border-box;
    border-radius: 0;
    width: fit-content;
    padding: 10px 6px;
}

.profile-subjects .input-btn-ct {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.profile-subjects {
    max-width: 1400px;
}

.team-content .img-required-error {
    color: hsl(var(--red-02)) !important;
    font-family: 'proxima-nova';
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    margin-bottom: -16px;
}

.team-content .img-required-error.hide {
    display: none;
}

.profile-type-link {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid currentColor;
    display: inline-block;
    margin-top: 32px;
    margin-bottom: 32px;
}

.appearance.private-profile {
    position: relative;
}

.appearance.private-profile .profile-disabled-overlay {
    background: #2b283dc2;
    position: absolute;
    top: 95px;
    bottom: -200px;
    left: -75px;
    right: -75px;
    z-index: 10;
}