* {
    font-family:open sans;
    margin: 0;
    padding: 0;
}
h1 {
    font-family: raleway; font-weight:700;
    font-size: 20px;
    color: #29c;
    margin-bottom: 5px;
}
h2 {
    font-family: raleway; font-weight:700;
    font-size: 15px;
    line-height: 34px;
}
h3 {}
h6 {
    font-size: 16px;
    text-align: left;
    font-family: raleway; font-weight:300;;
    text-indent: 15px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 5px;
    margin-top: 10px;
}
h6 span {
    font-family: open sans;
    font-size: 12px;
    float: right;
    margin-right: 5px;
    color: #525352;
    font-weight:400;
    line-height: 1.6;
    text-transform: none;
}
h6 span a {
    color: #2299cc;
    text-decoration: none;
}
h6 span a:hover {
    text-decoration: underline;
}
.blue {
    color:#29c !important;
}
.green {
    color:#accc48 !important;
}
.red {
    color:#f9855c !important;
}
.yellow {
    color:#f9c900;
}
.gray {
    color:#aaa;
}
.float_right {
    float: right;
}
.float_left {
    float: left;
}
.bold{
    font-weight: 700;
}
.clear{
    clear:both;
}
.smallText{
    font-size: 12px;
}
.medText{
    font-size: 15px;
}
.largeText{
    font-size: 18px;
}
body.noScroll {
    height: 100%;
    overflow:hidden;
}
body {
    line-height:1;
    margin: 0px;
    font-family: open sans,Helvetica,Verdana;
    font-size: 11px;
    color: #525352;
    text-align: left;
    background: #F6F8F9;
    font-weight: 400;
}
a {
    text-decoration: none;
    color: #29c;
}
.kontainer {
    max-width: calc(100% - 20px);
    position: relative;
    margin: 0px auto;
    width:1260px;
}
.kontainer.aboutUs {
    display:flex;
    max-width:1000px;
}
.kontainer.openProfileHeader {
    display: flex;
}
.minHeight{
    min-height: 800px;
    display: block;
}
.influencerCampaignOnMobile {
    display: initial;
}
@media only screen and (max-width: 768px) {
    .minHeight {
        min-height: initial;
    }
    .influencerCampaignOnMobile {
        display: flex;
        flex-direction: column;
    }
}
.oneRow {
    height: 26px;
    overflow: hidden;
}
.topProfile .oneRow {
    display:flex;
    flex-wrap: wrap;
    overflow: initial;
    align-items: center;
}
.dashedLink{
   border-bottom:1px dashed #aaa;
   padding-bottom:3px;
   color: #525352;
   cursor: pointer;
}
/* fancy boxes - modals */
#fancybox-outer {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}
.fancyBoxContent {
    padding: 20px;
    padding-top: 10px;
    background: #eee;
}
.signupFancy .signinMain .flat-butt.flat-butt-xlarge.flat-butt-hollow-blue i {
    margin-right: 5px;
}

.signupFancy .signinMain .flat-butt.flat-butt-xlarge.flat-butt-hollow-blue:hover {
    color:white;
}
.signinMain .errorMessage{
    color: #f9855c;
}
.signupFancy .signinMain .smallTitle {
    color: #525352;
    font-family: open sans;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}
.signupFancy .signinMain.emailHalf input {
    width: 93%;
    margin-bottom: 20px;
    font-family: open sans;
    padding-left: 10px;
    color: #525352;
    border-color: #ccc;
}
.signupFancy {
    font-family: open sans;
    background: #fff;
    padding: 15px;
    text-align: center;
    margin: 10px;
    background: #eee;
    width: 600px;
}
.whiteFancy {
    padding: 30px;
    background: white;
    text-align: center;
    width: 400px;
}
.whiteFancy h1 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-family: raleway;
    font-weight:700;
    color:#525352;
    font-size: 18px;
}
.whiteFancy .fancyText{
    text-align: center;
    font-family: open sans;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.35;
}
.whiteFancy .fancyCTA {
    width: 90%;
    font-size: 14px;
    padding:10px 0;
    margin-bottom: 8px;
}
.whiteFancy .fancyLastLink {
    font-size: 12px;
    text-decoration: underline;
    color: #888;
}
.signin.content {
    background-color: white;
    width: 100%;
    height: 100%;
}
.mw .signin.signinMain {
    text-align: center;
}
.mw .signin.signinMain .topLogo {
    width: 160px;
}
.signin.signinMain {
    width: 600px;
    height: 350px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.signinMain.socialHalf {
    width: 45%;
    float: left;
    border-right: solid 1px #dedede;
    padding-right: 5%;
}
.signinMain.emailHalf {
    width: 44%;
    float: right;
    margin-left: 5%;
}
.signinMain.emailHalf input[type="email"],
.signinMain.emailHalf input[type="text"],
.signinMain.emailHalf input[type="password"] {
    width: 93%;
    height: 38px;
    margin-bottom: 20px;
    font-family: open sans;
    padding-left: 10px;
    color: #525352;
    border-color: #ccc;
}
.mw .signin.signinMain h1 {
    font-size: 15px;
    font-weight: 500;
    font-family: open sans;
    color: #aaa;
    margin-top: 18px;
}
.mw .signin.signinMain .bottom img {
    width: 60px;
    vertical-align: bottom;
}
.mw .signin.signinMain .bottom span {
    font-size: 14px;
    font-weight: 300;
    color: #aaa;
    margin-right: 4px;
    vertical-align: middle;
}
.signin.signinMain h1 {
    font-weight: 300;
    color: #4d4d4d;
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
}
.signin.signinMain h2 {
    color: #525352;
    font-family: open sans;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}
.mw .signin.member {
   margin: 0 0 45px 0;
}
.signin.member {
    margin-left: -12px;
    width: 100%;
    text-align: center;
    font-family: open sans;
    font-size: 13px;
    margin-top: 20px;
}
.signinMain .or {
    margin: auto;
    height: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
    top: 18%;
    text-align: center;
    font-family: open sans;
    color: #aaaaaa;
    font-size: 12px;
}
.signinMain.lostPass {
    width: 100%;
}
.signinMain.lostPass input {
    width: 98%;
    margin-bottom: 15px;
    font-family: open sans;
    font-weight: 400;
    padding-left: 10px;
    color: #525352;
    border-color: #ccc;
}
.signinMain .err {
    color: #f9855c;
    font-size: 10px;
}
.signinMain .errorBox input {
    border-color: #f9855c;
    border-radius: 5px;
    outline: none;
    box-shadow: 0 0 5px #f9855c;
}
.fullScreenModal {
    position:fixed;
    width:100%;
    bottom:0;
    background-color:rgba(256,256,256,0.9);
    padding:20px;
    z-index:99999;
    height:100%;
}
.fullScreenModal .container {
   width:1000px;
   margin:0 auto;
}
.fullScreenModal .container .modalBox {
    width:610px;
    padding-top:150px;
    margin:0 auto;
    text-align:center;
    font-family:raleway;
    line-height:1.4;
    color:#525352;
    font-weight: 500;
}
.fullScreenModal .container .modalBox .title {
  font-size:20px;
  color:#525352;
  margin-top: 20px;
  margin-bottom: 0;
  font-weight: 700;
}
.fullScreenModal .container .modalBox .cta {
    text-align:center;
    margin-top:15px;
}
.fullScreenModal .container .modalBox .secondCta {
    margin-top:10px;
    font-size: 15px;

}
.fullScreenModal .container .modalBox .secondCta a {
   border-bottom: 1px dashed #29c;
}
.fullScreenModal .container .modalBox .cta .flat-butt.flat-butt-large.flat-butt-hollow {
   border: 1px solid #525352;
   z-index: 999999;
}
.signupFancy .signinMain.socialHalf .signinMain.emailHalf {
    width: 44%;
    float: right;
    text-align: center;
    margin-left: 5%;
}
.signupFancy .signinMain.socialHalf .signinMain .smallTitle {
    color: #525352;
    font-family: open sans;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}
.mw.signupFancy .signinMain .flat-butt.flat-butt-xlarge.flat-butt-hollow-blue {
    width: 98%;
}
.signupFancy .signinMain .flat-butt.flat-butt-xlarge.flat-butt-hollow-blue {
    font-family: open sans;
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #29c;
    color: #29c;
    padding: 15px 30px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
}
.signupFancy .signinMain .flat-butt-xlarge.flat-butt-blue {
    margin-bottom: 8px;
    font-family: open sans;
    font-size: 15px;
    width: 100%;
    margin-bottom: 5px;
    padding: 15px 30px;
    background: #29c;
    border: 1px solid #29c;
    color: #FFF;
    cursor: pointer;
    outline: 0;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    display: inline-block;
}
.signupFancy .signinMain.socialHalf {
    width: 45%;
    float: left;
    border-right: solid 1px #dedede;
    padding-right: 5%;
}
.mw.signupFancy .signinMain.emailHalf {
    margin-left: 0;
    width: 360px;
    float: none;
    margin: 0 auto;
}
.signupFancy .signinMain.emailHalf {
    width: 44%;
    float: right;
    text-align: center;
    margin-left: 5%;
}
.creatorSignUpModal .topLeft {
 position: absolute;
 left: 20px;
 top: 20px;
 width: 100px;
}
.creatorSignUpModal .topLeft img {
    width: 100%;
}
.creatorSignUpModal .topRight {
    position: absolute;
    right: 23px;
    top: 20px;
}
.creatorSignUpModal .modalTop {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.creatorSignUpModal .modalTop .title {
    font-family: raleway;
    font-size: 23px;
    font-weight: 700;
    color: #525352;
}
.creatorSignUpModal .modalTop .subTitle {
    font-family: open sans;
    font-size: 15px;
    margin-bottom: 9px;
}
.creatorSignUpModal .modalBottom {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    padding: 20px;
    margin-bottom: 10px;
}
.creatorSignUpModal .modalBottomMsg {
    color: #888;
    width:340px;
    margin:0 auto;
    text-align: center;
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    .creatorSignUpModal .modalBottom {
        flex-direction: column;
    }
    .creatorSignUpModal .topLeft {
        display: none;
    }
}
.creatorSignUpModal .modalBottom .oneNetworkButt {
    width: 240px;
    height: 160px;
    border:1px solid #eee;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    padding:20px;
    transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {
 .creatorSignUpModal .modalBottom .oneNetworkButt {
        width: 100% ;
        height: auto ;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
    }
    .creatorSignUpModal .modalBottom .oneNetworkButt .middle {
        margin-right: 5px;
        margin-bottom: 0 !important;
    }
}
.creatorSignUpModal .modalBottom .oneNetworkButt:hover {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}
.creatorSignUpModal .modalBottom .oneNetworkButt .top {
    color: #aaa;
    text-transform: uppercase;
    font-weight: 700;
}
.creatorSignUpModal .modalBottom .oneNetworkButt .middle {
    font-size: 30px;
    margin-bottom: 8px;
}

.instagramColor  {
    color: #F087B1 !important;
}
.twitterColor  {
    color: #000000 !important;
}
.facebookColor {
    color: #3B5999 !important;
}

.youtubeColor {
    color: var(--youtube-color) !important;
}

.pinterestColor {
    color: #BD081C !important;
}
.tiktokColor {
    color: #FF0078 !important;
}

.blogColor {
    color: #C99666 !important;
}

.snapchatColor {
    color: #F9C900 !important;
}

.twitchColor {
    color: #9146FF !important;
}

.shopifyColor {
    color: #96bf48;
}
.wooCommerceColor {
    color: #9f5c8e;
}
.manualCatalogColor {
    color: var(--gray-darkest);
}
.pixelColor {
    color: #8091A5;
}

.twitchColor {
    color: #6441a5 !important;
}

.redColor {
    color: #ff223f !important;
}

.insta_storiesColor {
    background: linear-gradient(50deg, #FBAD50, #CD486B, #4C68D7, #8A3AB9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.facebook_storiesColor {
    background: linear-gradient(50deg, #3b5998, #3b5998, #3b5998, #3b5998);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.insta_reelsColor {
    background: linear-gradient(43.73deg, #FBAD50 14.34%, #CD486B 78.98%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.creatorSignUpModal .modalBottom .oneNetworkButt .bottom {
    line-height: 1.3;
}
.creatorSignUpModal .modalTop .topIcon {
    width: 135px;
}
.creatorSignUpModal .modalTop .topIcon.brandLogo {
    width: 170px;
    height: auto;
    max-height: 170px;
    margin: 30px 0 20px 0;
}
.frmOne label {
    display: block;
    clear: both;
    float: left;
    width: 97px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    font-size: 14px;
    padding-right: 5px;
    border-radius: 5px;
    font-family: raleway; font-weight:300;;
}
.frmOne input[type="text"], .frmOne input[type="email"] {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.frmOne input[type="date"] {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.frmOne .genderSelector {
    float: left;
    width: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}
.frmOne .genderSelector li {
    text-decoration: none;
    color: #888;
    display: inline;
    cursor: pointer;
}
.frmOne .genderSelector li.selected {
    font-weight: 700;
    color: #333;
}
.frmOne select {
    float: left;
    width: 130px;
    margin-top: 5px;
    margin-bottom: 6px;
    padding: 1px;
}
.frmOne textarea {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    width: 400px;
    height: 100px;
    float: left;
    margin-top: 5px;
}
.frmOne input[type="submit"] {
    float: left;
    margin-top: 5px;
    width: 70px;
}
.frmOne #thankyouNote {
    float: left;
    width: 200px;
    padding-left: 15px;
    font-family: raleway; font-weight:300;;
    font-size: 14px;
    padding-top: 8px;
}
#thankyouNote2, .klearProfilesModal .requestSent, .thankyouNoteGen {
    line-height: 1.3;
    text-align: center;
    padding-top: 25px;
    font-family: raleway;
    font-size: 17px;
    font-weight: 300;
    color: #525352;
}
#thankyouNote2 .title, .klearProfilesModal .requestSent .title, .thankyouNoteGen .title {
    padding-top: 50px;
    color: #124f69;
    padding-bottom: 0px;
    font-size: 27px;
    font-weight: 300;
    font-family: raleway;

}
#thankyouNote2 .subTitle, .klearProfilesModal .requestSent .subTitle, .thankyouNoteGen .subTitle {
    color: #7d9bb6;
    padding-bottom: 40px;
    font-size: 17px;
}

#thankyouNote2 .animation, .klearProfilesModal .requestSent .animation, .thankyouNoteGen .animation{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}
#thankyouNote2 .animation .phoneBody,
.emptyState .animation .phoneBody,
.klearProfilesModal .requestSent .animation .phoneBody, .thankyouNoteGen .animation .phoneBody{
  -webkit-animation: ringBody 3s ease infinite;
  -moz-animation: ringBody 3s ease infinite;
  animation: ringBody 3s ease infinite;
  -webkit-transform-origin: 450px 260px;
  -moz-transform-origin: 450px 260px;
  -ms-transform-origin: 450px 260px;
  transform-origin: 450px 260px;
}
@-webkit-keyframes ringBody {
  10% {transform: scale(1, 1);}
  12% {transform: scale(1, 0.95);}
  16% {transform: scale(1, 1);}

}
@-moz-keyframes ringBody {
  10% {transform: scale(1, 1);}
  12% {transform: scale(1, 0.95);}
  16% {transform: scale(1, 1);}

}
@keyframes ringBody {
  10% {transform: scale(1, 1);}
  12% {transform: scale(1, 0.95);}
  16% {transform: scale(1, 1);}
}
#thankyouNote2 .animation .phoneHandle,
.emptyState .animation .phoneHandle,
.klearProfilesModal .requestSent .animation .phoneHandle, .thankyouNoteGen .animation .phoneHandle{
  -webkit-animation: ring 3s ease-in-out infinite;
  -moz-animation: ring 3s ease-in-out infinite;
  animation: ring 3s ease-in-out infinite;
-webkit-transform-origin: 380px 168px;
  -moz-transform-origin: 380px 168px;
  -ms-transform-origin: 380px 168px;
  transform-origin: 380px 168px;
}
@-webkit-keyframes ring {
  10% {transform:translate(0px,0px) rotate(0deg);}
  20% {transform:translate(0px,-20px) rotate(0deg);}
  30% {transform:translate(0px,-20px) rotate(5deg);}
  34% {transform:translate(0px,-20px) rotate(-5deg);}
  38% {transform:translate(0px,-20px) rotate(5deg);}
  42% {transform:translate(0px,-20px) rotate(-5deg);}
  46% {transform:translate(0px,-20px) rotate(5deg);}
  51% {transform:translate(0px,-20px) rotate(-5deg);}
  55% {transform:translate(0px,-20px) rotate(5deg);}
  60% {transform:translate(0px,0px) rotate(0deg);}

}
@-moz-keyframes ring {
    10% {transform:translate(0px,0px) rotate(0deg);}
  20% {transform:translate(0px,-20px) rotate(0deg);}
  30% {transform:translate(0px,-20px) rotate(5deg);}
  34% {transform:translate(0px,-20px) rotate(-5deg);}
  38% {transform:translate(0px,-20px) rotate(5deg);}
  42% {transform:translate(0px,-20px) rotate(-5deg);}
  46% {transform:translate(0px,-20px) rotate(5deg);}
  51% {transform:translate(0px,-20px) rotate(-5deg);}
  55% {transform:translate(0px,-20px) rotate(5deg);}
  60% {transform:translate(0px,0px) rotate(0deg);}

}
@keyframes ring {
  10% {transform:translate(0px,0px) rotate(0deg);}
  20% {transform:translate(0px,-20px) rotate(0deg);}
  30% {transform:translate(0px,-20px) rotate(5deg);}
  34% {transform:translate(0px,-20px) rotate(-5deg);}
  38% {transform:translate(0px,-20px) rotate(5deg);}
  42% {transform:translate(0px,-20px) rotate(-5deg);}
  46% {transform:translate(0px,-20px) rotate(5deg);}
  51% {transform:translate(0px,-20px) rotate(-5deg);}
  55% {transform:translate(0px,-20px) rotate(5deg);}
  60% {transform:translate(0px,0px) rotate(0deg);}
}
#thankyouNote2 .animation .clock,
.emptyState .animation .clock,
.klearProfilesModal .requestSent .animation .clock, .thankyouNoteGen .animation .clock {
  -webkit-animation: clockWork 6s steps(10, end) infinite;
  -moz-animation: clockWork 6s steps(10, end) infinite;
  animation: clockWork 6s steps(10, end) infinite;
  -webkit-transform-origin: 75.77px 40.5px;
  -moz-transform-origin: 75.77px 40.5px;
  -ms-transform-origin: 75.77px 40.5px;
  transform-origin: 75.77px 40.5px;
  display: inline;
}
@-webkit-keyframes clockWork {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes clockWork {
  0% {-moz-transform:rotate(0deg);}
  100% {-moz-transform:rotate(360deg);}
}
@keyframes clockWork {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
.frmOne fieldset {
    border: none;
}
.frmBig label {
    display: block;
    clear: both;
    float: left;
    width: 68px;
    text-align: left;
    font-size: 18px;
    border-radius: 5px;
    font-family: open sans;
    color: #525352;
    line-height: 1.9;
}
.frmBig input[type="text"] {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    display: block;
    float: left;
    font-size: 20px;
}
.frmBig td {
    padding: 5px;
}
.fancy_box_texture {
    padding: 20px;
    background-color: #eee;
}
#lists_container {
    list-style: none;
    font-size: 14px;
    text-align: left;
    color: #444;
}
#signupBanner .closeBtn{
  font-size: 30px;
  color: #aaa;
  position: absolute;
  right: 55px;
  top: 15px;
  font-family: raleway;
  font-weight: 300;
  cursor: pointer;
}
#signupBanner .closeBtn:hover{
    color: #ccc;
}
.instaLikeIcon {
    background: url(/images/icons/instaAssets.png) no-repeat;
    background-position: 0px -96px;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.instaCommentIcon {
    background: url(/images/icons/instaAssets.png) no-repeat;
    background-position: 0px 5px;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.pluginButtonIcon {
    margin-right: 2px;
    position: relative;
    top: 3px;
    margin-right: 2px;
}

.pluginButton button {
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.pluginButtonInline {
    display: inline-block;
}

.pluginButton {
    background: #eceef5;
    -webkit-border-radius: 3px;
    border: 1px solid #cad4e7;
    cursor: pointer;
    padding: 2px 6px 4px;
    white-space: nowrap;
    color: #3b5998;
}

.pluginButtonSmall {
    padding: 0 5px 2px 5px;
    font-size: 11px;
}

.pluginButton button {
    background: transparent;
    border: 0;
    margin: -1px;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.pluginButton:hover {
    border-color: #9dacce;
}
.sp_like {
    background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yI/x/1dQf_ATK831.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.blankPage {
    background: #fff;
    width: 100%;
    margin: 70px auto 0;
    display: flex;
    justify-content: center;
    min-height: 700px;
}
.blankPage .blankTopImage {
    text-align: center;
}
.blankPage .blankTopImage img {
        width: 120px;
}
.blankPage .largeTitle {
    font-size: 25px;
    font-weight: 300;
}
.blankPage .blankContent {
    width:630px;
    padding:0px;
    margin:0 auto;
}
#thankyouNoteApi {
    display: none;
    font-family: raleway;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3;
    color: #525352;
    text-align: center;
    border-top: 1px solid #aaa;
    padding-top: 25px; }

.addModal.addToList {
   /* text-align:center;
    background:#fff;
    width:480px;
    font-size:15px;
    text-align:left;
    line-height:1.4;
    margin-left:-90px;*/
    text-indent:0;
}
.addModal.addToList .topTitle {
    font-family: open sans;
    font-weight: 700;
    color: #ccc;
    text-transform: uppercase;
    font-size: 15px;
    padding: 40px 40px 10px 40px;
}
.addModal.addToList .topTitle .details {
    font-weight: 300;
    color: #ccc;
}
.addModal.addToList .details {
    font-weight: 300;
    font-size: 15px;
    color: #aaa;
}
.addModal.addToList .oneLine {
    font-size: 15px;
    font-weight: 300;
}
.addModal.addToList .oneLine .lineContent {
    border-bottom: 1px solid #f6f8f9;
    margin: 0 20px;
    padding: 15px 20px;
}
.addModal.addToList .oneLine .lineContent .link {
    font-weight: 700;
    border-bottom: 1px solid;
    font-size: 12px;
    margin-left: 3px;
    padding: 0;
}
.addModal.addToList .oneLine .lineContent .link.blue {
    color: #29c;
    border-color: #29c;
}
.addModal.addToList .oneLine .lineContent .link.red {
    color: #f9855c;
    border-color: #f9855c;
}
.addModal.addToList .oneLine .leftIcon {
    position: absolute;
    left: -23px;
    font-size: 11px;
    color: #aaa;
    bottom: 5px;
}
.addModal.addToList .oneLine:hover {
   background: #e4f4f9;
   cursor: pointer;
}
.addModal.addToList .oneLine.selected {
    background: #f6f8f9;
    font-weight: 500;
    color: #888;
}
.addModal.addToList .oneLine.selected:hover {
    background: #eee;
}
.addModal.addToList .listInput {
    padding: 20px 40px 40px 40px;
    border-top: 1px solid #eee;
}
.addModal.addToList .listInput .inputTitle {
    font-family: raleway;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 7px;
    color: #aaa;
}
.addModal.addToList .listInput .inputArea {
    border: 0;
    background: #f6f8f9;
    padding: 12px;
    width: 72%;
    font-size: 15px;
    line-height: 21px;
}
.addModal.addToList .listInput .listButt {
    width:28%;
    float:right;
    padding: 14px;
    font-size: 15px;
}
/* End of fancy boxes end of modal */

/* HEADER */
.openProfileHeader .headerTabs .login {
	display:flex;
}
.openProfileHeader .headerTabs {
    width:100%;
}
.openProfileHeader .headerTabsCont {
	width:100%;
	display:flex;
}
.openProfileHeader .hollowButt {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    margin-left:auto;
}
.openProfileHeader .oneTab.dropdown .flatHeaderButton {
    width:auto;
    justify-content: flex-start;
}




.flatHeader.relative {
    position: relative;
 }
 .flatHeader.sharedHeader {
    background: white;
    height: var(--height-header);
    box-shadow: 0 2px 2px 1px rgba(0, 0 , 0 , 0.1);
    align-items: center;
 }
 .flatHeader.sharedHeader > .container {
    height: 100%;
    display: flex;

 }
 .flatHeader.sharedHeader > .container .logoTitle {
    align-self: center;
}
 .flatHeader.sharedHeader .brandLogo img {
    max-height: 50px;
    margin-right: 10px;
    padding: 10px 0;
 }
 .flatHeader.sharedHeader.wl .brandLogo {
    font-size: 13px;
    font-weight: 700;
    font-family: open sans;
    text-transform: uppercase;
    color: #8091A5;
    height: 50px;
    display: inline-block;
    letter-spacing: 0.2px;
 }
 .flatHeader.sharedHeader .shareLabelCont {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
 }
 .flatHeader.sharedHeader .shareLabelCont .shareLabel {
    font-size: 12px;
    background-color:#FFF9E1;
    padding: 10px 15px;
    border-radius: 30px;
    color:#888;
    font-weight: 500;
    letter-spacing: .1px;
 }
 .flatHeader.sharedHeader.wl .klearLogo {
    float: right;
    font-size: 12px;
    vertical-align: middle;
    height: 50px;
    line-height: 4;
    color: #aaa;
    font-weight: 300;
    letter-spacing: 0.5px;
    position: absolute;
    right: 0;
 }
 .flatHeader.sharedHeader .logoTitle {
     font-size: 13px;
    font-weight: 700;
    font-family: open sans;
    text-transform: uppercase;
    color: #8091A5;
    letter-spacing: 0.2px;
    margin-left: 20px;
    line-height: 50px;
 }
 .flatHeader.sharedHeader .shareLogoHeader {
     height: var(--space-regular);
     margin-bottom: 5px;
 }
 .flatHeader.sharedHeader.klear .darkLogo {
    margin-top: 9px;
 }
 .flatHeader.sharedHeader.wl .klearLogo .darkLogo {
    float: right;
    margin-top: 12px;
    margin-left: 20px;
 }
 .caretHeader {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 12px;
    margin-left: 2px;
    vertical-align: top;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
 }
 nav ul.darkHeaderNav{
    float: right;
}
nav ul.darkHeaderNav > li{
  display: block;
  float: left;
  line-height: 45px;
  margin: 0 20px 0 0;
  font-size: 13px;
}
nav ul.darkHeaderNav > li > a{
    color:#ccc;
}
nav ul.darkHeaderNav > li > a:hover{
    color:#29c;
}
#signin_menu_top {
    width: 240px;
    background-color: white;
    z-index: 900;
    text-align: left;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    position: absolute;
    top:53px;
    right:0;
}
 #signin_menu_top li {
    padding: 10px 0px 10px 15px;
    cursor: pointer;
}
#signin_menu_top li:Hover {
    background: #29c;
    color: white;
}
#signin_menu_top ul {
    margin: 0px;
    padding: 0px;
}
#signin_menu_top a {
    text-decoration: none;
    color: #535253;
    font-size: 12px;
    font-family: open sans;
}
#signin_menu_top a li {
    text-decoration: none;
    color: #535253;
    font-size: 12px;
    font-family: open sans;
}
#signin_menu_top a li.more i{
    font-size:17px;
}

#signin_menu_top .seperator {
    background: #aaa;
    width: 100%;
    height: 1px;
}

#signin_menu_top .seperator.lite {
    background: #e6e6e6;
    width: 100%;
    height: 1px;
}
.headerMenuDrop .title, #signin_menu_top .title {
    margin: 0px;
    padding: 0px;
    clear: both;
    color: #535252;
    font-size: 13px;
    font-family: raleway;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 10px 10px 15px;
    line-height: 1.3;
}
.flatHeader {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1100;
    height: var(--height-header);
    background: white;
    font-size: 18px;
    box-shadow: 0px 0 5px 0 rgba(0,0,0,.08);
    border-bottom: 2px solid #f2f2f2;
    display: flex;
}
.flatHeader .influencerHeader {
    display: flex;
}
.flatHeader.mwHeader .container .flatHeaderButton.selected,
.flatHeader.mwHeader .kontainer .flatHeaderButton.selected{
    /* color: #357879; */
}

.flatHeader.responsive .container {
    max-width: 1000px !important;
    width: auto !important;
}
.row.noPadding > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .mobileDivider {
        border-bottom: 2px solid #eee;
        width: 80px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 30px;
    }
    .col-xs-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .col-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .row-xs-flex {
        display: flex;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .col-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .row-sm-flex {
        display: flex;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .col-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .row-md-flex {
        display: flex;
    }
}
@media (min-width: 1200px) {
    .col-lg-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .col-noPadding {
        padding-right: 0;
        padding-left: 0;
    }
    .row-lg-flex {
        display: flex;
    }
}


.flatHeader .flatHeaderButton:hover,
.flatHeader .flatHeaderButton:hover {
    color: #ccc;
 }
.flatHeader .flatHeaderButton,
.flatHeader .flatHeaderButton {
    font-family: raleway;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    color: #525352;
    align-items: center;
    width:100%;
    height: 100%;
    justify-content: center;
    transition: .2s ease all;
}
.flatHeader .flatHeaderButton.smallButt {
    width:60px;
    flex-shrink: 0;
    transition: all .2s ease;
    position: relative;
    margin-right: 15px;
}
.flatHeader .flatHeaderButton.smallButt .button {
    transition:all .2s ease;
    background:white;
    display: flex;
    height:80%;
    width:100%;
    border-radius:5px;
    justify-content: center;
    align-items: center;
}
.flatHeader .flatHeaderButton.smallButt .button:hover {
    /* box-shadow: 0px 0 20px 0 rgba(0,0,0,.2); */
}
.flatHeader .flatHeaderButton.open,
.flatHeader .flatHeaderButton.open {
   float: right;
   padding-left: 10px;
   padding-right: 10px;
}
.flatHeader .settingsPlaceholder:hover {
    background-color: #f6f8f9;
    z-index: 100000;
}
.flatHeader.mwHeader .settingsPlaceholder:hover {
    background: transparent;
}
.flatHeader.mwHeader .settingsPlaceholder:hover i {
    color: #166767 !important;
}
.flatHeader.mwHeader .settingsPlaceholder:hover .caretHeader {
    border-top-color: #166767 !important;
}
.flatHeader .settingsPlaceholder {
    display: flex;
    /* width: 250px; */
    flex-shrink: 0;
    flex-grow: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flatHeader .settingsPlaceholder .allUser {
    height: 80%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width:100%;
}
.flatHeader .settingsPlaceholder .allUser .settingsButt {
    width:100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    justify-content: space-between;
    height:100%;
    padding:0 15px;
}
@media (max-width: 768px) {
    .flatHeader .settingsPlaceholder {
        width:61px;
    }
    .flatHeader .settingsPlaceholder .allUser .settingsButt .settingsName {
        display: none;
    }
    .flatHeader .headerTabs .oneTab {
        width: 100px !important;
    }
    .flatHeader .kontainer .flatHeaderButton {
        justify-content: flex-start;
    }
}
.flatHeader .settingsPlaceholder .allUser .settingsButt .settingsName > div:first-child {
    font-weight: 700;
}
.flatHeader .settingsPlaceholder .allUser .settingsButt .settingsName > div:last-child {
    margin-top: 5px;
    font-size: 13px;
    color: #aaa;
}
.flatHeader.mwHeader .settingsPlaceholder .allUser .settingsButt .settingsName > div:last-child {
    color:#525352;
}
.flatHeader .notificationsHeader {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.flatHeader .headerTabs,
.flatHeader .headerTabs .oneTab,
.flatHeader .kontainer .flatHeaderButton.selected {
    display: flex;
    height: 100%;
    align-items: center;
}
.flatHeader .headerTabs .oneTab {
    width:130px;
}
.flatHeader .headerTabs .oneTab i {
    margin-right: 3px;
}
.flatHeader .headerRightside {
    display: flex;
    margin-left: auto;
}
.flatHeader .headerRightside .helpButton{
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-right: 20px;
    color: #888;
}
.flatHeader .headerRightside .helpButton:hover{
    color:#29c;
}

.flatHeader .headerRightside .completeYourProfileButt {
    display: flex;
    align-items: center;
}
.logo {
    width:90px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;;
    margin-right:10px;
    margin-left:10px;
    height: 100%;
}
.logo .headerLogo {
    width: 140px;
    margin-right: 70px;
}
.logo.mwLogo {
    width: 135px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.logo.mwLogo img{
    margin-bottom:2px;
}
.logo.bcwLogo {
    width: 72px;
    margin-bottom: 0;
}
.mwLogo .mwLogoPic {
    display: flex;
    flex: 50%;
    flex-grow: 0;
    align-items: flex-end;
    margin-bottom: 2px;
}
.mwLogo .mwLogoPic img {
    width: 135px;
}
.mwKlearLogoPic {
    font-size: 10px;
    color: #525352;
    display: flex;
    font-weight: 300;
    letter-spacing: 1px;
    flex: 0;
    flex-shrink: 0;
    text-align: left;
    justify-content: center;
    border-right: 2px solid #eee;
    height: 80%;
    padding-right: 20px;
    margin-right:20px;
    align-self: center;
    align-items: center;
}
.mwKlearLogoPic img {
    animation: open .65s ease-in;
    animation-delay: 2s;
    opacity: 0;
    scale: 0;
    animation-fill-mode: forwards;

}
.mwKlearLogoPic .mwPoweredByText {
    animation: open .65s ease-in;
    animation-delay: 1.9s;
    opacity: 0;
    scale: 0;
    animation-fill-mode: forwards;
}
@keyframes open {
    0% {
        opacity: 0;
        scale: 0;
    }
    80% {
        scale:1.15;
    }
    100% {
        opacity: 1;
        scale:1;
    }

}
@media only screen and (max-width: 1000px) {
    .mwKlearLogoPic {
        display:none;
    }
}

.mwKlearLogoPic:hover img {
    filter:initial;
}
.settingsButt .mwPoweredByText {
    white-space: nowrap;
    margin-bottom: 2px;
}
.mwKlearLogoPic img {
    width: 63px;
    flex-shrink: 0;
    margin-bottom: 3px;
    /* filter: saturate(0) contrast(0%); */
    transition:.8s ease all;
}
.mwKlearLogoPic .mwPoweredByText {
    white-space: nowrap;
    margin-right:4px;
}
.logo .headerLogo {
    width:140px;
    margin-bottom:6px;
}
.darkLogo {
    float: left;
    height: 26px;
    width: 110px;
    margin-top: 6px;
    background: url(/images/new/logo/new_klear_logo.png) no-repeat;
    background-size: 91px;
}
.hubLogo {
    float: left;
    height: 55px;
    width: 160px;
    margin-top: 6px;
    background: url(/images/hubLogo.png) no-repeat;
    background-size: 161px;
}
.flatHeader .mwReturnToUser {
    position:absolute;
    top:65px;
    left:0px;
    padding:10px;
    background:#888;
    border-radius:10px;
    color:white;
    opacity:0.8;
    font-size:12px;
    font-family:open sans;
    font-weight 700;
}
.flatHeader .mwReturnToUser a {
    color: white;
}
.flatHeader .mwReturnToUser a i {
    margin-right:3px;
}
.mwKlear {
    position: absolute;
    right: 20px;
    top: 17px;
    font-size: 12px;
    color: #ddd;
    font-family: raleway;
    letter-spacing: 0.3px;
    font-weight: 300;
    /*opacity: 0.8;*/
}
.mwKlear.small {
    display: none;
}
@media only screen and (max-width: 1560px) {
    .mwKlear {
        display: none;
    }
    .mwKlear.small {
    display: inline;
    }
}
@media only screen and (max-width: 1430px) {
    .mwKlear {
        display: none;
    }
    .mwKlear.small {
    display: none;
    }
}


.mwKlear img {
    width: 66px;
    margin-top: -6px;
    margin-left: 3px;
}
.searchBoxPlaceHolder {
    min-width: 20%;
    width: 169px;
    float: left;
    margin-left: 25px;
    padding-top: 7px;
    text-align: left;
}
.searchBoxPlaceHolder.open {
    float: left;margin-left: 30px;
}
#search input[type="text"]:hover {
    background-color: #265D75;
    border: 1px solid #265D75;
}
#search input[type="text"] {
    background: url(/images/search-white.png) no-repeat 7px 7px #023D56;
    border: 0 none;
    font: 300 14px open sans, Helvetica, Sans-serif;
    color: #ddd;
    letter-spacing: 0.5px;
    width: 150px;
    padding: 5px 15px 5px 30px;
    box-sizing: content-box;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border: 1px solid #023D56;
}
#search input[type="text"] {
    background: url(/images/search-white.png) no-repeat 7px 7px #023D56;
    border: 0 none;
    font: 300 14px open sans, Helvetica, Sans-serif;
    color: #ddd;
    /*#d7d7d7;*/
    letter-spacing: 0.5px;
    width: 150px;
    padding: 5px 15px 5px 30px;
    box-sizing: content-box;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border:1px solid #023D56;
}
#search input[type="text"]:hover {
    background-color: #265D75;
    border:1px solid #265D75;
}
#search input[type="text"]:focus {
    background-color: #3D6C80;
    border:1px solid #3D6C80;
    box-shadow: none;
    outline:0px !important;
    -webkit-appearance:none;
}
.flatHeader.white .container {
       max-width: 1000px;
    width:90%;
    margin: 0 auto;
    font-weight: 300;
}
.flatHeader .container .flatHeaderButton#selected,
.flatHeader .kontainer .flatHeaderButton#selected {
    background: #023D56;
    color: #ccc;
}
.flatHeader .container .flatHeaderButton:hover,
.flatHeader .kontainer .flatHeaderButton:hover {
    color: #8091A5;
}
#loading-bar-spinner {
    display:none !important;
}
#loading-bar .bar {
    background-image: linear-gradient(to right, #19739a , #72C2E4);
    top:55px;
    height: 2px;
}
.flatHeader.mwHeader .container .flatHeaderButton:hover,
.flatHeader.mwHeader .kontainer .flatHeaderButton:hover {
    /* color: #003a20; */
}
.flatHeader .container .flatHeaderButton.selected,
.flatHeader .kontainer .flatHeaderButton.selected {
    background: white;
    color: #29c;
    /* box-shadow: 0px 0 20px 0 rgba(0,0,0,.2); */
    position: relative;
    height: 80%;
    border-radius: 4px;
}

.flatHeader.white #search input[type="text"]{
    color:#525352;
    background: #fff;
    border: 1px solid #ccc;
}
.flatHeader .signupBtn{
    float:right;margin-right:10px;margin-top:8px
}
.stickyBar {
    width: 100%;
    display: flex;
    height: 2px;
    background: #eee;
    position: sticky;
    top: 55px;
    z-index: 99;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

input::-webkit-input-placeholder,.flatHeader.white #search input::-webkit-input-placeholder {
    color: #999;font-weight: 400;
}

input:-moz-placeholder,.flatHeader.white #search input::-moz-placeholder {
    color: #999;font-weight: 400;
}

input:-ms-input-placeholder,.flatHeader.white #search input::-ms-input-placeholder {
    color: #999;font-weight: 400;
}

#search input::-webkit-input-placeholder {
    color: #ccc;
}

#search input:-moz-placeholder {
    color: #ccc;
}

#search input:-ms-input-placeholder {
    color: #ccc;
}
.findEmptyState {
    margin-top: 8rem;
}
.searchAnyFilterRow .ng-hide.ng-hide-animate {
    display: none;
}
.oneOption.active .select-filter {
    color: #525352;
    font-weight: 500;
}
@-webkit-keyframes shake {
    10% {transform:translate(0px,0px) rotate(0deg);}
    60% {transform:translate(0px,-5px) rotate(69deg);}
    100% {transform:translate(0px,0px) rotate(0);}
}
@-moz-keyframes shake {
    10% {transform:translate(0px,0px) rotate(0deg);}
    60% {transform:translate(0px,-5px) rotate(69deg);}
    100% {transform:translate(0px,0px) rotate(0);}
}
@keyframes shake {
    10% {transform:translate(0px,0px) rotate(0deg);}
    60% {transform:translate(0px,-5px) rotate(69deg);}
    100% {transform:translate(0px,0px) rotate(0);}
}
.expandableFieldSet .tagLevel{
    margin-right: 5px;line-height: 16px;float: left;
}
.searchAnyFilterRow input[type="text"] {
  background: none;
  padding: 5px;
  font-size: 14px;
  color: #525352;
  border:none;
  width: 84%;
  box-sizing: border-box;
  height: 38px;
  padding-left: 0;
}
.notificationDropdown {
    width: 300px;
    background: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    position: absolute;
    top: 43px;
    right: -3px;
    z-index: 900;
    text-align: left;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border: 2px solid #fff;
}
.notificationDropdown li {
    line-height: 1.3;
    padding: 15px 10px;
    border-top: 1px solid #dedede;
    color: #525352;
    font-family: open sans;
    font-size: 13px;
}

.notificationDropdown li > .notiText כך    float: left;
    width: 70%;
}
.notificationDropdown li button {
    float: right;
}
.notificationDropdown:after {
    content: "";
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: -21px;
    right: 7px;
}
.notificationDropdown li.unread {
    background-color: #eceff5;
}
.notificationDropdown li:hover {
    background: #eee;
}
#notificationCounter {
    background: #aaa;
    color: #fff;
    padding: 3px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-family: open sans;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 8px;
    width: 8px;
    line-height: 8px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    display: none;
    box-sizing:content-box;
}
#notificationPlaceholder {
    float: right;
    position: relative;
    width: 40px;
    cursor: pointer;
}
.browsePopup {
    height: 39px;
    padding-top: 13px;
    padding-right: 15px;
    padding-left: 15px;
    font-family: raleway; font-weight:300;;
    text-shadow: 0px -1px 1px #222;
    color: #fff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}
.browsePopup:hover {
    background-color: #023D56;
    z-index: 100000;

}
.browsePopup#selected {
    background-color: #444;
    -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, .3);
    color: #accc48;
    font-family: raleway; font-weight:300;;
}
.browsePopup#selected:after {
    content: "";
    border-color: transparent transparent #accc48 transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -5px;
}
.browsePopup2 {
    text-decoration: none;
    border-left: 1px solid #dedede;
    color: #525352;
    padding: 0px 20px;
    line-height: 35px;
    height: 35px;
}
.browsePopup2:hover {
    background: #eee;
}
.browsePopup2#selected {
    font-weight: 700;
    background: #eee;
    -webkit-box-shadow: 0px 2px 0px #29c;
    -moz-box-shadow: 0px 2px 0px #29c;
    box-shadow: 0px 2px 0px #29c;
    color: #29c;
}
.headerMenuDrop .title,
#signin_menu_top .title {
    margin: 0px;
    padding: 0px;
    clear: both;
    color: #535252;
    font-size: 13px;
    font-family: raleway; font-weight:700;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 10px 10px 15px;
    line-height: 1.3;
}
.headerMenuDrop li {
    padding: 10px 10px 10px 15px;
    cursor: pointer;
}
.headerMenuDrop a li {
    text-decoration: none;
    color: #535253;
    font-size: 12px;
    font-family: open sans;
}
.headerMenuDrop a li:hover {
    background: #29c;
    color: white;
}
.headerMenuDrop .seperator {
    background: #aaa;
    width: 100%;
    height: 1px;
}
.inline {
    display: inline-block;
}
.headerMenuDrop {
    width: 180px;
    font-family: open sans;
    color: #525352;
    background-color: white;
    float: left;
    margin-top: 0px;
    z-index: 900;
    text-align: left;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    position: absolute;
}
.headerMenuDrop .title,
#signin_menu_top .workspace {
    font-family: open sans;
    font-size: 11px;
    color: #888;
    white-space: nowrap;
    letter-spacing: 0.2px;
    overflow: hidden;
}
#signin_menu_top  .workspaceContainer.scroll {
    max-height: 397px;
    overflow-y: scroll;
    -moz-box-shadow:    inset 0 -1px 3px #eee;
    -webkit-box-shadow: inset 0 -1px 3px #eee;
    box-shadow:         inset 0 -1px 3px #eee;
}
.signin_menu_top .top_menu_form {
  padding:10px 15px 10px 15px;
  display: none;
}
.signin_menu_top .top_menu_form.display{
    display: block
}
.signin_menu_top .top_menu_form input {
  font-size: 12px;
}
.signin_menu_top .top_menu_form .submit-button {
  display: table-cell;
  padding: 0;
}
.signin_menu_top .info {
  display: none;
  padding:10px 15px 10px 15px;
  color: #535253;
  font-size: 12px;
  font-family: open sans;
  line-height: 1.4;
}
.signin_menu_top .info.display {
  display: block;
  padding:10px 15px 10px 15px;
  color: #535253;
  font-size: 12px;
  font-family: open sans;
  line-height: 1.4;
}
.tdsearch {
    vertical-align: top;
    padding-left: 5px;
}
.acsname {
    font-weight: 700;
    color: #525352;
    font-family: open sans;
    font-size: 13px;
}
.acname {
    font-size: 12px;
    color: #878787;
    font-weight:400;
    font-family: open sans;
}
.tfname {
    font-size: 13px;
    color: #525352;
}
.tfsname {
    font-size: 11px;
    color: #aaa;
}
.acMoreResults {
    height: 40px;
    font-family: open sans;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    background: #eee;
    color: #222;
    padding: 10px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -3px;
    margin-top: -7px;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.acMoreResults:Hover {
    background: #222;
    color: white;
    border: 0;
}
.acMoreResultsSmall {
    font-size: 10px;
    color: #888;
}
.img140 {
    width: 140px;
    height: 140px;
}
.img100 {
    width: 100px;
    height: 100px;
}
.img73 {
    width: 73px;
    height: 73px;
}
.img64 {
    width: 64px;
    height: 64px;
}
.img48 {
    width: 48px;
    height: 48px;
}
.img36 {
    width: 36px;
    height: 36px;
}
.img24 {
    width: 24px;
    height: 24px;
}
.imgRound {
    border-radius: 50%;
}
.ui-autocomplete-category i {
    display: inline;
}

/* Footer */
.footerCta .dashedLink{
   color:#888;
   border-bottom:1px dashed #888;
   padding-bottom:3px;
   font-weight:300;
   font-size: 17px;
   font-family: raleway;
}
.footerCta {
    width: 100%;
    padding-top: 40px;
    margin-top: 20px;
    text-align:center;
    font-size:30px;
    border-top:2px solid #eee;
}
.footerBox {
    background: white;
    padding: var(--space-regular) 0;
    position: relative;
    overflow: hidden;
}
.footer {
    max-width: calc(100% - 20px);
    width: 1260px ;
    position: relative;

    color: #A1A1A1;
    text-decoration: none;
    text-align: left;
    /* width: 1000px; */
    margin: 130px auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.footerBrand {
    padding: var(--space-medium) var(--space-big);
}
.footerLogoBrand {
    height: 25px;
    width: 25px;
}
.footerLogoTextBrand {
    display: flex;
    align-items: center;
    font-family: Helvetica Neue;
    font-size: var(--text-small);
    font-weight: var(--weight-bold);
    line-height: var(--space-regular);
    color: var(--gray-darkest);
    margin-left: var(--space-tiny);
}
ul.proFooterLinks{
    margin-top: 20px;
    text-align: center;
    gap: 10px;
}
ul.proFooterLinks li{
    display: inline-block;
    margin-right: var(--space-bigger);
}
ul.proFooterLinks li a{
    font-size: var(--text-regular);
    font-family: var(--font-secondary);
    font-weight: var(--weight-regular);
    letter-spacing: 0.5px;
    color: #7d9bb6;
}
ul.proFooterLinks  li:last-child{
    margin-right: 0;
}
ul.proFooterLinksBrand{
    display: flex;
    align-items: center;
    margin-top: var(--space-regular);
}
ul.proFooterLinksBrand li{
    display: inline-block;
    margin-right: var(--space-bigger);
}
ul.proFooterLinksBrand li a{
    font-size: var(--text-tiny);
    font-family: var(--font-secondary);
    font-weight: var(--weight-regular);
    letter-spacing: 0.5px;
    color: var(--gray-darkest);
}

@media only screen and (max-width: 768px) {
    ul.proFooterLinks {
        min-width: 304px;
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-huge);
        margin-left: var(--space-bigger);
    }
}
.footerColumn {
    float: left;
    width: 17%;
    position: relative;
    /*height: 180px;*/
    margin-right: 10px;
}
.footerColumn  .socialIcons {
    font-size: 20px;
    margin-top: 20px;

}
.footerColumn  .socialIcons i {
    margin-right: 4px;
    color: #29c;
}
.footer a:hover {
    color: #29c;
    border-color: #29c;
}
.footerColumn .footerLogo img {
    width: 50px;
}
.footerTitle {
    font-family: raleway;
    font-weight: 400;
    font-size: 15px;
    color: #426e89;
    line-height: 2;
    text-transform: uppercase;
}
.footerSub.showOnMobile .tab {
    float: left;
    margin-right: 15px;
    text-align: left;
}
.footerSub {
    font-family: open sans;
    font-size: 13px;
    color: #7d9bb6;
    line-height: 2.3;
    font-weight: 500;
}
.footer a {
    color: #7d9bb6;
    text-decoration: none;
}
/* End of footer */

/* Buttons */
span.caret {
    vertical-align: middle;
    margin-left: 5px;
    border-top: 4px solid #525352;
    opacity: 0.9;
}
.flat-butt:hover {
    opacity: 0.8;
}
.flat-butt {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    display: inline-block;
    font-family: open sans;
    font-size: 13px;
    padding: 7px 14px;
    border: 0;
    background: #aaa;
    color: #FFF;
    cursor: pointer;
    outline: 0;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
}
.flat-butt.flat-butt-round {
   border:0;
   font-weight: 700;
   background-color: #d7ecf4;
   padding: 13px;
   color: #6b7c93;
   border-radius: 3px;
}
.flat-butt.flat-butt-narrow {
    padding: 7px 10px;
}
.flat-butt.flat-notrounded {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}
.flat-butt:hover {
    opacity: 0.8;
}
.flat-butt-medium {
    font-size: 15px;
    padding: 8px 16px;
}
.flat-butt.flat-butt-large {
    font-size: 16px;
    padding: 11px 22px;
}
.flat-butt.flat-butt-xlarge {
    font-size: 20px;
    padding: 15px 30px;
}
.flat-butt.flat-butt-xxlarge {
    font-size: 22px;
    padding: 18px 40px;
}
.flat-butt-700 {
    font-weight: 700;
}
.flat-butt-green {
    background: #accc48;
    border: 1px solid #accc48;
}
.flat-butt-green:hover {
    background: #98C01B;
}
.flat-butt-blue {
    background: #29c;
    border: 1px solid #29c;
}
.flat-butt-red {
    background: #f9855c;
    border: 1px solid #f9855c;
}
.flat-butt.flat-butt-lgray {
    background: #dedede;
    border: 0;
}
.flat-butt-blue:hover {
    background: #56BCE7;
    border: 1px solid #56BCE7;
}
.flat-butt-2:hover {
    opacity: 0.8;
}
.flat-butt-hollow-blue:hover {
    background: #29c;
    border: 1px solid #29c;
    color: #fff;
}
.flat-butt-hollow-blue:hover a {
    color: white;
}
.flat-butt-2.flat-butt-2-large {
    font-size: 17px;
    line-height: 26px;
    width: 280px;
}
.flat-butt-dashed {
    background: none;
    border: 1px dashed #dedede;
    color: #525352;
}
.flat-butt-hollow {
    background: none;
    border: 1px solid #dedede;
    color: #525352;
}
.flat-butt-hollow-dark {
    background: none;
    border: 1px solid #aaa;
    color: #525352;
}
.flat-butt.flat-butt-xlarge.flat-butt-blue.smallSection,.flat-butt.flat-butt-xlarge.flat-butt-hollow.smallSection {
        float: right;
}
.flat-butt-2{
    font-family: raleway;font-weight:300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
    padding: 13px 25px;
    color: #eee;
    letter-spacing: 1px;
    margin-bottom: 10px;
    border-radius: 1px;
    background: rgba(255,255,255,0.4);
}
.flat-butt-2.flat-butt-2-hollow-biz{
    border:3px solid #accc48;
    color: #accc48;
    background: none;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.flat-butt-2.flat-butt-2-hollow-biz:hover{
    background: #accc48;
    color: #fff;
}
.flat-butt-2.flat-butt-2-hollow:hover{
    opacity: 1;
}
.flat-butt-2.flat-butt-2-hollow-twitter{
    background: rgba(34, 153, 204, 0.8);
}
.flat-butt-2.flat-butt-2-hollow-twitter:hover{
    background: rgba(34, 153, 204, 0.9);
}
.flat-butt-2.flat-butt-2-hollow-fb{
    background: rgba(59, 89, 152, 0.8);
}
.flat-butt-2.flat-butt-2-hollow-fb:hover{
    background: rgba(59, 89, 152, 0.9);
}
.flat-butt-2.flat-butt-blue{
    background:#29c;
    color:#fff;
}
.flat-butt-2.flat-butt-2-large{
    font-size: 17px;
    line-height: 26px;
    width:280px;
}
.flat-butt-2.flat-butt-2-xlarge{
    font-size: 23px;
    font-weight: bold;
    line-height: 26px;
}

.flat-butt.flat-butt-hollow-white.whiteHeader {
    border:0;
    font-size:15px;
    font-weight: 300;
    color:#555;
    margin-top: 2px;
}
.flat-butt-hollow-blue {
  background: none;
  border: 1px solid #29c;
  color: #29c;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.flat-butt-hollow-red {
    background: none;
    border: 1px solid #f9855c;
    color: #f9855c;
}
.flat-butt-hollow-white {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}
.flat-butt-dashed-white {
    background: none;
    border: 1px dashed #fff;
    color: #fff;
}
.flat-butt-dashed-blue {
    background: none;
    border: 1px dashed #29c;
    color: #29c;
}
.flat-butt-dashed-blue:hover {
    opacity:0.8;
    background-color: white;
}
.flat-butt-white {
    background: #fff;
    color: #525352;
    border: 1px solid #dedede;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.flat-butt-lgray {
    background: #eee;
    color: #525352;
    border: 1px solid #dedede;
}
.flat-butt.flat-butt-twitter {
    background: rgba(34, 153, 204, 0.7);
    line-height: 23px;
}
.flat-butt.flat-butt-facebook {
    background: rgba(59, 89, 152, 0.65);
    line-height: 23px;
}
.flat-butt.flat-butt-insta {
    background: rgba(81, 127, 164, 0.65);
    line-height: 23px;
}
.flat-butt.flat-butt-insta i,
.flat-butt.flat-butt-facebook i,
.flat-butt.flat-butt-twitter i {
    float: left;
    line-height: 22px;
}
.flat-butt.flat-butt-insta-hollow {
    border: 2px solid rgba(138, 88, 66, 1);
    color: rgba(138, 88, 66, 1);
    background: none;
}
.flat-butt.flat-butt-facebook-hollow {
    border: 2px solid #3b5998;
    color: #3b5998;
    background: none;
}
.flat-butt.goproHeader {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #fff;
    letter-spacing: 0.3px;
    color: #fff;
    border-radius: 3px;
}
.flat-butt.goproHeader:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #29c;
    opacity: 1;
}
.flat-butt span.caret {
    vertical-align: middle;
    margin-left: 5px;
    border-top: 4px solid #fff;
    opacity: 0.9;
}
.flat-butt-white span.caret,
.flat-butt-lgray span.caret,
.flat-butt-hollow span.caret,
.flat-butt-hollow-dark span.caret {
    vertical-align: middle;
    margin-left: 5px;
    border-top: 4px solid #525352;
    opacity: 0.9;
}
.flat-butt-hollow-blue span.caret {
    vertical-align: middle;
    margin-left: 5px;
    border-top: 6px solid #29c;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    opacity: 0.9;
}
.flat-butt.goproHeader {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #fff;
    letter-spacing: 0.3px;
    color: #fff;
}
.flat-butt.goproHeader:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #29c;
    opacity: 1;
}
.btn-group2{
  display: inline-block;
  margin-right: 10px;
  font-size: 0;
}
.btn-group2.innerMenu{
  border-right: 2px solid #ddd;margin-right: 20px;padding-right: 20px;
}
.networkIconContainer, .contentMenu.wBorder .network-icons {
    align-items: flex-end;
}
.contentMenu.wBorder,
.contentMenu.wBorder .btn-group2 {
    display: flex;
}
.btn-group2 > .btn2.round:not(:first-child):not(:last-child){
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group2 > .btn2.round:first-child{
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group2 > .btn2.round:last-child{
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn2.round{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-group2 .btn2 + .btn2{
  border-left: 0;
}
.btn2{
  text-decoration:none;
  color:#525352;
  font-size:13px;
  padding: 0 15px;
  line-height: 30px;
  height: auto;
  display:inline-block;
  text-align:center;
  border: 1px solid #dedede;
  padding: 4px;
  padding-right: 15px;
  padding-left: 15px;
}
.btn2:hover{
  background-color:#fff;
  cursor: pointer;
}
.btn2.active{
  background: #E6E6E6;
  cursor: default;
}
.btn3{
  text-decoration:none;
  color:#525352;
  font-size:14px;
  font-family: raleway;
  padding: 0 15px;
  line-height: 30px;
  height: auto;
  display:inline-block;
  text-align:center;
  /*border: 1px solid #dedede;*/
  padding: 4px;
  padding-right: 15px;
  padding-left: 15px;
}
.btn3:hover{
  /*background-color:#fff;*/
  opacity: 0.8;
  cursor: pointer;
}
.btn3.active{
  /*background: #E6E6E6;*/
  color: #29c;
  box-shadow: 0 2px 0 #29c;
  cursor: default;
  position: relative;
}
.btn3.twitter.active {
    color: #000000;
    box-shadow: 0 2px 0 0 #000000;
}
.btn3.instagram.active {
    color: #f087b1;
    box-shadow: 0 2px 0 0 #f087b1;
}
.btn3.facebook.active {
    color: #3b5999;
    box-shadow: 0 2px 0 0 #3b5999;
}
.btn3.youtube.active {
    color: var(--youtube-color);
    box-shadow: 0 2px 0 0 var(--youtube-color);
}
.btn3.tiktok.active {
    color: #FF0078;
    box-shadow: 0 2px 0 0 #FF0078;
}
.btn3.pinterest.active {
    color: #7C342A;
    box-shadow: 0 2px 0 0 #7C342A;
}
.dashedLink:hover {
    cursor: pointer;
}
/* End of buttons */

.leftSide {
    float: left;
    text-align: left;
position: relative;
}

.dashWhiteBox {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px;
    padding-bottom: 30px;
    margin-bottom: 7px;
}
.dashWhiteBox .dashSubTitle {
    color: #525352;
    font-size: 13px;
    font-family: raleway; font-weight:300;;
    margin-top: 35px;
}
.dashWhiteBox .dashSubTitle span {
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #efefef;
}
.dashWhiteBox p {
    font-size: 15px;
    font-family: open sans;
    line-height: 1.35;
}
.middleSideLarge {
    text-align: left;
    min-height: 600px;
    margin-bottom: 20px;
    display: flex;
    flex: 2;
    margin-bottom: 20px;
}
.middleSideLarge ul {
    width:100%;
}
.loadingWaitTitle {
    font-family:raleway;
    font-weight: 700;
    color:#134f69;
    font-size:50px;
    text-align:center;
}
.loadingWaitContent {
    padding-top: 10px;
    font-family: raleway;
    color: #aaa;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    line-height: 1.5;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.loadingWaitContent a {
    color: #29c;
    text-decoration: none;
}
.progressBarContainer {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.topSection {
    width: 100%;
    font-weight:300;
    color: #525352;
    text-align: left;
    background: #f6f8f9;
    margin-top: var(--height-header);
    font-size: 15px;
    padding: 30px 0px 20px 0px;
}
.topWideSearch {
    width: 100%;
    /*margin-top: 42px;*/
    background-color: white;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
}
.topWideSearch.caseStudyTop {
    position: relative;
    z-index: 1;
}
.topWideSearch .skillPictures {
    width: 100%;
    overflow: hidden;
}
.topWideSearch .skillPictures .picLine {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    display: flex;
}
.topWideSearch .skillPictures .picLine:nth-child(2) .onePic {
    transform: translate(-100px,0);
}
.topWideSearch.caseStudyTop .skillPictures .picLine:nth-child(2) .onePic {
    transform: none;
}
.topWideSearch .hoveringBoxCenter {
    position: absolute;
    top: 130px;
    z-index: 1;
    width: 100%;
}
.topWideSearch.freeToolsInstagram .hoveringBoxCenter {
    top:80px;
}
.topWideSearch .container {
    max-width: 1000px;
    margin: 0 auto;
}
.topWideSearch .skillPictures .onePic {
    text-align: center;
    background-size: cover;
    height: 200px;
    width: 250px;
    flex-shrink: 0;
    background-position: center;
}
.topWideSearch.caseStudyTop .skillPictures .onePic {
    width: 25%;
    min-width: 280px;
    min-height: 280px;
    height: 350px;
}
@media only screen and (max-width : 480px) {
    .topWideSearch.caseStudyTop .skillPictures .onePic:first-child {
        width: 100%;
    }
}
.topWideSearch .skillPictures .darkCover {
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    width: 100%;
    height: 400px;
    z-index: 1;
}
.topWideSearch.caseStudyTop .skillPictures .darkCover {
    background: rgba(0,0,0,0.5);
}
.topWideSearch.caseStudyTop.light .skillPictures .darkCover {
    background: rgba(255,255,255,0.5);
}
.topWideSearch.caseStudyTop .skillPictures .darkCover {
    height: 350px;
}
.topWideSearch .bulletLine {
    display: flex;
    justify-content: center;
}
@media only screen and (max-width : 480px) {
    .topWideSearch  .bulletLine {
        flex-direction: column;
    }
}
.topWideSearch .bulletLine .oneBullet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.topWideSearch .bulletLine .oneBullet img {
    width: 75px;
    max-width: 120px;
    box-shadow: 0 0 7px 4px rgba(0,0,0,0.05);
    border-radius: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.topWideSearch.vetted .mainSkillBox {
    max-height: none;
    height: auto;
}
.topWideSearch .mainSkillBox {
    background: white;
    /*padding: 50px;*/
    padding:45px 80px 30px 80px;
    border-radius: 3px;
    box-shadow: 0 5px 30px 10px rgba(0,0,0,0.1);
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 300;
    height: 300px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    width: 55%;
    margin: 0 auto;
}
.topSection .noamCta a:first-child {
    margin-bottom: 10px;
}
.topSection .noamCta .linkCta {
    color: #29c;
    font-weight: 700;
    margin-top: 10px;
    font-size: 13px;
    transition: 0.3s ease-in-out all;
}
.topSection .noamCta .linkCta:hover {
    opacity: 0.8;
}
@media screen and (max-width: 1170px) {
    .topWideSearch .mainSkillBox {
       width: 75%;
       padding:45px 30px 30px 30px;
    }
}
@media screen and (max-width: 767px) {
     .topWideSearch .mainSkillBox {
       width: 100%;
    }
}
@media only screen and (max-width : 480px) {
    .topWideSearch .mainSkillBox {
        height: 400px;
    }
    .topWideSearch .mainSkillBox .skillDescription {
        font-size: 14px !important;
    }
    .topWideSearch .skillSummary {
        margin-top: 400px !important;
    }
    .topWideSearch {
        margin-bottom: 400px !important;
    }
}
.topWideSearch.caseStudyTop .topTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -50px;
}
.topWideSearch.caseStudyTop .topTitle img {
    max-width: 230px;
    margin-bottom: 20px;
}
.topWideSearch.caseStudyTop .topTitle h1 {
    color: white;
    font-size: 30px;
    text-align: center;
}
.topWideSearch.caseStudyTop.light .topTitle h1 {
    color: #525352;
}
.whiteBody {
    background: white;
    width: 100%;
 }
 .whiteBody .homeBottomSection.cta {
    height: auto;
    padding: 30px 0;
 }
 .whiteBody .homeBottomSection.cta .title {
    font-size: 22px;
 }
 .whiteBody .homeBottomSection.cta .subTitle {
    font-size: 17px;
}
.whiteBody .caseStudyPar {
    text-align: center;
    font-size: 17px;
    font-family: open sans;
    font-weight: 300;
    color: #525352;
    padding: 40px 0;
    max-width: 520px;
    line-height: 1.3;
    margin: 0 auto;
 }
.whiteBody .caseStudyPar .par {
    padding-bottom: 10px;
}
.whiteBody .caseStudyPar .par:last-child {
    padding: 0;
}
.whiteBody .caseStudyPar h2 {
    font-size: 22px;
 }
 .whiteBody .cta {
    text-align: center;
    padding-bottom: 40px;
 }
 .whiteBody > div {
    width: 100%;
 }
 .whiteBody .homeBottomSection {
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);
 }
.topWideSearch .mainSkillBox h1 {
    font-size: 30px;
    color: #525352;
    margin:0;
}
.topWideSearch.vetted .mainSkillBox .skillDescription {
    max-height: none;
    width: 100% !important;
}
.topWideSearch.vetted .bulletLine .bulletLineCont {
    display: flex;
    flex-direction: row;
}
.topWideSearch.vetted .bulletLine .oneBullet {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40px;
}
.topWideSearch.vetted .bulletLine .oneBullet .title {
    /*color: #A1B5C5;*/
    color: #8296a7;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1px;
    flex-direction:row;
}
.topWideSearch .mainSkillBox .skillDescription {
    max-height: 130px;
    overflow: hidden;
    font-size: 16px;
}
.topWideSearch .mainSkillBox .cta {
    /*position: absolute;*/
    /*bottom: 40px;*/
    text-align: center;
    /*left: 0;
    right: 0;*/
}
.topWideSearch .mainSkillBox .diamondIcon {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.topWideSearch .mainSkillBox .diamondIcon img {
    width: 110px;
}
.topWideSearch .skillSummary .oneSearch {
    transition: 0.3s ease-in-out all;
    cursor: pointer;
    border-right: 1px solid #eee;
}
.topWideSearch .skillSummary .oneSearch:hover {
    background: #F6F8F9;
    color: #29c;
}
.topWideSearch .skillSummary .oneSearch .name {
    font-size: 16px;
    padding: 20px;
    font-family: open sans;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}
.topWideSearch .skillSummary {
    margin-top: 80px;
}
.topWideSearch.caseStudyTop .skillSummary {
    margin: 0 !important;
}
.topWideSearch.vetted .skillSummary {
    margin: 0;
    margin-top: 10px;
}
.topWideSearch.vetted .title {
    display: flex;
    justify-content: center;
    align-items:center;
    flex-direction:column;
    margin: 30px 0 20px 0;
}
.topWideSearch.vetted .subTitle {
    font-size: 19px;
    margin-top:10px;
    width:600px;
    text-align: center;
    line-height: 1.4;
    font-weight: 300;
}
.topWideSearch.vetted h1 {
    font-size: 30px;
    margin-bottom: 0;
}
.topWideSearch.vetted h1 i {
    font-size: 27px;
}
.topWideSearch .skillSummary .oneSummary {
    text-align: center;
    padding: 20px;
}
.topWideSearch .skillSummary .oneSummary .icon {
    font-size: 36px;
    color: #8091A5;
    margin-bottom: 3px;
    height: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.topWideSearch .skillSummary .oneSummary .icon img {
    width: 36px;
    margin: 0 auto;
}
.topWideSearch .skillSummary .oneSummary .title {
    font-family: open sans;
    color: #29c;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
.topWideSearch .skillSummary .oneSummary .subTitle {
    font-size: 15px;
    color: #525352;
    font-weight: 700;
}
.topWideSearch.caseStudyTop .skillSummary .oneSummary .subTitle {
    display: flex;
    justify-content: center;
}
.topWideSearch .skillSummary .oneSummary .subTitle i {
    line-height: 1;
    color: #aaa;
}
.topWideSearch.caseStudyTop .skillSummary .oneSummary .subTitle i {
    display: flex;
    margin-right: 7px;
}
.topWideSearch.freeToolsInstagram .skillPictures {
    background-image: url(/images/new/skillIconsCover.png);
    height: 430px;
    background-size: cover;
}
.topSectionTitle {
    width: 100%;
    font-family: raleway; font-weight:300;
    color: #525352;
    text-align: center;
    background: #fff;
    font-size: 42px;
    padding: 35px 0px;
}
.topSectionTitle a {
    color: #fff;
}
.topProfileMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    width: 100%;
}
.topProfileMenu li {
    margin: 0;
    font-size:14px;
    font-weight: 400;
}
.topProfileMenu li>a {
    line-height: 17px;
    padding: 14px 21px;
    font-weight: 300;
    display: inline-block;
    border-top: none;
    padding: 14px;
    float: left;
    color: #525352;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    font-family: raleway;
}
.topProfileMenu li.active > a {
    box-shadow: 0px 2px 0px #29C;
    font-weight: 400;
    color:#29c;
}
.topProfileMenu li>a:hover {
    background: #F6F8F9;
}
.monitorTitle ul.menuInTitle > li a:hover{
  box-shadow: 0 2px 0 0 #AAE1F9;
}
#profileTabs {
  width: 100%;
  border-bottom: 2px solid #e3e3e3;
}
.suggestedTags .tag {
    padding: 7px;
    font-size: 14px;
    color: #525352;
    margin-right: 3px;
    margin-bottom: 8px;
    position: relative;
    border-radius: 2px;
    display: inline-block;
    border:1px solid #ccc;
    cursor: pointer;
}
.suggestedTags .tag i{
    color: #aaa;
    font-size: 11px;
}
.suggestedTags .tag:hover {
    background-color: #888;
    border:1px solid #888;
    color:#fff;
}
.homeBottomSection.tight {
    padding: 0;
    border: 0;
    border: 0;
}
.allnotifications {
    font-size: 15px;
}
.allnotifications > .notiLine {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 1px 0px #fff;
}
.allnotifications > .notiLine > i {
    margin-right: 10px;
    color: #aaa;
}
.allnotifications .notiLine .viewDiv {
    display: none;
    float: right;
}
.allnotifications .notiLine:hover .viewDiv {
    display: block;
}

.allnotifications > .notiLine > span.date {
    font-size: 10px;
    color: #aaa;
}
.dashBlueTitle{
  font-size: 24px;
  color: #29c;
  text-align: left;
  padding-bottom: 10px;
  font-family: raleway; font-weight:300;;
}

/*settings*/
.frmSettings {
    font-size: 16px;
}
.frmSettings label {
    display: block;
    clear: both;
    float: left;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    border-radius: 5px;
    color: #525352;
}
.frmSettings input[type="text"] {
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #eee;
    display: block;
    float: left;
    width: 300px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 16px;
    color: #525352;
}
.frmSettings select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
    display: block;
    float: left;
    width:130px;
    font-size: 16px;
    color: #525352;
    margin-top: 5px;
    margin-bottom: 6px;
    padding: 1px;
}
.frmSettings textarea {
    padding: 6px 6px;
    border: 1px solid #ddd;
    background: #efefef;
    width: 400px;
    height: 100px;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}
.frmSettings input[type="submit"] {
    float: left;
}
.iconsNetworks {
    width: 50px;
    height: 52px;
    display: block;
    float: left;
    margin-right: 10px;
    background: url("/images/icons/networks-icons-sprite.png") 0 0 no-repeat;
}
.iconsNetworksSmall.ig {
    background-position: -500px -403px;
}
.iconsNetworks.tw {
    background-position: 0 0;
}
.iconsNetworks.ig {
    background-position: -500px 0;
}
.iconsNetworks.fb {
    background-position: -100px 0;
}
.iconsNetworks.fbPage {
    background-position: -1296px 0;
}
.iconsNetworks.gp {
    background-position: -200px 0;
}
.iconsNetworks.li {
    background-position: -300px 0;
}
.iconsNetworks.tu {
    background-position: -1000px 0;
}
.iconsNetworks.lf {
    background-position: -800px 0;
}
.greenButton {
    background-color: #4D7730;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#74a446, EndColorStr=#4d7730);
    background-image: -moz-linear-gradient(top, #74A446 0, #4D7730 45px);
    background-image: -ms-linear-gradient(top, #74A446 0, #4D7730 45px);
    background-image: -o-linear-gradient(top, #74A446 0, #4D7730 45px);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74A446), color-stop(45px, #4D7730));
    background-image: -webkit-linear-gradient(top, #74A446 0, #4D7730 45px);
    background-image: linear-gradient(to bottom, #74A446 0, #4D7730 45px);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    color: #efefef;
    padding: 7px;
    font-size: 14px;
    font-family: open sans;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3px;
    cursor: pointer;
    border: 0;
    text-decoration: none;
}
.greenButton:hover {
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#74A446, EndColorStr=#accc48);
    background-image: -moz-linear-gradient(top, #74A446 0, #accc48 45px);
    background-image: -ms-linear-gradient(top, #74A446 0, #accc48 45px);
    background-image: -o-linear-gradient(top, #74A446 0, #accc48 45px);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74A446), color-stop(45px, #accc48));
    background-image: -webkit-linear-gradient(top, #74A446 0, #accc48 45px);
    background-image: linear-gradient(to bottom, #74A446 0, #accc48 45px);
}
.tagLevel {
    padding: 3px 6px;
    color: #525352;
    display: inline-block;
    font-family: open sans;
    font-size: 11px;
    color: #fff;
    font-weight:400;
}
.tagLevel.low {
    background: #f9855c;
}
.tagLevel.med {
    background: #ddd;
}
.tagLevel.high {
    background: #accc48;
}
/*end of settings*/

/* Posts */
.genericPostProfile {
    float: left;
    padding: 10px;
    line-height: 1.5;
    font-family: open sans; font-weight:400;
    color: #525352;
    background: #fff;
    border:1px solid #eee;
    box-sizing:border-box;
    height: 238px;
    width: 238px;
    font-size: 15px;
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
    word-wrap: break-word;
    overflow: hidden;
}

#topContentId .genericPostProfile.imageContainer {
    width: 238px;
    height: 238px;
}
#topContentId .genericPostProfile.imageContainer .imageOverlay {
    width: 238px;
}

}
.genericPostProfile.imageContainer {
    padding: 0px;
    width: 240px;
    height: 240px;
    overflow: hidden;
}
.genericPostProfile.imageContainer .imageOverlay {
    width: 240px;
}
.genericPostProfile.imageContainer:hover .imageOverlay {
    height: 120px;
    margin: 0;
}
.genericPostProfile.imageContainer .imageOverlay .overlaySec {
    float: left;
    margin-left: 10px;
    margin-right: 0px;
}
.imageContainer:hover .imageOverlayFull {
    opacity: 1;
}
.imageContainer {
    display: inline-block;
    position: relative;
}
.imageContainer:hover .imageOverlay {
    padding-top: 4px;
    display: inline-block;
    height: 25px;
}
.imageContainer .imageOverlayFull {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: var(--white);
    width:100%;
    height:100%;
}
.genericPost .imageContainer .imageOverlayFull {
    width: 230px;
    height: 230px;
}
.genericPostProfile .statsBottom,
.genericPost .statsBottom,
.genericPostPro .statsBottom {
    position: absolute;
    color: #888;
    font-family: open sans;
    font-size: 13px;
    width: 100%;
    bottom: 0;
    padding: 5px;
    left: 0;
}
.twitterActions a {
    background: url(/images/icons/everything-spritev2.png);
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.twitterActions a.in-reply-to {
    background-position: 0 center;
}
.twitterActions a:hover.in-reply-to {
    background-position: -16px center;
}
.twitterActions a.favorite {
    background-position: -32px center;
}
.twitterActions a:hover.favorite {
    background-position: -48px center;
}
.twitterActions a.retweet {
    background-position: -80px center;
}
.twitterActions a:hover.retweet {
    background-position: -96px center;
}
.genericPostProfile:hover .twitterActions2,
.genericPost:hover .twitterActions2,
.genericPost2:hover .twitterActions2 {
    opacity: 1;
}
.genericPost:hover .twitterActions2 {
    opacity: 1;
}
.trackerTweet:hover .twitterActions2 {
    opacity: 1;
}
.twitterActions2 {
    opacity: 0;
    margin-left: 10px;
}
.twitterActions2 a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
}
.twitterActions2 a:hover {
    color: #29c;
    text-decoration: none;
}
.twitterActions2 .icons {
    background: url(/images/icons/everything-spritev2.png);
    display: inline-block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
    vertical-align: text-bottom;
}
.twitterActions2 .icons.in-reply-to {
    background-position: 0 center;
}
.twitterActions2 a:hover .in-reply-to {
    background-position: -16px center;
}
.twitterActions2 .icons.favorite {
    background-position: -32px center;
}
.twitterActions2 a:hover .favorite {
    background-position: -48px center;
}
.twitterActions2 .icons.retweet {
    background-position: -80px center;
}
.twitterActions2 a:hover .retweet {
    background-position: -96px center;
}
.genericPostProfile .postNetIcon,
.genericPostPro .postNetIcon,
.genericPost .postNetIcon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 7px;
    background: #29c;
    ;
    color: #fff;
}
.postNetIcon.insta {
    background: #F087B1;
}
.postNetIcon.pinterest {
    background:#7C342A;
}
.postNetIcon.fb {
    background: #3b5999;
}
.postNetIcon.youtube {
    background: var(--youtube-color);
}
/*end of posts */

/* search page */
.topSection .container {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    min-height: 130px;
}
h1.newSearchTitle{
    color: #525352;
    font-size:30px;
}
span.newSubTitleSearch{
    width: 70%;margin: 10px auto 0 auto;line-height:1.5;
    font-weight: 300;
    font-size: 15px;
}
.topSection .container .relatedSkills{
    color: #888;
    margin-top:10px;
    font-size: 12px;
}
.topSection .container .relatedSkills a{
    margin-left: 8px;
    font-weight: 500;
}
/*un comment this when uploading search network titles
.searchUserList.open:first-child {
    margin-top: 10px;
}*/
.searchUserList.open .numbering {
    background:white;
    width: 30px;
    height:30px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top:-10px;
    z-index: 1;
    text-align: center;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
    color: #779BB5;
    font-weight: 700;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media screen and (max-width: 992px) {
    .searchUserList.open .numbering {
        left: 10px;
        top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .searchUserList.open {
        margin-top: 0 !important;
        flex-direction: column;
    }
    .searchUserList.open:hover {
        background: none !important;
    }
    .searchUserList.open:hover .image img {
        box-shadow: 0 0px 4px 2px rgba(0,0,0,0.05) !important;
    }
    .searchUserList.open .image {
        position: relative;
        z-index: -1;
        width: 100%;
        position: relative;
        max-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        flex:1;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .searchUserList.open .hoverLink {
        display: none !important;
    }
    .topWideSearch .mainSkillBox {
        padding: 50px 20px 20px 20px;
    }
    .topWideSearch .mainSkillBox .skillDescription {
        max-height: 200px;
    }
    .searchUserList .connectedNetworks {
        display: flex;
        flex-grow: 1;
    }
    .topWideSearch .skillPictures .onePic {
        height: 90px;
        width: 90px;
    }
    .topWideSearch .skillPictures .picLine:nth-child(2) .onePic {
        transform: translate(-130px,0);
    }
    .caseStudyTop.topWideSearch .hoveringBoxCenter {
        top: 233px;
    }
    .topWideSearch .hoveringBoxCenter {
        top: 188px;
    }

    .topWideSearch.caseStudyTop .hoveringBoxCenter {
        top:130px;
    }
    .topWideSearch {
        margin-bottom: 300px;
    }
    .topWideSearch.caseStudyTop {
        margin-bottom: 0 !important;
    }
    .topWideSearch .skillSummary {
        margin-top: 300px;
    }
}
.searchUserList.open {
  font-size: 16px;
  font-weight: 300;
  color: #525352;
  line-height: 1.3;
  margin:50px 0;
  transition: 0.2s ease-in-out all;
  border-radius: 3px;
  position: relative;
  border: 0;
  padding: 0;
  display: flex;
}
.searchUserList .profileImageCont {
    position: relative;
    margin-right: 20px;
}
.searchUserList {
  padding-bottom:20px;
  padding-top:20px;
  border-bottom: 1px solid #dedede;
  position:relative;
  min-height: 130px;
}
.searchUserList.open .bottom {
    color: #29c;
    font-size: 12px;
    font-weight: 700;
    margin-top: auto;
    transition: 0.3s ease-in-out all;
}
.searchUserList.open .bottom:hover {
    opacity: 0.8;
}
.searchUserList.open.vetted .description {
    font-size: 14px;
    transition: 0.3s ease-in-out all;
}
.searchUserList.open.vetted .description .text {
    max-height: 90px;
    overflow: hidden;
    transition: 0.3s ease-in-out all;
}
.searchUserList.open.vetted .description.showMore .text {
    max-height: 500px;
}
.searchUserList.open .leftToImage,
.searchUserList.open .description,
.searchUserList.open .demographics {
    padding:9px 30px;
    display: flex;
    flex-direction: column;
}
.searchUserList.vetted .leftToImage,
.searchUserList.vetted .description,
.searchUserList.vetted .demographics {
   padding: 0 15px;
}
.searchUserList.vetted .portfolio {
    padding: 0;
    font-size: 12px;
}
.searchUserList.vetted .portfolio .onePortfolio {
    padding-right: 5px;
}
.searchUserList.vetted .portfolio .onePortfolio .companyName {
    font-size: 13px;
    font-weight: 500;
    color: #8091A5;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.searchUserList.vetted .portfolio .onePortfolio img {
    width: 100%;
    border-radius: 2px;
    transition: 0.2s ease-in-out all;
}
.searchUserList.vetted .portfolio .onePortfolio img:hover {
    opacity: 0.8;
    transform: scale(1.05);
    cursor: pointer;
}
.searchUserList.open:hover {
    background:white;
}
.searchUserList.vetted:hover {
    background:none;
}
.searchUserList .image img:hover {
    box-shadow: 0px 12px 12px -12px rgba(0,0,0,.3);
    opacity: 0.9;
}
.searchUserList .image img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0px 8px 8px -8px rgba(0,0,0,.25);
}
.searchUserList.open .image img {
    width: 100%;
    box-shadow: 0 0px 4px 2px rgba(0,0,0,0.05);
    border-radius: 3px;
    transition: 0.2s ease-in-out all;
}
.searchUserList.open:hover .image img {
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);
}
.searchUserList:after{
  content: "";
  display: table;
  clear: both;
}
.searchUserList:hover .image .imageBadgeFull{
  visibility: visible;
  opacity: 0.9;
}
.searchUserList .leftToImage .bottomRight .landscapeMentions {
    display: flex;
    position: relative;
    font-size: 12px;
    margin-right: 0;
    font-weight: 500;
 }

 .searchUserList .cta {
    font-size: 12px;
    color: #aaa;
 }
.searchUserList .landscapeMentions .mentionsNum{
    vertical-align: middle;

 }
.searchUserList .landscapeMentions .mentionsAvatars img {
    background-color: white;
    width: 40px;
    margin-left: -8px;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    transition: all 0.2s ease;
}
.searchUserList .cta .listButton {
    position: relative;
}
.searchUserList .connectedNetworks  {
    vertical-align: text-top;
    font-weight: 300;
    display: flex;
    align-items: center;
}
.searchUserList .connectedNetworks i {
   margin-left: 4px;
}
.searchUserList .connectedNetworks i.fa-klear-x-twitter{
    color:#000000;
}
.searchUserList .connectedNetworks i.fa-instagram{
    color:#F087B190;
}
.searchUserList .connectedNetworks i.fa-facebook-f{
    color:#3b599990;
    font-size:14px;
}
.searchUserList .connectedNetworks i.fa-youtube{
    color:var(--youtube-color);
}
.searchUserList .connectedNetworks i.fa-tiktok{
    color: #FF007890;
}
.searchUserList .connectedNetworks i.fa-pinterest-p{
    color:#BD081C90;
}
.searchUserList .connectedNetworks i.fa-rss{
    color:#c9966690;
}
.searchUserList .connectedNetworks i.fa-snapchat-ghost {
    color:#f9c90090;
}
.searchUserList .connectedNetworks i.fa-klear-diamond{
    color:#124f6990;
    font-size: 15px;
}
.searchUserList .connectedNetworks .networkFollowers {
    color: #aaa;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-right: 6px;
}
.searchUserList .secondRow{
    font-size: 13px;
    color: #888;
    margin-top: 12px;
    font-weight: 300;
}
.searchUserList .secondRow > span {
    margin-right: 10px;
}
.searchUserList .secondRow > span > i {
    color: #ccc;
}
.searchUserList .secondRow .demographicsInSearchFlag {
    margin-right:3px;
}
.searchUserList.open .hoverLink {
    width: 100%;
    height: 100%;
    color: white;
    font-weight: 300;
    background: rgba(0,0,0,0.5);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.searchUserList.open .hoverLink i:first-child {
    margin-right: 3px;
}
.searchUserList.open .profileCta {
    font-size: 16px;
    font-weight: 500;
    padding: 13px 0;
    margin-top: 25px;
}
.searchUserList.open .profileCta i:first-child {
    margin-right: 3px;
}
.searchUserList.open:hover .hoverLink {
    /*opacity: 1;*/
}
.searchUserList .location {
    color: #aaa;
    font-size: 12px;
    /*margin-left: 3px;*/
    font-weight: 300;
}
/*.searchUserList .landscapeMentions:hover .mentionsAvatars img{
    opacity: 1;
}*/
.loadMoreBtnList{
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;dropdown-menu companiesDropDown
  cursor: pointer;
  min-height: 0;
  margin-top:20px;
  margin-bottom:50px;
  border:1px solid #dedede;
}
.loadMoreBtnList.noMoreRes{
    border:1px dashed #dedede;
    background: transparent;
    color: #888;
}
.searchUserList.open .image {
  float:left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.searchUserList .image {
   width: 150px;
}
.searchUserList .image .imageBadgeCorner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 40px solid #124f69;
  border-right: 40px solid transparent;
  opacity: 0.9;
}
.searchUserList .image .imageBadgeIcon{
  color:#fff;
  position: absolute;
  top:2px;
  left:5px;
  font-size: 15px;
  z-index: 99;
  transition: opacity 4s linear;
}
.searchUserList .image .imageBadgeFull{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #124f69;
  font-size: 12px;
  color:#fff;
  padding: 7px;
}
.searchUserList .image .imageBadgeFull .title {
  text-transform: uppercase;
  font-size:9px;
  padding-left: 17px;
  font-weight: bold;
  color: #aaa;
}
.searchUserList .image .imageBadgeFull .text {
  padding-top: 10px;
}
.searchUserList .image:hover .imageBadgeFull {
  visibility: visible;
  opacity: 0.9;
}
.searchUserList .image:hover .imageBadgeCorner {
  opacity: 0.4;
}
.searchUserList .leftToImage {
  display: flex;
  flex-direction: column;
  flex:1;
}
.searchUserList .leftToImage .row > div {
    margin-bottom: 5px;
}
.searchUserList.open .leftToImage {

}
.searchUserList.open .leftToImage .cta {
    margin:0;
}
.searchUserList.open .leftToImage.lessDominant > div {
    margin: 0;
    line-height: 1;
}
.searchUserList.open .leftToImage.lessDominant .cta .twoButts {
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1 1 auto;
    justify-content: stretch;
}
.searchUserList.open .leftToImage.lessDominant .cta .twoButts > *:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 14px;
    height: 32px;
    font-size: 15px;
}
.searchUserList.open .leftToImage.lessDominant .cta .twoButts > *:last-child {
    align-self: stretch;
    justify-content: center;
    flex-direction: column;
    display: flex;
    margin-right: 0;
}
.searchUserList.open .leftToImage.lessDominant > div:not(:last-child) {
    margin-bottom: 7px;
}
.searchUserList.open .leftToImage > div,
.searchUserList.open .demographics > div {
    margin-bottom: 6px;
}
.searchUserList .leftToImage .s_name{
  font-family:open sans; font-weight:300;font-size:12px;color:#aaa;
}
.searchUserList .smallTitle {
    font-size: 13px;
    text-transform: capitalize;
    color: #8091A5;
    font-weight: 500;
}
.searchUserList .searchBorder {
    /*position: absolute;*/
    border-right: 2px solid #eee;
    height: 50px;
    align-self: center;
    transition: all 0.2s ease-in-out;
}
.searchUserList .leftToImage .diamondsRow .lists {
  font-family:open sans; font-weight:300;font-size:12px;color:#aaa;line-height: 12px;
}
.searchUserList .title {
    font-family: open sans;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #aaa;
    margin-bottom: 5px;
}
.searchUserList.open .leftToImage {
  /*width: 620px;*/
    float: none;
    height: auto;
}
.searchUserList .leftToImage .name {
  font-size:17px;
  font-weight:600;
  word-break: break-all;
  display: flex;
}
.searchUserList .leftToImage.lessDominant {
    height: 165px;
}
.searchUserList .smallDetails {
    font-size: 13px;
    color: #aaa;
    font-weight: 500;
    margin-bottom: 5px;
}
.searchUserList .influence {
    color: #29c;
}
.searchUserList .smallDetails > span {
    margin-right: 16px;
    position: relative;
}
.searchUserList .smallDetails > span :after {
    content:'\2022';
    position: absolute;
    right: -8px;
    line-height: 1.3;
    color: #ccc;
}
.searchUserList .smallDetails > span:last-child :after {
    content: none;
}
.searchUserList .bottomLine {
    cursor: pointer;
    transition: 0.3s ease-in-out all;
    font-weight: 300;
    margin-top: 13px;
}
.searchUserList .bottomLine:hover {
    opacity: 0.8;
}
.searchUserList .bottomLine i.fa-angle-down {
    transition: 0.3s ease-in-out all;
}
.searchUserList .description.showMore .bottomLine i.fa-angle-down {
    transform: rotate(180deg);
}
.searchUserList .priceList {
    color: #ACCC48;
}
/*.searchUserList .leftToImage.lessDominant .name {
    font-size: 16px;
    overflow: hidden;
    max-height: 39px;
}*/
.searchUserList .leftToImage.lessDominant .infoLine.category {
    color:#8091A5;
    font-weight: 500;
}
.searchUserList .leftToImage.lessDominant .infoLine.category img {
    width: 30px;
    border-radius: 50%;
    margin-right: 3px;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
}
.searchUserList .leftToImage.lessDominant .infoLine {
    font-size: 12px;
}
.searchUserList .leftToImage.lessDominant .connectedNetworks i {
    font-size: 13px;
}
.searchUserList .leftToImage .s_name {
  font-family:open sans;
  font-weight:300;
  font-size:12px;
  color:#aaa;
}
.searchUserList .leftToImage .diamondsRow .lists {
  font-family:open sans;
  font-weight:300;
  font-size:12px;
  color:#aaa;
  line-height: 12px;
}
.searchUserList .leftToImage .description {
    color: #888;
    font-size: 13px;
    line-height: 1.5;
    margin-top:10px;
    width: 80%;
}
.searchUserList:hover .leftToImage .description {
  text-overflow: clip;
  overflow: inherit;
  white-space: normal;
}

.searchUserList .leftToImage .diamondsRow{
  margin-top:5px;
}
.searchUserList .leftToImage .diamondsRow > div{
  margin-right: 12px;
  font-size:13px;
  display: inline-block;
}
.searchUserList .leftToImage .diamondsRow > div > img{
  width: 16px;
  margin-top: -2px;
}
.searchUserList .leftToImage .moreInfo{
  color:#888;margin-top:8px;font-size:12px;
}
.searchUserList .leftToImage .moreInfo span.location{
  margin-right:10px
}
.searchUserList .leftToImage .cta {
    display: flex;
    align-items: center;
}
.searchUserList .leftToImage .cta .grad-butt.grad-butt-white.rect {
    padding: 6px;
    margin-right: 8px;
}
.searchUserList .leftToImage .cta .grad-butt.grad-butt-white.rect.msgIcon {
    font-size: 16px;
    vertical-align: bottom;
    padding: 7px;
    line-height: 0;
}
.searchUserList.vetted .iconButt {
    height: 32px;
    border-radius: 3px;
}
.searchUserList.vetted .iconButt .buttCont {
    padding: 10px;
}
.searchUserList .iconButt:hover {
    box-shadow: var(--shadow-hover);
    background: white;
}
.searchUserList .iconButt.campaignIcon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    color: var(--gray-darkest);
    background-color: var(--white);
    border: var(--border-reg) solid var(--gray-darkest);
    transition: var(--transition);
    border-radius: var(--border-radius-extra);
    transition-property: color, background, box-shadow, border;
}
.searchUserList .iconButt:hover.campaignIcon svg .plus{
    transform: translate(5px, 5px);
}
.searchUserList .leftToImage .cta .grad-butt.grad-butt-white {
    box-shadow:0px 0px 2px 1px #eee;
    transition: all 0.2s ease;
}
.searchUserList .iconButt {
    height: 40px;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
}
.searchUserList .blueIcon {
    color: #29c;
}
.searchUserList .cta .dividerCont {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchUserList .cta .dividerCont .divider {
    border-left: 2px solid #f2f2f2;
    height: 100%;
}
.searchUserList .iconButt .buttCont {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchUserList .iconButt .buttCont .buttText {
    font-size: 13px;
    margin-left: 4px;
    color: #bbb;
    display: flex;
}
.searchUserList .iconButt .buttCont .buttText .emph {
    font-size: 13px;
    margin-left: 4px;
    color: #888;
    display: flex;
}
.searchUserList .iconButt.campaignIcon svg {
    width: 20px;
}
.searchUserList .iconButt.campaignIcon svg .plus {
    transform: translate(2px, 2px);
    fill: #29c;
    transition: all 0.1s;
  }
.searchUserList .iconButt.campaignIcon svg  .hashtag {
    fill:var(--gray-darkest);
}

.searchUserList .leftToImage .cta.open{
    font-size: 13px;
    margin-top:40px;
}
.searchUserList .leftToImage .cta .flat-butt{
    margin-right:8px;
    vertical-align: top;
    padding:6px 8px;
    font-size: 15px;
}
.searchUserList .leftToImage .bottomRight.clickable{
  color:#999;/*#7ac2e0;*/
  cursor: pointer;
}
.searchUserList .leftToImage .bottomRight.clickable:hover{
    color: #29c;
}
.searchUserList .leftToImage .bottomRight {
  color: #aaa;
  font-family: open sans;
  font-weight:300;
  font-size:12px;
  margin-left: auto;
}

.searchUserList .leftToImage .bottomRight img:hover {
    opacity: 0.9;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.searchUserList .leftToImage .bottomRight > div {
    margin-right: 10px;
}
.searchFirstRow{
  padding: 0 0 5px 0;
  font-size: 18px;
  font-family: raleway; font-weight:500;
  border-bottom:1px solid #dedede;

}
.searchResultsTitle h2 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px;
    font-family: open sans;
    color: #8091A5;
    margin-bottom: 13px;
    letter-spacing: 0.3px;
}
.searchResults .searchUserList:last-child{
    border-bottom: 0;
    position: relative;
}
.lastSearchGradient{
    position: absolute;
  width: 100%;
  height: 230px;
  bottom: 0;
  background: rgba(245,245,245,0);
  background: -moz-linear-gradient(top, rgba(245,245,245,0) 20%, rgba(245,245,245,0.3) 50%, rgba(245,245,245,0.3) 50%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,245,245,0)), color-stop(50%, rgba(245,245,245,0.3)), color-stop(50%, rgba(245,245,245,0.3)), color-stop(100%, #f5f5f5));
  background: -o-linear-gradient(top, rgba(245,245,245,0) 20%, rgba(245,245,245,0.3) 50%, rgba(245,245,245,0.3) 50%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, rgba(245,245,245,0) 20%, rgba(245,245,245,0.3) 50%, rgba(245,245,245,0.3) 50%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#fff5f5f5',GradientType=0 );
  background: linear-gradient(top, rgba(245,245,245,0) 20%, rgba(245,245,245,0.3) 50%, rgba(245,245,245,0.3) 50%, #f5f5f5 100%);
}
.searchFiltersBox {
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 1.4em;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    padding:0px;
    width:180px;
}
.searchAnyFilterRow {
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    height: 42px;
    border:1px solid #dedede;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}
.searchAnyFilterRow.focused {
    box-shadow: 0 0 5px 2px #eee;
}
.searchAnyFilterRow i {
    font-size:12px;
    color:var(--gray);
    float: left;
    /*margin-left:-3px;margin-right:3px;*/
    width: 16%;
    text-align: center;
    line-height: 38px;
}
.searchAnyFilterRow input.inline_searchbox{
    margin:0px;background:#f8f8f8;padding:5px;font-size:13px;color:#525352;border-radius:0px;width:140px;
}

/* end of search page */

/* summery */
table.mainBox {
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
    width: 98%;
    font-family: open sans;
    margin-left: 2%;
    margin-top: 20px;
}
table.mainBox tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table.mainBox th:first-child {
    width: 10%;
}
table.mainBox th:child(2) {
    width: 20%;
}
table.mainBox th {
    text-align: left;
    width: 24%;
    font-size: 11px;
    text-transform:uppercase;
    color:#888;
}
table.mainBox th i {
    color: #888;
    font-size: 10px;
}

table.mainBox .col1 {
    font-size: 22px;
}

table.mainBox td .info-stats {
    font-size: 20px;
    color: #525352;
}
.coloredBox{
    width:18px;
    height:18px;
    background: #29c;
}
table.mainBox td .info-stats > div {
    font-size: 11px;
    color: #888;
    margin-top: 0px;
}
table.mainBox td .info-stats i {
    font-size: 11px;
    color: #888;
    margin-left: 5px;
}
table.mainBox tbody tr {
    height: 70px;
}
/*end of summery*/

/*add to list*/
#lists_container {
    list-style: none;
    font-size: 14px;
    text-align: left;
    color: #444;
}
#lists_container .listsLi {
    line-height: 40px;
    border-bottom: 1px solid #dedede;
    /*box-shadow: 0 1px 0 white;*/
    text-indent: 10px;
}
#lists_container .listsLi:hover {
    background: #efefef;
    cursor: pointer;
}
a.listsLiView {
    color: #aaa;
    font-size: 10px;
}
a.listsLiView:hover {
    color: #29c;
    text-decoration: underline;
}
input.trackerSearch {
    color: #3a3a3a;
    background-color: #f0f0f0;
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8);
    border: 0px none;
    font-size: 20px;
    padding: 9px;
    width: 300px;
}
input.createListForm {
    color: #3a3a3a;
    font-size: 14px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 6px;
    width: 213px;
}
input.createListButton {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
    padding: 6px;
    font-size: 14px;
    font-family: open sans;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-left: 3px;
}
input.createListButton:hover {
    border: 1px solid #accc48;
}
.menu_inner_lists {
    left: 50px;
    top: 40px;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 900;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    line-height: 1.5em;
}
/* end of add to list*/
/*lists monitor*/
.listsMonitorTop{
  font-family: raleway;
  font-size: 18px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.listsMonitorTop > div.float_left span{
    color:#29c;
}
.listsMonitorTop .numBlockData {
    margin-bottom: 20px;
    margin-top:15px;
    width: 67%;
    text-align: right;
}
.userSection .userName {
    width: 70%;
}
.userSection .engLine.conversions, .userSection .engLine.clicks {
    display: flex;
}
.userSection .engLine.conversions .measureClicksContainer, .userSection .engLine.clicks .measureClicksContainer {
    font-weight: 500;
}
.userSection .engLine.conversions .quarterEng > i, .userSection .engLine.clicks .quarterEng > i {
    color:#aaa;
}
.userSection .engLine {
  width: 100%;
  /*border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;  */
  padding: 18px 0;
  display: flex;
}
.userSection .engLine:nth-child(1) {
  margin-top: 20px;
  }
  .userSection .engLine:nth-child(2) {
  border-top: 0;
  }
.userSection .engLine .quarterEng {
  width: 26%;
  float: left;
}
.userSection .engLine .quarterEng i {
  line-height:20px;
  font-size: 15px;
  position: relative;
}
.userSection .engLine .quarterEng:nth-child(1) {
  width: 15%;
}
.userSection .engLine .quarterEng div:nth-child(1) {
 font-size: 13px;
}
.userSection .engLine .quarterEng .quarterLabel {
    color:#aaa;
    font-size: 12px;
}
.userSection .expiredInstagram i.fa-klear-stories::after{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 3px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -12px;
    font-weight: 700;
    opacity: .5;
    font-size: 18px;
    color: #aaa;
    border-bottom: 3px solid #525352;
    transform: rotate(45deg);
}
.listMonitorTop2{
    text-align: center;
    /*margin:45px 0 45px 0;*/
}
.listMonitorTop2 .title{
    font-size:18px;
    margin-bottom: 30px;
}
.listMonitorTop2 .listMentionsNetworkSplit{
    text-align: center;
    color: #999;
    font-family: open sans;
    font-size:12px;
    margin-top:10px;
}
.listMonitorTop2 .listMentionsNetworkSplit span{
    margin-right: 10px;
}
.listMonitorTop2 .listMentionsNetworkSplit span:last-child{
    margin-right: 0;
}
.listMonitorTop2 .listMentionsNetworkSplit i{
    color: #aaa;
    margin-right: 3px;
}

.listMentions .sortByRow{
    border-bottom:1px solid #dedede;
    font-size: 13px;
    padding-bottom:10px;
    color:#888;
    line-height: 17px;
}
.listMentions .sortByRow .title{
    font-size: 17px;
    font-family: raleway;
    float:left;
}
.listMentions .userSection{
    /*padding:20px 0;*/
    border-bottom:1px solid #dedede;
    margin-bottom: 20px;
    padding: 0;
}
.listMentions .userSectionNoPosts{
    float:left;
    width:30%;
    margin-right:3%;
    margin-top: 20px;
}
.listMentions .userSectionNoPosts:nth-child(3n){
    margin-right: 0;
}
.campaignInfluencerRows {
    margin: 0 -15px 0 -15px;
}
.listMentions .userSection .name{
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: var(--weight-medium);
    color: var(--black);
    margin-left: 10px;
    overflow: hidden;
    width:100%;
}
.listMentions .userSectionNoPosts .name{
    font-family: raleway;
    font-size:15px;
    color:#29c;
    margin-left: 10px;
    overflow: hidden;
}
.listMentions .userSectionNoPosts .belowName{
    font-family: open sans;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 5px;
}
.listMentions .userSectionNoPosts .belowName i.fa-exclamation-triangle{
    color:#F6A98E;
    vertical-align: middle;
  font-size: 15px;
}
.clickable{
    cursor: pointer;
}
.listMentions .smallBadges {
   font-size: 12px;
   font-weight: 500;
   line-height:1.5;
   margin-left: 10px;
   margin-top: 3px;
}
.listMentions .smallBadges .redBadge {
    color: #f9855c;
}
.listMentions .smallBadges .greenBadge {
    color: #accc48;
}
.listMentions .smallBadges .blueBadge {
    color: #29c;
}

.overviewProfileImgAndName {
    display: flex;
    align-items: center;
}

/* end of lists monitor*/

/* from about.css */
.abtMainTitle{
    font-family:raleway;font-weight:700;
    font-size:28px;
    color:#29c;
    text-align:left;
    padding-bottom:3px;
    /*background:#eee;*/
    /*border-bottom:1px solid #dedede;*/
}
.abtMainTitle.gray{
    font-family:raleway;font-weight:700;
    font-size:20px;
    color:#525352;
    text-align:left;
    padding-bottom:3px;
    /*background:#eee;*/
    border-bottom:1px solid #dedede;
}
.abtMainTitleBlue{
    font-family:raleway;font-weight:700;
    font-size:24px;
    color:#29c;
    text-align:left;
    padding-bottom:10px;
}
.homeBottomSection.darkBlue .title{
        color:#fff;
}
.abtInnerContentWrraper{
    padding-top:15px;
    padding-bottom:15px;
}
.abtContent{
    font-family:open sans;
    font-size:16px;
    color:#3f4040;
    text-align:left;
    /*width:500px;*/
    padding: 0;
    line-height: 1.45;
}
.abtContent .netName{
    width: 120px;
    margin: 15px 25px 0 0;
    float:left;
}
.abtContent .networkConnect{
    float:left;
    padding-bottom: 25px;
    padding-left: 5px;
    padding-top:5px;
}
.abtContent .netConnectButton{
    float: left;
    width:140px;
    margin-top:7px;
    text-decoration: none;
}
.abtContent .connectedText{
    font-family:raleway;font-weight:400;
    margin-top:7px;
    text-align: center;
}
.abtBoxcontent{
    padding:10px;
}
/* end of about.css stuff*/
/*search menu*/
#searchFrmMenu {
    font-size:16px;
    font-family:raleway; font-weight:500;
    color:#929292;
    width:100%;
}
#searchFrmMenu fieldset {
    margin-bottom:10px;
    width:100%;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    line-height: 1.45;

}

#searchFrmMenu fieldset .filtersContainer.collapse {
 opacity: 0;
}
#searchFrmMenu fieldset .filtersContainer.in.collapse {
 opacity: 1;
}

#searchFrmMenu fieldset .filtersContainer.collapsing.in-remove.in-remove-active {
 opacity: 0;
}
#searchFrmMenu fieldset .filtersContainer.collapsing.in-add.in-add-active {
  opacity: 1;
}
#searchFrmMenu fieldset .filtersContainer {
    height: auto;
    margin-top: 5px;

}
#searchFrmMenu fieldset .showHideFilter {
    transition: 0.5s ease-in-out all;
}
#searchFrmMenu fieldset.filterHide .showHideFilter {
    transform: rotate(180deg);
}
#searchFrmMenu legend:hover {
    opacity: 0.7;
}
#searchFrmMenu fieldset.filterHide .filtersContainer {
    /*max-height: 0;*/
}

#searchFrmMenu fieldset.filtersMenuSection li{
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom:1px solid #ccc;
    box-shadow:0px 1px 0px #fff;
}

#searchFrmMenu fieldset.filtersMenuSection li i{
    float:right;
    margin-right: 10px;
    color:#aaa;
}
#searchFrmMenu fieldset.filtersMenuSection li:hover i{
    color:#525352;
}

#searchFrmMenu fieldset.filtersMenuSection li.selected i{
    color:#29c;
    /*color: white;*/
}

#searchFrmMenu fieldset.filtersMenuSection{
    padding-bottom: 0px;
    margin-bottom:10px;
    /*background: #dfdfdf;*/
    border: 1px solid #ccc;
}

#searchFrmMenu fieldset.filtersMenuSection .selected{
    color:#2299cc;
    background: white;
    font-family:raleway; font-weight:700;
    /*background: #2299cc;
    color: white;*/
}
#searchFrmMenu .arrowLs{
    display: inline-block;
    float: right;
    margin-top: -2px;
}
#searchFrmMenu legend {
    font-family:open sans;
    text-transform: uppercase;
    font-weight:700;
    font-size:12px;
    color:#aaa;
    cursor:pointer;
    line-height: 25px;
    /*margin-bottom: 7px;*/
    width: 100%;
    transition: 0.2s ease-in-out all;
}
#searchFrmMenu input:disabled {
    opacity: 0.6;
}
#searchFrmMenu.blocked fieldset label span, #searchFrmMenu.blocked fieldset label span i{
    color: #ccc;
}
.proTag{
  border:1px solid #29c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:#29c;
  padding: 2px 5px;
  font-size: 10px;
}
#searchFrmMenu legend .proTag{
    margin-left: 2px;
    vertical-align: top;
}
#searchFrmMenu legend i .fa-info {
    margin-left: 2px;
}
#searchFrmMenu legend .showHideFilter {
    float: right;
    font-size: 18px;
}
#searchFrmMenu legend:hover i{
    /*color:#222;*/
}
#searchFrmMenu legend:hover{
    /*color:#222;*/
}
#searchFrmMenu .specialLegend {
    color:#2299cc;
    padding-left: 5px;
}
#searchFrmMenu li {
    cursor:pointer;
    font-size:13px;
    /*text-indent:5px;*/
    padding-left:5px;
    padding-bottom:3px;
    padding-top:4px;
    /*border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 0 white;*/
    color:#525352;

}
#searchFrmMenu li:Hover {
    background-color:white;
}

#searchFrmMenu .selected {
    /*font-family:raleway; font-weight:700;*/
    color:#29c;/*97B636*/
}
#searchFrmMenu li input[type="checkbox"], #searchFrmMenu li input[type="radio"]{
    margin-right: 5px;
    font-size:11px;
}
/*end of search menu*/
/*api*/
#FAQ{
    text-align:left;
    padding-left:10px;
}
#FAQ li
{
    padding-bottom:10px;
    /*background-image: url(../images/landing/star.png);*/
    /*padding-left: 35px;*/
    background-repeat: no-repeat;
    background-position: 1px 0px;
    width:800px;
    font-family:open sans;
    font-size:16px;
    line-height:1.5;
    color:#444;
    font-weight: 300;
}
#FAQ li .title
{
    font-family:raleway;font-weight:700;
    font-size:16px;
    padding-bottom:2px;
    color: #333;
    text-align: left;
}
#FAQ li .content
{
    font-family:open sans;
    font-size:16px;
    color:#525352;

}
.codeSection {
    border: 1px dashed #ccc;
    color: #334;
    background: #efefef;
    font-family: monospace;
    overflow: auto;
    font-size: 13px;
    padding: 0.5em;
    margin: 10px 0 10px 0;
    padding: 15px;
    /*white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;*/
}
/*end of api*/

/* signupBanner */
#signupBanner{
    position:fixed;width:100%;bottom:0;background-color:rgba(18,79,105,0.8);padding:30px 0;z-index:99999;
    background: linear-gradient(55deg,#EFEEED 35%, #F9EDE9 10%, #fff 100%);
    box-shadow: 0 1px 3px 1px #aaa;
}
#signupBanner .container{
    width:1000px;
    margin:0 auto;
}

#signupBanner .bannerLeft{
    float:left;font-size:25px;font-family:raleway;;line-height:1.4;;color:#525352;
    text-align:left;
}
#signupBanner .bannerLeft h2{
    font-family: open sans;
    font-size: 24px;
    font-weight: 500;
}

#signupBanner .bannerLeft .bottomLeft{
    font-size:18px;font-weight:200;
}

#signupBanner .flat-butt-large{
    margin-top:10px;
}

.klearProfilesModal .largeTitle {
    margin-bottom: 13px;
    font-family: muli;
    font-size: 2em;
    font-weight: 800;
    color:#322f63;
}
.klearProfilesModal .smallTitle {
    font-weight: 600;
    color:#34556d;
    line-height: 1.3;
}
.errorPage{
  text-align: center;
}
.errorPage .box{
  width: 600px;
  margin-top:150px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 200px;
}
.switchToMobile {
    padding-top: 5%;
    padding-bottom: 5%;
    background: white;
    color: #525352;
    width: 100%;
    text-decoration: none;
    font-size: 4.5em;
    text-align: left;
    border-bottom: 1px solid #aaa;
    margin-bottom: 2px;
    line-height: 1.25;
}
.switchToMobile i {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}
.toggleLinks {
    color: #525352;
}
.toggleLinks a {
    color: #29c;
    padding: 0px 5px;
    font-weight: 400;
}
.toggleLinks a:hover {
    text-decoration: underline;
    cursor: pointer;
}
.toggleLinks a.selected {
    color: #525352;
}

.toggleLinks a.selected:hover {
    text-decoration: none;
    cursor: default;
}
.barFill {
    background: #29c;
    opacity: 0.6;
    float: left;
    height: 100%;
}

.barFill:hover {
    background: #8fd4f0;
}
.barRow {
    line-height: 24px;
    font-size: 14px;
    color: #525352;
    text-align: left;
}
.uppercaseTitle {
    font-family: raleway; font-weight:300;;
    font-size: 15px;
    color: #888;
    margin-bottom: 5px;
}
.geoLine {
    line-height: 24px;
    font-size: 14px;
    color: #525352;
}
.line {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CFD2CF;
    box-shadow: 0px 1px 0px #fff;
}
.third {
    width: 31%;
    float: left;
    margin-right: 3%;
}
.dashboardAudience .veryBigNumber {
    font-size: 36px;
    color: #525352;
}
.dashboardAudience .veryBigNumberText {
    font-size: 22px;
    color: #525352;
}
.barContainer {
    width: 80px;
    display: inline-block;
    margin-left: 10px;
    height: 13px;
    background: #eee;
    vertical-align: middle;
}
.barRow .barText {
    width: 200px;
    display: inline-block;
}

.barRow .barText i {
    font-size: 12px;
}
.barRow .barPercentage {
    float: right;
    color: #888;
    font-size: 16px;
    font-weight: 300;
}

.tagBox.blue{
 background: #E7F2F7;
}
.tagBox.green{
    background:#F0F3E6;
}
.flatBarContainer {
height:8px;
margin-top:9px;
width:100%;
position:relative;
vertical-align: middle;
background-color: #ddd;
}
.flatBarContainer.green .fbarFill{
    background-color: #accc48;
}
.flatBarContainer.blue .fbarFill{
    background-color: #29c;
}
.flatBarContainer.red .fbarFill{
    background-color: #F9865C;
}
.flatBarContainer.green .fbarBorder{
    border-color: #accc48;
}
.flatBarContainer.blue .fbarBorder{
    border-color: #29c;
}
.flatBarContainer.red .fbarBorder{
    border-color: #F9865C;
}
.flatBarContainer.green .fbarLabel{
    color: #596925;
}
.flatBarContainer.blue .fbarLabel{
    color: #29c;
}
.flatBarContainer.red .fbarLabel{
    color: #F9865C;
}
.flatBarContainer .fbarFill {
float: left;
height: 100%;
border-radius: 5px;
opacity: 0.6;
}
.flatBarContainer .fbarBorder {
    top:-7px;
    opacity:0.6;
    position:absolute;
    height:23px;
    border-left:1px solid #525352;
}
.flatBarContainer .fbarLabel {
    position:absolute;
    margin-top:20px;
    font-family:open sans;
    text-align: center;
    margin-left: -40px;
    width: 80px;
    white-space: nowrap;
    left: 0%;
}
.fbarExplainer{
    font-family: open sans;
    color:#888;
    float: right;
    font-size: 11px;
    line-height: 15px;
}
.flatBarContainer .fbarFill.animated{
    -webkit-transition: width 4s ease-in-out;
    -moz-transition: width 4s ease-in-out;
    -o-transition: width 4s ease-in-out;
    transition: width 4s ease-in-out;
    width:0%;
}
.flatBarContainer .fbarFill{
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;

    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
}

form.requestDemo label{
    font-size: 13px;
    font-weight: 300;
}

form.requestDemo select{
height: 42px;
margin-bottom: 13px;
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  font-size: 14px;
  font-family: raleway;
  font-weight: 300;
  color: #525352;
  border: 1px solid #ddd;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
.imageModal.video.instagram {
    padding: 0;
    margin:0;
    /*height: 776px;*/
    width: 598px;
    margin-top: 14px;
}
.imageModal.video.instagram iframe {
    padding: 0 !important;
    margin: 0 !important;
    border:0 !important;
}
.imageModal.video.facebook,
.imageModal.video.youtube {
    width: 600px;
    padding: 0;
    height: auto;
}
.imageModal.video.facebook iframe,
.imageModal.video.youtube iframe {
    margin-bottom: -2px !important;
}
.imageModal{
  text-align:center;background:#eee;padding:20px;width:640px;
}
.imageModal .userDetails{
    margin-bottom:10px;
}
.imageModal .userDetails img{
    float:left;
    margin-right:10px;
}
.imageModal .userDetails .names{
    float:left;
}
.imageModal .userDetails .names .name{
    font-size: 15px;
    font-weight: 700;
}
.imageModal .userDetails .names .sname{
    font-size: 13px;
    font-weight: 300;
    color:#525352;
}
.editMonitorModal.landscapeMentions {
    background: #f6f8f9;
}
.editMonitorModal.landscapeMentions .btn3 {
  margin-right: 0;
  padding: 0 8px;
}
/*free tools boxes*/
.freeTools .boxTitle {
    font-size: 13px;
    font-family: open sans;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 25px;
}
.freeTools  .boxBody .bigTitle {
    margin: 0 auto;
    font-family: raleway;
    font-weight: 300;
    width: 80%;
    line-height: 1.3;
    padding-top: 35px;
    font-size: 25px;
    color: #525352;
}
.freeTools .greyContainer {
    width: 100%;
}
.freeTools .greyContainer .container {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.influencersPage .content .box.tag {
    margin-right: 5%;
}
.freeTools .greyContainer .box .boxBody .bigTitle.smaller {
    font-size: 20px;
}
.freeTools .greyContainer .box  .bottom {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
}
.freeTools .greyContainer .box a:hover img {
    opacity: 0.6;
}
.freeTools .freeToolsTags:hover {
    opacity: 1;
}
.freeTools .freeToolsTags a:nth-child(n+4) .skillTag3{
    margin-top: 15px;
}
.freeTools .freeToolsTags {
    width: 88%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 33%;
}
.skillTag3 {
    font-family: raleway;
     background-color: transparent;
     border: 1px solid #ccc;
      display: inline-block;
      padding: 4px 8px;
      margin-right: 5px;
      font-size: 11px;
      text-decoration: none;
      text-transform: uppercase;
      color: #888;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
 }
.skillTag3:hover {
    background-color: #90939a;
    color: #f4f6f8;
}
.freeTools .greyContainer .sectionTitle {
    font-family: raleway;
    font-weight: 300;
    color: #888;
    font-size: 22px;
    line-height: 1.2;
    /*margin: 30px 0 30px 0;*/
    text-align: center;
}
.freeTools .greyContainer .sectionTitle2Bottom {
    font-size: 16px;
    color: #888;
    font-weight: 300;
    line-height: 1.5;
    max-width: 590px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.freeTools .greyContainer .sectionTitle2 {
    font-family: raleway;
    font-weight: 300;
    color: #888;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
}
.influencersPage .sectionTitle,
.profilesTabContent .sectionTitle {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
    }
.freeTools .greyContainer .box{
    padding: 0;
    background-color: white;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
    min-height: 270px;
    float: left;
    box-sizing: border-box;
    position: relative;
    height: auto;
    box-shadow: 0 0 10px 0 #eee;
    transition: all 0.3s ease;
}
.freeTools .greyContainer .box:hover {
    box-shadow: 0 3px 10px 0 #ddd;
}
.influencersPage .freeTools .greyContainer .box{
    padding: 0;
    background-color: white;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
    height: 220px;
    min-height: 220px;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.freeTools .greyContainer .box:nth-child(3n) {
    margin-right: 0;
}
.freeTools .box.tag.short {
    min-height: 220px;
    height: 220px;
}
.freeTools .box.tag .boxBody .bigTitle {
    margin-top: 25px;
    padding-top: 0;
    font-family: raleway;
    font-weight:300;
    font-size:21px;
    color: #2299cc;
}
.freeTools .greyContainer .box:hover .bigTitle a {
text-decoration: underline;
}
/*.freeTools .greyContainer .box.blue a .boxTitle, .freeTools .greyContainer .box.blue a:hover .boxBody, .freeTools .greyContainer .box.blue a:hover .boxBody .bigTitle {
    color: #29c;
}*/
.freeTools .greyContainer .box.green a .boxTitle, .freeTools .greyContainer .box.green a:hover .boxBody, .freeTools .greyContainer .box.green a:hover .boxBody .bigTitle {
    color: #accc48;
}
.freeTools .greyContainer .box.red a .boxTitle, .freeTools .greyContainer .box.red a:hover .boxBody,  .freeTools .greyContainer .box.red a:hover .boxBody,  .freeTools .greyContainer .box.red a:hover .boxBody .bigTitle {
    color: #f9855c;
}
/*.freeTools .greyContainer .box a:hover .boxBody .bigTitle {
    text-decoration: underline;
}*/
.freeTools .greyContainer .box:hover a .boxBody .bigTitle.instagram {
    color: #f087b1;
}
.freeTools .greyContainer .box a .boxBody .bigTitle {
    transition: all 0.2s ease;
}
.freeTools .boxBody .bigTitle{
    margin: 0 auto;
    font-family: raleway;
    font-weight: 300;
    width: 80%;
    line-height: 1.3;
    padding-top: 35px;
    font-size: 25px;
    color: #525352;
}
.topSectionAlert{
    padding:17px;
    text-align: center;
    margin-top: 45px;
    margin-bottom:-45px;
    color: #525352;
    font-size: 13px;
}
.topSectionAlert.red{
    background-color: #f6f8f9;/*#FFC6B2;*/
}
.topSectionAlert.fullPage{
    height: 2200px;
    position: absolute;
    width: 100%;
    z-index: 200;
    font-size: 17px;
    opacity: 1;
    top: 85px;
    border-top:3px solid #f9855c;
}
.topSectionAlert.fullPage h2{
    padding-top:50px;
    font-size: 22px;
    color:#f9855c;
}
.validateForm .error{
    color:#f9855c;
}
/*end of free tools boxes*/


.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon i.fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon i.fa  {
    /* left:  30px;*/
    line-height: 2.5;
    left: 0;
    padding: 0 5%;
    height: 50px;
}
.right-addon i.fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  80px; }
.right-addon input { padding-right: 30px; }


.loggedOut {
    background: #EFF8FB;
    color: #8091A5;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    box-shadow: 0px 0px 5px 0px #ccc;
}
.loggedOut .container {
    width: 1000px;
    margin: 0 auto;
    padding: 32px 0;
    font-family: open sans;
    font-weight: 300;
    position: relative;
}
.loggedOut .container .title {
    font-weight: 700;
    font-family: raleway;
    font-size: 30px;
    margin-bottom: 10px;
}
.loggedOut .container .subTitle {
    font-size: 24px;
    margin-bottom: 13px;
    font-weight: 500;
    color: #525352;
}
.loggedOut .container .text {
    font-size: 19px;
    width: 850px;
    text-align: left;
    line-height: 1.4;
    color: #525352;
}


.hoveringInfoBox {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}
.hoveringInfoBox .box {
    background: white;
    width:254px;
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 20px;
    text-align: left;
}
.hoveringInfoBox .box .title {
    font-family: open sans;
    font-weight: 700;
    color: #8091A5;
    font-size: 17px;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.hoveringInfoBox .box .par {
    font-family: open sans;
    font-size: 13px;
    font-weight: 300;
    color: #525352;
    line-height: 1.4;
}
.hoveringInfoBox .box img {
    width: 100px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-top: -10px;
}


.grad-butt {
  display: inline-block;
  text-rendering: optimizeLegibility;
  font-size: 13px;
  border-radius: 3px;
  box-shadow: 0px 0 10px -5px #7d9bb6;
  font-family: raleway;
  font-weight: 300;
  color: white;
  padding:10px 20px;
  transition: box-shadow 0.2s ease-in-out;
  cursor: pointer;
  letter-spacing: 0.5px;
  background: #9ea3b8; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #9ea3b8 , #7d9bb6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #9ea3b8 , #7d9bb6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #9ea3b8 , #7d9bb6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #9ea3b8 , #7d9bb6); /* Standard syntax */
}
.grad-butt-large {
  /*width: 150px;*/
  font-size: 17px;

}
.grad-butt-xlarge.wideBottom {
  padding:25px;
}
.grad-butt-xlarge {
  font-size: 23px;
  padding: 11px 30px;
}
.grad-butt-xxlarge {
  font-size: 20px;
  padding: 14px 50px;
}
.grad-butt-blue {
  text-align: center;
  box-shadow: 0px 0 10px -5px #365266;

  background: #2299cc;
  background: -webkit-linear-gradient(left, #7ac1df , #2299cc);
  background: -o-linear-gradient(right, #7ac1df , #2299cc);
  background: -moz-linear-gradient(right, #7ac1df , #2299cc);
  background: linear-gradient(to right, #7ac1df , #2299cc);
  color:#fff;
}
.grad-butt-hollow-blue {
    /*width: 200px;*/
    border: 2px solid #7ac1df;
    background: none;
    /*border-top: 2px solid #7ac1df;
    border-bottom:2px solid #2299cc;
    background-image:
    linear-gradient(#7ac1df , #2299cc),linear-gradient(#7ac1df , #2299cc);
    background-size:2px 100%;
    background-position:0 0, 100% 0;
    background-repeat:no-repeat;*/
    color: #29c;
    padding: 8px 20px;
}
.grad-butt-hollow-blue:hover {

  box-shadow: 0px 0 17px -5px #365266;
  background: #fff;

}
.grad-butt-white {
  background: white;
  color: #7E839C;
  border:1px solid #eee;
}
.grad-butt:hover {
  box-shadow: 0px 0 17px -5px #7d9bb6;
  opacity: 0.9;
}
.grad-butt.wideBottom {
  display: block;
  text-align: center;
  transition: background .3s ease;
  border-radius: 0 0 3px 3px;
}
.grad-butt-blue:hover {
  box-shadow: 0px 0 17px -5px #365266;
  opacity: 0.9;
}
.grad-butt-noButt {
    box-shadow: none;
    border:0;
    padding: 0;
    font-weight: 700;
    border-radius: 0;
    transition: color 0.2s ease-in-out;
}
.grad-butt-noButt:hover {
    box-shadow: none;
    color: #525352;
}
.grad-butt-pic {
    display: flex;
    padding-left:0;
    padding-top:0;
    padding-bottom:0;
}
.grad-butt-pic .buttCont {
    display: flex;
    margin:0;
    align-items: center;
}
.grad-butt-pic .buttCont img {
    margin:0;
    margin-right: 9px;
    border-radius: 3px 0 0 3px;
}
.grad-butt-disabled{
    cursor: default;
    background: #aaa;

}
.profileEngagements .bottomExplainer{
    color:#888;
    font-size:11px;
    margin-top:10px;
}




.inputOnWhite,
.ddOnWhite {
    font-size: 15px;
    background: white !important;
    border:1px solid #dedede;
    border-radius: 3px;
    display: flex;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.inputOnWhite input:-webkit-autofill,
.ddOnWhite input:-webkit-autofill {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.inputOnWhite .inputCont > *:first-child,
.ddOnWhite .ddCont > *:first-child {
  margin-left: 20px;
}
.inputOnWhite .inputCont > *:last-child,
.ddOnWhite .ddCont > *:last-child {
  margin-right: 20px;
}
.ddOnWhite {
  margin-left: 10px;
  box-shadow: 0px 0 10px -5px #7d9bb6;
  cursor: pointer;
}
textarea.inputOnWhite {
  height: 120px;
  resize: none;
  padding:10px 20px;
}
.inputOnWhite .inputCont,
.ddOnWhite .ddCont {
  display: flex;
  height: 100%;
  flex: 1;
  align-items: center;
  height: 46px;
}
.inputOnWhite i.fa-angle-down {
  color: #ccc;
  margin-left: 6px;
}
.inputOnWhite .inputCont .menuDD.inputButt {
  font-weight: 500;
  color: #888;
}
.inputOnWhite .inputCont.instagram .menuDD.inputButt {
  border-bottom: 2px solid #F087B1;
}
.inputOnWhite .inputCont.twitter .menuDD.inputButt {
  border-bottom: 2px solid 000000;
}
.inputOnWhite .inputCont.facebook .menuDD.inputButt {
  border-bottom: 2px solid #3B5999;
}
.inputOnWhite .inputCont.facebook .menuDD.inputButt {
  border-bottom: 2px solid #E62117;
}
.inputOnWhite .inputCont .inputButt:hover {
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  background-color: #EFF8FB;
}
.inputOnWhite input {
  display: flex;
  flex: 1;
  border:0;
  padding:0;
  outline: none;
  min-width: 0;
  text-align: left;
  justify-content: flex-start;
  background: white;
  height: 100%;
  box-shadow: none;
  width: 100%;
}
.inputOnWhite .fa-edit {
  color: #aaa;
}
.inputOnWhite > * {
  align-items: center;
  display: flex;
}
.inputOnWhite .inputIcon,
.ddOnWhite .inputIcon {
  margin-right: 5px;
  color: #888;
}
.inputOnWhite.error {
  border-color: #F9855C;
}
.inputOnWhite:hover,
.ddOnWhite:hover,
.inputOnWhite.focused,
.ddOnWhite.focused {
  box-shadow: 0px 0px 10px 0px #7d9bb650;
}
.inputOnWhite .inputCont .inputButt {
  color: #29c;
  cursor: pointer;
  font-weight: 700;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  padding: 20px;
  transition: 0.2s ease-in-out all;
}

.flexModal {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 768px) {
    .creatorSignUpModal .modalContainer {
        padding:20px 0px !important;
    }
}
.creatorSignUpModal .modalContainer {
    max-width: 500px;
    display: flex;
    align-self: center;
}
.creatorSignUpModal .inputOnWhite {
    margin-bottom: 23px;
}
.creatorSignUpModal .modalCta {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    bottom: 0;
}
.creatorSignUpModal .modalCta .underline-butt-fullWidth {
    font-weight: 700;
    padding: 14px;
    width: 100%;
    border: 0;
    border-bottom: 3px solid #29c;
    background: #29c;
    color: white;
    font-size: 16px;
    transition: 0.2s ease-in-out all;
    cursor: pointer;
}
.disabledButt,
.disabledButt > * {
    color: #aaa !important;
    background-color: #eee !important;
    border-color: #eee !important;
    cursor:default !important;
}
.creatorSignUpModal .modalCta .underline-butt-fullWidth:hover {
    background-color: #29c;
    color: white;
}
.creatorSignUpModal .smallTitle {
    margin-bottom: 0;
}
.creatorSignUpModal .tos label {
    font-weight: 300;
    transition: 0.2s ease-in-out all;
    font-size: 14px;
     margin-bottom: 5px;
     cursor: pointer;
     line-height: 1.3;
}
.creatorSignUpModal .tos label:hover {
    opacity: .8;
}
.creatorSignUpModal .inputOnWhite {
    position: relative;
}
.creatorSignUpModal label {
    transition: 0.2s ease-in-out all;
}
.creatorSignUpModal label.error {
    position: absolute;
    right: 0;
    top: -18px;
    font-size: 12px;
    font-weight: 500;
    margin:0 !important;
}

.creatorSignUpModal .closeButt i {
    padding:10px;
    font-size: 17px;
}


.noMoreFreePlan {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 100%;
}
.noMoreFreePlan .logOut {
    margin-top: 10px;
    font-weight: 500;
}
.noMoreFreePlan .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    align-items: center;
    margin-bottom: 150px;
}

.noMoreFreePlan .mainPic {
    width: 650px;
    margin:100px 0 70px 0;
}
.noMoreFreePlan .mainPic.small {
    width: 400px;
}
.noMoreFreePlan .mainPic img {
    width: 100%;
}
.noMoreFreePlan h1 {
    margin: 20px 0 5px 0;
    font-size: 26px;
}
.noMoreFreePlan h2 {
    font-size: 20px;
    font-weight: 500;
}
.noMoreFreePlan .sub-tite {
    margin: 5px 0 30px 0;
    width: 560px;
    line-height: 1.5;
}

.editContactInfoByBrand {
    margin-bottom: 30px;
}
.editContactInfoSeparate {
    border-top: 1px solid #d0d0d0;
    margin-bottom: 15px;
    width:80%;
    display: inline-block;

}
.listSharePage {
    min-height: 800px;
    display:block;
}
.welcomeSentence{
    margin-top:20px;
    font-family: var(--font-primary);
    font-size: var(--text-big);
    font-weight: var(--weight-medium);
    color: var(--gray-darkest);
}